@charset "utf-8";
/* COLORS
VERD FOSC: #416310
VERD 50%: #96bd0d
VERD 25%: #dfebb6
GRIS FOSC: #484848
GRIS 50%: #ccc
GRIS CLAR: #efefef

@media screen and (max-width:768px) {}
@media screen and (max-width:600px) {}
@media screen and (max-width:480px) {}
@media screen and (max-width:320px) {}
*/


@import url('http://fonts.googleapis.com/css?family=Arimo');

/* CSS Resets */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0;
margin:0;
padding:0
}


.interior, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
display:block
}
a img {
border:0
}
body {
font-family:'Arimo', "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #484848;
font-size: 100%;
-webkit-text-size-adjust: 100%;
/* word-wrap: break-word;*/
}
img, object {
max-width:100%;
float:left;
}
hr {
background-color:#96bd0d;
height:1px;
border: 0;
clear:both;
}
.hide {
position: absolute;
left: -999em;
top: -999em;
display:none;
}

/*** Festa Major 2014
h1, h2, h3, h4, h5, h6 {font-family:'Crete Round', serif!important;}
 ***/ 

/**** Parche Disclaimer -- D Mateu****/
#Acceptacio_cookie_SantCugat {
position: fixed;
bottom: 0;
right: 0;
background:#416310!important;
z-index: 100000;
opacity:0.85;
filter:alpha(opacity=85);
width:100%;
font-size:11pt;
color:#f5f5f5!important;
letter-spacing:0.02em;
font-family:'Arimo', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#Acceptacio_cookie_SantCugat p {
text-align:center;
padding:10px!important;
}

#Acceptacio_cookie_SantCugat a{
color:#96bd0d;
padding:0px 10px;
}

#Acceptacio_cookie_SantCugat a:hover{
color:#fff;
}


#Acceptacio_cookie_SantCugat input {}

#openglobal_privacy_accept {
letter-spacing:0.02em;
vertical-align: middle;
background-color:#dfebb6;
border-radius:8px 8px 8px 8px;
box-shadow:1px 1px 2px #333333;
color:#333333;
text-decoration: none;
cursor: pointer;
border:none;
padding:5px;
font-family:'Arimo', "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align:center;
margin:2px 0px;
font-weight:bold;
}

#openglobal_privacy_accept:hover {
background-color: #96bd0d;
box-shadow: 2px 2px 20px #333333;
color:#fff;
}

.mapa img{
max-width:none!important;
}


/**** CLEARFIX ****/
.clear {
clear:both;
}
.clearfix:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
/** html .clearfix{zoom:1;} IE6 */
/**:first-child+html .clearfix{zoom:1;} IE7 */

/* ENLLAÇOS */
a:link, a:visited {
text-decoration: none;
color: #416310;
outline: none;
}
a:hover {
color: #484848;
}

a.principal:link
 { 
    position: absolute;
    left: -999px;
  }




/* LLISTES */
ul {
list-style-type:none;
}
/* ESTRUCTURA BASICA */
#header {
margin:0 auto;
padding:20px 10px 25px 10px;
position:relative;
max-width:100%;
}
@media screen and (max-width:599px) {
#header {
padding: 0;
}
}
#wrapbanner {
background: #000;
border-bottom:#fff 4px solid;
}
#wrapheader, #banner, #mainhome {
position:relative;
margin:0 auto;
max-width:960px;
}
#main {
margin:0 auto;
padding-top:1.875em;
padding-bottom:1.0em;
max-width:960px;
position:relative;
}
@media screen and (max-width:800px) {
#main {
margin:0 1.041666666666667%;
clear:both;
}
}
@media screen and (max-width:600px) {
#main {
padding-bottom:0;
}}
#content, #content_llistats {
width:75%; /* 720/960 */
overflow:hidden;
float:left;
}
#content {
background:#fff url(../img/layout/separador_content.png) -1px top no-repeat;
font-size:0.875em;
}
#content_fullwidth {
background:#fff url(../img/layout/separador_content_fullwidth.png) -1px top no-repeat;
font-size:0.875em;
}


#col1, #col2 {
margin:1.25em 1.04166666666667% 0.25em 1.04166666666667%;
width:47.91666666666667%; /* 460/960 */
float:left;
}
@media screen and (max-width:600px) {
#col1, #col2 {
margin:0;
width:auto;
}
#col1 h2, #col2 h2 {
padding-top:1.0em;
}
}
.pdf {
padding:4px 0 6px 24px;
}

@media screen and (max-width:767px) {
#content, #content_fullwidth{
background-position:-10px top;}
}
#noticies_inici_actualitat {
margin-top: 1.25em;
}
/*#content_llistats ul {
padding-top: 1.42857em;}*/
#content_amb_submenu {
width:75%; /* 720/960 */
overflow:hidden;
float:left;
}



@media screen and (max-width:540px) { /* cambiado Daniel de 540px a 568px */
#content_amb_submenu {
margin:0;
width:100%; /* 700/940 */
float:none;
}
}
/* CONTENT AMPLE*/
#content_fullwidth {
overflow:hidden;
}
@media screen and (max-width:540px) {/* cambiado Daniel de 540px a 568px */
#content, #content_fullwidth {
margin:0;
width:100%;
}
}

#main .interior {
margin:0;
padding-top:1.714285714285714em; /*24/14*/
float:left;
width:66.66666666666667%; /* 480/720 */
}
@media screen and (max-width:800px) {
#main .interior {
padding-top:0; margin-top:6px;
}
}
@media screen and (max-width:540px) {/* cambiado Daniel de 540px a 568px */
#main .interior {
width:100%
}
}
#wrapsitemap {
position: relative;
padding:1em 0 0.6em 0; /*Modificado padding inferior padding:1em 0 2em 0; */
background: #efefef url(../img/layout/bg-trama-blanc.png) repeat;
}
#sitemap {
position:relative;
margin:0 auto;
max-width:960px;
}
#wrapfooter {
position: relative;
border-top: #fff 4px solid;
background: #96bd0d url(../img/layout/bg-trama-verd.png) repeat;
}
#footer {
margin:0 auto; padding:2.0em 0.625em;
color:#ddd;
max-width:960px;
text-align:center;
}
@media screen and (max-width:320px) {
#footer {
padding:1.0em 0.625em;
}}
/* LOGO */
#logo {
float:left;
width:288px;
overflow:hidden;
}
@media screen and (max-width:800px) {
#logo {
width:40%;
max-width:288px;
}
}
@media screen and (max-width:599px) {
#logo {
margin:0 auto;
padding:16px 0;
float:none;
width:60%;
text-align:center;
}
#logo img {
float:none;
}
}
@media screen and (max-width:320px) {
#logo {
width:80%;
}
}
#logo a {
color:#333;
text-decoration:none;
border:none;
display:block;
}
/* IDIOMES */

#wrapidioma_cerca {
margin:10px 0 0 0;
text-align:right;
float:right;
width:49%;
}

#idioma {
padding-top:8px;
float:left;
width:46%;
}

#idioma ul li {
display:inline;
}

#idioma a {
padding:0 15px;
color:#666;
background: url(../img/layout/fletxa-verd-baix-s.png) right no-repeat;

}
#idioma a.activelanguage {
color:#416310;
}
@media screen and (max-width:800px) {
#wrapidioma_cerca{
width:60%;}
#idioma {
padding-top:8px;
float:left;
width:38%;
}

}

@media screen and (max-width:599px) {
#wrapidioma_cerca {
margin:0;
text-align:left;
float:none;
width:100%;
background-color:#efefef;
overflow:hidden;
}
#idioma {
padding:7px 0 0 0.6em;
width:34%;
}
#idioma a {
padding:0 15px 0 0;
background: url(../img/layout/fletxa-verd-baix-s.png) right no-repeat;
}

#idioma li {
padding:0 10px;
}
#idioma li:first-child {
padding-left:0;
}
}

@media screen and (max-width:240px) {
#idioma {
width:30%;
line-height:90%;}
}



/* SEARCH & SEARCH FORM GUIA ***********************************/

#searchform {
float:right;
width:46.80851063829787%; /* 220/470 */
}
#searchformguia {
margin-top:24px;
}
#searchformguia_directori {
margin:24px 1.38889%0;
overflow: hidden;
width: 47.2222%;
}
.forminner {
background-color:#96bd0d;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#searchform input, #searchformguia input, #searchformguia_directori input {
padding:5px 0.5em;
margin:0;
height:24px;
min-height:24px;
display:inline;
position: static;
/*width:166px;*/
width:74%; /* 166/220 */
float:left;
border:none;
background: #efefef;
color:#484848;
-webkit-border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
border-radius:5px 0 0 5px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#searchformguia_directori input {
width:84.11764705882353%; /* 286/340 */
}
#searchform input:focus, #searchformguia input:focus, #searchformguia_directori input:focus {
background: #416310;
color: #fff;
}
#searchform button, #searchformguia button, #searchformguia_directori button {
display:inline;
margin:0;
width:18.18181818181818%; /* 40/220 */
height:34px;
min-height:34px;
border:none;
background: url(../img/layout/icona-cerca.png) center 8px no-repeat;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
border-radius:0 5px 5px 0;
cursor: pointer;
text-indent: -999em;
}
#searchformguia_directori button {
width:11.76470588235294%; /* 40/340 */
}

@media screen and (max-width:800px) {
#searchformguia, #searchformguia_directori {
margin-top:10px;
}
#searchform {
width:58%;
}
#searchformguia input, #searchformguia_directori input{
width:70%;}
}

@media screen and (max-width:600px) {
#searchformguia, #searchformguia_directori {
width:75%;
}
#searchformguia, #searchformguia_directori {
width:95%;
}
#searchformguia input, #searchformguia_directori input{
width:78%;}
}

@media screen and (max-width:599px) {
#searchform {
padding:3px 0.6em 3px 0;
float:right;
min-height: 20px;
width:46%; /* 220/470 */
}
#searchform input {
padding:2px 4px;
margin:0;
height:20px;
min-height:20px;
display:inline;
position: static;
width:80%;
background-color:#FFF;
}
#searchform button {
width:15%;
height:20px;
min-height:20px;
display:inline;
background-position:center 3px;
}
}

@media screen and (max-width:540px) { /* cambiado Daniel de 540px a 568px */
#searchformguia input, #searchformguia_directori input{
width:85%;}
#searchformguia button, #searchformguia_directori button{
width:10%;}
}

@media screen and (max-width:480px) {
#searchform {
width:50%;
}
}

@media screen and (max-width:320px) {
#searchform {
width:50%; /* 220/470 */ /*TOCADO!!! 60% */
}
#searchform input {
width:78%;
}
#searchform button {
width:15%;
background-position:center 3px;
}
#searchformguia, #searchformguia_directori{
width:80%;}
#searchformguia input, #searchformguia_directori input{
width:70%;}
#searchformguia button, #searchformguia_directori button{
width:15%;}
}

@media screen and (max-width:320px) {
#searchform input {
width:70%;
}
#searchform button {
width:20%;
background-position:center 3px;
}
}


/* CASAMENTS Daniel */

#casaments {
float:left;
width:99%; /* 220/470 */
padding: 3px 0;
}

#casaments input {
font-family:Arial, Helvetica, sans-serif;
padding:5px 0.5em;
margin:3px;
height:24px;
min-height:24px;
display:inline;
position: static;
/*width:166px;*/
width:75%;
float:left;
border:none;
background: #efefef;
color:#484848;
-webkit-border-radius:5px;
-moz-border-radius:5px ;
border-radius:5px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
/* clear:left; */
}

#casaments input:focus {
font-family:Arial, Helvetica, sans-serif;
background: #416310;
color: #fff;
}

#casaments div.select {
float:left;
width: 98%;
height: 34px;
margin: 3px;
overflow: hidden;
background: url(../img/layout/down_arrow_select.jpg) no-repeat right #efefef;
color:#484848;
-webkit-border-radius:5px;
-moz-border-radius:5px ;
border-radius:5px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#casaments div.select_busca {
float:left;
width: 30%;
height: 34px;
margin: 3px;
overflow: hidden;
background: url(../img/layout/down_arrow_select.jpg) no-repeat right #efefef;
color:#484848;
-webkit-border-radius:5px;
-moz-border-radius:5px ;
border-radius:5px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#casaments div.select select, #casaments div.select_busca select {
background: transparent;
width: 100%;
padding: 5px;
font-family:Arial, Helvetica, sans-serif;
line-height: 1;
border: 0;
height: 34px;
-webkit-appearance: none;
-webkit-border-radius:5px;
-moz-border-radius:5px ;
border-radius:5px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#casaments div.select select:focus, #casaments div.select_busca select:focus {
background: #416310;
color: #fff;
}

#casaments div.select select option, #casaments div.select_busca select option{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#efefef;
height:34px;
min-height:34px;
}








/* FONTS */
h1 {
font-size:100%;
} /* 16/16 */
h1.titol_apartat {
padding-bottom:4px;
margin:0 1.04166666666667%; /* 10/960 */
color:#416310;
}
h3.categoria {
font-weight:normal;
}
@media screen and (max-width:540px) {
/* cambiado Daniel de 540px a 568px */
h1.titol_apartat {
margin:0;
}
}
#idioma, #breadcrumbs {
font-family:Arial, Helvetica, sans-serif;
font-size: 0.6875em /* 11/16 */
}
#idioma a:hover, #sitemap a:hover {
color:#000;
}
#sitemap a {
color:#484848;
}
#footer, #footer a {
color:#FFF;
}
#sitemap, #footer {
font-family:Arial, Helvetica, sans-serif;
font-size: 0.75em;
} /* 12/16 */
#sitemap ul li, footer {
font-weight:700;
}
#sitemap ul li li {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
/* MENUS */
#wrapmainnav {
max-width:100%;
background:#416310 url(../img/layout/bg-main-menu.png) repeat-x top center;/*overflow:hidden;*/
}
#inici #wrapmainnav, #auxiliares #wrapmainnav {
background:#96bd0d;
}
ul.mainnav {
max-width:960px;
margin: 0 auto;
text-align:left;
list-style:none;
padding:0;
position:relative;/* min-height:62px;*/
}

#wrapmainnav ul.mainnav li {
display:inline;
list-style:none;
padding:0;
margin-top:0;
margin-bottom:0;
margin-left:0;
background-image:url(../img/layout/nav-sep-blanc.png);
background-repeat:no-repeat;
background-position:left;
}
#inici #wrapmainnav ul.mainnav li {
float:left;
display:block;
}

/*Main menu links*/
#wrapmainnav ul.mainnav li a {
padding:9px 14px 0 14px;
height:28px;
}

ul.mainnav li a {
vertical-align:middle;
letter-spacing:normal;
color:#fff;
letter-spacing:0.04em;
font-weight:700;
background-image:url(../img/layout/fletxa-blanc-down.png);
background-repeat:no-repeat;
background-position:center top;
display:inline-block;
outline:0;
position:relative;
top:0;
z-index:4;
}
ul.mainnav li.active a {
margin-right:-5px;/* padding-bottom:1px;*//*background: #fff;color:#000000;*/
}


ul.mainnav li a:hover{
background-image:url(../img/layout/fletxa-verd-fosc-down.png);
background-repeat:no-repeat;
background-position:center top;
}

#inici ul.mainnav li a:hover{
color:#416310;
background:#fff;
background-image:url(../img/layout/fletxa-verd-fosc-down.png);
background-repeat:no-repeat;
background-position:center top;
}


ul.mainnav li a.active_nav {
color:#416310;
background:#fff;
background-image:url(../img/layout/fletxa-verd-fosc-down.png);
background-repeat:no-repeat;
background-position:center top;
}

ul.mainnav li.active ul {
display:block;
text-align:left;
margin:0;
padding:0;
padding-left:1%;
float:left;
width:99%;
z-index:3;
background-image:url(../img/layout/punt-line-verd.png);
background-repeat:repeat-y;
background-position:10px 0;
}

ul.mainnav li:last-child {
position:absolute;
right:0;
}

#wrapmainnav ul.mainnav li:last-child.active {
position:relative;
float:right;
text-align:right;
background:none;
}
#wrapmainnav ul.mainnav li:last-child.active a {
margin-right:0;
}

#wrapmainnav ul.mainnav li:last-child.active ul li:first-child {
padding-right:6px;
}
#wrapmainnav ul.mainnav li:last-child.active li a {
margin-left:5px;
}
#wrapmainnav ul.mainnav li:last-child.active ul li {
float:right;
text-align:right;
background-position:left;
} 





@media screen and (max-width:600px) {
ul.mainnav li.active ul{
width:100%;
background-image:none;
}
ul.mainnav li:last-child {
position:relative;
}
}

