/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 21, 2015 */



@font-face {
    font-family: 'kelson_sansbold';
    src: url('kelson_sans_bold-webfont.eot');
    src: url('kelson_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('kelson_sans_bold-webfont.woff2') format('woff2'),
         url('kelson_sans_bold-webfont.woff') format('woff'),
         url('kelson_sans_bold-webfont.ttf') format('truetype'),
         url('kelson_sans_bold-webfont.svg#kelson_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'kelson_sanslight';
    src: url('kelson_sans_light-webfont.eot');
    src: url('kelson_sans_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('kelson_sans_light-webfont.woff2') format('woff2'),
         url('kelson_sans_light-webfont.woff') format('woff'),
         url('kelson_sans_light-webfont.ttf') format('truetype'),
         url('kelson_sans_light-webfont.svg#kelson_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*franjas div contenido


	background-image:url(../images/jpg/fondoagua.jpg);
	
	*/


#contenidohomeprueba {

	margin: 0 auto auto auto;
	height: 250px; 
 
	display: block; 
	background-repeat: no-repeat; 
	background-size: auto;
	left: 50%;

}

	
	
#top1 {
	width:100%;
	height: 80px;
	margin:0 auto auto auto;
	background-color: #C9E2F6;
}

#top2 {
	width:100%;
	height: 150px;
	margin:0 auto auto auto;
	background-color: #FFFFFF;
}

#top3 {
	width:100%;
	height: 100px;
	margin:0 auto auto auto;
	background-color: #FFFFFF;
}



	
	 #headertodas {
	background-image:url(../images/jpg/franjacolores.jpg);
  height: 200px; 

margin:0 auto auto auto;

    }
	
	
#barramenu {
	width:100%;
	height: 70px;
	margin:0 auto auto auto;
	background-color: #006ACA;
}




}
#franjagris {
	width:100%;
	height: 15px;
	margin:0 auto auto auto;
	background-color: #988974;

}


#contenidohome {
	width:100%;
	height: 250px;
	z-index: -1;
	margin:0 auto auto auto;
	background-image:url(../images/jpg/bannerhome.jpg);
}


#contenidohomeprueba {


	margin: 0 auto auto auto;
	height: 250px; 
	width: 100%; 
	display: block; 
	background-repeat: no-repeat; 
	background-size: auto;

}



#contenidohome2 {
	width: 100%;
	height: 100%;
	z-index: -1;
	margin:0 auto auto auto;
	background-color: #92C1ED;
}


#contenidohome2todas {
	width: 100%;
	height: 100%;
	z-index: -1;
	margin:0 auto auto auto;
	background-color: #FFFFFF;
}

#contenidohome2todas2 {
	width: 100%;
	height: 100%;
	z-index: -1;
	margin:0 auto auto auto;
	background-color: #8C8C8C;
}


#contenidohome3 {
	width: 100%;
	height: 100%;
	z-index: -1;
	margin:0 auto auto auto;
	background-color: #FFFFFF;

}

#contenidohome4 {
	width:100%;
	height: 100%;
	z-index: -1;
	margin:0 auto auto auto;
	background-color: #D7DCDF;

}

#contenidohome5 {
	width:100%;
	height: 100%;
	z-index: -1;
	margin:0 auto auto auto;
	background-color: #92C1ED;

}

#contenido1 {
	width:100%;
	height: 364px;
	z-index: -1;
	margin:0 auto auto auto;
	background-color: #FFFFFF;
}

#intermedio1 {
	width:100%;
	height: 20px;
	margin:0 auto auto auto; 
	background-color: #00BE36;
}

#contenido2 {
	width:100%;
	height: 340px;
	margin:0 auto auto auto;
	background-color: #E3E3E3;
}



#banner-contacto {
width:100%;
height: 200px;
margin:0 auto auto auto;
	background-image:url(../images/banners/contacto.jpg);
}



#banner-titulo {
width:100%;
height: 100px;
margin:0 auto auto auto;
	background-color: #E3E3E3;
}



#contenido-todas {
width: 100%;
height: 100%;
margin:0 auto auto auto;
	background-color: #FFFFFF;
}





#cuadrodiv
{
	width: 200px;
	height: 40px;
	background-color: #8C8C8C;


}




#cuadrodiv320
{
border:1px solid #a1a1a1;
background-image:url(../images/fondonew320.jpg);
width: 320px;
height: 90px;
border-radius:10px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}




#divisorcolor
{
	background-image:url(../images/jpg/franjacolores.jpg);
  height: 66px; 

margin:0 auto auto auto;
}





