/* CSS Document */

html, body{
   margin: 0;
   padding: 0; 
	 height:100%;	
	/*overflow-x:hidden;  necesario para esconder scroll horiz en IE7 */ 			 
	}

body { 
	background: url(../imagenes/bck-body.jpg) repeat-x #e0f2fe;
	/*background-color:#e0f2fe;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%; color:#333; }
	
img{ border:none}		
p {margin: 0px;text-align: justify;}
	
 /*------------- h ------------------*/	
h1{/*titulo */ 
	background: url(../imagenes/icon-h1.gif) no-repeat 0 8px;
	padding-left:15px; 
	margin-left:14px; 
	height:22px;
	font:2.2em  Georgia, "Times New Roman", Times, serif; 
	color:#0c4571;}

h2{/*titulo caja*/ 
	height:35px; 
	margin-top:11px;
	padding:0px 15px;
	text-align:center; 
	font:bold 1.2em  Georgia, "Times New Roman", Times, serif; 
	color:#fff}
	
h3{/*titulo lateral*/  
	margin: 0px; 
	padding:11px 0 4px 0;
	font:bold 1.2em  Georgia, "Times New Roman", Times, serif; 
	color:#0c4571; }	
	
	
 /*--------------  enlaces -------------------------*/	
a.enlace1,a.enlace1:hover { /*menu*/ 
	font: bold 1.2em  Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-decoration:none; 
	background:url(../imagenes/bck-btn-menu.gif) no-repeat; 
	width:92px;
	height:40px; 
	display:block;
	padding-top:15px}	
	
a.enlace1:hover{ 
	text-decoration: underline;}
	
a.enlace2,a.enlace2:hover { /*pie contenido*/ 
	font:1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;}	
	
a.enlace2:hover{ 
	text-decoration: underline;}	
	
a.enlace3,a.enlace3:hover { /*boton caja, mas caracterist en .caja-boton */
  font:1em Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;}
	
a.enlace3:hover{ 
	text-decoration: underline;}		
			
a.enlace4,a.enlace4:hover { /*paginado */
  font:1.2em Arial, Helvetica, sans-serif;
	color:#333; 
	padding:0 5px; 
	text-decoration:none;}
	
a.enlace4:hover{ 
	text-decoration: none; 
	color:#fff; 
	background-color:#1a78c1}	
	
a.enlace5,a.enlace5:hover { /*paginado2 */
  font:1em Arial, Helvetica, sans-serif;
	color:#333; 
	padding:0 5px; 
	text-decoration:none;}
	
a.enlace5:hover{  
	border:1px solid #1a78c1;
	padding:0 5px; }		
	
a.enlace6,a.enlace6:hover { /*enviar amigo */
  font:1em Arial, Helvetica, sans-serif;
	color:#c30; 
	text-decoration:underline;}
	
a.enlace6:hover{ 
	text-decoration: none; }		
	
a.enlace7,a.enlace7:hover { /*imprimir */
  font:1em Arial, Helvetica, sans-serif;
	color:#333; 
	text-decoration:underline;}
	
a.enlace7:hover{ 
	text-decoration: none; }	
	
a.enlace8,a.enlace8:hover { /*titulo noticia */
  font:1.2em Arial, Helvetica, sans-serif;
	color:#0c4571; 
	text-decoration:none;}
	
a.enlace8:hover{ 
	text-decoration: none; 
	color:#1168ac }			
				
/*a.enlace9,a.enlace9:hover {  bandera 
	width:41px;
	height:46px;
	font:0.8em Arial, Helvetica, sans-serif;
	color:#fff; 
	text-decoration:none; 
	padding:5px 0 0 5px;
	display:block; }	*/
						

 /*------------- clases generales ------------------*/	
.limpia_flujo {clear: both; margin:0}				
.flota_right {float:right;}
.flota_left {float:left;}

 /*------------- clases comodin ------------------*/
.bloqueo{ display:block; float:right}	 
.margen1{ margin:5px 0}

 /*------------- bandera idioma absoluto ------------------*/
#bandera{ 
	position:absolute;
	z-index:100;
	width:41px;
	height:46px;
	/*behavior: url(iepngfix.htc); htc solo para IE*/
	/*background:url(../imagenes/transpband-gb.png) no-repeat top left;*/}
 
  /*-------------  contenedor ------------------*/
#contenedor{ 
	position:relative;
	width:1001px; 
	margin:0 auto; }
	
 /*-------------  paginas 401 ------------------*/	
#centrado{ 
	position:relative;
	width:600px; 
	margin:0 auto; 
	padding-left:250px} 
	
#centrado p{ 
	font:1.2em Arial, Helvetica, sans-serif;
	color:#0c4571; 
	margin-top:5px; 
	width:100%; 
	text-align: left} 

#centrado img{ 
	text-align:center; 
	margin:75px 0; 
	width:231px; }		
	
  /*-------------  cabecera ------------------*/
#cabecera-bckgr{ 
	position: relative; 
	margin:0 auto;
	background:url(../imagenes/bck-cabecera.jpg) no-repeat top center;}  
	