ul.mainnav ul li:last-child {
position:relative;
}
ul.mainnav li ul {
display: none;
letter-spacing:normal;
}
#wrapmainnav ul.mainnav li:first-child {
background-image:none;
}
#wrapmainnav ul.mainnav li li {
margin-left: 0px;
background-image:url(../img/layout/nav-sep-verd.png);
background-repeat:no-repeat;
background-position:right;
}
#wrapmainnav ul.mainnav li li:last-child {
background-image:none;
}
#wrapmainnav ul.mainnav li li:first-child {
background-image:url(../img/layout/nav-sep-verd.png);
background-repeat:no-repeat;
background-position:right;
}
ul.mainnav li li li {
border-bottom:1px solid #fff;
}


/** DROP DOWNS INICI
.dropdown {
margin:0 auto;
padding:0;
width:960px;
float:left;
position:absolute;
left:-999em;
text-align:left;
background:#fff url(../img/layout/bg-dropdown.png) top right repeat-y;
z-index:100;
}
#wrapmainnav ul.mainnav li .dropdown li:first-child {
background-image:none;
}
#wrapmainnav ul.mainnav li .dropdown li {
background-image:none;
}


@media screen and (max-width:960px) {
.dropdown {
visibility:hidden; display:none;}}
#inici .mainnav .dropdown ul {
display:block;
}
#inici .mainnav li:hover {
color:#416310;
background:#fff;
background-image:url(../img/layout/fletxa-verd-fosc-down.png);
background-repeat:no-repeat;
background-position:center top;
}
#inici #wrapmainnavsp .mainnav li:hover {
background-image:none;}

#inici .mainnav li:hover a {
color:#416310;
background-image:url(../img/layout/fletxa-verd-fosc-down.png);
background-repeat:no-repeat;
background-position:center top;
}
#inici .mainnav li:hover .dropdown {
left:0;
top:auto;
-moz-box-shadow: 1px 6px 6px 2px #e5e5e5;
-webkit-box-shadow: 1px 6px 6px 2px #e5e5e5;
box-shadow: 1px 6px 6px 2px #e5e5e5;
overflow:hidden;
}
#inici .mainnav li:hover .dropdown_right {
left:auto;
right:0px;
top:auto;
}


/** DROP DOWNS INICI **/
.dropdown {
margin:0 auto;
padding:0;
width:960px;
float:left;
position:absolute;
left:-999em; /* amaga drop down */
text-align:left;
background:#fff url(../img/layout/bg-dropdown.png) top right repeat-y;
z-index:100;
}
#wrapmainnav ul.mainnav li .dropdown li:first-child {
background-image:none;
}
#wrapmainnav ul.mainnav li .dropdown li {
background-image:none;
}


@media screen and (max-width:960px) {
.dropdown {
visibility:hidden; display:none;}}
#inici .mainnav .dropdown ul {
display:block;
}
#inici .mainnav li:hover {
color:#416310;
background:#fff;
background-image:url(../img/layout/fletxa-verd-fosc-down.png);
background-repeat:no-repeat;
background-position:center top;
}
#inici #wrapmainnavsp .mainnav li:hover {
background-image:none;}

#inici .mainnav li:hover a {
color:#416310;
background-image:url(../img/layout/fletxa-verd-fosc-down.png);
background-repeat:no-repeat;
background-position:center top;
}
#inici .mainnav li:hover .dropdown {
left:0;
top:auto;
-moz-box-shadow: 1px 6px 6px 2px #e5e5e5;
-webkit-box-shadow: 1px 6px 6px 2px #e5e5e5;
box-shadow: 1px 6px 6px 2px #e5e5e5;
overflow:hidden;
}
#inici .mainnav li:hover .dropdown_right {
left:auto;
right:0px;
top:auto;
}

/*** CONTINGUT DROPDOWN ****/
#inici .mainnav li li{
margin:0; padding:0;
float:none;
}	
#inici ul.mainnav li ul, #inici ul.mainnav li ul li{
/*background:none;*/}

#inici .mainnav li:hover .dropdown a {
margin:0; padding:0;
color:#484848;
background-image:none;
}
#inici .mainnav li:hover .dropdown a:hover{
color:#416310;}

#inici .mainnav li:hover .dropdown p{
font-size:0.875em; /* 14/16 */}
.img_dropdown{
width:100%;}
.img_dropdown img{
margin-bottom:1.0em;
max-width:100%;}
.drop_wrap_destacats {
padding:2.0em 0; /* 10/960 */
width:32.29166666666667%; /* 310/960 */
float:left;
}
#inici .mainnav li .drop_wrap_destacats li{
margin:0 3.2258064516129%; /* 10/310*/
width:135px;
float:left;}
.drop_wrap_llistat {
padding:2.0em 0;/*1.04166666666667%; 10/960 */
margin:0 2.08333333333333%; /* 20/960 */
width:38.54166666666667%; /* 370/960 */
float:left;
overflow:hidden;
}
.drop_wrap_agenda, .drop_wrap_apartats {
padding:2.0em 1.04166666666667%;
margin-left:1.04166666666667%;
width:21.875%; /* 210/960 */
float:left;
overflow:hidden;
background:#f8faee;
}
#inici .mainnav li .drop_wrap_llistat li, #inici .mainnav li .drop_wrap_agenda li{
padding: 0.5em 0.1em; /*Cambiado Daniel por // padding: 0.5em 0 // problema en Chrome */ 
overflow:hidden;
border-bottom:1px solid #ccc;
display:block;}
#inici .mainnav li .drop_wrap_agenda li{line-height:0.9em; }
#inici .mainnav li .drop_wrap_agenda li:hover, #inici .mainnav li .drop_wrap_agenda a:hover, #inici .mainnav li .drop_wrap_agenda a:hover, #inici .mainnav li:hover .dropdown .drop_wrap_apartats a:hover{
background:#f8faee;}
#inici .mainnav li .drop_wrap_llistat li{
display:block;
float:none;
font-size:0.9375em; /* 15/16 */
}
#inici .mainnav li .drop_wrap_llistat li a{
font-weight:700;}
#inici #wrapmainnav .mainnav li .drop_wrap_llistat li:last-child{
border:none;}
.drop_wrap_llistat h2, .drop_wrap_agenda h2, #inici .mainnav li:hover .dropdown .drop_wrap_llistat h2 a, #inici .mainnav li:hover .dropdown .drop_wrap_agenda h2 a,#inici .mainnav li:hover .dropdown .drop_wrap_apartats h2, #inici .mainnav li:hover .dropdown .drop_wrap_apartats h2 a{
padding-bottom:0.2em; margin-bottom:0.2em;
font-size:1.0em;
color:#416310;
border-bottom:4px solid #96bd0d;
}
#inici .mainnav li:hover .dropdown .drop_wrap_llistat h2 a, #inici .mainnav li:hover .dropdown .drop_wrap_agenda h2 a, #inici .mainnav li:hover .dropdown .drop_wrap_apartats h2 a{
border:none;}
.drop_wrap_destacats h3 {
font-size:0.9375em; /* 15/16 */}
.drop_wrap_agenda h3{
font-size:0.9375em; /* 15/16 */
}
.drop_wrap_agenda li p.quan, .drop_wrap_destacats li p.quan {
margin-right:0.6em;
width:40px;
float:left;
background-color:#96bd0d;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-align:center; line-height:normal;
}
.drop_wrap_agenda li p.quan span.dia, .drop_wrap_destacats li p.quan span.dia {
padding:0 0.1em 0 0.1em;
display:block;
text-transform:uppercase;
color:#FFF;
font-weight:700;
font-size:1.2em;
}
.drop_wrap_agenda li p.quan span.mes, .drop_wrap_destacats li p.quan span.mes {
padding:2px 0.1em 0 0.1em;
display:block;
border-bottom:1px solid #fff;
text-transform:uppercase;
font-size:0.625em; /* 10/16 */
color:#FFF;
}
p.data_llarga {
margin-top:10px;
color:#CCC;
font-size:0.75em; /* 12/16 */
line-height:normal;
}
#inici .mainnav .drop_wrap_agenda li a, #inici .mainnav .drop_wrap_agenda li h3, #inici .mainnav .drop_wrap_destacats li a{
padding:0; margin:0; float:none; display:inline; overflow:hidden;}

#inici .mainnav .drop_wrap_apartats li a:link{
padding:0.3em 0em 0.3em 20px;
height:auto;
display:block;
background-image:url(../img/layout/fletxa-verd-right.png);
background-color:#f8faee;
background-position: left 0.3em;
background-repeat: no-repeat;}

#inici .mainnav .drop_wrap_apartats li a:hover {
padding:0.3em 0em 0.3em 20px;
height:auto;
display:block;
background-image:url(../img/layout/fletxa-gris-right.png)!important;
background-color:#f8faee!important;
background-position: left 0.3em!important;
background-repeat: no-repeat!important;}

#inici .mainnav .drop_wrap_destacats li .span_destacats{
margin-top:0.8em;
clear:both; 
display:block;
font-weight:700;
}

.span_destacats_agenda{
  font-weight:700;
}

/****** Sub-menu links *******/
ul.mainnav li.active ul li a {
margin-right:0;
padding-right: 30px;
}
#wrapmainnav ul.mainnav ul li a {
padding:9px 8px 0 8px; /*padding:9px 8px 0 4px;*/
height:28px;
}

ul.mainnav ul li a {
color:#fff;
letter-spacing:normal;
font-size:0.875em;
font-weight:normal;
margin: 0;
border: 0;
top: 0;
background: transparent;
}
ul.mainnav li.active li a, ul.mainnav li.active li a:hover {
border: 0;/*background: transparent;*/
}
ul.mainnav ul li.subActive a, ul.mainnav ul li a:hover {
}
ul.mainnav li.dummy a {
display:none;
}
ul.mainnav ul li a:hover, ul.mainnav ul li a.active_nav_sub {
background-image:url(../img/layout/fletxa-blanc-down.png);
background-repeat:no-repeat;
background-position:center top;
color:#dfebb6;
}
@media screen and (max-width:768px) {
ul.mainnav li a {
font-size:0.8125em;
}
ul.mainnav ul li a {
font-size: 0.75em;
letter-spacing: normal;
}
}
@media screen and (max-width:600px) {
ul.mainnav li a {
font-size:0.8125em;
}
ul.mainnav ul li a {
font-size: 0.75em;
letter-spacing: normal;
}
}
#wrapmainnavsp {
visibility:visible;
position:relative;
border-bottom:none;
background:none;
}
@media screen and (min-width:601px) {
#wrapmainnavsp {
visibility:hidden;
position:absolute;
top:-9999px;
display:none;
}
}
@media screen and (max-width:600px) {
#wrapmainnav {
visibility:hidden;
position:absolute;
top:-9999px;
display:none;
}

ul.mainnav {
background-color:#96bd0d;
}
ul.mainnav li ul {
background-color:#416310;
border-top:1px solid #fff;
}
ul.mainnav li.active ul, ul.mainnav>li:first-child>ul {
padding-left:0;
}
ul.mainnav li {
clear:both;
display:block;
background-image:none;
border-bottom:1px solid #fff;
position:relative;
}
ul.mainnav button.hide {
display:none;
}
ul.mainnav li.hide {
display:none;
}
ul.mainnav li a {
padding:0.5em 0.6em;
color:#fff;
letter-spacing:normal;
font-weight:700;
background-image:none;
font-size:0.8125em;
}
ul.mainnav li.active a {
margin-right:0;
}
ul.mainnav li a.active_nav {
color:#fff;
background-color:#96bd0d;
background-position:0.6em -2px;
background-image:url(../img/layout/fletxa-blanc-down.png);
}
ul.mainnav li li {
background-image:none;
border-bottom:#dfebb6 1px solid;
display:block;
position:relative;
}
ul.mainnav li li.hide {
display:none;
}
ul.mainnav li li a {
padding: 0.5em;
padding-left:1.4em;
}

/* Daniel Hover + responsive?*/ 
ul.mainnav ul li a:hover,  
ul.mainnav ul li a.active_nav_sub {
background-image:url(../img/layout/fletxa-blanc-down.png);
background-repeat:no-repeat;
background-position:2.0em -2px;
color:#dfebb6;
} 

ul.mainnav ul li a.active_nav_sub_sub {
background-image:url(../img/layout/fletxa-blanc-down.png);
background-repeat:no-repeat;
background-position:2.0em -2px;
padding-right:30px;
}  

ul.mainnav li li li {
background:#dfebb6;
}
ul.mainnav li li li a, ul.mainnav li li li a:hover {
padding-left:2.0em;
font-size:0.75em; /* 12/16 */
color:#416310;
/* background: url(../img/layout/fletxa-verd-down.png) 2.0em -3px no-repeat;*/
}

/* Hover + responsive?*/ 
/* ul.mainnav li li li a:hover {
display:block;
color:#484848;
border-top:#ccc 1px solid;
 background: url(../img/layout/fletxa-verd-down.png) 2.0em -2px no-repeat;  
} */

ul.mainnav li li li li{
background:#f8f8f8;
padding-left:0.5em; 
}

}
@media screen and (max-width:320px) {
#wrapmainnav {
border-bottom:none;
}
.mainnav li {
background-image:none;
}
ul.mainnav li li {
background-image:none;
}
}
/* ICONES MENU HIDDEN SMARTPHONE*/
.button_menu01 {
position:absolute;
top:3px;
right:0px;
background:url(../img/layout/icona-menu-blanc.png) center center no-repeat;
cursor: pointer;
height: 25px;
width:35px;
border:none;
z-index: 1000;
}
.button_menu02 {
position:absolute;
top:0px;
right:0px;
background: url(../img/layout/icona-menu-verd.png) center center no-repeat;
cursor: pointer;
height: 25px;
width:35px;
border:none;
z-index: 1000;
}
.button_menu03 {
position:absolute;
top:0px;
right:0px;
background: url(../img/layout/icona-menu-verd-fosc.png) center center no-repeat;
cursor: pointer;
height: 25px;
width:35px;
border:none;
z-index: 1000;
}

.button_menu04 {
position:absolute;
top:0px;
right:0px;
background: url(../img/layout/icona-menu-verd-fosc.png) center center no-repeat;
cursor: pointer;
height: 25px;
width:35px;
border:none;
z-index: 1000;
}

/* HOME - DESTACATS */
#wrapdestacats {
margin:0 auto;
padding:0.5em 0;
max-width:100%;
text-align:left;
overflow:hidden;
}
#destacats h2 {
font-size: 1.875em; /*14/16*/ /*81.25%; 13/16 */
font-weight:normal;
}

#destacats #emergencia h2, #destacats .doble h2, #destacats .quadruple h2 {
font-size: 1.875em; /* 30/16 */
font-weight:500;
color:#FFF;
}

#destacats .image-show.doble .wraptit h2,
#destacats .image-show.quadruple .wraptit h2{
font-size: 1.875em; /* 30/16 */
}


#destacats #emergencia h2 {
padding:9.09090909090909%; /* 20/220 */
}
#destacats .doble.image-show h2 {
color:#484848;
}
#destacats .quadruple.image-show h2 {
color:#484848;
}
.bgbox {
background-color: #dfebb6;
/*background-position: center center;
background-size: 100% auto;
float: left;
height: 7.5em;*/
width:100%;
z-index: 0;
position:absolute;
bottom:0;
}
/*
#emergencia {
background-color:#96bd0d;
}
*/
/* UL DESTACATS HOME*/
#destacats {
padding:0;
}
#destacats li {
margin:/*2.083333333333333% */1.041666666666667%; /* 20/960 & 10/960 */
float:left;
width:22.91666666666667%; /* 220/960 */
-moz-box-shadow: 1px 1px 6px 2px #ccc;
-webkit-box-shadow: 1px 1px 6px 2px #ccc;
box-shadow: 1px 1px 6px 2px #ccc;
height:13.125em;
overflow:hidden;
position:relative;
}

#destacats li img{
width:100%; max-width:100%;}

#destacats li.doble {
width:47.91666666666667%; /* 460/960 */
}

#destacats li.doble .bgbox {
height:auto;
/*width:47.82608695652174%;
width:auto; */  
right:0;
}





.wraptit {
padding:4.54545454545455%; /* 10/220 */
background-color: #fff;
color: #58585a;
/*float: left;*/
height:4.375em;
position:absolute; top:0;
z-index:1;
display:block;
width:91%;
}


.wraptit h2{
padding:4.54546%;
color:white;
}


#destacats li.quadruple {
width:47.91666666666667%; /* 460/960 */
height:27.5em;
}

#destacats li.quadruple .bgbox {
height:auto;
width:auto;
}

#destacats .image-show .wraptit h2{
padding:0;
font-size:0.875em;
color:#58585A;
}

#destacats li.doble.image-show .wraptit {
width:43.08300395256916%; /* 200/460*/
}


#destacats li.doble.image-show .wraptit {
color:#484848;
background-color:white;
height:81%;
}

#destacats li.doble .wraptit h2{
color:white;
}

#destacats li.doble.image-show .wraptit h2{
color:#484848;
}

