@import 'reset.css';

body {
	background: #518bbc url(../images/bg.jpg) top center repeat-x;
	font-family:  sans-serif;
}

#content {
	width: 100%;
	max-width: 1091px;
	max-width: 1185px;
	min-width: 1000px;
	margin: 0 auto 0;
	position: relative;
}

#header {
	width: 100%;
	height: 218px;
	background: url(../images/header.png) no-repeat top center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

#header_cnt {
	width: 1000px;
	margin: 0 auto 0;
	position: relative;
}

#logo {
	position: absolute;
	left: -8px;
	top: 0;
}

#nav {
	position: absolute;
	left: 240px;
	top: 29px;
}

#nav ul li {
	background: url(../images/nav_top_n.png) top center no-repeat;
	width: 85px;
	float: left;
}

#nav ul li a.on {
	background: url(../images/nav_on_n.png) top center no-repeat;
}
/*
#nav ul li a:hover {
	background: url(../images/nav_hover.png) top center no-repeat;
}
*/

#nav ul li a {
	background: url(../images/nav_hover_n.png) 0 -100px no-repeat;
}

#nav ul li a {
	width: 85px;
	height: 51px;
	float: left;
}

#nav ul li a img {
	margin: 18px 0 0 15px;
	margin: 18px 0 0;
}

#factura {
	position: absolute;
	left: 630px;
	top: 1px;
	z-index: 20
}


#promo {
    left: 760px;
    position: absolute;
    top: 1px;
    z-index: 20;
}

.row {
	float: left;
	width: 100%;
}

#box_base {
	width: 964px;
	height: 489px;
	background: url(../images/bg_base.png);
	margin: 105px auto 0;
	position: relative;
	z-index: 11;
}

#box_base.home {
	z-index: 9;
	background: url(../images/bg_base_home.png);
}

#footer {
	width: 100%;
	background: url(../images/footer.png) top center no-repeat;
}

#footer_cnt {
	width: 963px;
	height: 100px;
	margin: 0 auto 0;
	position: relative;
}

#gema {
	background: url(../images/gema.png);
	width: 61px;
	height: 21px;
	display: block;
	position: absolute;
	right: 31px;
	bottom: 15px;
}

#tarjetas {
	float: left;
	margin: 14px 0 0 24px;
}

#redes {
	float: right;
	margin: 14px 24px 0 0;
	width: 128px;
	height: 47px;
	background: url(../images/redes.png);
}

#redes a {
	float: left;
	width: 31px;
	height: 31px;
	display: block;
}

#redes a.r_fb {
	float: left;
	margin: 0 0 0 5px;
}

#redes a.r_tw {
	float: right;
	margin: 0 5px 0 0;
}

#footer_text {
	float: left;
	width: 100%;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	line-height: 14px;
	padding: 0 0 20px;
}

#footer_text a {
	color: #FFF;
}

#footer_text a:hover {
	text-decoration: underline;
}

#ban1 {
	width: 914px;
	height: 226px;
	float: left;
	margin: 0 0 0 18px;
	position: relative;
	/*background: url(../images/ban1.png);*/
}

#ban1 .slider {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

#s1 {
	bottom: 2px;
	height: 232px;
	left: 1px;
	position: absolute;
	width: 542px;
	z-index: 1;
}

#ban2 {
	width: 314px;
	height: 241px;
	background: url(../images/ban2.png) no-repeat left top;
	float: left;
	margin: 14px 0 0 22px;
}

#ban3 {
	width: 313px;
	height: 242px;
	background: url(../images/ban3.png) no-repeat top;
	float: left;
	margin: 14px 0 0 25px;
	position: relative;
}

#ban4 {
	width: 237px;
	height: 243px;
	float: left;
	margin: 14px 0 0 20px;
	position: relative;
}

.ban_ofer {
	width: 228px;
	height: 179px;
	float: right;
	background: url(../images/ban_ofertas.png);
}

body.ch .ban_ofer {
	background: url(../images/ban_ofertas_ch.png);
}

.btn_video {
	background: url(../images/video_off.png);
	width: 91px;
	height: 70px;
	position: absolute;
	left: -20px;
	top: -5px;
}

a.btn_video:hover {
	background: url(../images/video_on.png);
}

.logos {
	background: url(../images/bg_logos.png);
	width: 187px;
	height: 55px;
	position: absolute;
	left: 30px;
	bottom: 3px;
}

.slideshow {
	float: left;
	margin: 9px 0 0 60px;
}

.link_ban1 {
	width: 120px;
	height: 24px;
	display: block;
	position: absolute;
	left: 701px;
	top: 162px;	
	z-index: 4;
}

#col_l1 {
	width: 200px;
	float: left;
	margin: 97px 0 0 31px;
}

