html, body {font:11px Verdana, Arial, sans-serif; color:#434343;}
body {margin:0; padding:0; background:#173449;}
img {border:0 none; }

#principal {position:absolute; left:50%; width:955px; margin-left:-478px; top:50%; height:540px; margin-top:-270px; padding:0; background:transparent url(../imagenes/bg_azul.jpg) no-repeat top center;}
#logotipo h1 {margin:0; padding:30px 0 0 20px; background:transparent url(../imagenes/w4y.gif) no-repeat 15px center; width:195px; height:53px; border:0px none;}
#logotipo span {display:none;}
#foto_seccion {position:absolute; top:120px; left:160px; background:transparent url(../imagenes/chica_w4y.png) no-repeat 0 bottom; width:350px; height:381px;
/*  Hack para que funcione PNG transparente en IE6  
    background:transparent url(imagenes/chica.png) no-repeat 0 bottom !important; 
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagenes/chica.png'); */	
}
#topmenu {margin:0; padding:0 10px 0 20px;}
#topmenu ul {margin:0; padding:0; margin-left:330px; list-style:none;}
#topmenu ul li {margin:0; padding:0; float:left; text-align:center;}
#topmenu ul li a {margin:0; padding:0 15px 5px 15px; text-transform:uppercase; text-decoration:none; color:#AAA; border-left:1px dotted #069; border-bottom:1px solid #069; display:block;}
#topmenu ul li a:hover {color:#FFF; background:#000E20; text-transform:uppercase; /*padding-bottom:5px;*/ border-bottom:3px double #069;}
#colizda {position:absolute; top:75px; left:20px; padding:0; width:150px;}
#enlace h2 {margin:10px 0; padding:0; background:transparent url(../imagenes/btn_eternian.gif) no-repeat center center; width:141px; height:91px; border:0px none;}
#enlace h2 a:hover {cursor:hand;}
#enlace span {display:none;}
#coleccion h2 {margin:10px 0; padding:0; background:transparent url(../imagenes/btn_coleccion_w4y.gif) no-repeat center center; width:141px; height:300px; border:0px none;}
#coleccion h2 a:hover {cursor:hand;}
#coleccion span {display:none;}
#contenidos {position:absolute; top:120px; left:500px; width:430px; height:360px; overflow:auto;}
#contenidos h2 {font:20px 'Trebuchet MS', Candara, Verdana, Arial; color:#CCC; text-transform:uppercase; letter-spacing:5px;}
#contenidos h3 {font:12px 'Trebuchet MS', Candara, Verdana, Arial; color:#CCC; text-transform:uppercase; letter-spacing:10px; text-align:right;}
#contenidos p {margin:0; padding:0 10px 10px 0; font:11px Arial, Verdana, Candara; color:#CCC; letter-spacing:1px;}
#contenidos ul {color:#CCC;}
#contenidos ul li {}
.creditos {font:9px Verdana, Arial, sans-serif; color:#CCC; clear:both;}
#menu_inferior {margin:0; padding:0; float:right; font:11px Arial, Verdana, Candara;}
#menu_inferior ul {margin:0 40px 0 0; padding:0; list-style:none;}
#menu_inferior ul li {margin:0; padding:0; float:left; text-align:center;}
#menu_inferior ul li a {margin:0; padding:1px 15px 0 15px; text-transform:uppercase; text-decoration:none; color:#FFF; border-left:1px dotted #069; border-top:1px solid #069; display:block;}
#menu_inferior ul li a:hover {color:#FFC; background:#000E20; text-transform:uppercase; padding-top:3px; border-top:3px double #069;}
#submenu_inferior {position:absolute; bottom:59px; left:250px; margin:0; padding:0; width:681px;}
#submenu_inferior ul {margin:0; padding:0 0 10px 10px; border-left:1px solid #069; border-bottom:1px solid #069;}
#submenu_inferior li {margin:0; padding:3px 0; list-style:none;}
#submenu_inferior li a {margin:0; padding:1px 0 1px 5px; text-transform:uppercase; text-decoration:none; color:#FFF; background:#069; width:225px; display:block;}
#submenu_inferior li a:hover {background:#000E20; color:#FFF; width:215px; border-right:10px solid #069;}
#pie {position:absolute; bottom:17px; left:0;}

#listado_fotos {margin:0; padding:5px;}
#listado_fotos ul {list-style-type:none;}
#listado_fotos li {padding:8px; float:left; height:auto !important; min-height:100px; text-align:center;}
#listado_fotos p{color:#CCC; /*text-transform:uppercase;*/}

#ayser{margin:450px 0 0 0; border:1px solid #173449;}