@font-face {    font-family: 'titillium_webregular';
    src: url('titilliumweb-regular-webfont.eot');
    src: url('titilliumweb-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('titilliumweb-regular-webfont.woff2') format('woff2'),
         url('titilliumweb-regular-webfont.woff') format('woff'),
         url('titilliumweb-regular-webfont.ttf') format('truetype'),
         url('titilliumweb-regular-webfont.svg#titillium_webregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{height:100%}
.heightauto{height:auto!important}
body{font-size:90%;font-family:'titillium_webregular',sans-serif;color:#000;background-color:#fff}
label{margin-bottom:4px}
a{color:#ba5420;text-decoration:none}a:hover,a:active,a.visited{color:#ba5420}
.cd-img-replace{display:inline-block;overflow:hidden;text-indent:100%;white-space:nowrap}
.overflow-hidden{overflow:hidden}
.cd-main-content{min-height:100%;position:relative;background-color:#fff;z-index:2;padding-top:50px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;transition-duration:.4s}
.cd-main-content.lateral-menu-is-open{-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px)}
@media only screen and (min-width: 769px) {.cd-main-content{padding-top:70px}}
header{position:absolute;top:0;left:0;height:50px;width:100%;background:#444;z-index:3;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;transition-duration:.4s}
header.lateral-menu-is-open{-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px)}
header.is-fixed{position:fixed}
@media only screen and (min-width: 769px) {header{height:70px}}
#cd-logo{display:block;float:left;margin:12px 0 0 20px}
#cd-logo img{display:block}
@media only screen and (min-width: 769px) {#cd-logo{margin:9px 0 0 30px}}
@media only screen and (max-width: 768px) {#cd-logo img{height:30px;margin-top:-2px}}
#cd-top-nav{position:absolute;top:0;right:120px;height:100%;display:block}
#cd-top-nav ul{height:100%;padding-top:18px}
#cd-top-nav li{display:inline-block;margin-right:1em}
#cd-top-nav a{display:inline-block;padding:.5em;color:#fff;text-transform:uppercase;font-weight:600}
#cd-top-nav a.current{background-color:#fff}
.no-touch #cd-top-nav a:hover{color:#ba5420}
@media only screen and (max-width: 768px) {#cd-top-nav{right:10%;top:-10px}}
#cd-menu-trigger{position:absolute;right:0;top:0;height:100%;width:50px;background-color:#222}
#cd-menu-trigger .cd-menu-text{height:100%;text-transform:uppercase;color:#fff;font-weight:600;display:none}
#cd-menu-trigger .cd-menu-icon{display:inline-block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:18px;height:2px;background-color:#fff}
#cd-menu-trigger .cd-menu-icon::before,#cd-menu-trigger .cd-menu-icon:after{content:'';width:100%;height:100%;position:absolute;background-color:inherit;left:0}
#cd-menu-trigger .cd-menu-text:hover{color:#ba5420!important}
#cd-menu-trigger .cd-menu-icon::before{bottom:5px}
#cd-menu-trigger .cd-menu-icon::after{top:5px}
#cd-menu-trigger.is-clicked .cd-menu-icon{background-color:rgba(255,255,255,0)}
#cd-menu-trigger.is-clicked .cd-menu-icon::before,#cd-menu-trigger.is-clicked .cd-menu-icon::after{background-color:#fff}
#cd-menu-trigger.is-clicked .cd-menu-icon::before{bottom:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#cd-menu-trigger.is-clicked .cd-menu-icon::after{top:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
@media only screen and (min-width: 769px) {#cd-menu-trigger{width:110px;padding-left:1.25em}#cd-menu-trigger .cd-menu-text{display:inline-block;line-height:70px}
#cd-menu-trigger .cd-menu-icon{left:auto;right:0.75em;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}
#cd-lateral-nav{position:fixed;height:100%;right:0;top:0;visibility:hidden;z-index:1;width:260px;background-color:#333;overflow-y:auto;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .4s 0s,visibility 0 .4s;-moz-transition:-moz-transform .4s 0s,visibility 0 .4s;transition:transform .4s 0s,visibility 0 .4s;-webkit-transform:translateX(80px);-moz-transform:translateX(80px);-ms-transform:translateX(80px);-o-transform:translateX(80px);transform:translateX(80px)}
#cd-lateral-nav .cd-navigation{margin:10px 0 16px}
#cd-lateral-nav .sub-menu{padding:0 10px 20px 15px;display:none}
#cd-lateral-nav a{display:block;line-height:2em;padding:0 16px 0 32px;color:#fff}
#cd-lateral-nav a.current{background-color:#ba5420;color:#FFF}
.no-touch #cd-lateral-nav a:hover{color:#ba5420}
.no-touch #cd-lateral-nav a.current:hover{color:#000}
@media only screen and (min-width: 769px) {#cd-lateral-nav .cd-navigation{margin:20px 0}}
#cd-lateral-nav.lateral-menu-is-open{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);visibility:visible;-webkit-transition:-webkit-transform .4s 0s,visibility 0 0;-moz-transition:-moz-transform .4s 0s,visibility 0 0;transition:transform .4s 0s,visibility 0 0;-webkit-overflow-scrolling:touch}
#cd-lateral-nav .item-has-children > a{position:relative;text-transform:uppercase;font-weight:600}
#cd-lateral-nav .item-has-children > a::after{content:'';display:block;height:11px;width:8px;position:absolute;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:1em;background:url(../img/cd-arrow.svg) no-repeat center center;background-size:8px 11px;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}
#cd-lateral-nav .item-has-children > a.submenu-open::after{-webkit-transform:translateY(-50%) rotate(90deg);-moz-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);-o-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}
#cd-lateral-nav .socials{padding:0 32px}
#cd-lateral-nav .socials:after{content:"";display:table;clear:both}
#cd-lateral-nav .socials a{height:32px;width:32px;float:left;padding:0;background-image:url(../img/cd-socials.svg);background-repeat:no-repeat;background-size:128px 64px;background-color:#FFF;margin-right:.5em;border-radius:.25em}
#cd-lateral-nav .socials a.cd-twitter{background-position:0 0}
#cd-lateral-nav .socials a.cd-github{background-position:-32px 0}
#cd-lateral-nav .socials a.cd-facebook{background-position:-64px 0}
#cd-lateral-nav .socials a.cd-google{background-position:-96px 0}
.no-touch #cd-lateral-nav .socials a:hover{background-color:#4e6361}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter{background-position:0 -32px}
.no-touch #cd-lateral-nav .socials a:hover.cd-github{background-position:-32px -32px}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook{background-position:-64px -32px}
.no-touch #cd-lateral-nav .socials a:hover.cd-google{background-position:-96px -32px}
#login{width:326px;height:380px;position:absolute;left:50%;top:50%;margin-top:-115px;margin-left:-163px;overflow:hidden;padding:10px;background-color:#FFF;border:1px solid #ba5420}
#login input{min-width:300px;border:1px solid #ba5420;font-size:100%;font-family:'titillium_webregular',sans-serif;color:#222}
#benvinguda{width:326px;height:270px;position:absolute;left:50%;top:50%;margin-top:-110px;margin-left:-163px;overflow:hidden;padding:10px;background-color:#FFF;border:1px solid #ba5420;text-align:center;line-height:240px;}
.capcalera{background-color:#444;color:#FFF;padding:3px;}
.centrat{text-align:center;margin:0 auto}
.boto{min-width:30px!important;width:120px}.botogran{min-width:30px!important;width:180px}
.vermell,#ContingutsCentrals_ValidationSummary1{color:#a32222}
input,select,textarea{font-family:'titillium_webregular',sans-serif;font-size:90%;margin-top:2px}
.liniabottom{border-bottom:1px solid #BA5420}
.fileupload{width:100%;font-family:'titillium_webregular',sans-serif;font-size:90%;background-color:#FFF;}
.top10{position:relative;top:10px}.top85{top:85px!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.top15{position:relative;top:15px}.top18{position:relative;top:18px}.top28{position:relative;top:28px}.top30{position:relative;top:30px}
.bottom50{margin-bottom:50px}.bottom30{margin-bottom:30px}.bottom20{margin-bottom:20px}.bottom15{margin-bottom:15px}.bottom10{margin-bottom:10px}
.bottom-15{margin-bottom:-15px!important}.bottom-18{padding:3px!important}
.ample95{width:95%}
.divbasic{width:768px;position:relative;margin:0 auto;padding:20px 5px;max-width:100%}
.divbasicbotonera{width:768px;position:relative;margin:0 auto;padding:0px 5px;max-width:100%} 
.divbasicblanc{width:768px;position:relative;margin:0 auto;padding:20px 5px;max-width:100%;background-color:#FFF} 
.divbasicnotificacions{width:768px;position:relative;margin:0 auto;padding:20px 5px;max-width:100%;top:85px;background-color:#FFF} 
.esquerra3{width:33%;min-width:250px;padding:10px 0 20px 0;position:relative;float:left}
.centre3{width:34%;min-width:250px;padding:10px 4px 20px 4px;position:relative;float:left}
.dreta3{width:33%;min-width:250px;padding:10px 0 20px 0;position:relative;float:left}
.esquerragran2{width:67%;min-width:500px;padding:10px 0 20px 0;position:relative;float:left}
.dretagran2{width:67%;min-width:500px;padding:10px 0 20px 4px;position:relative;float:left}
.esquerra2{width:33%;min-width:250px;padding:10px 0 20px 0;position:relative;float:left}
.dreta2{width:33%;min-width:250px;padding:10px 0 20px 0;position:relative;float:left}
.centremini{width:17%;min-width:120px;padding:10px 4px 20px 4px;position:relative;float:left}
.dretamaxi{width:50%;min-width:375px;padding:10px 0 20px 0;position:relative;float:left}
#botonsintercanvi{padding:35px 0;top:18px;}
#botonsintercanvi input{min-width:40px;width:40px}
#ContingutsCentrals_lbTipusDisponibles,#ContingutsCentrals_lbTipusUsuari,#ContingutsCentrals_lbValidadors,#ContingutsCentrals_lbUsuaris{min-height:120px}
.centpercent{position:relative;min-width:100%;text-align:center}
.fonsblanc{border:1px solid #aaa;padding:0 10px;background-color:#FFF;position:relative;top:4.5px;font-size:0.99em}
@media only screen and (max-width: 768px) {.divbasic{margin-bottom:0}.esquerra3,.centre3,.dreta3,.esquerragran2,.esquerra2,.dretagran2,.dreta2,.centremini,.dretamaxi{min-width:250px;width:250px;float:none;margin:8px auto;padding:0} 
#botonsintercanvi{transform:rotate(-270deg);-webkit-transform:rotate(-270deg);-o-transform:rotate(-270deg);-moz-transform:rotate(-270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);padding:0;max-width:100px;min-width:100px;top:0}
.centpercent{max-width:50px;min-width:50px;left:25px;}#botonsintercanvi input{height:50px}.fonsblanc{top:0}
 #ContingutsCentrals_bListVal{width:320px;position:relative;left:-35px}.bottom-15{margin-bottom:0!important}}
.finaldiv{clear:both}
.vintpercent{position:relative;width:20%;float:left;min-width:90px;text-align:center}
.vintpercent input{margin:0;min-width:20%;max-width:120px}
#botoneraedicio{background-color:#ba5420}
#botoneraediciobotons{position:relative;float:right;right:0}
.titol{position:relative;top:20px;text-align:center;color:#FFF;background-color:#ba5420;width:1170px}
#validapuja{position:relative;width:40px;float:left}
#textvalidadors{position:relative;float:left;width:170px;text-align:center;min-height:30px;background-color:#e1e1e1}
#textvalidadors span{position:relative;font-size:16px;top:0.2em;color:#000}
#validabaixa{position:relative;width:40px;float:right}
#ContingutsCentrals_tbCanal {width:20%;max-width:80px;height:27px}
#ContingutsCentrals_ddlCanal{float:right;width:78%}
#pensant{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(230,235,241,0.8);z-index:900;text-align:center;cursor:progress}
#pensant img{margin-top:15%}
.invisible{visibility:hidden;float:none}
.displayok{display:block!important}
.divbasicTaula{width:1170px;position:relative;margin:0 auto;padding:20px 0;max-width:100%}
.taulapadding td{width:25%;min-width:210px;padding:0 5px 10px 5px}
#ContingutsCentrals_GridView1{width:100%}
#ContingutsCentrals_GridView1 th{text-align:left;font-weight:bold;padding:0 0 10px 2px}
#ContingutsCentrals_GridView1 td{border:1px solid #ba5420;padding:6px 4px}
#ContingutsCentrals_GridView1 input, .columna7{max-width:80px}
.botoimatge{width:33px;min-width:33px}
.left{position:relative;left:0!important}
.alignleft{text-align:left}
#ContingutsCentrals_tbObservacions{text-align:left;min-height:150px!important}
#Botoactiu span{position:relative;left:20px}
.menostopvuitanta{position:relative;top:-80px!important}
.menostopseixanta{position:relative;top:-60px!important}
.relative{position:relative}
.textcentre{text-align:center!important}
.grid4{position:relative;float:left;padding:2px;margin-right:54px;margin-bottom:10px;}
.lastgrid{margin-right:0!important}
.c1{width:93px}
.c2{width:110px}
.c3{width:188px}
.c4{width:188px}
.left20{margin-left:20px}
.c1 label{position:relative;left:13px}
.divdocument .esquerra1{padding-bottom:10px;border-bottom:1px solid #000}
.divdocument th, .colorfons{color:#fff!important}
#ContingutsCentrals_cbFiltrar{width:10px;}
#ContingutsCentrals_reFiltreCanal{position:relative;top:5px;left:50px}
@media only screen and (max-width: 768px) {.grid4{width:100%;margin-right:0}#ContingutsCentrals_bNetejaFiltre{position:relative;top:0;left:0;margin-bottom:10px}#ContingutsCentrals_GridView1{width:90%;margin:0 auto}#ContingutsCentrals_reFiltreCanal{left:0}}
input[type=checkbox]{-ms-transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
#ContingutsCentrals_cbEsProveidor{position:relative;top:20px;left:-62px} 
#ContingutsCentrals_cbActiu{position:relative;margin:7px 0 0 5px;transform: scale(1.8);-ms-transform:scale(1.8);-moz-transform:scale(1.8);-webkit-transform:scale(1.8);-o-transform:scale(1.8);}