@font-face {
	font-family: 'Mark-Book';
	src: url('../typos/Mark-Book.eot?#iefix') format('embedded-opentype'),  
	url('../typos/Mark-Book.otf')  format('opentype'),
	url('../typos/Mark-Book.woff') format('woff'), 
	url('../typos/Mark-Book.ttf')  format('truetype'), 
	url('../typos/Mark-Book.svg#Mark-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Mark-Book-Italic';
	src: url('../typos/Mark-Book-Italic.eot?#iefix') format('embedded-opentype'),  
	url('../typos/Mark-Book-Italic.otf')  format('opentype'),
	url('../typos/Mark-Book-Italic.woff') format('woff'), 
	url('../typos/Mark-Book-Italic.ttf')  format('truetype'), 
	url('../typos/Mark-Book-Italic.svg#Mark-Book-Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Mark-Medium';
	src: url('../typos/Mark-Medium.eot?#iefix') format('embedded-opentype'),  
	url('../typos/Mark-Medium.otf')  format('opentype'),
	url('../typos/Mark-Medium.woff') format('woff'), 
	url('../typos/Mark-Medium.ttf')  format('truetype'), 
	url('../typos/Mark-Medium.svg#Mark-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Mark-Bold';
	src: url('../typos/Mark-Bold.eot?#iefix') format('embedded-opentype'),  
	url('../typos/Mark-Bold.otf')  format('opentype'),
	url('../typos/Mark-Bold.woff') format('woff'), 
	url('../typos/Mark-Bold.ttf')  format('truetype'), 
	url('../typos/Mark-Bold.svg#Mark-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*@font-face {
	font-family: 'Mark-SmallCaps-Regular';
	src: url('../typos/Mark-SmallCaps-Regular.eot?#iefix') format('embedded-opentype'),  
	url('../typos/Mark-SmallCaps-Regular.otf')  format('opentype'),
	url('../typos/Mark-SmallCaps-Regular.woff') format('woff'), 
	url('../typos/Mark-SmallCaps-Regular.ttf')  format('truetype'), 
	url('../typos/Mark-SmallCaps-Regular.svg#Mark-SmallCaps-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
@font-face {
    font-family: 'mark-smallcaps-regulsmallcaps';
    src: url('../typos/marksmallcaps-regular-webfont.woff2') format('woff2'),
         url('../typos/marksmallcaps-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

input, button, textarea, select {
    -webkit-transform: translate3d(0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    max-width: 280px !important;
}


label.error {
	color: red;
    position: absolute;
     top: 2px;
    right: 20px;
}
.form-group {
	position: relative;
}
body{
	font-size:13px;
	line-height: 18px;
  	color: #646464;
	font-family: 'Mark-Book';
	background:white;
	letter-spacing: 0.5px;
}
a{
    color: #404040;
	text-decoration:none;
	-webkit-transition: all 250ms ease-out;
	  -moz-transition: all 250ms ease-out;
	  -o-transition: all 250ms ease-out;
	  -ms-transition: all 250ms ease-out;
	  transition: all 250ms ease-out;
	outline: 0;	
	cursor:pointer;
	cursor:hand;
}
a:hover{
	text-decoration:none;
	opacity:0.75;
	/*color: inherit!important;*/
}
i{
  font-style: normal;  
}
b{
	font-weight:100;
	color: #00aae6;
}
h1, h2, h3, h4, h5, h6{
	font-weight:100;
	letter-spacing:0px;
}
input, textarea{
  outline: none;
}
textarea:focus, input:focus{
    outline: none;
}
button{
  text-shadow: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  background:#00b4a9;
  color:white;
}
/*
::-webkit-input-placeholder {
  color: transparent!important;
}
:-moz-placeholder { 
  color: transparent!important;
}
::-moz-placeholder {  
  color: transparent!important;
}
:-ms-input-placeholder {
  color: transparent!important;
}
*/

.share_ventana {
	position: absolute;
	right: 0px;
	top: 0px;
	width: auto;
	height: auto;
	padding: 7px;
	padding-right: 25px;
	display: none;
	z-index: 1000;
}
.txts_empresa, .txts_empresa div, .txts_empresa p {
	text-align: justify;
}
.capacitacion .novedades .thumb {
	min-height: 395px;
    padding-bottom: 30px;
}
    
.capacitacion .novedades .img {
	background-size: cover;
}
.login_vent .error {
	border: 1px solid red;
}
.login_vent input {
	border: 1px solid white;
}

.distribuidores .seleccionado, .distribuidores .seleccionado a {
	color: #00aae6 !important;
}
.form-control{
	height: 36px;
	margin-bottom: 20px;
	padding: 0px;
	padding-left: 10px;
	border-radius: 0px;
	border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
}

.owl-carousel .item .col {
    margin-top: 70px;
    padding: 15px;
    background: rgba(0,0,0,0.5);
    -webkit-filter: drop-shadow(0px 0px 3px rgba(21,126,158,0.6));
    filter: drop-shadow(0px 0px 3px rgba(21,126,158,0.6));
}
.owl-carousel .item h2 {
    margin: 0;
    line-height: 30px;
    font-family: 'Mark-Medium';
    letter-spacing: 1px;
    -webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.4));
    filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.4));
}

.pedido_mayorista .select2-selection__rendered, .pedido_mayorista  .select2-selection__placeholder {
	padding-left: 0px !important;
	color: #444 !important; 
}
.resp, .resp_2, .resp_3{
	display:none!important;
}
.img{
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
    background-color: white;
}
.btn {
    border: 0px;
    outline: 0 none!important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn{
	height: 20px;
	padding: 0px 10px;
	padding-right: 8px;
    padding-top: 3px;
    color: #00aae6;
	background: none !important;
	font-size: 13px;
	line-height: 13px;
	vertical-align: middle;
	text-decoration: underline;
}

.btn i {
	border-radius: 10px;
    background: #cce3e3;
    padding: 4px;
    min-width: 25px;
    color: #505050;
    margin-left: 7px;
}
.txt span{
    position: absolute;
	top: 50%;
    transform: translateY(-50%);
}

.breadcrumb {
    position: relative;
    width: 100%;
    height: 30px;
    z-index: 10;
    padding: 8px 20px;
    margin-bottom: 0px;
    background-color: transparent;
    border-radius: 0px;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
	background: white;
}
.breadcrumb a{
    color: #9b9b9b;
}
.breadcrumb a:hover, .breadcrumb .active{
    color: #613854;
}
.breadcrumb>li+li:before {
    display: none;
}
.breadcrumb .fa{
	margin: 0px 5px;
	font-size: 20px;
    line-height: 14px;
    color: #e3e3e3;
}


.form-control{
	height: 24px;	
	border-radius: 12px;
	border: none;
	font-family: 'Mark-Book';
	font-size: 13px;
	background: transparent;
}
label{
	display: block;
	font-weight: 100;
}


h4{
	margin: 0px;	
	font-size: 20px;
	line-height: 20px;
	color:#00aae6;
	font-family: 'Mark-Book';
	text-decoration: underline;
}



/*
	BOOTSTRAP
*/
.container, .container-fluid{
	position:relative;
}
.row{
    /*margin: 0px 10px;
    margin: 0px;*/
}
.col{
	
}








/*
	NAV
*/
.navbar{
    position: fixed;
    width: 100%;
    height: 60px;    
	min-height: auto;
	margin:0px;
	top: 0px;
	border:none;
	border-radius:0px;
	font-family: 'Mark-Medium';
	font-size:13px;
	line-height:13px;
	letter-spacing:0.5px;
	text-align: center;
	z-index:100;
	color: white;
	background: #f2f2f2;
}
.navbar::before{
	display: block;
	content:"";
	position: absolute;
	height: 6px;
	left: 0px;
	right: 0px;
	bottom: -6px;	
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
    z-index: 10;
}
.navbar .navbar-brand, .navbar .navbar-brand:hover{
	position: relative;
	float: left;
	width: 93px;
	height: 25px;
	margin-left: 0px!important;
	margin-top: 12px;
	background:url(../images/nav_logo.svg) left center no-repeat;
	background-size: contain;
}
.navbar-toggle {
    padding: 9px 0px;
}
.navbar-toggle img {
    height: 16px;
}
.navbar-collapse {
	width: 100%;
    padding: 0px;
    padding-right: 125px;
}
.navbar a{
	position: relative;
	display: inline-block;
	margin-right:12px;
	margin-top: 28px;
	color: #646464;
	text-decoration: none!important;
}
.navbar a:hover, .navbar a.active {
	color: #00aae6!important;
	background:none;
	opacity: 1;
}
.navbar .links a.active{
	color: #613854;
}
.navbar .links a.active::before{	
	display: block;
	content: "";
	position: absolute;
	width: 100%;
    left: 0px;
    bottom: -21px;	
	border-bottom: 1px solid #613854;
}
.navbar .dropdown{
    display: inline-block;
    border: none;
}
.navbar .dropdown button{
    padding: 0px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1.5px;
    background: none!important;
    border: none!important;
    outline: none!important;
    color: #613854!important;
}
.navbar .dropdown.open .dropdown-toggle a{
    color: #00aae6!important;
}
.navbar .dropdown-menu{
	width: 230px;
	min-width: auto;
	margin-top: 0px;
	padding: 0px 25px;
	padding-bottom: 25px;
	left: -25px;
    top: 60px;    
    border: none;
    border-radius: 0px;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(255,255,255,0.9);
    text-align: left;
}
.navbar .dropdown-menu li {
    padding-top: 10px;    
}
.navbar .dropdown-menu li a {
	margin: 0px;
	padding: 0px;
}
.navbar .dropdown-menu li a:hover, .navbar .dropdown-menu li a.active {
	color: #00aae6;
	background: transparent;
}
.navbar .red{
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
    margin-left: 5px;
    margin-right: 0px;
	margin-top: 22px;
	border: 1px solid #646464;
	border-radius: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.navbar .bots {
    position: absolute;
    right: 15px;
    top: 0px;
    z-index: 20;
}
.navbar .red.shop{
	background-image: url(../images/nav_shop.svg);
	background-color: #646464;
}
.navbar .red.shop.active{	
	background-color: #00aae6;
    border: 1px solid #00aae6;
}
.navbar .red.shop .cant{
	position: absolute;
	width: 30px;
	height: 30px;
	right: 15px;
	top: 15px;
	padding-top: 9px;
	background: url(../images/nav_shop_cant.svg) center center no-repeat;
	color: white;
	font-size: 12px;
	line-height: 12px;
	-webkit-filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.25));
    filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.25));
}
.navbar .red.buscar{
	background-image: url(../images/nav_buscar.svg);
	background-color: #646464;
	z-index: 10;
}
.navbar .red.buscar.active{
	background-color: #00aae6!important;
	border-color: #00aae6!important;
}
.navbar .buscar_open{
	position: absolute;
	width: 95px;
	height: 20px;
    left: 30px;
    top: 22px;
	padding-left: 22px;
	padding-right: 5px;
	border-radius: 10px;
	border: 1px solid #646464;
	z-index: 5;
	font-size: 13px;
	font-family: 'Mark-Book';
	display: none;
    background: #f2f2f2;
}
.navbar .buscador{
	position: absolute;
	width: 100%;
	height: 100vw;
    left: 0px;
    top: 60px;
    padding-top: 30px;
    background: rgba(255,255,255,0.9);
    text-align: left;
    color: #646464;
    font-family: 'Mark-Book';
    display:none;
}
.navbar .buscador h4 {
    margin: 0px;
    margin-bottom: 25px;
}
.navbar .buscador .tit {
    margin-bottom: 5px;
}
.navbar .buscador .input-group {
    margin-bottom: 10px;
    border-radius: 12px;
    background: #cce3e3;
}
.navbar .buscador  .input-group-addon {
    height: 20px;
    padding: 0px 10px;
    font-size: 12px;
    background: transparent;
    border: none;
}
.navbar .red.fb{
	background-image: url(../images/nav_fb.svg);
}
.navbar .red.inst{
	background-image: url(../images/nav_inst.svg);
}
.navbar .red.tw{
	background-image: url(../images/nav_tw.svg);
}
.navbar .red.youtube{
	background-image: url(../images/nav_youtube.svg);
}
.navbar .red.redes{
	background-image: url(../images/nav_redes.svg);
}
.navbar .redes_resp{
	display: none;
}




/*
	CONT GRAL
*/
.cont_gral{
	margin-top: 60px;
}







/*
	FOOTER
*/
.footer{
	padding-top: 25px;
	padding-bottom: 50px;
	background: #646464;
	color: white;
	font-size: 13px;
	line-height: 18px;
}
.footer a{
	color: white;	
}
.footer b{
	font-family: 'Mark-Bold';
	color: white!important;
}
.footer .fiscal{
	float: right;
	width: 48px;
	height: 66px;
	background: url(../images/footer_fiscal.jpg) right top no-repeat;
	background-size: contain;
}




.home .novedades .img {
    background-size: cover;
}

/*
	CAROUSEL
*/
.slid{
	width: 100%;
	height: 610px;	
	padding: 0px;
}
.owl-carousel{
	position: relative;
	float: left;
	width: 100%;	
	background: #f2f2f2;   
}
.owl-carousel .item{
	position: relative;
	float: left;
	width: 100vw;
	height: 610px;
	margin: 0px;
	color: white;
	border:none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;	
}
.owl-carousel .item .col{	
	-webkit-filter: drop-shadow(0px 0px 3px rgba(21,126,158,0.6));
    filter: drop-shadow(0px 0px 3px rgba(21,126,158,0.6));
}
.owl-carousel .item h2{
	margin-top: 0px;
	line-height: 30px;
	font-family: 'Mark-Medium';
	letter-spacing: 1px;
}
.owl-carousel .item h2 a{
	color: white;
	font-family: 'Mark-Book';
}
.owl-carousel .owl-dots{
    position: absolute;
    width: 12px;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
    -webkit-filter: drop-shadow(0px 0px 3px rgba(21,126,158,0.8));
    filter: drop-shadow(0px 0px 3px rgba(21,126,158,0.8));
}
.owl-carousel .owl-dot{
	width: 10px;
    height: 10px;
    width: 12px;
    height: 12px;
    margin: 15px 0px;
    border-radius: 10px;
    border: 1px solid white;
    cursor: pointer;
    cursor: hand;
}
.owl-carousel .owl-dot.active{
	background:white;
}
.owl-carousel .owl-nav{
	display: none;
}
.slid .scroll{
	position: absolute;
	width: 75px;
	height: 75px;
	margin-left: 50%;
	left: -37px;
	bottom: 45px;
	background:url(../images/slid_scroll.svg) center center no-repeat;
	background-size: contain;
	z-index: 10;
	-webkit-filter: drop-shadow(0px 0px 3px rgba(21,126,158,0.8));
    filter: drop-shadow(0px 0px 3px rgba(21,126,158,0.8));
}





/*
	MODULOS COMUNES
*/
.modulos .panel{
	display: block;
	position: relative;
	width:100%;
	height: 250px;
	margin-bottom: 30px;
	padding: 15px 10px;
	background: #f2f2f2;
	-webkit-filter: drop-shadow(0px 0px 4px rgba(21,126,158,0.6));
    filter: drop-shadow(0px 0px 4px rgba(21,126,158,0.6));
    border-radius: 0px;
    font-family: 'Mark-SmallCaps-Regular';
    font-family: 'mark-smallcaps-regulsmallcaps';
    font-size: 12px;
    line-height: 12px;
    border: 0px;
}
.modulos .row{	
}
.modulos .s_marg{
	margin: 0px!important;
}
.modulos .panel .img{
	position: absolute;
	width: 100%;
	height: 180px;
	padding: 15px 10px;
	left: 0px;
	bottom: 0px;
	background: #cce3e3;
	font-family: 'Mark-Book';
	font-size: 13px;
    color: #505050;
    background-size: cover;
    background-position: center;
}
.modulos .col.formu{
	padding: 0px;
}
.modulos .col.tit{
	padding-left: 15px;
	padding-top: 5px;
}
.modulos ._2 {
	padding-left: 25px;
	border-left: 1px solid #b1b1b1;
}
.modulos .mod_1{
	padding-top: 30px;
}
.modulos .mod_1 .form-control{
	background: white;
	margin-bottom: 10px;
}
.modulos .mod_1 .log{
	margin-top: 20px;
	padding-left: 15px;
	font-size: 12px;
}
.modulos .mod_1 .log a{
	color: #646464;
}
.modulos .mod_2, .modulos .mod_3{
	font-family: 'Mark-Book';
	font-size: 13px;
	line-height: 12px;
}
.modulos h4{
	margin: 0px;
	margin-bottom: 25px;
}
.modulos .mod_2 .col {
	margin-bottom: 35px;
}
.modulos .mod_2 .col .col{
	margin-bottom: 0px;
}
.modulos .input-group {
	margin-bottom: 10px;
	border-radius: 12px;
	background: #cce3e3;
}
.modulos .input-group-addon {
	height: 20px;
    padding: 0px 10px;
    font-size: 12px;
    background: transparent;
    border: none;
}
.modulos .btn{
	float: right;
}
.modulos .mod_1 .btn i, .modulos .mod_3 .btn i{
	background: white;
}
.modulos .mod_3{
	padding:35px 0px;
	background: #cce3e3;
    color: #505050;
}
.modulos .mod_3 ._1{
	line-height: 20px;
}
.modulos .mod_3 ._2{
	height: 110px;
}
.modulos .mod_3 .input-group{
	background: white;
}
.modulos .mod_3 .form-control {
    background: white;
    margin-bottom: 10px;
}
.modulos .mod_4{
	padding: 35px 0px;
	text-align: center;
}
.modulos .mod_4 a{
	margin: 0px 30px;
}
.modulos .mod_4 img{
	height: 75px;
}
.modulos .mod_5{
	padding: 35px 0px;
	text-align: center;
	background: #f2f2f2;
}
.modulos .mod_5 h4{
	margin-bottom: 35px;
}
.modulos .mod_5 .owl-carousel{
	background: none;
}
.modulos .mod_5 .owl-carousel .owl-item{
	
}
.modulos .mod_5 .owl-carousel .item{	
	width: 100%;
	height: auto;
	border-radius: 10px;
}
.modulos .mod_5 .owl-carousel .item::before{
	content: "";
	display: block;
	padding-top: 100%;
}
.modulos .mod_5 .owl-carousel .owl-dots {
    display: none;
}
.modulos .mod_5 .owl-carousel .owl-nav {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    pointer-events: none;
}
.modulos .mod_5 .owl-carousel .owl-prev, .modulos .mod_5 .owl-carousel .owl-next {
    position: absolute;
    width: 50px;
    height: 100%;
    left: -50%;
    margin-left: -15px;
    background: url(../images/owl_prev.svg) left center no-repeat #f2f2f2;
    background-size: auto 45px;
    color: transparent;
    pointer-events: auto;
    cursor: pointer;
    cursor: hand;
}
.modulos .mod_5 .owl-carousel .owl-next {
    right: 0px;
    left: auto;
    margin-left: 0px;
    right: -50%;
    margin-right: -15px;
    background: url(../images/owl_next.svg) right center no-repeat #f2f2f2;
    background-size: auto 45px;
}


/*
	TABLAS
*/
.tab {
  	display: table;
  	width: 100%;
}
.tab_row {
  	display: table-row;
}
.tab_cell {
  	display: table-cell;
}



/*
	LISTA
*/
.lista {
	width: 100%;
	margin-top: 35px;	
	padding-right: 18px;
}
.lista .row{	
	margin: 0px;	
}
.lista .col {	
	padding: 5px 0px!important;
	padding-right: 5px!important;
}
.lista tr{
	border-bottom: 1px solid #b1b1b1;
}
.lista td{
    padding: 5px 0px!important;
    padding-right: 5px!important;
}
.lista .row {	
	border-bottom: 1px solid #b1b1b1;
}
.lista .th {	
	border-bottom: 2px solid #00aae6;
	font-family: 'Mark-Medium';
}
.lista .form-control {
	width: 65px;
    margin: 0px;
    padding-left: 0px;
    background: #cce3e3;
    text-align: center;
}
.lista a {
	float: right;	
	margin-top: 15px;
	margin-bottom: 30px;
	color: #00aae6;
}
.lista .tit{
	border: none!important;
}
.lista .cant{
	width: 75px;
}





/*
	PRODUCTO ABIERTO
*/
.prod_abierto{
	margin: 0px;
	background: white;
	border-bottom: 1px solid #f2f2f2;
}
.prod_abierto .col{
	padding: 12px;
}
.prod_abierto .data::before{
	content: "";
	display: block;
	position: absolute;
	right: 0px;
	top: 12px;
	bottom: 12px;
	border-right: 1px solid #f2f2f2;
}
.prod_abierto .detalle::before{
	content: "";
	display: block;
	position: absolute;
	left: -1px;
	top: 12px;
	bottom: 12px;
	border-right: 1px solid #f2f2f2;
}
.prod_abierto .img{
	position: relative;
	display: block;
	height: 265px;
	border-bottom: 1px solid #f2f2f2;
}
.prod_abierto .documentos{
	display: block;
	padding-top: 45px;
	padding-bottom: 30px;
	text-align: center;
}
.prod_abierto .documentos a{
	display: inline-block;
	margin: 0px 10px;
	padding-top: 50px;
	color: #00aae6;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 48px;
	vertical-align: top;
	text-decoration: underline;
	line-height: 16px;
}
.prod_abierto .documentos .h_tecnica{
	background-image: url(../images/prod_doc_1.svg);
}
.prod_abierto .documentos .h_seguridad{
	background-image: url(../images/prod_doc_2.svg);
}
.prod_abierto .documentos .flyer{
	background-image: url(../images/prod_doc_3.svg);
}
.prod_abierto h4{
	margin-top: 12px;
	margin-bottom: 20px!important;
	font-size: 18px;
	line-height: 20px;
	text-decoration: none;
}
.prod_abierto p{	
	margin: 0px!important;
	padding-right: 20px;
	font-size: 13px!important;
	line-height: 18px!important;	
}
.prod_abierto .tags {	
	padding: 0px!important;
}
.prod_abierto .pedido {
	margin-top: 35px;	
	padding-right: 18px;
}
.prod_abierto .pedido .row{	
	margin: 0px;	
}
.prod_abierto .pedido .col {	
	padding: 5px 0px;
	padding-right: 5px;
}
.prod_abierto .pedido .row {	
	border-bottom: 1px solid #b1b1b1;
}
.prod_abierto .pedido .th {	
	border-bottom: 2px solid #00aae6;
	font-family: 'Mark-Medium';
}
.prod_abierto .pedido .form-control {
	width: 65px;
    margin: 0px;
    background: #cce3e3;
    text-align: center;
}
.prod_abierto .pedido a {
	float: right;	
	margin-top: 15px;
	margin-bottom: 30px;
	color: #00aae6;
	text-decoration: underline;
}



/*
	SECCION
*/
.seccion{
	padding: 30px 0px;
}
.seccion .botonera{

	margin-top: 20px;
	margin-bottom: 35px;
}
.seccion .botonera a::before{
	content: "|";
	margin: 0px 20px;
	color: #404040;
}
.seccion .botonera a:nth-child(1)::before{
	display: none;
}
.seccion .botonera .active, .botonera a:hover{
	color: #00aae6;
	opacity: 1;
}
.seccion h6{
	margin: 0px;
	margin-bottom: 20px;
	font-size: 13px;
	text-decoration: underline;
	color: #00aae6;
}
.seccion b{
	color: inherit;
	font-family: 'Mark-Medium';
}
.seccion p{
	margin: 0px;
}
.seccion .sep{
	position: relative;
	float: left;
	width: 100%;
	margin: 20px 0px;
	border-top: 1px solid #b1b1b1;
}
.seccion .form-control {
	margin-bottom: 10px;
    background: #cce3e3;
}
.seccion textarea {
	position: relative;
	float: left;
	width: 100%;
	height: 132px;
	margin-top: 10px;
    background: #cce3e3;
    border: none;
}
.seccion .bot{
	float: right;
	margin-top: 20px;
	color: #00aae6;
	/*text-decoration: underline;*/
}
.seccion .radios{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 12px;
	border-top: 1px solid #646464;
	border-bottom: 1px solid #646464;
}
/*.seccion .radios .col{
	padding: 0px;
}
.seccion .radios .col:nth-child(2){
	padding-left: 15px;
}*/
.seccion .radios .radio {	    
    margin-top: 0px;
    margin-bottom: 12px;
}
.seccion .radios input {
    top: -3px;
}
.seccion .links a{
	display: inline-block;
	margin-bottom: 15px;
}


.video_play_overlay {
	display: inline-block;
	font-size: 80px;
	right: 305px !important;
	top: 100px !important;
	background-image: url('') !important;
	color: rgba(0,169,230,0.66);
}

/*
	NOVEDADES, CAPACITACIÓN, TWITTER
*/
.nov_tw{
	padding-top: 30px;
	padding-bottom: 50px;
}
.nov_tw h4{
	margin: 0px;
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 20px;
	color:#00aae6;
	font-family: 'Mark-Book';
	text-decoration: underline;
}
.novedades{
	border-right:1px solid #b1b1b1;
}
.novedades .top a::before{
	content: "|";
	margin: 0px 15px;
	color: #404040;
}
.novedades .top a:nth-child(1)::before{
	display: none;
}
.novedades .top .active, .novedades .top a:hover{
	color: #00aae6;
	opacity: 1;
}
.novedades .img{
	position: relative;
	height: 275px;
}
.novedades .img a{
	position: absolute;
	width: 12px;
	height: 16px;
	right: 10px;
	top: 10px;
	background: url(../images/share_bco.svg) right top no-repeat;
}
.novedades h2{
	margin-top: 30px;
	margin-bottom: 15px;
	line-height: 30px;
	color:#00aae6;
}
.novedades p{
	margin-bottom: 35px;
}
.novedades .thumb{
	height: 380px;
	height: auto;
	border-left:1px solid #b1b1b1;
	    min-height: 350px;
}
.novedades .thumb:nth-child(1){
	border: none;
}
.novedades .thumb .img{
	position: relative;
	height: 130px;	
}
.novedades .thumb h4{
	margin-top: 20px;
	margin-bottom: 15px;
	line-height: 22px;
	text-decoration: none;
	display            : -webkit-box;
	-webkit-box-orient : vertical;
	position           : relative;
	line-height        : 1;
	overflow           : hidden;
	text-overflow      : ellipsis;
	-webkit-line-clamp : 2;	
}
.novedades .thumb p{
	margin: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    /*height: calc(1em * 1.4 * 5);*/
}
.novedades .thumb .pie{
	position: absolute;
	bottom: 0px;
    position: relative;
    margin-top: 5px;
    bottom: auto;
}
.novedades .thumb .pie a, .novedades a{
	position: relative;
	float: left;
    color: #00aae6;
    text-decoration: underline;
}
.novedades .thumb a::before{
	content: "|";
	margin: 0px 15px;
	text-decoration: none!important;
}
.novedades .thumb a:nth-child(1)::before{
	display: none;
}
.twitter{
	left: -1px;
	border-left:1px solid #b1b1b1;
	font-size: 18px;
	line-height: 22px;
}
.twitter h6{
	margin: 0px;
	margin-bottom: 2px;
	color: #b1b1b1;
	font-family: 'Mark-SmallCaps-Regular';
	font-family: 'mark-smallcaps-regulsmallcaps';
}
.twitter h6 a{
	color: #646464;
}
.twitter .tweet{
	padding-top: 20px;
	border-bottom:1px solid #b1b1b1;
}
.twitter .tweet:nth-child(2){
	padding-top: 0px;
}
.twitter .tweet:nth-last-child(1){
	border: none;
}
.tweet .col{
	padding-right: 0px;
}
.tweet .img{
	position: relative;
	float: left;
	border-radius: 5px;
	border: 1px solid #00aae6;
}
.tweet .img::before{
	content: "";
	display: block;
	padding-top: 100%;
}
.tweet p{
	margin-bottom: 20px;
}






/*
	SELECT CUSTOM
*/
.select_custom {
    position: relative;
	padding: 0px 5px;
	padding: 0px;
  	background: #cce3e3;
  	border-radius: 12px;
  	margin-bottom: 10px;
  	overflow-x: hidden;
}
.select_custom::before {
	position: absolute;
	right: 10px;
	top: 6px;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    pointer-events: none;
}
.select_custom .form-control{
	width: 120%;
  	background: transparent; 
  	margin-bottom: 0px;
}




/*
	FANCY
*/
.fancybox-overlay-fixed {
    background: rgba(255,255,255,0.75)!important;
}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5)!important;
    -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5)!important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5)!important;
    border-radius: 0px!important;
}
.fancybox-close {
    display: none;
}




