/* Elementos globales */

* {padding:0px; margin:0px}
body {background-color:#ffffff}
img {border:none}
.divrel {position:relative; width:100%; height:auto}
.clear {position:relative; clear:both}
.hand {cursor:pointer}

table {border-collapse:collapse; border-spacing:0px}
td, th {padding:0px; vertical-align:top}
.imgfleft {float:left; margin-right:10px}
.imgfit {width:100%; height:100%}

/* Fuentes */
h1 {font:bold 17px Arial; color:#666666; margin-top:20px}
h2 {font:bold 13px Arial; color:#999999; padding:3px 0 0 10px}
h3 {font:13px Arial; color:#333333}
h4 {font:bold 17px Arial; color:#666666}
p {font:13px Arial; color:#999999}

/* Links */
a:link, a:visited {font:11px Arial; color:#000000; text-decoration:none}
a:hover, a:active {font:11px Arial; color:#000000; text-decoration:underline}

/* Arquitectura */
#pagina {position:absolute; top:0px; left:0px; width:100%; height:auto}
#cabecera {position:relative; width:100%; height:150px; background:url(img/fondo_cab.gif) repeat-x; z-index:2}
#divcab {position:relative; width:980px; height:150px; margin:0 auto}
#cuerpo {position:relative; width:100%; height:auto; z-index:1}
#divcuerpo {position:relative; width:980px; height:auto; margin:0 auto 20px auto}
#pie {position:relative; width:100%; height:61px; background:url(img/fondo_pie.gif) repeat-x; z-index:1}
#divpie {position:relative; width:980px; height:61px; margin:0 auto}

#tdizq {width:310px}
.tdmed {width:20px}
#tdder {width:650px}

/* Columna izquierda */
.pnldestacado_izq {position:relative; width:302px; height:122px; margin-left:8px; margin-bottom:10px; background:url(img/panel_oferta_destacada.gif) no-repeat}
.pnldestacado_izq h2 {color:#558000}
.pnlofertas_izq {position:relative; width:302px; height:312px; margin-left:8px; margin-bottom:10px; background:url(img/panel_3_uds.gif) no-repeat}
.pnlyabadu_izq a {position:relative; width:302px; height:57px; margin-left:8px; margin-bottom:10px; background:url(img/panel_link_yabadu.gif) no-repeat; display:block}
.pnlyabadu_izq_en a {position:relative; width:302px; height:57px; margin-left:8px; margin-bottom:10px; background:url(img/panel_link_yabadu_en.gif) no-repeat; display:block}
.pnlyabadu_izq a span, .pnlyabadu_izq_en a span {position:absolute; top:40px; right:5px}
.divpnl {position:relative; width:302px; height:96px; overflow:hidden}
.divpnl h3, .divpnl p {padding:5px 0 0 100px}
.divpnl p {font-size:11px; color:#666666} 
.divimg {position:relative; width:310px; height:200px; margin-top:10px}

.masinfo {position:absolute; bottom:1px; right:25px}
.imgdet {position:absolute; top:5px; left:4px; width:90px; height:90px}
/* Columna derecha */
.pnlnoticias_right {position:relative; width:302px; height:312px; margin-left:8px; margin-bottom:10px; background:url(img/panel_3_uds.gif) no-repeat; float:right}
/* Galeria */
#pnlgaleria {position:relative; width:957px; height:122px; background:url(img/panel_visor_fotos.gif) no-repeat; margin-left:8px; margin-bottom:20px}
/* Cabecera */
#logo {position:absolute; top:45px; left:10px}
#yabadu {position:absolute; top:48px; right:10px}
#slogan {position:absolute; top:78px; left:221px; width:211px; height:13px; background:url(img/slogan.gif) no-repeat}
#slogan_en {position:absolute; top:78px; left:221px; width:217px; height:13px; background:url(img/slogan_en.gif) no-repeat}
/* Menus cabeceras */
#divcab * ul {list-style-type:none}
#divcab * ul li {display:inline}
#mnucabsup {position:absolute; top:75px; left:530px}
#mnucabsup * span {font:17px Arial; color:#CCCCCC}

#mnucabinf {position:absolute; top:110px; left:10px}
#mnuidioma {position:absolute; top:110px; right:0px;}
#mnuidioma ul  {padding-right:10px}
#mnuidioma ul li {padding-bottom:0px; padding-left:10px}
#mnuidioma ul li a {padding-left:20px;}
#es {background:url(img/bandera_es.gif) no-repeat 0px center}
#en {background:url(img/bandera_en.gif) no-repeat 0px center}

/* Pie */
#aflua {position:absolute; top:10px; left:15px}
#afluaimg {position:absolute; top:0px; left:0px}
#aflualnk {position:absolute; top:7px; left:34px; width:50px}
#aflualnk a {font:9px Arial; color:#999999; text-decoration:none; line-height:9px}
#aflualnk a:hover {color:#666666}
.copy {position:absolute; top:20px; right:10px}
.copy p {color:#999999}

/* Contactar */
.pnlcontacto_izq {position:relative; width:302px; height:312px; margin-left:8px; margin-bottom:10px; background:url(img/panel_contacto.gif) no-repeat}
.pnlmapa_right {position:relative; width:302px; height:540px; margin-left:8px; margin-bottom:10px; background:url(img/panel_3_uds.gif) no-repeat left top; float:right}
#map {position:absolute; top:26px; left:5px; width:292px; height:282px}
#map div {max-width:292px}
#map div span {white-space:normal}
.dtoscontacto {position:absolute; top:330px; left:20px; width:270px; height:310px}
	/* Formulario de Contacto */
	 #formulario {position:absolute; top:26px; left:6px; width:285px; height:285px; z-index:1} 
	.divcampos {position:relative; width:250px; margin-top:5px; padding-left:5px}
	.btnpos {position:absolute; bottom:2px; right:7px;  *right:3px; *bottom:0px; cursor:pointer}
	.astval {position:absolute; top:3px; left:285px; z-index:2;}
	.errorval {font:bold 15px Arial; color:#ff0000}
#loading {position:absolute; top:26px; left:6px; width:285px; height:285px; z-index:2}

/* Sitemap */

.divsitemap {position:relative; width:450px; height:auto; float:left; padding:20px}
.divsitemap ul {list-style-type:none}
.divsitemap ul li {padding-bottom:2px}
.leaf:link, .leaf:visited{font:13px Arial; color:#333333; text-decoration:none}
.leaf:hover, .leaf:active  {font:13px Arial; color:#558000; text-decoration:none}
.divsitemap ul li {font:bold 13px Arial; color:#333333; text-decoration:none}
.divsitemap li ul li {font:13px Arial; color:#333333; text-decoration:none}
.divsitemap * li ul { padding-left:50px}

/* Ofertas y Noticias */

.conttxtizq {position:relative; height:auto; width:410px; float:left; padding:0px 10px 0px 20px}
.pnllstder {position:relative; height:auto; width:200px; float:right}
.titotras {position:relative; height:40px; width:200px; margin-top:15px}
.titotras h4 {color:#558000}
.lstotrasofertas {position:relative; height:40px; *height:53px; width:200px; border-bottom:solid 1px #558000; margin-bottom:10px; _padding-bottom:5px; _height:40px}
.lstotrasofertas a:link, .lstotrasofertas a:visited {padding-left:140px; color:#333333; text-decoration:none}
.lstotrasofertas a:hover, .lstotrasofertas a:active {padding-left:140px; color:#558000; text-decoration:none}