* { margin: 0; padding: 0; }
img { border: 0; }

/* ESTRUCTURA */
#contenido { width: 800px; margin: auto; }
#cabecera { position: relative; height:100px; background: url(../img/logo.gif) right bottom no-repeat; z-index: 1000;}
#cuerpo { margin-top: 25px; z-index: 1;}

/* MENU */
#menu { width: 632px; background: url(../img/back_menu.jpg) #EEE right no-repeat; height: 30px; position: absolute; bottom: 0; list-style: none; }
#menu li { position: relative; float: left; display: block; width: 115px; height: 30px; text-align: center; border-right: 3px solid #FFF; }
#menu a { font-family: "Verdana", sans-serif; font-size: 12px; color: #000; text-decoration: none; display: block; line-height: 30px; height: 30px; }
#menu a:hover { font-weight: bolder; }

#menu li ul { display: none; position: absolute; width: 210px; background-color: #EEE; border: 3px solid #FFF; left: -3px; }
#menu li ul li { width: 190px; text-align: left; padding-left: 20px; border: 0; height: 25px; }
#menu li.over ul { display: block; } /* The magic */
#menu li:hover ul { display: block; }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* MENU LATERAL */
#menu-lateral { width: 150px; float: right; }
#menu-lateral a { font-family: "Arial", "Helvetica", sans-serif; color: #00145D; font-size: 12px; text-decoration: none; }
#menu-lateral a:hover { text-decoration: underline; }
#menu-lateral div.centrado { width: 100%; text-align: center; margin: 10px 0; }
#menu-lateral ul { list-style: none; }
#menu-lateral li { font-family: "Arial", "Helvetica", sans-serif; color: #000; font-size: 12px; }
div.centrado { width: 100%; text-align: center; margin: 10px 0; }

/* FOOTER */
#footer { width: 800px; height: 53px; background: url(../img/fondo_footer.jpg) no-repeat; text-align: right; margin-top: 20px; color: #FFF; }
#footer a { font-family: "Verdana", sans-serif; font-size: 10px; color: #FFF; text-decoration: none; display: block; line-height: 30px; height: 30px; display: inline; }
#footer a:hover { text-decoration: underline; }

/* LOGO */
#logo { position: absolute; right: 0; }

/* FADE IMAGENES */
#imagen-principal { position: relative; width: 632px; float: left; z-index: 1; }
#img1 { width: 632px; height: 250px; background: url(../img/fade/imagen_1.jpg) transparent; }
#img2 { width: 632px; height: 250px; position: absolute; top: 0; left: 0; }

/* ESTILOS GENERALES */
body { background-color: #FFF; font-family: "Verdana", sans-serif; font-size: 14px; color: #000; }
div.sup { background: url(../img/fondo_sup.gif) top left no-repeat transparent; margin: 30px; }
div.inf { background: url(../img/fondo_inf.gif) bottom right no-repeat transparent; padding: 20px; }
img.titulo { margin: 20px 0 0 25px;}
#imagen-principal p { margin-bottom: 20px; line-height: 25px; color: #666; font-family: "Trebuchet MS", sans-serif; font-size: 14px; }
#imagen-principal a { color: #00145D; text-decoration: none; }
#imagen-principal a:hover { text-decoration: underline; }
span.flotado	{ width: 200px; display: block; float: left; }
p.block { margin-left: 50px; }
div.estado { border: 1px solid #00145D; width: 350px; padding: 20px; margin: 20px auto; background-color: #EFEFEF; text-align: center; font-size: 15px; font-weight: bolder; }
div.error { color: red; }
div.ok { color: green; }
div.cont-marcas { text-align: center; margin: 30px; }
div.marca { display: block; float: left; width: 50%; text-align: center; min-height: 100px; }
div.punto_venta { width: 49%; float: left; height: 200px; }
div.minifoto { width: 25%; float:left; text-align: center; margin: 20px 0; }
span.precio_new { font-weight: bolder; font-size: 16px; margin-left: 20px; }
span.precio_old { font-weight: bolder; font-size: 16px; color: red; text-decoration: line-through; margin-left: 20px; }

/* FORMULARIO CONTACTO */
#form-contacto fieldset { border: 1px solid #00145D; width: 350px; margin: 10px auto; background-color: #EFEFEF; padding: 20px; }
#form-contacto ul { list-style: none; }
#form-contacto li { margin-bottom: 15px; }
#form-contacto label { display: block; float: left; width: 100px; text-align: right; margin-right: 20px; }
#form-contacto input { width: 200px; border: 1px solid #555; }
#form-contacto textarea { width: 200px; height: 100px; border: 1px solid #555; }
#form-contacto input.boton { width: 100px; }

/* LOGOTIPOS */
div.cont-logos	{ margin: 30px 0 20px 0; }
div.cont-logos div.logo1 { width: 20%; float: left; text-align: left; }
div.cont-logos div.logo2 { width: 60%; float: left; text-align: center; }
div.cont-logos div.logo3 { width: 19%; float: right; text-align: right; }

/* MARCAS */
div.marca { border-bottom: 1px solid #00145d; width: 50%; float: left; text-align: center; }
div.marca div.test { width: 100%; height: 100px; background-position: 50% 50%; background-repeat: no-repeat; }
div.marca div.imagen { text-align: center; height: 150px; display: table-cell; vertical-align: middle; }
#imagen-principal p.marca { margin-bottom: 5px; text-align: center; color: #00145d; width: 100%; font-size: 16px; }
div.tit-cont-marcas { background: url(../img/fondo-tit-marcas.jpg) no-repeat top right; text-align: left; color: #00145d; font-family: "Tahoma"; font-size: 17px; font-weight: bolder; margin-top: 20px; }

/* OFERTAS */
div.oferta { float: left; padding: 10px 30px; width: 38%; height: 300px; border: 1px solid #EFEFEF;}
div.oferta ul { list-style: none; }

/* SLIDESHOW */
/*#slideshow { border: 2px solid #fed90f; }*/

/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */