@charset "utf-8";
/* CSS Document */

/*
* {
	margin: 0;
	padding: 0;
	border: none;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;}
	
cite, em, dfn {
	font-style: italic;}
*/

/*------------- @font-face ------------------*/			
/* try to use custom fonts trough css3 (opera 10+, safari 3.1+ and ff 3.5+) */
@font-face {
  font-family: "Gothicb";
  src: url("fonts/gothicb.ttf") format("truetype");
}	

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
		margin:0;
		padding:0;
		vertical-align: baseline;}

html{
  font: 62.5% Arial, Helvetica, sans-serif;;
	/*text-shadow: #3d331b 0px 0px 0px; Elimina el efecto bold en Safari */
	color:#333;}

body { 
	background-color:#232425;}

img{ border:none}	

/* -------------Ajustes tipograficos ------------- */

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 1em 0;}  
	
p {text-align: justify;}
strong{ color:#000; font-weight:bold}	

ul {
	list-style: none;
	list-style-type: none;}

/*li, dd, blockquote {   CUIDADO CON ESTO ATENTOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
	margin-left: 1em;}*/
	
/* -------------Fixes incorrect placement of numbers in ol's in IE6/7 -------------*/
ol { margin-left:2em; }	

	
 /*------------- h ------------------*/	
h1{/*seo de momento no hay*/ 
	font: bold 1.8em  arial, Helvetica, Sans-serif; 
	color:#fff; 
	margin-left:56px;}

h2{/*...*/
	font:1.4em "Gothicb", Arial, Helvetica, sans-serif;
	color:#000; 
	margin:7px 0 0 0}
	
h3{/*titulo*/ 
	height:25px;
	font:bold 1.4em  Arial, Helvetica, Sans-serif; 
	color:#fff; 
	background:url(../imagenes/icon-titulo.gif) no-repeat 6px 5px; 
	padding:6px 0 0 30px; }	
	
h4{/*horario*/ 
	font:bold 1.2em  Arial, Helvetica, Sans-serif; 
	color:#000; 
	background:url(../imagenes/icon-list2.gif) no-repeat 0px 1px; 
	padding-left:17px; 
	margin: 0 0 0.3em 0; }		
	
	
 /*--------------  enlaces -------------------------*/	
a.enlace1,a.enlace1:hover { /*menu*/ 
	font:bold 1.4em "Gothicb",Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none; 
	padding:0 10px}	
a.enlace1:hover{ 
	color:#5c5e61;}
	
a.enlace2,a.enlace2:hover { /*contacto*/ 
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;}		
a.enlace2:hover{ 
	color:#333;}	

	

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

 /*------------- clases comodin ------------------*/
.margen1{	margin-left:56px; } /*para div central, si no hereda en destacado y se desborda el txt*/		 	


  /*-------------  div generico envuelve ------------------
#divenvuelve {
     overflow: auto;
     height: 1%;}*/

/*-------------  cabecera ------------------*/	
#cabecera{ 
	position:relative; 
	margin: 0 auto;
	width:921px;
	height:254px; 
	background:url(../imagenes/cabecera.jpg) no-repeat; 
	margin-top:15px} 
	
#logo{ 
	height:71px}		
	
/*-------------  menu ------------------*/
#menu{ 
	position:relative; 
	margin:0 auto; 
	height:39px; 
	width:921px;
	/*text-align:center;*/ 
	padding-top:72px; 
	color:#86bae1;}	

#menu li { 
	list-style-type:none;
	text-align:center;
	float:left; /*mismo efecto que display:inline*/ 
	padding:10px 0 0 0; 
	width:132px; 
	height:40px;
	background:url(../imagenes/menu-linea.gif) no-repeat 130px 0px}
	
  /*-------------  contenido ------------------*/		
#contenido{ /*despues del menu*/
	position:relative;
	width:917px; /*no se porque no son 921px*/
	background-color:#e8e9eb;   
	margin: 0 auto; 
	padding-left:4px; /*para alinear con el logo*/ 
	overflow: hidden;
  height: 1%;}	
		
	 /*-------------  central ------------------*/
#central{ 
	float:left;
	width:680px}	 
	 	