#search {
	padding: 0 0 0 17px;
}

#search p {
	font-size: 10px;
	color: #FFF;
	text-shadow: 1px 1px 0 #000;
	padding: 9px 0 0 1px;
}

#search form {
	background: url(../images/search.png);
	width: 156px;
	height: 25px;
}

.inp_search {
	width: 118px;
	float: left;
	margin: 0 0 0 13px;
	background: transparent;
	height: 25px;
	border: 0;
	padding: 0;
	color: #aaa;
	font-size: 9px;
	font-family: arial;
}

.search_btn {
	float: right;
	height: 25px;
	width: 25px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

#list1 {
	margin: 55px 0 0;
	width: 200px;
	min-height: 149px;
	background: url(../images/bg_list.png) top left no-repeat;
}

#list1.sm {
	margin: 10px 0 0;
}

#list1 ul {
	padding: 5px 0 0 10px;
}

#list1 ul li {
}

#list1 ul li a {
	color: #FFF;
	font-size: 10px;
	font-family: Verdana;
}

#list1 ul li a:hover {
	text-decoration: underline;
}

#col_r1 {
	float: right;
	width: 661px;
	margin: 57px 24px 0 0;
}

.table_list {
	width: 618px;
	float: left;
}

.table_header {
	float: left;
	width: 100%;
	height: 84px;
	background: url(../images/header_int.png) center top;
	position: relative;
}

.table_header h1 {
	color: #FFF;
	font-size: 20px;
	font-weight: normal;
	float: left;
	margin: 43px 0 0 20px;
}

#box_header h1 {
	color: #FFF;
	font-size: 20px;
	font-weight: normal;
	float: left;
	margin: 30px 0 0 20px;
}

.table_header_img {
	position: absolute;
	right: 35px;
	bottom: 5px;
}

.table_body {
	float: left;
	width: 618px;
	height: 341px;
	background: url(../images/list1.png);
}

.table_body table {
	width: 596px;
	font-family: Verdana;
	border-top: 1px solid #e2a9b2;
	margin: 0 0 0 12px;
}

.table_body table tr {
}

.table_body table tr td.c {
	border-left: 1px solid #c5c8ce;
}

.table_body table tr td.l {
	border-right: 1px solid #c5c8ce;
}

.table_body table tr td {
	padding: 0 10px;
	color: #646464;
	font-size: 10px;
	border-bottom: 1px solid #e2a9b2;
	height: 20px;
	vertical-align: middle;
}

.table_body table tr td a {
	color: #646464;
}

.table_body table tr.h td {
	background: #dea6af;
	color: #8b4b4b;
}

#col_r1 .scroll {
	float: right;
	margin: 100px 0 0;
}

#box {
	float: left;
	width: 873px;
	margin: 70px 0 0 32px;
}

#box_header {
	float: left;
	width: 100%;
	height: 69px;
	background: url(../images/box_header.png);
}

#box_body {
	float: left;
	width: 100%;
	height: 340px;
	background: url(../images/box_body.png);
}

.itm_nov {
	width: 182px;
	float: left;
	margin: 0 0 30px 32px;
}

.itm_nov.f {
	margin: 0 0 30px;
}

.itms_nov {
	float: left;
	margin: 24px 0 0 26px;
}

.itm_nov p.tit {
	color: #e90000;
	font-size: 15px;
	font-weight: bold;
}

.itm_nov p.subtit {
	color: #464646;
	font-size: 15px;
	padding: 0 0 5px;
}

.itm_nov .desc {
	color: #454545;
	font-size: 12px;
	padding: 10px 0 0;
}

.itm_nov .opt {
	text-align: right;
	padding: 3px 0 0;
}

.amp {
	color: #f60000;
	font-size: 12px;
	font-weight: bold;
}

.scroll_nov {
	float: right;
	margin: 150px 20px 0 0;
}

#box_header .hor {
	font-size: 12px;
	color: #FFF;
	width: 380px;
	float: right;
	margin: 20px 25px 0 0;
}

#box_header .hor.cv {
	margin: 25px 25px 0 0;
}

#map {
	float: right;
	width: 366px;
	margin: 22px 25px 0 0;
}

#form {
	float: left;
	width: 443px;
	margin: 22px 0 0 25px;
}

#form fieldset {
	padding: 0 0 6px;
}

#form.cv fieldset {
	padding: 0 0 15px;
}

#form.cv fieldset a.adj {
	float: right;
	margin: 0 0 5px;
}

#form label {
	color: #464646;
	font-size: 14px; 
	float: left;
	padding: 3px 0 0;
}

body.ch #form label {
	line-height: 17px;
}

.inp1 {
	height: 20px;
	background: url(../images/inp1.png);
	border: 0;
	float: right;
	padding: 0 10px;
}

