body {
	color: #1D1C1C;
	margin: 0;
	padding: 0;
	font-size:1.1em; font-family:Arial, Helvetica, sans-serif;background-color: #F2F2F2;
}




a{color: #0076BE;font-weight: 400;
	text-decoration: none;
}
a:hover{
	color: #000000; 
	text-decoration: underline;
}

a:visited{color: #555555;}

.titu1{font-weight: bolder;}

p{ line-height:1.05em; font-size: 1.1em}

h1 {
	font-size: 1.35em;

}

h2 {
	font-size: 1.30em;
}
/* de lo parrafos del aviso */

h3 {
	font-size: 1.25em;color: #0076BE;
}
h4 {
	font-size: 1.20em;
	margin: 2px 0;
	padding: 0;
}
h5{	font-size: 1.15em;} 



/*limita andho de la pagina a 1200*/

#contenedor {
	width: 100%; max-width: 1200px;
	margin: 0 auto 7px auto;
}

#top{ width:100%; margin:0; color:#FFF; background-color:#0076BE; }

.fpal{width: 70%; float:left; padding: 6px; }
.fbus{width: 20%; float:right; padding: 6px;; background-color: #F3EA13; text-align: center;}


.logo{font-size:1.7em; font-weight: bolder; color: #0076BE;  } 


/*cajas*/

.caja50{ width:50%; float:left; padding: 0;margin:0; }
.caja50d{ width:50%; float:right; padding: 0; margin:0;}
.caja35{ width:34%; float:left; padding: 0; margin: 0.5%;}
.caja33{ width:33.33%; float:left; padding: 0; margin: 0; }
.caja30{ width:30%; float:left; padding: 0; margin: 0;}


/*peke*/
.caja50p{ width:49%; float:left; padding: 0; margin: 0.5%;}
/* sub cajas ordenadas por alto*/
.inte{ padding:10px; background-color: #fff;}
.inted{ padding:10px; background-color: #fff; margin-right: 10px;}
.inte250{ padding:10px; background-color: #fff; height: 250px; margin: 3px}
.inte200{ padding:10px; background-color: #fff; height: 200px; margin: 3px}
.inte180{ padding:10px; background-color: #fff; height: 180px; margin: 3px}
.inte150{ padding:10px; background-color: #fff; height: 150px; margin: 3px}
.inte50{ padding:10px; background-color: #fff; height: 50px; margin: 3px}
/* MENSAJES TODA LA HOA*/

.mnsj{ 
  height: 50px;
  background-color:#fff; text-align: center;
}
/**/
.dere{ float: right;}


/*centro para todos*/

#centro {
	width: 100%; min-height: 40px;
	margin: 0 auto;
	padding: 0;
}

#nav, .nav {
	padding: 1% ; background-color:#FFF;
	margin: 1% 0; font-weight:500; 
}
/*usuario*/
.caja50{ float: left; width:50%; text-align:left}


/* izquierda principal*/

.faja10{width: 10%; float: left; margin: 0; padding: 0; }
.faja90{width: 90%;float: left; margin: 0; padding: 0;}

/**/
#col-izq {
	width: 68%;
	padding:1% 0;
	margin:0;
	float: left;
}

/*formulario*/

fieldset { border:1px solid #0076be; }


form { padding:2%;  width:96%; color:#0076be; font-size: 1em;}

form select{ padding:2% 1%; width:96%; background-color:#f2f2f2; border:none;font-size: 1em;
}
form input, form textarea{ padding:2% 1%; width:96%; background-color:#f2f2f2; border:none; margin: 5px 0;font-size: 1em;
}
.envi{cursor:pointer; font-weight:800; background-color:#0076be; color:#FFF;} 

.envi:hover{background-color: #F00;} 


/* lista*/
#listai-caja, #listai-caja1 {background-color:#FFF; margin-bottom:7px;padding: 2%;
}
#listai-iz {
	float: right;
	width: 25%;
}
#listai-iz img {
	width: 99%;
	max-width: 130px; float:right;
}
#listai-de {
	float: left;
	width: 70%;	

}

/*aviso*/

#col-izq #aviso {
	padding: 15px 1%;
	margin-bottom: 10px; background-color:#FFF; 
}
#col-izq #aviso img {
	width: 100%;max-width:800px; 
}
#col-izq #aviso p {
	text-align: justify
}
#col-izq #aviso h2 { color:#0076be; font-weight:300;
}


#mensaje {
	margin: 1% 0;
	background: #FFC;
	border-radius: 4px;
	padding: 1%;
	text-align: right;
	line-height: 24px;
}
#mensaje2 {
	margin: 0;
	background: #FFC;
	padding: 1%;
	text-align: right;
	line-height: 24px;
}
/*zquierda login*/

/*usuario*/
#login {
	padding: 2%; 
}
#login .fizq {
	float: left; text-align:left; 
	width: 40%;
}
#login .fder {
	float: right;
	width: 55%;
	text-align: right;
}

/* contacto*/



