﻿/* Estilo de letra general 
@font-face {
    font-family: NewslabMedium;
    src: url('NewslabMedium.otf');
}

body {
    font-family: NewslabMedium;
    src: url('NewslabMedium.otf');	
}

/* Estillos Componente "claro" */

.header-componente-A{
    background: #3a4b72;
	text-align: center;
}
.title-componente-A{
    color:#fff;
	text-align: center;
	
}
.body-componente-A{
    background: #fff; 
}
.paragraph-componente-A{
   /* color:#000000; */
 color: #474747;
}

/* Estillos Componente "claro clase 2" */

.header-componente-C{
    background: #666666;
	text-align: center;
}
.title-componente-C{
    color:#fff;
	text-align: center;	
}

.body-componente-C{
    background: #F4F4F4;
}

.paragraph-componente-C{
   /* color:#000000; */
 color: #474747;
}

/* Estilos Componente "oscuro" */

.header-componente-B{
    background: #fcb31d; 
	text-align: center;
}
.title-componente-B{
    color:#FFFFFF;
	}
.body-componente-B{
    background: #FFFFFF;
}
.paragraph-componente-B{
     /* color:#000000; */
      color: #474747;
}

.paragraph-header-componente-B{
	color:#FFFFFF;
}

#row-principal-Servicios{

   width: 100%;
   margin: 0%;

}

.Centrado-completo{

    -ms-display: flex;
    display: flex;
    /* alineacion vertical */
    align-items: center;
    /* alineacion horizontal */
    justify-content: center;
    

}   

.NombreServicio{

text-decoration: none;
line-height:0.9em;

}

.Contenedor-Aplicaciones{

width:100%;
height: 90%;
padding-left:0%; 
padding-right:0%; 
margin-top: 1.3em;
-webkit-box-shadow: 7px 9px 22px -2px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 9px 22px -2px rgba(0,0,0,0.59);
box-shadow: 7px 9px 22px -2px rgba(0,0,0,0.59);

}

.Contenedor-Ap-Individual > a {

	text-decoration:none !important;
	

}

@media (max-width: 480px) {
      
.NombreServicio{

font-size: 0.75em;
}
    
}


 .Contenedor-interno{
 
 padding-left:0.1px;
 padding-right:0.1px;
 text-align:center; 
 height: 110px;
 /*-webkit-box-shadow: 7px 9px 22px -2px rgba(0,0,0,0.59);
 -moz-box-shadow: 7px 9px 22px -2px rgba(0,0,0,0.59);
 box-shadow: 7px 9px 22px -2px rgba(0,0,0,0.59);
 border-radius: 24px 25px 24px 24px;
 -moz-border-radius: 24px 25px 24px 24px;
 -webkit-border-radius: 24px 25px 24px 24px;
 border: 0px solid #000000;*/
 }

 h1 {
    font-size: 20px;
}
