@charset "utf-8";
/* Autor: Francisco Camarena , triplewsystems.com */
/*
@font-face{
	font-family:"font_calibri";
	src:url("/fonts/calibri.otf") format("opentype"),
		url("/fonts/calibri.ttf") format("truetype"),
		url("/fonts/calibri.otf") format("embedded-opentype");	
}
*/

@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Rambla');
@import url('https://fonts.googleapis.com/css?family=Merriweather&display=swap');
@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato|Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@800&display=swap');

blockquote {
/*	background:#66CDAA; /* Color de fondo */
	padding:10px;
}
blockquote:before { 
	content: "\201C"; /* inicio comilla */
	font-family: Georgia;
	font-size:50px; /* tamaño */
	font-weight: bold; line-height:0px;
	color:#599FEC; /* Color  */
	vertical-align:middle;
}
blockquote:after { /* final */
	content: "\201D";
	font-family: Georgia;
	font-size:50px; /* tamaño */
	font-weight: bold;
	line-height:0px;
	color:#599FEC; /* Color  */
	vertical-align:middle;
	padding-top:10px;
}



.bienvenida{
	float:left; 
	width:100%; 
	padding:20px; 
	box-sizing:border-box; 
	line-height:29px; 
	height:auto; 
	font-family:'Rambla'; 
	font-size:21px; 
	text-align:center;
	color:#333;
}

.gris{
	color: #3D3D3D;
}
.nombre{
	float:left; 
	width:100%; 
	height:auto; 
	font-family:'Nunito'; 
	font-weight:800;
	font-size:50px; 
	color:#134E9C;
/*	background:#0033CC;*/
}



.nombre_chico{
	float:left; 
	width:100%; 
	height:auto; 
	font-family:'Nunito'; 
	font-weight:800;
	font-size:45px; 
	
	color:#FFFFFF;
	/*background:#0033CC;*/
}

.ocupacion{
	float:left; 
	width:100%; 
	height:auto; 
	font-family:'Rambla'; 
	font-size:20px; 
	color:#000;
}

.centrado{
	text-align: center;
}

.ocupacion_chico{
	float:left; 
	width:100%; 
	height:auto; 
	font-family:'Rambla'; 
	font-size:16px; 
	margin-top:-5px;
	color:#FFF;
}

.titulo_seccion{
	float:left; 
	width:100%; 
	height:auto; 
	padding:10px; 
	margin-bottom: 10px;
	font-family:'Rambla';
	box-sizing:border-box; 
	text-align:left; 
	font-size: 38px;
	font-weight: 700; 
	
}


.subrayado{
	border-bottom:8px solid #FFCC01;	
}

.titulo_item{
	float:left; 
	width:100%; 
	height:auto; 
	box-sizing:border-box; 
	text-align:left; 
	font-size:28px;
}

/******************************************/
/***    DISEÑO PARA TABLETAS  HORIZONTAL   ****/
/******************************************/
@media only screen and (max-width:1600px){


}


@media only screen and (max-width:1024px){

}

/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/

@media only screen and (max-width:950px){


	.nombre{
		font-size:30px; 
		font-weight:800;
		line-height:35px;
		color:#FFF !important;
	}

	.nombre_chico{
		float:left; 
		width:100%; 
		height:auto; 
		font-weight:800;
		font-size:25px !important; 
		color:#FFF !important;
		line-height:25px;
		padding-top:15px;		
	/*	background:#0033CC;*/
	}
	

	.ocupacion{
		margin-top:10px;
		font-size:15px; 
		color:#FFF;
	}
	
	

	.ocupacion_chico{
		padding-top:4px;
		margin-top:0px;
		font-size:14px; 
		color:#FFF;
	}
		
	.bienvenida{
		padding:15px; 
		line-height:24px; 
		font-size:21px; 
	}


	.titulo_item{
		font-size:23px;
	}


}


@media only screen and (max-width:400px){
	
	.nombre_chico{
		font-size:20px !important; 
		
	}

	.ocupacion_chico{
		padding-top:4px;
		margin-top:0px;
		font-size:13px; 
		/*color:#000;*/
	}	



}

/******************************************/
/***    DISEÑO PARA MOVILES 480        ****/
/******************************************/
@media only screen and (max-width:480px){



}