#contactos {
	padding: 1% 2%; background-color:#FFF; margin-bottom:7px;
}
#contactos p{ margin:2% 0;}
#contactos form{ margin:0; padding:0; width:100%;font-size: 1em;}
#contactos input, #contactos textarea, #contactos select{
	padding: 2%; margin-bottom:2px; width:96%;font-size: 1em;
}
#contactos input[type=submit]{ background-color:#0076BE; color: #fff; border: none; cursor: pointer;font-size: 1em; font-weight: 800;}
#contactos input[type=submit]:hover{ background-color: #7899BD;}


.bazul{ padding:7px 15px; color:#FFF; background-color: #6C0; font-size:1.1em; font-weight:200;}
.bazul:hover{ background-color: #0076be; color:#FFF;}
/* lado derecho*/

#col-der {
	width: 31%;
	padding: 1% 0;
	margin:0 0 1% 0;
	float: right;
}

#col-der .caja {
	padding: 15px 5%; 
	margin-bottom: 7px; background-color:#FFF; min-height:80px;
}
#col-der .caja p{ line-height:1.7em;

}

/*caja publicidad*/

 .pube {
	padding: 15px 5%; 
	margin-bottom: 7px; background-color:#FFF; ;
}
.tex_pub{ float: left; width: 75%; padding: 0;}
.img_pub{float:right; max-height: 80px; max-width: 80px;  padding: 0; }
/**/
#col-der h3 {
	padding: 15px 0;
	margin: 15px 0;
	border-bottom: 1px #065485 solid;
}
/* formulario derecha*/



#col-der form {
	margin: 0 auto;
	width: 90%;
	background-color: #FFC;
	padding: 5%;
	border-radius: 5px;
	text-align: center;
}
#col-der form input {
	width: 94%;
	height: 30px;
	border: 1px solid #ccc;
	padding: 3%;
	margin-top: 5px;
}
#col-der form textarea {
	width: 94%;
	height: 30px;
	border: 1px solid #ccc;
	padding: 3%;
	margin-top: 5px;
	font-family: Verdana, Geneva, sans-serif;
}
#col-der #submitaa {
	width: 100%;
	margin-top: 20px;
	padding: 10px 0;
	cursor: pointer;
	color: #FFF;
	background-color: #0076BE;
	height: 45px;
	border-radius: 4px;

}
#col-der #submitaa:hover{ background-color:#F00;
}

/*buscador*/


.usuario {
	padding: 1%;
	text-align: right; background-color:#FFC; margin-bottom:2px;
}
.usuario span {
	color: #0080FF;
}
.ucliente {
	padding: 1%;
	background-color: #ECFFEC;
	width: auto;
	margin-bottom: 2px;
}
.ucliente span {
	color: #0080FF;
}
/* pie*/

#pie{
	width:100%; 
	margin:0;
	background-color: #0076BE; 
}
#cayu {
	width:90%; max-width: 1200px;
	margin: 0 auto 7px auto;
	padding:20px 5%;
}
#cayu .col {
	width: 25%;
	float: left;
	color: #FFF;
	padding: 0;
}

#cayu .col ul {
	padding: 0;
	list-style: none;
	margin: 0;
}
#cayu .col ul li {
	line-height: normal;
}
#cayu .col ul li a {
	color: #FFF;
	text-decoration: none;
}
#cayu .col ul li a:hover {
	text-decoration: underline;
}
#cayu2 {
	width: 90%;
	margin: px auto;
	padding:1% 5%;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#cayu2 SPAN {
	color: #000;
}

/*boton compartir*/
.bcomp {
text-decoration:none;
font-weight:600;
color:#ffffff;
padding:8px 15px;
background-color:#4080ff; border-radius:4px;
}
.bcomp:hover{ background-color:#005BBB; color:#FFF;}
/* for 480px or less */


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

    
 #contenedor{ width: 98%; margin: auto;}

#nav, .nav { margin:1%;}
	
	/*cuerpo*/

#col-izq {
	width: 98%; margin:1%;
	border: none;
}
#col-izq .col {
	width: 98%; padding: 1%;

}
.tex-des{ display:none;}

#col-der {
	width: 99%;
	border: none;
}
/*usuario*/

#login .fizq {
	float: none;
	width: 98%;
}
#login .fder {
	float: none;
	width: 100%;
	margin-top: 5px;
	text-align: right;
}
/*cajas independientes flotantes*/

.caja15i{ float: left; width:14%; text-align:left}
.caja85d{ float:right; width:84%; text-align: right;}
/* pie*/	 


#cayu .col {
	width: 94%;
	float: none;
}
	
.caja50,.caja50d, .caja35, .caja33, .caja30{width:100%; float: none;}
    
.buscar, .region { display:block; width:98%;}
.region { margin-top:15px; padding-left:1%;}
.tex-des{ display:none;}	
#listai-iz, #listai-de {
	float: none;
	width: 100%;
}	
#listai-iz {text-align:center;

}
	 .caja_pub span{display: none;
	 }
}