#destacats li .wraptit {
width:100%; /* 200/460*/
height:100%;
background-color:transparent;
}



/* AMPLIAT */ 

.ampliat{
background-color: #fff;
color: #58585a;
/*float: left;*/
height:4.375em;
position:absolute; 
top:0;
z-index:1;
display:block;
width:100%;
}

#destacats li a .ampliat{
margin: 0 -20%}

#destacats li a .ampliat img {
max-width:140%!important; 
width:140%!important; 
height:auto;
/*min-height:210px!important; */ 
overflow:hidden;
}

#destacats li.doble a .ampliat{
margin: -14.5% 0}

#destacats li.doble a .ampliat img {
max-width:100%!important; 
width:100%!important; 
height:auto;
overflow:hidden;
}

.doble a .bgbox img {
padding: 0 42%;
width: 70%!important;
}

#destacats li.quadruple a .ampliat{
margin: 0 -14.5%}

#destacats li.quadruple a .ampliat img {
max-width:128%!important; 
width:128%!important; 
height:auto;
overflow:hidden;
}


@media screen and (max-width:975px) {

#destacats li.quadruple a .ampliat img {
width:auto;   
height:440px!important;
overflow:hidden;
}


#destacats li a .ampliat img {
width:auto;   
height:210px!important;  
overflow:hidden;
}


#destacats li.doble a .ampliat{
margin: 0px!important;}

#destacats li.doble a .ampliat img {
width:auto;   
height:210px!important;  
overflow:hidden;
}

}


@media screen and (max-width:800px) {
#destacats li {
height:9em;
}
#destacats li.quadruple {
height:18.86em;
}
#destacats li.quadruple .wraptit{
height:auto;
}
}

@media screen and (max-width:600px) {
#destacats li {
font-size:0.8125em;
}

#destacats #emergencia h2, #destacats .doble h2, #destacats .wraptit .quadruple h2 ,
#destacats .image-show.doble .wraptit h2,
#destacats .image-show.quadruple .wraptit h2 {
font-size: 1.25em; /* 30/16 */
}
}

@media screen and (min-width:601px) and (max-width:800px) {
#destacats #emergencia h2, #destacats .doble h2, #destacats .wraptit .quadruple h2 ,
#destacats .image-show.doble .wraptit h2,
#destacats .image-show.quadruple .wraptit h2 {
font-size: 1.5em;}
}

@media screen and (max-width:480px) {
#destacats li {
width:47.91666666666667%;
height:12.85714285714286em;
font-size:0.875em;
}
#destacats li.doble {
width:97.91666%;
}
#destacats li.doble .wraptit {
width:42%; /* 200/460*/
}
#destacats li.doble .bgbox{
/*width:48.95833333333333%;*/
}
#destacats li.quadruple {
width:97.91666%;
height:18.75em;
}
#destacats li.quadruple .bgbox {
height:auto;
width:auto;
}
.wraptit {
height:auto;
overflow:hidden;
}
#destacats h2 {
font-size:1.875em;
font-weight:normal;
line-height:100%;
}
}

@media screen and (max-width:320px) {
#destacats li {
height:10.125em;
}
}
/******* MINIBANNER ****************/
#wrapminibanner {
margin:0 0 20px 0;
max-width:100%;
text-align:center;
overflow:hidden;
}
#inici #wrapminibanner {
padding:2.08333333333333% 0; /* 20/960 */
border-bottom: #dfebb6 4px solid;
border-top: #dfebb6 4px solid;
}

#wrapminibanner ul, #wrapfeeds ul, #mapa_web ul{ 
position:relative;
}

#wrapminibanner li {
margin:0 1.041666666666667%; /* 10/960 */
float:left;
width:22.91666666666667%; /* 220/960 */
}
#wrapcarousel {
margin:0 1.041666666666667% 20px 1.041666666666667%;
padding:2.08333333333333%; /* 20/960 */
background:#efefef;
overflow:hidden;
}
@media screen and (max-width:800px) {
#wrapcarousel {
margin:10px 1.041666666666667%;
}
}
#wrapminibanner li a {
padding:10.08333333333333% 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display:block;
font-size:87.5%; /* 14/16 */
color:#416310;
background-color: #fbfbfb;
border: 1px solid #dfdfdf;
-webkit-box-shadow: inset 1px 1px 20px 1px #dfdfdf;
box-shadow: inset 1px 1px 20px 1px #dfdfdf;
}
#wrapminibanner li a:hover {
text-shadow: 0 1px 1px #dfdfdf;
-webkit-box-shadow: inset 1px 1px 40px 1px #dfdfdf;
box-shadow: inset 1px 1px 40px 1px #dfdfdf;
}
@media screen and (max-width:768px) {
#inici #wrapminibanner {
padding-bottom:0;
}
#wrapminibanner {
padding:10px 0 0 0; /* 20/960 */
}
#wrapminibanner li {
margin-bottom:10px;
width:47.91666666666667%; /* 220/960 */
}
#wrapminibanner li a {
padding:10px;
}
}

@media screen and (max-width:480px) {
#wrapminibanner {
padding: 5px 0 0;
}

}
@media screen and (max-width:380px) {
#inici #wrapminibanner{
padding-bottom:10px; margin:0;}
#wrapminibanner li {
margin:6px 0 0 0;
float:none;
width:auto; display:block;
clear:both;
}
}

/******************* SITEMAP **************/
#sitemap h4 {
margin:0 10px 10px 10px;
cursor:pointer}

#sitemap ul li {
margin:1.041666666666667%; /* 10/960 */
float:left;
width:22.8125%; /* 219/960 */
border-left:1px dotted #58585a;
}
#sitemap ul li:first-child {
border:none;
}
#sitemap ul li li {
margin:0;
float:none;
width:100%;
display:block;
border:none;
}
#sitemap li:first-child {
background-image:none
}
#sitemap li a {
padding:2px 0 2px 20px;
margin-left:20px;
display:block;
color:#58585a;
letter-spacing:0.02em;
font-weight:700;
background-image:url(../img/layout/fletxa-verd-right.png);
background-repeat:no-repeat;
background-position:left;
}
#sitemap li li a {
font-weight:normal;
background-image:none;
}
#sitemap li li a.seu-electronica, #sitemap li li a.per-les-persones {
margin-top: 20px;
font-weight:700;
background-image:url(../img/layout/fletxa-verd-right.png);
background-repeat:no-repeat;
background-position:left;
}
@media screen and (max-width:768px) {
#sitemap ul li {
margin:0;
width:32.29166666666667%;
}
}
@media screen and (max-width:600px) {
#sitemap li a {
padding:2px 0 2px 10px; margin-left:10px;}
}
@media screen and (max-width:480px) {
#sitemap li li a.seu-electronica, #sitemap li li a.per-les-persones {
margin-top:0;
}
}
@media screen and (max-width:320px) {
#sitemap ul li {
float:none;
display:block;
width:auto;
border-left:none;
}
}

/***** PÀGINA MAPA WEB  (Daniel 10/14) ******/


.sitemap ul li {
margin:1%; /* 10/960 */
float:left;
width:23%; /* 219/960 */
}
.sitemap ul li:first-child {
border:none;
}
.sitemap ul li li {
margin:0;
float:none;
width:100%;
display:block;
border:none;
}
.sitemap li:first-child {
background-image:none
}
.sitemap li a {
padding:2px 0 2px 20px;
margin-left:20px;
display:block;
letter-spacing:0.02em;
font-weight:700;
font-size:1.2em;
background-image:url(../img/layout/fletxa-verd-right.png);
background-repeat:no-repeat;
background-position:left;
}
.sitemap li li a {
font-weight:normal;
padding:2px 0 2px 20px;
background-image:none;
font-size:1em;
font-weight:700;
background-image:none
}

.sitemap li li li a {
font-weight:normal;
padding:2px 0 2px 42px;
background-image:none;
font-size:1em;
font-weight:500;
background:url(../img/layout/1punt-li.png) 30px no-repeat; 
}

.sitemap li li li li a {
color: #58585a;
padding:2px 0 2px 60px;
background-image:none;
font-size:0.9em;
font-weight:500;
background:url(../img/layout/2punt-li.png) 50px no-repeat; 
}

.sitemap li li a.seu-electronica, .sitemap li li a.per-les-persones {
margin-top: 20px;
font-weight:700;
background-image:url(../img/layout/fletxa-verd-right.png);
background-repeat:no-repeat;
background-position:left;
}


@media screen and (max-width:768px) {
.sitemap ul li {
margin:20px 5px;
width:45%;

}
}
@media screen and (max-width:600px) {
.sitemap li a { 
padding:2px 0 2px 10px; margin-left:10px;}
}



@media screen and (max-width:500px) {
.sitemap ul li {

display:block;
width:100%;
border-left:none;
}
}




/* FOOTER */
#footer ul li {
margin:10px 0;
display: inline-block;
border-left:1px solid #fff;
}
#footer ul li a {
padding:0 10px;
display:block;
}
#footer ul li:first-child {
border-left:none;
}
/* INTERIORS - fil d'Ariadna */
#wrapbreadcrumbs {
margin:0 auto;
max-width:960px;
}
#breadcrumbs {
padding:12px 0;
margin:0 1.04166666666667%; /* 10/960 */
display:block;
border-top:1px solid #CCCCCC;
}
#breadcrumbs li {
display:inline;
}
#breadcrumbs li a {
padding-right:7px;
background:url(../img/layout/fletxa-verd-right-migas.png) right no-repeat;
color:#999;
}
#breadcrumbs li a:hover {
color:#484848;
}

/* ##################### */

/*************** NAVEGACIÓ INTERIORS - nav menu nivell 3 AMPLE SEGONS CONTEXT **************/
#content #wrapnavinterior, #content #wrapnavinterior_guia {
margin:0 1.38888888888889%; /* 10/720 */
float:left;
width:30.55555555555556%; /* 220/720 */
}
@media screen and (min-width:601px) and (max-width:800px) {
#content #wrapnavinterior{
margin-right:0; padding-right:1.38889%;
background:#fff url(../img/layout/separador_content.png) -10px top no-repeat;
}}
#content_fullwidth #wrapnavinterior {
margin:0 1.04166666666667%; /* 10/960 */
float:left;
width:22.91666666666667%; /* 220/960 */
}
#wrapnavinterior ul, #wrapnavinterior_guia ul {
margin-top:0.8571428571428571em; /* 12/14 */
}
#wrapnavinterior ul ul{
margin-top:0; padding-bottom:5px;
background:#efefef; border-bottom:#ccc 1px solid;}
#wrapnavinterior ul li, #wrapnavinterior_guia ul#resultat li {
display:block;
clear:both;
}
#wrapnavinterior li a {
padding:10px 10px 10px 20px;
display:block;
border-bottom:#ccc 1px solid;
background:url(../img/layout/fletxa-verd-right.png) left no-repeat;
}
#wrapnavinterior li li a {
padding:0 10px 5px 30px;
display:block;
border-bottom:none;
background:url(../img/layout/fletxa-verd-right-s.png) 20px 0.28em no-repeat;
font-size:0.875em;
}
#wrapnavinterior_guia ul#resultat li {
padding:10px 10px 0 0;
display:block; /* border-bottom:#ccc 1px solid;*/  
}
#wrapnavinterior li a:hover{
background:#efefef url(../img/layout/fletxa-gris-right.png) left no-repeat;
}
#wrapnavinterior li a.active_nav_interior {
border-bottom:none;
background:#efefef url(../img/layout/fletxa-gris-right.png) left no-repeat;
}
#wrapnavinterior li li a:hover, #wrapnavinterior li li a.active_nav_interior {
display:block;
border-bottom:none;
background:#efefef url(../img/layout/fletxa-gris-right-s.png) 20px 0.28em no-repeat;
}
#wrapnavinterior a.active_nav_interior{
font-weight:700; color:#484848;
}
@media screen and (max-width:540px) {/* cambiado Daniel de 540px a 568px */

#content #wrapnavinterior, #content #wrapnavinterior_guia, #content_fullwidth #wrapnavinterior {
margin:0 ;
}
}

@media screen and (max-width:600px) {
#wrapnavinterior {
display:none;
}
#content #wrapnavinterior_guia{
width:100%;}
}


/*################################# */


/* contingut */
#main .inici_seccio {
padding-top:1.714285714285714em; /*24/14*/
}

@media screen and (max-width:800px) {
#main .inici_seccio {
padding-top:10px;
}

}
.inici_seccio .text {
margin:0 1.38888888888889%; /* 10/720 */
line-height:1.5em;
}
.interior .text {
margin:0 2.08333333333333%; /* 10/480 */
line-height:1.5em;
}
@media screen and (max-width:800px) {
.interior .text {
margin:0;
}
}
.text b {
font-weight:700;
}
.text h2, .text h3, .text h4, .text h5, .text h6, .actualitat h2 {
color:#416310;
}
.text h2 {
font-size:1.142857142857143em;/*16/14*//*line-height:1.0em;*/
}
.actualitat h2 {
margin: 0 0 0.6em 0;
background-color:#FFF;
font-size:1.333333333333333em; /* 12/16*/
}
.actualitat h3{
font-size:1.25em; /* 15/12 */
}
#inici_seccio_resultat h2 {
margin: 0 1.38889% 0.6em;
}
.text h3 {
margin-top:0.6em;
font-size:1.071428571428571em;/*15/14*/
}

/* DESTACATS SECCIÓ PART INFERIOR*/
#wrapdestacats_seccio, #wrap_relacionats {
/*margin:20px 0 0 0;*/ margin-bottom:10px;
overflow:hidden;
}
#wrapdestacats_seccio ul {
padding-bottom:20px;
overflow:hidden;
}
#wrapdestacats_seccio ul li {
margin: 0 1.04166666666667%; /* 10/960 */
width:31.25%; /* 295/960 */
float:left;
}
#wrapdestacats_seccio ul li a, #wrap_relacionats ul li a {
color:#416310;
}
#wrapdestacats_seccio ul li a:hover, #wrap_relacionats ul li a:hover {
color:#484848;
}
#wrapdestacats_seccio img {
margin-right:6.25%; /* 20/320*/
width:45%;
}
#wrapdestacats_seccio h2, #wrapminibanner h2 {
margin:1.25em 1.04166666666667%; /* 10/960 */
padding:4px 0;
font-size:1em;/*16/16*/
color:#416310;
text-align:left;
border-bottom:4px solid #96bd0d;
}

#wrap_relacionats h2, #wrap_relacionats_1col h2 {
margin:1.25em 1.38888888888889%; /* 10/720 */
padding:4px 0;
font-size:1.071428571428571em;/*15/14*/
text-align:left;
color:#416310;
border-bottom:4px solid #96bd0d;
}
#wrap_relacionats_1col h2 {
margin:1.25em 2.08333333333333%; /* 10/480 */
}

/*#wrap_relacionats {
width:75%; /* 720/960 
float:right;
} */

#wrap_relacionats_1col h2 {
font-size:1.142857142857143em; /* 16/14*/
}

#wrap_concursos h2{
margin:1em 1.04166666666667%; /*Daniel */
padding:4px 0;
font-size:1.071428571428571em;/*15/14*/
text-align:left;
color:#416310;
border-bottom:4px solid #96bd0d;
}


@media screen and (max-width:600px) {
#wrap_relacionats {
margin:0;
width:100%;
float:none;
}
#wrapdestacats_seccio h2, #wrapminibanner h2, #wrap_relacionats h2, #wrap_relacionats_1col h2 {
margin:0.625em 0;
}
}
#wrap_relacionats_1col {
}
.relacionats h3 {
/*font-size:1.0em; 15/16 */
font-size:0.875em; /* 14/16 */
font-weight:700;
}
.relacionats h4 {
margin-top:0.25em;
}
.relacionats p.intro_activitat {
font-size:0.8125em; /* 13/16 */
}
#wrapdestacats_seccio a:hover, #wrap_relacionats a:hover {
text-decoration:underline;
}
@media screen and (max-width:600px) {
#wrapdestacats_seccio img {
margin-right:0;
width:100%;
}
}
@media screen and (max-width:480px) {
#wrapdestacats_seccio h3 {
/*padding:10px 0;
font-weight:normal;*/
clear:both;
}
}
@media screen and (max-width:320px) {
#wrapdestacats_seccio ul {
padding-bottom:0;
}
#wrapdestacats_seccio ul li {
margin:0 0 10px 0;
float:none;
clear:both;
width:100%;
overflow:hidden;
}
#wrapdestacats_seccio h3 {
/*padding:10px 0;
font-weight:normal;*/
clear:none;
}
#wrapdestacats_seccio img {
margin-right:10px;
width:25%;
}
}
/************ LLISTATS INFERIORS NOTÍCIES RELACIONADES / DESTACATS / AUTOBUSOS !!!! ARREGLAR!!!! ***********/
#wrapcarouselinterior {
margin:0 1.041666666666667% 20px 1.041666666666667%;
padding:2.08333333333333%; /* 20/960 */
width:68.85%; /* 700/960 */
float:right;
background:#efefef;
overflow:hidden;
clear:both;
}
@media screen and (max-width:800px) {
#wrapcarouselinterior {
margin:10px 0;
width:96%;
float:left;
}
}
.relacionats_1col li {
margin:0 2.12765957446809% 20px; /* 10/470 */
padding-bottom:20px;
display:block;
clear:both;
overflow:hidden;
border-bottom:4px solid #dfebb6;
}
.relacionats_1col li:last-child {
padding-bottom:0;
border-bottom:none;
}
.relacionats_1col li li {
margin:0;
border:none;
clear:none;
}
.relacionats_2col {
clear:both;
overflow:hidden;
}
.relacionats_2col li {
margin:0 1.38888888888889% 1.25em 1.38888888888889%; /* 10/720 */
width:47.22222222222222%; /* 340/720 */
float:left;
overflow:hidden;
}
#noticies_inici_actualitat li {
height:135px;
}
#noticies_inici_actualitat li h3 {
font-size: 1.076923076923077em;
}
.noticies {
clear:both;
}
@media screen and (max-width:320px) {
#noticies_inici_actualitat li{
height:auto;}
.relacionats_2col li {
float:none;
clear:both;
width:auto;
display:block;
}
}

