@charset "utf-8";
/* CSS Document */

body{
    font-size: 14px;
    font-weight: 400;
    font-family: Helvetica Roman, sans-serif;
}

img {max-width: 100%;}
p{/*line-height: 20px;*/color:#575757;}

/*LINKS*/
a{color:#005CB8;text-decoration:none;}
a:hover{color:#4f4f4f; text-decoration: none;}
a.selec,.active a{color:#EAD97D;}

.bold,b,strong{}
.tleft{text-align:left !important;}
.tright{text-align:right !important;}
.tcenter{text-align:center !important;}

/*COLORS*/
.base{color:#231F20;}
.blanc{color:#fff;}
.negre{color:#000;}
.rosa{color:#F4B2CF;}
.blau{color:#005EB8;}

.taronja .color,
.taronja{color:#f07d00;}

.lila .color,
.lila{color:#804b80;}

.verd .color,
.verd{color:#16804b;}
.gris{color:#4f4f4f;}
.gris_f{color:#575757;}
.gris_c{color:#A7A9AC;}
.color2{color:#0f0;}
.color3{color:#f00;}
.gold{color: #A49435;}
.gold_light{color: #E7DB87;}

p .titoldalt{color: #E7DB87;}
.blanc p{color: #fff;}
/*BOTONS*/
.btn{
    background-color: #D1D3D4;
    color: #fff;
    border-radius: 0px;
}
.btn1{
    cursor: pointer;
    display: inline-block;
    color: #fff !important;
    padding: 10px 25px;
    font-weight: 300;
    background-color: #4f4f4f !important;
    width: 150px;
    text-align: center;
}

.btn1:hover,.btn1.active{
    /*background-color: #005EB8 !important;*/
    background-color: #4f4f4f !important;
    border-bottom: 4px solid #dad7d5;
    padding-bottom: 6px;
}

.btn2{
    cursor: pointer;
    display: inline-block;
    color: #fff !important;
    padding: 10px 25px;
    font-weight: 300;
    background-color: #005EB8 !important;
    width: 150px;
    text-align: center;
}

.btn2:hover,.btn2.active{
    /*background-color: #4f4f4f !important;*/
    background-color: #005EB8 !important;
    border-bottom: 4px solid #dad7d5;
    padding-bottom: 6px;
}

/*INPUTS*/
.inp1{border:1px solid red;background-color:#bbb;}
.inp2{border:1px solid purple;background-color:white;}

/*TAMANYS*/
.fs1{font-size:8px;}
.fs2{font-size:10px;}
.fs3{font-size:12px;}
.fs4{font-size:14px;}
.fs4m{font-size:15px;}
.fs5{font-size:16px;}
.fs5m{font-size:17px;}
.fs6{font-size:18px;}
.fs6m{font-size:19px;}
.fs7{font-size:20px;}
.fs7m{font-size:21px;}
.fs8{font-size:22px;}
.fs8m{font-size:23px;}
.fs9{font-size:24px;}
.fs10{font-size:26px;}
.fs11{font-size:28px;}
.fs11m{font-size:29px;}
.fs12{font-size:30px;}
.fs13{font-size:32px;}
.fs14{font-size:34px;}
.fs14m{font-size:35px;}
.fs15{font-size:36px;}
.fs16{font-size:38px;}
.fs17{font-size:40px;}
.fs18{font-size:42px;}
.fs19{font-size:44px;}
.fs20{font-size:46px;}
.fs21{font-size:48px;}
.fs22{font-size:50px;}
.fs23{font-size:52px;}
.fs24{font-size:54px;}
.fs25{font-size:56px;}
.fs26{font-size:58px;}
.fs27{font-size:60px;}

.fse1{font-size:80px;}
.fse2{font-size:90px;}

.lh1{line-height: 10px;}
.lh2{line-height: 12px;}
.lh3{line-height: 14px;}
.lh4{line-height: 16px;}
.lh5{line-height: 18px;}
.lh6{line-height: 20px;}
.lh7{line-height: 22px;}
.lh8{line-height: 24px;}
.lh9{line-height: 26px;}
.lh10{line-height: 28px;}
.lh11{line-height: 30px;}
.lh12{line-height: 32px;}
.lh13{line-height: 34px;}
.lh14{line-height: 36px;}
.lh15{line-height: 38px;}
.lh16{line-height: 40px;}
.lh17{line-height: 42px;}
.lh18{line-height: 44px;}
.lh19{line-height: 46px;}
.lh20{line-height: 48px;}

.lhe1{line-height: 82px;}
.lhe2{line-height: 92px;}

/*TIPOS*/
.tipo1{
    font-family:Arial,Sans;
}
.tipo2{
    font-family:Verdana,Sans;
}
.times{font-family: "Times New Roman", Times, serif;}
.lato{font-family: 'Lato', sans-serif;}
.gotham{font-family: 'Gotham', sans-serif;}
.century{font-family: 'Muli', sans-serif;}

.italic{font-style: italic;}

.thin{font-weight: 100;}
.xlight{font-weight: 200;}
.light{font-weight: 300;}
.normal,.book{font-weight: 400;}
.medium{font-weight: 500;}
.bold, b, strong{font-weight: 700;}
.ultra{font-weight: 800;}
.black{font-weight: 900;}

.uppercase{text-transform: uppercase;}

/*FLOATS*/
.net{clear:both;}
.left{float:left;}
.right{float:right;}

/*POSITIONS*/
.absolute{position:absolute;}
.relative{position:relative;}
.fixed{position:fixed;}
.centrat{margin:0 auto;}

.block{display: block;}
.inline{display: inline-block;}

.vmid{vertical-align: middle;}
.vtop{vertical-align: top;}
.vbot{vertical-align: bottom;}

/*MARGINS*/
.no-margin{margin: 0px;}
.mt0{margin-top: 0px !important;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}

.mb0{margin-bottom: 0px !important;}
.mb5{margin-bottom: 5px !important;}
.mb7{margin-bottom: 7px;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}
.mb110{margin-bottom: 110px;}
.mb120{margin-bottom: 120px;}
.mb130{margin-bottom: 130px;}

.ml0{margin-left: 0px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml30{margin-left: 30px !important;}
.ml40{margin-left: 40px !important;}

.mr0{margin-right: 0px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important}
.mr20{margin-right: 20px !important;}
.mr30{margin-right: 30px !important;}
.mr40{margin-right: 40px !important;}

/*PADDINGS*/
.no-padding{padding: 0 !important;}
.padding5{padding: 5px !important;}
.padding10{padding: 10px !important;}
.padding15{padding: 15px !important;}
.padding30{padding: 30px !important;}

.pt0{padding-top: 0px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt30{padding-top: 30px !important;}
.pt40{padding-top: 40px !important;}
.pt50{padding-top: 50px !important;}
.pt60{padding-top: 60px !important;}
.pt70{padding-top: 70px !important;}
.pt80{padding-top: 80px !important;}

.pb0{padding-bottom: 0px !important;}
.pb10{padding-bottom: 10px !important;}
.pb20{padding-bottom: 20px !important;}
.pb30{padding-bottom: 30px !important;}
.pb40{padding-bottom: 40px !important;}
.pb50{padding-bottom: 50px !important;}
.pb60{padding-bottom: 60px !important;}
.pb70{padding-bottom: 70px !important;}
.pb80{padding-bottom: 80px !important;}

.pl0{padding-left: 0px !important;}
.pl5{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl30{padding-left: 30px !important;}
.pl40{padding-left: 40px !important;}

.pr0{padding-right: 0px !important;}
.pr5{padding-right: 5px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px  !important;}
.pr20{padding-right: 20px !important;}
.pr30{padding-right: 30px !important;}
.pr40{padding-right: 40px !important;}

.p0{padding: 0px !important;}
.p10{padding: 10px !important;}
.p20{padding: 20px !important;}
.p30{padding: 30px !important;}
.p40{padding: 40px !important;}

.tshadow{text-shadow: 1px 1px 2px #000;}
.btop{border-top: 2px solid #EDEDED;}
.btopd{border-top: 2px dashed #EDEDED;}
.bbot{border-bottom: 1px solid #333;}
.bbot_white{border-bottom-color: #fff !important;}
.border{border: 2px solid #CCCCCC;padding:10px 10px 0px;}
.border.taronja{border-color: #f07d00;}
.border.lila{border-color: #804b80;}
.border.verd{border-color: #16804b;}

/*Backgrounds*/
.bck_blanc{background-color: #fff;}
.bck_gris{background-color: #dad7d5;}
.bck_blau{background-color: #005EB8;}

/*ICONS*/
.icon{display: inline-block;}
.icon-lang{background: url(../img/idiomes.png) center center no-repeat; width: 21px; height: 21px;}
.icon-call{background: url(../img/contacte.png) center center no-repeat; width: 24px; height: 21px;}
.icon-call_white{background: url(../img/contacte_blanc.png) center center no-repeat; width: 24px; height: 21px;}
.icon-emp{background: url(../img/empresarial_01.png) center center no-repeat; width: 47px; height: 48px;}
li:hover .icon-emp,.icon-emp:hover{background-image: url(../img/empresarial_02.png);}
.icon-prof,.icon-prof2{background: url(../img/despachos_01.png) center center no-repeat; width: 47px; height: 48px;}
li:hover .icon-prof,.icon-prof:hover{background-image: url(../img/despachos_02.png);}
.icon-tur,.icon-tur2{background: url(../img/turismo_01.png) center center no-repeat; width: 47px; height: 48px;}
li:hover .icon-tur,.icon-tur:hover{background-image: url(../img/turismo_02.png);}
.icon-youtube{background: url(../img/youtube_01.png) center center no-repeat; width: 44px; height: 44px;}
.icon-youtube:hover{background-image: url(../img/youtube_02.png);}
.icon-facebook{background: url(../img/facebook_01.png) center center no-repeat; width: 44px; height: 44px;}
.icon-facebook:hover{background-image: url(../img/facebook_02.png);}
.icon-twitter{background: url(../img/twiter_01.png) center center no-repeat; width: 44px; height: 44px;}
.icon-twitter:hover{background-image: url(../img/twiter_02.png);}
.icon-googleplus{background: url(../img/google_01.png) center center no-repeat; width: 44px; height: 44px;}
.icon-googleplus:hover{background-image: url(../img/google_02.png);}
.icon-linkedin{background: url(../img/linkedin_01.png) center center no-repeat; width: 44px; height: 44px;}
.icon-linkedin:hover{background-image: url(../img/linkedin_02.png);}

/*******************************************************************************
*       GENERAL
*******************************************************************************/
.underline:hover{text-decoration: underline;}
.blanc.underline:hover{text-decoration: underline;color:#fff;}
.overflow{overflow: hidden;}
/*******************************************************************************
*       HEADER
*******************************************************************************/
#lang a:hover,#lang a.active{text-decoration: underline;}
#lang li{padding-left: 3px;padding-right: 3px;}
#top_menu li{padding-left: 0px;padding-right: 0px; min-width: 100px;}

#menu li{border-right: 1px solid #c1c1c1;padding: 5px 10px 20px;margin-left: -4px;}
#menu li:last-child{border-right: none;}
#menu li:hover,#menu li.active{background-color: #005CB8;}
#menu li:hover a,#menu li.active a{color: #fff;}

#top_menu li.menu1:hover,
#top_menu li.menu1.active{
    border-bottom: 4px solid #005EB8;
    padding-bottom: 6px;
}

#top_menu li.menu1 a{
    color: #005EB8 !important;
}

.slicknav_menu{background: transparent;padding: 5px 0px;}
.slicknav_nav{padding-top: 20px;}
.slicknav_nav a{color: #005CB8;margin: 0;}
.slicknav_nav a:hover {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #005CB8;
    color: #fff;
}
.slicknav_nav li{border-top: 2px solid #c1c1c1;background-color: #fff;}

.slicknav_btn{background-color: #005CB8;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px; margin-bottom: 25px;padding: 10px;}
.slicknav_menu .slicknav_menutxt{display: block;float: none; text-shadow: none;}
.slicknav_menu .slicknav_icon{float: none; margin-left: 0; display: block;}
.slicknav_menu .slicknav_icon-bar{margin: 0 auto;width: 30px; height: 5px;}

.slicknav_open{padding: 28px 19px;}
.slicknav_open .slicknav_menutxt{display: none;}
.slicknav_open .slicknav_icon-bar{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.slicknav_open .slicknav_icon-bar:first-child{
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.slicknav_open .slicknav_icon-bar:nth-child(2){
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -5px;
}
.slicknav_open .slicknav_icon-bar:last-child{display: none;}
/*******************************************************************************
*       FOOTER
*******************************************************************************/

#footer_newslee{
    padding: 5px 0px;
    background: #0c0c0c; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjMGMwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTUyNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0c0c0c 0%, #4e525d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c0c0c), color-stop(100%,#4e525d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0c0c0c 0%,#4e525d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0c0c0c 0%,#4e525d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0c0c0c 0%,#4e525d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0c0c0c 0%,#4e525d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c0c0c', endColorstr='#4e525d',GradientType=0 ); /* IE6-8 */

}
#footer_newslee form{display: inline-block;margin: 0 0 0 30px;vertical-align: middle; text-align: center;}
#footer_newslee .newslee_txt{color: #fff;vertical-align: middle;}
#footer_newslee .newslee_field{width: 150px;display: inline-block; vertical-align: middle;margin: 2px 3px;border-radius: 5px; font-size: 12px; font-style: italic; background-color: #ECECEC; height: 25px;}
#footer_newslee .newslee_field_submit{background-color: #ED1B24; border-color: #ED1B24; font-style: initial; color: #fff;}

.bottom_footer {
    height: 45px;
    font: normal 12px/45px 'Roboto';
    color: #7c7c7c;
    background-color: #F5F5F5;
}

/*******************************************************************************
*       HOME
*******************************************************************************/
.bxslider img{width: 100%;}
.bxslider li,.bxslider-banner li{left: 0px;}
.bx-wrapper{margin-bottom: 0px;}
.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: 0px;
    background: #fff;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 0;z-index: 999;}
.bx-wrapper .bx-pager.bx-default-pager a{background-color: #dad7d5;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background-color: #005CB8;}

.visor-container{position: absolute;top: 0;margin: 0 auto;left: 0;right: 0;}
.visor-box{max-width: 310px;bottom: 30px; left: 60px;}
.visor-box2{max-width: 310px;top: 115px;left: 30px;}
.visor-box3{max-width: 366px;top: 120px;left: 30px;}

.visor-box3 h2{margin:0px;}

#anys35{
    display: block;
    width: 73px;
    height: 78px;
    position: absolute;
    top: 50px;
    right: 50px;
    z-index: 99;
}
#anys35.cat{background: url(../img/35anys.png) center center no-repeat;}
#anys35.es{background: url(../img/35anos.png) center center no-repeat;}

#anys35_blanc{
    display: block;
    width: 73px;
    height: 78px;
    position: absolute;
    top: 50px;
    right: 50px;
    z-index: 99;
}
#anys35_blanc.cat{background: url(../img/35anys_blanc_cat.png) center center no-repeat;}
#anys35_blanc.es{background: url(../img/35anys_blanc_es.png) center center no-repeat;}

.imggratis:hover{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

#banner_home{display: block; width: 953px; height: 96px; margin: 0 auto; max-width: 100%;}
#banner_home.cat{background: url(../img/INFO3-pruebalo-gratis-CAT01.png) center center no-repeat;}
#banner_home.cat:hover{background-image: url(../img/INFO3-pruebalo-gratis-CAT02.png);}
#banner_home.es{background: url(../img/INFO3-pruebalo-gratis-01.png) center center no-repeat;}
#banner_home.es:hover{background-image: url(../img/INFO3-pruebalo-gratis-02.png);}
#banner_home.en{background: url(../img/INFO3-pruebalo-gratis-01.png) center center no-repeat;}
#banner_home.en:hover{background-image: url(../img/INFO3-pruebalo-gratis-02.png);}
#banner_home_img{display: none;}
/*#banner_home{display: block; width: 953px; height: 132px; margin: 0 auto; max-width: 100%;}
#banner_home.cat{background: url(../img/baner_01_cat.png) center center no-repeat;}
#banner_home.cat:hover{background-image: url(../img/baner_02_cat.png);}
#banner_home.es{background: url(../img/baner_01_es.png) center center no-repeat;}
#banner_home.es:hover{background-image: url(../img/baner_02_es.png);}
#banner_home.en{background: url(../img/baner_01_en.png) center center no-repeat;}
#banner_home.en:hover{background-image: url(../img/baner_02_en.png);}
#banner_home_img{display: none;}*/
#banner_home2{display: block; width: 953px; height: 96px; margin: 0 auto; max-width: 100%;}
#banner_home2.cat{background: url(../img/banners/unasesor-baner-blau_cat.png) center center no-repeat;background-size: contain;}
#banner_home2.cat:hover{background-image: url(../img/banners/unasesor-baner-gris_cat.png);}
#banner_home2.es{background: url(../img/banners/unasesor-baner-blau_es.png) center center no-repeat;background-size: contain;}
#banner_home2.es:hover{background-image: url(../img/banners/unasesor-baner-gris_es.png);}
#banner_home2.en{background: url(../img/banners/INFO3-llamanos-01.png) center center no-repeat;background-size: contain;}
#banner_home2.en:hover{background-image: url(../img/banners/INFO3-llamanos-02.png);}
#banner_home2_img{display: none;}

#banner_home3{display: block; width: 953px; height: 96px; margin: 0 auto; max-width: 100%;}
#banner_home3.cat{background: url(../img/banners/distribuidores-encuentratudistribuidor-blau_cat.png) center center no-repeat;background-size: contain;}
#banner_home3.cat:hover{background-image: url(../img/banners/distribuidores-encuentratudistribuidor-gris_cat.png);}
#banner_home3.es{background: url(../img/banners/distribuidores-encuentratudistribuidor-blau_es.png) center center no-repeat;background-size: contain;}
#banner_home3.es:hover{background-image: url(../img/banners/distribuidores-encuentratudistribuidor-gris_es.png);}
#banner_home3_img{display: none;}

#banner_home4{display: block; width: 953px; height: 96px; margin: 0 auto; max-width: 100%;}
#banner_home4.cat{background: url(../img/banners/distribuidores-home-blau_cat.png) center center no-repeat;background-size: contain;}
#banner_home4.cat:hover{background-image: url(../img/banners/distribuidores-home-gris_cat.png);}
#banner_home4.es{background: url(../img/banners/distribuidores-home-blau_es.png) center center no-repeat;background-size: contain;}
#banner_home4.es:hover{background-image: url(../img/banners/distribuidores-home-gris_es.png);}
#banner_home4_img{display: none;}

#banner_home5{display: block; width: 953px; height: 96px; margin: 0 auto; max-width: 100%;}
#banner_home5.cat{background: url(../img/banners/clientes-soportetecnico-blau_cat.png) center center no-repeat;background-size: contain;}
#banner_home5.cat:hover{background-image: url(../img/banners/clientes-soportetecnico-gris_cat.png);}
#banner_home5.es{background: url(../img/banners/clientes-soportetecnico-blau_es.png) center center no-repeat;background-size: contain;}
#banner_home5.es:hover{background-image: url(../img/banners/clientes-soportetecnico-gris_es.png);}
#banner_home5_img{display: none;}


#contact-window{
    /*position: absolute;*/
    position: fixed;
    right: -234px;
    /*bottom: 60px;*/
    top: 35%;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 999;
}
#contact-window.open{right: 0;}
#contact-window .activador{
    background-color: #005EB8;
    color: #fff;
    width: 85px;
    padding: 10px;
    display: inline-block;
    font-size: 11px;
    text-align: center;
    cursor: pointer;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#contact-window:hover .activador,
#contact-window.open .activador{background-color: #4f4f4f;}
#contact-window .content{
    display: inline-block;
    background-color: #fff;
    padding: 10px;
    border: 2px solid rgba(161, 161, 161, 0.5);
    margin-left: -4px;
    width: 234px;
}

/*
.home-visor{
    background: url(../img/visor1.jpg) center center no-repeat; 
    width: 100%; 
    height: 635px;
    padding-top: 275px;
    border-bottom: 10px solid #EDEDED;
}

.title-furniture{
    width: 38px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    background: url(../img/decor_esq.png) center center no-repeat;
}
.title-furniture.reverse{background-image: url(../img/decor_dret.png);}

.item{
    display: inline-block;
    padding: 20px 0px;
    border: 1px solid #C2AD5C;
    width: 295px;
    color: #A59438;
    margin: 10px 20px;
}
.item:first-child{margin-left: 0px;}
.item:last-child{margin-right: 0px;}

.item .item-desc{padding: 0 55px;}

.banner-bck{background: url(../img/foto_fnsm.jpg) center center no-repeat; text-shadow: 2px 3px 5px #000; color:#fff;}

.logo_fnsm{background: url(../img/logo_fnsm.png) center center no-repeat; display: inline-block;width:65px; height: 65px; vertical-align: middle;}

.photo_frame{border-radius: 10px;}
*/
/*******************************************************************************
*       INSCRIPCIONS
*******************************************************************************/
.steps_container{border: 1px solid #A59438; padding: 20px;position: relative;}
.step_block{position: relative; min-height:92px;display: block;}
.step_number{position: absolute;}
.step_txt{padding-left: 60px;display: block;padding-top: 20px;font-size: 18px;}

label{width: 130px;font-size: 12px;}
label.wauto{width: auto;}
label.error{width: 100%;color: red;text-align: right;font-size: 10px;position: absolute;bottom: 10px;right: 10px;}
input[type='text']{width: 419px; padding: 5px; margin-bottom: 10px;}
#fdni,#fbirthday{width: 125px;height: 35px;}
#fdni-error,#fbirthday-error{bottom:10px; right: 25px;}
#fbirthday-error{bottom: 0;}
input[type='radio']{margin-right: 10px;}

input.error{background-color: rgb(255, 171, 171);}
/*******************************************************************************
*       SERVEIS
*******************************************************************************/
ul.menuserveis{
    text-align:center;
}
ul.menuserveis li{
    display:inline-block;
    margin-right:5px;
}
ul.menuserveis li .btn1{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:5px 10px;

}
.FORMKO{
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color:#991c1c;
    background-color: #ed8282;
    border:1px solid red;
}

.FORMOK{
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color:#30ce00;
    background-color: #a5f287;
    border:1px solid #30ce00;
}
.FORMKO p, .FORMOK p{
    margin: 0px;
}

.slicknav_menu{display: none;}

@media (min-width: 1200px) {
    .container {
        width: 1024px;
    }
}

@media (max-width: 750px) {
    
    .peulanding .peulanding02,
    .peulanding .peulanding03{
        width: auto !important;
        margin: 15px !important;
    }
    
    .fotolanding{
        background-position-x: right !important;
    }
    
    #lang{text-align: center;display: block;padding: 5px 0;}
    .slicknav_menu{display: block;}
    #top_menu{display: none;}
    #menu{display: none;}

    #banner_home{display: none;}
    #banner_home_img{display: block;}

    .footer_right{float: none !important; padding-right: 15px; padding-left: 15px;}
    ul#programesformulari li{
        width: 100% !important;
    }
    .bxslider .relative div:first-child{
        height: 250px !important;
    }

    .visor-box4{
        top:0 !important;
    }
}

@media (max-width: 700px) {

    .visor-box {
        max-width: 100%;
        bottom: 0px;
        left: 0px;
        position: relative;
    }

    .visor-box3,
    .visor-box2 {
        max-width: 100%;
        top: 0px;
        left: 0px;
        position: relative;
    }

    .visor-box3 h2{color:#005EB8 !important;}

    .visor-container{position: relative;height: auto !important;}
    #anys35 {
        top: 30px;
        right: 10px;
    }
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        bottom: -5px;
        padding-left: 15px;
        text-align: left;
    }

    #contact-window{display: none;}
}

.noticiahome,
.blau.noticiahome{
    border: 2px solid #005EB8;
    float: left;
    color: #575757;
}

.noticiahome div.contingut{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    float: left;
}
.noticiahome span.linknoticiahome,
.noticiahome a.linknoticiahome{
    float: right;
    color: white;
    padding: 5px 10px;
    text-decoration: none !important;
}

.blau.noticiahome a.linknoticiahome{
    background: #005EB8;
    border-top: 1px solid #005EB8;
    border-left: 1px solid #005EB8;
}

.blau.noticiahome span.linknoticiahome{
    background: white;
    border-top: 1px solid white;
    border-left: 1px solid white;
}

.blau.noticiahome span.linknoticiahome,
.blau.noticiahome a.linknoticiahome:hover{
    background: white;
    color: #005EB8;
}

.solucio.taronja .persona,
.persona.taronja{
    background: #f07d00; /* Old browsers */
    background: -moz-linear-gradient(top,  #f07d00 44%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#f07d00), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f07d00 44%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f07d00 44%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f07d00 44%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f07d00 44%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07d00', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    color: white;
}

.solucio.lila .persona,
.persona.lila{
    background: #804b80; /* Old browsers */
    background: -moz-linear-gradient(top,  #804b80 44%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#804b80), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #804b80 44%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #804b80 44%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #804b80 44%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #804b80 44%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#804b80', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    color: white;
}
.solucio.verd .persona,
.persona.verd{
    background: #16804b; /* Old browsers */
    background: -moz-linear-gradient(top,  #16804b 44%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#16804b), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #16804b 44%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #16804b 44%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #16804b 44%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #16804b 44%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16804b', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    color: white;
}

.persona{
    position:relative;
    width: 168px;
    height: 168px;
    /*width: 18%;*/
    float: left;
    margin-right: 18px;
    margin-bottom: 20px;
}

.personaright{
    /*margin-right: 0!important;*/
}

.persona,
.degradatblau{
    background: #005eb8; /* Old browsers */
    background: -moz-linear-gradient(top,  #005eb8 44%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#005eb8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #005eb8 44%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #005eb8 44%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #005eb8 44%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #005eb8 44%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005eb8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    color: white;

}

.degradatblauhoritzontal{
    background: #005eb8; /* Old browsers */
    background: -moz-linear-gradient(left,  #005eb8 44%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(44%,#005eb8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #005eb8 44%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #005eb8 44%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #005eb8 44%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right,  #005eb8 44%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005eb8', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    color: white;
}

.taronja .degradathoritzontal{
    background: #f07d00; /* Old browsers */
    background: -moz-linear-gradient(left,  #f07d00 44%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(44%,#f07d00), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #f07d00 44%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #f07d00 44%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #f07d00 44%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right,  #f07d00 44%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07d00', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    color: white;
}

.verd .degradathoritzontal{
    background: #16804b; /* Old browsers */
    background: -moz-linear-gradient(left,  #16804b 44%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(44%,#16804b), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #16804b 44%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #16804b 44%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #16804b 44%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right,  #16804b 44%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16804b', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    color: white;
}

.lila .degradathoritzontal{
    background: #804b80; /* Old browsers */
    background: -moz-linear-gradient(left,  #804b80 44%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(44%,#804b80), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #804b80 44%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #804b80 44%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #804b80 44%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right,  #804b80 44%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#804b80', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    color: white;
}

.degradatenganxat{
    margin-left: -15px;
    margin-right: -15px;
    padding: 5px 15px;
    margin-bottom: 10px;
}

.persona div{
    color: white;
    font-size: 17px;
    padding: 15px;
}

.persona img{
    width: 100%;
    position: absolute;
}

.persona img:hover{
    opacity:0;
}

.persona img,
.transition{
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}

.caixa{
    margin-top: 0px;
    color: white;
    padding: 60px 30px;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 1.2em;
}

.caixa p{
    color: white !important;
    font-size: 26px !important;
    margin-bottom: 15px;
}

.textnosaltres{
    color: #005eb8;
    color: #575757;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 40px;
}

.textnosaltres b{
    color: #005eb8;
}

.pb10{
    padding-bottom: 10px !important;
}

.colorblau{
    color: #005eb8 !important;
}

.colorblau2{
    color: #11a9ff !important;
}

.fs20{
    font-size: 20px !important;
}

.fonsgris{
    background-color: #f6f6f8;
    padding-top: 40px;
}

.marca{
    padding: 30px 50px;
    font-size: 12px;
    line-height: 1.5em;
    width: 100%;
}

.marca b,
.marca b p{
    color: #005eb8;
    margin-bottom: 0;
}

.marca img{
    max-height: 150px;
}

.valors{
    font-size: 13px;
    margin-bottom: 20px;
}

.valors div{
    background-color: #005EB8;
    color: white;
    padding: 7px;
    font-size: 15px;
    margin-bottom: 5px;
}

@media (max-width: 500px) {
    .solucio .persona{
        width: 100% !important;
        height: 130px !important;
    }
    .solucio{
        width: 43% !important;
        height: 185px !important;
    }
    .persona {
        width: 43% !important;
        height: 130px !important;
    }
}

@media (max-width: 759px) {
    .nomobil{
        display:none;
    }  

    .amplemobil{
        padding: 0px;
    }
}
@media (max-width: 991px) {


    .tabbertab .pl0,
    .tabbertab .pr0{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


}

@media (min-width:750px){
    body{
        min-width: 995px;
    }
}


.solucio{
    width: 172px;
    /*height: 225px;*/
    float: left;
    margin-right: 18px;
    cursor: pointer;
}

.solucio.taronja a{
    float: left;
    border: 1px solid #f07d00;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 20px;
    text-align: center;
    padding: 3px;
    font-weight: 600;
    color: #f07d00;
}

.solucio.blau a,
.solucio.lila a,
.solucio.verd a,
.solucio.taronja a{
    float: left;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 20px;
    text-align: center;
    padding: 3px;
    font-weight: 600;
}

.solucio.blau{
    width:31%!important;
    margin-left: 2%!important;
    margin-right: 0px;
    height: auto !important;
}

.menuprogrames a.blau.actiu,
.menuprogrames a.blau:hover,
.solucio.blau a:hover,
.solucio.blau a.actiu{
    background: #005EB8;
    color: white;
}

.menuprogrames a.blau,
.solucio.blau a{
    border: 1px solid #005EB8;
    color: #005EB8;
}

.menuprogrames a.taronja,
.solucio.taronja a{
    border: 1px solid #f07d00;
    color: #f07d00;
}

.menuprogrames a.lila,
.solucio.lila a{
    border: 1px solid #804b80;
    color: #804b80;
}

.menuprogrames a.verd,
.solucio.verd a{
    border: 1px solid #16804b;
    color: #16804b;
}

.menuprogrames a.taronja.actiu,
.menuprogrames a.taronja:hover,
.solucio.taronja a:hover,
.solucio.taronja a.actiu{
    background: #f07d00;
    color: white;
}

.menuprogrames a.lila.actiu,
.menuprogrames a.lila:hover,
.solucio.lila a.actiu,
.solucio.lila a:hover{
    background: #804b80;
    color: white;
}

.menuprogrames a.verd.actiu,
.menuprogrames a.verd:hover,
.solucio.verd a.actiu,
.solucio.verd a:hover{
    background: #16804b;
    color: white;
}

.pointer{
    cursor: pointer;
}

.menuprogrames a{
    padding: 3px 0px;
    text-decoration: none;
    font-weight: bold;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    width: 94px;
}

.tabbernav{
    float: left;
}

div.tabberlive ul.tabbernav li a{
    margin-left: 0 !important;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: normal;
    background: white;
    margin-right: -2px;
} 

div.tabberlive ul{
    border:none;
}

.tabbertab{
    float: left;
    margin-top: -8px;
}

.tabberlive .tabbertab{
    /*padding:20px !important;*/
}

div.tabberlive ul.tabbernav li{
    border: transparent;
    float: left;
    height: 32px;
}

.taronja div.tabbertab{
    border: 2px solid #f07d00 !important;
}

.taronja div.tabberlive ul.tabbernav li.tabberactive a,
.taronja div.tabberlive ul.tabbernav li a:hover{
    background: #f07d00 !important;
    color: white;
}

.taronja div.tabberlive ul.tabbernav li a{
    border: 2px solid #f07d00 !important;
    color: #f07d00;
}




.blau div.tabbertab{
    border: 2px solid #005EB8 !important;
}

.blau div.tabberlive ul.tabbernav li.tabberactive a,
.blau div.tabberlive ul.tabbernav li a:hover{
    background: #005EB8 !important;
    color: white;
}

.blau div.tabberlive ul.tabbernav li a{
    border: 2px solid #005EB8 !important;
    color: #005EB8;
}

.pestanyes .blau b{
    color: #005EB8 !important;
}

.pestanyes .degradatblauhoritzontal  b{
    color: white !important;
}


@-moz-document url-prefix() {
    .taronja div.tabberlive ul.tabbernav li a{
    display: inline-block;
}
div.tabberlive ul.tabbernav li {
    height: 34px !important;
}
}

.solucions h3,
.pestanyes h3{
    font-weight: 600;
    font-size: 18px;
    display: block !important;
    margin: 0 !important;
}

.pestanyes h3{
    margin-bottom: 0px !important;
    font-size: 20px;
}


.pestanyes b{
    color: #575757;
}

.quadreblau{
    background: #005EB8;
    padding: 15px;
    color: white;
    font-size: 13px;
}

.quadreblauclar{
    background: #11a9ff;
    padding: 15px;
    font-size: 17px;
    line-height: 1.2em;
    margin-bottom: 20px;
}

.quadreblau b{
    color: white;
}

.quadreblau span{
    font-size: 25px;
    font-weight: 600;
}

.tr1,
.tr3,
.tr4{
    color: #575757;
    font-weight: 700;
}

.tr2{
    color: white;
    font-weight: 700;
}

.blau .taronja .tr2,
.taronja .tr2{
    background: #f07d00;
}

tr.tr4.GEA,
tr.tr4.GEB,
tr.tr4.GEC,
tr.tr4.GED,
tr.tr4.GEE,
tr.tr4.TER,
tr.tr4.VEN,
tr.tr3.GEA td.tdfosc,
tr.tr3.GEB td.tdfosc,
tr.tr3.GEC td.tdfosc,
tr.tr3.GED td.tdfosc,
tr.tr3.GED td.tdfosc,
tr.tr3.TER td.tdfosc,
tr.tr3.VEN td.tdfosc{
    background: #fcf0eb !important;
}
.taronja .tr4{
    background: #fcf0eb;
}

.blau .tr2{
    background: #005EB8;
}

.blau .tr4{
    background: #e6eef9;
}

.tr1 td,
.tr2 td,
.tr3 td,
.tr4 td,
.tr6 td{
    padding: 5px;
    text-align: center;
}

.tr1.padding1 td,
.tr2.padding1 td,
.tr3.padding1 td,
.tr4.padding1 td,
.tr5.padding1 td,
.tr6.padding1 td{
    padding: 1px 5px !important;
}

.tr5{
    font-weight: 700;
}

.tr5 td{
    padding: 10px 5px;
    padding-bottom: 0px !important;
    text-align: center;
}

.tr5 td.tleft{
    font-size: 15px !important;
}

.tr5 td.negre{
    font-size: 14px;
    color: #575757;
}

.tr6{
    background: #e6eef9;
    color: #575757;
}

.tr6 b{
    font-weight: bold;
    color: #005EB8;
}

.weightnormal{
    font-weight: normal !important;
}

.weightnormal b{
    font-weight: bold !important;
}

.lila div.tabbertab{
    border: 2px solid #804b80 !important;
}
.lila div.tabberlive ul.tabbernav li.tabberactive a,
.lila div.tabberlive ul.tabbernav li a:hover{
    background: #804b80 !important;
    color: white;
}
.lila div.tabberlive ul.tabbernav li a{
    border: 2px solid #804b80 !important;
    color: #804b80;
}
.lila .tr2{
    background: #804b80;
}

tr.tr4.CON,
tr.tr4.NOM,
tr.tr4.FIS,
tr.tr4.FIN,
tr.tr4.CONR,
tr.tr3.CON td.tdfosc,
tr.tr3.NOM td.tdfosc,
tr.tr3.FIS td.tdfosc,
tr.tr3.FIN td.tdfosc,
tr.tr3.CONR td.tdfosc{
    background: #f2edf2 !important;
}

.lila .tr4{
    background: #f2edf2;
}

.verd div.tabbertab{
    border: 2px solid #16804b !important;
}
.verd div.tabberlive ul.tabbernav li.tabberactive a,
.verd div.tabberlive ul.tabbernav li a:hover{
    background: #16804b !important;
    color: white;
}
.verd div.tabberlive ul.tabbernav li a{
    border: 2px solid #16804b !important;
    color: #16804b;
}
.verd .tr2{
    background: #16804b;
}

tr.tr4.RES,
tr.tr4.HOT,
tr.tr4.CAM,
tr.tr3.RES td.tdfosc,
tr.tr3.HOT td.tdfosc,
tr.tr3.CAM td.tdfosc{
    background: #e7f2ed !IMPORTANT;
}

.verd .tr4{
    background: #e7f2ed;
}

.taronja .border2{
    border: 2px solid #f07d00;
    padding: 15px;
}

.verd .border2{
    border: 2px solid #16804b;
    padding: 15px;
}

.lila .border2{
    border: 2px solid #804b80;
    padding: 15px;
}

.blau .border2{
    border: 2px solid #005EB8;
    padding: 15px;
}

.blau div.tabberlive ul.tabbernav li.tabberactive a,
.blau div.tabberlive ul.tabbernav li a:hover{
    background: #005EB8 !important;
    color: white;
}
.blau div.tabberlive ul.tabbernav li a{
    border: 2px solid #005EB8 !important;
    color: #005EB8;
}

.solucions select{
    width: 100%;
    background: #e2e2e2;
    padding: 3px;
    border: none;
    color: grey;
}

.solucions .ppetit{
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 20px;
}

.solucions input[type="checkbox"]{
    width: 20px;
    height: 20px;
}

.solucions h4{
    font-size: 17px;
    font-weight: bold;
    margin: 0;
}

.colorright{
    float: right;
    margin-top: -18px !important;
    font-size: 20px;
}

.degradatblauhoritzontal .colorright{
    color: #005eb8;
}

.taronja .degradathoritzontal .colorright{
    color: #f07d00;
}

.lila .degradathoritzontal .colorright{
    color: #804b80;
}

.verd .degradathoritzontal .colorright{
    color: #16804b;
}

.borderbottom{
    border-bottom: 1px solid #e2e2e2;
}

p.borderbottom{
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
}















ul#menu {
}

ul#menu li {
    list-style: none;
}

ul#menu li:hover{
    cursor:pointer;
}

ul#menu ul {
    display: none;
    position: absolute;
    padding: 0;
    margin-top: 20px;
    /*width: 335px;*/
    width: 485px;
    padding: 10px;
}

ul#menu ul li{
    float: left;
    margin-left: 0;
    padding: 5px;
    /*width: 105px;*/
    width: 155px;
    border: none;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
}

li.menusol ul{
    width: 200px !important;
}

li.menusol ul li{
    width: 180px !important;
}

ul#menu ul li span{
    width: 100%;
    font-weight: 100;
    float: left;
    color: #575757;
    font-size: 11px;
}

ul#menu ul li:hover span{
    color: white !important;
}

ul#menu ul li.petit{
    padding: 2px !important;
    font-weight: normal !important;
}

ul#menu ul li.taronja{
    color:#f07d00;
}
ul#menu ul li.taronja:hover{
    background:#f07d00;
    color:white;
}

ul#menu ul li.lila{
    color:#804b80;
}
ul#menu ul li.lila:hover{
    background:#804b80;
    color:white;
}

ul#menu ul li.verd{
    color:#16804b;
}
ul#menu ul li.verd:hover{
    background:#16804b;
    color:white;
}

ul#menu ul li a{
}

ul#menu ul li a:hover{
    cursor:pointer;
}

ul#menu li:hover ul ul,ul#menu li:hover ul ul ul,ul#menu li.iehover ul ul,ul#menu li.iehover ul ul ul {
    display: none;
    cursor:pointer;
}

ul#menu li:hover ul,ul#menu ul li:hover ul,ul#menu ul ul li:hover ul,ul#menu li.iehover ul,ul#menu ul li.iehover ul,ul#menu ul ul li.iehover ul {
    display: block;
    cursor:pointer;
    z-index: 9999999;
    margin-left: -10px;
    background: white;
}

.fonsgrisfosc{
    background-color: #6f6f6f;
    padding-top: 20px;
}

.fonsgrisfosc h3{
    color:white;
    font-size: 21px;
}

.fonsgrisfosc p{
    color:white;
    font-size: 13px;
}

.fonsgrisfosc h2{
    color: white;
    font-size: 20px;
    margin-top: 0 !important;
    font-weight: 100;
    margin-bottom: 30px;
}

a.boto{
    padding: 3px 10px;
    border-radius: 40px;
    text-decoration: none;
    color: white!important;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    float: right;
    font-size: 13px;
}

a.boto1,
a.boto2{
    padding: 3px 8px;
    border-radius: 40px;
    text-decoration: none;
    color: white!important;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    float: left;
    font-size: 13px;
    margin: 0px 20px 0px 0px;
}

a.boto2{
    background: #005EB8;
}

a.boto1 b,
a.boto2 b{
    font-weight: bold;
    color:white;
}

.taronja a.boto,
.taronja a.boto1{
    background: #f07d00;
}

.lila a.boto,
.lila a.boto1{
    background: #804b80;
}


.verd a.boto,
.verd a.boto1{
    background: #16804b ;
}

.blau1 a.boto,
.blau1 a.boto1{
    background: #005EB8 ;
}


a.boto1:hover,
a.boto2:hover,
a.boto:hover{
    background: #57565b !important;
    color: white!important;
    cursor: pointer;
}

a.boto1 img,
a.boto2 img{
    width: 35px !important;
    float:left;
}

a.boto1 div,
a.boto2 div{
    float:left;
    margin: 1px 5px 0px 5px;
}

.fonsblau{
    background: #005EB8;
    margin-left: -15px;
    margin-right: -15px;
    padding: 5px 15px;
    margin-bottom: 10px;
    font-weight: 700;
    color:white !important;
}

.quadreblaupestanyes b{
    color: #005EB8;
    text-decoration: underline;
}

.faq{
    color: #575757;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.faq p b,
.faq p strong,
.faq strong,
.faq b{
    color: #005EB8 !important;
}

.titolfaq{
    margin-bottom: 5px;
    cursor: pointer;
}

.titolfaq:hover{
    text-decoration: underline;
}

.pestanyes .col-md-6 {
    float:left;
}

ul.ulservei{
    padding-left: 20px;
}

ul.ulservei li{
    margin-bottom: 5px;
    color: #575757;
    font-size: 14px;
}

.botosel{
    background: #005EB8;
    color: white;
    padding: 5px 15px;
    border: 1px solid #005EB8;
    cursor: pointer;
}

.botosel:hover{
    background: transparent;
    color: #005EB8;
}

.botosel_lila{
    background: #804b80;
    color: white;
    padding: 5px 15px;
    border: 1px solid #804b80;
    cursor: pointer;
}

.botosel_lila:hover{
    background: transparent;
    color: #804b80;
}


.botosel_lila_inv{
    background: white;
    color: #804b80;
    padding: 5px 15px;
    border: 1px solid #804b80;
    cursor: pointer;
}

.botosel_lila_inv:hover{
    background: #804b80;
    color: white;
}

.botosel_taronja{
    background: #f07d00;
    color: white;
    padding: 5px 15px;
    border: 1px solid #f07d00;
    cursor: pointer;
}

.botosel_taronja:hover{
    background: transparent;
    color: #f07d00;
}

.botosel_taronja_inv{
    background: white;
    color: #f07d00;
    padding: 5px 15px;
    border: 1px solid #f07d00;
    cursor: pointer;
}

.botosel_taronja_inv:hover{
    background: #f07d00;
    color: white;
}

.botosel_verd{
    background: #16804b;
    color: white;
    padding: 5px 15px;
    border: 1px solid #16804b;
    cursor: pointer;
}

.botosel_verd:hover{
    background: #16804b;
    color: white;
}

.botosel_verd_inv{
    background: white;
    color: #16804b;
    padding: 5px 15px;
    border: 1px solid #16804b;
    cursor: pointer;
}

.botosel_verd_inv:hover{
    background: transparent;
    color: white;
}


.seldistribuidors{
    margin-bottom: 30px;
}

.distribuidor1{
    background: #e6eef9;
    font-weight: bold;
}

.distribuidor1 span{
    color: #005CB8;
    font-weight: 100;
    font-style: italic;
}

.distribuidor2{
    margin-bottom: 20px;
}

.distribuidor1,
.distribuidor2{
    padding-left: 15px;
}

.distribuidor0{
    padding-right: 10px;
    padding-left: 0;
}

.quadrelogin{
    padding:20px;
    height: 200px;
    background-color: #f6f6f8;
}

.quadrelogin3{
    padding:20px;
    background-color: #f6f6f8;
}

.quadrelogin2{
    z-index: 1000000000000000000000000000000;
}

.quadrelogin2 p,
.quadrelogin3 p,
.quadrelogin p{
    margin:0;
}

.quadrelogin2 p.p2,
.quadrelogin3 p.p2,
.quadrelogin p.p2{
    color: #005eb8;
    font-size: 12px;
    margin: 5px 0;
}

.quadrelogin2 input,
.quadrelogin3 input,
textarea,
.quadrelogin input{
    width: 100%;
    border: 1px solid #005eb8;
    float: left;
}

textarea{
    height: 100px;
    margin-bottom: 30px;
}

.quadrecontacte p.colorblau{
    font-size: 18px !important;
    margin-bottom: 0;
    font-weight: normal;
}

.quadrecontacte p{
    font-weight: bold;
}

.quadrecontacte img{
    height: 80px;
}

.hr{
    border-top: #005EB8 2px dashed;
    margin: 20px 15px;
}

.blau .tr2 td.tdfosc{
    background: #023a9b !important;
}

.blau .tr5 td.tdfosc,
.blau .tr0 td.tdfosc,
.blau .tr3 td.tdfosc{
    background: #e6eef9 !important;
}

.blau .tr4 td.tdfosc{
    background: #cfe0f2 !important;
}

.taronja .tr2 td.tdfosc{
    background: #cd6b00 !important;
}

.taronja .tr5 td.tdfosc,
.taronja .tr0 td.tdfosc,
.taronja .tr3 td.tdfosc{
    background: #fcf0eb !important;
}

tr.tr4.GEA td.tdfosc,
tr.tr4.GEB td.tdfosc,
tr.tr4.GEC td.tdfosc,
tr.tr4.GED td.tdfosc,
tr.tr4.GEE td.tdfosc,
tr.tr4.TER td.tdfosc,
tr.tr4.VEN td.tdfosc,
.taronja .tr4 td.tdfosc{
    background: #fce6cf !important;
}

.verd .tr2 td.tdfosc{
    background: #327927 !important;
}

.verd .tr5 td.tdfosc,
.verd .tr0 td.tdfosc,
.verd .tr3 td.tdfosc{
    background: #e7f2ed !important;
}

tr.tr4.RES td.tdfosc,
tr.tr4.HOT td.tdfosc,
tr.tr4.CAM td.tdfosc,
.verd .tr4 td.tdfosc{
    background: #D3E8D0 !important;
}

.lila .tr2 td.tdfosc{
    background: #67316f !important;
}

.lila .tr5 td.tdfosc,
.lila .tr0 td.tdfosc,
.lila .tr3 td.tdfosc{
    background: #f2edf2 !important;
}

tr.tr4.CON .tdfosc, 
tr.tr4.CONR .tdfosc, 
tr.tr4.NOM .tdfosc, 
tr.tr4.FIS .tdfosc, 
tr.tr4.FIN .tdfosc, 
.lila .tr4 td.tdfosc{
    background: #e2cee5 !important;
}

.descripciopreus {
    font-size: 14px;
    font-weight: 100;
    margin-left: 5px;
    color: #9E9C9C;
}

.miniservei{
    color: #005EB8;
    font-weight: 600;
}

.breadcrumb2,
.breadcrumb2 a{
    color: #575757 !important;
    font-size: 11px;
}

.breadcrumb2 a:hover{
    color: #005CB8 !important;
}

.grisactiu img,
.grishover:hover img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://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 */
    cursor:pointer;
    filter: gray; /* IE6-9 */
}

.grishover:hover{
    cursor:pointer;
}

.grisactiu p,
.grishover:hover p{
    color:#575757 !important;
}

.spansolucio{
    color: #575757;
    font-weight: normal;
    font-size: 12px;
    margin-top: -3px;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

textarea.error{
    background-color: rgb(255, 171, 171);
}

.fancybox-skin{
    border-radius: 0 !important;
    box-shadow: 0 0 0 !important;
    border: 4px solid #005EB8 !important;
    background: white !important;
}

.fancybox-close {
    top: 0px !important;
    right: 0px !important;
}

ul#programesformulari{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#programesformulari input{
    float: left;
    width: 13px;
    margin-right: 10px;
}

ul#programesformulari div{
    float: left;
    width: 70%;
}

ul#programesformulari li{
    width: 33%;
    float: left;
    font-size: 12px;
    font-weight: 600;
}

ul#programesformulari li span{
    width: 100%;
    font-weight: 100;
    float: left;
    color: #575757;
    font-size: 11px;
}

.textformulari1{
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #005EB8;
}

.textformulari2{
    line-height: 2em;
    text-align: center;
}

.fancybox-overlay{
    z-index: 100000000 !important;
}

.seminari01{
    color: #804b80;;
    font-size: 15px;
}

.estiltextdescarga{
    text-align: left;
}

.estiltextdescarga b{
    color: #005EB8;
    text-decoration: underline;
}

#carrouselcasos .bx-wrapper{
    max-width: 100% !important;
}

#carrouselcasos .bx-viewport{
    background: none !important;
}

#carrouselcasos div.slide{
    text-align: center;
}

#carrouselcasos div.slide img{
    display: inline;
    cursor: pointer;
}

#carrouselcasos .bx-wrapper .bx-pager{
    display:none !important;
}

#carrouselcasos2 .bx-controls-direction{
    display:none !important;
}

#carrouselcasos{
    padding: 0 40px;
}

#carrouselcasos .bx-prev{
    left: -40px;
}

#carrouselcasos .bx-next{
    right: -40px;
}

.imatgelink{
    display:inline-block;
    height: 100px;
    width: 100px;
}

.imatgelinksuport01{
    background-size: cover;
    background-image: url(../img/clients/clientes-guiasytutoriales-blau.png);
}
.grishover:hover .imatgelinksuport01,
.grisactiu .imatgelinksuport01{
    background-image: url(../img/clients/clientes-guiasytutoriales-gris.png);
}

.imatgelinksuport02{
    background-size: cover;
    background-image: url(../img/clients/clientes-faqs-blau.png);
}
.grishover:hover .imatgelinksuport02,
.grisactiu .imatgelinksuport02{
    background-image: url(../img/clients/clientes-faqs-gris.png);
}

.imatgelinksuport03{
    background-size: cover;
    background-image: url(../img/clients/clientes-videos-blau.png);
}
.grishover:hover .imatgelinksuport03,
.grisactiu .imatgelinksuport03{
    background-image: url(../img/clients/clientes-videos-gris.png);
}

.imatgelinksuport04{
    background-size: cover;
    background-image: url(../img/clients/clientes-seminarios-blau.png);
}
.grishover:hover .imatgelinksuport04,
.grisactiu .imatgelinksuport04{
    background-image: url(../img/clients/clientes-seminarios-gris.png);
}

.imatgelinksuport05{
    background-size: cover;
    background-image: url(../img/clients/clientes-noticias-blau.png);
}
.grishover:hover .imatgelinksuport05,
.grisactiu .imatgelinksuport05{
    background-image: url(../img/clients/clientes-noticias-gris.png);
}

.imatgelinksuport06{
    background-size: cover;
    background-image: url(../img/clients/servicios-actualizaciones-blau.png);
}
.grishover:hover .imatgelinksuport06,
.grisactiu .imatgelinksuport06{
    background-image: url(../img/clients/servicios-actualizaciones-gris.png);
}

.imatgelinksuport07{
    background-size: cover;
    background-image: url(../img/clients/servicios-formacion-blau.png);
}
.grishover:hover .imatgelinksuport07,
.grisactiu .imatgelinksuport07{
    background-image: url(../img/clients/servicios-formacion-gris.png);
}

.imatgelinkdescarregues01{
    background-size: cover;
    background-image: url(../img/clients/clientes-ultimasversiones-blau.png);
}
.imatgelinkdescarregues02{
    background-size: cover;
    background-image: url(../img/clients/clientes-ultimasversiones-blaucel.png);
}
.grishover:hover .imatgelinkdescarregues01,
.grishover:hover .imatgelinkdescarregues02,
.grisactiu .imatgelinkdescarregues02,
.grisactiu .imatgelinkdescarregues01{
    background-image: url(../img/clients/clientes-ultimasversiones-gris.png);
}
/*
div.bx-viewport{
    background:#eeeeee !important;
}*/

.pestanyes .container{
    max-width: 945px !important;
}

.pestanyes ul,
ul.bxslider{
    list-style:none;  
}

.visor-box4{
    max-width: 725px !important;
    top: 105px;
    left: 0px;
    padding-left: 15px !important;
} 

.visor-box4 h2{
    margin-bottom: 15px;
}

.bordertaronja{
    border: 1px solid #f07d00;
    padding: 15px 20px !important;
}

.borderverd{
    border: 1px solid #16804b;
    padding: 15px 20px !important;
}

.borderlila{
    border: 1px solid #804b80;
    padding: 15px 20px !important;
}

.bordertaronja h1{
    color: #f07d00;
}

.borderverd h1{
    color: #16804b;
}

.borderlila h1{
    color: #804b80;
}

.divlanding h1{
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 0;
}

.divlanding h2{
    margin: 0;
    font-size: 16px;
}

.divlanding{
    margin-left: 15px;
    float:left;
}

.bordertaronja p,
.borderverd p,
.borderlila p{
    float: left;
    width: 100%;
    margin-top: 15px;
    font-size: 16px;
}

.bordertaronja b,
.borderverd b,
.borderlila b{
    float: left;
    width: 93%;
    margin-left: 7%;
    line-height: 1.5em;
    font-size: 16px;

}
.landing .bordertaronja b,
.landing .borderverd b, 
.landing .borderlila b{
    float: none;
    width: auto;
    margin-left: 0px;
    line-height: auto;
    font-size: inherit;
}

.bordertaronja b{
    color: #f07d00 !important;
}

.borderverd b{
    color: #16804b !important;
}

.borderlila b{
    color: #804b80 !important;
}

.bordertaronja a,
.borderverd a,
.borderlila a{
    float: left;
    padding: 8px 15px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    bottom: 0;
    position: absolute;
    left: 0;
    margin-top: 15px;
}

.bordertaronja a{
    border-top: 1px solid #f07d00;
    border-right: 1px solid #f07d00;
    background: #f07d00;
}

.borderlila a{
    border-top: 1px solid #804b80;
    border-right: 1px solid #804b80;
    background: #804b80;
}

.borderverd a{
    border-top: 1px solid #16804b;
    border-right: 1px solid #16804b;
    background: #16804b;
}

.bordertaronja a:hover{
    background:white;
    color: #f07d00;
}

.borderlila a:hover{
    background:white;
    color: #804b80;
}

.borderverd a:hover{
    background:white;
    color: #16804b;
}

.formtaronja,
.formverd,
.formlila{
    width: 270px;
    float: left;
    margin-left: 10px;
    background: #efefef;
}

.formtaronja h3,
.formverd h3,
.formlila h3{
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px;
}

.formtaronja p,
.formtaronja h3{
    color: #f07d00 !important;
}

.formverd p,
.formverd h3{
    color: #16804b !important;
}

.formlila p,
.formlila h3{
    color: #804b80 !important;
}

.formtaronja p,
.formlila p,
.formverd p{
    font-size: 13px !important;
}

.formtaronja input{
    border:1px solid #f07d00 !important;
}

.formverd input{
    border:1px solid #16804b !important;
}

.formlila input{
    border:1px solid #804b80 !important;
}

.formtaronja a{
    border: 1px solid #f07d00;
    background: #f07d00;
    text-align: center;
}

.formverd a{
    border: 1px solid #16804b;
    background: #16804b;
    text-align: center;
}

.formlila a{
    border: 1px solid #804b80;
    background: #804b80;
    text-align: center;
}

.formtaronja a:hover{
    color: #f07d00 !important;
}

.formverd a:hover{
    color: #16804b !important;
}

.formlila a:hover{
    color: #804b80 !important;
}

.peulanding{
    padding:0;
    background-color: #efefef;
    width: 87%;
    margin-bottom: -20px;
    max-width: 1099px;
}

.peulanding .peulanding01{
    background: url(../img/INFO3-landing-00.png) no-repeat;
    width: 271px;
    height: 104px;
    float: left;
    color: white;
    font-weight: bold;
    line-height: 1.2em;
    padding: 24px 3px 24px 80px;
    font-size: 15px;
}

.peulanding:hover .peulanding01{
    background: url(../img/INFO3-landing-01.png) no-repeat;
}

.peulanding .peulanding02{
    float: left;
    color: #005EB8;
    margin: 33px 2% 35px 30px;
    line-height: 1.2em;
    width: 41%;
    font-size: 15px;
}

.peulanding .peulanding03{
    float: left;
    color: #005EB8;
    font-size: 17px;
    margin: 15px 0px;
    line-height: 1.2em;
    font-weight: bold;
}

.peulanding .peulanding03 b.b2 {
    font-size: 23px;
    font-weight: normal;
    float: left;
    margin: 0;
}

.peulanding .peulanding03 b{
    font-size: 30px;
    margin: 6px 0 4px 0;
    float: left;
    width: 100%;
}

.divborderlila,
.divbordertaronja,
.divborderverd{
    margin-left: 25px;
}

@media (max-width: 759px) {
    .divborderlila,
	.divbordertaronja,
    .divborderverd{
        margin:0;
    }
    
    .formlila,
	.formtaronja,
    .formverd{
        width:100% !important;
        margin-left: 0;
    }
}

.titolpestanya a{
	float:left;
}

@media (max-width: 989px) {
    .nomobil_elecccions{
        display: none;
    }  
}
@media (min-width: 989px) {
    .mobil_elecccions{
        display: none;
    }  
}