select#sector { 
	width: 311px;
	height: 20px;
	float: right;
	padding: 0 10px;
}

.inp1.w1 { width: 300px;}
.inp1.w2 { width: 311px;}
.inp1.w3 { width: 357px;}
.inp1.w4 { width: 354px;}
.inp1.w5 { width: 360px;}
.inp1.w6 { width: 380px;}
body.ch .inp1.w6 { width: 352px;}
.inp1.w7 { width: 336px;}
.inp1.w8 { width: 275px;}

#form textarea {
	margin: 5px 0 0;
	width: 433px;
	height: 75px;
	background: url(../images/textarea.png);
	border: 0;
	padding: 5px;
}

#btn_send {
	width: 75px;
	height: 27px;
	background: url(../images/btn1.png);
	border: 0;
	cursor: pointer;
	float: right;
}

body.ch #btn_send {
	background: url(../images/btn1_ch.png);
}

.brillo2 {
	position: absolute;
}

.telefono {
	margin-left: 255px;
	margin-top: 88px;
	position: absolute;
}

.telefonoTxt {
	bottom: 98px;
	position: absolute;
	left: 34px;
}

#ban2 .cv {
	bottom: 3px;
	left: 0;
	position: absolute;
}

.trabajaTxt {
	bottom: 13px;
	left: 36px;
	position: absolute;
	z-index: 100;
}

.trabaja {
	bottom: 0;
	left: 24px;
	position: absolute;
}

.brillo3 {
	position: absolute;
	top: 0;
	left: 0;
}

.conociendo {
	left: 18px;
	position: absolute;
	top: 74px;
}

.historia {
	bottom: 87px;
	left: 18px;
	position: absolute;
}


#envios {
	position: absolute;
	z-index: 1;
	top: 505px;
	width: 307px;
	height: 83px;
	background: url(../images/envios.png);
	overflow: hidden;
	margin: 0 0 0 363px;
}

.mascara {
	bottom: -4px;
	left: -1px;
	position: absolute;
}

.camion {
	position: absolute;
	z-index: 12;
	left: 0px;
	bottom: 3px;
}

.brillo {
	position: absolute;
	z-index: 1001;
	right: -2px;
	bottom: 13px;
}

body.ch .envios {
	left: 10px;
	bottom: 25px;
}

.envios {
	position: absolute;
	z-index: 10;
	left: 25px;
	bottom: 20px;
	opacity: 0;
}

#cen_home {
	width: 964px;
	margin: 0 auto 0;
}

#musica {
	right: 2px;
	top: 6px;
	position: absolute;
}

#idioma {
	position: absolute;
	right: 15px;
	top: 37px;
	z-index: 30
}

.txt_blanco {
	left: 11px;
	position: absolute;
	top: 91px;
	display: none;
}

body.ch .ofer_modal_top_text {
	line-height: 17px;
}

body.ch .txt_blanco {
	left: 15px;
	top: 88px;
}

.modal {
	display: none;
	width: 560px;
}

.modal.max {
	width: 720px;
}

.modal_col_l {
	float: left;
	width: 270px;
	margin: 3px 0 0 3px;
}

.modal_col_l p {
	color: #454545;
	font-size: 12px;
	padding: 0 0 3px;
}

.modal_col_l p.tit {
	color: #e90000;
	font-size: 18px;
	font-weight: bold;
	padding: 0;
}

.modal_col_l p.subtit {
	color: #464646;
	font-size: 18px;
	padding: 0 0 10px;
}

.modal_col_r {
	float: right;
	width: 234px;
}

.modal.max .modal_col_r {
	width: 426px;
}

.inp1.error, #form textarea.error, select#sector.error {
	background: #F8A2A2;
}

#form label.error {
	display: none;
	width: 0;
	height: 0;
}

.send_text {
	font-size: 14px;
	padding: 20px 0 0;
}