@media screen and (max-width:540px) {
/* cambiado Daniel de 540px a 568px */
#wrap_relacionats_1col {
margin:0 1.04166666666667%;
width:100%
}
}
.relacionats_1col .img {
margin-right:4.25531914893617%; /* 20/470 */
width:28.723404255319151%; /* 135/470 */
float:left;
}
.relacionats_2col .img {
margin-right:6.06060606060606%; /* 20/330 */
width:40.90909090909091%; /* 135/330 */
float:left;
}
.relacionats_2col .img_guia {
margin-right:6.06060606060606%; /* 20/330 */
width:22.72727272727273%; /* 75/330 */
float:left;
}
.intro, .relacionats_1col li ul, .relacionats_1col li ol, .relacionats_3col li ul, .relacionats_3col li ol,
.relacionats_5col li ul, .relacionats_5col li ol {
margin-top:0.6em;
font-size:0.875em; /* 12/16 */
}
.relacionats_1col li ul li a, .relacionats_3col li ul li a, .relacionats_5col li ul li a {
text-decoration:underline;
}
.relacionats_3col li {
margin:0 1.42857142857143% 15px 1.42857142857143%; /* 10/700 */
width:30.47619047619047%; /* 213/700 */
float:left;
min-height: 120px; /* per les oficines 3col esglaonades*/
}

.relacionats_5col li {
margin:0 1.42857142857143% 20px 1.42857142857143%; /* 10/700 */
width:30%; /* 106.5/700 */
float:left;
min-height: 220px;
}

.relacionats_5col_no_img li {
margin:0 1.42857142857143% 20px 1.42857142857143%; /* 10/700 */
width:30%; /* 106.5/700 */
float:left;
min-height: 110px;
}

.relacionats_3col h3, .relacionats_5col p, .relacionats_5col h3{
padding-top:0.8em;
clear:both;
}
.relacionats_1col li ul li, .relacionats_3col li ul li, .relacionats_5col li ul li {
margin:0 0 0 0.7em;
padding-left: 12px;
padding-bottom: 0.6em;
background: url("../img/layout/punt-li.png") no-repeat scroll left 0.3em transparent;
float:none;
width:auto;
}

.relacionats_3col {
/*font-size:0.875em; 12/16 */
}


/*On gestinonar-ho, oficines */

.foratop{
padding-top:0px!important;
}

.relacionats_3col h3 a{
color:#416310!important; 
}



@media screen and (max-width:480px) {
.relacionats_3col li, .relacionats_5col li {
padding:1.0em 0 0 0;
margin:0 1.42857142857143% 0 0.42857142857143%; /* 10/700 */
width:100%;
float:left;
border-bottom:3px solid #dfebb6!important;
}

.relacionats_3col li li, .relacionats_3col li:last-child, .relacionats_5col li li, .relacionats_5col li:last-child {
border-bottom:none;
}
.relacionats_3col li .img {
margin:0 0 1.42857142857143% 1.42857142857143%;
width:40%;
float:right;
}

.relacionats_5col li img {
margin:0 0 1.42857142857143% 1.42857142857143%;
width:30%;
float:right;
}

.relacionats_3col li h3, .relacionats_5col li p, .relacionats_5col li h3 {
display:inline;
}
}




/************************/
.text p {
padding:10px 0;
}
.text ol, .text ul, .text ol li, .text ul li {
padding:4px 0;
}
.inici_seccio ol, .interior ol {
/* padding-left:12px;
margin-left:20px; */  
}
.text ul li {
padding-left:20px;
margin-left:12px;
background:url(../img/layout/punt-li.png) left 12px no-repeat;
}

.text ol li {
margin-left:32px;
background:none;
}

.text ul ol li{
padding-left:0;
background:none;}

.text a, .text a:link {
color:#416310;
text-decoration:underline;
}
.text a:hover {
color:#000;
}
.text h2 a:link, .text a:link.seguir {
text-decoration:none;
}

/* BLOCS HOME SECCIO - 2 col + SIDEBAR (Ajuntament)*/
#inici_seccio_slider {
margin:0 1.38888888888889% 0 2.77777777777778%;/* 10/720 */ /* 20/720 */
width:54.28571428571429%;/* 380/700 */
float:right;
}

#inici_seccio_text {
/*margin-left:2.85714285714286%; /* 20/700 */
/*width:42.85714285714286%; 300/700 */
/*float:left;*/
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:600px) {
#inici_seccio_slider {
padding-bottom:10px; margin:0;
width:100%;
float:none;
}
#inici_seccio_text {
margin-left:0;
width:100%;
float:none;
}
}
@media screen and (max-width:320px) {
}
/* SLIDER imatges */
#seccio_slider {
	padding-bottom:10px;
	margin:0 2.08333%; /* 10/720 */
}

.inici_seccio ol.flex-control-nav, .inici_seccio ul.slides li, .interior ol.flex-control-nav, .interior ul.slides li{
	padding:0;
	margin:0;
}


#seccio_slider .slides a, #seccio_slider .slides a:link{
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;}

/*
ul.slides li a, ul.slides li a:link{
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;}
*/

#inici_seccio_slider .slides a, #inici_seccio_slider .slides a:link{
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;}

/* Carousel */ 


#seccio_slider2 {
	padding-bottom:10px;
	margin:0 2.08333%; /* 10/720 */
}

.inici_seccio ul.slides2 li, .interior ul.slides2 li{
	padding:0;
	margin:0;
}


ul.slides li div a, ul.slides li div a:link, ul.slides2 li a, ul.slides2 li a:link{
  cursor: pointer;
}

@media screen and (max-width:600px) {
#seccio_slider {
padding-bottom:10px; margin:0;
width:100%;
float:none;
}
}
/* SIDEBAR */


/*Calendari Javascript -- Daniel*/

div.eventCalendar-wrap {margin-top:20px!important;}

#wrapsidebar {
margin: 0 1.04166666666667%; /* 10/960 */
float:left;
width:22.91666666666667%; /* 220/960 */
}
#wrapsidebar {
border-top:#96bd0d 4px solid;
font-size:0.875em;
}

#wrapsidebar li{
margin-top:20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display:block;
font-size:87.5%; /* 14/16 */
color:#416310;
background-color: #fbfbfb;
border: 1px solid #dfdfdf;
-webkit-box-shadow: inset 1px 1px 20px 1px #dfdfdf;
box-shadow: inset 1px 1px 20px 1px #dfdfdf;
overflow:hidden;
}


#wrapsidebar li a {
color:#484848;
}
#wrapsidebar li:hover {
-webkit-box-shadow: inset 1px 1px 40px 1px #dfdfdf;
box-shadow: inset 1px 1px 40px 1px #dfdfdf;
}
#wrapsidebar li.avisos {
background-color: #96bd0d;
border: 1px solid #6b900f;
-webkit-box-shadow: inset 1px 1px 20px 1px #6b900f;
box-shadow: inset 1px 1px 20px 1px #6b900f;
}
#wrapsidebar li li:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow:none;
box-shadow:none;
background:#efefef;
}
#wrapsidebar li.avisos li:hover {
background:#6b900f;
}
#wrapsidebar li h3 {
margin:0 1.0em;
padding:0.6em 0 0.6em;
display:block;
text-align:center;
color:#484848;
border-bottom:solid 1px #ccc;
font-size:1.2em;
font-weight:700;
}
#wrapsidebar li h3 a {
color:#484848;
}
#wrapsidebar li.avisos h3 {
color: #fff;
border-bottom:solid 1px #fff;
}
#wrapsidebar li.avisos h3 a {
color: #fff;
}
#wrapsidebar li.aux {
padding: 1.0em 0;
}

#wrapsidebar li.aux .link-icon{
width:100%;
height:20px;
text-align:center;
}

#wrapsidebar li.aux .link-icon a{
width:auto;
height:auto;
margin:0 auto;
display:inline-block;
}

#wrapsidebar li.banner {
padding:1.0em;
font-weight:700;
display:table;
}

#wrapsidebar li.banner .txt_img_banner{display:table-cell;vertical-align:middle;}

#wrapsidebar li.banner .img_banner{padding-right:1.0em; display:table-cell; width:40%;}

#wrapsidebar li.banner .img_banner img {
float:left; width:100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#wrapsidebar li.banner h3 {
margin:0;
padding:0;
border:none;
text-align:left;
}


@media screen and (max-width:800px) {

/*Calendari Javascript -- Daniel*/

div.eventCalendar-wrap {
margin: 6px 0 6px 0!important;
}

#wrapsidebar li.aux {
padding: 0.4em 0;
}
#wrapsidebar li h3{margin:0 0.6em;}
#wrapsidebar li.aux p{
margin:0 0.6em;}
#wrapsidebar li{
margin-top:6px;}
#wrapsidebar li.banner img {
margin-right:0.5em;
}

#wrapsidebar li.banner .img_banner {
width:40%;
}
}

@media screen and (max-width:768px) {
#wrapsidebar li h3 {
padding:0.5em 0;
}
#wrapsidebar li.banner .img_banner {
width:40%;
}
}
@media screen and (max-width:600px) {
#wrapsidebar li.banner .img_banner {
width:35%;
}
#wrapsidebar li.banner .img_banner img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
}
@media screen and (min-width:321px) and (max-width:567px) {
#wrapsidebar li.banner .img_banner img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#wrapsidebar li.banner .img_banner {
width:15%;
}
}
@media screen and (max-width:320px) {
#wrapsidebar li.banner .img_banner img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#wrapsidebar li.banner .img_banner {
width:30%;
}
}




#wrapsidebar li ul {
/*padding-bottom:0.6em;*/}
#wrapsidebar li li {
padding:0.5em 1.0em;
margin:0.4em 0;
background:none;
box-shadow:none;
border:none;
font-size:1.0em;
overflow:hidden;
color:#484848;
}
#wrapsidebar li li a {
color:#484848;
}
#wrapsidebar li.avisos li a {
color:#FFF;
}
#wrapsidebar li.twitter li {
padding:0.5em 0;
margin:0.5em 2.0em;
border-bottom:1px dotted #ccc;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#wrapsidebar li.twitter li:hover {
background:none;
}
#wrapsidebar li.aux p {
padding:6px 0 10px 0;
margin:0 10.08333333333333%;
display:block;
text-align:center;
color:#484848;
}
#wrapsidebar li.twitter li:last-child {
border-bottom:none;
}
#wrapsidebar li.twitter li:last-child p {
padding:0 0 10px 0;
}
/*
#wrapsidebar li h3.tel {
padding-top:40px;
background:url(../img/layout/icona-tel.png) no-repeat center 10px;
}
*/
#wrapsidebar li li p.quan {
margin-right:0.6em;
/*width:20%;*/ width:40px;
float:left;
background-color:#96bd0d;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-align:center;
}
#wrapsidebar li.avisos li p.quan {
background-color:#416310;
}
#wrapdestacats_seccio li p.quan {
/*width:26%;*/width:40px;
float:left;
background-color:#96bd0d;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-align:center;
font-size:0.875em; /* 14/16 */
}
#wrapsidebar li li p.quan span.dia, #wrapdestacats_seccio li p.quan span.dia {
padding:0 0.1em 0.1em 0.1em;
display:block;
text-transform:uppercase;
color:#FFF;
font-weight:700;
font-size:1.3em;
}
#wrapsidebar li li p.quan span.mes, #wrapdestacats_seccio li p.quan span.mes {
padding:0.1em 0.1em 0 0.1em;
display:block;
border-bottom:1px solid #fff;
text-transform:uppercase;
font-size:0.8125em; /* 13/16 */
color:#FFF;
}
#wrapsidebar li.avisos li p.quan span.mes {
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
background-color:#416310;
color:#fff;
}
.data_relacionats {
display:block;
overflow:hidden;
}
p.data_llarga {
margin-top:10px;
color:#CCC;
font-size:0.75em; /* 12/16 */
line-height:normal;
}
#noticies_inici_actualitat p.data_llarga {
margin-top:0;
font-size:0.875em;
}
@media screen and (max-width:540px) {/* cambiado Daniel de 540px a 568px */

#wrapsidebar {
margin-left:0;
margin-bottom:10px;
clear:both;
width:100%;
float:none;
}
}
@media screen and (max-width:800px) {
#wrapsidebar li li p.quan {
width:24%;
}
#wrapdestacats_seccio li p.quan {
width:34%;
}
}
@media screen and (max-width:800px) {
#wrapdestacats_seccio li img {
float:left;
}
}
@media screen and (max-width:600px) {
#wrapsidebar li li p.quan {
width:32%;
}
#wrapdestacats_seccio li img {
margin-bottom:10px;
}
/*#wrapdestacats_seccio li p.quan{
margin-right:6.06060606060606%; 20/330
}*/
#wrapdestacats_seccio li p.quan {
margin:0 0 10px 10px;
width:26%;
float:right;
}
.data_relacionats {
display:inline;
}
}
@media screen and (max-width:600px) {
#wrapsidebar li li p.quan {
width:10%;
}
}
@media screen and (max-width:480px) {
#wrapdestacats_seccio li p.quan {
margin:0 10px 6px 0;
float:left;
}
}
@media screen and (max-width:320px) {
#wrapsidebar li li p.quan {
width:15%;
}
#wrapdestacats_seccio li p.quan {
width:14%;
}
p.data_llarga {
margin-top:0;
color:#CCC;
font-size:0.75em; /* 12/16 */
}
}
/***** SIDEBAR FORMS *****/
#wrapsidebar form {
margin:4.54545454545455%; /* 10/220 */
}
#wrapsidebar input#pais {
background: transparent;
width:13.68421052631579%; /* 26/190 */
border:none;
}
#wrapsidebar input#mobil {
width:65.26315789473684%; /* 124/190 */
}
#wrapsidebar button.enviar {
padding:2px;
margin:0;
width:13.68421052631579%; /*26/190*/
background:#fff url(../img/layout/fletxa-submit-dreta.png) no-repeat right;
cursor:pointer;
border:none;
text-indent: -999em;
}
#wrapsidebar label {
display:none;
}
#wrapsidebar input, #wrapsidebar select {
padding:2px;
margin:0;
display:inline;
position: static;
float:left;
border:1px solid #ccc;
background: #fff;
color:#484848;
font-size:1.0em; /* 14/14 */
}
#wrapsidebar .camp_select {
/*margin-left:1.6em;background:#fff url(../img/layout/fletxa-submit-down.png) no-repeat right;
width:160px;*/
width: 93%;
overflow:hidden;
text-align:center;
margin:0 auto;
}
#wrapsidebar .camp_select select {
/*background: transparent;*/
width: 100%;
cursor:pointer;
}


/* Firefox */
@-moz-document url-prefix() {
#wrapsidebar input#mobil {
padding-bottom:3px;
!important;
}
}

/* Chrome & Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#wrapsidebar button.enviar {
padding-bottom:3px;
}
#wrapsidebar .camp_select select {
width:100%;/* 156/190 */
background:none;
}
}

/* IE */
#wrapsidebar button.enviar {
padding-bottom:3px;
}

/*** LLISTAT IMATGES (REGIDORS) ****/
.llistat_imatges {
display:inline;
}
.llistat_imatges li {
margin:0 1.42857142857143%; /* 10/700 */
width:17.14285714285714%; /* 120/700 */
float:left;
}
.llistat_imatges li div.imatges_regidor {
position:relative;
overflow:hidden;
height:120px;
width:100%;
}
.llistat_imatges li p {
padding:0.6em 0;
clear:both;
font-size:0.6875em;
}