#cuadrodiv730azul
{
border:1px solid #a1a1a1;
background-image:url(../images/fondo-azul-20.png);
width: 730px;
height: 140px;
border-radius:10px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}


#cuadrodiv730verde
{
border:1px solid #a1a1a1;
background-image:url(../images/fondo-verde-20.png);
width: 730px;
height: 140px;
border-radius:10px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}


#cuadrodiv730naranja
{
border:1px solid #a1a1a1;
background-image:url(../images/fondo-naranja-20.png);
width: 730px;
height: 140px;
border-radius:10px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}

#cuadrodiv730violeta
{
border:1px solid #a1a1a1;
background-image:url(../images/fondo-violeta-20.png);
width: 730px;
height: 140px;
border-radius:10px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}

#cuadrodiv-testi
{
border:1px solid #a1a1a1;
background-image:url(../images/fondoblanco20.png);
width: 730px;
height: 230px;
border-radius:10px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}

#cuadrito40
{
	border-width: 1px; 
	border-style: solid; 
	border-color: #E0DFDF;
	background-color: #F4F4F4;
	width: 120px;
	height: 30px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;

}




#footer1 {
	width:100%;
	height: 100%;
	margin:0 auto auto auto;
	background-color: #000000;
}

#footer2 {
	width:100%;
	height: 250px;
	margin:0 auto auto auto;
	background-color: #F4F4F4;
}

#footer3 {
width:100%;
height: 60px;
margin:0 auto auto auto;
background-color: #A1AEB6;
}








/*buscar*/

.buscar {
    font-family: 'kelson_sanslight';
	font-size: 14px;
	color: #666666;
	text-align: left;
		background-color: #E2E2E2;
		border: none;
		cursor:  pointer;
}








/*TEXTOS SUELTOS*/






/*fecha*/
.fecha {
    font-family: 'kelson_sanslight';
	font-size: 16px;
	color: #666666;
	text-align: left;
}


/*parrafos*/


.parrafo-gris-16-just {
    font-family: 'kelson_sanslight';
	font-size: 16px;
	color: #333333;
	text-align: justify;
}


.parrafo-gris-17-just {
    font-family: 'kelson_sanslight';
	font-size: 17px;
	color: #333333;
	text-align: justify;
}


.parrafo-gris-19-just {
    font-family: 'kelson_sanslight';
	font-size: 19px;
	color: #333333;
	text-align: justify;
}









/*direccion blanco*/


.direccion-center {
    font-family: 'kelson_sansbold';
	font-size: 17px;
	color: #666666;
	text-align: center;
}














/*menublanco  inferior*/



.menublanco-inf {
    font-family: 'kelson_sanslight';
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}


#menublanco-inf {
    font-family: 'kelson_sanslight';
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}

#menublanco-inf a {
    font-family: 'kelson_sanslight';
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}


#menublanco-inf link {
    font-family: 'kelson_sanslight';
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}


#menublanco-inf hover {
    font-family: 'kelson_sanslight';
	font-size: 14px;

	color: #6BCD80;
	text-align: left;
	text-decoration: none;
}





/*MENU LATERAL*/

.menulateral {
	color: #E87FB0;
    font-family: 'kelson_sanslight';
	font-size: 20px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}


#menulateral {
	color: #E87FB0;
    font-family: 'kelson_sanslight';
	font-size: 20px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}

#menulateral a {
	color: #E87FB0;
    font-family: 'kelson_sanslight';
	font-size: 20px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}


#menulateral a:link {
	color: #E87FB0;
    font-family: 'kelson_sanslight';
	font-size: 20px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;	
}


#menulateral a:hover {
	color: #E87FB0;
    font-family: 'kelson_sansbold';
	font-size: 20px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}



/*MENU BINF*/

.menubinf {
    font-family: 'kelson_sanslight';
	font-size: 14px;
	color: #666666;
	text-align: center;
	text-decoration: none;
}


#menubinf {
    font-family: 'kelson_sanslight';
	font-size: 14px;
	color: #666666;
	text-align: center;
	text-decoration: none;
}

#menubinf a {
    font-family: 'kelson_sanslight';
	font-size: 14px;
	color: #666666;
	text-align: center;
	text-decoration: none;
}


#menubinf a:link {
    font-family: 'kelson_sanslight';
	font-size: 14px;
	color: #666666;
	text-align: center;
	text-decoration: none;	
}


#menubinf a:hover {
    font-family: 'kelson_sansbold';
	font-size: 14px;
	color: #666666;
	text-align: center;
	text-decoration: none;
}



