/* CSS Document */

body{
background-color: #132940;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #333;
}

#header{
display:block;
height:214px;
background-image:url(../img/header.jpg);
background-repeat:no-repeat;
background-position:left;
}

#content{
display:block;
height: 280px;
background-color:#EBEBEB;
border-top: 4px solid #292929;
border-bottom: 4px solid #292929;
}

#footer{
background-color: #8C9AAA;
color:#FFF;
padding:10px;
}

#footer a, #footer a:visited{color:#FFF;text-decoration:none;}
#footer strong{display:block;font-size:16px;font-style:italic;}
#footer small{display:block;font-size:12px;font-weight:normal;font-style:normal;}

#footer .horarios{
display:block;
position:absolute;
top:505px;
left:350px;
border-left: 1px solid #292929; padding-left:10px;
}
#footer .latir{
display:block;
position:absolute;
height:43px;
padding-top:7px;
top:504px;
left:580px;
border-left: 1px solid #292929; padding-left:10px;
}

#contenido{
	width: 720px;
	height:250px;
	margin: 0;
	padding: 0;
	overflow:auto;
	position:absolute;
	top:240px;
	left:60px;
}
.backempresa{
position:absolute;
left:40px;
top: 258px;
background-image:url(../img/nosotros.jpg);
width:375px;
height:240px;
background-position:bottom;
background-repeat:no-repeat;
}
.backcontacto{
position:absolute;
left:60px;
top: 318px;
background-image:url(../img/contacto.jpg);
width:188px;
height:180px;
background-position:bottom;
background-repeat:no-repeat;
}


/* ELEMENTOS OCULTOS PERO INDEXABLES*/ 
#header h1, #header small{
display:none;
visibility:hidden;
}



/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 630px;
	height:265px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}



/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background-repeat:no-repeat;
	display:block;
	width:16px;
	height:255px;
	float:left;
	margin:10px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 		{ background-image:url(../img/navi-der.gif); clear:right; margin-right: 0px; opacity:0.7;}
a.right:hover 	{ background-image:url(../img/navi-der.gif);opacity:1;}
a.right:active 	{ background-image:url(../img/navi-der.gif);opacity:1;} 


/* left */
a.left			{ background-image:url(../img/navi-izq.gif); margin-left: 0px; opacity:0.7;} 
a.left:hover  	{ background-image:url(../img/navi-izq.gif);opacity:1;}
a.left:active  	{ background-image:url(../img/navi-izq.gif);opacity:1;}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


#home .producto{
position: absolute;
top: 234px;
left:370px;
}
#home .producto img{
border: 3px solid #717171;
}

#home .ofertas {
margin-top:-7px;
}

#home .novedades h2, #home .ofertas h2 {
padding-top:12px;
margin: 0;
font-weight:bold;
font-size:18px;
letter-spacing:-1px;
}

#home .novedades img, #home .ofertas img{
	margin-right:10px;
	border-bottom: 3px solid #132940;
}

#anduaga{
	visibility:hidden;
	display: none;
}

#publi {
	visibility:hidden;
	display: none;
}