/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 1, 2014 */

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

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

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


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

a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}

.subscribirse{display: inline;padding:3px 9px 3px 9px;border-radius: 5px; background-color: #ffffff; font-weight: bold;}
.subscribirse a{color: #f23f2b;}

.no_veure{
  display: none;
}

.festa{
  font-family: "dosismedium", Helvetica, sans-serif;
  font-size: 17px;
  color: #f23f2b;

}
.marcas{
  font-family: "dosismedium", Helvetica, sans-serif;
  font-size: 17px;
  line-height: 20px;
  margin: 0px 25px 25px 0;
  float: left;
  text-align: center;
  background-color: #ffffff;
  padding: 9px;
  border-radius: 7px;
  color:#959da9;
  width: 210px;
  height: 210px;
}

.marcas:hover{
  -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.31);
  -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.31);
  box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.31);    
}
.containerhome {
  margin-right: auto;
  margin-left: auto;
  max-width: 1203px;
  width: 100%;
}

.frosa {
    background-image: url(../img/frosa.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    background-color: #ae2a74;

}
.tip {
  color: #fff;
  background:#1d1d1d;
  display:none; /*--Hides by default--*/
  padding:10px;
  position:absolute;  z-index:1000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.subtitular{
  font-family: "dosisbook", Helvetica, sans-serif;
  font-size: 16px;
  color: #eef0f5; 
  line-height: 30px;
  text-transform: uppercase;
  text-align: right;
  padding: 30px 18px 15px 22px;
}


.sedes{
  font-family: "dosismedium", Helvetica, sans-serif;
  font-size: 17px;
  color: #ffffff; 
  line-height: 24px;
  text-align: left;
  padding: 30px 18px 15px 22px;
}

.lostd{
  font-family: "dosisbook", Helvetica, sans-serif;
  font-size: 17px;
  text-align: left;
}


.sitiossedes{
  font-family: "dosisbook", Helvetica, sans-serif;
  font-size: 17px;
  color: #696f79; 
  line-height: 29px;
  text-align: left;
  padding: 15px 5px 19px 25px;
}


.descriptions{
  font-family: "dosisbook", Helvetica, sans-serif;
  font-size: 20px;
  color: #696f79; 
  line-height: 29px;
  text-align: left;
  padding: 15px 5px 19px 25px;
}


.idea{
  font-family: "dosismedium", Helvetica, sans-serif;
  font-size: 21px;
}

.opacidad{
  opacity: 0.8;
}
.opacidad:hover{
  opacity: 1.0;
  border-radius: 155px;
  -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.31);
  -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.31);
  box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.31);  
}


.otrosvm{
  display:inline-block;
  width: 100px;
  font-family: "dosismedium", Helvetica, sans-serif;
  font-size: 14px;
  color: #8b8c8f; 
  line-height: 15px;
  margin-right: 45px;
}

.sloganhome{
  position:absolute; 
  z-index:99;
  font-family: "dosisbook", Helvetica, sans-serif;
  font-size: 24px;
  color: #ffffff; 
  line-height: 35px;
  text-align: right;
  text-transform: uppercase;
}

.slogansedes{
  position:absolute; 
  top: 493px;
  left: 819px;
  width: 213px;
  z-index:99;
  font-family: "dosismedium", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  text-transform: uppercase;
  background-color: #ffffff;
  opacity: 0.7;
  padding: 15px;
  border-radius: 7px;
  color: #59515c; 
  z-index: 100;
}

.slogansedes:hover{
  color: #f23e2d; 
  opacity: 1;
}


.menudesplegable{  
  font-family: "dosismedium", Helvetica, sans-serif;
  margin-top: 8px;
  font-size: 12px;
}


.margenes{
  margin-left:50px
}
p{
      font-family: "dosisbook", Helvetica, sans-serif;
      font-size: 19px;
      color: #696f79;
      line-height: 25px;
      margin: 0px;
 }

.texto{
      font-family: "dosisbook", Helvetica, sans-serif;
      font-size: 19px;
      color: #696f79;
      line-height: 25px;
      margin: 0px;
 }
