html, body, #pie, #contenedor_portada { 
  margin: 0; 
  padding: 0; 
  width: 100%; 
} 
body {overflow-x: hidden;}
body, #pie, #contenedor_portada {display: table;}

#contenido_portada, #contenido_pie{
	margin-left: auto;
	margin-right: auto;
	width: 998px;
	overflow-x: hidden;
}

#icon_top, #menu_top, #btn_home, #btn_mapa, #btn_contacto, #btn_buscador, #btn_reservado, #txt_buscador, 
#btn_home_selec, #btn_mapa_selec, #btn_contacto_selec, #btn_reservado_selec, #col_left_portada, #col_right_portada,
#menu, #animacion, #novedades, .novedad, #logo_ISO, #direccion, #telefonos, #email, #xip {display: inline; float: left;}

#icon_top {width: 984px; padding: 4px 14px 0px 0px; height: 26px;}
#menu_top {width: 372px; height: 34px; padding: 6px 15px 6px 611px;}
#col_left_portada {width: 336px; padding: 140px 22px 20px 0px; }
#col_right_portada {width: 640px; padding-top: 115px;}
#menu {width: 610px; height: 26px; padding: 0px 15px 15px 15px;}
#animacion {position: relative; width: 640px; height: 271px;}
#novedades {width: 996px; padding-left: 2px;}
.novedad {width: 300px; padding: 0px 15px 40px 17px;}
#logo_ISO {width: 98px; height: 51px; margin: 7px 0px 8px 23px;}
#direccion {width: 207px; margin: 8px 0px 0px 119px; padding: 10px 10px 0px 39px;}
#telefonos {width: 130px; margin: 8px 0px 0px 0px; padding: 10px 10px 0px 39px;}
#email {width: 201px; margin: 8px 0px 0px 0px; padding: 15px 10px 0px 39px;}
#xip {width: 49px; height: 45px; margin: 8px 0px 0px 0px;}

#etiqueta_esquina {width: 117px; height: 114px; position: absolute; top: 0px; left: 0px;}
#etiqueta_vetical {width: 86px; height: 245px; position: absolute; top: 0px; right: 0px;}
#texto_etiqueta {width: 148px; height: 56px; position: absolute; top: 75px; left: -30px;}
#numero_etiqueta {width: 16px; height: 11px; position: absolute; top: 198px; left: 21px;}
#imagenes_animacion {width: 610px; height: 235px; margin-left: 15px; padding-top: 10px;}
#botones_animacion {width: 640px; height: 13px; margin-top: 13px;}



body {
	font-family: 'Cabin', arial, serif;
	font-size: 13px;
	color: #000;
	line-height: 1.5em;
	background: #000;
}

#contenedor_portada {background: #fff url(./imagenes/fondo_largo.png) no-repeat top center;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

#icon_top img {float: right; margin-left: 4px;}
#txt_buscador {width: 134px; height: 21px; color: #fff; margin: 5px 5px 8px 16px; background: none; border: none;}

#img_productos {background: url(./imagenes/img_productos.png) no-repeat; color: #808080; font-size: 22px; font-weight: normal; padding: 30px 5px 0px 70px; height: 34px; width: 283px;}
#img_novedades {background: url(./imagenes/img_novedades.png) no-repeat; color: #808080; font-size: 22px; font-weight: normal; padding: 12px 5px 0px 70px; height: 44px; width: 261px;}

#col_left_portada ul li {list-style: none; float: left; display: inline; width: 299px; padding: 5px 22px 0px 37px; background: url(./imagenes/flecha_lista.png) no-repeat; background-position: 0px 4px; padding-top: 5px;}
#col_left_portada ul li a {padding-bottom: 4px; display: block; text-decoration: none; border-bottom: 1px solid #CCC; font-size: 14px; color: #000;}
#col_left_portada ul li a:hover {color: #F7931E;}
#col_left_portada ul li a.sinlinea {border-bottom: none;}

#menu {text-align: center; font-size: 14px;}
#menu img {vertical-align:middle; padding: 0px 0px 7px 0px;}
#menu a {text-decoration: none; padding: 5px 15px 7px 15px; color: #fff; display: inline;}
#menu a:hover {color: #603813;}
#menu a.menu_selec, #menu a.menu_selec {color: #603813; background: url(./imagenes/menu_selec.png) no-repeat bottom center;}