#izquierda{ 
	float:left;
	width:305px; 
	margin:14px 0 0 24px !important; 
	margin:14px 0 0 12px; 
	background:url(../imagenes/bg-caja.jpg) repeat-x; 
	min-height:328px; /* TRUCO para MIN-HEIGHT http://www.dustindiaz.com/min-height-fast-hack, no funciona IE6 */
	height:auto !important;}
	
#izquierda p{ 
	font:1.2em  Arial, Helvetica, Sans-serif; 
	color:#333; 
	width:292px;
	margin-left:7px;}
	
#izquierda ul{ 
	width:100%; 
	margin-bottom:0px}	
	
#izquierda li{ 
	padding:0 0 0 16px;
	margin:0 0 3px 0px;
	background: url(../imagenes/icon-list1.gif) no-repeat 7px 6px;
	list-style-type:none;
	font:1.2em  Arial, Helvetica, Sans-serif; 
	color:#333; 
	line-height:20px } 
	
#sub-lista ul{ 
	width:100%; 
	margin:0 0 18px 10px}	
	
#sub-lista li{ 
	padding:0 0 0 16px;
	margin:0 0 3px 0px;
	background: url(../imagenes/icon-list3.gif) no-repeat 9px 8px;
	list-style-type:none;
	font:1.2em  Arial, Helvetica, Sans-serif; 
	color:#333; 
	line-height:20px }					
	
#derecha{ 
	float:right;
	width:203px; 
	margin:14px 28px 0 0;}
	
#derecha p{ 
	font:1.2em  Arial, Helvetica, Sans-serif; 
	color:#333; }		
	
/*--------------- formulario ----------------*/
#formulario{
	padding-bottom:10px; 
	font:1.2em Tahoma, Arial, Helvetica, sans-serif; }		
	
label {
	width:27%;
	float:left; 
	font:1.2em Tahoma, Arial, Helvetica, sans-serif; 
	margin-left:7px;}
	
.formul {
	font-size:11px;
	color:#414852;
	background-color:#E6E4E4;
	border:1px solid #2C3037;
	width:190px;}	
	
.form-corto{ 
	background-color:#E6E4E4;
	border:1px solid #2C3037;
	font:1.2em Tahoma, Arial, Helvetica, sans-serif;
	width:40px;}	
	
.formul_caja {
	font:1.2em Tahoma, Arial, Helvetica, sans-serif;
	color:#414852;
	height:50px;
	width:190px;
	background-color:#E6E4E4;
	border:1px solid #2C3037}		
	
.btn {
	font:bold 1.2em Tahoma, Arial, Helvetica, sans-serif;
	color:#414852;
	background-color:#E6E4E4;
	border-bottom:1px solid #202429;
	border-right:1px solid #202429;
	border-top:1px solid #f6f5f5;
	border-left:1px solid #f6f5f5;
	cursor:pointer; 
	margin:5px 0 25px 58px; 
	padding:2px 5px}	
	
input:focus {
	border:1px dotted #FFF;
	background-color:#C8CCD1}
	
.captcha-img{  
	margin:0 0 15px 145px}		
 
/*--------- mapa  ---------- */		
#mapa{ 
	width:634px; 
	margin-left:24px !important; 
	margin-left:10px; 
	float:left}
	
.mapa-borde{ 
		border:2px solid #999; 
		margin-bottom:20px; }					
 
/*--------- pie  ---------- */	
#pie{ 
	position:relative; 
	width:921px; 
	margin:0 auto;
	background:url(../imagenes/bg-pie.gif) repeat-x; 
	height:26px}	 
 
	
#pie p{ 
	text-align:right; 
	font:1.2em Arial, Helvetica, sans-serif;}			
		
	
/*--------- enlace web pompagrafica - xhtml, css valido ---------- */		
#pompagrafica{
	position:relative; 
	margin:0 auto;
	margin-bottom:24px;
	margin-top:7px;
	width:921px;
	border-top:1px dotted #5b6063; 
	border-bottom:1px dotted #5b6063;
	font: 0.7em  Tahoma, Helvetica, Sans-serif; 
	color:#acb4ba }	
	
#pompagrafica span{ 
	padding-left:700px;
	font: 1.3em  Tahoma, Helvetica, Sans-serif;}								
	
#pompagrafica a:visited { 
	font:1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#5b6063;
	text-decoration:none;}	
	
#pompagrafica a:link { 
	font:1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#5b6063;
	text-decoration:none;}		
	
#pompagrafica a:hover{ 
	font:1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;}