/* CSS Document */

* {margin: 0;
   padding: 0;} /* evita problemas para los distintos navegadores */

html, body{
    margin: 0;
    padding: 0;}	

body { 
	background-color:#7797a6;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 62.5%; color:#011c29; }
	
img{ border:none}		
p {margin: 0px;text-align: justify;}
	
 /*------------- h ------------------*/	
h1{/*titulo noscipt*/
	margin: 0px;
	font: 2em  Tahoma, Helvetica, Sans-serif;}

h2{/*titulo*/
	margin: 0px;
	font:bold 1.6em  Tahoma, Helvetica, Sans-serif;
	color:#2f3c42;
	padding-left:9px}
	
h3{/*titulo2*/
	margin: 0px;
	font:bold 1.2em  Tahoma, Helvetica, Sans-serif; 
	color:#1f688b;
	padding-left:9px}	
	
 /*--------------  enlaces -------------------------*/	
 a.enlace1,a.enlace1:hover { 
	font:1.2em Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;}	
	
a.enlace1:hover{ 
	text-decoration: underline;}		

 /*------------- clases generales ------------------*/	
.limpia_flujo {clear: both; margin:0}				
.clear{clear:left;}/*para q contenido no se desborde IMPORTANTE:utilizar siempre que se superpongan dos div */
.flota_right {float:right;}/*situa el div a la derecha y a la izq respectivament,si no funciona con uno, reforzarlo con el otro*/
.flota_left {float:left;}
.imag_borde {border:1px solid #C63}

 /*------------- clases comodin ------------------*/
 
 
 
  /*-------------  contenedor ------------------*/
#contenedor{ 
	position:relative;
	width:100%; 
	background:url(../imagenes/grupo-bckgr-contenedor.gif) repeat-x #cad8e1;
	margin:0 ;
	padding:0}
	
  /*-------------  cabecera ------------------*/
#cabecera{ 
	position:relative; 
	margin: 0 auto;
	width:980px;
	height:116px} 	
	
  /*-------------  contenido ------------------*/
#contenido{ 
	position:relative;
	width:980px; 
	margin: 0 auto;
	background-color:#e8edf1;
	padding:10px 0 10px 0}	
	
/*#ejemplo { TRUCO para MIN-HEIGHT http://www.dustindiaz.com/min-height-fast-hack/
  min-height:500px;
  height:auto !important;
  height:500px;
}*/	
	
.caja{ 
	position: relative; 
	width:226px;
	min-height:359px; /* TRUCO para MIN-HEIGHT http://www.dustindiaz.com/min-height-fast-hack, no funciona IE6 */
	height:auto !important;
    height:359px;
	float:left; 
	background:url(../imagenes/grupo-bckgr-caja.gif) repeat-y;
	margin:0 9px}
	
* html .caja{ 
	margin:0 8px}	
	
.caja p{ 
	padding:7px 9px 0 9px;
	font: 1.1em  Tahoma, Helvetica, Sans-serif; }
	
.caja-btn{ 
	position: absolute; /*problemas con altura fluida, se superponen*/
	bottom:6px;
	right:9px; }			
	
.caja-pie{ 
	position: absolute; /*problemas con altura fluida, se superponen*/
	bottom: 0;
	left:0;
	width:226px;
	height:7px; 
	background:url(../imagenes/grupo-caja-pie.jpg) no-repeat bottom center;
	display:block}	
		
 
   /*-------------  pie ------------------*/
#pie{ 
	position:absolute;
	width:100%;
	background:url(../imagenes/grupo-bckgr-pie.gif) repeat-x;
	margin:0 auto; 
	text-align: center;
	padding-top:17px;
	font: 1.2em  Tahoma, Helvetica, Sans-serif; }  
	
#pie li{ 
	display:inline;
	padding-left:30px;
	color:#FFF}			 
   
 
 /*------------------------ enlace web pompagrafica - xhtml, css valido ------------------- */		
#pompagrafica{
	position:relative; 
	display: inline-block; /*NUEVA PROPIEDAD CON POSIBILIDADES, ahora centra div en moz!?!*/
	text-align:center; 
	margin:0 auto;
	width:980px;
	margin:20px 0 ;
	padding:3px 0;
	border-top:1px  solid #8fafbe; 
	border-bottom:1px  solid #8fafbe;
	font: 0.7em  Tahoma, Helvetica, Sans-serif; }	
	
#pompagrafica span{ 
	padding-left:680px;
	font: 1.3em  Tahoma, Helvetica, Sans-serif;  
	color:#FFFFFF}	
	
#pompagrafica img{
	margin-left:700px; 
	border:none;}		
	
#pompagrafica a:visited { 
	font:1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#8fafbe;
	text-decoration:none;}	
	
#pompagrafica a:link { 
	font:1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#8fafbe;
	text-decoration:none;}		
	
#pompagrafica a:hover{ 
	font:1.3em Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration: underline;}