#animacion {background: url(./imagenes/fondo_animacion.png) no-repeat;}
#etiqueta_vetical {background: url(./imagenes/texto_animacion.png) no-repeat;}
#texto_etiqueta {
	color: #fff; 
	font-size: 20px; 
	line-height: 1.1em;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	writing-mode: tb-rl;
	filter: flipv fliph;
	font-weight: normal;
}

.numero_1, .numero_2, .numero_3, .numero_4, .numero_5, .numero_6, .numero_7, .numero_8, .numero_9, .numero_10 {
	background: url(./imagenes/numeros.png) no-repeat;
	width: 16px;
	height: 11px;
	display: block;
}
.numero_1 {background-position: -1px -4px;}
.numero_2 {background-position: -18px -4px;}
.numero_3 {background-position: -40px -4px;}
.numero_4 {background-position: -63px -4px;}
.numero_5 {background-position: -84px -4px;}
.numero_6 {background-position: -107px -4px;}
.numero_7 {background-position: -130px -4px;}
.numero_8 {background-position: -151px -4px;}
.numero_9 {background-position: -173px -4px;}
.numero_10 {background-position: -197px -4px;}

#botones_animacion {text-align: center;}
#btn_prev, #btn_next, .item, .item_selec {background: url(./imagenes/botones_animacion.png) no-repeat; height: 13px; display: inline; text-decoration: none; margin: 0px 3px 0px 3px;}
#btn_prev {width: 8px; background-position: -1px -37px;}
#btn_prev:hover {background-position: -22px -37px;}
#btn_prev:active {background-position: -11px -37px;}
#btn_next {width: 8px; background-position: -48px -37px;}
#btn_next:hover {background-position: -69px -37px;}
#btn_next:active {background-position: -58px -37px;}
.item {width: 13px; background-position: 0px 0px;} 
.item:hover {background-position: -39px 0px;}
.item:active {background-position: -20px 0px;}
.item_selec {width: 13px; background-position: -20px 0px;}

.novedad {background: url(./imagenes/sombra_novedades.png) no-repeat; background-position: 17px 0px;}
.novedad h2 {color: #F7931E; font-weight: normal; padding-top: 22px; padding-bottom: 10px; font-size: 20px;}
.novedad p {font-size: 14px; padding-bottom: 10px;}
.novedad p a {text-decoration: none; color: #000;}
.novedad p a:hover {color: #F7931E;}

.btn_ver_mas {text-decoration:none; display: block; background: url(./imagenes/btn_ver_mas.png) no-repeat; padding: 0px 0px 10px 25px; color: #fff; font-size: 12px;}
.btn_ver_mas:hover {color: #000;}

#pie {background: url(./imagenes/fondo_pie.png); color: #fff; font-size: 12px; line-height: 1.2em;}
#direccion {background: url(./imagenes/direccion.png) no-repeat;}
#telefonos {background: url(./imagenes/telefonos.png) no-repeat;}
#email {background: url(./imagenes/sobre.png) no-repeat;}
#email a {text-decoration: none; color: #fff;}
#email a:hover {color: #F7931E;}

/* ----- BOTONES -------- */
#btn_home, #btn_mapa, #btn_contacto, #btn_buscador, #btn_reservado, #btn_home_selec, #btn_mapa_selec, #btn_contacto_selec, #btn_reservado_selec {
	height: 34px;
	cursor: pointer;
	text-indent: -9000px;
	background: url(./imagenes/menu_top.png) no-repeat;
	border: none;
} 

#btn_home {width: 40px; background-position: 0px 0px;}
#btn_home:hover {width: 40px; background-position: 0px -34px;}
#btn_home_selec, #btn_home_selec:hover {width: 40px; background-position: 0px -68px;}

#btn_mapa {width: 44px; background-position: -40px 0px;}
#btn_mapa:hover {width: 44px; background-position: -40px -34px;}
#btn_mapa_selec, #btn_mapa_selec:hover {width: 44px; background-position: -40px -68px;}

#btn_contacto {width: 48px; background-position: -84px 0px;}
#btn_contacto:hover {width: 48px; background-position: -84px -34px;}
#btn_contacto_selec, #btn_contacto_selec:hover {width: 48px; background-position: -84px -68px;}

#btn_buscador {width: 47px; background-position: -287px 0px;}
#btn_buscador:hover {width: 47px; background-position: -287px -34px;}

#btn_reservado {width: 30px; background-position: -341px 0px;}
#btn_reservado:hover {width: 30px; background-position: -341px -34px;}
#btn_reservado_selec, #btn_reservado_selec:hover {width: 38px; background-position: -334px -68px;}