.textvm{
      font-family: "dosismedium", Helvetica, sans-serif;
      font-size: 15px;
      color: #000000;
      line-height: 20px;
      margin: 0px;
 }

 h1{
      font-family: "dosismedium", Helvetica, sans-serif;
      font-size: 25px;
      color: #554e58;
      line-height: 30px;
      margin: 0px;
      text-transform: uppercase;
 }

 h2{
      font-family: "dosismedium", Helvetica, sans-serif;
      font-size: 25px;
      color: #f13e2c;
      line-height: 26px;
      margin: 0px;
      text-transform: uppercase;
 }

 h3{
      font-family: "dosisbook", Helvetica, sans-serif;
      font-size: 19px;
      color: #ffffff;
      line-height: 22px;
      margin: 0px;
 }
 h4{
      font-family: "dosismedium", Helvetica, sans-serif;
      font-size: 25px;
      color: #f23f2b;
      line-height: 25px;
      margin: 0px;
 }


 h5{
      font-family: "dosismedium", Helvetica, sans-serif;
      font-size: 16px;
      color: #ffffff;
      line-height: 22px;
      margin: 0px;
 }

hr.linea
{ 
  width: 100%;
  height: 0px;
  margin: 10px 0 10px 0;
  border: 0;
  border-bottom: 1px dashed #cccccc;
}

hr.lineahome
{ 
  width: 100%;
  height: 0px;
  margin: 0px 0 0px 0;
  border: 0;
  border-bottom: 1px dashed #a9aeba;
}

.lineapuntos
{ 
  width: 100%;
  height: 0px;
  margin: 10px 0 10px 0;
  border: 0;
  border-bottom: 1px dotted #f13e2c;
}
  

.mas{
      font-family: "dosismedium", Helvetica, sans-serif;
      font-size: 16px;
      color: #ffffff;
      position: absolute;
      bottom: 0;
      right: 20px;
 }

.marcador {
  background-color: #f23f2b;
  border-radius: 5px;
  padding: 4px 7px 2px 7px;  
}


.legal{
      font-family: "dosismedium", Helvetica, sans-serif;
      font-size: 12px;
      color: #848484;
      line-height: 15px;
 }
 .legal a{
      font-family: "dosismedium", Helvetica, sans-serif;
      font-size: 12px;
      color: #848484;
      line-height: 15px;
 }
 
.legal2{
      font-family: "dosismedium", Helvetica, sans-serif;
      font-size: 14px;
      color: #848484;
      line-height: 15px;
 }
 .consentiment p {
    font-size: 16px!important;
    line-height: 19px!important;
 }

.footer{
    font-family: "dosismedium", Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;      
 }



.burbujageneral{
    float: left;
    margin-right: 19px;
    position:relative;
    top: 10px;
}
.chat-bubble2 {
  background-color:#c0c6d1;
  padding:5px 10px 5px 10px;
  text-align:center;
  width:130px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  color:#554e58;  
  font-family: "dosisbook", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
}


.chat-bubble:hover {
  background-color:#d3d9e4;

}



.arrow-border2 {
    background-image: url(../img/marcador21.png);
    width: 22px;
    height: 15px;
    margin-left: 50px;
}

 .chat-bubble {
    background-color:#ffffff;
    padding:5px 10px 5px 10px;
    text-align:center;
    width:130px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    color:#554e58;  
    font-family: "dosisbook", Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}

.arrow-border {
    background-image: url(../img/marcador22.png);
    width: 22px;
    height: 15px;
}

.serviciohome{
    color: #ffffff;
    border-radius: 8px;
    padding: 15px;
    font-family: "dosisbook", Helvetica, sans-serif;
    font-size: 14px;
    width: 100%;
    height: 155px;
    margin-top: 20px;
}

.serviciohome2{
    color: #ffffff;
    border-radius: 8px;
    padding: 15px;
    font-family: "dosisbook", Helvetica, sans-serif;
    font-size: 14px;
    width: 100%;
    height: 155px;
    margin-top: 20px;
}

.espacio{
  height:347px;
  
}

.nav > li > a {
  position: relative;

}
.logo{
  width: 161px;
  border:0px;
}

.inputmenu{

  color:#f23f2b;
  padding: 15px 0px 15px 23px;
  font-family: "dosismedium", Helvetica, sans-serif;
  font-size: 13px;
  margin-top:6px;
  max-width: 150px;
  margin-bottom:12px;
  border-radius: 8px;
  border: 0px;
}

