@import "../../_css_/jux_reset.css";
@import "../../_css_/jux_common.css";
@import "forms.css";
@import "paginator.css";
@import "news.css";
@import "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 ; 
 font-size:.9em; 
 color:#4b4d4d; 
 line-height:15px; 

 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:28px; margin-top:20px; margin-bottom:20px;}
#pie {background-image: url(images/bg_footer.gif); background-repeat:repeat-x; height:126px; color:#f52222; clear:both;}
a { text-decoration:none; color:#fea04c;}
a:hover {text-decoration:none; color:#666;}

div #layerChat{
background-color:#efefef;
display:block;
width:184px;
margin:16px 0 0 16px;
border: 1px solid #cfcfcf;}

div #layerChat .box_title{
background-image: url(images/bg_menu.png);
border: 1px solid #d8d8d4;
height:22px;
padding-top:7px 0 0 25px;
color: #656161; 
background-color:#efefef;	
text-transform:uppercase;}

div #layerChat table{
border: 0px solid #d8d8d4;
background-color:#efefef;	
width:184px;margin:0px;padding:0px;
}

div #layerChat .chatbox{
background-color:#efefef;	
}
div #layerChat table,
div #layerChat table tr,
div #layerChat table tr td,
#chatText{margin:0px;padding:2px;width:182px;font-size:10px;}
#messages{font-size:10px;}

/*
------------------------------------------------------------------------
 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;background-color: #fff;width:auto;}
.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:auto;
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 
------------------------------------------------------------------------
*/
#cabecera #wraph  {float:right;margin:0 25px 0 0; border:0px solid orange;text-align: right;}
#cabecera #wraph #link_login{margin:5px 0 0 0;}
#cabecera #wraph #idiomas   {text-align:right;margin:70px 0 0 0;}
#cabecera #logo {float:left;height:130px;}
#cabecera #flash {float:left;border-bottom: 5px solid #d2ad20; }


/* 
------------------------------------------------------------------------
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;}
/*
.list_item{height:190px;width:150px;padding:0px;}
.list_item_div_title  {display:none;}
.list_item_div_image  {height:120px;width:150px;}
.list_item_div_footer {float:right;}
*/
#nyroModalTitle,
#nyroModalContent div {display:none;}

.flag_lang_active    {/*border-bottom: 2px solid orange;*/}
.flag_lang_inactive  {/*border-bottom: 2px solid #E6E6E6;*/filter: alpha(opacity=40);-moz-opacity: 0.4;	opacity: 0.4;}


/*
.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;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;border-bottom:1px dotted silver;}
#portada_ofertas .item .box_title {font-size:1.3em;font-weight: normal; color:#000; margin-bottom: 10px;}
#portada_ofertas img { margin: 3px 0 4px 0; float:left; margin-right:10px;}

#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;}


/* 
------------------------------------------------------------------------
LIST 
------------------------------------------------------------------------
*/

.mod_list_item{
  margin:0px 0 30px 0px;
  width: 100%; border-bottom:1px solid silver; padding:0 0 20px 0px; 
}

.mod_list_item 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;
}

.mod_list_item p {
  margin:8px 0px 8px 0px; 
  /*font-size:.8em;*/ 
  color:#4b4d4d; 
  line-height:15px; 
  text-align:justify; 
}


.mod_list_item img { float: left; margin-right:15px;}

.mod_list_footer {text-align:right; color:#fe8e29; margin-bottom:0px; clear:both;}

.mod_list_footer a {float:right; color:#fe8e29;text-decoration:none; padding: 0 0 0 5px;}


/* 
------------------------------------------------------------------------
DETAIL 
------------------------------------------------------------------------
*/


.mod_detail_title 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;
}

.mod_detail_content{margin-top:20px;}

.mod_detail_footer{text-align:right;height:16px;border: 0px solid green;line-height:16px;color: #626262;clear:both;border-bottom: 1px solid #ccc;}
.mod_detail_footer span {font-size : 11px; color: #454a58; margin: 0px 0px 0px 0px;padding:0px }
.mod_detail_footer span img {height:10px;}
.mod_detail_footer a{text-align:right;font-size : 11px; color: #3E45BA; font-weight:bolder;margin: 0px 0px 0px 15px;}


/* 
------------------------------------------------------------------------
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;}



/* 
------------------------------------------------------------------------
TABS
------------------------------------------------------------------------
 */
/*
.ui-tabs { padding: .2em; zoom: 1; background-color:white; border:0px; }
.ui-widget-header { border: 0px solid #ffffff; background: #e1d9ab; color: #ffffff; }
.ui-tabs .ui-widget,
.ui-tabs .ui-tabs-panel { padding:0px;font-weight: normal;font-size: 1em; color:gray;padding-top:10px;}
*/
#tabs {margin:0px; padding:0px;font-family:Arial,Helvetica,sans-serif !important;  font-size:1em;}
div.blacktab{background:black;clear:both;margin: 0 0 4px 0;width:572px;height:22px;padding: 8px 2px 0px 6px;}
div.blacktab a{padding: 0 2px 0 2px;/*font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;*/cursor: pointer; text-decoration:none; text-transform: uppercase;font-weight: normal;color: orange;font-size: 1.1em;}
div.blacktab a:active,
div.blacktab a:focus{color:white;}



/*
	CSS Watermark Effect on Images v 1.0
	created by: Martin Ivanov
	website: http://www.acidmartin.com or http://acidmartin.wemakesites.net/
	email: acid_martin@yahoo.com
*/

div.mod_list_item
{
	/*
	background: #fefefe;
	border: solid 1px black;
	float: left;
	*/
	position: relative;
	-moz-user-select: none;
}

.watermark{	position: absolute;cursor:default;color:#666;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:.3;-moz-opacity:.3;font-size:6em;color:#666;font-family:Georgia;font-weight:bold;	padding:70px 0 0 160px;}
.topleft .watermark{	/* default */}
.topright .watermark{	right: 0;}
.bottomleft .watermark{	bottom: 0;}
.bottomright .watermark{	right: 0;	bottom: 0;}

.news_date,
.image_avatar{display:none;}


form.calculadora {
background-color:#eeecec;
margin-bottom:25px;
padding:20px;
width:490px;
}
.campo_form {
margin-bottom:8px;
}
.form_etiqueta {
float:left;
margin-right:20px;
text-align:right;
width:200px;
}
.form_campo {
width:150px;
}
.boton_submit {
margin-bottom:15px;
margin-top:15px;
text-align:right;
width:355px;
}
.boton_submit a {
background:none repeat scroll 0 0 #F98607;
border:2px outset #FFFFFF;
color:#FFFFFF;
font-size:10px;
margin-right:15px;
padding:4px 8px;
}
input.form-boton {
background:none repeat scroll 0 0 #F98607;
border:2px outset #FFFFFF;
color:#FFFFFF;
font-size:10px;
margin-right:15px;
padding:2px 4px;
}
#errores {
color:#000;
margin-bottom:5px;
}
#content ul.errores li {
color:#000;
padding-top:2px;
}


#ajax_loader_ofertas_ {border:0px;}