/* CSS Document */
* {margin: 0;
   padding: 0;}

html, body{
    /*overflow: hidden;
    height: 100%;*/
    margin: 0;
    padding: 0;}
			
body{
	font: 12px tahoma, arial, sans-serif;
	color:#036;
	background:url(../imagenes/bckgr_color1.gif) repeat-x top left #036;}

p { margin:0; padding:0}
img{ border:none}	

/*------------- clases comodines ------------------*/	
.clear{clear:left;padding-top:5px}/*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;}
.pic_border {border:2px solid #036}	
.en_linea { display:inline}
.margen1{ padding-left:21px}
.margen2 { padding-top:7px}
.alinear-derecha{text-align:right}
.justifica_texto{ text-align:justify}

 /*------------- h ------------------*/
h1{
	font:bolder 12px tahoma, arial, sans-serif;
	color:#036;
	display:inline} 
 
h2{
	font:bold 12px tahoma, arial, sans-serif;
	color:#036;
	display:inline} 
 
h3{ 
	font:45px Trebuchet, Arial, sans-serif;
	color:#300;
	text-align:left;
	padding:10px 0 0 5px}

.menor{ font-size:14px; padding-left:15px}
.medio{ font-size:21px; padding-bottom:10px}

 /*------------- enlaces ------------------*/
a.enlace:link,a.enlace:visited,a.enlace:active,a.enlace:hover{ /*menu*/
	color: #FFF;
	text-decoration: none;
	font:bolder 22px 'Courier New', Courier, monospace;
	background: url(../imagenes/bckgr_menu1.gif) no-repeat;
	width:105px; 
	height:53px;
	display:block}

a.enlace:hover{
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; 
	font-size:23px}
	
/*a.enlace:visited{ 
	color: #9CB3D8;} funciona!!*/ 
	
a.enlace2:link,a.enlace2:visited,a.enlace2:active,a.enlace2:hover{ /*pie*/
	color: #FFF;
	text-decoration: none;
	font:11px Tahoma, arial, sans-serif}

a.enlace2:hover{
	text-decoration:line-through}
	
/*a.enlace2:visited{ 
	color: #9CC;}*/
	
a.enlace3:link,a.enlace3:visited,a.enlace3:active,a.enlace3:hover{ /*paginado*/
	color: #FFF;
	text-decoration: none;
	font:11px Tahoma, arial, sans-serif;
	background-color:#036;
	border:solid 1px #FFF;
	padding:2px;
	/*display:block}*/}

a.enlace3:hover,a.enlace3:visited{
	color: #69F;
	border:solid 1px #69F;}	
	
a.enlace4:link,a.enlace4:visited,a.enlace4:active,a.enlace4:hover{ /*enlaces*/
	color: #036;
	text-decoration: none;
	font: bold 11px Tahoma, arial, sans-serif}
	
a.enlace4:hover{
	text-decoration: underline}
	
a.enlace5:link,a.enlace5:visited,a.enlace5:active,a.enlace5:hover{ /*dISEŅO weB PIE*/
	color: #024b94;
	text-decoration: none;
	font-family: Tahoma, arial, sans-serif; 
	font-size:9px}

a.enlace5:hover{
	color: #fff;}	
					
	
 /*------------- contenedor ------------------*/ 	
#contenedor{
	position: relative; 
	margin:0 auto;
	width:990px;
    height: 100%;
	background:url(../imagenes/bckgr_body1.gif) no-repeat top right #69F;
    text-align: center;
	z-index: 2;}
    
 /*------------- principal ------------------*/
#principal{
    width: 712px;
	height:529px;
	float:left;
	display:inline}
	
/*------------- menu ------------------*/

/*h3 {menu
	margin: 0px;
	font:24px "Courier New", Courier, monospace;
	color:#FFF;
	text-align:center;
	margin-top:9px}*/
	
#menu li{
	display:inline;
	float: left;
	margin: 0 auto;}
	
/*------------- galeria imagenes (submenu)------------------*/	
#galeria_imagenes{
	float:right;
	display:inline;}

#galeria_imagenes img{ 
	margin:7px 0 0 3px}	
	
#galeria_web{
	float:right;
	display:inline;}

#galeria_web img{ 
	margin:7px 0 0 3px}	
	
 /*------------- catalogo ------------------*/
 .esquina_der{
	float:left;
	width:60px;
	height:450px;
	background:url(../imagenes/esquina_der1.gif) no-repeat}
	
