@charset "utf-8";
/* CSS Document */
@font-face { font-family: 'HelveticaNeue-Bold'; src: url('font/HelveticaNeue-Bold.otf'); }
@font-face { font-family: 'HelveticaNeue'; src: url('font/HelveticaNeue.otf'); }
@font-face { font-family: 'HelveticaNeue-Light'; src: url('font/HelveticaNeue-Light.otf'); }
@font-face { font-family: 'DINPro-Medium'; src: url('font/DINPro-Medium.otf'); }
@font-face { font-family: 'dinpro-regular'; src: url('font/dinpro-regular.otf'); }
@font-face { font-family: 'DINPro-light'; src: url('font/DINPro-light.otf'); }

@font-face { font-family: 'Rajdhani-Medium'; src: url('font/Rajdhani-Medium.ttf'); }
@font-face { font-family: 'Rajdhani-Bold'; src: url('font/Rajdhani-Bold.ttf'); }
@font-face { font-family: 'Rajdhani-Regular'; src: url('font/Rajdhani-Regular.ttf'); }

@font-face {
  font-family: 'Oswald-Regular';
  src: url('font/Oswald-Regular.eot');
  src: url('font/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
 	   url('font/Oswald-Regular.woff2') format('woff2'),
	   url('font/Oswald-Regular.woff') format('woff'),
       url('font/Oswald-Regular.ttf') format('truetype'),
       url('font/Oswald-Regular.svg#Oswald-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}



body{
	background: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;		
}
.body2{ background-color:#FFF;}

a {color: #2A679F;}
p{color:#383838; font-size:14px; line-height:18px; text-align: justify;}
.td_none{ text-decoration:none;}
section{width:1100px; margin:0 auto;}
#banner{
	width:100%; height:auto; margin:80px auto 0px auto; 
	background-image:url(../images/banner1.jpg); background-repeat:no-repeat; background-position:right;  height:533px;
}
#banner_nos{
	width:100%;  margin:80px auto 0px auto; 
	background-image:url(../img/banner_nosotros.jpg); background-repeat:repeat; background-position:center;  height:300px;
}
#banner_contacto{
	width:100%;  margin:80px auto 0px auto; 
	background-image:url(../img/banner_contacto.jpg); background-position:bottom; height:265px;
}
#banner_servicios{
	width:100%;  margin:80px auto 0px auto; 
	background-image:url(../img/banner_servicios.jpg); background-position:bottom; height:300px;
}
#banner_cotizar{
	width:100%;  margin:80px auto 0px auto; 
	background-image:url(../img/banner_cotizar.jpg); background-position:bottom; height:265px;
}
.icon_search {
  float: right;
  margin-top:30px;
  padding: 0 25px;
}
.btn_cotizar{
	  float: right;
	  font-size: 14px;
	  font-family: 'Oswald-Regular';
	  text-align: center;
	  text-decoration:none;
	  border:2px solid #009ED2;
	  margin-top:27px;
	  line-height:35px;
	  padding:0px 20px;
}
.btn_cotizar a{color:#009ED2; text-decoration:none;}
.btn_cotizar a:hover{color:#3374A4; text-decoration:none;}
#subbann{
	width:1100px; margin:0px auto 0 auto; position:relative; z-index:2;
}
#subbann2{
	width:1100px; margin:-160px auto 0 auto;
}
#subbann3{
	width:1100px; margin:40px auto 20px auto; position:relative; padding:40px 0px;
}
#titles{
	width:1100px; margin:-70px auto 0 auto; height:82px;
}
.txtbann {
  width: 607px;
  height: 110px;
  font-family: 'DINPro-Medium';
  font-size: 42px;
  line-height: 1.02;
  color: #fff;
}
.txtbann2{
  width: 607px;
  height: 55px;
  font-family: 'DINPro-Medium';
  font-size: 42px;
  line-height: 1.02;
  color: #fff;
}
.bnntxt {
	position:absolute;
	color: #FFF;
    font-size: 40px;
    padding-left: 10%;
    bottom: 10%;
/*	-webkit-box-shadow: 0px 0px 38px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 38px 2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 38px 2px rgba(0,0,0,0.75);*/
}
.search{
	width:1100px;
	padding:10px 0px 25px 0px;	
}
.search2{
	width:750px;
	padding:0px;
	float:left;	
}
.search3{
	width:820px;
	padding:10px 0px 25px 0px;	
}
.input{
	float:left;
    background-color: #F7F7F7;
	height:49px;
    border-image: initial;
    border-style: solid;
    border-width: 0px;
    box-sizing: border-box;
    font-family: Arial,sans-serif;
    font-size: 14px;	
	padding-left:20px;
	padding-right:20px;		
}
.input-cnt{
	float:left;
    background-color: #F7F7F7;
	height:28px;
    border-image: initial;
    border-style: solid;
    border-width: 1px;
	border-radius:4px;
    box-sizing: border-box;
    font-family: Arial,sans-serif;
    font-size: 16px;	
	padding:5px 10px;
	margin-left:20px;
	text-align:right;
	width:60px;
	color:#0CF;
	font-weight:400;
}
.form-inp{
	float:right;
    background-color: #F7F7F7;
	height:28px;
	border-image: initial;
    border-style: solid;
    border-width: 1px;
	border-radius:4px;
    box-sizing: border-box;
    font-family: Arial,sans-serif;
    font-size: 14px;	
	padding:5px 10px;
	margin-left:20px;
	text-align:left;
	width:200px;
	color:#444;
	font-weight:400;
}
.form-cont{
	float:left;
	height:40px;
	border-image: initial;
    border-style: solid;
	border-radius:4px;
    box-sizing: border-box;
    font-family: Arial,sans-serif;
    font-size: 14px;	
	padding:5px 10px;
	border: 1px solid #ccc;
	text-align:left;
	width:80%;
	color:#333;
	font-weight:400;
	margin-bottom:10px;
}
.msj{ border: 1px solid #ccc;
    border-radius: 5px;
    margin: 20px 0;
    padding: 20px;
    width: 80%;
	font-family: Arial,sans-serif;
	color:#333;
}
.ptit-cot{ margin:20px 0px;}
.tcant{  float:left; color:#CCC;}
.tcant2{  float:left; color:#00BBE3 !important; font-size:17px; font-family: 'DINPro-light';font-weight: 900;}

.wd{width:350px;}
.wd2{width:25%;}
.pd30{ padding:30px;}

select{
	background-color: #F7F7F7 !important;
	padding: 10px 40px 10px 15px;
	font-family: Arial,sans-serif;
    font-size: 14px;	
	border-image: initial;
    border-style: solid;
    border-width: 0px;
    box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	color:#00BBE3;	
	height:49px;
	cursor:pointer;
	margin-left:-4px;	
	background: url(../img/arrow_sel.jpg) top right no-repeat, url(../img/bg_sel.jpg) top left no-repeat;
}
select:hover{
	background-color: #F7F7F7;
}
.optionSel{	
	font-family: Arial,sans-serif;
    font-size: 11px;	
	border-image: initial;
/*    border-style: solid;
    border-width: 0px;
    box-sizing: border-box;*/
	color:#000;	
	height:20px;
	text-height:auto;
	/*cursor:pointer;*/
}

.boton{
    background-color: #00BBE3;
	width:120px;
	height:49px;
	color:#FFF;

    border-image: initial;
    border-style: solid;
    border-width: 0px;
    box-sizing: border-box;
    font-family: Arial,sans-serif;
    font-size: 14px;
	margin-left:-4px;
	cursor:pointer;
	padding-left:20px;
	padding-right:20px;		
}
.btn_cotizacion{
    background-color: #00BBE3;
	height:40px;
	color:#FFF;
	font-family: 'dinpro-regular';
    border-width: 0px;
    box-sizing: border-box;
    font-family: Arial,sans-serif;
    font-size: 14px;
	cursor:pointer;
	padding:0px 20px;
	letter-spacing:0.5px;		
}
.clear{ clear:both;}

.favoritos{ width:100%; padding:10px 0px;}
.colfav-1-5{ width:50%; float:left; margin-bottom:0px;}
.colfav2-1-5{ width:183px; float:left;}
.f-left{float:left;}
.f-right{float:right;}
.m-auto{ margin:0 auto;}
.ta-left{text-align:left;}
.ta-center{text-align:center;}
.ta-r{text-align:right;}
.mr-20{margin-right:20px;}

.col-1-2{ width:50%; float:left;}

.col-100{ width:100%;}
.pd-top-20{ padding-top:20px;}
.pd-top-35{padding-top:35px;}



.fav-block{ width:500px; background-color:#FFF; height:430px; border-radius:9px; margin:0 auto 40px auto;}
.tit-fav{
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	background-color:#0A8181;
	line-height:42px; 
	padding-left:30px; 
	font-family: 'Rajdhani-Medium'; 
	font-size:18px; 
	color:#FFF;
}
.tit-fav a{ color:#FFF; text-decoration:none;}
.tit-fav a:hover{ color:#09C; text-decoration:none;}
.txt-fav{ padding:15px 30px; color:#757575; font-size:14px;}
.ul-fav{list-style:none; margin-left:8px; line-height:20px;}
.ul-fav li a{color:#757575; text-decoration:none;}
.ul-fav li a:hover{color:#3CF; text-decoration:none;}


.cont-02{width:500px; float:left; text-align:center;}
.cotizar{ width:500px; background-color:#FFF; border-radius:10px; padding:20px; text-align:left; margin-bottom:20px;}
.cotizar p{ font-size:16px; color:#666;}
.txt2{color:#43b5dc; letter-spacing:2px; float:right; clear:both;}

.btn-cotizar {
  background-color:#43B5DC;
  border-radius: 16px;
  font-family: Arial;
  color: #fff;
  font-size: 14px;
  padding: 7px 20px;
  text-decoration: none;
  border:0px;
  cursor:pointer;
}
.btn-cotizar input {
  text-shadow: 1px 2px #999;
}
.btn-cotizar:hover {
  background-color:#06C;
  text-decoration: none;
}

.img-cotiza{ width:100%;}
.img-cotiza img{ width:80%;}

.btn_cata{
  width: 113px;
  height: 20px;
  border-radius: 40px;
  background-color: #fff; 

  height: 21px;
  font-size: 10px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 2.1px;
  text-align: center;
  color: #282828;
}
.tit_cata{ 
  height: 60.3px;
  font-family: 'DINPro-Medium';
  font-size: 24px;

  font-style: normal;
  font-stretch: normal;
  line-height: 1.61;
  text-align: left;
  color: #fff;
 }
.devider {
  width: 60px;
  height: 2px;
  background-color: #1b1b1b;
  margin-top:-10px;
}
.ico01{ background-image:url(../img/vin_cat_01.png);}
.ico02{ background-image:url(../img/vin_cat_02.png);}
.ico03{ background-image:url(../img/vin_cat_03.png);}
.ico04{ background-image:url(../img/vin_cat_04.png);}
.ico05{ background-image:url(../img/vin_cat_05.png); }
.tit-cata{line-height:30px; padding-left:35px; margin-top:10px; color:#FFF; font-size:14px; background-repeat:no-repeat;}

.ul-cat{ line-height:20px; color:#000; margin-top:0px;margin-bottom:5px; font-family:'HelveticaNeue'; font-size:13px;}

.news{ width:820px; float:left; }
.news-prod{ width:880px; float:left;}
.news-cart{ width:820px; float:left; }
.form-quotation{ width:50%; float:left; }
.post{ border-radius:10px; background-color:#FFF; margin-bottom:20px;}
.banns{ width:200px; height:213px; float:left; background-image:url(../img/bg_sectores.png); margin-left:20px; color:#FFF; padding:20px 30px;}
.banns img{ vertical-align:middle;}
.banns2{ width:240px; float:left; background-image:url(../img/bg_sectores.png); margin-left:20px; color:#FFF; padding:20px; border-radius:10px;}
.form-cart{ width:200px; height:340px; float:left; background-color:#131313; margin-left:20px; color:#FFF; padding:20px 30px; border-radius:10px;}
.date-sp{ width:260px;float:left; background-color:#009ED2; margin-left:20px; color:#FFF; padding:20px 30px; border-radius:10px;}
.date-sp-2{ width:260px;float:left; background-color:#761e2f; margin-left:20px; color:#FFF; padding:20px 30px; border-radius:10px;}
.btn_sector{
  width: 250px;
  border-radius: 16px;
  background-color: #43B5DC; 
  font-size: 14px;
  font-weight: bold;
  /*line-height: 2;*/
  letter-spacing: 2.1px;
  text-align: center;
  color: #FFF;
  padding:7px 20px;
}
.btn_coti{
  width: 160px;
  border-radius: 16px;
  background-color: #43B5DC; 
  font-size: 14px;
  font-weight: bold;
  /*line-height: 2;*/
  letter-spacing: 2.1px;
  text-align: center;
  color: #FFF;
  padding:7px 20px;
}
.btn_coti2{
  width: 200px;
  border-radius: 16px;
  background-color: #43B5DC; 
  font-size: 14px;
  font-weight: bold;
  /*line-height: 2;*/
  letter-spacing: 2.1px;
  text-align: center;
  color: #FFF;
  padding:7px 20px;
}
.btn_datos{
  width: 200px;
  height: 30px;
  border-radius:25px;
  height: 30px;
  font-size: 15px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  color: #FFF;
}
.ul-banns{list-style:none; margin-left:-37px; line-height:36px; font-size:15px;}
.img-news{ float:left; width:262px; height:337px; border-top-left-radius:12px; border-bottom-left-radius:12px;}
.img-news img{width:100%;}

.img-arts{ float:left; width:340px}
.line_detprod{ width:100%; color:#666; padding:10px 0px; clear:both;}
.tit-prod{font-family: 'DINPro-Medium'; font-size: 25px; line-height: 20px; color: #00bbe3;}
.tit-prods{
  height: 50px;
  font-family: 'Oswald-Regular';
  font-size: 19px;
  line-height: 40px;
  color: #2B5893;
  text-align:left;
}
.tit-serv{
	height: 50px;
	line-height: 40px;
	font-family: 'Oswald-Regular';
	font-size: 19px;
	color: #FFF;
}
.sub-prods{ width:65%; float:left; color:#383838; font-size:16px; font-weight:200; text-align:center;}
.content-img-aboutus{ width:35%; float:left}
.img-aboutus{ width:250px; border-radius: 100%; background-image:url(../img/img-aboutus.jpg); background-size:100%; height:250px; margin:0 auto}
.sub-servs{ float:left; color:#383838; font-size:16px; width:50%; font-weight:200;  margin:0px 0 50px 0;}
.sub-servs-img{ float:left; width:50%; margin:0px 0 50px 0;}

.tnav{font-size: 14px; font-weight: bold; line-height: 40px; color: #000; font-family: 'dinpro-regular'; 
background-image:url(../img/arrow.png); background-position:right; padding-right:35px; background-repeat:no-repeat;
}
.tnav a{color:#000; text-decoration:none;}
.tnav a:hover{ text-decoration:underline;}
.tnav-active{font-size: 14px; color:#2B5893;}

.ptit{ margin-bottom:16px;}
.tit-prod2{background-color:#bbb; color:#FFF; padding:2px 10px; font-size:15px; font-family: 'dinpro-regular';}
.stock2{ clear:both; font-size:13px; color:#000; font-family: 'dinpro-regular'; margin-left:10px;}
.stock3{ clear:both; font-size:13px; color:#000; font-family: 'dinpro-regular'; margin-left:0px;}
 

.txt-news{ float:left;width:498px; padding:20px 30px; font-family:'HelveticaNeue-Light'; font-size:16px; color:#666;}
.txt-news h1{color:#000;}
.txt-articles{ float:left;width:400px; padding:0 0 0 20px; font-family:'HelveticaNeue-Light'; font-size:16px; color:#666;}
.txt-prods{ float:left;width:400px; padding:0 0 0 20px; font-family:'HelveticaNeue-Light'; font-size:16px; color:#666;}
.txt-post{ height:200px; margin:0; overflow-y:auto;}
.txt-post2{margin:0; overflow-y:auto;}
.txt-post3{margin:0; overflow-y:auto; font-family:'HelveticaNeue-Light'; font-size:14px; color:#00bbe3;}
.tp3{font-family:'HelveticaNeue-Light'; font-size:13px; color:#000;}
.foot-post{float:left;line-height:35px; width:100%; margin-top:15px;}
.like{ float:left; padding:0px 23px; background-image:url(../img/icon_like.png); background-repeat:no-repeat; line-height:20px; font-size:12px;}
.comment{ float:left; padding:0px 23px; background-image:url(../img/icon_comment.png); background-repeat:no-repeat; line-height:20px; font-size:12px;}
.hoursa{ float:left; padding:0px 23px; background-image:url(../img/icon_hrs.png); background-repeat:no-repeat; line-height:20px; font-size:12px;}

.link-3{color:#43b5dc; letter-spacing:2px; float:right; font-size:12px; line-height:20px;}
.link-3 a{color:#43b5dc; text-decoration:none;}
.link-3 a:hover{color:#43b5dc; text-decoration:underline;}

.tit-arts{ font-size:20px; color:#43b5dc; text-align:center;}
.tit-arts a{color:#43b5dc; text-decoration:none;}
.tit-arts a:hover{color:#45555F;}
.articulos{width:1100px; margin:20px auto;}
.col-art{ float:left;width:33%; padding:20px 27px; font-family:'HelveticaNeue-Light'; font-size:15px; color:#666; text-align:justify;}
.col-art h1{color:#000; font-size:17px; height:40px;}
.txt-art{ height:150px; margin:0; overflow-y:auto;}

footer{width:100%; background-color:#282828; margin:0 auto; color:#fff;}

.foot{
    margin: 0 auto;
    width: 1100px;
	color:#FFF;
	padding:20px 0px 10px;
	text-align:right;
}
.foot img{
	vertical-align:middle;
}
.foot hr{
	margin:5px auto;
	background-color:#ccc;
}
.txt3{ padding:15px 15px 15px 0px;}
.col-foot{ width:33.33%; float:left; color:#DDD; font-size:13px;}
.col-foot2{ width:35%; float:right; color:#CCC;font-family:'HelveticaNeue-Light'; padding:10px 0px; height:150px; font-size:17px;}
.tit-foot{ color:#FFF; font-size:14px; font-weight:bold; margin:20px 0px -20px 0px;}
.ul-foot{list-style:none; margin-left:0px; line-height:20px;}
.copyright {
  width: 100%;
  font-family:'HelveticaNeue-Light';
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 35px;
  text-align: left;
  color: #666666;
  clear:both;
}


/* ------------------------- TAB PANEL ----------------------*/
.tabs {
    width: 100%;
    float: none;
    list-style: none;
    padding: 0;
    margin: 20px auto 60px auto;
	background-color:#f7f7f7;
	border-radius:10px;
}
.tabs:after {
    content: '';
    display: table;
    clear: both;
}
.tabs input[type=radio] {
    display:none;
}
.tabs label {
    display: block;
    float: left;
    width: auto;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    line-height: 2;
    cursor: pointer;
	padding:15px 30px;
    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
    transition: all 0.5s;
} 
.tabs label span {
    display: inline-block;
}
.tabs label i {
    padding: 5px;
    margin-right: 0;
}
.tabs label:hover {
    color: #3498db;
}
.tab-content {
    display: none;
    width: 100%;
    float: left;
    padding: 15px 30px;;
    box-sizing: border-box; 
    background-color:#fff;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.tab-content * {
    -webkit-animation: scale 0.7s ease-in-out;
    -moz-animation: scale 0.7s ease-in-out;
    animation: scale 0.7s ease-in-out;
}
.fortab1{ border-top-left-radius:10px;}  
.tabs [id^="tab"]:checked + label { background: #FFF; color: #43b5dc; }
#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3 {
    display: block;
}
/* --------------------------------- CLOSE TAB PANEL -------------------------------------*/

/* -------- Nosotros -------    */
.bg_white{
    background-color: #FFF;
    margin: 0 auto;
    width: 100%;
}
.bg_gris{
    background-color:#E2E2E2;
    margin: 0 auto;
    width: 100%;
}
.bg_gris2{
    background-color:#E2E2E2;
    margin: 0 auto;
    width: 100%;
	background-position-y:bottom;
	text-align:center;
	height:60px;
}
.bg_black{
    background-color:#222;
    margin: 0 auto;
    width: 100%;
}
.bg_servicios{
    background-color: #652430;
    margin: 0 auto;
    width: 100%;
}

.pd-tb-20{ padding-top:20px; padding-bottom:20px;}
.pd-b-20{ padding-bottom:14px;}
.padd-30{ padding:30px;}
.block-nos-01{padding:60px 100px; text-align:center;}
.block-nos-01 h1{font:16px 'HelveticaNeue-Light'; color:#666; letter-spacing:0.5px; padding:0 30px;}
.block-nos-01 p{color:#666; letter-spacing:1px; padding:10px 100px;}

.bg-nos-2{
	width:100%;  margin:0px auto;
	background-image:url(../img/img-nos-01.jpg); background-repeat:repeat; background-position:left;  height:580px;
}
.block-nos-02{ float:left; width:50%; height:580px;}
.block-nos-02-b{ float:left; width:50%; font-family: 'dinpro-regular'; font-size:16px; color:#666; letter-spacing:0.8;}
.block-nos-02-b p{padding:160px 0px 20px 80px; text-align:justify;}
.block-nos-02-b span{color:#00bbe3;}

.block-nos-03{padding:80px 150px; text-align:center;}
.block-nos-03 h1{font:15px 'HelveticaNeue-Light'; color:#FFF; letter-spacing:1.2px; padding:0 30px;}
/* -------- /Nosotros -------    */
/* Banner prods*/
.bann-prod{
	width:1100px; height:80px; margin:80px auto 0px auto; padding-top:60px;
}
#head-prod{
	width:1100px; margin:30px auto 0px auto; height:auto;
}
#head-coti{
	float:left; width:820px; height:130px; margin:0 auto; padding-top:60px;
}
.prod-01{ float:left;width: 350px;  height:65px; font-family: 'dinpro-regular'; font-size: 24px; line-height: 2.71; color: #666666;}
.line{ max-width:1100px; line-height:20px; clear:both;}
.bnn-left{ width:200px; /*height:213px; */float:left; margin-right:20px; color:#666; padding:0px;}
.sub-prod{ color:#000; font-size:18px; font-family: 'dinpro-regular'; line-height:10px;}
.list-prod{ width:100%; margin-bottom:20px; border-bottom:1px solid #D4D4D4; padding-bottom:20px;}
.list-p1{float:left;width:240px;}
.list-p1 img{width:100%;}
.list-p2{float:left; width:300px; padding:0 20px;}
.list-p2 h1{color:#0CF; padding:0px;}
.list-p2 span{ background-color:#bbb; color:#FFF; padding:2px 10px; font-size:12px;}
.list-p3{float:right; width:222px; text-align:right;}
.stock{ height:50px; clear:both; font-size:12px; color:#000; font-family: 'dinpro-regular'; padding-bottom:70px; }
.addcot{font-family: 'dinpro-regular'; font-size: 18px; height: 10px; color: #bcbfbf;}
.addcot a{color: #bcbfbf; text-decoration:none;}
.addcot a:hover{color:#000;}

.verdet a{ height: 20px; font-family: 'dinpro-regular'; font-size: 17px; color:#00bbe3; font-weight:bold; text-decoration:none;}
.verdet a:hover{color:#000;}

.img-cart{float:left;width:180px;}
.img-cart img{width:180px;}
.cnt-cart{float:left; width:300px; text-align:left; padding-left:20px;}
.block-prod-03{padding:50px 0px 30px;}
.block-prod-03 h1{font-family: 'DINPro-light';
  font-size: 18px;
  font-weight: normal;
  line-height: 1.67;
  text-align: center;
  color: #666;
}

/*CATEGORIAS*/
.cat-prod{background-color:#FFF; height:220px; margin-bottom:20px;}
.categoria{ float:left; width:500px;}
.categoria-img{ float:left; width:600px; height:220px;}
.imgcat{ }
/*.imgcat img{width:100%; height:340px;}*/
.imgcat img{width:300px; height:190px; float:right;}
.grouptxt-cat{
clear:both; margin:0px; padding:30px 0px 0px 30px; height:220px;
border-top:2px solid #F0F0ED;
border-left:2px solid #F0F0ED;
border-top-left-radius:15px;
}
.grouptxt-cat h1{font-family: 'dinpro-regular'; letter-spacing:-2px; font-size: 30px; color: #212121;}
.grouptxt-cat p{font-family: 'dinpro-regular'; font-size: 16px; font-weight: normal; color: #212121;}
.btn-ver{font-family: 'dinpro-regular'; font-size: 14px; font-weight: 500; color: #43b5dc;}
/* CHECK*/
.control-group {
	display: inline-block;
	width: 178px;
	/*margin: 0px;*/
	text-align: left;
	margin-bottom:20px;
}
.control-group h3{ margin:0px; padding-bottom:5px; color:#000;}
.control {
	font:12px 'dinpro-regular';
	position: relative;
	display: block;
	margin-bottom: 4px;
	padding-left: 25px;
	cursor: pointer;
	color:#000;
}

.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.control__indicator {
	position: absolute;
	top: 2px;
	left: 0;
	width: 16px;
	height: 16px;
	background: #CCC; /*verde*/
	border-radius:2px;
}

.control--radio .control__indicator {
	border-radius: 50%;
}
/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
	background: #CCC; /*rosado*/ 
}
/* Checked state */
.control input:checked ~ .control__indicator {
	background: #00BBE3; /*#00BBE3*/
}
/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
	background: #00BBE3; /* amarillo*/ 
}
/* Disabled state */
.control input:disabled ~ .control__indicator {
	pointer-events: none;
	opacity: .6;
	background: #FC0; /*amarillo deshibilitado)*/
}
/* Check mark */
.control__indicator:after {
	position: absolute;
	display: none;
	content: '';
}
/* Show check mark */
.control input:checked ~ .control__indicator:after {
	display: block;
}
/* Checkbox tick */
.control--checkbox .control__indicator:after {
	top: 2px;
	left: 6px;
	width: 3px;
	height: 8px;
	transform: rotate(45deg);
	border: solid #fff;
	border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
	border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
	top: 7px;
	left: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
	background: #7b7b7b;
}

[type="checkbox"] {
  
  left: -9999px;
}
/* FIN CHECK*/
.tit-fil{font:12px 'dinpro-regular'; color:#000;}
.zdownload{ width:1100px; padding:20px 0px; margin:0 auto;}
.mask-prod{
  width: 340px;
  border-radius: 12px;
  background-color: #d4d4d4;
  padding:15px;
}
.dwd1{ line-height:45px; text-align:left; width:85%; padding:8px 0 0 45px;
background-image:url(../img/btn_pdf.jpg); background-position:left; background-repeat:no-repeat; }
.dwd1 img{ vertical-align:middle; float:right;}
.line_dwd{ width:100%; color:#666; padding:2px 0px; clear:both;}

/*--checkout--*/
.del{
  /*background: url('../img/close.png') no-repeat 0px 0px;
  background-position:right;*/
  background-color:#00BBE4;
  cursor: pointer;
  width: 122px;
  line-height: 28px;
  float:right;
  color:#FFF;
  text-align:center;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.check-in {
	width:100%;
	  margin: 2em 0 2em;
}
ul.unit{
	background:#333;
	padding:1em;
	height:20px;
}
ul.unit li {
	display:inline-block;
	 width:20%;
	  float:left;
	}
 ul.unit li span{
	display:inline-block;
	color:#fff;
	font-size:1.2em;
	 
	  text-align:center;
}
.checkout {
  padding:0em 0 6em 0;
}
ul.cart-header{
 padding:1em;
	background:#f8f8f8;
	  border-bottom: 1px solid  #06C;
}
ul.cart-header1{
 padding:1em;
	background:#f8f8f8;
	  border-bottom: 1px solid #06C;
}
ul.cart-header2{
 padding:1em;
	background:#f8f8f8;
	  border-bottom: 1px solid #06C;
}
ul.cart-header3{
padding:1em;
	background:#f8f8f8;
}
 ul.cart-header li, ul.cart-header1 li, ul.cart-header2 li, ul.cart-header3 li{
	display:inline-block;
	
	 width:20%;
	  float:left;
	 
}
ul.cart-header li span,ul.cart-header1 li span,ul.cart-header2 li span,ul.cart-header3 li span{
  margin: 2.3em 0 0;
  display: block;
  color: #000;
  font-size: 1.1em;
  text-align: center;
  font-weight: 300;
}
li.ring-in img{
  margin: 0 auto;
}
.cart-items h3 {
  font-size: 1.6em;
  color: #000;
   margin:0 0 1em;
}
.cart-header,.cart-header1{
	position:relative;
}
.cart-items {
  padding: 0 1em;
}
a.add-cart:hover {
  background: #575757;
}
a.add-cart {
  text-decoration: none;
  color: #fff;
  background:#00a0dc;
  padding: 0.4em 0.8em;
  font-size: .95em;
  margin-top: 2.3em;
  display: inline-block;
}
.cart-header {  
  position: relative;  
}
.cart-header2 {  
  position: relative;  
}
.delivery{
	margin:1em 0 0 16em;
}
.delivery p{
	color:#A6A6A6;
	font-size:0.85em;
	font-weight:400;
}
.delivery span{
	color:#A6A6A6;
	font-size:1em;
	font-weight:400;
	float:right;
}
a.continue{
	background:#00a0dc;
	padding:10px 1.5em;
	border-radius:7px;
	-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
	font-size:1em;
	color:#fff;
	text-decoration:none;
	display: block;
   font-weight: 600;  
   text-align: center;
   width: 72%;
   margin: 0px auto 3em auto;
}
a.continue:hover{
	background:#333;
}
.price-details{
	border-bottom:1px solid;
	padding-bottom:10px;
}
.price-details h3{
	color:#333;
	font-size:1em;
	margin-bottom:1em;
}
.price-details span{
	width:50%;
	float:left;
	padding:1px 0;
}
span.total{
	width:50%;
	float:left;
	text-align:right;
}
span.final{
	font-weight:600;
	padding-top:6px;
	font-size:1.3em;
}
h4.last-price{
	color:#000;
	font-size:1.3em;
	font-weight:600;
	width:50%;
	float:left;
	padding-top:10px;
}
.cart-total {
  padding-top: 5em;
 width:25%;
 float:right;
}
a.order {
  background:#333;
  padding: 10px 1.5em;
  border-radius: 7px;
  -moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
  font-size: 1em;
  color: #fff;
  text-decoration: none;
  display: block;
  font-weight: 600;
  text-align: center;
  width: 85%;
  margin: 2em auto 0 auto;
}
a.order:hover{
	background:#00a0dc;
}
.fact{ padding:20px 0px;}
.total-item{
	margin-top:2em;
	padding-bottom:2em;
}
.total-item h3 {
  color: #333;
  font-size: 1em;
  margin-bottom: 1em;
}
.total-item h4{
	font-size:0.8em;
	font-weight:600;
	color:#9C9C9C;
	display:inline-block;
	margin-right:6em;
}
a.cpns{
	background:#8E8E8E;
	color:#fff;
	border-radius:6px;
	-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
	padding: 10px;
  font-size: 0.8em;
	font-weight:600;
}
a.cpns:hover{
	background: #20759F;
}
.total-item p{
	font-size:0.9em;
	font-weight:400;
	margin-top:1em;
	color:#727272;	
}
.total-item p a:hover{
	color:#333;
	text-decoration:underline;
}

/* / checkout*/
.container{width:1100px; margin:0 auto;}
.col-md-9{ width:75%; float:left;}

/* CSS AGEIN*/



.bg-qs2{
	position:relative;
	background-image:url(../img/bg_tit_nosotros.png);
	background-position:center;
	width:395px;
	height:93px;
	margin:-20px 0px 0px 0px;
	z-index:1;
	text-align:center;
	padding-top:23px;

}
.bg-qs2 span{
	margin-top:20px;
	font-size:24px;
	color:#FFF;
}
.cab-mv-1{
	padding:15px 0px 0px; width:450px; border-top:2px solid #CCC; text-align:center; font-size:20px; font-family: 'Oswald-Regular'; margin-left:100px; margin-top:60px; color:#2B5893;
}
.cab-mv-2{
	padding:15px 0px 0px; width:450px; border-top:2px solid #CCC; text-align:center; font-size:20px; font-family: 'Oswald-Regular'; margin-right:100px; margin-top:60px; color:#2B5893;
}
.cab-mv-3{
	padding:15px 0px; width:450px; border-top:2px solid #CCC; border-bottom:2px solid #CCC; text-align:center; font-size:20px; font-family: 'Oswald-Regular'; margin-top:0px; color:#2B5893; margin: 0 auto;
}
.cab-mv-txt-1{
	width:350px; margin-left:150px; margin-top:15px; text-align:justify; color:#333; font-size:14px; margin-bottom: 40px;
}
.cab-mv-txt-2{
	width:350px; margin-right:100px; margin-top:15px; margin-left:50px; text-align:justify; color:#333; font-size:14px;
}


section > h3{
    width: 100%;
    text-align: center;
    font-family: 'Rajdhani-Bold';
    font-size: 27px;
    color:#652430;
    line-height: 1.1;

}
.col-sm-6 {
    width: 41%;
}
.col-sm-12 {
    width: 100%;
}
.mision,.vision{padding:0px 45px;margin-bottom: 80px; margin-top: 30px; }
.vision{border-right: dotted 1px #a3a3a3;}
.mision>h2,.vision>h2{float: left;font-family: 'Rajdhani-Medium';font-size: 30px; width: 100%; border-left: solid 3px #007C72; padding-left: 10px;}
.mision>p,.vision>p{padding-left: 14px;}

.sub-prods span{float: left;;font-size: 14px; width: 100%;text-align:justify}

.btn-enviar {
    background-color: #2B5893;
    background-image: none;
    border-radius: 5px;
    font-size: 14px;
    padding: 8px 50px;
	color:#FFF;
	border:0;
	cursor:pointer;
}

.subtext{ font-size:16px; padding:0 20px;}


/* CSS MELVI*/
.aleft { float:left;}
.about-us { background-image:url(../img/bg-aboutus.jpg); background-position:center; width:100% }
.padd-section { padding:30px 0px;}
.title-01 { font-size:20px; font-family:'HelveticaNeue'; color:#2B5893; padding-bottom:8px;}
.btn-viewore { background-color:#00A3D9; color:#fff; padding:4px 15px; border: none; text-decoration: none; border-radius:5px; cursor:pointer; font-size:14px;}
.title-section { width:100%; text-align:center; background-color:#FFF; padding:30px 0px 15px 0px; font-family: 'HelveticaNeue'; font-size:21px;}
.bg-blue-01 { background-color:#26689D;}
.bg-blue-02 { background-color:#2B73AE;}
.bg-blue-03 { background-color:#2F7DBD;}
.cols-aboutus { min-height:280px !important; color:#FFF; padding: 20px 40px !important;}
.cols-aboutus h6{font-family: 'HelveticaNeue'; padding-bottom:10px;}
.cols-aboutus p{color:#EEE; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.icon-facebook { float:right; background-image:url(../img/logo-facebook.png); background-repeat:no-repeat; width:30px; height:30px; margin-left:10px;}
.icon-twitter { float:right; background-image:url(../img/logo-twitter.png); background-repeat:no-repeat; width:30px; height:30px; margin-left:10px;}
.icon-googleplus { float:right; background-image:url(../img/logo-googleplus.png); background-repeat:no-repeat; width:30px; height:30px; margin-left:10px;}
.email { background-image:url(../img/icon-mail.png); background-repeat:no-repeat; padding-left:35px; padding-bottom: 5px;}
.phone { background-image:url(../img/icon-phone.png); background-repeat:no-repeat; padding-left:35px; padding-bottom: 5px;}
.url { background-image:url(../img/icon-url.png); background-repeat:no-repeat; padding-left:35px; padding-bottom: 5px;}
.cont-val {width: 380px; margin: 0 auto; padding: 0px 20px 40px; height: auto;color: #333; font-size: 14px; text-align: justify;}
.slogan {font-family: 'Oswald-Regular'; font-size: 19px !important; color: #000; padding:20px 0px;}
.content-serv{ width:100%; color:#383838; font-size:16px; padding: 20px 0px;}
.item-serv { width:25%; float:left; padding:20px 0px; text-align: center;}
.item-serv img{border-radius:100%; width: 90%;}
.item-serv .label-serv{font-size:16px; font-weight:bold;padding:15px 0px; font-family: 'HelveticaNeue-Light'; color:#2B5893;}
.item-serv .label-serv span{ border-bottom:1px dotted #999; padding-bottom:5px;}
.block-service{padding:10px 0px 30px;}
.col-detail { width:50%; float:left}
.col-detail span{ font-size: 14px; width: 100%; text-align: justify;}
.form-quot{
	float:left;
	height:40px;
	border-image: initial;
    border-style: solid;
	border-radius:4px;
    box-sizing: border-box;
    font-family: Arial,sans-serif;
    font-size: 14px;	
	padding:5px 10px;
	border: 1px solid #ccc;
	text-align:left;
	width:100%;
	color:#333;
	font-weight:400;
	margin-bottom:10px;
}
.form-quot-textarea{ height:90px !important;}
.barfoot {
	line-height:50px;
	background-color:#000;
	color:#FFF;
	text-align:center;
    font-size: 16px;
}
.btn-download { background-color:#00A3D9; color:#fff; padding:4px 15px; border: none; text-decoration: none; border-radius:5px; cursor:pointer; font-size:12px; line-height:20px; margin-left:30px;}

@media screen and (max-width: 1100px) {
section{width:98%; padding-left:0px; padding-right:10px;}
#subbann{width:100%;}
#subbann2{width:100%;}
#subbann3{width:100%;}
.bann-prod{ width:100%;}
.zdownload{width:100%;}
.mask-prod{ margin:0px 20px;}
#head-prod{ width:98%;}
.search{width:100%;}
.articulos{width:100%;}
.col-art{width:29%; padding:2%;}
.colfav-1-5{ width:222.5px; margin-bottom:20px;}

.categoria{ width:40%; height:300px;}
.categoria-img{width:60%; height:300px;}
.imgcat img{height:300px;}

.news-prod{ width:77%;}
.bnn-left{ width:20%;}
.addcot{font-size: 15px; height:30px;}
.list-p3{width:120px;}
.stock{padding-bottom:60px;}
.verdet a{ height: 20px; font-size: 13px;}

.cotizar{ width:100%;}

.cont-02{width:45%; float:left; text-align:center;}

.tit_cata{ font-size:20px;}

.block-nos-02-b p{padding:160px 20px 20px 20px;}

.foot{
    margin: 0 auto;
    width: 96%;
	padding:2%;
}
#titles{
	width:98%; margin:-120px auto 0 auto; height:100px; padding-left:2%;
}
}
@media screen and (max-width: 942px) {
.tit_cata{ font-size:15px;}
.block-nos-03{padding:80px 10px;}
.grouptxt-cat{padding:10px 0px 0px 30px;}
.grouptxt-cat h1{font-size:28px; }
.grouptxt-cat p{font-size:15px;}
.list-p1{width:250px;}
.stock{padding-bottom:20px;}
}
@media screen and (max-width: 820px) {
.news{ width:100%;}
section{width:96%; padding-left:0%; padding-right:2%;}
.img-news{display:none;}
.txt-news{width:96%; padding:2%;}
.col-art{width:96%; padding:2%; margin-bottom:20px;}
.txt-art{ height:auto;}
.block-nos-01{padding:60px;}
#subbann2{margin:-200px auto 0 auto;}

.list-p3{ float:left;width:100%; text-align:left;}
.stock{ height:10px; padding-bottom:0px; }
.addcot{ height:10px;}
.msj{width:96%; padding:2%;}
.news-cart{ width:100%;}
.search3{width:100%; padding:10px 0px 25px 0px;
}
.search2{
	width:100%;	
}
.padd-section { padding:30px 20px;}
.item-serv .label-serv{font-size:15px; padding:5px 0px; height: 25px;}
}
@media screen and (max-width: 725px) {
.input{width:30%;}
.col-1-2{ width:100%;}
.block-nos-02-b p{padding:30px; background-color:#EFEFEF; border-radius:15px; color:#666;}

.categoria{ width:50%; height:220px;}
.categoria-img{width:50%; height:220px;}
.imgcat img{width:250px; height:180px;}

.bnn-left{ width:100%;}
.news-prod{width:100%;}
.cnt-cart{width:180px; text-align:left;}
.ptit-cot{ margin:0px 0 20px 0px;}
.sub-prod{font-size:13px;}
.cont-val {width: 100%;}
 .cab-mv-3{width: 100%;}
 .item-serv .label-serv{font-size:15px; padding:5px 0px; height: 25px;}
}
@media screen and (max-width: 620px) {
#subbann{
	margin:0px auto;
}
.txtbann {
  width: 100%;
}
.cotizar{ width:96%;}
.btn_cotizar{ display:none;}
.img-cotiza{ width:100%;}
.img-cotiza img{ width:80%;}
.icon_search{display:none;}

.cont-02{width:96%;}
.block-nos-01{padding:60px 5px;}
.block-nos-01 p{padding:10px;}
.block-nos-02{ display:none;}
.block-nos-02-b{ width:100%; padding:50px 0px; }
/*.block-nos-02-b p{padding:50px 20px; background-color:#EFEFEF; border-radius:15px; opacity: 0.7; color:#000;}*/
.grouptxt-cat h1{font-size:20px; }
.grouptxt-cat p{font-size:13px;}
.sub-prods{width:100%; padding:0 4%;}

.block-prod-03{padding:40px 20px;}

.txt-articles{width:100%; padding:0 0 0 20px;  font-size:14px; color:#666;}
.txt-prods{width:100%; padding:0 0 0 20px;  font-size:14px; color:#666;}
.img-arts{width:100%}

.form-cont{	width:100%;}
.list-prod{ padding-bottom:20px;}
.col-foot{ width:95%;}

.bg-qs{ width:100%}
.bg-qs2{ width:100%}
.col-foot2{ width:100%;}
.foot{ text-align:center;}
.cab-mv-1{
	padding:15px 0px; width:100%;  margin-left:0px; margin-top:60px;
}
.cab-mv-2{
	padding:15px 0px; width:100%; text-align:center; margin-right:0px; margin-top:60px;
}
.cab-mv-txt-1{
	width:92%; margin-left:0px; padding:0px 4%;
}
.cab-mv-txt-2{
	width:92%; margin-right:0px; margin-left:0px; padding:0px 4%;
}
.val-1{width:100%;}
.val-2{width:100%;}
.val-3{width:100%;}
.val-4{width:100%;}
.tit-prods{
  height: 40px;
  font-size: 25px;
  line-height: 25px;
  padding-bottom:30px;
}
#head-prod{margin:0px auto 20px auto; padding:50px 0px 10px 0px; width:100%;}
section{width:100%; padding-left:0%; padding-right:0%;}
.sub-nos{ color:#383838; font-size:16px; width:92%; padding:0 4%;}
.sub-prods span{float: left; width: 96%; padding:0 2%;}
.news-cart{ width:94%; padding:0 3%;}
#banner_nos{
	width:100%;  margin:80px auto 0px auto; 
	background-image:url(../img/banner_nosotros.jpg); background-repeat:no-repeat; background-position:center;  height:100px; background-size:contain;
}
#banner_contacto{
	width:100%;  margin:80px auto 0px auto; 
	background-image:url(../img/banner_contacto.jpg);  background-repeat:no-repeat;background-position:bottom; height:100px; background-size:contain;
}

#banner_servicios{
	width:100%;  margin:80px auto 0px auto; 
	background-image:url(../img/banner_servicios.jpg);  background-repeat:no-repeat; background-position:bottom; height:100px; background-size:contain;
}
.sub-servs{ float:left; width:92%;  margin:0px 0 50px 0; padding:0 4%; text-align:justify;}
.sub-servs-img{float:left;  width:100%;  margin:0px 0 50px 0;}

.item-serv .label-serv{font-size:10px; padding:5px 0px; line-height: 13px; height: 15px;}
}

@media screen and (max-width: 420px) {
.input{width:86%; margin-bottom:5px;}
.txtbann {font-size: 30px;}
.block-nos-01 img{ width:90%;}
.ul-foot{line-height:20px;}

#banner_search{ 
margin:80px auto 0px auto; 
background-position:bottom; height:380px;
}
#subbann2{margin:-320px auto 0 auto;}
.categoria{ width:50%; height:150px;}
.categoria-img{width:50%; height:160px;}
.imgcat img{width:180px; height:130px; padding-top:10px;}

.grouptxt-cat{padding:0px 0px 0px 10px; margin:0px;}
.grouptxt-cat h1{font-size:16px; }
.grouptxt-cat p{font-size:11px;}
.btn-ver{font-size: 11px;}

.sub-prods{font-size:15px;}
select{ margin-bottom:5px;}

.mask-prod{
  width:98%;
  padding:15px;
  margin:0px 1%;

  .item-serv .label-serv{font-size:8px; padding:5px 0px; line-height: 13px; height: 15px;}
}
.list-p2{width:100%; padding:0px;}
.container{width:100%; margin:0 auto;}
}

@media screen and (max-width: 345px) {

.grouptxt-cat h1{letter-spacing:-0.5px; line-height:17px;}

.categoria{ width:60%; height:150px;}
.categoria-img{width:40%; height:150px;}
.imgcat img{height:100px; padding-top:20px;}
.item-serv .label-serv{font-size:8px; padding:5px 0px; line-height: 11px; height: 15px;}
}