.inputbolsa{

  color:#574f5a;
  padding: 6px 0px 6px 10px;
  font-family: "dosisbook", Helvetica, sans-serif;
  font-size: 15px;
  border-radius: 8px;
  border: 0px;
  width: 85%;
  margin: 5px 0 5px 0;
}

.inputsedes{

  color:#574f5a;
  padding: 1px 0px 1px 4px;
  font-family: "dosisbook", Helvetica, sans-serif;
  font-size: 14px;
  border-radius: 3px;
  border: 1px #CCCCCC solid;
  width: 85%;
  margin: 1px 0 1px 0;
}

.hometitel{
  font-family: "dosisbook", Helvetica, sans-serif;
  font-size: 16px;
  color:#554e58;
  line-height: 19px;
  text-align: center;  
  font-weight: bold;
  font-style: bold;  
} 
.menuses{
  color:#ffffff;
  padding: 3px 27px 0px 27px;
  line-height: 12px;
  text-decoration: none;
  font-family: "dosismedium", Helvetica, sans-serif;
  font-size: 19px;
  display: inline-block;
  border-right:1px solid #ffffff;
  margin-top:20px;
}
.menusesultimo{
  border-right:0!important; 
  padding: 3px 37px 0px 27px;
  color:#ffffff;
  line-height: 12px;
  text-decoration: none;
  font-family: "dosismedium", Helvetica, sans-serif;
  font-size: 19px;
  display: inline-block;
  margin-top:20px;  
}

.despleglahome{
  font-family: "dosisbook", Helvetica, sans-serif;
  font-size: 24px;
  color:#f13e2c;
  line-height: 29px;
  text-align: center;
}

.despleglahome2{
  font-family: "dosisbook", Helvetica, sans-serif;
  font-size: 16px;
  color:#554e58;
  line-height: 19px;
  text-align: center;  
  font-weight: bold;
  font-style: bold;  
}

.menuproductos2{
  display: none;
}
.menuses:hover{
  color:#554e58;
}

.menusesultimo:hover{
  color:#554e58;
}


.borrar{
  display: inherit;
}


.aparece{
  display: none;
}


.borrarinversa{
  display: none;

}

.alturasubt{
  background-color:#959daa;
  min-height: 370px;
}

.alturacliente{
  background-color:#ffffff;
}

.alturas{
  display:flex;   
}


.sedeson{
  display: none;
}

.inputc {
  BORDER: 0px solid;
  FONT-SIZE: 12px;
  COLOR: #ffffff;
  font-family: "dosismedium", Helvetica, sans-serif;
  BACKGROUND-COLOR: #313131;
  padding: 6px;
  border-radius: 3px;
  margin: 5px 0 5px 0;
  width: 90%
}
.searchBox {
border: 0;
  font-family: "dosismedium", Helvetica, sans-serif;
  font-size: 19px;
  background-color: #f23f2b;
  color: #ffffff;
  font-weight: normal;
  padding: 9px;
  border-radius: 3px;
}

.searchBox2 {
border: 0;
  font-family: "dosismedium", Helvetica, sans-serif;
  font-size: 15px;
  background-color: #f23f2b;
  color: #ffffff;
  font-weight: normal;
  padding: 3px 11px 3px 11px;
  border-radius: 2px;
}

.imatge_seccio_esq{
  margin:1%;
  margin-left:20px;
  border:0;
  width:90%;
}

.imatge_seccio_dre{
  margin:1%;
  margin-right:20px;
  border:0;
  width:90%;
}

.imatge_seccio_cen{
  border:0;
  width:100%;
}

.div_seccio1{
  width:20%;
  margin-bottom:20px;
}

.div_seccio2{
  width:80%;
  margin-bottom:20px;
}


