body, * {margin:0; padding:0}
body {font:normal 11px Verdana, Arial, Helvetica, sans-serif;color:#FFF;background:#CCD69E url(../imgs/barra_fondo_d3.jpg) left top repeat-x}
/* CONTENEDOR > Capa que contiene todos los datos */
#contenedor {position:absolute;left:50%;top:0;width:1000px;height:auto;margin:0 0 0 -500px;background-color:#F8FAF7;color:#FFF}
/* TOP > Cabecera comun a todos */
#top {position:relative;left:0;top:0px;width:100%;height:95px}
/* MENÚ > Menú principal de la aplicación */
#menu {position:relative;left:0;top:0;width:100%;height:162px;background-color:#FFF;color:#333}
/* seleccionado y sus estados */
#seleccionado {position:relative;top:0;left:0;width:517px;height:156px;margin:3px 0 0 3px;float:left}
#seleccionado.tierra {background:url(../imgs/tierra_selec.jpg) left top no-repeat}
#seleccionado.tierra img.detalle {position:absolute;top:-39px;left:25px;width:203px;height:39px}
#seleccionado.fuego {background:url(../imgs/fuego_selec.jpg) left top no-repeat}
#seleccionado.fuego img.detalle {position:absolute;top:-84px;left:32px;width:297px;height:84px}
#seleccionado.agua {background:url(../imgs/agua_selec.jpg) left top no-repeat}
#seleccionado.agua img.detalle {position:absolute;top:-61px;left:21px;width:242px;height:61px}
#seleccionado.aire {background:url(../imgs/aire_selec.jpg) left top no-repeat}
#seleccionado.aire img.detalle {position:absolute;top:-40px;left:98px;width:194px;height:40px}
/* elementos no seleccionados */
.elemento {position:relative;top:0;left:0;width:156px;height:156px;margin:3px 0 0 3px;display:block;float:left;text-indent:-9999px}
#tierra {background:url(../imgs/btn_tierra.jpg) left top no-repeat}
#aire {background:url(../imgs/btn_aire.jpg) left top no-repeat}
#agua {background:url(../imgs/btn_agua.jpg) left top no-repeat}
#fuego {background:url(../imgs/btn_fuego.jpg) left top no-repeat}
#tierra:hover, #aire:hover, #agua:hover, #fuego:hover {background-position:left -156px}
/* SUBMENÚ > Menú secundario de la aplicación */
#submenus {position:relative;left:0;top:0;width:100%;height:29px;clear:both; z-index:100}
.fondo1{background:url(../imgs/barra_fondo_submenus_1.jpg) top left repeat-x;}
.fondo2{background:url(../imgs/barra_fondo_submenus_2.jpg) top left repeat-x;}
.fondo3{background:url(../imgs/barra_fondo_submenus_3.jpg) top left repeat-x;}
.fondo4{background:url(../imgs/barra_fondo_submenus_4.jpg) top left repeat-x;}

#submenus ul {list-style:none;}
/*#submenus ul li{position:relative;top:0;left:0;width:auto;height:100%;float:left;background:url(../imgs/b_s.jpg) right 2px no-repeat} */
#submenus ul li {margin: 0;border: 0 none; padding: 0; float: left; display: inline; list-style: none; position: relative; height: 100%}
.fondo1 ul li {background:url(../imgs/b_s_1.jpg) right 2px no-repeat}
.fondo2 ul li {background:url(../imgs/b_s_2.jpg) right 2px no-repeat}
.fondo3 ul li {background:url(../imgs/b_s_3.jpg) right 2px no-repeat}
.fondo4 ul li {background:url(../imgs/b_s_4.jpg) right 2px no-repeat}
#submenus ul a {margin-right:1px;padding:8px 15px;font:bold 11px Verdana, Arial, Helvetica, sans-serif;color:#FFF;text-decoration:none;  border: 0 none; float: none !important; /*For Opera*/ float: left; /*For IE*/  display: block;height: auto !important;height: 100%; /*For IE*/}
/*#submenus ul li a{position:relative;top:0;left:0;width:auto;height:17px;margin:0 1px 0 0;padding:6px 15px;display:block;font:bold 11px Verdana, Arial, Helvetica, sans-serif;color:#FFF;text-decoration:none}*/
.fondo1 ul li a:hover, .fondo1 ul li a.select{background:url(../imgs/bk_mn_sel_1.jpg) left top repeat-x}
.fondo2 ul li a:hover, .fondo2 ul li a.select{background:url(../imgs/bk_mn_sel_2.jpg) left top repeat-x}
.fondo3 ul li a:hover, .fondo3 ul li a.select{background:url(../imgs/bk_mn_sel_3.jpg) left top repeat-x}
.fondo4 ul li a:hover, .fondo4 ul li a.select{background:url(../imgs/bk_mn_sel_4.jpg) left top repeat-x}
#submenus ul li.ultimo {background-image:none}
/* CUERPO > Capa contenedora de los datos a mostrar */
#cuerpo {position:relative;top:0;left:0;width:100%;height:auto;padding:10px 0;color:#333}
#cuerpo .imagenSeccion{position:relative;top:0;left:0;margin:10px 40px 20px 20px;float:left}
#texto {position:relative;top:0;left:0;width:685px;height:auto;float:left;text-align:justify}
ul.guion {margin:10px 0 20px 0; list-style-position:outside; list-style-image: url(../imgs/guion.jpg);}
ul.guion li {margin:6px 25px}
#cuerpo p {padding:10px 20px 10px 0}
#cuerpo h1 {padding:30px 0 10px 0;font:normal 22px Arial, Helvetica, sans-serif;color:#728760}
#cuerpo h2 {padding:10px 0;font:bold 14px Arial, Helvetica, sans-serif;color:#728760}
#cuerpo p.cls {clear:both;}
/* mapa > contenedora del mapa de la localización */
#mapa {position:relative;top:0;left:25px;width:945px;height:auto;margin:15px 10px}
/* catalogo > capa contenedora de los datos del catálogo */
#catalogo {margin:-20px 20px 0 20px;}
/* PIE > Capa contenedora del pie de página (común a todas las páginas) */
#pie{position:absolute;left:0;top:100%;width:100%;height:20px;font:normal 11px Verdana,Arial,Helvetica,sans-serif;color:#728760}
#pie p{padding:10px 0 10px 15px}
#pie a{text-decoration:none;color:#728760}
#pie a:hover{text-decoration:underline;color:#333}
/* mensaje alt o title */
.tool-tip {color:#FFF;width:139px;z-index:13000}
.tool-title {font:bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;margin: 0;color:#CCC;padding: 8px 8px 4px;background: url(bubble.png) top left}
.tool-text {font:normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;padding: 4px 8px 8px;background: url(bubble.png) bottom right}


#trabajos{position:relative;top:0;left:0;width:308px;height:390px;float:left;z-index:3}
#trabajos div.item1 {position:relative; top:0; left:0; width:138px; height:116px; margin:0 16px 0 0; float:left;}
#trabajos div.item2 {position:relative; top:0; left:0; width:138px; height:116px; margin:0 0 0 16px; float:left;}
#trabajos div.item1 img, #trabajos div.item2 img {background:url(../imgs/bk_thumb.png) left top no-repeat; padding:5px 6px 4px 4px}
#trabajos div.item1 a, #trabajos div.item2 a {display:block; width:100%; height:auto; text-decoration:none;}
#trabajos div.item1 a.txt,#trabajos div.item2 a.txt {padding:3px 0 0 10px; color:#666; font:9px Verdana, Arial, Helvetica, sans-serif}
#trabajos div.item1 a.txt:hover, #trabajos div.item2 a.txt:hover {color:#698552}
#trabajos div.paginador {position:relative;top:0;left:0;width:100%; height:19px; padding-top:6px; margin:2px 0 10px 0; border-bottom:1px solid #E6E6E6;border-top:1px solid #E6E6E6;clear:left;text-align:center;}
#trabajos div.paginador strong {font:bold 11px Verdana, Arial, Helvetica, sans-serif;color:#728760}
#trabajos div.paginador a {font:bold 10px Verdana, Arial, Helvetica, sans-serif;color:#666;text-decoration:none}
#trabajos div.paginador a:hover {color:#698552}
#trabajos div.paginador a.anterior, #trabajos div.paginador strong.anterior {position:absolute; top:0; left:0;display:block; width:70px; height:19px; padding-top:6px;}
#trabajos div.paginador strong.anterior {font-size:10px; color:#728760}
#trabajos div.paginador a.siguiente,#trabajos div.paginador strong.siguiente {position:absolute;top:0;left:100%; display:block; width:70px; height:19px; padding-top:6px; margin-left:-70px;}
#trabajos div.paginador strong.siguiente {font-size:10px; color:#728760}
#trabajo {position:relative;top:0;left:0;width:auto; height:auto; margin:0 auto}
#trabajo img.detalle {position:relative; top:-5px; left:40px; padding:10px 13px 12px 9px; background:url(../imgs/bk_producto.png) left top no-repeat;}
#trabajo div.txt {position:relative; top:0; left:50px; font:9px Verdana, Arial, Helvetica, sans-serif; color:#666}
#trabajo div.txt p {padding:6px 0 0 0;}

#cargador {position:absolute; top:-5px; left:350px; width:550px; height:102%; background-color:#F8FAF7; z-index:3; color:#666; text-align:center; visibility:visible}
#cargador div {position:absolute; top:50%; left:50%; width:120px; height:50px; margin:-25px 0 0 -60px}

#login {position:relative; top:5px; left:150px; width:280px; height:auto; padding:10px 0 0 20px; background:url(../imgs/bk_login.gif) top left no-repeat}
#login strong {display:block;padding:4px 0;color:#728760; text-transform:uppercase}
#login input.campo {border:1px solid #728760; color:#728760; font:normal 11px Verdana, Arial, Helvetica, sans-serif;padding:2px}
#login input.boton {width:72px; height:26px; background:url(../imgs/btn.gif) left top no-repeat; font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;border-style:none}
#login a {color:#728760; padding-left:60px;}
#login a:hover {text-decoration:none}
.fin {position:relative; top:10px; left:-20px;background:url(../imgs/bk_login.gif) bottom left no-repeat}
.error {color:#CC0000}
/* menú selector familias */
#container {position:relative; top:0; left:0; width:230px; height:100%;float:right}
#seleccion {text-align:right;height:auto;width:200px;float: left}
#seleccion li {display: block;list-style-type: none; width:100%; height:25px; background-image:none;}
#seleccion a {font-size: 11px;color: #FFF; padding:0 10px;line-height: 25px;text-decoration: none;height:30px;width: 200px;display: block;outline:0;margin-bottom: 5px;}
#seleccion .accordion {position:relative; top:0; left:0; width:100%; height:auto; float:left; text-align:left;}
#seleccion .accordion a {color: #FFF; background-color:#59A6B8;font-size: 11px; padding:0 10px;line-height: 25px;text-decoration: none;height:30px;width: 200px;display: block;outline:0;margin-bottom: 5px;}
#submenus #seleccion .accordion a:hover {color: #FFF; background-color:#333; background-image:none}
.centrar {position:relative; top:20px; left:50%; width:244px; margin-left:-162px;}
#idiomas {position:absolute;left:50%;top:0;width:300px;height:auto;margin:0 0 0 200px;color:#18688B; z-index:999; padding:5px 0; display:block}
#idiomas a, #idiomas strong,#idiomas span{position:relative; top:0; left:0;display:block; float:right; padding:3px;}
#idiomas a {color:#18688B}
#idiomas a:hover {color:#006699;text-decoration:none}