/*BARRA DE ESTADO*/

.barraestado {
	color: #D9030F;
    font-family: 'kelson_sanslight';
	font-size: 15px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}


#barraestado {

	color: #E87FB0;
    font-family: 'kelson_sanslight';
	font-size: 15px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}

#barraestado a {

	color: #E87FB0;
    font-family: 'kelson_sanslight';
	font-size: 15px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}


#barraestado a:link {

	color: #E87FB0;
    font-family: 'kelson_sanslight';
	font-size: 15px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;

	
	
}


#barraestado a:hover {
	
	color: #666666;
    font-family: 'kelson_sanslight';
	font-size: 15px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;


}





/*MENU AZUL*/

.menuazul {

	color: #FFFFFF;
    font-family: 'kelson_sanslight';
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
}


#menuazul {

	color: #FFFFFF;
    font-family: 'kelson_sanslight';
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
}

#menuazul a {

	color: #FFFFFF;
    font-family: 'kelson_sanslight';
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
}


#menuazul a:link {

	color: #FFFFFF;
    font-family: 'kelson_sanslight';
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;

	
	
}

#menuazul a:hover {
	color: #6BCD80;
    font-family: 'kelson_sanslight';
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
}





.formleft {
    font-family: 'kelson_sanslight';
	font-size: 12px;
	color: #666666;
	text-align: left;
}
.formright {
    font-family: 'kelson_sanslight';
	font-size: 12px;
	color: #666666;
	text-align: right;
}
.formrightb {
    font-family: 'kelson_sanslight';
	font-size: 12px;
	color: #666666;
	text-align: right;
		font-weight: bold;
}
.formcenter {
    font-family: 'kelson_sanslight';
	font-size: 12px;
	color: #666666;
	text-align: center;
}




.vermasb {
	color: #333333;
    font-family: 'kelson_sanslight';
	font-size: 13px;
	text-align: center;
	text-decoration: none;
}
#vermasb {
	color: #333333;
    font-family: 'kelson_sanslight';
	font-size: 13px;
	text-align: center;
	text-decoration: none;
}

#vermasb a {
	color: #333333;
    font-family: 'kelson_sanslight';
	font-size: 13px;
	text-align: center;
	text-decoration: none;
}


#vermasb a:link {
	color: #333333;
    font-family: 'kelson_sanslight';
	font-size: 13px;
	text-align: center;
	text-decoration: none;
}

#vermasb a:hover {
    font-family: 'kelson_sansbold';
	color: #333333;

	font-size: 13px;
	text-align: center;
	text-decoration: none;
}







.menu-bar {
	color: #FFFFFF;
    font-family: 'kelson_sanslight';
	font-size: 15px;
	text-align: center;
	text-decoration: none;
}
#menu-bar {
	color: #FFFFFF;
    font-family: 'kelson_sanslight';
	font-size: 15px;
	text-align: center;
	text-decoration: none;
}

#menu-bar a {
	color: #FFFFFF;
    font-family: 'kelson_sanslight';
	font-size: 15px;
	text-align: center;
	text-decoration: none;
}


#menu-bar a:link {
	color: #FFFFFF;
    font-family: 'kelson_sanslight';
	font-size: 15px;
	text-align: center;
	text-decoration: none;
}

#menu-bar a:hover {
	color: #DFF7F9;
    font-family: 'kelson_sansbold';
	font-size: 15px;
	text-align: center;
	text-decoration: none;
}




/*MENU-blanco*/

.menu-blanco {
	color: #FFFFFF;
    font-family: 'kelson_sansbold';
	font-size: 21px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}


#menu-blanco {
	color: #FFFFFF;
    font-family: 'kelson_sansbold';
	font-size: 21px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}

#menu-blanco a {
	color: #FFFFFF;
    font-family: 'kelson_sansbold';
	font-size: 21px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}


#menu-blanco a:link {
	color: #FFFFFF;
    font-family: 'kelson_sansbold';
	font-size: 21px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;	
}


#menu-blanco a:hover {
	color: #CCCCCC;
    font-family: 'kelson_sansbold';
	font-size: 21px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}



/*imprimimos*/

.imprimimos-izq {
    font-family: 'kelson_sanslight';
	font-size: 13px;
	color: #000000;
	text-align: left;
		font-weight: normal;
}

.imprimimos-der {
    font-family: 'kelson_sanslight';
	font-size: 13px;
	color: #000000;
	text-align: right;
		font-weight: normal;
}