.unPost {
  padding-right: 20px;
}
.owl-item:last-of-type .unPost { 
  padding-right: 0px;
}
.postContentImage {
  margin-top: 10px;
}
.postContentImage img {
  width: auto !important;
  height: auto !important;
  height: 120px!important;
  margin: 0px auto !important;
  margin-bottom: 10px !important;
  float: none !important;
}
.postContentText {
  position: absolute;
  background: #ffffff;
  border-top: 1px solid #8b8c8f;
  border-bottom: 1px solid #8b8c8f;
  bottom: -204px;
  padding: 14px 20px 14px 0px;
  color:#8b8c8f;
  font-size: 17px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.unPost:hover .postContentText{
  bottom: 0px !important;
}



@media (max-width: 1023px) {
.nav > li > a {
  position: relative;
  display: block;
  padding: 5px 16px 0px 16px;
}

}





@media (max-width: 990px) {
 .logo{
  width: 110px;
  border:0px;
}

.margenes{
  margin-left:0px;
}

.menuproductos{
  display: none;
}
.menuproductos2{
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 5px 13px 0px 13px;

}


 .borrar{
  display: none;
 }



 .borrarinversa{
  display: inherit;

}

body{
  background-image: url(../img/fons1.jpg);
  background-repeat: repeat-x;
  background-position: center top;
 }

.espacio{
  height:175px;
}

}


@media (max-width: 500px) {
  body{
  background-image: url(../img/fons2.jpg);
  background-repeat: repeat-x;
  background-position: center top;
 }
  .imatge_seccio_esq{
    margin-left:10px;
    width:100%;
  }

  .imatge_seccio_dre{
    margin-right:10px;
    width:100%;
  }

  .div_seccio1{
    width:100%;
  }

  .div_seccio2{
    width:100%;
  }

}

@media (max-width: 767px) {

.alturas{
  display:inherit;   
}

.alturasubt{
  background-color:#959daa;
  padding: 0px 15px 15px 15px;  
  height: auto;
  min-height: 0px;
}

.alturacliente{
  background-color:#ffffff;
  padding: 0px 15px 15px 15px;  
  height: auto;
}

.subtitular{
  text-align: left;
}

.elim{
  display: none;
 }

.aparece{
  display: inherit;
}

.descriptions{
  padding: 22px 5px 19px 15px;
}

}

@media (max-width: 1023px) {
.menuses{
  color:#ffffff;
  padding-bottom: 10px;
  line-height: 12px;
  text-decoration: none;
  font-family: "dosismedium", Helvetica, sans-serif;
  font-size: 19px;
  display: inline-block;
  border-right:0px solid #ffffff;
  margin-top:0px;
}

.menusesultimo{
  color:#ffffff;
  padding: 3px 27px 0px 27px;
  line-height: 12px;
  text-decoration: none;
  font-family: "dosismedium", Helvetica, sans-serif;
  font-size: 20px;
  display: inline-block;
  border-right:1px solid #ffffff;
  margin-top:0px;
}

.borrar{
  display: none;
}
.despleglahome{
  font-family: "dosisbook", Helvetica, sans-serif;
  font-size: 17px;
  color:#e4e4e4;
  line-height: 10px;
  text-align: right;  
  border-bottom: 1px solid #9a8f9e;
  margin-right: 10px;
}

.despleglahome2{
  font-family: "dosismedium", Helvetica, sans-serif;
  font-size: 15px;
  color:#e4e4e4;
  line-height: 10px;
  text-align: right;  
  border-bottom: 1px solid #9a8f9e;
  margin-right: 8px;
  text-transform: uppercase;
}
.sedeson{
  display: block;
}
}

/* SEGUEIX-NOS - XARXES SOCIALS i MAILCHIMP */
.subtitular.xarxes {
  color: white;
  text-align: left;
  line-height: 20px;
}
.icoXarxaSocial {
  display: inline-block;
  margin: 3px;
  opacity: 0.5;
}


.icoXarxaSocial:hover {
  opacity: 1;
}

/* LOGOS INSTITUCIONALS */
.unLogo {
    display: inline-block;
    margin: 10px 0px;
}
.unLogo img {
    max-width: 150px;
}

/* TESTIMONIS */
.unTestimoni {
  padding: 20px;
    display: inline-block;  
    background-color: #f1f2f6;
    border-radius: 6px;

}
.unTestimoni h3 {
  font-size: 20px;
  color: black;
}
.unTestimoni .imatge {
  display: inline-block;
  margin-right: 20px;
  margin-top: 10px;
}
.unTestimoni .textdesc {
  display: inline-block; 
  vertical-align: top;
  margin-top: 10px;
}
.unTestimoni .textdesc p {
  white-space: normal;
}


.sihome{ display: block; text-align:right;}
.nohome{ display: none;}


@media (max-width: 500px) {
.sihome{ display: none;}
.nohome{ display: block; width:100%!important;}