.esquina_izq{
	float:left;
	width:32px;
	height:450px;
	background:url(../imagenes/esquina_izq1.gif) no-repeat }	
		 
#home, #catalogo{
	width:620px;
	height:450px;
	background:url(../imagenes/bckgr_contenido1.gif) repeat-x;
	float:left;
	text-align:left}

#catalogo img{
	padding:10px 0 0 14px;}
	
#catalogo-pie{
	width:296px;
	float:left;
	margin-top:5px;
	padding-left:14px}	

#destacados{
	width:300px;
	height:90px;
	float:left;
	margin:5px 0 0 15px}	
	
#destacados p{
	text-align:left;
	padding-top:5px}	
	
#destacados img{ 
	float:left;
	margin:7px 10px 0 0}
	
	/*  ----------- index -------------*/
#presentacion{ 
	width:270px; 
	height:283px;
	float: right;
	margin-top:5px;
	padding-left:15px;
	border-left:1px dashed #300;}
	
/*#presentacion ul{ 
	margin-left:17px;
	padding:5px 0}*/
	
#presentacion li { 
	background-position: 0px 2px;
	background-image: url(../imagenes/icono-lista3.gif); 
	background-repeat: no-repeat; 
	padding-left:20px; 
	margin-top:15px;
	list-style-type:none;
	/*list-style-position:outsideel icono se queda fuera cuando es mas de 1 linea*/ 
	} 	
	
#listado{ 
	position:relative;
	width:275px; 
	height:375px;
	float: left;
	margin:45px 0 0 10px;
	padding-left:15px;
	text-align:}	
	
#listado strong{ 
	color: #300; 
	background:url(../imagenes/lista-titulo.gif) no-repeat 0 0;
	padding-left:7px;
	display:block;
	line-height:20px}
	
#listado p{ 
	padding-top:5px}	
	
#listado li { 
	background-position: 0px 4px;
	background-image: url(../imagenes/icono-lista.gif); 
	background-repeat: no-repeat;
	padding-left:12px;
	list-style-type:none;
	list-style-position:outside} /*el icono se queda fuera cuando es mas de 1 linea*/	
	
.linea-puntos{ 
	padding-top:22px;
	border-left:1px dashed #300;}
	
.resto-seo-clase{ 
	width:255px;
	padding-left:7px;
	display:none; 
	text-align:justify}											
	
 /*------------- sitemap ------------------*/	
#listado2{ 
	width:280px; 
	float: left;
	margin:45px 0 0 10px;
	padding-left:15px;
	text-align:left}	
	
#listado2 strong{ 
	color: #DBE4EF; 
	background:url(../imagenes/lista-titulo2.gif) no-repeat 0 0;
	padding-left:7px;
	display:block;
	line-height:20px}
	
#listado2 li { 
	background-position: 0px 4px;
	background-image: url(../imagenes/icono-lista2.gif); 
	background-repeat: no-repeat;
	padding-left:12px;
	list-style-type:none;
	list-style-position:outside} /*el icono se queda fuera cuando es mas de 1 linea*/
			
 /*------------- derecha ------------------*/
#derecha{
	width:260px;
	float:right;
	text-align:left;
	margin-top:337px;}
	
 /*------------- cambiar css ------------------*/
#cambiar_css{ 
 	text-align:right;
	padding-right:24px;
	color:#300;}
	
/*#cambiar_css p{ 
 	display:inline;
	color:#300;
	padding-left:190px;
	vertical-align:0.4em;}
* html  #cambiar_css p{	
	vertical-align:-0.2em}*/
				
	
 /*------------- pie fijo ------------------*/  
#esquina_bckgr{
	position:absolute; 
	width:17px;
	background: url(../imagenes/solapa_pie1.gif) no-repeat top left #036;
	height:21px;
    z-index: 3} 
 
#piefijo{
	width:100%;
	background: url(../imagenes/bckgr_pie1.gif) repeat-x top left #036;
	color:#FFF;
	margin:0px;
	height:21px;
    z-index: 2}
	
#pie_central{
	position:relative;
	width:990px;
	margin:0 auto;
	text-align:left;
	padding:2px 0 0 0;
	margin-bottom:3px;
	color:#FFF; 
	padding-left:120px}	
	
/*.margen_pie{
	padding-left:30px;}*/
		
.pompa{ 
	margin:5px 15px;
	width:712px; 
	float:left}