* html #cabecera-bckgr{ 	
		height:900px}   
 
  
#cabecera{ 
	position:relative; 
	width:970px;
	height:206px; 
	float:right;
	z-index:50;} 
	
  /*-------------  contenido ------------------*/  
#contenido{ 
	position:relative;	
	margin:0 auto;  
	width:1001px;}

#lateral{ 
	width:197px; 
	float:left;
	margin:41px 0 0 30px;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#333;}
	
* html #lateral{ 
	margin:41px 0 0 15px;}
	
#lateral2{ 
	width:197px; 
	float:left }
	
	
	  /*-------------  menu ------------------*/ 	
#menu{ 
	position:relative; 
	width:754px; 
	margin:0 auto;
	text-align:center; 
	float:left;}
	
#menu li{ 
	display:inline;
	float: left;
	margin: 0 auto;
	padding:0 1px;} 	
		
  /*-------------  central ------------------*/ 
#central{  
	position:relative;
	width:753px; 
	float:left;
	margin-left:20px; 
	background:url(../imagenes/bck-central.jpg) no-repeat top center #FFFFFF; 
	min-height:400px; /* TRUCO para MIN-HEIGHT http://www.dustindiaz.com/min-height-fast-hack, no funciona IE6 */
	height:auto !important; }
	
  /*-------------  inicio ------------------*/	
.presentacion{ 
	width:483px; 
	float:left}
	
.presentacion p { 
	width:478px;
	font-size:1.2em; 
	float:left; 
	padding-left:19px; 
	text-align:justify}
	
.imagen-presentacion { 
	width:204px;
	float:left; 
	padding-left:40px}	
	
  /*-------------  resultados ------------------*/	
	
#resultados { 
	position:relative;
	width:753px;
	float:left; 
	margin-bottom:10px;
	min-height:400px; /* TRUCO para MIN-HEIGHT http://www.dustindiaz.com/min-height-fast-hack, no funciona IE6 */
	height:auto !important;}	
	
.caja{ 
	width:231px;
	height:373px; 
	float:left;
	background:url(../imagenes/bck-caja.gif) no-repeat; 
	margin:7px 0 7px 15px; 
	text-align:center; 
	font:1.2em Arial, Helvetica, sans-serif; 
	color:#fff}	
	
* html .caja{ 
	margin:7px 0 7px 8px}	
	
.caja-foto	{ 
	border: solid 4px #125f9b;
	margin:5px 0 3px 0;
	*margin:0px 0 0 0 } /*solo para IE*/

.caja-tipo-op{ 
	width:87px;
	float:left; 
	text-align:left; 
	padding:0 14px}

.caja-ref{ 
	width:87px;
	float:left; 
	text-align:right; 
	padding:0 14px}
	
.caja-caract{ 
	padding:5px 14px;
	float:left;
	text-align:left; 
	height:63px; 
	width:210px}	

.caja-precio{ 
	margin:0 auto; 
	font:1.6em Arial, Helvetica, sans-serif; 
	color:#fff;
	margin-bottom:7px}	
		
.caja-btn{  
	margin:0 auto; 
	padding-top:2px; 
	background:url(../imagenes/btn-caja.gif) no-repeat;
	width:91px;
	height:21px; 
	text-align:center;
	display:block;}

/*-------------  paginado ------------------*/

#pre-paginado{ 
	width:753px; 
	text-align:center; 
	margin:0 auto}
	
#paginado{ 
	width:300px; 
	font:1.2em Arial, Helvetica, sans-serif;
	color:#333; 
	margin-left:245px }	
	
#paginado p{ 
		width:300px; 
		margin:5px 0 0 30px }		
	
#paginado li{ 
	display:inline;
	padding:3px 2px; } 	
	
	
	 /*-------------  detalles ------------------*/	
#detalles-contiene{ 
	width:753px; 
	float:left;
	min-height:400px;
	height:auto !important;}	 
	
#detalles-contiene p{ /*para noticias detalle*/
	font:1.2em Arial, Helvetica, sans-serif; 
	color:#333; 
	padding:0 16px } 	
	
* html #detalles-contiene{ 
	width:750px; }	
	 
#detalles{ 
	width:224px; 
	height:390px;
	float:left}
	
