@charset "utf-8";

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: lighter;
    font-style: lighter;

}
/*Internas*/

/* HELPERS */
.mt-10{ margin-top:10px !important; }

/*Bootstrap Hacks*/
.form-control{ margin:0 0 10px 0 ; border:none !important; height:50px !important; padding:10px 20px !important; color:#4c4c4c !important; border-radius:0 !important; font-size:16px !important;}

.modal-dialog{ width:467px !important; margin:30px auto !important;}
.modal-content{ margin:100px 0 0 !important; border-radius:0 !important;}
#cupon-des .modal-content .close{ 
	position:absolute !important; 
	top:20px !important; 
	right:20px !important; 
	border:2px solid #fff !important; 
	padding:0 10px !important; 
	width:37px !important; 
	height:37px !important;
	opacity:1 !important;
}
#cupon-form .modal-content .close{ 
	position:absolute !important; 
	top:20px !important; 
	right:20px !important; 
	opacity:1 !important;
}
.modal-content .close span{ color:#fff !important; text-shadow:none; font-size:25px;}
.modal-content .close:hover, .modal-content .close:focus{ opacity:1 !important;}
.modal-body{ padding:0 15px !important;}
.modal-body .comparti{ margin:0 0 20px 0; color:#454545; font-size:14px;}
.modal-body .redes{ float:none !important;}
.modal-content.form-cupon{ padding:30px 0 0!important; background:#5ba5da; text-align:center;}
.modal-content.form-cupon h1{ margin:100px 0 30px !important; font-size:44px !important; color:#fff !important}
.modal-content.form-cupon h4{ margin:0 0 20px !important; font-size:25px !important; color:#fff !important; font-weight:normal !important; text-shadow:none !important;}
.modal-content.form-cupon h5{ text-decoration:none !important; margin-bottom:30px !important; font-size:16px !important; color:#fff !important; font-weight:normal !important; text-shadow:none !important; line-height:25px;}
.modal-content.form{ background:#5ba5da; padding:45px 45px 32px; text-align:center; font-family:'open_sanslight'}

/* --- panel filtro --- */

.panel{ box-shadow:none !important;}

.panel-body{ border-top:2px solid #004d8c; border:2px solid #9c9c9c; border-bottom:0 !important; padding:0 !important;}
.panel-body a,
.panel-body a.list-group-item,
.panel-body label.list-group-item{ 
	position: relative;
	padding-left:25px !important; 
	float:left; 
	padding:15px !important; 
	color:#454545; 
	width:100%;
}
.panel-body a:hover,
.panel-body a.list-group-item:hover,
.panel-body label.list-group-item:hover{ 
	background:#e3eef6 !important; 
	color:#004d8c !important; 
	text-decoration:none;
}
.filtered{ background-color: #004D8C!important; color: #fff !important;  border-color: #004D8C !important; }
.filtered a.list-group-item{ color: #fff !important; }
.filtered a.list-group-item:hover,
.filtered a.selected { background:#e3eef6 !important; color:#004d8c !important; text-decoration:none; }
.filtered a.selected:hover,
.filtered a.selected:active,
.filtered a.selected:visited{ background:#e3eef6 !important; color:#004d8c !important; text-decoration:none; }
.panel-default{ border:none !important;}

.panel-group{ border-bottom:2px solid #9c9c9c}
.panel-group .panel{ border-radius:0 !important;}
.panel-group .panel+.panel{ margin:0 !important;}

.panel-heading{ border-radius:0 !important;}
.panel-heading.collapsed{ border:2px solid #9e9e9e !important; border-bottom:0 !important; border-radius:0 !important; background:#fff !important; color:#4a4a4a !important; font-size:18px !important;}
.panel-heading{ border:2px solid #004d8c !important; background:#004d8c !important; color:#fff !important; font-size:18px !important;}

.panel-heading .glyphicon{ margin:2px 0 0; font-size:14px;}

/* --- panel filtro --- */

#productos{ position: relative; }

.navegation{ display: block; text-align: right; padding:10px 15px 0px 10px; border-top: 1px solid #ddd; margin-top: 10px; }
.navegation a.btn:hover{ background:#004d8c !important; color:#fff !important; border-color:#004d8c !important;}

/* ---> Preloading */
#preloader {
	display: none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#p_preloader {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
    opacity: 0;
}

#status,.status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}
/* ---> Preloading */

/*Servicios*/
#servicios{ margin:0 0 45px 0; float:left; padding:0 0 20px 0; background:#fff;}
#servicios .encabezado-servicios{ background:url(../img/encabezado-servicios.jpg) no-repeat; float:left; width:100%; height:auto; overflow: hidden; }
#servicios .encabezado-servicios h1{ color:#fff !important; font-size:45px !important; margin:0 0 20px 0;}
#servicios .encabezado-servicios p{ color:#fff !important; font-size:16px !important; margin:0 0 20px 0;}
.encabezado-servicios .h_desc{
	display: block;
	max-height: 180px;
	height: 180px;
	overflow: hidden;
}

.menu-acordeon{ max-width:219px; margin:0 25px 0 0;}
.last{ margin:0 !important;}
.menu-prod{ max-width:711px;}
.menu-prod .item{ width:100%; margin:0 0 15px 0; text-align:center;}
.menu-prod .item h2{ padding:0 20px; margin:0 0 0 0 !important; line-height:20px; min-height: 130px; }
.menu-prod .item h2 span{ color:#3a3a3a; font-size:16px; }
.menu-prod .item h2 span.modelo{
	display: block;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
}

.menu-prod .item .boton{ padding:15px; width:80%; background:none !important; margin:0 0 20px !important; border:2px solid #9e9e9e !important; color:#9e9e9e; font-size:16px !important; margin: auto !important; display: block; }
.menu-prod .item .boton:hover{ background:#004d8c !important; color:#fff; border-color:#004d8c !important;}

.search-accordion{ border:2px solid #9e9e9e; border-bottom:none; padding:10px 15px;}
.search-accordion input{ color:#454545; font-size:20px; background:url(../img/magnyfier-input.jpg) no-repeat right center; border:none; padding:10px 15px; width:100%;}

/*Cupones*/
#cupones{ padding:0 0 20px 0; background:#90c6ec;}
#cupones .cupones{ text-align:center; background:#fff; min-height: 475px; max-height:475px; position: relative; margin: 0px 10px 24px 10px; }
#cupones .cupones.last { margin:0;}
.det{ padding:15px !important; background:none; width:180px !important; position: absolute; left: 50%; margin-left: -90px; bottom: 15px; }
.det:hover, .det:hover.listo{ background:#004d8c; border:2px solid #004d8c !important; color:#fff !important;}
.det.listo{ color:#fff !important; border-color:#fff !important;}
.cupones span{ color:#454545 !important; font-size:19px; text-align:center; font-weight:bold; position: absolute; left: 50%; bottom: 100px; margin-left: -90px; width: 180px;   }
#cupones h3{ margin:35px 0; color:#fff !important; font-size:25px !important; text-align:center;}
.cupones h2{ 
	color: #454545 !important;
	font-size: 23px !important;
	text-align: center;
	display: block;
	width: 100%;
	vertical-align: middle;
	height: 80px;
	padding: 10px 15px 0px 15px;
	margin-top: 0px;
}
.cupones h2.cupon{ height: 90px; margin-top: 20px; }
.cupones h5{ margin:0; color:#ff0000; font-size:17px; text-decoration:line-through; font-weight:bold; text-align:center;}
.cupones h4{ margin:0 !important; color:#004d8c; font-size:25px !important; text-align:center;}
.validez-cupon{ position:absolute; top:230px; width:100%; color:#fff; font-size:15px; text-align:center;}

.custom-modal .modal-body{ min-height: 300px; }
.custom-modal .modal-body h2{ text-align: center; }
.custom-modal .modal-body span{ display:block;	text-align: center; }
.custom-modal .modal-body .det{ bottom: 100px; }
.custom-modal .modal-body .social-links{ position: absolute; display: block; text-align: center; bottom: 15px; width: 100%; margin: auto; left: 0px; }
.custom-modal .modal-body .comparti{ margin-bottom: 10px; width: 100%; text-align: center; }
.custom-modal .modal-body .social-icon img{	margin: 0px 10px; }
#cupon-form .modal-body{ min-height: 400px; }
.custom-modal .modal-body .loader{ display: block; text-align: center; padding: 20px 0px; }
#btnFrmUsuarioCupon{ position: relative !important; margin: 15px auto 10px auto; left: 0px;	bottom: 10px; }
.error{ display: block !important; }

/*Novedades*/
#novedades{
	padding:60px 0 0;
background: #fff;
background: -moz-linear-gradient(top,  #94c8ed 0%, #ffffff 36%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94c8ed), color-stop(36%,#ffffff));
background: -webkit-linear-gradient(top,  #94c8ed 0%,#ffffff 36%);
background: -o-linear-gradient(top,  #94c8ed 0%,#ffffff 36%);
background: -ms-linear-gradient(top,  #94c8ed 0%,#ffffff 36%);
background: linear-gradient(to bottom,  #94c8ed 0%,#ffffff 36%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c8ed', endColorstr='#ffffff',GradientType=0 );
}

.novedades-not{ padding:30px 15px 0 !important; background:#fff; }
.novedades-not .nlist{ margin-bottom:20px;}
.novedades-not a.not{ text-decoration:none; background:#e1f3ff; padding:30px 15px 31px !important; min-height: 131px !important; }
.novedades-not a.not:hover{ background:#afdcfc;}
.novedades-not .im-not { background-color: #004C8F; } 
.novedades-not .im-not img{height: 130px; display: block; margin:auto; }
.novedades-not span{ color:#707070; font-size:14px;}
.novedades-not h3{ color:#707070 !important; font-size:26px !important; margin:0 !important;}

.socialmedia-nov{ margin:0 auto; width:140px; height:auto; border:2px solid #004d8c; text-align:center;}
.socialmedia-nov .comparte{ color:#004d8c; border-bottom:2px solid #004d8c; padding:10px 20px;}
.socialmedia-nov .iconos-s{ padding:10px 0;}
.socialmedia-nov .iconos-s a{ display: block !important; margin: auto !important; float: none !important; margin-bottom: 15px !important; margin-top: 15px !important;}
.socialmedia-nov .iconos-s img{ margin:0 auto 40px; display:block;}



/* Contacto */
.contactenos{ background:url("../img/bgmap.jpg") no-repeat; padding:80px 0 60px !important; background-size:cover;}
.contactenos .direcciones{ background:#004d8c; padding:45px !important; text-align:center; font-family:'open_sanslight';min-height: 800px; height: 800px;}
.contactenos img{ margin:30px 0;}
.contactenos h1{ margin:0 0 15px !important; color:#fff !important; font-size:35px !important; font-weight:normal !important}
.contactenos h2{ margin:0 !important; color:#fff !important; font-size:28px !important; font-weight:normal !important}
.contactenos h3{ margin:0 0 30px !important; font-size:25px !important; color:#94c8ed !important; font-weight:normal !important}
.contactenos h4{ margin:0 0 15px !important; font-size:17px !important; color:#fff !important; font-weight:normal !important}
.contactenos h5{ margin:25px 0 0 !important; font-size:17px !important; color:#fff !important; font-weight:normal !important; line-height:25px;}
.contactenos .boton{ padding:15px; width:100%; background:none !important; border:2px solid #fff !important; color:#fff; font-size:16px !important;}
.contactenos .boton:hover{ background:#fff !important; color:#004d8c;}
.contactenos .form{ background:#5ba5da; padding:45px 45px 32px; text-align:center; font-family:'open_sanslight'; min-height: 800px; height: 800px;}
.contactenos .form h2{ margin:0 0 30px !important; font-size:26px !important;}
.contactenos .form h4{ margin:0 0 30px; font-size:20px !important; line-height:26px;}
.contactenos .form .boton{ width:40%;}
.contactenos .gracias{ background:#a3bd31; padding:140px 100px 174px !important; text-align:center; font-family:'open_sanslight'; font-size:22px; color:#fff;}
.contactenos .gracias .muchas{ margin:0 0 50px 0; border:2px solid #fff; padding:20px 50px; color:#fff; text-align:center; font-size:50px;}
.contactenos h5.extranjero{ margin-top: 65px !important; }

/*Tecnología*/
/* --- TECNOLOGÍA --- */
.inner-title{
	font-family:'open_sans';
	background: #333333 url('../img/top-bar-tecnologia.jpg') no-repeat left top !important;
	background-size: 100% 220px;
	height: 220px;
	max-height:220px;
	min-height: 220px;
	display: block;
	position: relative;
}
.inner-title .container{
	display: block;
	max-height: 220px;
	height: 220px;
	position: relative;
}
.inner-title .container h1{
	color: #fff !important;
	font-size: 3.5em !important;
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -25px !important;
}
.inner-title .container img{
	height: 220px;
	position: absolute;
	right: 0px;
	right:0px;
}
.box-tec{
	min-height: 750px;
	height: 750px;
}
.box-tec h2{
	font-family: 'open_sanslight';
	color: #3a3a3a;
	font-size: 2em;
	margin: 50px 0px 20px 0px;
	display: block;
	text-align: center;
}
.box-tec .tec-ver-productos{
	border: 2px solid #9e9e9e;
	color: #707070;
	display: block;
	text-align: center;
	padding: 10px 0px;
	margin: 10px auto 30px auto;
	width: 200px;
	text-decoration: none;
}
.box-tec .tec-ver-productos:hover{
	background-color: #004d8c;
	border-color: #004d8c;
	color: #fff;
}
.box-tec .img-tec{
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	overflow: hidden;
	margin: auto;
}

#cupon-gracias .listo{
	display: block;
	position: relative;
	margin-bottom: 10px !important;
	margin-top: 0px !important;
}
#cupon-gracias .mdl-content{
	padding-bottom: 50px;
	padding-top: 30px;
}

/* --- HELPERS --- */
.pd-20{ padding: 20px !important; }
.hide{ display: none !important; }

/* --- DETALLES --- */
#detalles-producto{
	padding: 20px 0px 20px 0px;
	background: #fff url('../img/fnd-detalle-producto.png') repeat-x left top;
}
#detalles-producto a.boton{ 
	padding:15px; 
	width:auto; 
	background:none !important; 
	margin:0 0 20px !important; 
	border:2px solid #9e9e9e !important; 
	color:#9e9e9e; 
	font-size:16px !important; 
	margin: auto !important; 
	display: block; 
}
#detalles-producto .icono-marca img{
	width: 80px;
}
.bg-white{
	background-color: #fff !important;
}

.descripcion-producto {
	margin: 15px 0px;
}
.precio-producto{
	font-size: 3em;
	margin-bottom: 10px;
}
/* --- SOCIAL STUFF --- */
.social-links{
	padding-top: 10px;
	text-align: right;
}
.social-links div{
	display: inline-block;
	padding: 7px 0px 7px 0px;
	color: #707070;
	vertical-align: middle;
}
a.btn-social{
	width: 24px;
	height: 23px;
	display: inline-block;
	margin-left: 10px;
	margin-top: 0px;
}
a.btn-social:hover{
	background-position: top;
}
a.btn-facebook{ background: #fff url('../img/btn-facebook.png') no-repeat left bottom; }
a.btn-twitter{ background: #fff url('../img/btn-twitter.png') no-repeat left bottom; }
a.btn-instagram{ background: #fff url('../img/btn-instagram.png') no-repeat left bottom; }

/* --- GALERIA PRODUCTO --- */
#wrapper {
	position: relative;
	width: 100%;
	left: 0px;
	top: 0px;
}
#carousel-wrapper {
	position: relative;
}
#carousel, #thumbs {
	overflow: hidden;
}
#carousel-wrapper .caroufredsel_wrapper {
	border: 1px solid #899;
}
 
#carousel span, #carousel img,
#thumbs a, #thumbs img  {
	display: block;
	float: left;
}
#carousel span, #carousel a,
#thumbs span, #thumbs a {
	position: relative;
}
#carousel img {
	border: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#thumbs img {
	border: none;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 0;
}
#carousel img.glare,
#thumbs img.glare {
	width: 102%;
	height: auto;
}
 
#carousel span {
	width: 554px;
	height: 313px;
}
 
#thumbs-wrapper {
	padding: 0px 0px;
	position: relative;
	border: 1px solid #899;
	border-top: none;
}
#thumbs a {
	border-left: 1px solid #899;
	width: 150px;
	height: 100px;
	margin: 0px;
	overflow: hidden;
	-webkit-transition: border-color .5s;
	-moz-transition: border-color .5s;
	-ms-transition: border-color .5s;
	transition: border-color .5s;
}
#thumbs a:hover, #thumbs a.selected {
	border-color: #566;
}
  
#prev, #next {
	background: transparent url('../img/carousel_nav.png') no-repeat 0 0;
	display: block;
	width: 32px;
	height: 33px;
	margin-top: -17px;
	position: absolute;
	top: 50%;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}
#prev {
	background-position: 0 0;
	left: -20px;
}
#next {
	background-position: -32px 0;
	right: -20px;
}			
#prev:hover { 
	background-position: 0 -33px;				
}
#next:hover {
	background-position: -32px -33px;				
}
#prev.disabled, #next.disabled {
	display: none !important;
}
.link-telefono img{
	border:none;
}


@media (max-width:1199px){
	
	/*Tecnología*/
	.inner-title .container h1{ font-size: 2.5em !important; margin-top: -15px !important; }
	
	/*Cupones*/
	
	/*Servicios*/
	.menu-prod{ max-width:696px;}
	/*.menu-prod .item{ max-width:215px; margin:0 25px 0 0; text-align:center;}*/
	
	/*Contactenos*/
	.contactenos .form{ padding-bottom: 50px !important;}
	.contactenos .gracias{ background:#a3bd31; padding:140px 100px 161px !important;}
}
	
@media (max-width:991px){
	/*Cupones*/
	.cupones h2{ font-size:20px !important;}
	
	/*Servicios*/
	.menu-prod{ max-width:515px;}
	/*.menu-prod .item{ max-width:165px; margin:0 10px 0 0; text-align:center;}*/
	
	/*Contactenos*/
	.contactenos .form .boton, .contactenos .boton{ width:50% !important;}
}

@media (max-width:767px){
	#cupones .last { margin:0px 8px 24px 8px !important; }
	/*Tecnología*/
	.inner-title .container h1{ font-size: 1.8em !important; margin-top: -10px; }

	/*Servicios*/
	.menu-prod{ max-width:100%;}
	/*.menu-prod .item{ max-width:100% !important; margin:0; text-align:center;}*/
		
	/*Contactenos*/
	.contactenos img{ width:100%}
	.contactenos .form .boton, .contactenos .boton{ width:100% !important;}
	.contactenos .gracias .muchas{ padding:20px 35px; font-size:30px !important;}
	#cupones .col-xs-12{ width: 50% !important; }
}

@media (max-width:768px){
	/*Cupones*/
	#cupones .cupones h2{
		height: auto !important;
		display: block;
		padding: 15px 15px !important;
	}
	
	/*Servicios*/
	#servicios .encabezado-servicios h1{ font-size:35px !important;}
	#servicios .encabezado-servicios p{ font-size:14px !important;}
	
	.menu-prod{ max-width:100%;}
	/*.menu-prod .item{ margin:0 0 20px 0;}*/
	.menu-acordeon{ max-width:100% !important; margin:0;}
	#cupones .col-xs-12{ width: 50% !important; }
}

@media (max-width:640px){
	/*Cupones*/
	#cupones .last { margin:0px 8px 24px 8px !important; }
	#cupones h2{
		display: block;
		width: 100%;
	}
	/*Tecnología*/
	.inner-title .container h1{ font-size: 2.5em !important; margin-top: -15px; }
	.inner-title .container img{ display: none;	}
	/*Bootstrap hacks*/
	.modal-dialog{ width:auto !important; margin:10px !important;}
	.validez-cupon{ top: 310px;	}
	#cupones .col-xs-12{ width: 50% !important; }
}
	
@media (max-width:480px){
	/*Cupones*/
	#cupones .cupones h2{
		height: auto !important;
		display: block;
		padding: 15px 15px !important;
	}
	#cupones .cupones {
		max-width: 100% !important;
		margin:0px 0px 24px 0px !important ;
	}
	#cupones .last {
		margin:0px 8px 24px 8px !important;
	}
	#cupones .oferta{
		min-height: 550px;
	}
	/*Tecnología*/
	.inner-title .container h1{ font-size: 2.5em !important; margin-top: -15px;  }
	.inner-title .container img{ display: none;	}
	/*Bootstrap hacks*/
	.modal-dialog{ width:auto !important; margin:10px !important;}
	.cupones h2{ display: block; width: 100%; }
	#cupones .col-xs-12{ width: 100% !important; }
}

@media (max-width:320px){
	/*Bootstrap hacks*/
	.modal-dialog{ width:auto !important; margin:10px !important;}
	
	/*Cupones*/
	.validez-cupon{top:120px !important;}
	.cupones h2{ display: block; width: 100%; }
	/*Contactenos*/
	.contactenos .gracias{ padding:140px 30px 174px !important;}
	.contactenos .gracias .muchas{ padding:20px 25px !important; font-size:30px !important;}
	#cupones .col-xs-12{ width: 100% !important; }
}