html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td,input,select,textarea
{
    border: 0;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

header,section,footer,aside,nav,main,article,figure{
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0px;
    min-width: 320px;
    font-size: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size:.8em;
}

a,
a:hover {
    text-decoration: none;
    display: block;
    cursor: pointer;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}



header{
    position:fixed;
    width:100%;
    text-align:center;
    z-index:999;
    background:#FFFFFF;
}

.logo{
    float:left;
    margin-top:8px;
    width:200px;
}
nav{
    margin:0 auto;
    width:100%;
    max-width:1180px;
}
nav ul{
    float:right;
    list-style: none; 
}
nav ul li{
    position: relative;
    font-size:1.15em;
    float:left; 
    display:block;
    width:auto;
    text-align:center;
    font-weight:700;
    letter-spacing: 1px;
}
nav ul li a{
    width:100%;
    color:#000000;
    padding:25px;
}
nav ul li a.active{
    color:#3b93d0; 
}
nav ul li a:hover{
    color:#3b93d0; 
}
nav ul li.nav-button{
background:#3b93d0;  
margin-left:19px;
}
nav ul li.nav-button a{
color:#FFFFFF;
 padding:25px;
}
nav ul li.nav-button a:hover{
background:#ff7b2b;
}
.header-section{
    clear:both;
    float:left;
    width:100%;
    overflow:hidden;
    height:400px;
}
.section-title{
    font-size:5em;
    color:#FFFFFF;
    text-align:center;
    width:100%;
    line-height:430px;
    font-weight:700;
}
.section-title-prof{
    font-size:5em;
    color:#FFFFFF;
    text-align:center;
    width:100%;
    padding-top:170px;
    font-weight:700;
}
.section-bck-venta{
    background:url('../images/ventas-bck.jpg') no-repeat center top;
    background-size:cover;
    }
.section-bck-nosotros{
    background:url('../images/nosotros.jpg') no-repeat center top;
    background-size:cover;
}
.section-bck-contacto{
    background:url('../images/contacto-bck.jpg') no-repeat center top;
    background-size:cover;
    }
.section-bck-comercio{
    background:url('../images/comercio-bck.jpg') no-repeat center top;
    background-size:cover;
    }

/* menu */
#menu{
    display:none;
    top:68px;
    position:absolute;
    width:100%;
    min-height:345px;
    background: linear-gradient(to right, #eeeeee 0%, #eeeeee 50%,#000000 50%,white 50%,white 100%);
    z-index:998;
}
.menu-contents{
    margin:0 auto;
    width:100%;
    max-width:1180px;
    overflow:hidden;
    height:100%;
    }
.menu-nav-left-container{
    height:100%;
     overflow:hidden;
}
.menu-nav-left{
    float:left;
    width:20%;
    background:#eeeeee;  
    height:100%;
    min-height:100%;
    position:relative;
    overflow:hidden;
    display:block;
    }
.menu-nav-right{
    position:relative;
    float:left;
    width:80%;
    background:#ffffff;  
    }
.menu-nav-left ul{
    float:right;
    list-style: none; 
}
.menu-nav-left ul li, .menu-prof{
    font-size:1.1em;
    float:left; 
    display:block;
    width:100%;
    text-align:right;
    letter-spacing: 1px;
    padding:1em;
}
.menu-nav-left ul li{
    color:#000000;
}
.menu-nav-left ul li.active{
    font-weight:700;
    color:#3b93d0;
}
.menu-nav-left ul li a{
    color:#000000;
}
.menu-nav-left ul li a.active{
    font-weight:700;
    color:#3b93d0;
}
.menu-prof{
    position:absolute;
    left:-186px;
    width:auto;
    bottom:10px;
}
.menu-prof a{
  text-decoration:underline;
  color:#000000;
}
.menu-prof p{
    font-size:.8em;
    }
/* submenu */
.submenu{
    float:left;
    padding:1em 0 1em 1.5em;
    width:100%;
    min-height:345px;
}
.submenu ul {
    float:left;
    list-style: none; 
    padding-bottom:2em;
    width:100%;
    max-width:33.33%;
    padding-right:2em;
    }

.submenu ul li a{
    color:#000000;
    padding:.5em 0 0 0;
    font-family:  Arial, Helvetica, sans-serif;
    }
.submenu ul li.submenu-title{
    font-size:1em;
    float:left; 
    display:block;
    width:100%;
    letter-spacing: 1px;
    font-weight:700;
    padding-top:.2em;
    padding-bottom:1em;
}

.menu-nav-left ul li a:hover,.menu-prof a:hover, .submenu ul li a:hover{
    color:#3b93d0;
}
.submenu-products {
    float:right;
    width:100%;
    max-width:25%;
    height:100%;
    }
.submenu-products img{
    width:100%;
    max-width:172px;
    position:absolute;
    top:4em;
    right:10px;
    }
/* */
section{
    clear:both;
    float:left;
    width:100%;
}
.contents{
    margin:0 auto;
    width:100%;
    max-width:1180px;
}
.contents-center{
    margin:0 auto;
    display:table;
    padding:3em 0 3em 0;
}
h1{
    width:100%;
    text-align:center;
    padding:1em 0 .8em 0;
    font-size:2.9em;
    font-weight:700;
    letter-spacing: 2px;
}
h1 span{
   
    font-size:.75em;
    font-weight:400;
    letter-spacing:0;
}

h2{
    width:100%;
    text-align:center;
    padding:0 0 1em 0;
    font-size:1.1em;
    font-weight:700;
    color:#000000;
}

h3{
    width:100%;
    text-align:center;
    padding:1em 0 .8em 0;
    font-size:1.6em;
    font-weight:400;
}

/* textos bck */
.title-bck{
    position:absolute;
    z-index:-1;
    color:#f3f1ee;
    font-size:13vw;
    width:100%;
    text-align:center;
    font-weight:700;
    padding-top:200px;
}

/* */
.column-4{
    float:left;
    width:23.25%;
    position:relative;
    padding-bottom:30px;
}
.column-4 .img-wrapper, .news-wrapper, .news-wrapper-text{
    width:100%;
    height:100%;
    background:#fff;
    position:absolute;
    z-index:2;
}
.news-wrapper-grey, .news-wrapper-text-grey{
    width:100%;
    height:100%;
    background:#f6f4f2;
    position:absolute;
    z-index:2;
}
 .video-wrapper{
    width:100%;
    height:100%;
    background:#292929;
    position:absolute;
    z-index:2;
}
.video-text-wrapper{
    width:100%;
    height:100%;
    background:#292929;
    position:absolute;
    z-index:2;
}
 .white-wrapper{
 
    background:#FFFFFF;

}

.video-text{
    clear:both;
    float:left;
    width:100%;
    position:relative;
}
.column-2{
    float:left;
    width:48.87%;
    position:relative;
}
.column-gap{
    float:left;
    width:2.25%;
    position:relative;
}
.column-2a{
    width:51%;
}
.column-2b{
    width:46.74%;
}
.sup-image{
    width:100%;
}
.sup-image-sel{
    z-index:10;
    position:absolute;
    right:-43px;
    bottom:20px;
}
.search-box{
    position:relative;
    width:100%;
    clear:both;
    float:left;
    border:1px solid #000000;
    min-height:130px;
    margin-bottom:2em;
    background:url(../images/search-bck.png) no-repeat right top;
    background-size:auto 100% ;
}
.search-title{
    width:36%;
    float:left;
    padding:2.7em 0 0 4.5em;
}
.search-title-small{
    font-size:1em;
}
.search-title-big{
    padding-top:.1em;
    font-size:1.9em; 
    font-weight: 700;
}
.search-button{
    position:absolute;
    top:45px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width:187px;
}
.button{
    color:#ffffff;
    background:#3b93d0; 
    padding:.8em .5em .8em .5em;
    min-width:187px;
    text-align:center;
    font-size:1.1em;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 2px;
    cursor:pointer;
    min-height:40px;
}
.button:hover{
background:#3598dc;
}
.video-responsive {
float:left;
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 0; /* IE6 workaround*/
height: 0;
overflow: hidden;
width:100%;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-title{
   color:#FFFFFF;
   width:100%;
   float:left;
   clear:both;
   margin:.8em 0 0 0;
   font-size:1.1em;
   font-weight:700;
}
.video-details{
   color:#FFFFFF;
   width:100%;
   float:left;
   clear:both;
   margin:.4em 0 0 0;
   font-size:1.6em;
}
.news-block{
    width:100%;
}
.news-title{
   width:100%;
   float:left;
   clear:both;
   margin:.4em 0 0 0;
   font-size:1.8em;
}
.us-details{
   width:100%;
   float:left;
   clear:both;
   margin:3em 0 3em 0;
   font-size:1.6em;
   line-height:1.8em;
}
.news-title-big{
   width:100%;
   float:left;
   clear:both;
   margin:1em 0 .5em 0;
   font-size:2.4em;
}
.news-details-big{
    font-size:1.4em;
    line-height:1.6em;
}
.section-black{
   background:#292929;
}
.section-grey{
   background:#f6f4f2;
}

.title-white{
   color:#FFFFFF;
}
.title-black{
   color:#000000;
}
.title-mtop{
    margin:2em 0 2em 0;
}
.subtitle{
    width:100%;
   float:left;
   clear:both;
   margin:.4em 0 0 0;
   font-size: 1.6em;
}
.small-title{
   width:100%;
   float:left;
   clear:both;
   font-size:1.2em;
}

.news-details{
   width:100%;
   float:left;
   clear:both;
   margin:.8em 0 0 0;
   font-size:1.4em;
   font-family:  Arial, Helvetica, sans-serif;
   line-height:1.4em;
}
.link-text,.link-text:hover{
  color:#ff864a;
  clear:both;
  float:left;
  margin-top:.4em;
  font-size:1.3em;
}
.link-text2,.link-text2:hover{
  color:#000000;
  clear:both;
  float:left;
  margin-top:1em;
  font-size:1.3em;
  font-weight:700;
}
.link-text:hover,.link-text2:hover{
    text-decoration:underline;
}
.faq-container{
    clear:both;
    float:left;
    width:100%;
    border:2px solid #b3b3b3;
    font-family:  Arial, Helvetica, sans-serif;
    font-size:1.2em;
    margin-bottom:1.5em;
}
.faq-selector{
    clear:both;
    float:left;
    width:100%;
    min-height:50px;
    font-weight:bold;
    padding:1em 1.5em 1em 1.5em;
    }
.faq-selector div{
    width:calc(100% - 80px);
}
.faq-open{
    background:url(../images/arrow-up.png) no-repeat right top;
    background-size:68px auto;
    }
.faq-close{
    background:url(../images/arrow-down.png) no-repeat right top;
    background-size:68px auto;
    }
.faq-content{
    display:none;
    clear:both;
    float:left;
    width:100%;
    padding:2em 1.5em 2em 1.5em;
    line-height:1.6em;
    color:#656565;
    }

footer{
    clear:both;
    float:left;
    width:100%;
    background:#000000;
    padding:1.5em 0 1.5em 0;
}
.footer-logo{
    float:left;
    width:120px;
}
.footer-nav{
    list-style:none;
    float:left;
    padding:1.5em 0 0 5em;
}
.footer-nav li{
    clear:both;
    float:left;
    }
.footer-nav li a{
     color:#ffffff;
     height:25px;
     
    }
.footer-info{
    float:left;
    color:#ffffff;
    padding:0 0 0 5em;
    font-family:  Arial, Helvetica, sans-serif;
    line-height:1.4em;
}
.arial-bold{
    font-weight:bold;
}
.footer-social{
    float:right;
    color:#ffffff;
    font-size:.9em;
    padding:0 0 0 7em;
    font-family:  Arial, Helvetica, sans-serif;
    line-height:1.2em;
}
.footer-social ul{
    list-style:none;
    clear:both;
    float:left;
}
.footer-social ul li{
    float:left;
}
.footer-social ul li a{
    float:left;
    height:31px;
    margin:1.8em 2em 0 0;
}
.ic-fb{
    width:31px;
    background:url(../images/ic-fb.svg) no-repeat left top;
}
.ic-in{
    width:31px;
    background:url(../images/ic-in.svg) no-repeat left top;
}
.ic-yt{
    width:41px;
    background:url(../images/ic-yt.svg) no-repeat left top;
}

/* pdv */
.column2-big{
clear:both;
float:left;
padding-right:2em;
width:65%;
}
.column2-small{
float:left;
width:35%;
}
.subtitle-small{
    float:left;
    clear:both;
    font-size:1.2em;
}

/* forms */
.inputSearch{
    width:100%;
    max-width:518px;
    padding:.8em 1em .8em 1em;
    border:none;
    background:#FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size:1.1em;
    margin-right:1em;
}
.inputForm{
    width:100%;
    max-width:200px;
    padding:.8em 1em .8em 1em;
    border:none;
    background:#FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size:1.1em;
    margin-right:1em;
}
.inputFormBuscar{
    width:100%;
    max-width:200px;
    border:solid 1px #000;
    background:#FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size:.9em;
    height:38px;
}
.inputResized{
    max-width:100%;
    margin:0;
    height:55px;
}
.inputTextarea{
     width:100%;
    font-family: 'Montserrat', sans-serif;
    font-size:1.1em;
    height:200px;
    float:left;
}
.contact-ref{
    font-size:1.2em;
    padding:1em 0 .5em 0;
}

/* productos */
.category-selector{
    border:1px solid #FFFFFF;
    display:block;
    height:152px;
    overflow:hidden;
    position:relative;
}
.category-selector-all{
    border:1px solid #000000;
}
.category-selector p{
    height:100%;
    width:100%;
    text-align:center;
    line-height:150px;
    font-weight:bold;
    font-size: 1.2em;
    font-weight: 700;
    color:#000000;
    position:absolute;
    z-index:2;
    }
.category-selector p:hover{
    background:url(../images/orange-bck.png);
    color:#FFFFFF;
}
.category-selector img{
    position:absolute;
    object-fit: cover;
    min-width:100%;
    z-index:1;
}
.buscador-selector{
    border:1px solid #FFFFFF;
    display:block;
    height:165px;
    width:180px;
    max-width:;
    overflow:hidden;
    position:relative;
}
.buscador-selector p{
    height:100%;
    width:100%;
    text-align:center;
    line-height:160px;
    font-weight:bold;
    font-size: 1.2em;
    font-weight: 700;
    color:#FFFFFF;
    position:absolute;
    z-index:2;
    }

.buscador-selector img{
    left:0;
    top:0;
    position:absolute;
     height:100%;
    width:100%;
    z-index:1;
}

.container-fit{
    width:auto;
    max-width:780px;

}
.grey-selector{
     background:#ededed;
}

/* */

.dropdown {
  min-width: 273px;
  display: inline-block;
  background-color: #ededed;
  transition: all .5s ease;
  position: relative;
  font-size: 1.2em;
  color: #000000;
  height: 100%;
  text-align: left;
}
.dropdown .select {
    cursor: pointer;
    display: block;
}
.dropdown p {
    padding: 0 0 0 1em;
    width:calc(100%-62px);
    float:left;
    line-height:55px;
}
.dropdown .select > i {
   background:url(../images/select-down.png) no-repeat right top;
   background-size:100% auto;
   width:58px;
   height:54px;
   float:right;
}

.dropdown:active {
    background-color: #ededed;

    
}
.dropdown.active:hover,
.dropdown.active {
   
    background-color: #ededed;
  
}

.dropdown.active .select > i {
    transform: rotate(-180deg);
}
.dropdown .dropdown-menu {
    position: absolute;
    background-color: #ededed;
    width: 100%;
    left: 0;
    top:55px;
    overflow: hidden;
    display: none;
    /*max-height: 144px;*/
    overflow-y: auto;
}
.dropdown .dropdown-menu li {
    padding: 0 20px 15px 20px;
    transition: none;
    cursor: pointer;
    font-size:.9em;
} 
.dropdown .dropdown-menu {
    padding: 0;
    list-style: none
}

.dropdown .dropdown-menu li:hover {
   color:#3598dc;
}
.dropdown .dropdown-menu li:active {
  
}
select:focus, input:focus {
  outline: none;
}

.drop-index-1{
     z-index:9;
}
.drop-index-2{
     z-index:8;
}
.drop-index-3{
     z-index:7;
}
.drop-index-4{
     z-index:6;
}
.drop-index-5{
     z-index:5;
}
.drop-index-6{
     z-index:4;
}
.drop-index-7{
     z-index:3;
}
.drop-index-8{
     z-index:2;
}
.drop-index-9{
     z-index:1;
}

/* columnas productos */
.row-prods{
    display:flex;
}
.col-prods{
    float:left;
    width:33.33%;
    position:relative;
    padding:0 1em 0 1em;
    text-align:center;
    border:1px solid #ffffff;
    cursor: pointer;
}
.col-prods  p{
    color:#000000;
    }
.col-prods img{
    max-width:75%;
    margin:0 auto;
    }
.products-filter{
 width:100%;
 clear:both;
 float:left;
 font-weight:700;
 font-size:.9em;
 text-align:center;
}
.products-name{
 width:100%;
 clear:both;
 float:left;
 font-weight:700;
 font-size:1.4em;
 padding-top:.3em;
 text-align:center;
 color:#3598dc;
}
.products-type{
 width:100%;
 clear:both;
 float:left;
 font-size:1.5em;
 padding:.5em;
 text-align:center;
font-family:  Arial, Helvetica, sans-serif;
}

.products-description{
 width:100%;
 clear:both;
 float:left;
 font-size:1.1em;
 padding:1em;
 text-align:center;
 font-family:  Arial, Helvetica, sans-serif;
 line-height:1.3em;
}
.products-description ul{
    list-style:none;
 
}
.products-description ul li:before{

     content: '\2022';

}

.col-prods:hover{
    /*background:#ffede5;*/
    border:1px solid #d4d4d4
}

.abs-bot{
position:absolute;
bottom:0;
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto; 
margin-top:1em;
margin-bottom:2em;
max-width:187px;
}

.title-section{
    text-align:left;
    font-size:1.7em;
    letter-spacing: 0;
}

.guide-bot{
    float:left;
    margin:1em 1em 0 0;
    background:#ededed;
    color:#3598dc;
    font-size:1.1em;
    padding:20px 32px 20px  62px;
}
.ic-guide{
     background:#ededed url(../images/ic-guide.png) no-repeat 28px 18px;
    }
.ic-search{
    background: #ededed url(../images/ic-search.png) no-repeat 20px 20px;
    }

/* producto */
.section-header{
    margin-top:140px;
}
.nav-prod{
    clear:both;
    float:left;
    
    width:100%;
    font-size:1em;
    list-style:none;
}
.nav-prod li{
    float:left;
    color:#000000;
    padding-right:.5em;
}
.nav-prod li span{
    text-decoration:underline;
}


.nav-prod li a{
    text-decoration:none;
    color:#8f8f8f
  
}
/* reset colors */
 .white{
    color:#FFFFFF;
}
 .black{
    color:#000000;
}
.x-pad-bottom{
    clear:both;
    float:left;
    height:90px;
    width:100%;
    display:block;
}
.x-pad-bottom-small{
    clear:both;
    float:left;
    height:50px;
    width:100%;
    display:block;
}

/* producto */
.product-img{
    clear:both;
    float:left;
    width:50%;
}
.product-info{
    float:left;
    width:50%;
   padding-top:3em;
}

.product-img img{
    float:right;
    max-width:400px;
}
.product-title{
    clear:both;
    float:left;
    font-size:1.8em;
    width:100%;
}
.product-subtitle{
    clear:both;
    float:left;
    font-size:1.1em;
    width:100%;
    font-weight:700;
}
.product-description{
    margin:1em 0 0 0;
    clear:both;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.2em;
    width:100%;
    max-width:400px;
}
.product-description ul{
    clear:both;
    float:left;
    width:100%;
}
.product-description ul li{
    margin-left:1.1em;
}
.product-list{
    margin:.5em 0 0 0;
    clear:both;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    padding-left:1.2em;
    font-size:1.2em;
    max-width:400px;
}
.product-list li{
    padding-top:.4em;
}

.submenu-product{
    clear:both;
    float:left;
    width:100%;
    list-style: none; 
    background:#ededed;
}
.submenu-product li{
    font-size:1.3em;
    float:left; 
    display:block;
    width:auto;
    text-align:center;
    min-width:18%;
}
.submenu-product li a{
   padding:.5em 2.8em .5em 2.8em;
   color:#000000;
}
.submenu-product li a:hover,.submenu-product li a.active{
  
  /*background:#ffe2d5;*/
}

.product-details-title{
    font-weight:700;
    font-size:1.8em;
    clear:both;
    float:left;
    width:100%;
    padding:2em 0 2em 0;
    text-transform:uppercase;
}
.details-title-small{
    font-size:1.4em;
    padding:0 ;
  
}
.button-prod-buy{
    clear:both;
    float:left;
    margin-top:2em;
    margin-bottom:2em;
}
.product-description-col{
    clear:both;
    float:left;
    width:100%;
    column-count: 1;
    column-gap:50px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.1em;
    line-height:1.4em;
}
.submenu-fixed{
    position:fixed;
    width:100%;
    max-width:1180px;
    z-index:60;
}
.product-tip-left{
    float:left;
    width:132px;
    text-align:center;
}
.product-tip-left img{
    max-width:132px;
    margin:0 auto;
}
.product-tip-right{
    float:left;
    width:100%;
    max-width:500px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.1em;
    line-height:1.4em;
    padding-left:2em;
}

.extrapad-column2{
    padding-left:3em;
}

.anothers-title{
 width:100%;
 clear:both;
 float:left;
 font-weight:700;
 font-size:1.1em;
 text-align:center;
 padding-bottom:2em;
}

/* buscador modal */
.modal-search-title{
    width:100%;
    font-size:1.2em;
    text-align:center;
    font-size:1.2em;
    padding:1em;
    clear:both;
    float:left;
}
.modal-search-container{
   margin:0 auto;
   text-align:center;
}
.search-brand-container{
    margin:0 auto;
    text-align:center;
}
.search-brand,.search-brand:hover{
    width:auto;
    display:inline-block;
    padding:1em;
    font-size:1.4em;
    font-weight:700;
    color:#000000;
}
.button-zoom{

    background:#3598dc url(../images/ic-search-white.png) no-repeat 22px 13px; 
    background-size:15px auto;
    padding:.8em 0 .8em 0;
    width:60px;
    min-width:60px;
    cursor:pointer;
    min-height:40px;
}
.button-zoom:hover{
background:#ff7b2b url(../images/ic-search-white.png) no-repeat 22px 13px; 
background-size:15px auto;
}

.prods-search{

    background:#FFFFFF;

}
.prods-search p{
    color:#3598dc;
}
#buscar-productos #paso2, #buscar-productos #paso3, #buscar-productos #paso4, #buscar-productos #paso5{
    display:none;
}
/* faqs */
.col-faqs{
    float:left;
    width:100%;
    position:relative;
    padding:1em;
    column-count: 2;
    column-gap: 40px;
}
.unbreakable{
   display: inline-block;
}
/* profesionales */

.header-prof{
    background:#3b93d0;
}

.header-prof nav ul li a, .header-prof nav ul li a:hover {
    color: #ffffff;
}

.header-prof nav ul li.nav-button {
    background: #ffffff;
}
.header-prof nav ul li.nav-button a, .header-prof nav ul li.nav-button a:hover  {

    color:#3b93d0;
    background: #ffffff;
}

.header-prof nav ul li a.active{
    color:#000000; 
}

/* eventos */
.events-day-block{
clear:both;
margin:0;
float:left;
padding-right:1em;
width:100px;
color:#3b93d0;
text-align:center;
}
.events-month{
width:100%;
float:left;
font-size:1.6em;
padding-top:.2em;
text-transform:uppercase;
    }
.events-day{
width:100%;
float:left;
font-size:3em;
    }
.events-details{
width:calc(100% - 100px);
float:left;
clear:none;
}
.events-day-big{
font-size:1.4em;
padding-top:.5em;
}
.events-data{
    float:left;
    background:#f6f4f2;
    padding:4em 2em 2em 2em;
    text-align:left;
    font-size:1.2em;
    min-width:320px;
}

.ic-loc{
  width:24px;
}
.ic-loc-small{
  width:18px;
}
.ic-loc img, .ic-loc-small img{
  width:100%;
}
.txt-loc{
  font-size:1.2em;
  padding:.5em .5em 0 .8em;
}
.ref-loc-km{
  font-size:1.2em;
  padding:.2em .5em 0 .8em;
}
.ref-loc-naranja, .col-prods p.naranja{
  color:#3598dc;
}
.ref-loc-azul{
  color:#52b7d9;
}
.ref-loc-title{
  font-size:1.2em;
  width:100%;
  padding:.5em 0 .5em 0;
  clear:both;
  float:left;
}
.ref-loc-details{
  clear:both;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
}
.loc-details{
  font-size:1em;
}
.ref-loc-email {
  clear:both;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin-top:.6em;
  color:#3598dc;
}

.loc-scroll{
    width:100%;
    height:450px;
    overflow:auto;
}
/* width */
.loc-scroll::-webkit-scrollbar {
  width: 10px;
  border-radius:5px;
}

/* Track */
.loc-scroll::-webkit-scrollbar-track {
  background: #ededed;
  border-radius:5px;

}

/* Handle */
.loc-scroll::-webkit-scrollbar-thumb {
  background: #000000;
  border-radius:5px;
}

/* Handle on hover */
.loc-scroll::-webkit-scrollbar-thumb:hover {
  background: #000000;
  border-radius:5px;
}
.scroll-content{
    width:100%;
    max-width:320px;
    padding: 0 1em 0 0;
    
}
.scroll-loc{
    clear:both;
    float:left;
    width:100%;  
    border-top:1px solid #ccc;
    padding: 1em 0 1em 0;
}
.scroll-com-content{
    width:100%;
    padding: 0 1em 0 0;
    
}
.scroll-com{
    clear:both;
    float:left;
    width:100%;  
    padding: 1em 0 4em 0;
}
.scroll-com-pais{
    clear:both;
    float:left;
    width:100%;  
    font-size:1.5em;
    line-height:.8em;
    
}
.scroll-flag{
  float:left;
  width:50px;
  min-height:80px;
}
.scroll-flag img{
  width:100%;
}
.scroll-commerce{
    float:left;
    width:calc(100% - 70px);
    padding-left:1em;
    }
.scroll-com-name{
    min-height:24px;
    font-size:1em;
}
.scroll-commerce .ref-loc-details{
    font-size:1em;
    line-height:1.2em;
}

/* agregados correcciones */
.prod-centered{
    margin:0 auto;
    text-align:center;
    width:auto;
}
.drop-margin{
    margin:0 .5em 1em .5em;
}

.paginado{
    list-style:none;
}
.paginado li{
    margin:.2em;
    padding:.2em;
    display:inline-block;
}
.paginado li a{
   background: #3598dc;
   color:#FFFFFF;
   font-size:1.2em;
    line-height:25px;
    height:25px;
    min-width:25px;
}
.paginado li a:hover{
   background:#ff7b2b;
   color:#FFFFFF;
}
.paginado li a.active{
   background: #ededed;
   color:#ff7b2b;
}
.paginado .arrows{
    font-size:1.4em;
    line-height:23px;
    font-weight:700;
    font-family:Arial, Helvetica, sans-serif;

}

.tooltip-title{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1.1em;
    width: 100%;
    clear: both;
    float: left;
    padding-top:.4em;
}
.tooltip-text{
     font-family: 'Montserrat', sans-serif;
     font-size: 1.15em;
     padding:1em 0 1em 0;
     clear: both;
    float: left;
    }
.tooltip-subtitle{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1.1em;
    width: 100%;
    clear: both;
    float: left;

}
.no-hay {
    font-size: 16px;
    text-align: center;
}
.product-color{
    float:left;
    margin:0 .5em .5em 0; 
    width:140px;
    text-align:center;
    }
.product-color-img{
   
    margin:0 auto;
    width:100px;height:100px;
    border-radius: 50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    text-align: center;
    overflow: hidden;
    /*border:1px solid #ccc;*/
}
.product-color-txt{
    width:100%;
    font-size:.85em;
    margin-top:.5em;
    text-align:center;
}

.contact-left{
    float:left;
    width:28%;
    padding:1em 2em 0 0;
}
.contact-right{
    float:left;
    width:72%;
    padding-left: 1em;
}
.contact-offices{
    border:2px solid #ccc;
    padding:1.5em 2em 2em 2em;
    width:100%;
    float:left;
}
.contact-footer-info{
    float:left;
    font-family: Arial, Helvetica, sans-serif;
    line-height:1.4em;
    font-size:1.1em;
    padding-top:.5em;
}
.contact-phone-links{
    clear:both; float:left; width:100;
    padding-top: 1.5em;
}
.contact-phone-links a, .contact-phone-links a:hover{
     font-size:1.3em;
    font-weight:700;
    color:  #000000;
    padding:0;
    line-height:.6em;
}

.contact-offices .popup-sucursal-l1{
    min-height: auto;
    margin: 25px 0 0 25px;
    font-size:1.1em;
    font-family: Arial, Helvetica, sans-serif;
}

.contact-offices .popup-sucursal-title{
    font-weight:normal;
}
.contact-offices .popup-sucursal-txt{
    padding-top:.4em;
    
}
.contact-offices .popup-sucursal-phone{
    
}
.contact-offices .popup-ic {
    width: 16px;
    height: 23px;
    background: url(../images/loc-naranja.png) no-repeat 0 0;
    background-size: 100% auto;
    position: absolute;
    top: -6px;
    left: -26px;
    z-index: 5;
}
.col-faqs .contact-ref, .contact-ref-msg{
    font-size:1.4em;
    padding-bottom:1em;
}
.map-commerce{
    clear:none;
    padding:2em 0 0 2em;
}
/* coumunes /  resetear */
.f-left{float:left;} 
.f-right{float:right;}
.c-left{clear:left;} 
.c-right{clear:right;} 
.c-both{clear:both;} 
.m-right{margin-right:1em;}
.m-left{margin-left:1em;}
.m-top{margin-top:1em;}
.m-top2{margin-top:2em;}
.m-bottom{margin-bottom:1em;}
.m-bottom-half{margin-bottom:.5em;}
.p-left{padding-left:1em;}
.p-right{padding-right:1em;}
.p-bottom{padding-bottom:1em;}
.p-bottom2{padding-bottom:2em;}
.p-bottom4{padding-bottom:4em;}
.p-top{padding-top:1em;}
.w-100{width:100%;}
.m-bottom2{margin-bottom:2em;}
.txt-centered, h1.txt-centered{text-align:center;}
.bold{font-weight:700;}
.toupper{text-transform:uppercase;}