/* ESTILOS GENERALES */

html, body {font:11px 'Courier new', Verdana, Arial, sans-serif; color:#FFF;}
body {margin:0; padding:0; background:#B1AA9C;}
img {border:0 none;}

#principal {position:absolute; left:50%; width:955px; margin-left:-478px; top:50%; height:540px; margin-top:-275px; padding:0; background:#FFF; border:1px solid #FFF;}


/* ESTILOS CABECERA */

#logotipo h1 {margin:271px 0 0 96px; padding:0; width:262px; height:190px; border:0 none;
/*  Hack para que funcione PNG transparente en IE6  */
    background:transparent url(../imagenes/ppal_logo.png) no-repeat left top !important; 
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagenes/ppal_logo.png');	
}
#logotipo span {display:none;}
#logo_cabecera {display:none;}
#claim h2 {margin:-40px 0 0 380px; padding:0; width:500px; height:20px; border:0 none;
/*  Hack para que funcione PNG transparente en IE6  */
    background:transparent url(../imagenes/ppal_claim.png) no-repeat center top !important; 
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagenes/ppal_claim.png');	
}
#claim span {display:none;}

#texto_cabecera span {display:none;}

#localizador {position:absolute; right:30px; top:16px; font:8px Tahoma, Arial, Helvetica, sans-serif; text-align:right; color:#222;}
#localizador a {margin:0; padding:0; color:#222; text-decoration:none;}
#localizador a:hover {color:#000; border-bottom:1px dotted #000;}
#localizador span {display:none;}

/* ESTILOS MENÚ PRINCIPAL */

#menu {margin:480px 0 0 0; padding:0; font:bold 14px Arial, Helvetica, sans-serif;}
#menu ul {margin:0; padding:0; margin-left:30px; list-style:none;}
#menu ul li {margin:0; padding:0; float:left; text-align:center; width:128px;}
#menu ul li a {margin:0; padding:3px 0; text-decoration:none; display:block; height:30px;}
#menu span {margin:0; padding:0; font:bold 8px Tahoma, Arial, Helvetica, sans-serif; color:#000;display:block}
#empresa a {background:#9FC; color:#000;}
#empresa a:hover {background:#9FC; color:#000;}
#mosaico_vitreo a {background:#69F; color:#000;}
#mosaico_vitreo a:hover {background:#69F; color:#000;}
#fotografia_impresa a {background:#3CC; color:#000;}
#fotografia_impresa a:hover {background:#3CC; color:#000;}
#luminiscente a {background:#CF6; color:#000;}
#luminiscente a:hover {background:#CF6; color:#000;}
#mosaico_cristal a {background:#6FF; color:#000;}
#mosaico_cristal a:hover {background:#6FF; color:#000;}
#disenno a {background:#CCF; color:#000;}
#disenno a:hover {background:#CCF; color:#000;}
#contacto a {background:#9CF; color:#000;}
#contacto a:hover {background:#9CF; color:#000;}


/* ESTILOS SUBMENUS */

#logotipo_submenu_glass_mosaic {position:absolute; left:30px; top:30px; width:128px; height:450px; background:#69F url(../imagenes/logo_submenus.png) no-repeat center 70px;}

#submenu_empresa {position:absolute; left:30px; top:30px; width:128px; height:450px; background:#9FC url(../imagenes/logo_submenus.png) no-repeat center 70px;;}

#submenu_mosaico_vitreo {position:absolute; bottom:90px; left:30px;}
#submenu_mosaico_vitreo ul {margin:0; padding:0 0 0 20px; font:bold 11px 'Trebuchet MS', Arial, Tahoma, Helvetica, sans-serif; list-style:square; color:#FFF;}
#submenu_mosaico_vitreo ul li {margin:0; padding:5px 0 0 0; text-align:left;}
#submenu_mosaico_vitreo ul li a {margin:0; padding:0; color:#000; display:block; text-decoration:none;}
#submenu_mosaico_vitreo ul li a:hover {color:#CF6;}
#submenu_mosaico_vitreo ul li ul {margin:0; padding:0 0 0 7px; font:11px 'Trebuchet MS', Arial, Tahoma, Helvetica, sans-serif; list-style:disc;}
#submenu_mosaico_vitreo ul li ul a { color:#000; display:block; text-decoration:none;}
#submenu_mosaico_vitreo ul li ul a:hover {color:#CF6;}

#submenu_identity_mosaic {position:absolute; left:30px; top:30px; width:128px; height:450px; background:#3CC url(../imagenes/logo_submenus.png) no-repeat center 70px;}

#logotipo_submenu_mosaico_cristal {position:absolute; left:30px; top:30px; width:128px; height:450px; background:#6FF url(../imagenes/logo_submenus.png) no-repeat center 70px;}
#submenu_mosaico_cristal {position:absolute; top:250px; left:30px;}
#submenu_mosaico_cristal ul {margin:0; padding:0 0 0 20px; font:bold 11px 'Trebuchet MS', Arial, Tahoma, Helvetica, sans-serif; list-style:square; color:#FFF;}
#submenu_mosaico_cristal ul li {margin:0; padding:5px 0 0 0; text-align:left;}
#submenu_mosaico_cristal ul li a {margin:0; padding:0; color:#000; display:block; text-decoration:none;}
#submenu_mosaico_cristal ul li a:hover {color:#CF6;}

#submenu_luminiscente {position:absolute; left:30px; top:30px; width:128px; height:450px; background:#CF6 url(../imagenes/logo_submenus.png) no-repeat center 70px;}
#submenu_disenno {position:absolute; left:30px; top:30px; width:128px; height:450px; background:#CCF url(../imagenes/logo_submenus.png) no-repeat center 70px;}
#submenu_contacto {position:absolute; left:30px; top:30px; width:128px; height:450px; background:#9CF url(../imagenes/logo_submenus.png) no-repeat center 70px;}


/* ESTILOS CONTENIDOS */

#contenidos {position:absolute; left:158px; top:30px; width:766px; height:450px; overflow:auto; border-left:2px solid #FFF;}
#textos h3 {margin:5px 0 10px 0; padding:0; font:12px 'Trebuchet MS', Arial, Tahoma, Helvetica, sans-serif; color:#000; text-transform:uppercase;}
#textos p {margin:0; padding:0; font:10px 'Trebuchet MS', Arial, Tahoma, Helvetica, sans-serif; color:#000;}
#direccion_postal {position:absolute; left:150px; top:40px; width:150px; height:120px;}
#direccion_postal p {font:bold 11px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#000;}


/* ESTILOS PIE */

#pie {position:absolute; left:50px; bottom:10px; color:#707172;}


/* OTROS ESTILOS */

#idiomas {margin:73px 0 0 0; padding:0;}
#idiomas ul {margin:0; padding:0; margin-left:610px; list-style:none;}
#idiomas ul li {margin:0; padding:0 20px; float:left; text-align:center;}
#idiomas ul li a {margin:0; padding:0 5px 2px 5px; text-decoration:none; display:block;}
#english a {color:#BF2500;}
#français a {color:#40BDFF;}
#espannol a {color:#707172;}
#english a:hover {border-bottom:3px double #BF2500;}
#français a:hover {border-bottom:3px double #40BDFF;}
#espannol a:hover {border-bottom:3px double #707172;}