/*!
 * Estils personalitzats
 * 
 * Version: 2
 * Author: David Solsona
 * License: Lluert Serveis Telemàtics
 */

/*basics*/
body{font-family: 'Ek Mukta', sans-serif;background: #fff;}
h1,h2{font-family: 'Ek Mukta', sans-serif; padding:0px; line-height: 20px; font-size: 20pt; text-align: left; font-weight: 200;margin-bottom:20px}
h3{font-family: 'Ek Mukta', sans-serif; font-size: 12pt; margin:0px; font-weight: 400; line-height: 0pt;margin-bottom:10px}
h5{font-family: 'Ek Mukta', sans-serif; margin:0px; font-weight: 200; line-height: 0pt;margin-top:15px; margin-bottom:30px}
texteGran{font-family: 'Ek Mukta', sans-serif; font-size: 20pt; padding-bottom:40px; margin-top:0px; font-weight: 200; line-height: 0pt;padding:0px}
.texteBreu{font-family: 'Ek Mukta', sans-serif; font-size: 12pt; padding-bottom:40px; margin-top:0px; font-weight: 500; line-height: 0pt;padding:0px}
.texteGranNoticies{font-family: 'Ek Mukta', sans-serif; font-size: 16pt; padding-bottom:40px; margin-top:20px; font-weight: 200; line-height: 0pt;padding-top:20px}
.notesPremsa{padding-left:0px; padding-right:20px;margin-bottom:10px;}
/*.disabled {pointer-events: none; cursor: default; opacity: 0.5;}
.enabled {pointer-events: all; cursor: pointer; opacity: 1;}*/
.pagina{max-width:1200px; margin:0 auto; }
.titol{font-size:18pt; font-weight:300; color:#000}
.iconografia{padding-left:0px; padding-right:20px; margin-bottom:60px;}
.lletra9{font-size:9pt;}
.lletra12{font-size:1.2em;}
.lineheight-basic{line-height: 28px;}
a, a:hover, a:visited{color:#333;text-decoration: none;}
.paddingTB20{padding:20px 10px 20px 10px;}
.paddingT32{padding-top: 32px;}
.padding10{padding:10px;}
.padding5{padding:5px;}
.padding0{padding: 0px;}
.paddingTop60{padding-top:60px;}
.paddingTop40{padding-top:40px;}
.paddingTop20{padding-top:20px;}
.paddingTop30{padding-top:30px;}
.paddingTop10{padding-top:10px;}
.paddingTop5{padding-top:5px;}
.paddingLeft0{padding-left:0px;}
.paddingLeft10{padding-left:10px;}
.paddingLeft30{padding-left:30px;}
.paddingLeft{padding-left:10px;}
.marginleft20{margin-left:20px;}
.marginleft30{margin-left:30px;}
.marginTop30{margin-top:30px;}
hr{height:1px; width:100%; background-color:black; }
.fondoGris{color: #000; background-color: #EEE;}
.paddingRight0{padding-right:0px;}
.paddingRight20{padding-right:20px;}
.paddingBottom10{padding-bottom:10px;}
.paddingBottom20{padding-bottom:20px;}
.paddingBottom40{padding-bottom:40px;}
.paddingBottom60{padding-bottom:60px;}
.paddingBottom100{padding-bottom:100px;}
.marginLR10{margin: 0px 20px 20px 20px;}
.margin10{margin: 10px;}
.centrat{text-align: center;}
.centraMiSeleccion{padding-right:40px; display:inline-block}
.centraMiSeleccionh1{padding-right:40px; padding-top:30px}
.text-dreta{padding: 50px 0 0 0; line-height: 25px;}
.text-35{line-height: 35px;}
.blanc, a.blanc{color:#FFF;}
.taronja{/*color:#062c5d;*/}
.topTaronja{border-top:1px solid #d42; padding:0px;margin-top:10px}
.dreta{text-align:right}
.float-esquerra{float: left;}
.float-dreta{float:right;}
.texte-10pt-12interlinead{text-size:10pt; font-weight: 400; line-height: 12pt}
.texte-16pt{font-size:16pt;}
.justifica{text-align: justify}
.justificaRespSoci{text-align: justify; padding-left:40px;}
/*idiomes*/
.linkIdioma{display: block;padding:3px;float:right;color:#FFF; font-size: 14px;}
a.linkIdioma{text-decoration:none;}
a.linkIdioma:hover{color:#fe6e1b;}
.puntIdioma{float:right;display: block;padding:3px;}
/* botons ramon soler */
a.button-ramonsoler{background-color:#EBE9EA; border-color: #EBE9EA; color:#062c5d;}
a.button-ramonsoler:hover{background-color:#062c5d; border-color: #062c5d; color:#fff;}
a.button-ramonsoler-fosc{background-color: #3c3a3b; color:#e06e28}
a.button-ramonsoler-fosc:hover{background-color: #e06e28; color:#3c3a3b}
/*menu*/
.navbar {margin-bottom: 0px; min-height: 0px;  } 
.navbar li a, .navbar .navbar-brand {color: #333 !important; padding-top: 5px; padding-bottom: 5px;}
.navbar-nav li a:hover, .navbar-nav li.active>a {color: #fff !important; background-color: #000000 !important;}
nav {display: table; margin: 0 auto;}
.navbar-header,
.collapse.navbar-collapse.navbar-ex1-collapse {
  display: table-cell;
  vertical-align: middle;
}
.navbar-inverse .navbar-toggle , .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: #ebe9ea; border-color:#ebe9ea;  }
.navbar-inverse .navbar-toggle .icon-bar{background-color: #FE6E1B;}
.menu-principal{ border-bottom: 1px solid #d42;}
.dropdown-menu{background: rgba(255,255,255,1);}
ul.dropdown-menu li{font-size: 12px;}
.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.nav-tabs li.active{
    font-weight:bold !important; text-decoration: underline !important;
}

#contactar .active{
    font-weight:bold !important; text-decoration: underline !important;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
/*capçalera*/
.topbar{background: #000; color:#fff;}
.topbar a{color:#fff;}
.logobar{background: #fff; height: 50px; margin:0 auto}
.logo{margin-top: 25px; }
.buscador{ margin-top: 7px;}
/*carousels*/
.carousel-inner > .item > img {margin: 0 auto;}
.carousel-caption{color:#000; text-align: right;}
.carousel-control.left {background-image: none;}
.carousel-control.right {background-image: none;}
.carousel-control{opacity:1;}
.carousel-control {
  padding-top:10%;
  width:5%;
  color:#333;
  font-size: 2em;
  /*display: none;*/
}
.fletxaSlide{display: inline-block;margin-top: -10px; position: absolute; top: 50%;    left: 50%;}
.fletxaDreta{margin-left:-40px;}

.destacat{
    /*height: 400px;*/
    overflow:hidden;
    margin-bottom:20px;
}
.destacat-caption{  
    background-color: rgba(255,255,255,0.70);
    padding: 15px;
}
.destacat1{
    padding-right:10px;
}
.destacat2{
    padding-left:10px;
}
.destacat3{
    padding-left:30px;
}
.destacat4{
    padding-left:10px;
}
.destacat5{
    padding-left:30px;
}
.peuPrincipal{
    position:absolute; bottom: 0; padding-right:30px;
}
/*menuFlotant*/
#menuFlotant {
    position: fixed;
    right:0;
    top: 200px;
    text-align: right;
    z-index: 100;
}
#menuFlotant ul{
    margin: 0; padding: 0;
    list-style: none;    
    float:right;
}
#menuFlotant .menuFlotantPrincipal li{
    padding: 0;
    /*display: block;*/
    height: 50px;
    width: 50px;
    border: 1px solid #EEE;
    text-align: center;
    font-size:9px;
    background-color:#CCC;
}
#menuFlotant  i{
    font-size: 20px;    
}
#menuFlotant a{
    color: #333;
}
#ul_redesSociales{    
    clear:both;
    float:right;
}
#ul_redesSociales ul{
    margin: 0; 
    padding: 0;
}
#ul_redesSociales li{
    background-color:#CCC;
    border: 1px solid #EEE;
    padding: 0;
    margin-top:5px;
}
.coleccionsCuadricula{
    padding-left:0px; padding-right:20px;margin-bottom:20px;
}


/*footer*/



/*slide multi producte*/
.multi .fletxaSlide {left:-8px;}
/*separadors*/
/*
.triangle {padding-left: -200px;position: relative; top:-1px;   border-right: 100px solid transparent; border-bottom: 0px; border-left: 100px solid transparent; border-top: 30px solid #062c5d; margin:0 auto;}
.trianglePosiciona{ display: inline-block; position: relative; bottom: -100%;left: 50%;margin-left:-100px; height:20px;}
*/
/*
.franjaTaronja{background-color: #062c5d;height:30px;width:100%;}
.franjaTaronjaGran{background-color: #062c5d;height:95px;width:100%;}
.franjaTaronjaMitja{background-color: #062c5d;height:55px;width:100%;}
*/
.franjaTaronja{border-top: solid 1px #333;width:100%;}
.franjaTaronjaGran{border-top: solid 1px #333;}
.franjaTaronjaMitja{border-top: solid 1px #d42;width:100%;}

/*noticia */
.titolNoticia{font-weight: bold; font-size: 15pt;margin:10px 0px 10px 0px;padding:0px;line-height: 15pt;}
.noticia{margin-bottom:45px;}
.colorNoticia1{height: 110px;color:#FFF;background-color:#efbd88; }
.colorNoticia2{height:110px;color:#FFF;background-color:#ec7f3a; }
.colorNoticia3{height:110px;color:#FFF;background-color:#c27241; }
.noticies{padding-top: 40px; padding-bottom: 0px;}

.slideshowPpal{ }
.referencias{ }

.fonsGris{background: #d2cfd0;}
.fonsGris-AAA{background: #aaa;}
.fonsGris-fosc{background: #5e5e5e;}
.fons-taronja{/*background: #062c5d;*/}

/*#perfil{background:url('../img/fonsSobreNosotros.jpg') center;  background-repeat:no-repeat;  }*/
.box{margin-bottom: 9px;}
/*#historia{background:url('../img/fons-historia.jpg') center;  background-repeat:no-repeat; background-size:100%;  }
.text-historia{padding: 20px; margin-top: 500px;}*/
.tecnologia-text{position:absolute; bottom: 0px; background: rgba(255,255,255,0.5); padding: 10px 20px 10px 10px; font-size: 10px;}

.border1{border:1px solid #afaeae; }
.imatge-cataleg{}
.cataleg_box_dreta{height: 192px;}
.download_btn{position: absolute; bottom: 0px; right: 10px;}
.download_btn2{position: absolute; bottom: 0px; right: 120px;}

#faq .panel{border:0; margin:0;}

#creaciones{background:url('../img/prensa/fons_creacions.jpg') center;  background-repeat:no-repeat; background-size:100%;  }
#distribucion{background:url('../img/prensa/fons_distribucion.jpg') center;  background-repeat:no-repeat; background-size:100%;  }
.prensa-distribuidors{padding-top: 40px; padding-bottom: 20px;}

/*forms*/
#contacte-post-venda label{text-align: right;}
#contacte-post-venda div.form-group{ min-height: 40px;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{margin-left: 0px; margin-bottom: 10px;}
/*productes*/
#productes_creaciones{height: 340px; background:#2E2F33 url('../img/productes/aixeta_creaciones.html') 500px ;  background-repeat:no-repeat;}
#productes_creaciones a{color: #fff; padding: 0 5px;}
#productes_creaciones a:hover{color: #062c5d; }

#productes_distribucion{height: 340px; background:#fff url('../img/productes/aixeta_distribucion.html') 500px ;  background-repeat:no-repeat;}
#productes_distribucion a{color: #000; padding: 0 5px;}
#productes_distribucion a:hover{color: #062c5d; }

.productes_entrada_text_fila2{padding-top: 160px;}
#productes_creaciones a.active, #productes_creaciones a:hover.active{background: #fff; color:#000; }
img.gris {/*detall producte: per les patents desactivades*/
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
#icones-patents{max-width:435px;}
#icones-patents img{padding:4px 2px; max-width:435px;}
.producte-detall-box{position: relative; max-width: 400px; padding: 20px; height: 40px; margin: 10px 0;}
.producte-detall-box a, .producte-detall-boxa:active{color:#2E2F33}
.producte-detall-box a:hover{color:#FE6E1B;}
#otros a, #otros a:active{color: #000;}
#producte-tabs .tab-pane{margin-top: 20px;}
.producte-relacionat{border:0px solid #ccc; margin: 10px 0;}
.descarregues{max-width: 400px; padding:15px 0px; height: 20px}

.referencia-imatge{width:50%; display: inline-block;}
.referencia-text{width:50%; display: inline-block;}

/*noticies*/
.grid-item { width: 590px; }

.gris .carousel-indicators li{
    border:1px solid #aaa;
    background-color: #fff;
}

.gris .carousel-indicators .active{
    border:1px solid #aaa;
    background-color: #888;
}

.gris .carousel-indicators{
    bottom:-40px;
}

/*grid de 7 columnes pel llistat de productes*/
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}
@media (max-width: 1200px) {
.pagina{padding-left:20px;padding-right:20px;}
.destacat3{padding-left:0px;}
.texteDiseny{
    top:10px;
    left:-20px;
}
.fotoDiseny{
    left:0px;
}
}
/****************************************************************************
 *Tablet
 ***************************************************************************/
@media (max-width: 992px) {
    h1,h2{font-size: 20pt;}
    .text-historia{padding: 20px; margin-top: 0px;}
    /*#historia{background:transparent;}*/
    #contacte-post-venda .form-group{height: 50px;}
    #creaciones{background:transparent;  }
    #distribucion{background:transparent;  }
    #productes_creaciones{height: 340px; background:#2E2F33 url('../img/productes/aixeta_creaciones.html') center ;  background-repeat:no-repeat;}
    #productes_distribucion{height: 340px; background:#fff url('../img/productes/aixeta_distribucion.html') center ;  background-repeat:no-repeat;}
    .productes_entrada_text_fila2{padding-top: 70px;}    
    .peuPrincipal{position:relative; width:100%;bottom: 0; padding-right:0px;padding-left:0px;}
    .destacat4{padding-left:0px;}
    .texteDiseny{
        top:10px;
        left:0px;
    }
    .fotoDiseny{
        margin-top:20px;
        left:-10px;
    }
}

@media (min-width: 767px) and (max-width: 992px ) {
    
    .texteDiseny{
        top:10px;
        left:0px;
    }
    .fotoDiseny{
        margin-top:20px;
        left:0px;
    }
}
/****************************************************************************
 * Mòbil
 ***************************************************************************/
@media (max-width: 767px) {
   
    /*menu*/   
    .logo{margin-top: 10px; }
    .navbar, .navbar-header {background:#fff; margin:0px; width:100%; display:block;} 
    .menu-principal{background:#fff;}
    
    #menuFlotant  i{
        font-size: 15px;    
    }
    
    /*carousels*/
    .carousel-caption{bottom: 0px;}
    .carousel-indicators{display:none;}
    .fletxaSlide{height:40px; left:15px;}
    /*separadors*/
    .franjaTaronjaGran{height:45px;}
    .franjaTaronjaMitja{height:25px;}
    .franjaTaronja{height:15px;}
    
    .text-dreta{padding: 10px;}
    .cataleg_box_dreta{height: 102px;}
    .cataleg_box_dreta h3{margin-top: 20px;}
    
    #contacte-post-venda div.form-group{ min-height: 70px;}
.destacat1{padding-left:0px;padding-right:15px;}
.destacat2{padding-left:15px;padding-right:15px;}
.destacat3{padding-left:0px;}
.destacat4{padding-left:0px;}
.destacat5{padding-left:20px;}
h1,h2{font-size: 16pt;}
    .texteDiseny{
        top:10px;
        left:0px;
    }
    .fotoDiseny{
        left:0px;
    }
}


/****************************************************************************
* Estils slide multi-item. Els separo perque no son personalitzats, sino els originals i no els poso en un altre fitxer
***************************************************************************/
@media (min-width: 992px ) {
	.carousel-inner .active.left {
		left: -25%;
	}
	.carousel-inner .next {
		left:  25%;
	}
	.carousel-inner .prev {
		left: -25%;
	}
}

@media (min-width: 768px) and (max-width: 991px ) {
	.carousel-inner .active.left {
		left: -33.3%;
	}
	.carousel-inner .next {
		left:  33.3%;
	}
	.carousel-inner .prev {
		left: -33.3%;
	}
	.active > div:first-child {
		display:block;
	}
	.active > div:first-child + div {
		display:block;
	}
/*	.active > div:last-child {
		display:none;
	}*/
}

@media (max-width: 767px) {
	.carousel-inner .active.left {
		left: -100%;
	}
	.carousel-inner .next {
		left:  100%;
	}
	.carousel-inner .prev {
		left: -100%;
	}
	.carousel-inner .active > div { /*280716DS: modificada*/
		display:none;
	}
	.carousel-inner .active > div:first-child { /*280716DS: modificada*/
		display:block;
	}
}
/****************************************************************************
* Estils pluguin zoom img
***************************************************************************/
.zoom:after {
        content:'';
        display:block; 
        width:33px; 
        height:33px; 
        position:absolute; 
        top:0;
        right:0;
        background:url(../img/icon.png);
}

.zoom img {
        display: block;
}

.zoom img::selection { background-color: transparent; }