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

body { padding:0px; margin:0px; background:#ffffff; font-size:17px; color:#474747; line-height:20px; font-family: 'Conv_SourceSansPro-Regular'; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; vertical-align:bottom; max-width:100%; }
a { color: #192432; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:15px; line-height:22px; padding:0px; margin:0px; color:#1a171b; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
strong { font-family: 'Conv_SourceSansPro-Semibold'; }
a{ color: #192432; outline:none; }
/*a:hover { color: #979796; }*/
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row{ width:1200px; margin:auto; padding:0px;}

/*===========urbanisme page============*/
section { float: left; width: 100%;}
/*.breadcrumb {border-bottom:1px solid #d3d3d3;}*/
.breadcrumb p {text-transform: uppercase; text-align:left; color: #696969; font-family: 'Conv_SourceSansPro-Light'; font-size: 16px; line-height: 20px; margin: 0; padding:35px 0 25px;}
.breadcrumb p a{color:#36aef6;}
.breadcrumb p a:hover{text-decoration:underline;}
.breadcrumb img { margin: 0 10px;  position: relative;  top: -2px; vertical-align: middle;}
.bluebgli {  background: #36aef6 none repeat scroll 0 0; color: #ffffff; float: left; padding:38px 15px;  width: 15%;}
.bluebgli h5 { font-size: 25px; padding-bottom: 10px;}
.bluebgli p { color: #ffffff; font-size: 16px;  line-height: 16px;}
.begurli {float: left; padding: 20px 0 0 0; width: 16%;}
.begurli li { color: #464646; float: left; font-family: "Conv_SourceSansPro-Light"; font-size: 18px; margin: 0 23px 5px 23px; padding: 5px; width: 100%;}
.begurli li a{ border-bottom:1px solid #d3d3d3;  color: #464646; float:left; width:100%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.begurli li a:hover{ border-color:#36AEF6;}
.begurli i {margin-right: 7px; background: rgba(0, 0, 0, 0) /*url("../images/icons-mini.png") no-repeat scroll 0 0*/; display: inline-block; height: 31px; width: 31px;}

/*
.begurlist .begurli:nth-child(3) { width: 21%;}
.begurlist .begurli:nth-child(4) { width: 16%;}
.begurlist .begurli:nth-child(5) { width: 15%;}
.begurlist .begurli:nth-child(6) { width: 16%;}
*/
/* TODO: Afegir id traduccions */
.begurlist .begurli li #at_99 { } /*URBANISME*/
.begurlist .begurli li #at_101 { background-position: 0 -30px} /*CULTURA*/
.begurlist .begurli li #at_103 { background-position: 0 -58px; }/* Medi Ambient */
.begurlist .begurli li #at_105 { background-position: -154px 0; } /* Sanitat */
.begurlist .begurli li #at_107 { background-position: -31px 0; } /* Noves tecnologies */
.begurlist .begurli li #at_109 { background-position: -31px -30px; } /* Governació */
.begurlist .begurli li #at_111 { background-position: -31px -58px; } /* Festes */
.begurlist .begurli li #at_116 { background-position: -62px 0; } /* Joventut */
.begurlist .begurli li #at_118 { background-position: -62px -30px; } /* Hisenda */
.begurlist .begurli li #at_120 { background-position: -62px -58px; } /* Esports */
.begurlist .begurli li #at_122 { background-position: -91px 0; } /* Platges */
.begurlist .begurli li #at_124 { background-position: -91px -30px; } /* Obres */
.begurlist .begurli li #at_126 { background-position: -91px -58px; } /* Participació */
.begurlist .begurli li #at_128 { background-position: -122px 0; } /* Ensenyament */
.begurlist .begurli li #at_130 { background-position: -122px -30px; } /* Economia */
.begurlist .begurli li #at_132 { background-position: -122px -58px; } /* Seguretat */
.begurlist .begurli li a:hover, .serveislist a:hover h2{ color: #36AEF6}

/*.begurlist .begurli:nth-child(2) li:nth-child(2) i { background-position: 0 -30px;}
.begurlist .begurli:nth-child(2) li:nth-child(3) i { background-position: 0 -58px;}
.begurlist .begurli:nth-child(3) li:nth-child(1) i { background-position: -31px 0;}
.begurlist .begurli:nth-child(3) li:nth-child(2) i { background-position: -31px -30px;}
.begurlist .begurli:nth-child(3) li:nth-child(3) i { background-position: -31px -58px;}
.begurlist .begurli:nth-child(4) li:nth-child(1) i { background-position: -62px 0;}
.begurlist .begurli:nth-child(4) li:nth-child(2) i { background-position: -62px -30px;}
.begurlist .begurli:nth-child(4) li:nth-child(3) i { background-position: -62px -58px;}
.begurlist .begurli:nth-child(5) li:nth-child(1) i { background-position: -91px 0;}
.begurlist .begurli:nth-child(5) li:nth-child(2) i { background-position: -91px -30px;}
.begurlist .begurli:nth-child(5) li:nth-child(3) i { background-position: -91px -58px;}
.begurlist .begurli:nth-child(6) li:nth-child(1) i { background-position: -122px 0;}
.begurlist .begurli:nth-child(6) li:nth-child(2) i { background-position: -122px -30px;}
.begurlist .begurli:nth-child(6) li:nth-child(3) i { background-position: -122px -58px;}*/
.begurli li:last-child a { border: medium none;}
.begurli li span { /*position: relative; top: -5px;*/ vertical-align: top; font-size: 15px; line-height: 15px;}
.begurlist { padding-bottom: 55px; margin-top: 30px;}
.begurlist .sbHolder{
    display: none;
    background: #009bf7;
    padding: 10px;
}
.begurlist .sbSelector:after{
    content: "\25BE";
    float: right;
}
.begurlist .sbOptions {
    position: absolute;
    top: 52px !important;
    max-height: 223px !important;
    overflow-y: scroll;
    border-bottom: solid 1px #d7d7d7;
}
.begurlist .sbHolder .sbOptions li a{
    padding: 0 10px;
}
.begurlist .sbOptions a.sbFocus {
    color: #fff;
    background: #009bf7;
}
.begurlist .sbSelector:link, 
.sbSelector:visited, 
.sbSelector:hover {
    color: #FFF;
    outline: none;
    text-decoration: none;
    font-size: 20px;
}
.urban-content .leftpad { float: left;  width: 72%;}
.urban-content .rightpad { float: left; width: 28%;}
.urban-content .sub-servei { float: left;  width: 18%; margin-top: 0;}
.urban-content .centerpad { float: left;  width: 54%;}
.sidebaradd { padding-left: 20px;}
.sidebaradd > h5 {font-family: "Conv_SourceSansPro-Light"; color: #474747; font-size: 17px; line-height: 20px; margin: 30px 0 10px 0; text-transform: uppercase;}
.sidebaradd p {font-family: "Conv_SourceSansPro-Light";color: #474747; font-size: 17px; line-height: 20px;}
.sidebaradd p.ph {font-family: "Conv_SourceSansPro-Light";color: #1d98d4; font-size: 25px; line-height: 27px;}
.sidebaradd a {font-family: "Conv_SourceSansPro-Light";color: #004a75; font-size: 17px; line-height: 20px;}
.sidebaradd a:hover { text-decoration:underline;}
.sidebaradd a.email {font-family: "Conv_SourceSansPro-Light";color: #1d98d4; font-size: 25px; line-height: 27px;}

.sidebaradd .sl a, .sidebaradd .sl a.fb_lateral { color:#3a559f; display: block; font-family: "Conv_SourceSansPro-Light"; font-size: 17px; line-height: 20px; padding-bottom: 10px;}
.sidebaradd .sl a:hover { text-decoration:underline;}
.sl i,.sl a.fb_lateral i {position: relative; top: 7px; background: rgba(0, 0, 0, 0) url("../images/social-serveis.png") no-repeat scroll 0 0; display: inline-block; height: 24px; margin-right: 10px; width: 24px;}
.sidebaradd .sl  a.tw_lateral{ color:#36aef6;}
.sidebaradd .sl  a.yt_lateral{ color:#f61c0d;}
.sl a.tw_lateral i{ background-position: -24px 0;}
.sl a.yt_lateral i{ background-position: -48px 0;}

.urban-content { padding-bottom: 155px;}
.urban-content .leftpad h1, .urban-content .centerpad h1{font-family: "Conv_SourceSansPro-Light"; font-size:60px; line-height:70px; margin-bottom:15px; color:#0198fe;}
.urban-content .leftpad h3, .urban-content .centerpad h3{font-family: 'Conv_SourceSansPro-Semibold'; font-size:30px; line-height:35px; margin-bottom:40px; color:#474747;}
.urban-content .leftpad h6, .urban-content .centerpad h6{font-family: 'Conv_SourceSansPro-Semibold'; font-size:20px; line-height:22px; margin-bottom:15px; color:#474747;}
.urban-content .leftpad p, .urban-content .centerpad p{font-family: 'Conv_SourceSansPro-Regular'; font-size:20px; line-height:22px; margin-bottom:15px; color:#474747;}
.urban-list { margin-left: 30px;margin-bottom: 20px;}
.urban-list > li{font-family: "Conv_SourceSansPro-Light"; font-size:17px; line-height:20px; margin-bottom:5px; color:#474747; position:relative;}
.urban-list > li { color: #474747; font-family: "Conv_SourceSansPro-Light"; font-size: 17px; line-height: 20px; margin-bottom: 0; padding: 4px 0 4px 20px; position: relative;}
.urban-list > li::after { color: #474747; content: "."; left: 10px; position: absolute; top: -2px;}
.map { margin-bottom: 55px;}
.multi-map {  height: 560px;}
.doc-list, .doc-list li, .doc-list li a { display: inline-block; width: 100%;}
.doc-list a {font-family: "Conv_SourceSansPro-Light"; border: 1px solid #d3d3d3; color: #474747; display: block; float: left; font-size: 18px; line-height: 26px; margin-bottom: 10px; padding: 20px; width: 100%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.doc-list i { background: rgba(0, 0, 0, 0) url("../images/download.png") no-repeat scroll 0 0; display: inline-block; float: left; height: 26px; margin-right: 20px; width: 24px;/*transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;*/}
.doc-list span { display: inline-block; float: left; position: relative; top: 5px;}
.doc-list a:hover{ border-color:#1d98d4; color:#1d98d4;text-decoration: none; }
.doc-list a:hover i{ background-position:0 -26px;}
.doc-list li::after{content: none !important}

/*===========urbanisme page============*/
.serveis-banner > h1 {font-family: "Conv_SourceSansPro-Light";  color: #ffffff; font-size: 60px; line-height: 64px; padding: 110px 0;  text-align: center;}
.serveis-banner { background: rgba(0, 0, 0, 0) url("../images/cap-serveis.jpg") no-repeat scroll 0 0; background-size:cover;}
.serveis-banner-dis { background: #f2f2f2 none repeat scroll 0 0; padding: 50px 0 60px;}
.serveis-banner-dis p {font-family: "Conv_SourceSansPro-Light";  color: #474747; float: left; font-size: 17px; line-height: 25px; padding-right: 18px;}
.serveis-banner-dis p:last-child { padding: 0 0 0 18px;}
.serveislist {float: left; padding: 55px 0 70px; width: 100%;}
.serveislist li { margin-bottom: 25px; margin: 0 0 50px; width: 31%; margin-right: 1%; display: inline-block; vertical-align: top; }
/*.serveislist li:nth-child(2)  , .serveislist li:nth-child(5) , .serveislist li:nth-child(8) { margin-left: 1%; margin-right: 1%;}*/
.serliimgpad { position: relative; width: 100%; margin-bottom:25px; text-align: center; height: 200px; overflow: hidden;}
.serliimgpad > img:first-child { height: auto; display: block; min-width: 100%; width: auto\9; -ms-interpolation-mode: bicubic;  /*width: auto;*/ min-height: 200px;}
.pos-cen { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; z-index:9;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.serveislist li a:hover .pos-cen { transform: rotateY(180deg); -webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);}
.serveislist h2 { color: #393939; font-size: 30px; line-height: 34px; padding-bottom: 17px; position: relative; font-weight: bold;}
.serveislist h2::after { border-bottom: 1px solid #1d98d4; bottom: 0; content: "";  height: 2px; left: 0; position: absolute; width: 30px;}
.serveislist li div span {opacity: 0.8; background: #cf488e none repeat scroll 0 0; border-radius: 50%; bottom: 0; height: 160px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 160px;}
.serveislist li div .color1 { background: #cf488e none repeat scroll 0 0;}
.serveislist li div .color2 { background: #bb45ac none repeat scroll 0 0;}
.serveislist li div .color3 { background: #9b45bc none repeat scroll 0 0;}
.serveislist li div .color4 { background: #4264ba none repeat scroll 0 0;}
.serveislist li div .color5 { background: #249d99 none repeat scroll 0 0;}
.serveislist li div .color6 { background: #818175 none repeat scroll 0 0;}
.serveislist li div .color7 { background: #eeaf32 none repeat scroll 0 0;}
.serveislist li div .color8 { background: #dcbc10 none repeat scroll 0 0;}
.serveislist li div .color9 { background: #5c57e1 none repeat scroll 0 0;}

/*===========Dircetori page============*/
.dircetori-content h1{font-family: "Conv_SourceSansPro-Light"; font-size:60px; line-height:70px; margin-bottom:25px; color:#0198fe;}
.dircetori-innerpad { padding: 53px 0 112px; float:left;width:100%;}
.dircetori-content ul { float: left; width: 100%;}
.dircetori-content ul li {min-height: 202px; border: 1px solid #d3d3d3; float: left; margin: 0 1% 1% 0; padding: 23px 35px; width: 24.2%;}
.dircetori-content ul li:first-child { width: 49.4%;}
.dircetori-content ul li h3 {font-family: "Conv_SourceSansPro-Light";  color: #36aef6; font-size: 25px; line-height: 28px; padding: 0 0 10px 0; }
.dircetori-content ul li p.address {font-family: "Conv_SourceSansPro-Light";  color: #474747; font-size: 16px; line-height: 24px; padding: 0 0 20px 0; }
.dircetori-content ul li p.address a {color: #174764;}
.dircetori-content ul li p.address a i { background: rgba(0, 0, 0, 0) url("../images/point.png") no-repeat scroll 0 0; display: inline-block; height: 17px; margin-right: 5px; position: relative; top: 1px; width: 14px;}
.dircetori-content ul li p.address a:hover{color:#454545;}
.dircetori-content ul li p.address a:hover i {background-position: 0 -17px;}
.dircetori-content ul li p.ph {font-family: "Conv_SourceSansPro-Light";  color: #393939; font-size: 18px; line-height: 24px; padding: 0 0 0 0; float:left; }
.dircetori-content ul li p.time {background: rgba(0, 0, 0, 0) url("../images/concistori-clock.png") no-repeat scroll 0 0; font-family: "Conv_SourceSansPro-Light";  color: #393939; font-size: 14px; line-height: 20px; padding: 0 0 0 26px; float:right; text-align:left; }
.dircetori-content ul li:nth-child(3), .dircetori-content ul li:nth-child(7), .dircetori-content ul li:nth-child(11) , .dircetori-content ul li:nth-child(15) , .dircetori-content ul li:nth-child(19) , .dircetori-content ul li:nth-child(23)   { margin-right: 0;}
.dircetori-innerpad ul li h3 a:hover{ cursor:pointer; }

/*======footer==========*/
footer { position:relative; float:left; width:100%;}
.ftr-top {background: #026da9 none repeat scroll 0 0; float: left; padding: 55px 0;  width: 100%;}
.ftr-top h1 {font-family: "Conv_SourceSansPro-Light"; font-size:40px; line-height:42px; margin-bottom:55px; color: #ffffff; text-align:left;}
.ftr-top div div { float: left; width: 20%;}
.ftr-top h2 {font-family: 'Conv_SourceSansPro-Regular'; font-size:25px; line-height:30px; margin-bottom:0; color: #ffffff;}
.ftr-top ul li {font-family: "Conv_SourceSansPro-Light"; font-size:16px; line-height:30px; margin-bottom:0; color: #ffffff;}
.ftr-top ul li a{ color: #ffffff;transition: all 0.5s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ftr-top ul li a:hover{opacity:0.6;}
.copyrights { background: #004a75 none repeat scroll 0 0; padding: 8px 0 10px;  width: 100%; float:left;}
.copyrights div > a { margin-right:25px; float: left;}
.copyrights p {font-family: "Conv_SourceSansPro-Light"; color: #ffffff; display: inline-block; font-size: 13px; line-height: 14px; position: relative; top: 9px;}
.copyrights p:last-child {top: 14px; color: #1fafff; float: right; text-align: right; text-transform: uppercase;}
.copyrights p:last-child a{color: #1fafff;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.copyrights p:last-child a:hover{opacity:0.6;}
/*==========inner page header ============*/
.inner-header{ float:left; width:100%;
background: rgba(53,175,245,1);
background: -moz-linear-gradient(left, rgb(0,155,247) 0%, rgb(0,155,247) 40%, rgba(24,72,101,1) 40%, rgba(24,72,101,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgb(0,155,247)), color-stop(40%, rgb(0,155,247)), color-stop(40%, rgba(24,72,101,1)), color-stop(100%, rgba(24,72,101,1)));
background: -webkit-linear-gradient(left, rgb(0,155,247) 0%, rgb(0,155,247) 40%, rgba(24,72,101,1) 40%, rgba(24,72,101,1) 100%);
background: -o-linear-gradient(left, rgb(0,155,247) 0%, rgb(0,155,247) 40%, rgba(24,72,101,1) 40%, rgba(24,72,101,1) 100%);
background: -ms-linear-gradient(left, rgb(0,155,247) 0%, rgb(0,155,247) 40%, rgba(24,72,101,1) 40%, rgba(24,72,101,1) 100%);
background: linear-gradient(to right, rgb(0,155,247) 0%, rgb(0,155,247) 40%, rgba(24,72,101,1) 40%, rgba(24,72,101,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35aff5', endColorstr='#184865', GradientType=1 );}
.logo {  float: left; margin-right: 25px; padding: 5px 0;}
.cbp-hrsub-inner > ul { float: left; width: 25%;}
.cbp-hrsub-inner > ul li a{font-family: "Conv_SourceSansPro-Light"; color: #ffffff;font-size: 18px; line-height: 20px; text-shadow: 1px 1px rgba(0, 0, 0, 0.3);}
.cbp-hrsub-inner > ul li { padding: 5px 0;}
.ser-box > a {border: 1px solid #ffffff; border-radius: 5px; color: #ffffff; float: left; font-size: 18px; line-height: 20px !important; margin-bottom: 5px; padding: 13px 16px; width: 100%;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.ser-box > a:hover{ color:#009BF7; background:#ffffff;}
.sea-loc { float: right; margin-top: 20px; margin-right: 10px; position:relative;}
.searchicon { background: rgba(0, 0, 0, 0) url("../images/icons.png") no-repeat scroll 0 0; display: block; height: 26px; width: 26px;}
.sea-loc > a:hover .searchicon{background-position:0 -27px;}
.mapicon { background: rgba(0, 0, 0, 0) url("../images/icons.png") no-repeat scroll -27px 0; display: block; height: 26px; width: 24px;}
.sea-loc > a:hover .mapicon{background-position:-27px -26px;}
.sea-loc > a { display: inline-block; margin-right: 10px; }
.sea-loc > a:first-child { margin-right: 20px;}
#searchsec { display:none; position: absolute; right: 46px;top: 47px;}
#searchsec input[type="text"] { border: 1px solid #20bbff; color: #ffffff; display: inline-block; font-size: 14px; padding:8px 30px 8px 10px; width: 240px; background:#009bf7 none repeat scroll 0 0;}

#searchsec input[type="submit"] { z-index:9;  background-color: rgba(0, 0, 0, 0); background-image: url("../images/icons.png"); background-repeat: no-repeat ;  background-size:40px 40px; border: medium none; color: rgba(0, 0, 0, 0); cursor: pointer; height: 20px;  padding: 0; position: absolute; right: 4px;  top: 7px; width: 22px;}

/*=======contact===========*/
.contactpage { float: left; margin-top: 40px; width: 100%;}
.contactpage .rightpad { margin-top: 70px;}
.contactpage h4 { color: #474747; font-family: "Conv_SourceSansPro-Regular";font-size: 24px; line-height: 20px; margin: 30px 0;}
.urban-content .contactpage .leftpad p{font-family: "Conv_SourceSansPro-Light"; font-size:17px; line-height:20px; margin-bottom:15px; color:#474747;}
.urban-content .contactpage .leftpad { margin-right: 7%; width: 65%;}
.contactpage form, .contentpad form{ float: left; margin: 15px 0; width: 100%;}
.contactpage form input[type="text"],.contactpage form input[type="email"],.contentpad form input[type="text"],.contentpad form input[type="email"]   {font-family: "Conv_SourceSansPro-Light"; border:1px solid #d3d3d3; color: #474747; font-size: 20px; padding:14px 15px; width: 100%; margin-bottom:25px; background:#ffffff none repeat scroll 0 0; line-height:26px;}
.contactpage form textarea, .contentpad form textarea{font-family: "Conv_SourceSansPro-Light"; border:1px solid #d3d3d3; color: #474747;  font-size: 20px; padding:14px 15px; width: 100%; margin-bottom:25px; background:#ffffff none repeat scroll 0 0; line-height:26px; height:160px;resize: none;}
.urban-content .contactpage .leftpad form p, .contentpad .leftpad form p{margin:0; float:left;}
.urban-content .contactpage .leftpad form p a, .contentpad .leftpad form p a{text-decoration:underline; color:#474747;}
.contactpage form input[type="submit"], .contentpad form input[type="submit"]  { float:right; background:#05a0fc; text-transform:uppercase; font-family: "Conv_SourceSansPro-Light"; border: 1px solid #05a0fc; color: #ffffff; font-size:17px; padding:14px 15px; width: 220px; height:55px; line-height:28px; border-radius:5px; cursor:pointer;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.contactpage form input[type="submit"]:hover, .contentpad form input[type="submit"]:hover{ color:#05a0fc; background:#ffffff;}
.urban-content.contactpagesec { padding-bottom: 65px;}

/*========= Pagina Generica ===========*/
.generica-banner { background: rgba(0, 0, 0, 0) url("../images/cap-generica.png") no-repeat scroll 0 0; background-size:cover;}
.generica-banner h1 {font-family: "Conv_SourceSansPro-Light";  color: #ffffff; font-size: 60px; line-height: 70px; padding:40px 0 20px;  text-align: left;}
.gentralpage { margin: 80px 0 0;}
.urban-content .leftpad .smpara p { color: #474747; font-family: "Conv_SourceSansPro-Light"; font-size: 17px; line-height: 24px; padding-bottom:35px; margin:0;}
.ssprint {float: left; margin: 50px 0; width: 100%;}
.ssprint > a {float: left;color: #474747; font-family: "Conv_SourceSansPro-Light"; font-size: 18px;}
.print { background: rgba(0, 0, 0, 0) url("../images/print.png") no-repeat scroll 0 0;  display: inline-block; height: 25px;  margin-right: 18px; position: relative;  top: 7px; width: 26px;/*transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;*/}
.urban-content .leftpad .ssprint p { float: right;}
.urban-content .leftpad .ssprint p span {  color: #474747; float: left; font-family: "Conv_SourceSansPro-Light"; font-size: 18px; margin-right: 20px; position: relative;  top: 7px;}
.urban-content .leftpad .ssprint p a {float: left; background: rgba(0, 0, 0, 0) url("../images/social.png") no-repeat scroll 0 0; display: inline-block; height: 37px; width: 37px;/*transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;*/}
.urban-content .leftpad .ssprint p a.fb-icon:hover { background-position: 0 -37px;}
.urban-content .leftpad .ssprint p a.twitter-icon {background-position: -37px 0;}
.urban-content .leftpad .ssprint p a.twitter-icon:hover { background-position: -37px -37px;}
.urban-content .leftpad .ssprint p a.gplus-icon { background-position: -75px 0;}
.urban-content .leftpad .ssprint p a.gplus-icon:hover { background-position: -75px -37px;}
.urban-content .leftpad .ssprint p a.mail-icon { background-position: -112px 0;}
.urban-content .leftpad .ssprint p a.mail-icon:hover { background-position: -112px -37px;}
.urban-content .leftpad .ssprint p a.plus-icon { background-position: -151px 0;}
.urban-content .leftpad .ssprint p a.plus-icon:hover { background-position: -151px -37px;}
.gentralpage .rightpad { margin-top: 65px;}
.gentralpage .rightpad > img { margin-bottom: 20px;}
.urban-content .gentralpage .leftpad { margin-right: 4%; width: 68%;}
.urban-content.gentralpagesec { padding: 0;}
.ssprint > a:hover i { background-position: 0 -25px;}

/*======== agenda ============*/
.contentpad { padding: 40px 0 45px;}
.fullwidthpad { float: left; width: 100%;}
.contentpad h1{font-family: "Conv_SourceSansPro-Light"; font-size:60px; line-height:70px; margin-bottom:25px; color:#0198fe;}
.agendadate { border: 1px solid #d3d3d3; padding: 15px 15px 5px; margin-bottom:50px;}
.pre-arrow { background: rgba(0, 0, 0, 0) url("../images/agenda-control.png") no-repeat scroll 0 0; display: inline-block; height: 20px; margin-right: 0; width: 13px;}
.next-arrow { background: rgba(0, 0, 0, 0) url("../images/agenda-control.png") no-repeat scroll -13px 0; display: inline-block; height: 20px; margin-right: 0; width: 13px;}

.month a:hover .pre-arrow{background-position: 0 -20px;}
.month a:hover .next-arrow { background-position: -13px -20px;}
.month > li { display: inline-block;}
.month span{font-family: 'Conv_SourceSansPro-Semibold'; font-size:22px; line-height:40px; color:#174764; padding:0 25px;}
.month li.date{text-align: center; min-width: 80px; vertical-align: middle;}
.month li.date span{text-transform: capitalize; padding: 0;line-height: 16px;}
.month li.date span i{font-style: normal; font-size: 15px;}

.agendadate td > span {font-family: "Conv_SourceSansPro-Regular";color: #36aef6; display: block; font-size: 12px; text-align: center;}
.agendadate td > a {font-family: "Conv_SourceSansPro-Regular";color: #474747; display: block; font-size: 18px; text-align: center;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.month {width: 135px;}
.agendadate tr td { width: 35px;}
.agendadate tr td:first-child { width: 150px;}
.agendadate td > a.selected , .agendadate td > a:hover { color:#ffffff; background:#36aef6;}
.agendadate td > a.visit { color:#ffffff; background:#7bc142;}
.serlist {float: left; width: 100%;}
.fillterpad { float: left; padding: 0 10px;  width: 100%;margin-bottom: 45px;}
.fillterpad > li {font-family: "Conv_SourceSansPro-Light"; font-size:17px; color:#474747; line-height:32px;float: left; width: auto; margin-right: 5px;}
.fillterpad > li span{margin-right: 15px; margin-left: 15px;}
.fillterpad > li a{ padding: 3px 15px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.fillterpad .selected , .fillterpad > li a:hover{ background: #174764 none repeat scroll 0 0;border-radius: 15px; color: #ffffff;}
.serlistinnerpad { float: left;  width: 100%;}
.serlistinnerpad > li { padding: 0 10px 80px; position: relative;  width: 24%; display: inline-block;}
.notice-section .serlistinnerpad > li {padding: 0 10px 60px; position: relative;  width: 25%;}
.serlistinnerpad div{
    width: 100%;
    text-align: center;
    background: #f7f7f7;
    border: 3px solid rgba(0, 0, 0, 0);
    margin-bottom: 10px;
}
.serlistinnerpad a:hover div { border-color: #36aef6;}
.visit-begur a:hover div { border-color: #7bc142;}
.serlistinnerpad img {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s; 
    /* border: 3px solid rgba(0, 0, 0, 0);     */
    width: auto;
}
/*.serlistinnerpad a:hover img:first-child { border-color: #36aef6;}*/
.serlistinnerpad .newtag { margin: 0; position: absolute; right: 25px; top: -10px; width: auto;}
.serlistinnerpad h2{ transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;font-family: 'Conv_SourceSansPro-Semibold'; font-size:16px; color:#393939; line-height:24px; min-height:50px; margin-bottom:10px;margin-top: 10px; }
.serlistinnerpad .dateandtime{font-family: 'latobold_italic'; font-size:12px; color:#505050; line-height:18px; padding-bottom:15px; margin-bottom:10px; position:relative;}
.serlistinnerpad .dateandtime::after { border-bottom: 1px solid #0399f2; bottom: 0; content: ""; height: 2px; left: 0; position: absolute;  width: 30px;}
.visit-begur .dateandtime::after { border-bottom: 1px solid #7bc142; }
.calender { background: rgba(0, 0, 0, 0) url("../images/ico-calendar.png") no-repeat scroll 0 0; display: inline-block; height: 11px; margin-right: 10px; width: 11px;}
.clock { background: rgba(0, 0, 0, 0) url("../images/ico-clock.png") no-repeat scroll 0 0; display: inline-block; height: 12px; margin-right: 10px; width: 12px;}
.dateandtime > span:nth-child(2) { margin-right: 15px;}
.serlistinnerpad p{height: 30px;font-family: "Conv_SourceSansPro-Light"; font-size:16px; color:#474747; line-height:20px; padding-bottom:0; margin-bottom:0;display: inline-block }

.serlistinnerpad a:hover{ text-decoration: none; }
.serlistinnerpad a:hover h2 { color:#36aef6; text-decoration: none; }
.visit-begur a:hover h2 { color: #7bc142;}
.center-btnsection { float: left; text-align: center; width: 100%;}
.center-btnsection > a {font-family: "Conv_SourceSansPro-Light"; line-height:20px; border:1px solid #04a0fb; background: #04a0fb none repeat scroll 0 0; border-radius: 5px; color: #ffffff; font-size: 16px; padding: 20px 25px 18px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.center-btnsection > a:hover { background:#ffffff; color:#04a0fb;}
.serlistinnerpad a { float: left; min-height: 375px; width: 100%;}
.serlistinnerpad a > div { overflow: hidden; }
.serlistinnerpad a.imatge { min-height: unset;overflow: hidden; }
/*===========begur tv=========*/
.leftcontent { margin-right: 5%; width: 70%;float: left;}
.leftcontent p { margin-bottom: 20px; }
.rightsidebar { float: left; width: 25%;}
.largevideopad {  float: left; margin: 25px 0 40px; width: 100%;}
.video-description { border-bottom: 1px solid #d3d3d3; float: left; width: 100%;}
.video-description > h2{ color: #0198fe; font-family: "Conv_SourceSansPro-Light"; font-size: 35px; line-height:40px; margin-bottom: 20px;}
.video-description .dateandtime{font-family: 'latobold_italic'; font-size:12px; color:#505050; line-height:18px; padding-bottom:15px;}
.video-description p{font-family: "Conv_SourceSansPro-Light"; font-size:17px; color:#474747; line-height:25px; padding-bottom:30px; margin-bottom:0;}
.code { background: rgba(0, 0, 0, 0) url("../images/code.png") no-repeat scroll 0 0;  display: inline-block; height: 18px; position: relative;  top: 3px; width: 18px;}
.contentpad .ssprint > a:hover i { background-position: 0 -18px;}
.contentpad .ssprint { margin: 10px 0;}
.contentpad .ssprint > a { position: relative; top: 5px;}
.contentpad .ssprint p { float: right;}
.contentpad .ssprint p span {  color: #474747; float: left; font-family: "Conv_SourceSansPro-Light"; font-size: 18px; margin-right: 20px; position: relative;  top: 7px;}
.contentpad .ssprint p a {float: left; background: rgba(0, 0, 0, 0) url("../images/social.png") no-repeat scroll 0 0; display: inline-block; height: 37px; width: 37px;/*transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;*/}
.contentpad .ssprint p a.fb-icon:hover { background-position: 0 -37px;}
.contentpad .ssprint p a.twitter-icon {background-position: -37px 0;}
.contentpad .ssprint p a.twitter-icon:hover { background-position: -37px -37px;}
.contentpad .ssprint p a.gplus-icon { background-position: -75px 0;}
.contentpad .ssprint p a.gplus-icon:hover { background-position: -75px -37px;}
.contentpad .ssprint p a.mail-icon { background-position: -112px 0;}
.contentpad .ssprint p a.mail-icon:hover { background-position: -112px -37px;}
.contentpad .ssprint p a.plus-icon { background-position: -151px 0;}
.contentpad .ssprint p a.plus-icon:hover { background-position: -151px -37px;}
.space { float: left; height: 114px; width: 100%;}
.rightsidebar h2 {color: #0198fe; font-family: "Conv_SourceSansPro-Light"; font-size: 23px; line-height: 25px;margin-bottom: 20px;}
.rightsidebar .doc-list a { padding: 15px; margin-bottom:4px;}
.rightsidebar .doc-list span{top:0;}
.rightsidebar .doc-list a { margin-bottom: 4px; padding: 13px 15px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.doc-list a.selected{border-color:#1d98d4; color:#1d98d4;}
.doc-list a.selected i{ background-position:0 -26px;}
.rightsidebar .doc-list { float: left; margin-bottom: 40px; width: 100%;}
.categorypara{color: #474747; font-family: "Conv_SourceSansPro-Light"; font-size: 23px; line-height: 35px;}
.categorypara .sm{font-size: 17px; margin-right:12px;}
.categorypara .xs{font-size: 14px; margin-right:12px;}
.categorypara .lg{font-size: 22px; margin-right:12px;}
.categorypara a:hover{ text-decoration:underline;}
.videopad { background: #f2f2f2 none repeat scroll 0 0; padding: 60px 0 65px;}
.videopad h1 {color: #ff0000; font-family: "Conv_SourceSansPro-Light"; font-size: 30px; line-height: 30px;margin-bottom: 22px; margin-left: 10px;}
.videoinnerpad { float: left;  width: 100%;}
.videoinnerpad > li { float: left; min-height: 440px; padding: 0 10px 60px; position: relative; width: 25%;}
.videoinnerpad img {width: 100%;}
.videoinnerpad .newtag { margin: 0; position: absolute; right: 25px; top: -10px; width: auto;}
.videoinnerpad h2{font-family: 'Conv_SourceSansPro-Semibold'; font-size:22px; color:#393939; line-height:24px; min-height:50px; margin-bottom:10px;margin-top: 20px;}
.videoinnerpad .dateandtime{font-family: 'latobold_italic'; font-size:12px; color:#505050; line-height:18px; padding-bottom:15px; margin-bottom:10px; position:relative;}
.videoinnerpad .dateandtime::after { border-bottom: 1px solid #e1001a; bottom: 0; content: ""; height: 2px; left: 0; position: absolute;  width: 30px;}
.videoinnerpad .fancybox-media, .videoinnerpad .thumbnail{ display: block; position: relative; width: 100%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.videoinnerpad .fancybox-media:hover,  .videoinnerpad .thumbnail:hover{ opacity:0.9;}
.video-ico { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom: 0; left: 0; margin: auto;position: absolute;right: 0; text-align: center; top: 0;}
.video-ico img { bottom: 0; height: auto; left: 0; margin: auto; position: absolute; right: 0;  top: 0; width: auto;}

/*======= team member ==========*/
.memb-detail { float: left; margin-top: 15px; width: 100%;}
.memb-detail > h2{font-family: 'Conv_SourceSansPro-Semibold'; font-size:22px; color:#36aef6; line-height:24px;  margin-bottom:25px;}
.memb-detail p{color: #474747; font-family: "Conv_SourceSansPro-Light"; font-size: 17px; line-height: 24px;padding-bottom: 20px;}
.memberprofile { float: left; text-align: center; width: 100%;}
.memberprofile > img { margin-bottom: 25px;}
.memberprofile > h2{ color: #0198fe; font-family: "Conv_SourceSansPro-Light"; font-size: 25px; line-height: 28px; margin-bottom: 10px;}
.memberprofile > h3{ color: #393939; font-family: 'Conv_SourceSansPro-Semibold'; font-size: 18px; line-height: 22px; margin-bottom: 15px;}
.memberprofile > p{ color: #474747; font-family: "Conv_SourceSansPro-Light"; font-size: 16px; line-height: 20px;padding-bottom: 20px;}
.cal-btn { border:1px solid rgb(4,160,251); font-family: "Conv_SourceSansPro-Light"; background: #04a0fb none repeat scroll 0 0; border-radius: 5px; color: #ffffff; display: inline-block; font-size: 16px; margin-bottom: 25px;  padding:8px 12px 10px; text-align: center;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.calender1 { position:relative; top:3px;background: rgba(0, 0, 0, 0) url("../images/calendar.png") no-repeat scroll 0 0;  display: inline-block; height: 20px; margin-right: 8px; width: 19px;/*transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;*/}
.memberprofile > .pro-clock{ font-size: 14px; line-height: 18px;padding-bottom: 10px;}
.pro-si > li { display: inline-block;}
.clock1 { position:relative; top:2px;background:rgba(0, 0, 0, 0) url("../images/concistori-clock.png") no-repeat scroll 0 0;  display: inline-block; height: 17px; margin-right: 5px; width: 18px;}
.fb {background: rgba(0, 0, 0, 0) url("../images/social1.png") no-repeat scroll 0 0;  display: inline-block; height: 24px;width: 24px;}
.tw {background: rgba(0, 0, 0, 0) url("../images/social1.png") no-repeat scroll -27px 0;  display: inline-block; height: 24px;width: 24px;}
.mail {background: rgba(0, 0, 0, 0) url("../images/social1.png") no-repeat scroll -54px 0;  display: inline-block; height: 24px;width: 24px;}
.pro-si a{transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.pro-si a:hover{ opacity:0.8;}
.pro-si { margin-bottom: 13px;}
.memberformpad { background: #f2f2f2 none repeat scroll 0 0; padding: 90px 0 70px;}
.memberformpad h3{ color: #474747; font-family:"Conv_SourceSansPro-Light"; font-size: 30px; line-height:36px; margin-bottom: 45px;}
.lef-form { float: left; padding-right: 15px; width: 50%;}
.rit-form {float: left; width: 50%;}
.memberformpad  form input[type="text"] { background: #ffffff none repeat scroll 0 0; border: 1px solid #d3d3d3;  color: #474747; font-family: "Conv_SourceSansPro-Light"; font-size: 18px; line-height: 22px; margin-bottom: 25px;  padding: 14px 15px;  width: 100%;}
.memberformpad form textarea { background: #ffffff none repeat scroll 0 0;  border: 1px solid #d3d3d3; color: #474747; font-family: "Conv_SourceSansPro-Light"; font-size: 18px; height: 205px; line-height: 22px; margin-bottom: 25px; padding: 14px 15px; resize: none;  width: 100%;}
.memberformpad form p { float:left; width:100%; color: #474747; font-family: "Conv_SourceSansPro-Light"; font-size: 17px; line-height: 20px; margin-bottom: 15px;}
.memberformpad form p a {color: #474747; text-decoration: underline;}
.cenbtn { float: left; text-align: center; width: 100%;}
.cenbtn input[type="submit"] { background: #05a0fc none repeat scroll 0 0;top: -30px; position:relative; border: 1px solid #05a0fc; border-radius: 5px;  color: #ffffff; cursor: pointer;  font-family: "Conv_SourceSansPro-Light"; font-size: 17px; height: 55px; line-height: 28px; padding: 14px 15px; text-transform: uppercase; width: 220px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.cenbtn input[type="submit"]:hover { background:#ffffff; color:#05a0fc;}
.cal-btn:hover .calender1 { background-position: 0 -20px;}
.cal-btn:hover{background:#ffffff; color:rgb(4,160,251); border-color:rgb(4,160,251);}

/*=======members page ===========*/
.membsparasec p {color: #474747; float: left; font-family: "Conv_SourceSansPro-Light"; font-size: 17px; line-height: 25px; padding-right: 18px; width: 50%;}
.memberslistpad { background: #f7f7f7 none repeat scroll 0 0; padding: 30px 0 40px;}
.memberslist { float: left; width: 100%;}
.memberslist > li { background: #ffffff none repeat scroll 0 0; border: 1px solid #d3d3d3; float: left; margin-bottom: 1%; width: 49.5%;}
.memberslist > li:nth-child(2n) { margin-left: 1%;}
.imgpad { float: left; position: relative;  width: 31%;}
.thumlogo { bottom: 10px; left: 10px;  position: absolute;}
.memb-con { float: left; padding: 20px 15px;  width: 69%;}
.memb-con h2 a{ color: #0198fe;  font-family: "Conv_SourceSansPro-Light"; font-size: 25px; line-height: 28px;  margin-bottom: 10px;}
.memb-con h3 { color: #393939; font-family: "Conv_SourceSansPro-Semibold";  font-size: 18px;  line-height: 22px; margin-bottom: 15px;}
.memb-con p { color: #474747; font-family: "Conv_SourceSansPro-Light"; font-size: 16px; line-height: 20px; padding-bottom: 30px;}
.memb-con .pro-si{display:inline-block; margin-right:15px; margin-bottom:1px;}
.memb-con .pro-clock { display: inline-block; padding: 0; position:relative; bottom:4px;}
.pro-pic { width: 100%;}
.memb-con p.pro-clock { background: rgba(0, 0, 0, 0) url("../images/concistori-clock.png") no-repeat scroll 0 0; color: #393939; font-family: "Conv_SourceSansPro-Light"; font-size: 14px;  line-height: 20px; padding: 0 0 0 26px;}

/*============EXPOSICIÓ "MAGIC MOMENTS page ================*/
.leftcontent p.dateandtime {color: #505050; font-family: "latobold_italic";  font-size: 12px; line-height: 18px; margin-bottom: 10px; padding-bottom: 15px; position: relative;}
.dateandtime > span:nth-child(2), .agncon p.date > span { margin-right: 15px;}
.largemomentspad {margin-bottom: 30px; float: left; position: relative; width: 100%;}
.largemomentspad img{margin: auto; height: auto; display:block;}
.mom-mainimg { width: 100%;}
.newtag { position: absolute; right: 60px; top: -10px;}
.moment-description { float: left;  width: 100%;}
.moment-description h2{ color: #393939;  font-family: 'Conv_SourceSansPro-Regular'; font-size: 25px; line-height: 28px;  margin-bottom: 25px;}
.moment-description p{ color: #474747;  font-family: "Conv_SourceSansPro-Light"; font-size: 17px; line-height: 24px;  margin-bottom: 30px;}
.moment-description h3{ color: #474747;  font-family: "Conv_SourceSansPro-Semibold";  font-size: 20px; line-height: 28px;  margin-bottom: 15px;}
.map1 { margin-bottom: 30px;}
.more-memb {color: #474747;font-family: "Conv_SourceSansPro-Light"; font-size: 18px; line-height: 20px;  border: 1px solid #d3d3d3; float: left; padding: 20px; width: 100%; margin-bottom:40px;}
.more-memb a{color: #36aef6; font-family: "Conv_SourceSansPro-Semibold"; }
.categorydiv { border-bottom: 1px solid #d3d3d3;float: left; padding-bottom: 15px; padding-top: 15px; width: 100%;}
.categorydiv > span {font-family: "Conv_SourceSansPro-Light";color: #36aef6; font-size: 18px; line-height:20px;}
.categorydiv > a {font-family: "Conv_SourceSansPro-Light";color: #474747; font-size: 17px; line-height:20px; margin-left:15px;}
.contentpad .ssprint.ssprint1 > a:hover i { background-position: 0 -25px;}
.activit { float: left; width: 100%; margin-bottom:75px;}
.rightsidebar .bor-head{ position:relative;padding-bottom: 10px; color: #0198fe; font-family: "Conv_SourceSansPro-Light"; font-size: 23px; line-height: 25px; margin-bottom: 20px; border-bottom:1px solid #e1e1e1;}
.rightsidebar .bor-head::after {border-bottom: 1px solid #00a1fe;  bottom: -1px; content: ""; height: 1px; left: 0; position: absolute; width: 140px;}
.activit-list > li { border-bottom: 1px solid #e1e1e1; float: left; margin-bottom: 15px; width: 100%;}
.activit-list a {transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; color: #474747; float: left; font-family: "Conv_SourceSansPro-Semibold"; font-size: 16px; line-height: 20px; margin-bottom: 10px; width: 100%;}
.activit-list .dateandtime, .agendalist .date{font-family: 'latobold_italic'; color: #505050; font-size: 12px;margin-bottom: 10px;}
.activit-list a:hover{color:#039ffc;text-decoration: none;}
.activit > p{font-family: "Conv_SourceSansPro-Light";color: #000000; font-size: 16px; line-height:18px;}
.recom { float: left; width: 100%;}
.recom-list a { position:relative; float: left; margin-bottom: 20px; width: 100%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.recom-list a:hover{opacity:0.8;}

.recom-list a:hover i{ background:rgba(33, 150, 219, 0.8);}
.recom-list a:hover span{bottom:43%;}
.recom-list img { width: 100%;}
.recom-list a i { bottom: 0; height: 100%; left: 0; margin: auto; position: absolute; right: 0; top: 0;width: 100%; background:rgba(33, 150, 219, 0);transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.recom-list a span { left:0; position:absolute;  bottom: -20px; text-align:center; width: 100%;font-family: 'Conv_SourceSansPro-Regular'; font-size:18px; color:#ffffff; line-height:20px;/*transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;*/}




.ssprint.ssprint1 { margin-bottom: 28px;}
.activitats-pad { background: #f2f2f2 none repeat scroll 0 0; padding: 80px 0 10px 0;}
.activitats-pad h1 { color: #04a0fb; font-family: "Conv_SourceSansPro-Light"; font-size: 30px; line-height: 30px; margin-bottom: 30px; margin-left: 10px;}

/*======== mapa page ==============*/
.fullwidthpad p.map-des{font-family: "Conv_SourceSansPro-Light";color: #696969; font-size: 16px; line-height:24px;}
.maplist { display: block; text-align: center;}
.maplist > li { display: inline-block; text-align: center;}
.maplist a { border: 1px solid #cfd4d8; color: #696969; display: inline-block; font-family: "Conv_SourceSansPro-Light"; font-size: 16px; line-height: 20px;margin: 2px 0; padding: 9px 10px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.maplist a:hover {color:#0198fe;}
.maplist a.active{background: #026da9; border: 1px solid #026da9; color: #ffffff;}
.maplistdiv { float: left; width: 100%; margin-bottom:55px;}
.mapview{width:100%; float:left;}
.mapview img{width:100%;}

/*=============home=================*/
.logosection {float: left; left: 0; position: absolute; top: 0; width: 100%; z-index:9;}
.home-banner { position: relative;}
.inner-header.homeheader.stickyheader { bottom: 0; left: 0; position: absolute;}
.home-banner .sticky-wrapper { height: auto !important;}
.home-banner .sticky-wrapper.is-sticky  , .home-banner .sticky-wrapper.is-sticky .homeheader{ height: 67px !important;}

.home-logo{float:left;}
.top-ss a {font-family: "Conv_SourceSansPro-Light";color: #ffffff; font-size: 12px; line-height:12px; margin:0;float: left;}
.top-ss a span { display:inline-block; float:left; padding:7px 5px 5px; background:rgba(22,206,223,0.5); /*background: rgba(22, 206, 223, 0.5) none repeat scroll 0 0;*/ color: #ffffff;/*transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;*/}
.top-ss {float: right;margin-top:4px;}
.top-ss > li {display: inline-block; float:none; margin:0 2px; }
.twitter {background: rgba(0, 0, 0, 0) url("../images/twitter.png") no-repeat scroll 0 0;   float:left;display: inline-block; height: 24px;width: 26px;}
.facebook {background: rgba(0, 0, 0, 0) url("../images/facebook.png") no-repeat scroll 0 0;  float:left; display: inline-block; height: 24px;width: 26px;}
.youtube {background: rgba(0, 0, 0, 0) url("../images/youtube.png") no-repeat scroll 0 0;  float:left; display: inline-block; height: 24px;width: 26px;}
.top-ss li a i { background-color: rgba(22, 206, 223, 0.5);/*transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;*/}
.top-ss a:hover span { color:#00246e;}
#lang .sbSelector:hover{color:#00246e;}
.top-ss li a:hover i { background-position:0 -24px;}
.homeheader .logo { display: none; margin-left: 10%;}
.is-sticky .homeheader .logo { margin-right:0; margin-left: 35px;}
.homeheader .cbp-hrmenu > ul > li > a { padding: 25px 22.7px 20px;}
.is-sticky .homeheader .cbp-hrmenu > ul > li > a { padding: 25px 20px 20px;}
.sticky-wrapper .inner-header.homeheader{ /*background:none!important; */}
/*.sticky-wrapper .inner-header.homeheader{
background: rgba(53,175,245,1);
background: -moz-linear-gradient(left, rgba(0,155,247, 0.8) 0%, rgba(0,155,247, 0.8) 44%, rgba(24,72,101,0.8) 44%, rgba(24,72,101,0.8) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,155,247, 0.8)), color-stop(44%, rgba(0,155,247, 0.8)), color-stop(44%, rgba(24,72,101,0.8)), color-stop(100%, rgba(24,72,101,0.8)));
background: -webkit-linear-gradient(left, rgba(0,155,247, 0.8) 0%, rgba(0,155,247, 0.8) 44%, rgba(24,72,101,0.8) 44%, rgba(24,72,101,0.8) 100%);
background: -o-linear-gradient(left, rgba(0,155,247, 0.8) 0%, rgba(0,155,247, 0.8) 44%, rgba(24,72,101,0.8) 44%, rgba(24,72,101,0.8) 100%);
background: -ms-linear-gradient(left, rgba(0,155,247, 0.8) 0%, rgba(0,155,247, 0.8) 44%, rgba(24,72,101,0.8) 44%, rgba(24,72,101,0.8) 100%);
background: linear-gradient(to right, rgba(0,155,247, 0.8) 0%, rgba(0,155,247, 0.8) 44%, rgba(24,72,101,0.8) 44%, rgba(24,72,101,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35aff5', endColorstr='#184865', GradientType=1 );}
.sticky-wrapper.is-sticky .inner-header.homeheader{
background: rgba(53,175,245,1);
background: -moz-linear-gradient(left, rgb(0,155,247) 0%, rgb(0,155,247) 45%, rgba(24,72,101,1) 45%, rgba(24,72,101,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgb(0,155,247)), color-stop(45%, rgb(0,155,247)), color-stop(45%, rgba(24,72,101,1)), color-stop(100%, rgba(24,72,101,1)));
background: -webkit-linear-gradient(left, rgb(0,155,247) 0%, rgb(0,155,247) 45%, rgba(24,72,101,1) 45%, rgba(24,72,101,1) 100%);
background: -o-linear-gradient(left, rgb(0,155,247) 0%, rgb(0,155,247) 45%, rgba(24,72,101,1) 45%, rgba(24,72,101,1) 100%);
background: -ms-linear-gradient(left, rgb(0,155,247) 0%, rgb(0,155,247) 45%, rgba(24,72,101,1) 45%, rgba(24,72,101,1) 100%);
background: linear-gradient(to right, rgb(0,155,247) 0%, rgb(0,155,247) 45%, rgba(24,72,101,1) 45%, rgba(24,72,101,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35aff5', endColorstr='#184865', GradientType=1 );}*/
.is-sticky .stickyheader { z-index: 99;}
.notice-sec {float: left; margin-top: -20px; width: 22%;}
.notice-section .serlistinnerpad h2{line-height: 22px; max-height: 65px; overflow: hidden;}
.notice-sec .activit-list a{line-height: 17px; max-height: 70px; overflow: hidden;}
.notice-section .serlistinnerpad img:not(.newtag){height: 190px;/*min-width: 100%;*/max-width: none;}
.agenda-sec .serlistinnerpad .thumbnail img:not(.newtag){height: 190px;}
.notice-sec .bor-head{ position:relative;padding-bottom: 10px; color: #0198fe; font-family: "Conv_SourceSansPro-Light"; font-size: 23px; line-height: 25px; margin-bottom: 20px; border-bottom:1px solid #e1e1e1;}
.notice-sec .bor-head::after {border-bottom: 1px solid #00a1fe;  bottom: -1px; content: ""; height: 1px; left: 0; position: absolute; width: 140px;}
.notice-section { padding: 60px 0;}
.headstyle1 { border-left: 4px solid #0198fe; color: #0198fe; font-family: "Conv_SourceSansPro-Semibold"; font-size: 30px; line-height: 30px; margin-bottom: 40px; padding-left: 18px;}
.vid-sec { float: left; margin-right: 1%; width: 77%;}
.vid-sec .serlistinnerpad > li { padding-bottom: 10px; width: 33%;}
.agenda-section{
background: rgba(53,175,245,1);
background: -moz-linear-gradient(left, #000000 0%, #000000 50%, #ECECEC 50%, #ECECEC 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #000000), color-stop(50%, #000000), color-stop(50%, #ECECEC), color-stop(100%, #ECECEC));
background: -webkit-linear-gradient(left, #000000 0%, #000000 50%, #ECECEC 50%, #ECECEC 100%);
background: -o-linear-gradient(left, #000000 0%, #000000 50%, #ECECEC 50%, #ECECEC 100%);
background: -ms-linear-gradient(left, #000000 0%, #000000 50%, #ECECEC 50%, #ECECEC 100%);
background: linear-gradient(to right, #000000 0%, #000000 50%, #ECECEC 50%, #ECECEC 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35aff5', endColorstr='#184865', GradientType=1 );}
.begurtvdiv {float: left; padding: 45px 35px 25px;  width: 50%; background:#000000;}
.agendadiv { float: left; padding: 45px 0 25px 30px; width: 50%;}
.begurtvdiv .headstyle1 {border-color: #ffffff; color: #ffffff;}
.begurtvdiv > img {margin-bottom: 15px; width: 100%;}
.begurtvdiv > p{color: #ffffff; margin-bottom:20px; margin-top: 20px; font-family: "Conv_SourceSansPro-Light"; font-size: 25px; line-height: 28px;}
.thump-vid > li { float: left; width: 30%;}
.thump-vid > li:nth-child(2) { margin: 0 3%;}
.thump-vid a {color: #ffffff; transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; float: left; margin-bottom: 10px; position: relative; width: 100%;}
.thump-vid a:hover,
.agendadiv a:hover{ 
    color: #0198fe; 
    text-decoration: none; 
}
.thump-vid img:first-child { width: 100%;}
.thump-vid img:last-child { bottom: 0; left: 0; position: absolute;}
.thump-vid p{color: #ffffff; margin-bottom:30px; font-family: "Conv_SourceSansPro-Light"; font-size: 14px; line-height: 16px;}
.begurtvdiv > span{color: #ffffff; margin-bottom:0; font-family: "Conv_SourceSansPro-Light"; font-size: 15px; line-height: 16px;}
.agendalist > li { background-color:#ffffff; border: 1px solid #d9d8d8; float: left; margin-bottom: 55px; margin-right: 2%; width: 49%; height: 510px;}
.agendalist > li img { height: 190px;}
.agendalist > li h3 { line-height: 24px; height: 50px; overflow: hidden;}
.agendalist > li:last-child { margin-right: 0;}
.agendalist img {width: 100%;}
.agncon { padding: 35px 20px;}
.agncon h3{transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;color: #494949; margin-bottom:30px; font-family: "Conv_SourceSansPro-Semibold"; font-size: 22px; line-height: 23px;}
.agncon p.date { position:relative; /*font-style:italic;*/  background: rgba(0, 0, 0, 0) url("../images/ico-calendar.png") no-repeat scroll 0 4px;/*color: #505050; font-family: "Conv_SourceSansPro-Light"; font-size: 16px; line-height: 18px; */margin-bottom: 15px; min-height: 50px;  padding: 0 0 0 20px; text-align: left;}
.agncon p.date::after { border-bottom: 1px solid #0274c2; bottom: 0; content: ""; left: 0; position: absolute; width: 30px;}
.agncon p{color: #696969; margin-bottom:0; font-family: "Conv_SourceSansPro-Light"; font-size: 16px; line-height: 20px;}
.agncon > span{color: #494949; margin-bottom:0; font-family: "Conv_SourceSansPro-Light"; font-size: 15px; line-height: 16px;}
.agendalist a:hover h3{color:#36aef6;}
.thump-vid a:hover { opacity: 0.7;}
.veure-section { padding: 65px 0 30px;}
.veure-section h3{color: #535353; margin-bottom:50px; margin-left:10px; font-family: "Conv_SourceSansPro-Light"; font-size: 30px; line-height: 30px;}
.veure-section a { overflow:hidden; position:relative; transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; float: left; margin-right: 1%; margin-bottom: 10px; width: 24%;}
.veure-section a:hover i{background:rgba(33, 150, 219, 0.8);}
.veure-section a:hover span{ bottom: 65px; }
.veure-section img { width: 100%;}
.veure-section a i {transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; bottom: 0; height: 100%; left: 0; margin: auto; position: absolute; right: 0; top: 0;width: 100%; background:rgba(33, 150, 219, 0);}
.veure-section a span { left:0; position:absolute;  bottom: -50px; text-align:center; width: 100%;font-family: 'Conv_SourceSansPro-Regular'; font-size:18px; color:#ffffff; line-height:32px; transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.twitter-section { background: rgba(0, 0, 0, 0) url("../images/destacat-twitter.jpg") no-repeat scroll 0 0;background-size:cover; padding: 30px 0 0px;}
.twitcontent { float: left; margin: 0 40px; text-align: center; width: 520px;}
.twitcontent h4{color: #ffffff; text-transform:uppercase; margin-bottom:10px; font-family: "Conv_SourceSansPro-Light"; font-size: 20px; line-height: 24px;}
.twitcontent h3{color: #ffffff; margin-bottom:13px; font-family: 'merriweather-light'; font-size: 40px; line-height: 44px;}
.twitcontent a{color: #4ca5d7; margin-bottom:13px; font-family: 'latoregular'; font-size: 20px; line-height: 24px;}
.twit-btn {font-family: "Conv_SourceSansPro-Light"; font-size: 15px; line-height: 16px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; border:1px solid #02a0fb; background: #02a0fb none repeat scroll 0 0;margin: 35px 0 0;border-radius: 5px;  color: #ffffff; float: left; padding: 13px 45px;  text-align: center;}
.twit-btn:hover{background:#ffffff; color:#02a0fb;}
.begurbanner-section { min-height:345px; text-align:center;  background: rgba(0, 0, 0, 0) url("../images/parallax-visit.jpg") no-repeat scroll 0 0;background-size:cover; background-attachment:fixed; padding: 105px 0 55px;}
.begurbanner-section h4{color: #7bc242; text-transform:uppercase; margin-bottom:25px; font-family: 'amaticbold'; font-size: 30px; line-height: 30px;}
.begurbanner-section h3{color: #ffffff; margin-bottom:35px; font-family: 'amatic_scregular'; font-size: 60px; line-height: 60px;}
.begurbanner-section a {font-family: "Conv_SourceSansPro-Light"; font-size: 15px; line-height: 16px; border:1px solid #7bc242; background: #7bc242 none repeat scroll 0 0;border-radius: 5px;  color: #ffffff;  padding: 13px 65px;  text-align: center;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.begurbanner-section a:hover{ background-color:transparent; color:#7bc242;}
.interessa-section {padding: 55px 0 60px;}
.interessa-section h2{ text-align:center;color: #08aef6; margin-bottom:5px; font-family: "Conv_SourceSansPro-Light"; font-size: 40px; line-height: 40px;}
.interessa-section h3{text-align:center; color: #393939; margin-bottom:45px; font-family: "Conv_SourceSansPro-Light"; font-size: 16px; line-height: 16px;}
.interessa-section ul li a span{font-family: 'Conv_SourceSansPro-Regular'; font-size: 18px; line-height: 22px; color: #0078cc; text-align: center; text-transform:uppercase;}
.interessa-list { float: left; text-align: center; width: 100%;}
.interessa-list > li { display: inline-block; margin: 0 22px;}
.interessa-list a { float: left; text-align: center;}
.interessa-list li a i { background: rgba(0, 0, 0, 0) url("../images/img-interessa.jpg") no-repeat scroll 0 0; border-radius: 50%; display: block; height: 144px; margin-bottom: 25px; width: 144px;/*transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;*/}
.interessa-list li a i.interessa1 {background-position:0 0;}
.interessa-list li a i.interessa2 {background-position:-193px 0;}
.interessa-list li a i.interessa3 {background-position:-385px 0;}
.interessa-list li a i.interessa4 {background-position:-577px 0;}
.interessa-list li a i.interessa5 {background-position:-769px 0;}
.interessa-list li a:hover .interessa1 {background-position:0 -146px;}
.interessa-list li a:hover .interessa2 {background-position:-193px -146px;}
.interessa-list li a:hover .interessa3 {background-position:-385px -146px;}
.interessa-list li a:hover .interessa4 {background-position:-577px -146px;}
.interessa-list li a:hover .interessa5 {background-position:-769px -146px;}




.wintheame-section {padding: 55px 0 60px;}
.wintheame-section h2{ text-align:center;color: #08aef6; margin-bottom:5px; font-family: "Conv_SourceSansPro-Light"; font-size: 40px; line-height: 40px;}
.wintheame-section h3{text-align:center; color: #393939; margin-bottom:30px; font-family: "Conv_SourceSansPro-Light"; font-size: 18px; line-height: 18px;}
.wintheame td { vertical-align: middle;}
.bg1{background-color:#d64a93;}
.bg2{background-color:#be42b0;}
.bg3{background-color:#9d42be;}
.bg4{background-color:#4265be;}
.bg5{background-color:#e34d4e;}
.bg6{background-color:#726dfd;}
.bg7{background-color:#5d58e7;}
.bg8{background-color:#daa438;}
.bg9{background-color:#42beba;}
.bg10{background-color:#23a09c;}
.bg11{background-color:#e0c00d;}
.bg12{background-color:#1c84b9;}
.bg13{background-color:#0170a8;}
.bg14{background-color:#858579;}
.bg15{background-color:#43be88;}
.bg16{background-color:#f2b12f;}
.wintheame td a img{-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.wintheame td a:hover img{transform: rotateY(180deg); -webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);}
.wintheame td a { float: left; text-align: center;  width: 100%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.wintheame td a span {font-family: "Conv_SourceSansPro-Light"; font-size: 18px; line-height:20px; bottom: 15px; color: #ffffff; float: left; position: relative; text-align: center; width: 100%;}
/*.bg11 { background-color: #e0c00d; position: relative;}
.bg11 > a {height: 100%; left: 0; position: absolute; top: 0;}
.bg11 img { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0;}
.wintheame td.bg11 a span { bottom: 90px; left: 0; position: absolute;}*/

/* MixItUp CSS*/
.container{ float:left; -webkit-backface-visibility: hidden; width:100%; }
.container:after{ content: ''; /*display: inline-block; */width: 100%; }
.container .mix{ display: inline-block; }
.container .mix{ display: none; } 
.container .mix:after{ content: attr(data-myorder); display: inline-block; vertical-align: top; }
.container .mix:before{ content: ''; display: inline-block; } 
.controls {display:block;}
ul.controls li a {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
/*responsive menu*/
.content-area {width:100%;float:right;position:relative;}
.menu-content {float: left;width: 100%;}
.content-left {background: #ffffff none repeat scroll 0 0;box-sizing: border-box;float: right; height: 100%;right: 265px; margin-right: -282px; overflow-x: hidden;overflow-y: auto; position: fixed;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -khtml-transition: all 0.5s ease 0s;width: 0px;z-index:999999;}
.toggle {margin-top: 5px; display: none; float: right; position: relative; width: auto;}
a#close-panel {/*background:url(../images/mob-menu.png) no-repeat;*/height:28px;width:30px;float:right;}
a#close-panel:hover { background-position: 0 -29px;}
#close-panel span { display:block; background:#fff; width:25px; height:3px; margin-top:5px; }
#close-panel:hover span{ background:#184865;}


.content-left .lang {float: left; margin-left: 0;margin-top: 0;padding: 4px 8px; z-index: 9999;}
/* toggle menu script css new*/
.content-area.toggled .content-left {max-width: 100%; width: 280px; right:280px; -webkit-box-shadow:  5px 0px 35px rgba(0,0,0,0.7);-moz-box-shadow:  5px 0px 35px rgba(0,0,0,0.7); box-shadow:  5px 0px 35px rgba(0,0,0,0.7); padding:10px 16px;}
.content-area.mn .content-left {width: 280px;}
.gw-nav-list>li {background:#ffffff;}
.menu-entrades{ background:#e11e73; float:left; width:100%; padding:15px 0px;}
.menu-entrades .entra-img {background: url('../images/pictohome_entrades.png') no-repeat 0 0; width:95px; height:95px; left:0; right:0; left:0; bottom:0; margin:auto; top:0px; position:relative; display:block;}
.gw-nav-list > li:last-child .gw-submenu > li  {clear:both;} 
.menu-aribar{ background:#044f88; float:left; width:100%; padding:15px 0px;}
.menu-aribar .aribar-img {background: rgba(0, 0, 0, 0) url("../images/pictohome_arribar.png") no-repeat scroll 0 0; width:50px; height:55px; left:0; right:0; left:0; bottom:0; margin:auto; top:0px; position:relative; display:block;}
.mn-overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); display:none; z-index:99999;}
#mn-area .dropdown-lan { background: #ececee none repeat scroll 0 0;  padding: 15px 25px; width:100%;}
#mn-area .dropdown-lan .arw-toggle { display: inline-block; float: none; left:24px; top:24px; margin-right:10px;}
#mn-area .dropdown-lan #lan-name1 {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;text-align: left; width: auto;padding-left: 26px;}
#mn-area .dropdown-lan > ul {left: 0; margin: 0; right: auto; top: 49px; width: 100%;}
#mn-area .dropdown-lan > ul > li , #mn-area .mobile-check{ padding-left: 47px;}
#mn-area .search { display: block; float: left; margin: 0; padding:10px; text-align: left; width:85%; position:relative;}
.mob-map { float: right; margin-top: 12px;  width: 14%;}
#mn-area .search input[type="text"] { background: #009bf7 none repeat scroll 0 0; border:none; color: #ffffff; display: inline-block;  font-size: 14px; padding: 8px 30px 8px 10px;  width: 100%;}
#mn-area .search input[type="submit"] { background: rgba(0, 0, 0, 0) url("../images/icons.png") no-repeat scroll 0 0 / 40px 40px; border: medium none; color: rgba(0, 0, 0, 0); cursor: pointer; height: 20px; padding: 0; position: absolute; right:13px;  top:17px; width: 22px;}
.gw-submenu .ser-box { position:relative; z-index:99;
    float: left;
    margin: 10px 0;
    width: 100%;
}.gw-submenu .ser-box > a { border:1px solid #009bf7;
    background-color: #009bf7;
    display: block;
    float: none;
    font-size: 16px;
    margin: 2px auto;
    padding: 5px 10px;
    text-align: center;
    width: 80%;
}
.gw-submenu .ser-box > a:hover{color:#009bf7; background:#ffffff;}
.mob-top {
    background: #184865 none repeat scroll 0 0;
    float: left;
    width: 100%;
}
#mn-area .top-ss a{margin:0 8px;}
#mn-area .top-ss a:hover{ opacity:0.8;}


.twitter-mob-img { float: left;  margin-left: 130px;}
.twitter-rht { float: left; margin: 45px 0 0;  position: relative;}


.arees-grid { float: left; width: 100%;}
/* ---- grid ---- */
.grid { background: #fff; max-width: 100%; float: left; width: 100%;}

/* clear fix */
.grid:after { content: ''; display: block; clear: both;}

/* ---- .grid-item ---- */
.grid-item { float: left; width: 196px;/* height: 160px;*/ list-style-type:none;  height:175px; margin-bottom:5px;}
.grid-item--width2 { width: 397px; }
.grid-item--height2 { height: 355px; padding-top: 70px;}
.grid-item span { bottom: 25px; color: #ffffff; float: left; font-family: "Conv_SourceSansPro-Light"; font-size: 18px; line-height: 20px; position: relative; text-align: center; width: 100%;}
.mosaic-txt-center { text-align: center; width: 100%;}
.mosaic-txt-center.plateges { position: relative;top: 22%;}
.grid-item img{-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.grid-item:hover img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);}



/* raons css */

.roans-banner { float: left; width: 100%; margin:0 0 105px; position:relative;}
.raons-img { float:left; width:100%; text-align:center;}
.raons-img > img { float: none;}

.block-crossfade-slide-overlay-content.light.txt1 { float: right;  width: 558px; text-align:left; padding-top:130px !important; /*padding-top:80px !important;*/}
.block-crossfade-slide-overlay-content.light.txt2 { padding-top:80px !important;} 
#viewport .text-center.txt-lft { float: left;  width: 90%; }
#viewport .text-center.platges-txt, #viewport .text-center.txt-lft { text-align:left;}
#viewport .text-center.platges-txt h1, #viewport .text-center.txt-lft h1 { font-size:200px;  font-family: 'OpenSans-ExtraBold'; margin:0; line-height:170px;}
#viewport .text-center.platges-txt p{ font-size:60px; font-family: 'Conv_SourceSansPro-Light'; color:#fff; line-height: 66px; margin-left: 50px;}
#viewport .text-center.platges-txt a, #viewport .text-center.txt-lft a{ color:#fff; z-index: 999999; }
#viewport .text-center.platges-txt a:hover, #viewport .text-center.txt-lft a:hover{ color: #02aadf;}
#viewport .text-center.txt-lft p { font-size:60px; font-family: 'Conv_SourceSansPro-Light'; color:#fff; line-height: 66px; margin-left: 0px;}
#viewport .text-center.platges-txt p span, #viewport .text-center.txt-lft p span { font-size:100px;  font-family: 'OpenSans-ExtraBold'; }
#viewport .text-center.platges-txt.proxima p { margin-left:0;}
.text-center.txt-lft.txt-center { margin-left: 180px;}

.circle { float:left; width:100%; position:relative;}
a.circle-white { position:absolute; width:115px; background:#fff; right: 0; left:0; margin:0 auto; top:-60px; padding:46px 35px; border-radius:50%; z-index:9; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
a.circle-white span { background:url(../images/avall.png) no-repeat 0 0; float:left; width:48px; height:28px;}
a.circle-white:hover span { background-position:0 -27px;}

.circle-white.scroll.fixed_crossfade { padding: 50px 35px 30px; position: fixed;  top: 30px;}
.circle-white.scroll.fixed_crossfade.reverse_swing span{ background:url(../images/avall-up.png) no-repeat 0 -27px;}
.circle-white.scroll.fixed_crossfade.reverse_swing:hover span { background-position:0 0;}

.block-crossfade { float: left; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;   width: 100%;}
.raons-img { width:100%; margin:50px 0 100px 0;}


#raons-ftr { display:none;}
#mobile-raons-ftr { display:none;}
.raons-txt { display: block; float: left; margin: 50px 0; text-align: center; width: 100%; }
.raons-txt p span { font-size:200px; font-family: 'OpenSans-ExtraBold'; display:block; line-height:150px; position:relative; left:-50px;}
.raons-txt p { font-size:70px; /*font-family: 'AmaticSCBold';*/ font-family: 'Conv_SourceSansPro-Light'; line-height: 70px; display:inline-block; text-align:left;}
.raons-txt p span.mob-star { font-size:100px; font-family: 'OpenSans-ExtraBold'; display:inline-block; line-height:inherit; left:inherit;}
.raons-txt.sec-list-mob p span { left: auto;}

.circle-mobile { float:left; width:100%; position:relative; display:none;}
.circle-mobile a.circle-white { position:absolute; width:48px; height:28px; background:#fff; right: 0; left:0; margin:0 auto; top:-60px; padding:46px 35px; border-radius:50%; z-index:9;}
.circle-mobile a.circle-white span { background:url(../images/avall.png) no-repeat 0 0; float:left; width:48px; height:28px;}
.circle-mobile a.circle-white:hover span { background-position:0 -27px;}

#mn-area .top-ss { float: left; text-align: center;  width: 100%; display:block; margin:15px 0 10px 0;}
#mn-area .top-ss li a i , #mn-area .top-ss a span , #mn-area .top-ss .sbHolder{ background-color: #009bf7;}
.hvr-txt { font-size: 17px; color:#434343; font-family: 'Conv_SourceSansPro-Light';}
.hvr-txt > img {  vertical-align: middle;  width: auto;}


/*11-1-17*/
.block-crossfade-slide.positon_change { position:relative;}
.block-crossfade-slide.positon_change  .block-crossfade-slide-cover.skrollable-between { position:static;}
.block-crossfade-slide.positon_change  .block-crossfade-slide-overlay { position:absolute; top:0; left:60px;}
.gw-nav-list > li .gw-submenu > li { background: rgba(0, 0, 0, 0) url("../images/submenuli.png") no-repeat scroll 0 7px; padding-left:5px;}
#mn-area .sbOptions a:focus, #mn-area .sbOptions a.sbFocus{background:#009bf7;}
#sticky-wrapper.sticky-wrapper {
    height: 67px !important;
}.home-banner #sticky-wrapper.sticky-wrapper { 
	width:100%;
    bottom: 0;
    left: 0;
    position: absolute;
	z-index: 9999999;
}
.section-crossfade{
    overflow:hidden;
}



#searchsec input::-webkit-input-placeholder {
    color: white;
}
#searchsec input::-moz-placeholder {
    color: white;
}
#searchsec input::-ms-placeholder {
    color: white;
}
#searchsec input::placeholder {
    color: white;
}



.sub-servei .begurli li {
    margin: 0 0 5px;
    padding: 5px 0;
}
.sub-servei .begurli{
    width: 90%;
    padding-top: 0;
}

.sub-servei-list {
    padding: 0;
    margin-top: 30px;
}
.sub-servei-list a span{
    font-size: 30px;
    font-weight: bold;
    bottom: 36%;
}
.sub-servei-list a i{
    background: rgba(0, 0, 0, 0.5);
    
}
.sub-servei-list a:hover i{
    background: rgba(33, 150, 219, 0.8);
}
.sub-servei-list a{
    width: 32%;
}
.sub-servei-list img{
    height: auto;
    
}
.sidebaradd img{ 
    margin-bottom: 30px;
}

/* IGUALAR TEXTOS */

.urban-content .leftpad p,
.urban-content .centerpad p {
    color: #474747;
    font-family: "Conv_SourceSansPro-Light";
    font-size: 17px;
    line-height: 24px;
    padding-bottom: 10px;
}
.urban-content .leftpad ul li,
.urban-content .centerpad ul li {
    color: #474747;
    font-family: "Conv_SourceSansPro-Light";
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 0 4px 20px;
    position: relative;
    
}
.urban-content .leftpad ul li::after,
.urban-content .centerpad ul li::after {
    color: #474747;
    content: ".";
    left: 10px;
    position: absolute;
    top: -2px;
}
.begurli,
.begurli li,
.begurli li a{
    /* width: auto; */
    /*white-space: nowrap;*/
}
.begurli{
    width: 20%;
}
.begurlist .row{
    /*max-height: 205px;
    overflow-y: scroll;*/
}
#sub-servei{
    display: none;
    text-align: center;
    font-family: "Conv_SourceSansPro-Light";
    border: 1px solid #d3d3d3;
    color: #474747;
    font-size: 20px;
    padding: 14px 15px;
    width: 100%;
    margin-bottom: 25px;
    background: #ffffff none repeat scroll 0 0;
    line-height: 26px;
}
.sub-servei .begurli li, .sub-servei .begurli li a{
    width: 100%;
}
.gentralpage h3{
    font-family: 'Conv_SourceSansPro-Semibold';
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 40px;
    color: #474747;
}
.gentralpage h4{
    color: #474747;
    font-family: "Conv_SourceSansPro-Regular";
    font-size: 24px;
    line-height: 20px;
    margin: 30px 0;
}
.gentralpage p{
    color: #474747;
    font-family: "Conv_SourceSansPro-Light";
    font-size: 17px;
    line-height: 24px;
    padding-bottom: 10px;
}
.gentralpage ul li{
    color: #474747;
    font-family: "Conv_SourceSansPro-Light";
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 0 4px 20px;
    position: relative;
}
.gentralpage ul li::after{
    color: #474747;
    content: ".";
    left: 10px;
    position: absolute;
    top: -2px;
}
.origin-widget.origin-widget-button-simple-slate a{
    background: #05a0fc !important;
    text-transform: uppercase !important;
    font-family: "Conv_SourceSansPro-Light" !important;
    border: 1px solid #05a0fc !important;
    color: #ffffff !important;
    font-size: 17px !important;
    padding: 14px 15px !important;
    width: 220px !important;
    height: 55px !important;
    line-height: 28px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: none !important;
    text-shadow: none !important;
}
.origin-widget.origin-widget-button-simple-slate a:hover{
    color: #05a0fc !important;
    background: #ffffff !important;
    border: 1px solid #05a0fc !important;
}
/* Overrides */
a{
    color: #36aef6;
}
a:hover{
    /*color: #36aef6;*/
    text-decoration: underline;
}
.cbp-hrmenu > ul > li > a{
    text-transform: uppercase;
}
.wpcf7-form p{
    width: 100%;
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {
    border: 0px;
}

.wpcf7-mail-sent-ok{
    color: #7BC242;
    text-align: center;
}
.wpcf7-form.sent p{
    display: none;
}
#alcalde .attachment-full{
    border-radius: 50%;
}
#mapa_agenda, #mapa_at{
    width: 100%;
    height: 250px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.no-dot li::after{
    content: none !important;
}

.calendar {
    position: relative;
    padding-bottom: 75% !important;
    height: 0;
    overflow: hidden;
}
.calendar iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.largevideopad {
    position: relative;
    padding-bottom: 75% !important;
    height: 0;
    overflow: hidden;
}
.largevideopad iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
#pl-948 > div,
#pl-964 > div{
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 30px;
}
#pl-948 > div:last-child,
#pl-964 > div:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
.navigation .screen-reader-text{
    display: none;
}
.navigation a{
    background: #05a0fc;
    text-transform: uppercase;
    font-family: "Conv_SourceSansPro-Light";
    border: 1px solid #05a0fc;
    color: #ffffff;
    font-size: 17px;
    padding: 14px 15px;
    line-height: 28px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.navigation a:hover {
    color: #05a0fc;
    background: #ffffff;
}
.navigation span{
    color: #05a0fc;
    background: #ffffff;
    text-transform: uppercase;
    font-family: "Conv_SourceSansPro-Light";
    border: 1px solid #05a0fc;
    font-size: 17px;
    padding: 14px 15px;
    line-height: 28px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

a.ow-button-hover{
    float: right;
    background: #05a0fc;
    text-transform: uppercase;
    font-family: "Conv_SourceSansPro-Light";
    border: 1px solid #05a0fc;
    color: #ffffff;
    font-size: 17px;
    padding: 14px 15px;
    height: 55px;
    line-height: 28px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	margin-right: 20px;
	margin-top: 20px;
}
a.ow-button-hover:hover{
    color: #05a0fc;
    background: #ffffff;
    text-decoration: none;
}
/* Oficina virtual */
.contentpad .more h6{
    font-family: 'Conv_SourceSansPro-Semibold';
    font-size: 20px;
    line-height: 22px;
	margin-top: 20px;
    margin-bottom: 15px;
    color: #474747;
}
/* End Oficina virtual */
.ssba{
	color: #474747;
	font-family: "Conv_SourceSansPro-Light";
	font-size: 18px;
}
#gtranslate_selector{
	float: left;
	border:0;
	background-color: rgb(24,72,101);
	color: #ffffff; 
	height: 30px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#gtranslate_selector:after{
	content: ▾;
}
#gtranslate_selector::-ms-expand { display: none; }
#goog-gt-tt {display:none !important;}

.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-text-highlight {background-color:transparent !important;box-shadow:none !important;}
#google_translate_element2 {display:none!important;}
/**/

.moment-description #oferta{
	border-top: 1px solid #d3d3d3;
	padding: 30px 0;
	background-color: transparent !important;
}


#more_begur_tv{
    position: absolute; 
    bottom: 15px; 
    left: 35px ;
}

#more_begur_tv a{
    color: #ffffff;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    font-size: 17px;
    line-height: 20px;
    font-family: 'Conv_SourceSansPro-Regular';
}
#more_begur_tv a:hover{
    color: #0198fe;
}

@media screen and (max-width: 1023px) and (min-width: 768px){
    .bluebgli, 
    .urban-content .sub-servei{
        display: none;
    }
    .begurli{
        width: 25% !important;
    }
    .urban-content .centerpad{
        width: 100%;
    }
    #sub-servei{
        display: block;
    }
    .notice-section .serlistinnerpad img:not(.newtag) {
            min-height: 111px !important;
    }
    #more_begur_tv{
        position: relative;
    }
}
@media screen and (max-width: 639px){
    .begurlist {
        padding: 10px;
    }
    .begurlist .row{
        display: none;
    }
    .begurlist .sbHolder{
        display: block;
    }
    .bluebgli,
    .urban-content .sub-servei{
        display: none;
    }
    .urban-content .centerpad{
        width: 100%
    }
    #sub-servei{
        display: block;
    }
    .notice-section .serlistinnerpad > li {
            width: 50%;
    }
    .notice-section .serlistinnerpad img:not(.newtag) {
            height: auto;
    }
    #more_begur_tv{
        position: relative;
    }
}
@media screen and (max-width: 479px){
	.notice-section .serlistinnerpad > li {
		width: 100%;
	}
	.notice-section .serlistinnerpad img:not(.newtag) {
		height: auto !important;
	}
}

#searchsec-mob{
    z-index: 99999;
    width: 100%;
}
#searchsec-mob input[type="text"] {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    padding: 15px 30px 15px 10px;
    width: 240px;
    border: 1px solid #026da9;
    background: #026da9;
    width: 100%;
}
#searchsec-mob input[type="submit"] {
    z-index: 9;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/icons.png");
    background-repeat: no-repeat;
    background-size: 40px 40px;
    border: medium none;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 20px;
    padding: 0;
    position: relative;
    right: 10px;
    top: -35px;
    width: 22px;
    float: right;
}

#searchsec-mob input[type="text"]::-webkit-input-placeholder,
#searchsec-mob input[type="text"]::-moz-placeholder,
#searchsec-mob input[type="text"]:-ms-input-placeholder,
#searchsec-mob input[type="text"]:-moz-placeholder {
    color: #ffffff;
}

a.fancybox img{
    margin-bottom: 3px;
}

/* Agenda */
.agendalist-home{
    text-align: center;
    background: #f7f7f7;
    border: 3px solid rgba(0, 0, 0, 0);
    
}
.agendalist-home img{
	width: auto;
}
.agendalist a:hover .agendalist-home {
    border-color: #36aef6;
}

/* Ofertes de treball */
.ofertes-treball h3{
	border-bottom: 1px solid #d3d3d3;
	margin-bottom: 20px;
	padding-bottom: 40px;
}
.ofertes-treball > div{
	border-bottom: 1px solid #d3d3d3;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.ofertes-treball .col{
	width: 49%;
	display: inline-block;
}

.centerpad h2 a{ color: #474747; }

.home-logo.castell-logo { height: 212px; }

.home-logo .image-castell { padding: 19px 25px; }

table.privacitat{border-collapse: collapse;margin:20px auto;width:85%}
table.privacitat,table.privacitat th,table.privacitat td{border:1px solid darkgray}
table.privacitat th,table.privacitat td{padding: 2% 3%}
h1.titl-cookies{color:#000; font-size: 42px; font-weight: bold;margin-top: 30px;}

.wheather-sec-cloud { margin-top: 20px; margin-bottom: 20px; }
#weather-container {
    padding-top: 15px;
    display: -webkit-inline-box;
}
#weather-container span {
    font-family: 'Conv_SourceSansPro-Regular';
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0;
    color: #ffffff;
}
#weather-container i {
    display: block;
    margin-left: 15px;
    margin-top: -5px;
    width: 30px;
    height: 30px;
    background-size: 30px;
}
/*pluja*/
#weather-container .temps500, #weather-container-mobil .temps500{background-image: url(../images/weather/rain.png)}
#weather-container .temps501, #weather-container-mobil .temps501{background-image: url(../images/weather/rain.png)}
#weather-container .temps502, #weather-container-mobil .temps502{background-image: url(../images/weather/rain.png)}
#weather-container .temps503, #weather-container-mobil .temps503{background-image: url(../images/weather/rain.png)}
#weather-container .temps504, #weather-container-mobil .temps504{background-image: url(../images/weather/rain.png)}
#weather-container .temps511, #weather-container-mobil .temps511{background-image: url(../images/weather/rain.png)}
#weather-container .temps520, #weather-container-mobil .temps520{background-image: url(../images/weather/rain.png)}
#weather-container .temps521, #weather-container-mobil .temps521{background-image: url(../images/weather/rain.png)}
#weather-container .temps522, #weather-container-mobil .temps522{background-image: url(../images/weather/rain.png)}

/*neu*/
#weather-container .temps600, #weather-container-mobil .temps600{background-image: url(../images/weather/snowflake.png)}
#weather-container .temps601, #weather-container-mobil .temps601{background-image: url(../images/weather/snowflake.png)}
#weather-container .temps602, #weather-container-mobil .temps602{background-image: url(../images/weather/snowflake.png)}
#weather-container .temps611, #weather-container-mobil .temps611{background-image: url(../images/weather/snowflake.png)}
#weather-container .temps621, #weather-container-mobil .temps621{background-image: url(../images/weather/snowflake.png)}

/*ambient (boira)*/
#weather-container .temps701, #weather-container-mobil .temps701{background-image: url(../images/weather/fogg.png)}
#weather-container .temps711, #weather-container-mobil .temps711{background-image: url(../images/weather/fogg.png)}
#weather-container .temps721, #weather-container-mobil .temps721{background-image: url(../images/weather/fogg.png)}
#weather-container .temps731, #weather-container-mobil .temps731{background-image: url(../images/weather/fogg.png)}
#weather-container .temps741, #weather-container-mobil .temps741{background-image: url(../images/weather/fogg.png)}

/*sol*/
#weather-container .temps800, #weather-container-mobil .temps800{background-image: url(../images/weather/sun.png)}

/*nuvols*/
#weather-container .temps801, #weather-container-mobil .temps801{background-image: url(../images/weather/cloud.png)}
#weather-container .temps802, #weather-container-mobil .temps802{background-image: url(../images/weather/cloud.png)}
#weather-container .temps803, #weather-container-mobil .temps803{background-image: url(../images/weather/cloud.png)}
#weather-container .temps804, #weather-container-mobil .temps804{background-image: url(../images/weather/cloud.png)}