.llistat_imatges li img.partit {
position:absolute;
bottom:0;
left:0;
z-index:2;
}
.llistat_imatges li img.regidor {
position:absolute;
bottom:0;
left:0;
z-index:1;
}
@media screen and (max-width:800px) {
.llistat_imatges li div.imatges_regidor {
height:7.071428571428571em;
}
}
@media screen and (max-width:768px) {
.llistat_imatges li div.imatges_regidor {
height:6.714285714285714em;
}
}
@media screen and (max-width:600px) {
.llistat_imatges li {
width:30.47619047619047%; /* 120/700 */
}
.llistat_imatges li div.imatges_regidor {
height:9.285714285714286em;
}
}
@media screen and (max-width:540px) {
/* cambiado Daniel de 540px a 568px */
.llistat_imatges li div.imatges_regidor{
height:11.21428571428571em;
}
}
@media screen and (max-width:480px) {
.llistat_imatges li div.imatges_regidor{
height:10em;
}
}
@media screen and (max-width:320px) {
.llistat_imatges li div.imatges_regidor{
height:6.428571428571429em;
}
}


/*************** LLISTAT PREMIS ***************/
.llistat_premis{
display:inline;
}
.llistat_premis li {
width:22.1%; 
min-height: 210px;
clear:right;
float:left;
}
.llistat_premis li div.premis_candidat {
position:relative;
overflow:hidden;
height:auto;
width:100%;
}
.llistat_premis li p {
padding:0.6em 0;
clear:both;
font-size:1em;
}


.llistat_premis li img.estat_candidats{
position:absolute;
left:0;
z-index:2;
width: 40px;
height:  40px;
}

.llistat_premis li img.estat_guanyadors{
position:absolute;
left:0;
z-index:2;
width: 60px;
height:  60px;
}

.llistat_premis li img.candidat {
position:absolute;
bottom:0;
left:0;
z-index:1;
}
@media screen and (max-width:800px) {
.llistat_premis li{min-height:180px;}

.llistat_premis li div.premis_candidat {
height:7.071428571428571em;
}
}
@media screen and (max-width:768px) {
.llistat_premis li div.premis_candidat {
height:6.714285714285714em;
}
}
@media screen and (max-width:600px) {
.llistat_premis li {
width:30.47619047619047%; 
}
.llistat_premis li div.premis_candidat {
height:9.285714285714286em;
}
}
@media screen and (max-width:540px) {
.llistat_premis li div.premis_candidat {
height:11.21428571428571em;
}
}
@media screen and (max-width:480px) {
.llistat_premis li div.premis_candidat {
height:9em;
}
}
@media screen and (max-width:320px) {
.llistat_premis li div.premis_candidat {
height:6.428571428571429em;
}
}

.detall_candidats
{
position:absolute;
left:0;
z-index:2;
width:60px!important;
height:60px;
}

.detall_guanyadors 
{
position:absolute;
left:0;
z-index:2;
width:80px!important;
height:80px;
}




/** llistat premis 8/8/2018**/ 



.llistat_premis li {
	width: 100%;
	min-height: 89px;
	clear: right;
	float: left;
	margin-bottom: 8px;
	border-bottom: 1px solid #cccccc;
	margin-left: 0;
	margin-right: 0;
}	
.llistat_premis li:last-child{
	border-bottom: none;
}
.llistat_premis li div.premis_candidat {
	height: 82px;
	width: 110px;
	float: left;
	margin-right: 1em;
}
.llistat_premis li div.premis_candidat_header {
	width: 45%;
	float: left;
	margin: 7px 0 15px 0;
}
.llistat_premis li div.premis_candidat_header p.button{
	margin: 0;
	padding: 0 0 0.6em 0;
}
.llistat_premis li div.premis_candidat_header p.button button{
	font-family: 'Arimo',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1em;
	color: #416310;
	cursor: pointer;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}
.llistat_premis li div.premis_candidat_header h2.title-candidat{
	font-family: 'Arimo',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: normal;
	border-bottom: none !important;
	margin: 0 !important;
}
.llistat_premis li div.premis_candidat_header h2 span{
	color: #000000;
	text-decoration: underline;
	font-size: 1.1em;
}
.llistat_premis li div.premis_candidat_header img{
	margin-top: 2px;
	margin-right: 5px;
}
.llistat_premis li div.premis_candidat_header p.title-candidat {
	color: #000000;
	text-decoration: none;
	font-size: 1.2em;
}
.llistat_premis li div.premis_candidat_header div {
	position: relative;
	width: 168px;
	padding-left: 17px;
}
.llistat_premis li div.premis_candidat_header div img {
	position: absolute;
	top: 4px;
	left: 0;
}
.llistat_premis li a{
	width: 37%;
	display: block;
	float: right;
}
.llistat_premis li a .votar p{
	margin-top: 0;
	padding: 0;
	font-size: 0.9em;
}
.llistat_premis li a .votar {
	float: right;
	display: block;
	padding: 11px 0;
	background-color: #416310;
	border-radius: 9px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 19px;
	border: 1px solid #416310;
	width: 106px;
	height: 12px;
	text-align: center;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	margin-bottom: 20px;
}
.llistat_premis li a:hover .votar {
	background-color: #e2e2e2;
	color: #416310;
	border: 1px solid #e2e2e2;
}
#wrap_relacionats .premis-content-titol-apartat {
	padding-bottom: 4px;
	margin: 22px 0 22px 0;
	color: #416310;
	line-height: 55px;
	padding-left: 14px;
}
#wrap_relacionats .premis-content-titol-apartat img {
	margin-right: 17px;
}
#wrap_relacionats {
	margin-right: 0.8em;
	margin-bottom: 5em;
}

/* Hide/Show Region Accesible  */
div.topic {
	display: none; 
	width: 100%;
	border: none;
	background: none;
	margin: 88px 0 0 0;
	padding: 0;
	outline: none;
}
div.topic .premis_candidat_in{
	width: 390px;
	float: left;
	margin-right: 1.5em;
}
div.topic .premis_candidat_in img{

}
div.topic p{
	padding: 1.5em 0 0.6em 0;
	font-size: 1em;
	margin: 0;
	clear: inherit;
}
div.topic .social{
	padding: 1.5em 0 0.6em 0;
	font-size: 1em;
	margin: 0 0 0.5em 0;
	width: 50%;
	float: left;
}
div.topic .social strong{
	color: #416310;
}
div.topic .social a{
	float: none;
	display: inline;
}
div.topic .social a img{
	margin-right: 16px;
	margin-top: 11px;
}
a.buttonControl {
	color: #004400;
	text-decoration: none;
	border-bottom: 1px solid #004400;
}

a.buttonControl:hover,
a.buttonControl:active,
a.buttonControl:focus {
	color: #880000;
	border-bottom: 2px solid #880000;
}
.downarrow{
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

@media screen and (max-width: 650px) {
	#wrap_relacionats .premis-content-titol-apartat{
		padding-left: 0;
		line-height: inherit;
		margin: 0.625em 0;
	}
	#wrap_relacionats .premis-content-titol-apartat img{
		float: none;
		display: block;
		margin: 0 auto 11px auto;
	}
	.llistat_premis li {
		width: 100%;
		min-height: 89px;
		margin-bottom: 8px;
		margin-left: 0;
		margin-right: 0;
	}
	.llistat_premis li div.premis_candidat_header {
		width: 69%;
		float: left;
		margin: 7px 0 30px 14px;
	}
	.llistat_premis li a .votar {
		float: left;
		margin-top: 0;
		margin-bottom: 9px;
		margin-left: 124px;
	}


	.llistat_premis li div.premis_candidat {
		height: auto;
		width: 100%;
		float: left;
		margin-right: 0;
		display: block !important;
	}
	.llistat_premis li div.premis_candidat img{
		float: none;
		width: 100%;
	}
	.llistat_premis li div.premis_candidat_header {
		width: 100%;
		float: none;
		margin: 7px 0 13px 2px;
	}
	.llistat_premis li a {
		width: 100%;
		display: block;
		float: none;
	}
	.llistat_premis li a .votar {
		float: none;
		margin-top: 0;
		margin-bottom: 20px;
		margin-left: 0;
	}
	div.topic {
		width: 100%;
		margin: 18px 0 0 0;
		padding: 0;
	}
	div.topic .premis_candidat_in {
		display: none !important;
	}
	div.topic .social {
		padding: 1.5em 0 0.6em 0;
		margin: 0 0 4em 0;
		width: 100%;
		float: none;
	}
	a:link,
	a:visited{
		text-decoration: none!important;
	}
	.llistat_premis li div.premis_candidat a,
	.llistat_premis li div.premis_candidat a:hover{
		text-decoration: none!important;
	}
}
@media screen and (max-width: 375px){
	#wrap_relacionats .premis-content-titol-apartat {
		margin: 0.625em 0 2em 0;
	}
	.llistat_premis li a {
		text-align: center;
	}
	.llistat_premis li div.premis_candidat {
		height: auto;
		width: 100%;
		float: left;
		text-align: center;
	}
	.llistat_premis li div.premis_candidat img{
		float: none;
	}
	.llistat_premis li div.premis_candidat_header {
		width: 100%;
		float: none;
		margin: 7px 0 13px 0;
	}
	.llistat_premis li div.premis_candidat_header img{
		float: none;
	}
	.llistat_premis li a .votar {
		float: none;
	}
	.llistat_premis li {
		margin-top: 8px;
	}
	.llistat_premis li a:hover .votar,
	.llistat_premis li a:hover .votar p {
		background-color: #84BE00;
		color: #ffffff!important;
		text-decoration: none!important;
	}
}


/****** LLISTAT DOCUMENTS *******/
#wrap_documents {
margin-bottom:1.25em;
}
#wrap_documents h2 {
margin:0 1.42857142857143% 20px 1.42857142857143%; /* 10/700 */
padding:4px 0;
font-size: 1.07143em;
text-align:left;
color:#416310;
border-bottom:4px solid #96bd0d;
}
#wrap_documents ul {
margin:0 1.42857142857143%; /* 10/700 */
line-height:0.8571428571428571em; /* 12/14 */
}
#wrap_documents li {
border-bottom: 1px solid #ccc;
}
#wrap_documents li:last-child {
border-bottom:none;
}
#wrap_documents a {
padding:0 0 0 26px;
margin: 1.42857142857143% 0; /* 10/700 */
display:block;
font-size: 0.875em;/* 14/16 */
}
.interior #wrap_documents h2 {
margin:0 2.08333333333333% 20px 2.08333333333333% ;
}

.interior #wrap_documents ul {
margin:0 2.08333333333333%;
}
.interior #wrap_documents a {
margin: 2.08333333333333% 0; /* 10/700 */
}


a.pdf, a.pdf:link {
background:url(../img/layout/icona-pdf.png) no-repeat left top;
text-decoration:none;
}
a.doc, a.doc:link {
background:url(../img/layout/icona-text.png) no-repeat left top;
text-decoration:none;
}
a.enllac, a.enllac:link {
background:url(../img/layout/icona-enllac.png) no-repeat left top;
text-decoration:none;
}
a.zip, a.zip:link {
background:url(../img/layout/icona-comprimit.png) no-repeat left top;
text-decoration:none;
}
a.xls, a.xls:link {
background:url(../img/layout/icona-grafic.png) no-repeat left top;
text-decoration:none;
}
a.imatge, a.imatge:link {
background:url(../img/layout/icona-imatge.png) no-repeat left top;
text-decoration:none;
}
a.vector, a.vector:link {
background:url(../img/layout/icona-vector.png) no-repeat left top;
text-decoration:none;
}
a.film, a.film:link {
background:url(../img/layout/icona-film.png) no-repeat left top;
text-decoration:none;
}
a.mp3, a.mp3:link {
background:url(../img/layout/icona-audio.png) no-repeat left top;
text-decoration:none;
}
a.altre, a.altre:link {
background:url(../img/layout/icona-altre.png) no-repeat left top;
text-decoration:none;
}
a.descarregar, a.descarregar:link {
background:url(../img/layout/icona-descarregar.png) no-repeat left top;
text-decoration:none;
}

a.arx, a.arx:link {
background:url(../img/layout/icona-arx.png) no-repeat left top;
text-decoration:none;
}

#wrap_documents span {
font-size:0.7857142857142857em; /* 11/14 */
color:#484848;
}

/******* DETALL - INFORMACIó DETALL DE PROJECTE i DETALL DE SERVEI *****************/


.text #wrap_detall ul li {
margin:0 1.42857142857143%; /* 10/700 */
padding:0;
}

#wrap_detall { max-width: 376px;
margin:1.25em 0;
padding:1.2em 1.42857142857143%; /* 10/700 */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display:block;
color:#484848;
background-color: #fbfbfb;
border: 1px solid #dfdfdf;
-webkit-box-shadow: inset 1px 1px 20px 1px #dfdfdf;
box-shadow: inset 1px 1px 20px 1px #dfdfdf;
overflow:hidden;
line-height:1.2em;
}
#wrap_detall h2 {
margin-bottom:0.6em;
font-size:1.0em; /* 15/14*/
color:#484848;
}
#wrap_detall li {
background-image:none;
width:30.3921568627451%;
float:left;
}
#wrap_detall p {
padding:0;
}
#wrap_detall a {
margin: 1.42857142857143% 0; /* 10/700 */
color:#484848;
text-decoration:none;
}
#wrap_detall a:hover {
text-decoration:underline;
}
#wrap_detall .pdfdetall {
padding:0 0 0 24px;
background:url(../img/layout/icona-pdf.png) no-repeat left top;
}
#wrap_detall .docdetall {
padding:0 0 0 24px;
background:url(../img/layout/icona-doc.png) no-repeat left top;
}
#wrap_detall .zipdetall {
padding:0 0 0 24px;
background:url(../img/layout/icona-zip.png) no-repeat left top;
}
#wrap_detall .arxdetall {
padding:0 0 0 24px;
background:url(../img/layout/icona-arx.png) no-repeat left top;
}
#wrap_detall .xlsdetall {
padding:0 0 0 24px;
background:url(../img/layout/icona-grafic.png) no-repeat left top;
}
#wrap_detall .pptdetall {
padding:0 0 0 24px;
background:url(../img/layout/icona-ppt.png) no-repeat left top;
}
#wrap_detall .teldetall, .relacionats .teldetall, #inici_contacte .teldetall, #inici_directori .teldetall, .inici_contacte p.teldetall {
padding:4px 0 4px 23px;
background:url(../img/layout/icona-tel-small.png) no-repeat 4px;
}
#wrap_detall .maildetall, .relacionats .maildetall, #inici_contacte .maildetall, #inici_directori .maildetall, .inici_contacte a.maildetall{
padding:8px 0 4px 23px;
background:url(../img/layout/icona-mail-small.png) no-repeat 0px 12px;
display:block;
text-decoration:none;
color:#484848;
}
#wrap_detall .maildetall:hover, .relacionats .maildetall:hover, #inici_contacte .maildetall:hover, .inici_contacte a.maildetall:hover{
text-decoration:underline;
}
#wrap_detall h3 {
color:#484848;
font-size:1.0em; /* 14/16 */
}
#wrap_detall p.quan {
margin-right:0.6em;
/*width:20%;*/ width:40px;
float:left;
background-color:#484848;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-align:center;
}
#wrap_detall p.quan span.dia {
padding:0 0.2em 0.1em 0.2em;
display:block;
text-transform:uppercase;
color:#FFF;
font-weight:700;
font-size:1.125em;
}
#wrap_detall p.quan span.mes {
padding:0.1em 0.2em 0 0.2em;
display:block;
border-bottom:1px solid #fff;
color:#efefef;
text-transform:uppercase;
font-size:0.8125em; /* 13/16 */
}
@media screen and (max-width:600px) {
#wrap_detall {
margin:0;
padding:1.0em;
font-size:0.875em;
}
#wrap_detall li {
width:100%;
float:none;
display:block;
}
#wrap_detall h2 {
margin:0.6em 0;
}
#wrap_detall .pdfdetall {
padding-bottom:3px;
padding-top:3px;
}
#wrap_detall .maildetall, .relacionats .maildetall, #inici_contacte .maildetall, .inici_contacte p a.maildetall{
padding:0 0 2px 23px;
background-position:top left;
}
}
@media screen and (max-width:800px) {
#wrap_detall p.quan {
width:50px;
}
}


/***************** DETALL DE DIRECTORI *****************************/
#inici_seccio_directori {
width:52.8571428571429%;/* 380/700 */
float:left;
overflow:hidden;
float:left;
background:#fff;
padding-right: 0.014285714285714285714%
}
#inici_seccio_directori small a {
padding:0.4em 10px;
color:#484848;
float:left;
font-size:1.0em;
display:block;
}
#inici_seccio_directori iframe {
width:100%;
height:17.0em;
}
#inici_directori {
margin-left:2.85714285714286%; /* 20/700 */
width:42.85714285714286%;/* 300/700 */
float:left;
}


