@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&display=swap');

.dato{
	font-family:'Rambla';
	font-size:17px;	
	color:#FFFFFF;
}

.dato_etiqueta{
	font-family:'Rambla';
	font-size:15px;	
	color:#000;
}

.dato_pequeno{
	font-family:'Rambla';
	font-size:14px;	
	color:#F4F4F4;	
}

.datos_cabecera{
	color:#333333;
	font-size:23px;
	font-family: 'Merriweather';
}


.texto_saludo{
	float:left; 
	color:#FFF; 
	margin-top:20px; 
	font-size:19px; 
	font-family:'Rambla'; 
	text-align:justify;
}

.dato_contacto{
	color:#666666;
	text-align:left;
	font-size:20px;
	font-family: 'Rambla';
	font-weight:100;
}

.dato_contacto a:link{
	color:#333;
}

.dato_contacto a:visited{
	color:#333;
}

.dato_contacto a:hover{
	color:#333;
}

.dato_contacto a:active{
	color:#333;
}









.dato_contacto_pie{
	color:#666666;
	text-align:left;
	font-size:20px;
	font-family: 'Rambla';
	font-weight:100;
}

.dato_contacto_pie a:link{
	color:#FFF;
}

.dato_contacto_pie a:visited{
	color:#FFF;
}

.dato_contacto_pie a:hover{
	color:#FFF;
}

.dato_contacto_pie a:active{
	color:#FFF;
}








.messenger{
	color:#575757;
	text-align:left;
	font-size:20px;
	font-family: 'Rambla';
	font-weight:100;
}

.messenger a:link{
	color:#575757;
}

.messenger a:visited{
	color:#575757;
}

.messenger a:hover{
	color:#575757;
}

.messenger a:active{
	color:#575757;
}


.titulo{
	float:left; 
	width:100%;
	margin-bottom:10px;
	font-family:'Rambla';
	font-size:20px;
	color:#E5097F;
}

.info{
	font-family:'Barlow';
	font-size:17px;
	color:#333333;
	line-height:23px;
}


.texto_titulo{
	float:left;
	width:100%;
	color:#042745;
	text-align:left;
	font-size:28px;
	line-height:38px;	
	font-family: 'Rambla';
	font-weight:700;
	margin-bottom:25px;	
}

.texto_titulo_big{
	color:#015CC2;
	text-align:left;
	font-size:39px;
	line-height:41px;	
	font-family: 'Rambla';
	font-weight:700;
	margin-bottom:25px;	
}


.texto_titulo_blanco{
	color:#144F8F;
	text-align:left;
	font-size:28px;
	line-height:38px;	
	font-family: 'Rambla';
	font-weight:100;
	margin-bottom:25px;	
}


.noticia_titulo_index{
	float:left;
	width:100%;
	min-height:60px;
	max-height:60px;
	color:#0070A6;
	font-size:22px;
	line-height:27px;	
	font-family: 'Rambla';
	font-weight:100;
	margin-bottom:10px;	
}


.noticia_titulo_pagina{
	float:left;
	width:100%;
	color:#0070A6;
	font-size:29px;
	line-height:34px;	
	font-family: 'Rambla';
	font-weight:100;
	margin-bottom:10px;	
}

.noticia_fecha_pagina{
	float:left;
	width:100%;
	color:#999999;
	font-size:13px;
	line-height:20px;	
	font-family: 'PT Sans', sans-serif;
	font-weight:100;
	margin-bottom:5px;	
}

.noticia_detalle_pagina{
	float:left;
	width:100%;
	min-height:100px;
	max-height:130px;
	background:;
	color:#666666;
	font-size:16px;
	line-height:22px;	
	font-family: 'Rambla';
	font-weight:100;
	margin-bottom:5px;	
	margin-top:10px;
}

.migaja{
	color:#999;	
	font-size:14px;
	margin-bottom:10px;
	font-family: 'PT Sans', sans-serif;	
}


.migaja:hover{
	color:#999;	
}

.direccion_abajo{
	font-size:15px;
	line-height:30px;
	color:#484848;
}

.texto_descripcion{
	font-size:18px; 
	line-height:26px; 
	color:#666;
	margin-bottom:30px;
	font-family:'Rambla';
	font-weight:100;
	color:#314E7D;
}

.subtitulo{
	color:#036;
	margin-bottom:10px;
	font-size:22px;
	font-family: 'Roboto', sans-serif;
}

.texto_bienvenida{
	color:#005589;
	margin-bottom:10px;
	font-size:17px;
	line-height:25px;
	text-align:justify;
	font-family: 'Rambla';
	font-weight:300;
}

.valores{
	color:#005589;
	margin-bottom:10px;
	font-size:16px;
	line-height:25px;
	text-align:justify;
	font-family: 'Rambla';
	font-weight:100;
}

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

	.texto_titulo{
		margin-bottom:15px;	
	}

	.texto_bienvenida{
		font-size:18px;
		line-height:25px;

	}

}


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

	.texto_bienvenida{
		font-size:18px;
		line-height:30px;
		font-weight:350;

	}

	.texto_descripcion{
		font-size:17px;
		line-height:28px;
		font-weight:350;

	}
}

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

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

	.texto_saludo{
		margin-top:20px; 
		font-size:16px; 
	}



	.titulo{
		margin-top:15px;
		margin-bottom:0px;
		font-family:'Barlow';
	}


	.texto_titulo_big{
		font-size:32px;
		line-height:41px;	
		font-family: 'Rambla';
		font-weight:600;
		margin-bottom:15px;	
	}
	

	.noticia_titulo_index{
		font-size:22px;
		line-height:30px;	
		font-weight:900;
		margin-bottom:10px;	
	}

	.noticia_titulo_pagina{
		font-size:22px;
		line-height:30px;	
		font-weight:900;
		margin-bottom:10px;	
	}
	
	.noticia_detalle_pagina{
		font-weight:300;
		font-size:18px;	
	}
	
	.texto_titulo{
		font-size:25px;
		font-weight:500;
		line-height:34px;	
		margin-bottom:15px;	
	}

	.texto_bienvenida{
		line-height:22px;
		color:#688DA4;

	}

	.subtitulo{
		font-size:20px;
		font-family:  'Roboto', sans-serif;
	}	

}

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


}

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

	.texto_titulo{

	}

	.texto_descripcion{

	}



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



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

}