html{overflow-y: scroll;height: 100%;}
body{
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family:Arial,Helvetica,"Helvetica Neue",Arial;font-size:15px;
	margin:0;
}

/* GENERIC BASE */
img{border:0;}
.bb{font-weight:bold;}
.normal{font-weight:normal;}
.align{vertical-align:middle;}
.clr{clear:both;}
.fl{float:left;}
.gran{font-size:20px;}
.hide{display:none;}	
form{border:0;margin:0;padding:0;}
.center{text-align:center;}
a{color:#555;text-decoration:none;}
.top0{margin-top:0 !important;}
.ico{margin-right:7px;display: inline-block;float:left;}
input[type="button"]:disabled, input[type="submit"]:disabled{background-color:#B7E8FF;cursor:default;}
.verd{color:#008000}
.button_generic{background-color:#67CDFE;color:#FFF;border:0;padding:7px 13px;margin-top:20px;font-weight:bold;font-size:15px;text-align:center;min-width:160px;cursor:hand;cursor:pointer;}
.nocorners{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* future proofing */
	-khtml-border-radius: 15px; /* for old Konqueror browsers */	
}
input[type="button"]{}
button::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner {
  padding: 0 !important;
  border: 0 none !important;
  margin:0 !important;
}

/*LAYOUT TOP */
#layout_holder{min-height:100%;position:relative;}
#layout{width:100%;max-width:965px;margin:25px auto 0 auto;padding-bottom:80px;}
#layout.expand{max-width:none;}
#layout.llistat{width:98%;}

#top{width:100%;}
#top #logo{width:965px;height:44px;margin:0 auto;}
#top h1{border-top:2px solid #CCC;border-bottom:2px solid #CCC;width:100%;padding:10px 0;margin-top:2px;margin-bottom:0;text-align:center;font-size:36px;color:#0292d8;font-weight:normal;}
#entitats{width:965px;background-color:#e5f4fb;padding:6px 0;margin:5px auto 0 auto;}
#entitats h2{display:block;width:100%;padding:0;margin:0;text-align:center;font-size:18px;color:#0393d9;zbackground-color:#e5f4fb;font-weight:normal;}
#entitats h3{display:block;width:100%;padding:4px 0 0 0;margin:0;text-align:center;font-size:14px;color:#0393d9;zbackground-color:#e5f4fb;font-weight:bold;}
#entitats h3.ambpromo{margin-bottom:10px;}
#sortir{position:fixed;top:93px;right:6px;z-index:50;padding:1px 10px 3px 10px;background-color:#e10606;color:white;border-radius:7px;}
#sortir a{color:white;font-size:12px;}
#sortir a:hover{text-decoration:underline;}


/*BOTTOM*/
#bottom{position: absolute;left: 0;bottom: 0; width:100%;height:45px;padding-top:15px;background-color:#0292d8;font-size:13px;color:#FFF;text-align:center;}
#bottom a{color:#FFF;}
#bottom a:hover{text-decoration:underline;}
/*#bottom.bottom-fixed{display:block;}*/
#bottom.bottom-responsive{display:none;}


/*LOGIN*/
.simpleform{padding:25px 30px;width:490px;margin:0 auto;color:#FFF;border:0;background: #0292d8 url("../images/bgform.png") repeat-x;}
.simpleform #title{width:100%;border-bottom:1px solid #FFF;padding-bottom:17px;margin-bottom:17px;font-size:19px;color:#FFF;text-align:center;}
.simpleform label{display: block;margin:14px auto;}
.simpleform label>span{float:left;width:280px;padding-top:3px;text-align:right;padding-right:15px;font-size:17px;}
/*.simpleform input not([type=submit]), .simpleform input not([type=button]){font-family:Arial,Helvetica,"Helvetica Neue";font-size:13px;color:#222;width:150px;padding:3px;}*/
.simpleform input[type="text"], .simpleform input[type="password"]{font-family:Arial,Helvetica,"Helvetica Neue";font-size:13px;color:#222;width:150px;padding:3px;}
.simpleform #infolgp{position:absolute;z-index:3;padding:10px 16px;top:25px;left:-375px;zborder:1px solid #CCC;background-color:#F3ED07;color:#000;font-size:13px;display:none;line-height:15px;width:360px;}
.simpleform .info{float:right;margin-top:3px;margin-right:12px;height:19px;cursor:hand;cursor:pointer;position:relative;}


/*PROMOTORA*/
.escullpromoform{padding:5px;width:840px;}
.escullpromoform #titlesearch{float:left;width:50%;margin-top:8px;margin-bottom:0;padding-bottom:8px;font-size:15px;font-weight:bold;border-bottom:0;}
.escullpromoform label{float:left;width:50%;margin:7px auto;}
.escullpromoform label>span{width:180px;padding-top:3px;padding-right:10px;font-size:13px;}
.escullpromoform input not([type=submit]),.simpleform input not([type=button]){width:100px;font-size:11px;}
.btescullpromo{padding:5px 12px;margin-top:0;font-size:11px;min-width:10px;}

/*TABLE LIST PROMOTORES*/
table#tbpromotores{width:850px;border:0;cellspacing:0;margin:0 auto 20px auto;padding:0;border-collapse:collapse;font-size:18px;color:#0094d6;}
table#tbpromotores thead tr td:first-child, table#tbpromotores tbody tr td:first-child{padding-left:13px;}
table#tbpromotores tbody{border-top:2px solid #0393d3;border-bottom:2px solid #0393d3;font-size:13px;color:#333;}
table#tbpromotores tbody td{border-top:1px solid #0393d3;border-bottom:1px solid #0393d3;padding:7px 0 7px 7px;}
table#tbpromotores tbody td.promo{color:#324f93;}
table#tbpromotores tbody td .info{height:19px;zmargin-top:1px;zmargin-bottom:-1px;cursor:hand;cursor:pointer;position:relative;}
table#tbpromotores tbody td #infopr{position:absolute;z-index:3;padding:5px 16px;top:15px;left:20px;zborder:1px solid #CCC;background-color:#0292D8;color:#FFF;font-size:11px;white-space:nowrap;display:none;line-height:15px;}
table#tbpromotores tbody td #infopr #contentinfo{width:auto !important;max-width:1000px;display:inline-block;}
table#tbpromotores tbody tr:hover{background-color:#D3F1FE;}
table#tbpromotores tbody tr td:last-child{text-align:right;padding-right:8px;}
table#tbpromotores thead tr td.center{padding-left:0;padding-right:0;text-align:center;}

/*SEARCH PROMO*/
#searchlistpromo{width:780px;margin:0 auto;padding:15px 35px;background-color:#D3F1FE;display:none;}						
#searchlistpromo #title{width:100%;font-size:16px;color:#0292d8;padding-bottom:3px;}
.searchlist{padding:15px 30px;border:1px solid #0292d8;}
.searchlist label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-size: 13px;
}
.searchlist input[type=radio]{display: none;}

.searchlist label:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background-color: #cccccc;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .1), 0px 1px 0px 0px rgba(255, 255, 255, .8);
	
}

.searchlist label:before {
	border-radius: 8px;
}

.searchlist input[type=radio]:checked + label:before {
	content: "\2022";
  color: #0292d8;
  font-size: 32px;
  text-align: center;
  line-height: 16px;
}
.searchlist .item{margin:7px 0;}
.searchlist .last{margin:14px 0 7px 0;}

.btsearchpromo{min-width:40px;padding:3px 20px;font-size:15px;float:right;margin-top:-30px;}

#searchdistricte{margin-top:10px;padding:15px 30px;border:1px solid #0292d8;display:none;}
#searchdistricte select{font-family:Arial,Helvetica,"Helvetica Neue", Arial;font-size:13px;width:675px;padding:3px;width:675px;}


/* MENU PRINCIPAL */
a#tornar{font-size:13px;color:#0292d8;text-decoration:underline;font-weight:bold;}
a#tornar:hover{color:#10B0FE}
#dades{width:90%;padding:15px 5%;background-color:#e5f4fb;margin:20px 0;}

z#dades .dadesorg{float:left;width:40%;margin:0 5%;text-align:right;}
z#dades .dadespromo{float:left;width:40%;margin:0 5%;text-align:left;}

.tblist{width:650px;cellspacing:0;margin:0 auto 20px auto;padding:0;border-collapse:collapse;font-size:18px;color:#0292d8;}
.tblist td{text-align:left;}
.tblist thead tr td:first-child{padding-left:13px;}
.tblist tbody{border-top:2px solid #0292d8;border-bottom:2px solid #0292d8;font-size:15px;color:#333;}
.tblist tbody td{border-top:1px solid #0292d8;border-bottom:1px solid #0292d8;padding:7px 0 7px 7px;text-align:left;}
.tblist tbody td .itemtxt{float:left;margin:3px 7px 0 7px;}
.tblist tbody tr td.center{padding-left:0;padding-right:0;text-align:center;}
.tblist tbody tr:hover{background-color:#D3F1FE;}

.buttonlistpral{min-width:40px;padding:3px 13px 3px 13px;margin:2px 4px 0 0;font-size:13px;float:right;font-weight:normal;color:#FFF;}
@-moz-document url-prefix(){.buttonlistpral{padding-top:1px;}}
.buttonlistpral { (;padding-top:2px;); }
.buttonlistpral { [;padding-top:2px;]; }

.deleteact{background-color:#F00;}


.buttontancar, .buttonguardar{background-color:#00AA00;}
.buttoncancelar{background-color:#AA0000;}
.buttonclose{background-color:#FF3333;cursor: default;}
.buttonview{background-color:#016B9E;}
.tbactivitats{width:950px;}
.buttoneditar, .buttonguardar, .buttoncancelar{font-size:13px;padding:1px 10px 0 10px;}
.buttonnovaact{font-size:14px;padding:3px 7px 3px 7px;margin-top:7px;}
.buttoninactive{cursor:default;filter: alpha(opacity=20);opacity: 0.2;}
.homologar{color:#016B9E;border:2px solid #016B9E;font-weight:bold;padding:2px 13px 2px 13px;margin-top:1px;}
@-moz-document url-prefix(){.homologar{padding-top:0px;}}
@media screen\0 {
 .IEclose{padding-top:3px;}
}
@media screen\9 {
 .IEclose{padding-top:3px;}
}



#docs_holder{width:625px;margin:70px 0 0 210px;}
#docs_holder div{margin-bottom:4px;display:block;}
#docs_holder a{display:block;overflow:hidden;float:left;margin-top:7px;}
#docs_holder a:hover{text-decoration:underline;}


#tornar a{text-decoration:underline;color:#0292d8;margin-left:10px;}
#titolpral{font-weight:bold;width:100%;text-align:center;font-size:28px;color:/*#46b3ec*/#4099cb;;margin-bottom:10px;}
#subtitolpral{font-size:18px;margin:-5px 0 20px 243px;text-align:left;}
#titolpral.activitat{margin-top:10px;}
#pestanyes{height:45px;}
#pestanya{float:left;}


#iform{
	
	color:#FFF;border:0;margin:0;padding:0;
	-webkit-box-shadow: 3px 4px 7px 1px rgba(150,150,150,1);
	-moz-box-shadow: 3px 4px 7px 1px rgba(150,150,150,1);
	box-shadow: 3px 4px 7px 1px rgba(150,150,150,1);
	width:92%;padding:4%;
    /*background: #185374 url("../images/bgform.png") repeat-x;*/
    background-color: #25698f;    
}
#iform.corners{
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0; /* future proofing */
	-khtml-border-radius: 15px 15px 0 0; /* for old Konqueror browsers */
}


#iform #titol2form{font-size:21px;font-weight:bold;margin:40px 0 15px 0;}
#iform #titol2form.first{margin-top:0;}

#iform #titol3form{font-size:17px;font-weight:bold;margin:30px 0 12px 0;}

#iform label{display: block;margin:14px 0;}
#iform label.vertical-radio{margin:3px 0;}
#iform label.espai{margin:20px 0;}
#iform label>span, #iform #sectionform label>span{float:left;width:200px;padding-top:3px;}
#iform #sectionform label>span{width:260px}

#iform label span.petit{float:none;font-size:15px;vertical-align: middle}

#iform label.break>span{float:none;width:auto;display:block;padding-bottom:3px;}
#iform label.break input{width:875px;}

#iform label.in-line>span{float:none;}
#iform label.chkpetit{margin:3px 0;}
#iform label.chkpetit>span{padding-left:4px;font-size:15px;}



/* ERRORS VALIDATION I TORNS */
/*#iform label label.error{float:left;width:99%;padding:3px 5px;margin-top:1px;border-top:1px solid #00F0F0;color:#00F0F0;font-size:13px;font-weight:bold;text-align:center;}*/
/*#iform label label.error{float:left;width:99%;padding:3px 5px;margin-top:1px;border-top:1px solid #FFB300;color:#FFB300;font-size:13px;font-weight:bold;text-align:center;}*/

#iform label label.error, #iform #cc_compte-error{
display: inline;
margin-top: 24px;
position: absolute;
margin-bottom: -22px;
font-size: 12px;
zbackground-color: #FFA500;
background-color: #EC2929;
color:#EEE;
padding: 3px 13px;
font-weight: bold;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px; 
	-khtml-border-radius: 0 0 7px 7px; 
}
#iform #cc_compte-error{margin-top:-11px;margin-left:216px;width:534px;}

input[type=text], input[type=password], textarea, select{border-radius:5px; padding:4px 3px 4px 4px !important;}
input[type=text], input[type=password] {border: 0 !important;}

#iform #responsable_declara-error{margin-left:-15px;margin-bottom:7px;}
#iform #tipologia-error{margin-left:50px;}
#iform input.error, #iform textarea.error, #iform select.error{margin-bottom:12px;}
#iform input[type="radio"].error, #iform input[type="checkbox"].error{margin-bottom:0;}
#iform #lopd-error{margin-top:18px;margin-left:4px;}

/*#iform #rcds-error{margin-top:40px;}*/

#iform #llei_subvencions-error{margin-top:55px;}

/*#iform #lopd-error{border-top:1px solid #0080C0;color:#0080C0;}*/
/*#iform #lopd-error{border-top:1px solid #FF0000;color:#FF0000;}*/

.errortorn{
	display:none;
	zcolor:#EEE;
	color:#EC2929;
	border:1px solid #EC2929;
	margin:5px 0 0 0;padding:10px;
	zbackground-color:#EC2929;
	background-color:#FCFCFC;
	font-weight:bold;
	font-size:13px;
	line-height: 19px;
	/*
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px; 
	-khtml-border-radius: 0 0 7px 7px; 
	*/
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; 
	-khtml-border-radius: 7px; 


}



#iform input, #iform textarea{font-family:Arial,Helvetica,"Helvetica Neue", Arial;font-size:13px;}
#iform input not([type=submit]), #iform input not([type=button]){color:#222;}
#iform input[type="text"], #iform input[type="email"], #iform textarea, #iform select {
	width:675px;
	padding:3px;
}
#iform textarea{width:875px;height:85px;padding:3px;}


#iform input[type="radio"], #iform input[type="checkbox"]{vertical-align: middle}
#iform select {width:683px;}


#iform .underline{text-decoration:underline;}
#iform input.no-input{color:#FFF;border:0;background-color:transparent;}

#iform #nota{font-size:11px;zborder:1px solid #fff;padding:10px;background-color:#0189CB;zbackground-color:#029BE6;color:#FFF;}
#iform #proteccio_dades{font-size:11px;border:1px solid #fff;padding:15px 10px;background-color:#A8E2FF;color:#000;margin-bottom:12px;}

#iform #hr{width:100%;height:1px;background-color:#FFF;margin:20px 0;display:block;}

#iform #desar_dades{width:100%;text-align:center;margin-top:40px;}


/*form repesentant , menu pral */
#iform.representant{
	color:#029BE6;
	width:92%;padding:4%;background:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}



/*Activitat - Generals*/
#modalitatsHolder{height:30px;display:block;}
#modalitatsHolder .modalitat{display:none;}
#ofertaChkHolder > div{float:left;margin-right:50px;}




/*Activitats - TORNS*/
#iform .torn{width:850px;margin:0 auto 7px 0;background-color:#016B9E;border:1px solid #FFF;padding:10px 20px 20px 20px;}
#iform .torn textarea{width:665px;height:50px;font-size:13px;}
#iform .torn .observacions_torn span{font-size:13px;}

#tornsHolder .hide{display:none;}
.torn{position:relative}
.torn .eliminar_torn{position:absolute;top:10px;right:10px;cursor:hand;cursor:pointer;}
.torn .eliminar_torn img{width:20px;}
.tbhoraris{zwidth:650px;cellspacing:0;margin-bottom:10px;padding:0;border-collapse:collapse;}
.tbhoraris td{text-align:left;}
.tbhoraris tbody td{border-top:1px solid #0292d8;border-bottom:1px solid #0292d8;padding:4px 7px;text-align:left;}
#iform .tbhoraris{font-size:13px}
#iform .tbhoraris select, #iform .tbhoraris input{padding-top:1px;padding-bottom:1px;}
#iform #hr{margin: 8px 0}
#iform .tbhoraris select.hora{width:65px;margin:0px 5px;}
#iform .tbhoraris input.data{width:100px;margin:0px 5px;}
#iform .tbhoraris input.curt{width:60px;margin-right:4px;}
.tbdata tbody td{border:0;}

#iform.torns .button_torn, #iform.torns .button_torn_copy{min-width: 100px;padding: 5px 15px;margin:0px 14px 20px 0;font-size:13px;font-weight:normal;color:#FFF;}
#iform.torns .button_torn_copy{background-color:#00AA00;}


#preus_acollida > span.align{padding-top:4px;}
#preus_acollida label > span{padding-top:4px;width:90px;margin-left:35px;}
#preus_acollida label > span:first-child{margin-left:0;}
#preus_acollida input[type="text"]{float:left;width:550px;}

div.button_center{width:300px;text-align:center;margin:0 auto;}


/*POPUP*/
#overlay{
	height:100%;
	width:100%;
	background:#000;
	z-index:450;
	position:fixed;
	top:0;
	left:0;
}
#messageBody, #messageBodySlide, #messageConfirm{
	background-color: #FFF;
	width:375px;
	min-height:170px;
	border-radius:10px;
	/* box-shadow:0 2px 2px #555; 2024 */
	position:fixed;
	z-index:500;
	overflow:hidden;
}

#messageBodySlide{width:550px;min-height:275px;}
#messageConfirm{width:550px;min-height:275px;}
.messageTxt{
	width:86%;
	text-align:center;
	font-size:14px;
	/*font-weight:bold; 2024 */
	color:#333;
	padding-top:30px;
	margin:30px auto;
	zposition:relative;
}
.returnpopup{display:none;padding:5px 6px;margin-top:0;min-width:100px;font-size:14px;font-weight:normal;background-color:#0292D8;}
.tancarPopup{position:absolute;top:10px;right:10px;cursor:hand;cursor:pointer;font-size:12px;text-decoration:underline;}

#messageConfirm .messageTxt{width:70%;zfont-weight:bold;font-size:16px;margin:40px auto;}
#messageConfirm #buttonsConfirm{width:250px;margin:0 auto;text-align:center;}
#messageConfirm #buttonsConfirm .confirm{padding:5px 6px;margin-top:0;min-width:100px;font-size:14px;font-weight:normal;background-color:#00AA00;}
#messageConfirm #buttonsConfirm .cancel{padding:5px 6px;margin-top:0;margin-left:10px;min-width:100px;font-size:14px;font-weight:normal;background-color:#AA0000;}


/*referents list */
table.tbref tbody td .info{float:left;height:19px;zmargin-top:1px;zmargin-bottom:-1px;cursor:hand;cursor:pointer;position:relative;}
table.tbref tbody td #infopr{position:absolute;z-index:3;padding:5px 16px;top:18px;left:20px;zborder:1px solid #CCC;background-color:#4c9f5e;color:#FFF;font-size:11px;white-space:nowrap;display:none;line-height:15px;}
table.tbref tbody td #infopr #contentinfo{width:auto !important;max-width:1000px;display:inline-block;}
.obrir{color:#F00;font-size:10px;font-weight:bold;}


/* TORNS AVALUACIO */
.tbactivitatsavaluacio{margin-bottom:-2px;width:965px;}
.tbactivitatsavaluacio tbody, .tbactivitatsavaluacio tbody td{border-top:0;}

#iform.avaluacio{padding-top:10px;padding-bottom:10px;margin-bottom:30px;}
#iform.avaluacio #tornsHolder{position:relative;padding-top:30px;}
#iform.avaluacio #tornsHolder #mod{position:absolute;top:0;right:-16px;text-align:right;margin-bottom:15px;margin-right:-10px;}
#iform .tbavaluacio input.curt{width:30px;margin-right:25px;}
#iform .tbavaluacio tr.head td{font-weight:bold;}
#iform .tbavaluacio tr.head td.tdtorn{width:200px;}
#iform .tbavaluacio tr.head td.tdofertades{width:70px;}
#iform .tbavaluacio tr.head td.td_1-3{width:150px;}
#iform .tbavaluacio tr.head td.td_3-11{width:150px;}
#iform .tbavaluacio tr.head td.td_12-17{width:150px;}
#iform .tbhoraris td.tdcenter{padding-left:20px;}
#submitErrorHolder #error{color:#A00;}



/* COPIAR DADES ACTIVITAT INFO */

.modal{
    zbackground: #0292d8 !important;
}
.modal .header{
    font-size: 22px !important;
    color: #46b3ec !important;
    font-weight:bold !important;
}
.copyinfo {
    width: 95%;
    margin: 0 auto 7px auto;
/*
    background-color: #0292d8;
    border: 1px solid #016B9E;
    color:#FFF;

    background-color: #016B9E;
    border: 1px solid #0292d8;
    color:#FFF;
*/
    background-color: #e5f4fb;
    border: 1px solid #0292d8;
    color:#016B9E;
	border-radius:5px;
   
    
    
    padding: 10px;
    font-size:13px;
}

.copyinfo .tituloinfo{font-size:15px;font-weight:bold;margin-bottom:5px;}

.copyinfo .infotorns{background-color:#FFF;border:1px solid #016B9E;width:97%;padding:9px;margin:8px auto 0 auto;border-radius:5px;}
/*color:#016B9E;*/


/* NEW TOP 2025 -> */
       
        
        /*.top-line{width:100%;display:inline-block;height:4px;color:#FFF;background-color:#2b577d;}*/
        .top-header{
            width:100%;    
            height: 89px;
            position: sticky;
            top: 0;
            color:#FFF;
            z-index: 1;
            zborder-bottom:4px solid #1a5f9b;
        }
		.top-header.top-activitats{background-color:#1a5f9b;}
		.top-header.top-avaluacio{background-color:#df9307;}
		.top-header.top-solsubvencions{background-color:#f03636;}
        

        .header-nav__user{
            float:left;
            width:20%;
        }

        .header-nav__user{
            display:inline-block;
            min-height:1px;
        }
		.header-nav__user a{
			display:block;padding-left:25px;padding-top:34px;
			font-family:Nunito;font-size:18px;font-weight:bold;color:white;
		}
		.header-nav__user a:hover{color:white;text-decoration:underline;}

        .header-nav__title{
            float:left;
            width:60%;
        }
        .header-nav__page{
            width:100%;
            text-align:center;
        }
        .header-nav__page h1{font-family:Nunito;font-size: 29px;/*color: #0292d8;*/color:#FFF;font-weight:normal;margin-top: 30px;}
        .header-nav__logo--content{float:left;width:20%}
        .header-nav__logo{
            width:100%;
            text-align:right; 
            padding-top:20px;   
        }
        .header-nav__logo img{
            float:right;
            zdisplay: block;
            max-width: 200px;
            height: auto;
            zalign:right;
			padding-right:20px;

            
        }
        .top-image{width:100%}    
        .hero__image{width:100%;border-bottom:2px solid #1a5f9b;}

		/*AJUDA TITOL COMÚ*/
		.title-help-Wrapper{padding: 17px;text-align:center}
  		.title-help{width:100%;padding-bottom:0.6rem;font-size:2.2rem;color:#4090D2;border-bottom:1px solid #4090D2;margin:0 auto;}


        /* RESPONSIVE TOP */
		
		@media (max-width: 1024px) {
			.header-nav__user a{font-size:0.7rem;}			
		}


        @media (max-width: 768px) {
			.header-nav__page{margin-bottom: -10px;}
            .header-nav__page h1 {font-size:1.2rem;padding-top: 3px;}
            .header-nav__logo{padding-top: 0;}
            .header-nav__logo img {max-width: unset;width:120px;padding-right:0;padding-top:4px;}
			.entitat{width:100%;max-width:none;}
			.header-nav__user a{font-size:0px;}
			/*
			#layout {
				overflow-x: auto;
				white-space: nowrap;
				
			}	
			#layout > * {
     		   white-space: normal; 
    		}
			#layout.fixed-width{width:965px;}
			#sortir{top:60px;font-size:0.7rem;}

			#docs_holder{width:1100px !important;}
			*/
			.title-help{font-size:1.7rem;}
        }

        @media (max-width: 500px) {
            .top-image{overflow:hidden;}
            .hero__image {
                width:1000px;
                margin-left:-14rem;
            }
        }
		

		/*RESPONSIVE LAYOUT*/
		@media (max-width: 965px) {
			.top-header {width:965px;}
			#bottom {width:965px;}
			

		}

		@media (max-width: 768px) {
  			/* Fijar el header al viewport */
  			.top-header {
    			position: fixed;
    			top: 0;
    			left: 0;
    			width: 100%;
    			z-index: 1;
  			}

  			/* Contenedor que permita scroll horizontal */
  			#layout {
  			  	width: 965px;      /* ancho real del contenido */
  			  	max-width: none;   /* quitar límite de 965px */
				margin-top: 30px;
  			}
		
  			/* Contenedor padre para scroll horizontal */
  			#layout_holder {
  				overflow-x: auto;  /* permite scroll horizontal si contenido > viewport */
  			  	-webkit-overflow-scrolling: touch; /* suaviza scroll en iOS */
  			}
		
  			#entitats {
  			  	margin-top: 90px;
  			}

  			#bottom{
				width:965px;
  			}

			/* para páginas nuevas que respetaran el responsive*/
			#layout_holder.responsive {
			    overflow-x: visible;
			}

			#layout_holder.responsive .top-header {
			    position: sticky;
			}

			#layout_holder.responsive #layout {
			    width: 100%;
			    max-width: none;
			}

			#layout_holder.responsive #bottom {
			    width: 100%;       /* ocupar todo el viewport */

			}			
			#layout_holder.responsive #bottom.bottom-fixed {display:none;}
			#layout_holder.responsive #bottom.bottom-responsive {display:block;height:auto;padding-bottom:15px;}

		}