@import "../../_css_/jux_reset.css";
@import "../../_css_/jux_common.css";
@import "forms.css";
@import "paginator.css";
@import "../../_css_/jux_news.css";
@import "../../_css_/jux_gallery.css";
@import "../../_css_/jux_shop.css";
@import "../../_css_/jux_styles.css";
@import "../../_css_/jux_rss.css";
@import "../../_css_/jux_rating.css";

	

/* 
------------------------------------------------------------------------
ESTRUCTURA 
------------------------------------------------------------------------
*/

html, body {margin:0; padding:0; border:0; border-spacing:0; outline: 0; font-weight:inherit; font-style:inherit; font-size: 100%; font-family:Arial,Helvetica,sans-serif ; vertical-align:baseline; background-color:#efefef;}
h1{float:left; font:20px helvetica,Arial, sans-serif; color:#4b4d4d; margin:0px; padding:0px;}
#contenedor { border: 1px solid #cfcfcf; width: 863px; margin:0 auto; background-color:#ffffff; }
#cabecera { width: 863px; height:365px;background-image: url(images/bg_top.gif); background-position: top; background-repeat:repeat-x;}
#sidebar_izqda { float: left; width: 226px; padding-bottom: 100px;height:100%; background-image: url(images/bg_sidebar.gif); background-position: top left; background-repeat:no-repeat;}
#contenido {background-image: url(images/linea_vertical_1.jpg);background-position:0px; background-repeat:repeat-y;text-align: left; float:left; width: 580px; /*height:100%;*/ padding-left:31px; margin-top:20px; margin-bottom:20px;}
#pie { background-image: url(images/bg_footer.gif); background-repeat:repeat-x; height:126px; color:#f52222;clear: both;}

/*
------------------------------------------------------------------------
 MENU y SUBMENU
------------------------------------------------------------------------
  */

#menu {margin-left:16px;margin-top:31px;width: 186px;font: 13px Helvetica, Arial,sans-serif;}
#menu ul, li {list-style-type: none;}
#menu ul {margin: 0px; padding: 0px;}
#menu li { background-image: url(images/bg_menu.png);border: 1px solid #d8d8d4; }
#menu a {padding-top:7px;padding-left:25px;color: #656161;text-decoration: none;display: block; text-transform:uppercase;height: 19px;}
#menu a:hover {color:#fe800f;}



.divsubmenu, 
.divsubmenu2 {margin:4px 0 4px 0;}
.submenu, 
.submenu2 {
background-image:none !important; 
border:0px !important; 
height:15px !important; 
display:block; 
font-size:11px !important; 
font-family:Arial,sans-serif !important; 
width:180px;
padding: 0 0 0 0;
margin: 0 0 0 0;}
.submenu b, 
.submenu2 b {color: #117f98; font-weight: bold;}

#menupromo {float:left; background-color: #000; margin:0px 0px 20px 0px; height:20px; width:100%;} 
#menupromo { float:left;font:12px Helvetica, Arial, sans-serif;text-transform: uppercase;padding-left:10px; padding-top:5px;background-color: #000; margin:0px 0px 20px 0px; height:20px; width:558px;text-decoration: none;color: #fea04c;display: block;
}
#menupromo ul, li {list-style-type: none;}
#menupromo ul { margin: 0; padding: 0;}
#menupromo li { float: left; padding:3px; margin-right:4px;}
#menupromo a#primero {color: #ffffff;}
#menupromo a {text-decoration:none;color:#fea04c;}
#menupromo a:hover {text-decoration:none;color:#fff;}



/* 
------------------------------------------------------------------------
HEADER 
------------------------------------------------------------------------
*/

#logo {float:left;height:130px;}
#idiomas {float:right; margin-top:95px; margin-right:37px;}
#flash {float:left;border-bottom: 5px solid #d2ad20; }

/* 
------------------------------------------------------------------------
CONTENIDO 
------------------------------------------------------------------------
*/ 

#ofertas_portada {float:left;width:336px; height:100%;margin-bottom:25px;}
#ofertas_portada h2 {float:left;width:336px; font:12px helvetica,Arial, sans-serif; font-weight:bold; color:#000;}
#ofertas_portada p {width:310px; margin:18px 0px 8px 0px; font:11px Arial, sans-serif; color:#4b4d4d; line-height:18px; text-align:justify; }
#noticias_portada{background-image: url(images/linea_vertical_1.jpg);background-position:0px; background-repeat:repeat-y; float:left;width:221px;padding-left:16px;}
#noticias_portada p {padding:0px; background: none; width:200px; margin:8px 0px 8px 0px; font:11px Arial, sans-serif; color:#4b4d4d; line-height:15px; text-align:justify; }
#tiempo{float:left; border: 1px solid #cfcfcf; padding:5px 0px 8px 10px; width:205px; margin-bottom:22px;}
.img_left {float:left; display:block; margin-right:19px;}
.img_promociones {float:left; display:block; margin-right:19px; }
.img_gallery {float:left; display:block; margin:0px 10px 20px 10px; }
.escuderor {float:left; padding:0px;font:11px Arial, sans-serif; color:#4b4d4d; line-height:18px; width:400px; text-align:justify; margin:0px 0px 27px 10px;}
.promociones {float:left; padding:0px;font:11px Arial, sans-serif; color:#4b4d4d; line-height:18px; width:400px; text-align:justify; margin:0px 0px 17px 0px;}
.promo_detalle {float:left; padding:0px;font:11px Arial, sans-serif; color:#4b4d4d; line-height:18px; width:558px; text-align:justify; margin:20px 0px 17px 0px;}
#contactar{float:left; padding-top:0px; margin:0px 0px 40px 15px;width:220px; font:11px Arial, sans-serif; color:#4b4d4d; line-height:1.4em;}
#mapa{float:left; margin:0px; padding:0px;}

/* 
------------------------------------------------------------------------
SEPARADORES y CLASES
------------------------------------------------------------------------
*/


#linea_vertical{float:left; margin-top:30px; margin-bottom:30px; padding:0px; width:1px; background-color:#cfcfcf;}
#linea_separadora{float:left; margin-bottom:30px;padding:0px; width:570px; height:1px; background-color:#cfcfcf;}
#linea_titulo{ background-image:url(images/titulor.png); background-repeat: repeat-x;float:left; padding:0px; margin:6px 0px 19px 0px;}
.verpromocion{float:left;font:12px Arial, sans-serif; font-weight:bold; color:#000; margin-bottom:15px;}
.verpromocion:first-letter{color: red;}
.linea_noticias{float:left; margin-top:10px; margin-bottom:12px;padding:0px; width:200px; border-bottom: 1px dotted #cfcfcf;}



/* 
------------------------------------------------------------------------
PORTADA
------------------------------------------------------------------------
*/

.portada{
  margin:0px;
}

.portada h1 {
  background-image:url(images/titulor.png); 
  background-repeat: repeat-x;
  background-position:bottom; 
  width: 100%;
  height: 30px;
  padding:0px; 
  margin:6px 0px 19px 0px;
}

.portada p {
  margin:8px 0px 8px 0px; 
  font-size:.8em; 
  color:#4b4d4d; 
  line-height:15px; 
  text-align:justify; 
}


.portada .item {
  margin-bottom:25px;
}

#portada_header   {width: 100%; border-bottom:1px solid silver; padding-bottom:25px; }
#portada_ofertas  {width: 61%;  float:left;  margin-top:20px; border-right:1px solid silver;}
#portada_tiempo   {width: 32%;  float:right; margin-top:20px; margin-bottom:25px;  }
#portada_noticias {width: 32%;  float:right; }

#portada_header img { float: left; margin-right:19px;}

#portada_ofertas h1,
#portada_ofertas .item {width:313px;}
#portada_ofertas img { margin: 3px 0 4px 0;}

#portada_noticias .item {border-bottom:1px dotted silver;}
#portada_noticias img { margin: 3px 0 4px 0;}

.vermas{text-align:left; /*font:12px Arial, sans-serif; font-weight:bold; */color:#fe8e29; margin-bottom:20px;}


/* 
------------------------------------------------------------------------
PAGINADOR
------------------------------------------------------------------------
*/

.paginador  {
}


/* 
------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------
 */


#pie p {float:left; position:relative; background-image: url(images/cuadro_footer.png); background-position: 0px 5px;background-repeat:no-repeat; height:100px; width:350px; top:24px; left:26px; padding-left:20px; font: 11px Arial, sans-serif; color:#555757; line-height:18px;}
#logos_pie{float:left; clear:right; margin-left:20px; margin-top:34px; width:450px;}
#logos_pie img{vertical-align:top; margin-left:29px;}

.eform{float:left;}