/*
	MODAL
*/
.modal-backdrop {
	background: rgba(255,255,255,0.75)!important;
	opacity: 1!important;
}
.modal-content {
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5)!important;
    -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5)!important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5)!important;
    border-radius: 0px!important;
    border: none;
}
.modal-title {
    margin: 0px!important;
}



.productos .items .col {
		height: 490px;
}


.productos .categorias .items .col {
		height: auto !important;
}

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






	.buscador .select2-container--default .select2-selection--single .select2-selection__placeholder {
	    color: #555 !important;
	    letter-spacing: 0 !important;
	}
	.buscador .form-control {

	}

	::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   	 color:    #555 !important;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #555 !important;
	   opacity:  1 !important;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #555 !important;
	   opacity:  1 !important;
	}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color:    #555 !important;
	}
	::-ms-input-placeholder { /* Microsoft Edge */
	   color:    #555 !important;
	   ;
	}

	.video_play_overlay {
		right: 245px !important;
		top: 100px !important;
	}
	

	.resp{
		display:block!important;
	}
	.no_resp{
		display: none!important;
	}

	.cont_gral{
		overflow-scrolling:touch;
		-webkit-overflow-scrolling: touch;
	}

	.navbar {
	    height: 50px;
	}
	.navbar .container{
		width: 100%;
	}
	.navbar .navbar-brand, .navbar .navbar-brand:hover{
	    position: absolute;
	    width: 80px;
	    margin: 0px;
        margin-top: 8px;
        left: 50%;
	    transform: translateX(-50%);
	}
	.navbar .red {
	    margin-left: 10px;
	    margin-top: 16px;
	}
	.navbar .navbar-collapse{
		display: none;
		position: absolute;
	    left: 0px;
	    top: 50px;
        padding: 20px 0px 0px 25px;
	    /*height: calc(100vh - 50px)!important;*/
	    background: rgba(255,255,255,0.9);
	    text-align: left;
	    overflow-y: auto;
	}
	.navbar .navbar-collapse a {
	    display: block;
	    margin-right: 0px;
	    margin-top: 0px;
	    margin-bottom: 15px;
	    font-size: 20px;
	    line-height: 20px;
	}
	.navbar .navbar-collapse a:focus {
	    text-decoration: underline!important;
	}
	.navbar .dropdown-menu{
		position: relative;
		left: 0px;
		top: 0px;
		padding: 0px;
		padding-left: 15px;
		padding-bottom: 10px;
		background: none;
	}
	.navbar .dropdown li{
		margin: 0px;
		padding: 0px;
		padding-bottom: 10px;
	}
	.navbar .dropdown li a{		
		font-size: 16px;
		line-height: 16px;
	}
	.navbar .navbar-toggle{
		position: absolute;
		width: 20px;
		height: 20px;
		margin: 0px;
		left: 15px;
		top: 15px;
		background:url(../images/nav_toggle.svg) left center no-repeat;
		background-size: 12px;
		display: block;
		-webkit-transition: all 250ms ease-out;
		-moz-transition: all 250ms ease-out;
		-o-transition: all 250ms ease-out;
		-ms-transition: all 250ms ease-out;
		transition: all 250ms ease-out;
	}
	.navbar .navbar-toggle.active{
		background:url(../images/nav_toggle_close.svg) left center no-repeat;
		background-size: 12px;
	}
	.navbar .redes.active{
		background:url(../images/nav_redes_close.svg) left center no-repeat;
		border-color: #00a0dd;
	}
	.navbar .redes_resp{
		display: none;
		position: absolute;	 
		width: 100%;
		left: 0px;   
	    top: 50px;
	    background: rgba(255,255,255,0.9);
	    text-align: center;
	}
	.navbar .redes_resp ul{
		position: absolute;
		width: 100%;
		margin: 0px;
		padding: 0px;
		top: 50%;
		transform: translateY(-50%);
	}
	.navbar .redes_resp .red{
		float: none;
		width: 70px;
		height: 70px;
		margin: 15px 0px;
		border-width: 3px;
		border-radius: 70px;
	}
	.navbar .buscar_open {
	    left: auto;
	    right: 30px;
	    top: 16px;
	    padding-left: 5px;
	    padding-right: 22px;
	}
	.navbar .buscador{
	    top: 50px;
	}

	.cont_gral {
	    position: absolute;
        width: 100%;
	    margin-top: 0px;
	    top: 50px;
	    bottom: 0px;
	    overflow-y: auto;
	}	

	.seccion .botonera a::before {
	    margin: 0px 5px;
	}

}



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



	.buscador .select2-container--default .select2-selection--single .select2-selection__placeholder {
	    font-size: 11px !important;
	}

	.video_play_overlay {
		right: 280px !important;
		top: 43px !important;
	}
	
	.productos .items .col {
		height: 450px;
	}

	.resp_2{
		display: block!important;
	}
	.no_resp_2{
		display: none!important;
	}

	body {
	    font-size: 11px;
	    line-height: 16px;
	}
	.navbar .red.shop .cant {
	    font-size: 10px;
	    line-height: 11px;
	}
	.footer {
	    font-size: 12px;
	}
	.footer .col{
		margin-bottom: 15px;
	}	
	.footer .fiscal {
    	float: left;
    }
    .footer .col:nth-last-child(1) br{
		display: none;
	}
	.slid {
	    height: 320px;
	}
	.owl-carousel .item {
	    height: 320px;
	}
	.owl-carousel .item h2 {
	    margin-left: 10px;
	    margin-top: 30px;
	    font-size: 18px;
	    line-height: 18px;
	}
	.owl-carousel .owl-dots {
	    position: absolute;
	    width: 100%;
	    right: 0px;
	    top: auto;
	    transform: translateY(0%);
	    bottom: 15px;
	    text-align: center;
	}
	.owl-carousel .owl-dot {
	    display: inline-block;
	    margin: 0px 5px;
	}
	.slid .scroll {
	    display: none;
	}
	.form-control {
	    height: 22px;
	    border-radius: 10px;
	    font-size: 11px;
	}
	.modulos .input-group .form-control {
	    margin-bottom: 0px;
	}
	::-webkit-input-placeholder {
	  color: #646464!important;
	}
	:-moz-placeholder { 
	  color: #646464!important;
	}
	::-moz-placeholder {  
	  color: #646464!important;
	}
	:-ms-input-placeholder {
	  color: #646464!important;
	}
	.modulos .panel .row {
	    margin: 0px;
	}	
	h4 {
	    font-size: 16px!important;
	    line-height: 18px!important;
	}
	.modulos h4 {
		margin-bottom: 20px!important;
	    font-size: 16px!important;
	    line-height: 18px!important;
	}
	.modulos .mod_1 .log {
	    padding-left: 0px;
	    font-size: 11px;
	}
	.modulos .panel .img {
	    height: 170px;
	}
	.modulos .mod_2 .col .row {
	    margin: 0px;
	}
	.modulos ._2 {
	    padding-left: 15px;
	}
	.modulos .mod_2, .modulos .mod_3 {	    
	    font-size: 11px;
	}
	.modulos .mod_3 .col .row {
	    margin: 0px;
	}
	.modulos .mod_5 .owl-carousel .owl-prev, .modulos .mod_5 .owl-carousel .owl-next{
		display: none;
	}

	.seccion h4 {
	    margin-bottom: 30px;
	    font-size: 20px!important;
	    line-height: 20px!important;
	}

	.seccion .botonera {
	    display: none;
	}
	.distribuidores .botonera {
		display: block;
	}
	.seccion h5 {
	    margin: 0px;
	    margin-bottom: 15px;
	    font-size: 18px;
	    color: #00aae6;
	}
	.seccion h6 {
	    margin-bottom: 10px;
	    font-size: 18px;
	    text-decoration: none;
	}
	.seccion p {
	    font-size: 12px;
	}	

	.novedades .img {
	    height: 160px;
	        text-align: center;
	}
	.novedades h2 {
	    margin: 12px 0px;
	    font-size: 18px;
	    line-height: 20px;
	}
	.novedades .thumb {
	    height: auto;
	}
	.novedades .thumb .pie {
	    position: relative;
	    margin-top: 10px;
	}
	.tweet p {
	    font-size: 16px;
	    line-height: 18px;
	    margin-bottom: 15px;
	}
	.tweet .col:nth-child(2) {
	    padding-left: 10px;
	}

	.lista {
	    margin-top: 25px;
	}

	.prod_abierto p {
	    font-size: 12px!important;
	    line-height: 16px!important;
	}


}




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

	.novedades .thumb {
  		 min-height: auto;
	}

	.twitter {
	    clear: both;
	}



	.modal-backdrop {
	    z-index: 900 !important; 
	    display: none !important;
	}

	.modal {
		top: 70px !important;
    	z-index: 1050 !important;
	}
	.modal.in .modal-dialog {
		z-index: 1100 !important; 
	}
	.lista .col .final, .lista .col .descueto_final, .lista .col .total {
	    position: relative !important;
	}


	.capacitacion .novedades .thumb {
	    min-height: 338px;
	    padding-bottom: 30px;
	}

	.productos .items .col {
		height: auto;
	}

	.video_play_overlay {
		display: inline-block;
	    font-size: 80px;
	    right: auto !important;
	    top: 47px !important;
	    background-image: url(custom.css) !important;
	    color: rgba(0,169,230,0.66);
	    margin-left: -30px;
	}
	
	
	.no_resp_3{
		display: none!important;
	}
	.resp_3{
		display:block!important;
	}

	.lista .resp_3{
		display: inline-block!important;
		width: 115px;
		font-family: 'Mark-Medium';
	}

	.modulos .panel {
	    height: 200px;
	    height: auto;
        margin-bottom: 10px;
        padding-bottom: 0px;
	}
	.modulos .panel .img {
		position: relative;
		width: auto;
	    height: 145px;	    
	    margin-left: -10px;
	    margin-right: -10px;
	}
	.modulos .mod_2{
	    margin-top: 20px;
	    margin-bottom: 40px;
	}
	.modulos .mod_2 .col {
	    margin-bottom: 0px;
	}
	.modulos ._2 {
	    border: none;
	}
	.modulos ._2::before {
	    content: "";
	    display: block;
	    margin: 20px 0px;
        border-top: 1px solid #b1b1b1;
	}
	.modulos .mod_3 ._2 {
	    height: auto;
	}
	.modulos .mod_4 a {
	    margin: 0px 10px;
	}
	.modulos .mod_4 img {
	    height: 35px;
	}

	.novedades .img {
	    width: auto;
	    margin: 0px -15px;
	}
	.novedades {
	    border-right: none;
	}
	.novedades .thumb {
	    position: relative;
	    float: left;
	}
	.novedades .thumb .pie a {
	    margin-bottom: 30px;
	}
	
	.twitter h4 {
	    color: white;
	    height: auto;
	}
	.twitter .tweet {
		padding-top: 0px;
	    border-bottom: none;
	}
	.twitter .tweet::before {
	    content: "";
	    display: block;
	    margin: 20px 15px;
        border-top: 1px solid #b1b1b1;
	}
	.tweet p {
	    margin-bottom: 0px;
	}
	.tweet .col:nth-child(2) {
	    padding-right: 15px;
	}
	.footer {
	    padding-bottom: 30px;
	}

	.lista {
	    padding-right: 0px;
	}
	.lista .row {
	    margin-top: 30px;
	    border-bottom: none;
	}
	.lista .col {
		padding-left: 115px!important;
		padding-right: 0px;
	    border-bottom: 1px solid #b1b1b1;
	}
	.lista .row .col:nth-child(1) {
	    border-bottom: 3px solid #00aae6;
	}
	.lista .col span {
		position: absolute;
		left: 0px;
	}
	.lista .form-control {
	    width: 65px!important;
	}
	.lista a {
	    float: right!important;
	    margin-top: 35px!important;
	    margin-bottom: 20px!important;
	}
	.seccion .radios {
	    margin: 20px 0px;
	}
	.seccion .radios .col {
		padding: 0px;
	}

}