#detalles ul{ 
	height:260px}	 
	
#detalles li{
	padding-left:14px; 
	background: url(../imagenes/icon-lista1.gif) no-repeat 0px 5px;
	list-style-type:none;
	font:1.2em  Arial, Helvetica, Sans-serif; 
	color:#333; } 
	
#detalles p{
	padding:0 0 3px 14px; 
	font:1.2em  Arial, Helvetica, Sans-serif; 
	color:#333; } 	

#detalles b{ 
	font:2.2em Arial, Helvetica, sans-serif; 
	color:#333; 
	padding-left:60px }		

#slide{ 
	width:478px;
	float:left; 
	margin-left:25px}

#detalles-caract{ 
	float:left; 
	width:740px; 
	margin-top:20px}	 	 	
	
#detalles-caract p{ 
	font:1.2em Arial, Helvetica, sans-serif; 
	color:#333; 
	padding:5px 14px }	
	
	
	/*-------------  noticias ------------------*/	

.enlaces ul{ 
	padding:8px; /*si lo pones a 0 elimina el puņetero margen, siiiiiiii*/
	margin:8px} 

.enlaces li{ 
	background: url(../imagenes/bckgr_noticia.gif) no-repeat right top #b7e3fc; 
	margin-bottom:5px;
	padding-left:5px;
	list-style-type:none;
	border-bottom:solid 1px #1a78c1;
	border-top:solid 1px #1a78c1;
	width:716px; }
	
#slide-noticia{ 
	width:400px;
	float: right; 
	margin:15px;}
	
* html #slide-noticia{  
	margin:8px;}	
	
/*-------------  contacto ------------------*/
#formulario {
	font-size:1.1em;
	padding-left:16px;
	width:306px;}
	
#formulario p{ 
	font-size:1em;
	text-align:left; 
	padding:0}		

.campo{ 
	padding-top:10px}	
	
label {
	width:100px;
	float:left}
	
.formul {
	font-size:1.1em;
	color:#003;
	background-color:#e5edf5;
	border:1px solid #799fc9;
	width:190px;}	
	
.formul_caja {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#003;
	height:100px;
	width:190px;
	background-color:#e5edf5;
	border:1px solid #799fc9}		
	
.btn {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003;
	/*background-color:#6a99c3;
	border:1px solid #456f9c; este representa border bottom y right
	border-top:1px solid #e5edf5;
	border-left:1px solid #e5edf5;*/
	cursor:pointer; 
	margin:5px 0 0 140px}	
	
input:focus {
	border:1px dotted #FFF;
	background-color:#cfd9e3}
	
.captcha{ 
	padding: 5px 0 0 140px}	
	
#mapa{ 
	width:724px;
	margin:0 auto}
	
.mapa-borde{ 
		border:1px solid #2498de; }		  
	
	/*-------------  buscador ------------------*/
form{ 
	margin-top:6px;
	height:210px}	
	
.buscad-campo{ 
	width:120px;
	border:1px solid #81adcf; 
	font-size:11px; 
	padding-left:1px;
	margin-bottom:6px}	

.buscad-btn{	
	border:none;
	cursor:pointer; 
	margin-top:5px; 
	float:left}	
	
.casilla{ 
	width:85px;
	float:left; 
	padding-bottom:6px}	
	
.casilla2{ 
	width:160px;
	float:left; 
	padding-bottom:6px}		

.form-minicampo{ 
	width:40px;
	border:1px solid #81adcf; 
	font-size:11px; 
	padding:1px 0 3px 1px}	
	
/*--------- pie  ---------- */	
#pie{ 
	position:absolute;
	width:100%;
	height:85px;
	background:url(../imagenes/bck-pie.gif) repeat-x #2498de;
	} 

#pie-contenido{ 
	position:relative; 
	margin:0 auto;
	text-align:center;
	width:1001px;
	height:44px; 
	margin-top:15px; 
	padding-left:190px}
	
#pie-contenido li{ 
	display:inline;
	color:#fff;} 		
	
/*--------- enlace web pompagrafica - xhtml, css valido ---------- */		
#pompagrafica{
	position:relative; 
	margin:0 auto;
	margin-bottom:25px;
	margin-top:7px;
	width:200px;
	padding:0 0 3px 0;
	border-top:1px dotted #fff; 
	border-bottom:1px dotted #fff;
	font: 0.7em  Tahoma, Helvetica, Sans-serif; 
	color:#fff }
	
#pompagrafica p{ 
	text-align:center}		
							
	
#pompagrafica a:visited { 
	font:1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;}	
	
#pompagrafica a:link { 
	font:1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;}		
	
#pompagrafica a:hover{ 
	font:1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;}