@media screen and (max-width:600px) {
#inici_seccio_directori {
width:100%;
}
#inici_directori {
width:100%;
}
#inici_directori h2 {
margin-top:1.0em;
}
}
#inici_directori ul li {
padding-top:0;
}
#inici_directori h3 {
margin-top:1.0em;
}
#inici_directori p {
padding:0;
}
#inici_directori p.adreca, #inici_directori p.teldetall, #inici_directori a.maildetall {
padding: 0.6em 0 0.6em 32px;
}






/***************** CONTACTE *****************************/



#wrapplanol {
margin:0 1.06382978723404% 1.25em 1.06382978723404%; /* 10/940 */
width:72.91666666666667%; /* 700/960 */
height:26.9286em;
overflow:hidden;
float:right;
background:#efefef;
}

#wrapplanol small a {
padding:0.4em 10px;
color:#484848;
float:left;
font-size:0.75em;
display:block;
}

#wrapplanol iframe {
width:100%;
height:20.0em;
}

@media screen and (max-width:800px) {
#wrapplanol {
margin:0 0 0.5em 0;
width:100%;
}
}

#inici_seccio_planol {
margin: 0 2.77778% 2% 1.38889%;
width:54.28571428571429%; /*380/700 Comentado Daniel */ 
height:20.9286em;
overflow:hidden;
float:right;

}
#inici_seccio_planol small a {
padding:0.4em 10px;
color:#484848;
float:left;
font-size:1.0em;
display:block;
}
#inici_seccio_planol iframe {
width:100%;
height:17.0em;
}

#inici_contacte {
margin:0 1.38888888888889%;
}

@media screen and (max-width:600px) {
#inici_seccio_planol {
width:100%;
float:left;
overflow:hidden;
}

#inici_contacte {
width:100%;
}
#inici_contacte h2 {
margin-top:1.0em;
}
}
#inici_contacte ul li {
padding-top:0;
}
#inici_contacte h3 {
margin-top:1.0em;
}
#inici_contacte p {
padding:0;
}
#inici_contacte p.adreca, #inici_contacte p.teldetall, #inici_contacte p a.maildetall, .inici_contacte p.adreca, .inici_contacte p.teldetall, .inici_contacte p a.maildetall {
padding: 0.6em 0 0.6em 32px;
}

/******** APARTATS AUXILIARS ACCESIBILITAT, NOTAL LEGAL ***************/
#col1, #col2 {
margin:1.25em 1.04166666666667% 0.25em 1.04166666666667%;
width:47.91666666666667%; /* 460/960 */
float:left;
}
@media screen and (max-width:600px) {
#col1, #col2 {
margin:0;
width:auto;
}
#col1 h2, #col2 h2 {
padding-top:1.0em;
}
}
.pdf {
padding:4px 0 6px 24px;
}
/******** MÉS INFORMACIÓ ETC********/
#scroll-top {
position: fixed;
bottom: 0px;
right: 50px;
background-image: url(../img/layout/fletxa-go-to-top.png);
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
z-index: 999;
text-indent: -9999px;
display: block;
height: 36px;
width: 74px;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 0 0;
}
@media screen and (max-width: 480px) {
#scroll-top {
right: 0px;
}
}
.adreca {
padding: 0.6em 0 0.6em 24px;
background:url(../img/layout/icona-adreca.png) no-repeat 2px 0.6em;
}
.agenda {
padding:40px 0 0 0;
background:url(../img/layout/icona-calendari.png) no-repeat center 20px;
}
.avisos {
padding:40px 0 0 0;
background:url(../img/layout/icona-avisos.png) no-repeat center 20px;
}
.twitter {
padding:40px 0 0 0;
background:url(../img/layout/icona-twitter.png) no-repeat center 20px;
}
.lupa {
padding:30px 0 0 0;
background:url(../img/layout/icona-lupa.png) no-repeat center 10px;
}
.nova_finestra {
padding-right:12px;
background:url(../img/layout/icona-new-window.png) no-repeat right 2px;
}

.finestra_nova {
padding-right:12px;
background:url(../img/layout/icona-new-window.png) no-repeat right 2px;
}

.nova {
padding-right:12px;
background:url(../img/layout/icona-new-window.png) no-repeat right 2px;
}

/* Banners */ 

.exterior /*banners una linea o dos*/ {
padding-right:20px;
background:url(../img/layout/icona-new-window-gris.png) no-repeat right 2px;
}

.exterior_image /*banners derecha imagen Gris*/ {
background:url(../img/layout/icona-new-window-gris.png) no-repeat right 2px;
}

.exterior_graella /*banners derecha imagen Gris*/ {
background:url(../img/layout/icona-new-window-gris.png) no-repeat 92% 10%;
}




.masinfo {
padding:10px 0 0 0;
margin:0 1.38888888888889%; /* 10/720 */
border-top:1px solid #ccc;
font-weight:normal;
font-size:0.875em;
text-align:right;
}
#noticies_inici_actualitat .masinfo, #inici_seccio_resultat .masinfo, #wrap_documents .masinfo {
font-size:1.0em;
/*border:none;*/}
.masinfo a, #wrap_documents .masinfo a {
padding-left:22px;
background:url(../img/layout/fletxa-mes-info.png) no-repeat left;
display: inline;/*font-size: 0.875em; 14/16 */
}
.masinfo a:hover {
background:url(../img/layout/fletxa-mes-info-hover.png) no-repeat left;
}
.masinfo_llistat {
padding:0.7em 0 0 0;
font-weight:normal;
text-align:left;
}
.masinfo_llistat a {
padding-left:22px;
background:url(../img/layout/fletxa-mes-info.png) no-repeat left;
font-size: 0.875em;/* 14/16 */
clear:both;
color:#416310;
}
.masinfo_llistat a:hover {
padding-left:22px;
background:url(../img/layout/fletxa-mes-info-hover.png) no-repeat left;
color:#484848;
}
.masinfo_sidebar {
padding:0 0 1.0em 1.0em;
}
@media screen and (max-width:540px) {
/* cambiado Daniel de 540px a 568px */
.masinfo {
margin: 0;
font-size:0.875em; /* 14/16 */
text-align:left;
font-weight:normal;
}
#inici_seccio_resultat .masinfo {
margin-bottom:1.25em;}
}


/*********** FEEDS TWITTER I CUGAT.CAT PEU PÀGINA D'INICI**************/
#wrapfeeds {
	padding:2.08333333333333% 1.04167%;
	border-top:#efefef 4px solid;
	font-size:0.75em;
	position:relative;
}
#wrapfeeds ul {
	display:block;
	overflow:hidden;
}
#wrapfeeds li {
	float:left;
	overflow:hidden;
}
#wrapfeeds li.social_media {
	width:65%;
}
#wrapfeeds li.cugat {
	width:35%;
}
#wrapfeeds li li {
	margin-right:2.08333333333333%;
	float:left;
	display:inline;
}
#wrapfeeds li li.social_twitter {
	width:70%;
}
.feed_twitter, .feed_cugat {
	padding-left:30px;
	background:url(../img/layout/linea.png) no-repeat top left;
}
.feed_twitter {
	margin-left:50px;
}
.feed_cugat {
	margin-left: 130px;
}
.feed_cugat strong {
	font-size:1.333333333333333em; /* 12/16*/
}
.feed_cugat a {
	color:#484848;
}
.twitter-name, .twitter-user {
	font-weight:700;
}
.twitter-user {
	color:#ccc;
}
.time-meta {
	color:#96bd0d;
}
a.segueix, a.segueix:link {
	padding:2px 12px 3px 6px;
	margin-top:10px;
	-moz-user-select: none;
	background-color: #F8F8F8;
	background-image: -moz-linear-gradient(center top, #FFFFFF, #DEDEDE);
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	color: #484848;
	font-weight:700;
	font-family:Arial, Helvetica, sans-serif;
	cursor: pointer;
	max-width: 80px;
	overflow: hidden;
	position: relative;
	display:block;
}
.segueix_label {
	padding-left:24px;
	background:url(../img/layout/segueix.png) no-repeat left;
}
#mes_xarxes {
	margin-left:1.04167%;
	position:absolute;
	left:0;
	text-align:left;
}
#mes_xarxes a {
	margin:0;
	top: 70px;
	padding-left:22px;
	border-top:none;
	background:url(../img/layout/fletxa-mes-info.png) no-repeat left top;
}
#mes_xarxes a:hover {
	background:url(../img/layout/fletxa-mes-info-hover.png) no-repeat left top;
}
@media screen and (max-width:600px) {
#wrapfeeds li.social_media {
 width:100%;
}
#wrapfeeds li li.social_twitter {
 width:76%;
}
#wrapfeeds li.cugat {
 margin-top:40px;
 width:100%;
 clear:both;
}
#wrapfeeds li li {
 margin-right:6px;
}
.logo-cugat {
 width:108px;
}
.feed_cugat {
 margin-left:126px;
}
#mes_xarxes {
 top:50px;
}
}
@media screen and (max-width:480px) {
#wrapfeeds li.cugat {
margin-top:40px;
padding-top:10px;
border-top:1px dotted #ccc;
}
#wrapfeeds li li.social_twitter {
 width:72%;
 font-size:0.875em;
 line-height:105%;
}
#wrapfeeds li.cugat, #mes_xarxes {
font-size:0.875em;
line-height: 13px;
}
.feed_twitter, .feed_cugat {
 background-image:none;
}
.feed_twitter {
margin-left:10px;
min-height: 55px;
}
.feed_cugat {
 margin-left:88px;
}
#mes_xarxes a {
 padding-left:16px;
 width:90px;
 display:block;
}
}
@media screen and (max-width:319px) {
#wrapfeeds li.social_media {
 width:auto;
}
#wrapfeeds li li.social_twitter, .logo-cugat {
 width:auto;
}
#wrapfeeds li li, #wrapfeeds li li.social_twitter {
 width:24px;
height:24px;
}
#wrapfeeds li.cugat {
 margin-top:0;
padding-top:0;
 width:auto;
 clear:none;
 float:right;
 height:26px;
 border:none;
}
#wrapfeeds li.cugat img {
 max-height:26px;
}
.feed_twitter, .feed_cugat {
 visibility:hidden;
display:none;
}
#mes_xarxes {
 margin:10px 0;
 position:relative;
 top:auto;
}
#mes_xarxes, #mes_xarxes a {
 width:100%;
 clear:both;
 line-height:normal;
}
}

  
/******* ACTUALITAT ***********/
.categoria {
padding-left:10px;
margin-left:10px;
border-left:1px solid #96bd0d;
}
#inici_seccio_col1, #inici_seccio_col2 {
font-size:0.8571428571428571em; /* 12/14 */
}
#inici_seccio_col1 a:link, #inici_seccio_col2 a:link, #llistat_resultat a:link {
color:#484848;
}
#inici_seccio_col1 {
padding-bottom:10px;
margin: 0 1.38889% 1.25em;
width:52.77777777777778%;/* 380/720 */
float:left;
}
#llistat_resultat {
/*margin-top:20px;*/
font-size: 0.857143em;
}
#llistat_resultat h3{
font-size:1.25em; /* 15/12 */
}

#llistat_resultat a h3{
color: #416310; /* Apaño Daniel */
}

#llistat_resultat a:hover h3{
color:#484848;
text-decoration:underline; 
/* Apaño Daniel */
}

#llistat_resultat .tema {
margin: 0 1.38889% 0 0;
width:52.77777777777778%;/* 380/720 */
float:left;
/* border-right:1px dotted #ccc;*/}
#inici_seccio_col2, #llistat_resultat .resum {
margin: 0 0 0 1.38889%;
width:41.66666666666667%; /*300/720 */
float:left;
}
#llistat_resultat .resum {
/*padding-top:10px;*/}
.subtitol {
font-size:1.14286em;
}
p.intro_noticia_actualitat {
line-height:normal;
}
@media screen and (max-width:600px) {
#inici_seccio_col1, #inici_seccio_col2, #llistat_resultat .tema, #llistat_resultat .resum {
width:100%;
clear:both;
}
}
#mes_vist {
padding:10px;
background-color:#f8faee;
}
#mes_destacat li, #mes_vist li, #llistat_resultat li {
margin-bottom:20px;
clear:both;
overflow:hidden;
}
#mes_vist li, #llistat_resultat li {
margin:0 1.42857142857143% 1.0em 1.42857142857143%;
padding-bottom:1.0em;
border-bottom:1px solid #ccc;
}
.noticies #llistat_resultat li:first-child {
padding-top:0.6em;
margin-top:2.625em;
clear:both;
display:block;
/*border-top:1px solid #ccc;*/}
#mes_destacat img {
margin-right: 5.26315789473684%; /*20/380*/
width:35.52631578947368%; /*135/380*/
}
@media screen and (max-width:600px) {
#mes_destacat img {
margin-right: 3.44827586206897%; /*20/580*/
width:24.13793103448276%; /*140/580*/
}
}
#llistat_resultat li:last-child {
border-bottom:none;
}
#mes_destacat li p.quan {
margin-right:20px;
width:40px;
float:left;
background-color:#96bd0d;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-align:center;
}
#mes_vist li p.quan {
margin-right:20px;
/*width:14%;*/ width:40px;
float:left;
background-color:#96bd0d;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-align:center;
}
#llistat_resultat li p.quan, #inici_seccio_text p.quan {
margin-right:20px;
/*width:auto;*/ width:40px;
float:left;
background-color:#96bd0d;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-align:center;
line-height:normal;
}
#inici_seccio_resultat_avisos #llistat_resultat li p.quan, #inici_seccio_text_avisos p.quan {
background-color:#416310;
}
.text p.quan {
padding:0;
}
#mes_destacat li p.quan span.dia, #mes_vist li p.quan span.dia, #llistat_resultat li p.quan span.dia, #inici_seccio_text p.quan span.dia {
padding:0 0.1em 0.1em 0.1em;
display:block;
text-transform:uppercase;
color:#FFF;
font-weight:700;
font-size:1.3em;
}
#mes_destacat li p.quan span.mes, #mes_vist li p.quan span.mes, #llistat_resultat li p.quan span.mes, #inici_seccio_text p.quan span.mes {
padding:0.2em 0.2em 0 0.2em;
display:block;
border-bottom:1px solid #fff;
text-transform:uppercase;
font-size:0.8125em; /* 13/16 */
color:#FFF;
}
#mes_destacat .data_relacionats, #mes_vist .data_relacionats, #inici_seccio_text .data_relacionats {
display:block;
overflow:hidden;
}
#llistat_resultat .data_relacionats {
float:left;
overflow:hidden;
}
#llistat_resultat .data_fin, #mes_vist .data_fin, #mes_destacat .data_fin, #inici_seccio_text .data_fin {
background: url(../img/layout/fletxa-verd-dates.png) no-repeat 46px 12px;
}
#mes_destacat p.data_llarga, #mes_vist p.data_llarga {
margin-top:10px;
color:#CCC;
font-size:1.0em; /* 121/12 */
}
#llistat_resultat p.data_llarga {
margin-top:0;
color:#CCC;
font-size: 1.0em;
}
.text p.data_llarga {
padding:10px 0 0 0;
margin-top:0;
font-size:0.875em;
}
.agenda_peu h3 {
margin-top:0;
}
.agenda_llistat_detalls {
padding-top:1.0em;
line-height:normal;
}
.text ul.agenda_llistat_detalls li {
padding:4px 0 0 0;
background:none;
}
/**** MINI CALENDARI SIDEBAR *********/
#wrapsidebar li.sc-calendari td.sc-today a {
color:#fff;
}
.sc-calendari {
padding:1.0em;
}
.sc-calendar {
margin:0 auto;
text-align: center;
color:#484848;
}
.sc-calendar .sc-caption {
/*margin:0.6em 0;*/}
#wrapsidebar li.sc-calendari a.sc-change-month {
color:#96bd0d;
font-size:2.0em;
font-weight:700;
cursor: pointer;
}
.sc-calendar .sc-month-title {
display: inline-block;
font-weight:700;
width: 80%;
}
.sc-calendar th {
/*background-color:#efefef;*/}
.sc-calendar td, .sc-calendar td.sc-day-past, .sc-calendar td.sc-day-past, .sc-calendar td.sc-day-future {
padding:0.3em 0.4em;
border:1px solid #efefef;
}
.sc-calendar .sc-has-events {
background-color:#96bd0d;
cursor: pointer;
}
@media screen and (min-width:568px) and (max-width:800px) {
.sc-calendari {
padding: 1.0em 0;
}

#wrapsidebar li.sc-calendari a.sc-change-month {
font-size:1.0em;
font-weight:700;
cursor: pointer;
}
.sc-calendar .sc-month-title {
display: inline-block;
font-weight:700;
width: 80%;
}
.sc-calendar th {
font-size:0.8125em;
font-weight:normal;}
.sc-calendar td, .sc-calendar td.sc-day-past, .sc-calendar td.sc-day-past, .sc-calendar td.sc-day-future {
padding:0;
font-size:0.875em;
}
}
@media screen and (min-width:768px) and (max-width:1023px) {
.sc-calendar th, .sc-calendar td, .sc-calendar td.sc-day-past, .sc-calendar td.sc-day-past, .sc-calendar td.sc-day-future{
padding:0.1em 0.2em;
font-size:0.9em;}
}