#imprimimos-der {
    font-family: 'kelson_sanslight';
	font-size: 13px;
	color: #000000;
	text-align: right;
		font-weight: normal;
	text-decoration: none;
}

#imprimimos-der a {
    font-family: 'kelson_sanslight';
	font-size: 13px;
	color: #000000;
	text-align: right;
		font-weight: normal;
	text-decoration: none;
}


#imprimimos-der a:link {
    font-family: 'kelson_sanslight';
	font-size: 13px;
	color: #000000;
	text-align: right;
		font-weight: normal;
	text-decoration: none;
}


#imprimimos-der a:hover {
    font-family: 'kelson_sansbold';
	font-size: 13px;
	color: #000000;
	text-align: right;
		font-weight: normal;
	text-decoration: none;
}



/*link rounden menu arriba*/

#link-rounded-button  {
    background-color: #006ACA;
	width: 150px;
	height: 70px;
	text-align: center;
	vertical-align: middle;

}


#link-rounded-button a {
    background-color: #006ACA;
	width: 150px;
	height: 70px;
	text-align: center;
	vertical-align: middle;

}

#link-rounded-button a:link{
	display: table-cell;
	/* or display:block; depending of 
       the effect you are trying to achieve */


	text-align: center;
	vertical-align: middle;
}

#link-rounded-button a:hover {
    background-color: #333333;
	width: 150px;
	height: 70px;
	text-align: center;
	vertical-align: middle;

}


/*MENU HOME*/

.menuhome {
    font-family: 'kelson_sanslight';
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	
}

#menuhome {
    font-family: 'kelson_sanslight';
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	
}

#menuhome a {
    font-family: 'kelson_sanslight';
	font-size: 16px;
	color: #FFFFFF;
		 -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
	text-align: center;
	text-decoration: none;
	
}


#menuhome a:link {
    font-family: 'kelson_sanslight';
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	
}

#menuhome a:hover {
    font-family: 'kelson_sanslight';
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;

}


.vermas {
	font-family: 'kelson_sanslight';
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
}

#vermas {
	font-family: 'kelson_sanslight';
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}

#vermas a {
	font-family: 'kelson_sanslight';
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}


#vermas a:link {
	font-family: 'kelson_sanslight';
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}


#vermas a:hover {
	font-family: 'kelson_sanslight';
	font-size: 15px;
	font-weight: normal;
	color: #EDBA9E;
	text-align: center;
	text-decoration: none;
}







.titulo-20 {
    font-family: 'kelson_sansbold';
	font-size: 20px;
	font-weight: normal;
	color: #153564;
	text-align: left;
}

.titulo-18-center {
    font-family: 'kelson_sansbold';
	font-size: 18px;
	font-weight: normal;
	color: #153564;
	text-align: center;
}



.titulo-25 {
    font-family: 'kelson_sansbold';
	font-size: 25px;
	font-weight: normal;
	color: #153564;
	text-align: left;
}


.titulo-30 {
    font-family: 'kelson_sansbold';
	font-size: 30px;
	font-weight: normal;
	color: #153564;
	text-align: left;
}



.titulo-40 {
    font-family: 'kelson_sansbold';
	font-size: 40px;
	font-weight: normal;
	color: #153564;
	text-align: left;
}




.verpagos {
	color: #006ACD;
    font-family: 'kelson_sansbold';
	font-size: 15px;
	text-align: left;
	text-decoration: none;
}
#verpagos {
	color: #006ACD;
    font-family: 'kelson_sansbold';
	font-size: 15px;
	text-align: left;
	text-decoration: none;
}

#verpagos a {
	color: #006ACD;
    font-family: 'kelson_sansbold';
	font-size: 15px;
	text-align: left;
	text-decoration: none;
}


#verpagos a:link {
	color: #006ACD;
    font-family: 'kelson_sansbold';
	font-size: 15px;
	text-align: left;
	text-decoration: none;
}

#verpagos a:hover {
    font-family: 'kelson_sansbold';
	color: #333333;

	font-size: 15px;
	text-align: left;
	text-decoration: none;
}




.politicas {
	color: #006ACD;
    font-family: 'kelson_sansbold';
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}
#politicas {
	color: #006ACD;
    font-family: 'kelson_sansbold';
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}

#politicas a {
	color: #006ACD;
    font-family: 'kelson_sansbold';
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}


#politicas a:link {
	color: #006ACD;
    font-family: 'kelson_sansbold';
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}

#politicas a:hover {
    font-family: 'kelson_sansbold';
	color: #333333;

	font-size: 18px;
	text-align: center;
	text-decoration: none;
}