/*------------------------------------------------- ESTILOS GENERALES ------------------------------------------------- */

* {margin: 0;  padding: 0;}
html {background: url(../images/inicio/fondo_inicio.jpg) #ffffff center top no-repeat;}
body {margin: 0 auto; font-family: Arial, Verdana, "Trebuchet MS", Tahoma, sans-serif; font-size: 12px; color: #2f1900;}

.acces {display: none;}
focus{
		outline: 0;
}

/*------------------------------------------------ ESTRUCTURA GENERAL ------------------------------------------------ */

div#contenedor{margin: 0 auto; position:relative; width: 960px;}
div#cabecera_animada {position: relative; float: left; width: 960px; height: 465px;
	}
#h1co{
    background-image: url("../images/inicio/flash.png");
    height: 300px;
    text-indent: -5555px;
    width: 960px;
	margin: auto;
}
ul#navegacion {width: 960px; position: relative; float: left; height: 145px;}
#pie {width: 960px; position: relative; float: left; padding: 20px 0 20px 0; text-align: center; font-size: 9px; color: #ffffff;}

/*----------------------------------------------------- ESTILOS MENU ----------------------------------------------------- */

ul#navegacion li {float: left; display: inline; height: 145px;}
ul#navegacion li a {overflow: hidden; display: block; height: 0; padding-top: 145px;}

ul#navegacion li#imprimimos {width: 100px; padding-left: 87px;}
ul#navegacion li#imprimimos a{background-image: url(../images/inicio/navegacion/imprimimos.jpg);}

ul#navegacion li#disenamos {width: 85px;}
ul#navegacion li#disenamos a{background-image: url(../images/inicio/navegacion/disenamos.jpg);}

ul#navegacion li#servicios {width: 115px;}
ul#navegacion li#servicios a{background-image: url(../images/inicio/navegacion/servicios.jpg);}

ul#navegacion li#empresa {width: 85px;}
ul#navegacion li#empresa a{background-image: url(../images/inicio/navegacion/empresa.jpg);}

ul#navegacion li#contacto {width: 125px;}
ul#navegacion li#contacto a{background-image: url(../images/inicio/navegacion/contacto.jpg);}

ul#navegacion li a:hover {background-position: 0 -145px;}

ul#navegacion.imprimimos li#imprimimos a, ul#navegacion.disenamos li#disenamos a, ul#navegacion.servicios li#servicios a, ul#navegacion.empresa li#empresa a, ul#navegacion.contacto li#contacto a{background-position: 0 -145px; cursor: default;}

/*------------------------------------------------------- ESTILOS PIE ------------------------------------------------------- */

#pie a, #pie a:visited {color: #ffffff; text-decoration:none;}
#pie a:hover {text-decoration: underline;}
#pie a span{font-weight: bold;}

/*----------------------------------------------------- STICKER PROMOCION ----------------------------------------------------- */

div#promo_mes {height: 157px;  width: 158px;  z-index: 999;  overflow: hidden;  float: left;  position:absolute;  top: 470px;  left: 70%;  clear: left;}
div#promo_mes a {display: block;  height: 0;  padding-top: 157px;   background-image: url(../images/promo_mes.png);}
div#promo_mes a:hover {background-position: 0 -157px;}