/**** MINI CALENDARI CASAMENTS *********/

.lliure {color:#FFF; background:#96bd0d;}
.gris {color: #000; background:#efefef; border-color:#FFF!important;}
.habilitades {color: #FFF; background:#8A0829;}
.vacio {color: #000; background: #FFF;}
.flecha {padding: 0 5px;}
.info {position:relative; z-index: 24; color: #FFF; text-decoration: none;}
.infoactivo {position:relative; z-index: 25; color: #FFF; text-decoration: none;}
.info span {display: none;}
.infoactivo
span{ display: block; position: absolute; top: 0.5em; left:-15em;
width:200px; border: 1px solid #ccc; background-color: #FFF; color:
#000; text-align: left; font-size: 0.8em; padding: 5px;
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.reservar
{width: 70px; height: 20px; color: #FFF; background: #96bd0d; border:
1px solid #FFF; text-align: center; -webkit-border-radius:5px;
-moz-border-radius:5px; border-radius:5px;}
.reservar a:hover {background: #416310;}


@media screen and (max-width:600px) {
.casaments {width:70%;}
}

@media screen and (max-width:1024px) {
.casaments {width:70%;}
}

@media screen and (max-width:1280px) {
.casaments {width:70%; height:200px;}
}




/**** COMPARTIR PÀGINA DE DETALL ACTUALITAT (AGENDA; AVISO; NOTICIA)**********/
.compartir {
margin:1.0em 1.38888888888889%; /* 10/720 */
clear:both;
display:block;
overflow:hidden;
/*border-top:1px solid #ccc;*/}
.interior .compartir {
margin:0 2.08333333333333% 2.08333333333333% 2.08333333333333%
/*border-top:1px solid #ccc;*/}

.compartir {
margin:1.0em 1.38888888888889%; /* 10/720 */
clear:both;
display:block;
overflow:hidden;
/*border-top:1px solid #ccc;*/}
.compartir li a {
padding-right:10px;
height:15px;
border-right:1px solid #96bd0d;
}
.compartir li.comparteix_correu a {
margin-right:10px;
float:left;
width:17px;
text-indent:-900em;
background:#FFF url(../img/layout/button-mail.png) no-repeat left 3px;
}
.compartir li.comparteix_fb a {
margin-right:10px;
float:left;
width:8px;
text-indent:-900em;
background:#FFF url(../img/layout/button-facebook.png) no-repeat left 0;
}
.compartir li.comparteix_twitter a {
margin-right:10px;
float:left;
width:18px;
text-indent:-900em;
background:#FFF url(../img/layout/button-twitter.png) no-repeat left 2px;
}
.compartir li.comparteix_imprimir a {
margin-right:10px;
float:left;
width:19px;
text-indent:-900em;
background:#FFF url(../img/layout/button-imprimir.png) no-repeat left top;
}
.data-llarga a:link{
text-decoration:none;
color:#ccc;
}

/********* GUIA, MAPA GUIA **************/
h2.resultat_guia {
margin-top:0.625em;
font-size:1.0em;
}
p.resultat_guia {
color:#96bd0d;
font-size: 0.875em;
}

.map_title {
display:block;
color:#484848;
font-weight:700;
}
a:hover .map_title {
color: #484848;
text-decoration:underline;
}


.map_adreca {
font-size: 0.875em;
}
p.marcador {
padding:4px 0 12px;
margin-right:10px;
width:23px;
float:left;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
background:url(../img/layout/icono-guia.png) left top no-repeat;
font-size:0.8571428571428571em;
}
.entitat {
margin-left:33px;
overflow:hidden;
}

.impar{
clear:left;}



#wrap_filtre {
margin:20px 2.08333333333333%;
clear:both;
overflow:hidden;
}
#filtreformguia label {
padding:2px 10px 2px 0;
float:left;
font-size: 0.875em;
}
#filtreformguia select {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
color: #484848;
display: inline;
float: left;
font-size: 0.875em;
margin: 0;
padding: 2px;
position: static;
width:30%;
}





#map_canvas_center, #map_canvas_full {
margin: 1.25em 1.38889%;
height:26.92857142857143em; 
/* background-color:#efefef; overflow:hidden;*/  
clear:both;
}
#map_canvas_center {
margin: 0 2.08333333333333% 1.25em;
/* float:right;  
border-bottom: 1px solid #efefef; */ 
}
@media screen and (max-width:800px) {
#map_canvas_center {
margin:4px 2.08333333333333% 1.25em;
}}
@media screen and (max-width:540px) {
/* cambiado Daniel de 540px a 568px */
#map_canvas_center {
margin:1.25em 0;
}}
.categoria_directori {
font-size:0.875em;
color:#ccc;
}
.adreca_directori {
font-size:0.875em;
color:#ccc;
}
#pagines {
text-align:center;
clear:both;
}
#pagines a {
cursor: pointer;
}
#pagines li, #wrapnavinterior_guia #pagines ul li {
display: inline;
list-style: none outside none;
}
#pagines .sc-prev a, #pagines .sc-next a {
padding:0 5px 25px;/* 20/720 */
color:#96bd0d;
font-size:1.3em;
}
#pagines a.sc-change:hover {
text-decoration:none;
color:#484848;
}
#pagines a.sc-active {
font-weight:700;
}
#pagines .sc-pagina {
padding:0 5px 25px;/* 20/720 */
font-size:0.875em;
text-align:center;
}


#paginacio {
text-align:center;
clear:both;
}
#paginacio a {
cursor: pointer;
text-decoration:none;
}


#paginacio ul {margin-top:0.8571428571428571em;}

#paginacio ul li {
display: inline;
list-style:none!important;
padding:0; margin:0;
background:none!important;
}
#paginacio .sc-prev a, #paginacio .sc-next a {
padding:0 5px 25px;/* 20/720 */
color:#96bd0d;
font-size:1.3em;
}
#paginacio a.sc-change:hover {
text-decoration:none;
color:#484848;
}
#paginacio a.sc-active {
font-weight:normal;
}
#paginacio .sc-pagina {
padding:0 5px 25px;/* 20/720 */
font-size:0.875em;
text-align:center;
}
/********* MAPA Google**************/

#GDynamicMap2 img{max-width:none !important}

.nobtop{
border-top:none;
}


/********* Please to **************/
.plis {
height: 275px;
margin: 20px auto;
-webkit-overflow-scrolling: touch;

}

@media screen and (max-width:320px) {
.plis {overflow: auto;
}
}


/******************* NOU DESEMBRE 2013 (AFEGIR AL FINAL DE LA CSS) ******/

/********* VIDEO ******/
#section_video{
margin:0 auto;
border:1px solid #484848;
}
.video{
margin:0 auto;
height:0px;
width:100%; /*tamaño al 100% del contenedor*/
padding-top:56.25%; /*proporción del video*/
position:relative;


}
.video iframe{
position:absolute;
height:100%;
width:100%;
top:0px;
left:0px;
}

/********* RESULTAT CERCA ******/
.wrapfiltro {
padding:0.857143em 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display:block;
background-color: #fbfbfb;
border: 1px solid #dfdfdf;
-webkit-box-shadow: inset 1px 1px 20px 1px #dfdfdf;
box-shadow: inset 1px 1px 20px 1px #dfdfdf;
overflow:hidden;
}
.wrapfiltro label{
padding-right:1.0em;
float:left;}
.wrapfiltro select{	
padding:2px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
color: #484848;
}
.resultat_cerca ul li{
padding:0 0 0.857143em 0; margin-left:30px;
border-bottom: 1px solid #CCCCCC;
background:none;
list-style-type:none;}
.resultat_cerca ul li:last-child, .resultat_cerca ul li ul li:last-child{
border-bottom:none;}

.resultat_cerca h2{
padding:1.0em 0 0.1em 30px; margin-top:1em; color:#484848;
border-top: 1px solid #CCCCCC;
background-repeat:no-repeat; background-position:left 0.95em;}
.resultat_cerca_continguts{
background:url(../img/layout/icona-continguts.png);}
.resultat_cerca_noticies{
background:url(../img/layout/icona-noticies.png);}
.resultat_cerca_docs{
background:url(../img/layout/icona-docs.png);}
.resultat_cerca_dinamitzacio{
background:url(../img/layout/icona-dinamitzacio.png);}
.resultat_cerca_agenda{
background:url(../img/layout/icona-calendari.png);}
.resultat_cerca_serveis{
background:url(../img/layout/icona-serveis.png);}
.resultat_cerca_directori{
background:url(../img/layout/icona-directori.png);}
.resultat_cerca_programes{
background:url(../img/layout/icona-programes.png);}
.resultat_cerca_projectes{
background:url(../img/layout/icona-projectes.png);}
.resultat_cerca_concursos{
background:url(../img/layout/icona-concursos.png);}
.resultat_cerca_planejament{
background:url(../img/layout/icona-planejament.png);}
.resultat_cerca_tramits{
background:url(../img/layout/icona-tramits.png);}
.resultat_cerca_avisos{
background:url(../img/layout/icona-aviso.png);}
.resultat_cerca h3{
font-weight:700; color:#484848; padding-bottom:3px;}
.resultat_cerca a, .resultat_cerca a:link{
text-decoration:underline;color:#484848; }
.resultat_cerca a:hover{
text-decoration:underline;color:#416310; }
.resultat_cerca p{
padding:0;
font-size:0.857143em; line-height:normal; }
.resultat_cerca strong{color:#416310;}

span.web_municipal::after {background:url(../img/layout/icona-new-window_w.png) no-repeat 95% 40% #416310; color:#fff; content: " Web municipal "; padding:0px 20px 0px 4px; font-size: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display:inline-block; line-height: 15px;}
span.govern_obert::after {background:url(../img/layout/icona-new-window_w.png) no-repeat 95% 40% #006aa3; color:#fff; content: " Govern Obert "; padding:0px 20px 0px 4px; font-size: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display:inline-block; line-height: 15px;}
span.seu::after {background:url(../img/layout/icona-new-window_w.png) no-repeat 95% 40% #416310; color:#fff; content: " Seu electrònica "; padding:0px 20px 0px 4px; font-size: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display:inline-block; line-height: 15px;}
span.web_propia {display: none;}



/************ LLISTAT APARTATS / SERVEIS *******/
.text .llistat_apartats li {
padding-left:0; margin-left:0;
background:none;}
.llistat_apartats a:link{text-decoration:none;}
.llistat_apartats a {
padding-left:22px;
background:url(../img/layout/fletxa-mes-info.png) no-repeat left 0.3em ;
display:block;
color:#416310;
text-decoration:none;
}
.llistat_apartats a:hover {
background:url(../img/layout/fletxa-mes-info-hover.png) no-repeat left 0.3em;
color:#484848;
text-decoration:underline; 
}



/********** GRAELLA BANNERS 2014 /******* MINIBANNER AUX************************/

.content_banners_3col li {
margin:0 1.38888888888889% 20px 1.38888888888889% ; /* 10/720 */
width:30.2778%; /* 198/720 */
display:block;
float:left;
}
#wrap_content_banners li.banner, #wrap_content_banners_2col li.banner{
font-weight:700;
display: table-row ;
}
.content_banners_3col li.banner .img_banner{
padding-right: 1.0em;
display: table-cell;
width: 65px;
}
.content_banners_2col li{
margin:0 2.08333333333333% 20px 2.08333333333333%;
width:45.41666666666667%; /* 218/480 */
float:left;
}
.content_banners_2col li.banner .img_banner{
padding-right: 1.0em;
display: table-cell;
width: 65px;
}
#wrap_content_banners h2, #wrap_content_banners_2col h2 {
margin:1.25em 1.38888888888889%; /* 10/720 */
padding:4px 0;
font-size:1.071428571428571em;/*15/14*/
text-align:left;
color:#416310;
border-bottom:4px solid #96bd0d;
}
#wrap_content_banners_2col h2 {
margin:1.25em 2.08333333333333%; /* 10/480 */
}
#wrap_content_banners li, #wrap_content_banners_2col li {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display:block;
font-size:87.5%; /* 14/16 */
color:#416310;
background-color: #fbfbfb;
border: 1px solid #dfdfdf;
-webkit-box-shadow: inset 1px 1px 20px 1px #dfdfdf;
box-shadow: inset 1px 1px 20px 1px #dfdfdf;
overflow:hidden;
}
#wrap_content_banners li a, #wrap_content_banners_2col li a{
color:#484848;
}
#wrap_content_banners li:hover, #wrap_content_banners_2col li:hover{
-webkit-box-shadow: inset 1px 1px 40px 1px #dfdfdf;
box-shadow: inset 1px 1px 40px 1px #dfdfdf;
}


#wrap_content_banners li.banner h3, #wrap_content_banners_2col li.banner h3 {
margin:0;
padding:0;
border:none;
text-align:left;
}
#wrap_content_banners li.banner img, #wrap_content_banners_2col li.banner img {
margin-right:0.6em;
float:left; width: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#wrap_content_banners li.banner img, #wrap_content_banners_2col li.banner img{
margin:10px; }
#wrap_content_banners li.banner .txt_img_banner, #wrap_content_banners_2col li.banner .txt_img_banner{
padding:10px;
display: table-cell;
vertical-align: middle;}
#wrap_content_banners li.aux p, #wrap_content_banners_2col li.aux p{
padding: 1.0em 0.6em;
text-align:center;}
@media screen and (max-width:1024px) {
#wrap_content_banners, #wrap_content_banners_2col {
padding:10px 0 0 0;
}
.content_banners_3col li {
margin:0 1.27659574468085% 1.2em 1.27659574468085%;
width:44.25170425531915%;
}

.content_banners_3col li.banner .img_banner, .content_banners_2col li.banner .img_banner{
width: 28%;
}
.content_banners_3col li, .content_banners_2col li {
margin:0 1.38888888888889% 14px 1.38888888888889%;
width:46.82539682539683%;
}
}
@media screen and (max-width:800px) {
#wrap_content_banners h2, #wrap_content_banners_2col h2 {
margin-bottom: 6px;
}

}
@media screen and (max-width:768px) {
#wrap_content_banners, #wrap_content_banners_2col {
padding:10px 0 0 0;
}
.content_banners_3col li, .content_banners_2col li {
margin:0 1.38888888888889% 10px 1.38888888888889%;
width:46.77%;
}

.content_banners_3col li.banner .img_banner, .content_banners_2col li.banner .img_banner{
width: 28%;
}
#wrap_content_banners li.banner .txt_img_banner, #wrap_content_banners_2col li.banner .txt_img_banner{
padding:6px;
}
}

@media screen and (min-width:599px) and (max-width:900px) {
.content_banners_2col li{
margin:6px 2.08333% 0px;
display:block;
float:none;
clear:both;
width: 95.83334%;
}
.content_banners_2col li.banner .img_banner{
width: 40px;
}
}

@media screen and (max-width:600px) {
#wrap_content_banners, #wrap_content_banners_2col {
padding:10px 0 0 0;
}
#wrap_content_banners h2, #wrap_content_banners_2col h2, #wrap_relacionats_1col h2, #wrap_relacionats_2col h2{
margin:0 0 6px 0;
}
.content_banners_3col, .content_banners_2col{
margin-bottom:1.25em;}

.content_banners_3col li, .content_banners_2col li {
margin:0px 0.71942446043165% 6px;
width:48.08153477218225%;
}
.content_banners_3col li.banner .img_banner, .content_banners_2col li.banner .img_banner{
width: 48px;
}
}
@media screen and (max-width:568px) {
#wrap_content_banners, #wrap_content_banners_2col {
padding:10px 0 0 0;
}
.content_banners_3col li, .content_banners_2col li {
margin:0px 0.638298% 6px;
width:48.2979%;
}
}
@media screen and (max-width:480px) {
#wrap_content_banners, #wrap_content_banners_2col {
padding: 5px 0 0;
}
#wrap_content_banners li.banner, #wrap_content_banners_2col li.banner{
display: table ;
}
.content_banners_3col li , .content_banners_2col li{
margin:6px 0.719424% 0px;
display:block;
float:none;
clear:both;
width: 98.561152%;
}
.content_banners_3col li.banner .img_banner, .content_banners_2col li.banner .img_banner{
width: 34px;
}

