/* CSS Document */
* {margin: 0; /* iguala margenes en distintos navegadores*/
   padding: 0;}

html, body{
    margin: 0;
    padding: 0;
	height:100%}
			
body{ 
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 62.5%;
	color:#FFF; 
	background: url(../imagenes/bckgr-body.png) no-repeat #000 top center}
	
strong{ 
	font:bold 1.1em Tahoma, Arial, Helvetica, Sans-serif #FFF }	

 /*------------- clases generales ------------------*/
.limpia_flujo {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	display: block;
	margin-top:15px; }
				
.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;}

/*#ejemplo { TRUCO para MIN-HEIGHT http://www.dustindiaz.com/min-height-fast-hack/
  min-height:500px;
  height:auto !important;
  height:500px;
}*/


 /*------------- h ------------------*/
 h1{ /*titulo pagina*/
 	font: bold 1.6em  Tahoma, Arial, Helvetica, Sans-serif;
	color:#88878e; 
	text-align:left; 
	margin-left:15px;
	padding-left:20px;
	text-decoration:underline;
	background: url(../imagenes/bckgr_titulo.gif) no-repeat 5px 4px} 
 
h2{  /*titulos apartados*/ 
	font: bold 1.4em   Arial, Helvetica, Sans-serif;
	color:#FFF; 
	text-align:left;
	padding:7px 20px;
	margin-left:10px;
	text-decoration:underline; 
	background:url(../imagenes/punto-trans.png) no-repeat 10px 15px} 

h3 { /*menu*/
	font:12px  Tahoma, Helvetica, Sans-serif;
	text-align:center; 
	display:inline; 
	padding:0 5px; 
	border-right:1px solid #666;}	


.titulo1{ /*marcado 2ºgrado*/	
	font: bold 1.2em  Tahoma, Arial, Helvetica, Sans-serif;
	color:#FFF; 
	text-align:left;
	padding:3px 20px;
	text-decoration:none}
 

 /*------------- enlaces ------------------*/	
a.enlace,a.enlace:hover{ /*submenu*/
	font: bold 0.9em  Tahoma, Arial, Helvetica, Sans-serif;
	color: #FFF;
	text-decoration:none}

a.enlace:hover{ 
	color:#999}	
	
a.enlace2,a.enlace2:hover{ /*inicio y ancla subir*/
	font: bold 1.5em  Tahoma, Arial, Helvetica, Sans-serif;
	color: #88878e;
	text-decoration: none;}

a.enlace2:hover{ 
	text-decoration: none;
	color: #CCC;}
	
a.enlace3,a.enlace3:hover{ /*enlace dentro del texto*/
	color: #FFF;
	text-decoration: underline}

a.enlace3:hover{ 
	text-decoration: none;
	color:#999}	
	
a.enlace4:link,a.enlace4:visited,a.enlace4:active,a.enlace4:hover{ /*menu*/
	color: #CCC;
	text-decoration: none;
	font:bold 1.4em Tahoma, Helvetica, Arial, sans-serif; }
a.enlace4:hover{
	color: #FFF;
	background-color:#1e1e1e}		
	
 /*------------- clases para este sitio ------------------*/
.mapa-google{
	margin:17px;}
	
.btn_inicio{
	margin:0 0 15px 580px}	
				
/*------------------------ contenedor ------------------- */
#fondo-body{ 
	position:absolute;
	width:100%;
	height:154px;
	background:url(../imagenes/bckgr-body.jpg) repeat-x;
	z-index:0;}
	
#contenedor { 
	margin:0 auto;
	width:990px;}
	
#cabecera { 
	width:990px;
	height:155px;
	background: url(../imagenes/cabecera.jpg) no-repeat;}	
	
/*------------------------ menu ------------------- */
#menu{ 
	margin:0 auto;
	width:100%; 
	background: url(../imagenes/menu-bckgr-new.gif) repeat-x;
	height:30px;
	text-align:center}
	
	
 /*------------- submenu ------------------*/ 
#submenu{
	width:240px;
	height:250px; 
	background:url(../imagenes/linea-vertical.gif) no-repeat top left;
	font-size:1.3em; 
	float: right;
	padding : 5px 0 0 20px;
	margin-top:3px}
	
#submenu li{ 
	text-align:left;
	background:url(../imagenes/icon-submenu.gif) no-repeat 0 5px ;  
	padding-left:15px;
	list-style-type:none;}		

/*------------------------ contenido ------------------- */ 
#contenido{
	position: relative; 
	width:708px; 
	float: right;
	font-size:1.2em;
    text-align: center; 
	background: transparent url(../imagenes/bckgrcont-trans.png) repeat-y;
    height:100%;}
	
#contenido h2{  /*titulos apartados*/ 
	font: bold 1.4em   Arial, Helvetica, Sans-serif;
	color:#FFF; 
	text-align:left;
	padding:7px 20px;
	margin-left:10px;
	text-decoration:underline; 
	background:url(../imagenes/punto-trans.png) no-repeat 10px 15px} 	
	
#contenido p{ 
	padding:0 20px;
	text-align:left;}
	
#contenido li{ 
	font-size:1.0em; 
	text-align:left;
	margin-left:45px}
	
#contenido img{ 
	border: solid 3px #FFF;
	text-align:center;
	margin:20px}			
	
 /*------------- pie ------------------*/ 
#pie{
	width:690px;
	font-size:1.1em;
	height:20px; 
	text-align:right;
	padding-right:15px;
	margin-bottom:15px;
	background:url(../imagenes/flecha.gif) no-repeat  bottom right }	
	
/*------------------------ enlace web pompagrafica - xhtml, css valido ------------------- */	
#pompagrafica{
	position:relative;
	width:960px;
	float:left;
	margin:20px 0 20px 20px;
	padding:3px 0 3px 0;
	border-top:2px  dotted #333333; 
	border-bottom:2px  dotted #333333}	
	
#pompagrafica img{ 
	padding-left:700px;
	border:none;}	
	
/*.margen-valido{ 
	padding-left:500px} */