.scroll_cnt { width: 596px; clear: both; margin: 17px 0 0; position: relative; }
.scroll_cnt .viewport { width: 596px; height: 270px; overflow: hidden; position: relative; }
.scroll_cnt .overview { list-style: none; position: absolute; left: 0; top: 0; }
.scroll_cnt .thumb .end,
.scroll_cnt .thumb { background-color: #fb3333; }
.scroll_cnt .scrollbar { width: 15px; }
.scroll_cnt .track { background-color: transparent; height: 100%; width:13px; position: relative; padding: 0 1px; }
.scroll_cnt .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0;box-shadow: -1px 0 6px #000; border-radius: 5px; left:3px; }
.scroll_cnt .thumb .end { overflow: hidden; height: 5px; width: 13px; display: none; }
.scroll_cnt .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.itms_nov .scroll_cnt .viewport, .itms_nov .scroll_cnt {
	width: 830px;
}

.itms_nov .scroll_cnt .scrollbar {
	right: -49px;
}

.itms_nov .scroll_cnt {
	margin: 0;
}

.itms_nov .scroll_cnt .viewport {
	height: 280px;
}

.fancybox-wrap.ofertas.fancybox-opened .fancybox-skin {
	box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
}

.fancybox-wrap.ofertas .fancybox-inner {
	overflow: inherit !important;
}

.fancybox-wrap.ofertas .fancybox-skin {
	background: transparent;
}

.ofer_modal_top {
	background: url(../images/ofer_modal_top.png) top;
	width: 876px;
	height: 71px;
	position: relative;
}

.ofer_modal_top img {
	position: absolute;
	top: -40px;
	left: 5px;
}

body.ch .ofer_modal_top img {
	top: -20px;
	left: -25px;
}

.ofer_modal_btm {
	background: url(../images/ofer_modal_btm.png);
	width: 876px;
	height: 69px;
}

.ofer_modal_cen {
	width: 876px;
	background: #FFF;
}

.table_ofer {
	width: 823px;
	margin: 0 0 0 25px;
}

.table_ofer table {
	width: 100%;
}

.table_ofer table td {
	width: 135px;
	border-left: 1px solid #b5b5b5;
	border-top: 1px solid #ffb9b9;
	vertical-align: middle;
	color: #454545;
	font-size: 12px;
	height: 70px;
	padding: 4px 8px;
}

.table_ofer table td.i {
	padding: 5px 0;
	text-align: center;
}

.table_ofer table td.i img {
	margin: 0 0 5px;
}

.table_ofer table td.head {
	padding: 0;
	border-top: 0;
	height: 43px;
	text-align: center;
	color: #e90000;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.table_ofer table td.l {
	border-left: 0;
}

.table_ofer table td.on {
	background: #F8F3F3;
}

#modal_ofertas {
	display: none;
}

.ofer_modal_top_text {
	float: right;
	color: #FFF;
	padding: 15px 40px 0 0;
	text-align: right;
	font-size: 14px;
}

#musica a {
	width: 70px;
	height: 23px;
	line-height: 23px;
	display: block;
	background-image: url(../images/music.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 9px;
	text-indent: 25px;
	text-shadow: 0 1px 0 #000;
}

#musica a.play {
	background-position: top left;
}

#preloader {
	display: none;
}

#preload{
	width: 100%;
	height: 594px;
	background: url(../images/preloader.gif) center no-repeat;
}

.logos img {
	max-height: 43px;
	max-width: 160px;
}


.slideshow {
	float: left;
	margin: 6px 0 0;
	width: 100%;
}

.logo_itm {
	width: 100%;
	text-align: center;
}

.ban_ofer_link {
	display: block;
	width: 178px;
	height: 134px;
	margin: 42px 0 0 5px;
	position: relative;
	z-index: 10;
}

.legales_ofer {
	font-size: 10px;
	color: black;
	text-align: right;
	position: absolute;
	bottom: 13px;
	right: 40px;
}

.scrollbar_cnt {
	width: 15px;
	right: -49px;
	top: -25px;
	position: absolute;
}

.scrol_top {
	background: url(../images/scroll.png) top;
	width: 30px;
	height: 28px;
	float: left;
	position: relative;
	left: -7px;
	margin: 0 0 7px;
}

.scrol_btm {
	background: url(../images/scroll.png) bottom;
	width: 30px;
	height: 28px;
	float: left;
	position: relative;
	left: -7px;
	margin: 4px 0 0;
}

.scrollbar {
	float: left;
}

#en_construnccion {
	color: #FFF;
	text-align: center;
	padding: 150px 0 0;
}

#en_construnccion a {
	color: #FFF;
	font-weight: bold;
}

#scrollbar1 {
	width: 100%; 
	height: 270px;
	overflow: hidden;
}

.table_body, #box_body {
	position: relative;
}

.cont_table_scroll {
	position: absolute;
	left: 0;
	width: 655px;
}

.cont_table_scroll.nov {
	position: absolute;
	left: 26px;
	top: 24px;
	width: 890px;
}

#ban1swf {
	position: absolute;
	right: 0;
	z-index: 3;
}

img.envios {
	background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
}

.logo_itm {
	background: none !important;
}

.decoLeft{background: url("../images/decoracion_left.png") no-repeat; width: 417px;height: 520px;position: absolute; left: -300px;top: 0;z-index: 1000}
.decoRight{background: url("../images/decoracion_right.png") no-repeat; width: 408px;height: 529px;position: absolute; right: -330px;top: 0;z-index: 20}
.decoTop{background: url("../images/decoracion_top.png") no-repeat; width: 100%;height: 76px;position: absolute; left: 50%;margin-left: -485px; top: 0;z-index: 15}