.txt_img_banner {
padding:1.38888888888889% 1.38888888888889% 0 0;}
#wrap_content_banners li.banner img, #wrap_content_banners_2col li.banner img {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
}
@media screen and (max-width:380px) {
#wrap_content_banners li {
margin:0 0 6px 0;
float:none;
display:block;
clear:both;
}
}

/***************FITXES***********/
.dates_importants, .info_important, .dates_observacions {
padding:0 1.428575em 0.714288em 1.428575em; margin:0.714288em 0;
border:1px solid #ccc;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.dates_importants ul, .info_important, .dates_observacions  ul{
margin-left:1.428575em;}
.dates_importants h3{
padding:0.714288em 0 0 30px;
color:#484848;
background:url(../img/layout/icona-calendari.png) no-repeat left 0.4em;}
.info_important h3{
padding:0.714288em 0 0 30px;
color:#484848;
background:url(../img/layout/icona-alertes.png) no-repeat left 0.4em;}

.dates_observacions h3 {
padding: 0.714288em 0 0 30px;
color: #484848;
background: url(../img/layout/icona-millores.png) no-repeat left 0.4em;
}


/********* FILTRO TIPUS TRAMIT ETC. ******/
.wrap_filtro_tipus {
padding:0.857143em 20px; margin-bottom:1.428571428571429em; /*20/14*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display:block;
background-color: #fbfbfb;
border: 1px solid #dfdfdf;
-webkit-box-shadow: inset 1px 1px 20px 1px #dfdfdf;
box-shadow: inset 1px 1px 20px 1px #dfdfdf;
overflow:hidden;
}
.wrap_filtro_tipus legend, .filtro_tipus_padre, .filtro_tipus_hijo{
width:35%;
float:left;}
.wrap_filtro_tipus legend{
padding-right:0.7142857142857143em;
width:auto;}
.filtro_tipus_hijo{
padding-left:0.7142857142857143em;
}
.wrap_filtro_tipus label {
padding-right:1.0em;
float:left;
}
.wrap_filtro_tipus select {
padding:2px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
color: #484848;
width:100%;
}
.interior .filtro_tipus_padre{
clear:left;}
.interior .filtro_tipus_padre, .interior .filtro_tipus_hijo{
width:48%;
float:left;}
@media screen and (max-width:1024px) {
.filtro_tipus_padre{
clear:left;}
.filtro_tipus_padre, .interior .filtro_tipus_hijo{
width:48%;
float:left;}
}


/********* TABLAS RESPONSIVE **************/
table.respond {
	width:100%;
}

table.respond th, tfoot td {
	background:#416310; 
	color:#FFF;
	font-weight:700;
}

table.respond td {
	padding:1px 1%;
}
table.respond tr:nth-of-type(odd) {
background:#efefef;
}
table.respond caption {
	margin:0 2px;
	background-color:#96bd0d;
	color:#FFF;
	font-weight:700;
}
/* Responsive Data-List */
.webks-responsive-table dt, .webks-responsive-table dd {
	display:inline-block; /* instead use floats */
	width:73%;
	margin:0 0 1px 0;
	padding:3px 1%;
}
.webks-responsive-table dt {
	width:23%;
	text-align:right;
	background:#416310;
	color:#FFF;
	font-weight:700;
	vertical-align:top;
}
.webks-responsive-table {
	border:1px solid #efefef;
}
.webks-responsive-table dl dd:nth-of-type(odd) {
background:#efefef;
}
.webks-responsive-table dl dt:nth-of-type(even) {
background:#96bd0d;
}
.text a.switchBtn {
	padding:0 10px;
	text-align:right;
	font-size:0.75em;
	text-decoration:none;
	color:#484848;
	display:block;
}




/***** TAULES FITXES *****/ 

.wrap_relacio_fitxes {
	margin-bottom:1.25em;
}
.wrap_relacio_fitxes h2 {
	margin:0 1.42857142857143% 20px 1.42857142857143%; /* 10/700 */
	padding:4px 0;
	font-size: 1.07143em;
	text-align:left;
	color:#416310;
	border-bottom:4px solid #96bd0d;
}
.wrap_relacio_fitxes a:hover{
	text-decoration:underline;}
.wrap_relacio_fitxes dl {
	margin:1.42857142857143%; /* 10/700 */
	overflow:hidden;
	border-bottom: 1px solid #ccc;/*font-size: 0.875em;*/
}
.wrap_relacio_fitxes dl dt {
	font-weight:normal;
}

.wrap_relacio_fitxes dl dt a {
padding-left: 22px;
background: url(../img/layout/fletxa-mes-info.png) no-repeat left top;
display: block;
color: #416310;
text-decoration: none;
} 


.wrap_relacio_fitxes dl dt a:hover {
	background:url(../img/layout/fletxa-mes-info-hover.png) no-repeat left top;
}

.wrap_relacio_fitxes dl dl {
	margin:0.714285714285715% 0 1.42857142857143% 0;
	overflow:hidden;
	border-bottom:none;
	font-size: 0.875em;
}
.wrap_relacio_fitxes dl dl dt {
	padding:0px 4px 0 0;
	text-align:right;
	float:left;
	font-weight:normal;
	border-right:1px dotted #ccc;
}
.wrap_relacio_fitxes dl dl dd {
	margin:0 2.040816326530616% 0 0;
	padding:0px 3px;
	float:left;
	min-width:10%;
}
.wrap_relacio_fitxes dl dl.detalls dt{
	padding:0 0.714285714285715%;
	border-right:none;
	background:#96bd0d; 
	color:#fff;
} 

dl.detalls {padding-left:22px}

dl.detalls dd{
	background:#dfebb6 url(../img/layout/fletxa-verd-right.png) left no-repeat;
}
.wrap_relacio_fitxes dl dl.detalls dd	{
	padding-left: 12px;
	min-width:9%;}
	
@media screen and (max-width:600px) {
.wrap_relacio_fitxes{
	text-align:center;}
.wrap_relacio_fitxes h2 {
	margin:0 1.42857142857143%;
}
.wrap_relacio_fitxes dl{
	padding:1.42857142857143% 0 1.42857142857143% 0;
text-align:left;}
.wrap_relacio_fitxes dl dl{
		margin: 0 auto;
		width:90%;
		text-align:left;}
.wrap_relacio_fitxes dl dl dt, .wrap_relacio_fitxes dl dl dd {
	display:inline-block; 
	width:44%;
}
.wrap_relacio_fitxes dl dl dt {
	vertical-align:top;
	clear:left;
}
.wrap_relacio_fitxes dl dl dt, .wrap_relacio_fitxes dl dl dd{margin-bottom:1px;}

}
@media screen and (max-width:540px) {
.wrap_relacio_fitxes h2 {
	margin:0;
}
.wrap_relacio_fitxes dl{
	margin:0;
}
} 


/******* nomencàtor *****/
.nomenclator{
	margin:1.38889%;
	padding: 0.857143em 20px;
	border-radius: 10px;
	display: block;
	background-color: #FBFBFB;
	border: 1px solid #DFDFDF;
	box-shadow: 1px 1px 20px 1px #DFDFDF inset;
	overflow: hidden;}
.nomenclator label {
	padding-bottom:0.3571429166666667em;
   clear:both; display:block;
}
.nomenclator select{
	-webkit-border-radius:5px 0 0 5px ;
	-moz-border-radius:5px 0 0 5px ;
	border-radius:5px 0 0 5px ;}
.nomenclator select, .nomenclator input#nom{
    padding: 2px;
    background: none repeat scroll 0px 0px #FFF;
    border: 1px solid #CCC;
    color: #484848;
		width:99%;	
}
.nomenclator input#nom{
	width:68%;height:18px;
		-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;}
.nomenclator .button{
	  outline: 0px none;
    width: 24%; height:24px;
    color: #484848;
    line-height: 1;
    padding: 0 15px;
    cursor: pointer;
    overflow: visible;
    text-align: center;
    vertical-align: top;
    box-shadow: 0px 1px #FFF inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset, 0px 1px 2px rgba(0, 0, 0, 0.1);
    text-shadow: 0px 1px rgba(255, 255, 255, 0.7);
    background-clip: padding-box;
    	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
		border: 1px solid #CCC;
background-color: #FAFAFA;
background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
}
.search_nomenclator, .filtre_nomenclator{
	margin:0.857143em 0;
	float:left; width:49%;}
.filtre_nomenclator{
	padding-left:0.857143em;
	border-left:1px dotted #ccc;}
.nomenclator h2{
	margin-bottom:0.857143em;
	text-align:left;
	font-size: 1.0em; font-weight:normal;
	display:none
	}
#paginesabc {
	padding:0.857143em 0;
	text-align:center;
	clear:both;
	border-bottom:1px dotted #ccc;
}
#paginesabc a {
	padding:1px 5px;border-right:1px solid #efefef; border-left:1px solid #efefef;
	cursor: pointer;
}
#paginesabc li {
	display: inline;
	list-style: none outside none;
}
#paginesabc a.sc-change:hover {
	text-decoration:none;
	color:#fff;
	background-color:#484848;
}
#paginesabc a.sc-active {
	color:#fff;
	background-color:#416310;
}
#paginesabc .sc-pagina {
	
	font-size:0.875em;
	text-align:center;
}
@media screen and (max-width:1024px) {
.search_nomenclator, .filtre_nomenclator{
	margin:0.857143em 0;
	display:block; width:100%;}
.filtre_nomenclator{
	padding:0.857143em 0 0 0; margin: 0;
	border-left:none; border-top:1px dotted #ccc;}}
@media screen and (max-width:600px) {	
.nomenclator{
	margin:1.38889%;
	padding: 0.857143em;}
}



/* Carta als Reis Nadal */

#wrap_reis { padding-top:10px;
margin-bottom:1.25em;
}
#wrap_reis h2 {
margin:0 1.42857142857143% 20px 1.42857142857143%; /* 10/700 */
padding:4px 0;
font-size: 1.07143em;
text-align:left;
color:#416310;
border-bottom:4px solid #96bd0d;
}
#wrap_reis ul {
margin:0 1.42857142857143%; /* 10/700 */
line-height:0.8571428571428571em; /* 12/14 */
}
#wrap_reis li {
border-bottom: 1px solid #96bd0d;
}
#wrap_reis li:last-child {
border-bottom:none;
}

#wrap_reis p { 
padding:0 5px 0 60px ;
margin: 1.42857142857143% 0; /* 10/700 */
display:block;
font-size: 1em;/* 14/16 */
line-height:1.5em;
}

#wrap_reis p strong {color:#416310; font-weight:bold;} 

#wrap_reis .masinfo {
padding:10px 0 0 0;
margin:0 1.38888888888889%; /* 10/720 */
border-top:1px solid #ccc;
font-weight:normal;
font-size:0.875em;
text-align:right;
}

p.desig1 {
background:url("http://www.devel.santcugat.cat/ebdml/12163/melcior.png") no-repeat left top;
background-size: 40px 40px;
}

p.desig2 {
background:url("http://www.devel.santcugat.cat/ebdml/12163/gaspar.png") no-repeat left top;
background-size: 40px 40px;
}
p.desig3 {
background:url("http://www.devel.santcugat.cat/ebdml/12163/baltasar.png") no-repeat left top;
background-size: 40px 40px;
}
p.desig4 {
background:url("http://www.devel.santcugat.cat/ebdml/12163/tio.png") no-repeat left top;
background-size: 40px 40px;
}
p.desig5 {
background:url("http://www.devel.santcugat.cat/ebdml/12163/parenoel.png") no-repeat left top;
background-size: 40px 40px;
}
p.desig6  {
background:url("http://www.devel.santcugat.cat/ebdml/12163/ciutat.png") no-repeat left top;
background-size: 40px 40px;
}
.fonsNadal {background:url("http://www.devel.santcugat.cat/imgfiles/novaWeb/fonsNadal15.png") repeat-y top right; float:left; }
.assignacio {font-style: italic; line-height:2em; font-size:0.90em;}
.tramits-destacats-titol {border-bottom: 4px solid #96bd0d; padding: 6px 0; font-size: 1.07143em; text-align: left; color: #416310;}

/* Compartir */

.poremail {width:600px; margin: 200px auto; text-align: left;}

@media screen and (max-width:600px) {
.poremail {width:300px;margin: 50px auto;}


/* Formulari Acumbamail */

tfoot td {background-color:#fff!;}
tfoot td.dijitReset {background-color:#fff!important;}

div.dijitCalendarYearLabel {background-color:#fff!important;}
dijitReset {background-color:#fff!important;}

/** Modificació Malabars 6/08/2018 **/

.slider{
	margin-left: 23px;
}

#inici_seccio_slider100 {
	width: 100%;
	margin-bottom: 25px;
}
#inici_seccio_text {
	float: left;
	margin-bottom: 27px;
}
.flex-control-nav {
	text-align: center;
}

a.pdf, a.pdf:link {
	background: url("headers/zonas/10865/img/layout/autobus/pdf-icon.png") no-repeat 20px top;
	text-decoration: none;
}

#wrap_documents a {
	padding: 0 0 0 63px;
	margin: 1.42857142857143% 0;
	display: block;
	font-size: 0.975em;
	line-height: 1.2em;
}

#wrap_documents .masinfo {
	padding: 10px 0 0 0;
	margin: 0 1.38888888888889%;
	border-top: 1px solid #ccc;
	font-weight: normal;
	font-size: 0.875em;
	text-align: right;
}
#wrapcarouselinterior {
	margin: 20px 1.041666666666667% 20px 1.041666666666667%;
	padding: 2.08333333333333%;
	width: 93.85%;
	float: right;
	background: #efefef;
	overflow: hidden;
	clear: both;
}
#wrap_content_banners{
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
}
#wrap_content_banners li.aux {
	padding: 1.0em 0;
}
#wrap_content_banners li h3 {
	margin: 0 1.0em;
	padding: 0.6em 0 0.6em;
	display: block;
	text-align: center;
	color: #484848;
	border-bottom: solid 1px #ccc;
	font-size: 1.2em;
	font-weight: 700;
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 650px) {

}

@media screen and (max-width: 568px) {
	.slider {
		margin-left: 0;
	}
}			

@media screen and (max-width: 375px){
	
}

/********** GRAELLA BANNERS 4 COL 2018 ***********/

.content_banners_4col li {
	margin: 0 0.9% 20px;
	width: 22.98%;
	display:block;
	float:left;
}
.content_banners_4col li.banner .img_banner{
	padding-right: 1.0em;
	display: table-cell;
	width: 65px;
}

@media screen and (max-width:1024px) {
	.content_banners_4col li.banner .img_banner{
		width: 28%;
	}
	.content_banners_4col li {
		margin:0 1.38888888888889% 14px 1.38888888888889%;
		width:46.82539682539683%;
	}
}
@media screen and (max-width:768px) {
	.content_banners_4col li {
		margin:0 1.38888888888889% 10px 1.38888888888889%;
		width:46.77%;
	}
	.content_banners_4col li.banner .img_banner{
		width: 28%;
	}
}
@media screen and (max-width:600px) {
	.content_banners_4col{
		margin-bottom:1.25em;
	}
	.content_banners_4col li {
		margin:0px 0.71942446043165% 6px;
		width:48.08153477218225%;
	}
	.content_banners_4col li.banner .img_banner{
		width: 48px;
	}
}
@media screen and (max-width:568px) {
	.content_banners_4col li {
		margin:0px 0.638298% 6px;
		width:48.2979%;
	}
}
@media screen and (max-width:480px) {
	.content_banners_4col li{
		margin:6px 0.719424% 0px;
		display:block;
		float:none;
		clear:both;
		width: 98.561152%;
	}
	.content_banners_4col li.banner .img_banner{
		width: 34px;
	}
}

/********** GRAELLA RELACIONATS 4 COL 2018 ***********/

.relacionats_4col li {
	margin: 0 1.5% 15px 1.5%;
	width: 22%;
	float: left;
	min-height: 120px;
}
.relacionats_4col h3 {
	padding-top: 0.8em;
	clear: both;
}

@media screen and (max-width:1024px) {
	.relacionats_4col li {
		margin:0 1.38888888888889% 14px 1.38888888888889%;
		width:46.82539682539683%;
	}
}
@media screen and (max-width:768px) {
	.relacionats_4col li {
		margin:0 1.38888888888889% 10px 1.38888888888889%;
		width:46.77%;
	}
}
@media screen and (max-width:600px) {
	.relacionats_4col{
		margin-bottom:1.25em;
	}
	.relacionats_4col li {
		margin:0px 0.71942446043165% 6px;
		width:48.08153477218225%;
	}
}
@media screen and (max-width:568px) {
	.relacionats_4col li {
		margin:0px 0.638298% 6px;
		width:48.2979%;
	}
}
@media screen and (max-width:480px) {
	.relacionats_4col li{
		margin:6px 0.719424% 0px;
		display:block;
		float:none;
		clear:both;
		width: 98.561152%;
	}
}