body {
    background: #fff;
    /*text-align: center;*/
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #888;
    font-size: 12px;
}

.violet { color: #de4f67; } /*b31b34*/

.titolActivitat {
    font-family: 'Amaranth', 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #5d5d5d;
    }
.titolActivitat2 {
    font-family: 'Amaranth', 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 25px;
    font-weight:normal;
    color: #A6192E;
    }
    
h2.titol{
    font-family: 'Amaranth', 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: #5d5d5d;
}
h2.titoldefault{
    font-family: 'Amaranth', 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 45px;
    color: #5d5d5d;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
h2.titoldestacat{
    font-family: 'Amaranth', 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 35px;
    color: #5d5d5d;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
h2.titolA{
    font-family: 'Amaranth', 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: #a8a8a8;
    font-weight:normal;
}
h2.titolItinerari{
    font-family: 'Amaranth', 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 24px;
    /*color: #5d5d5d;*/
    font-weight:normal;
}
.strong { font-weight: bold; }
.imatgeRodonaDocs 
    {
     border: 1px solid grey;
     width: 50px;
     height: 50px;
     border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
     overflow: hidden;
     float: left;
     margin-right: 10px;
     margin-bottom: 0px;
     margin-top:10px;
    }
/* ----- Enllaços ----- */
a {color: #b31b34;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;}
a:hover { color: #888888; text-decoration: none; }
a.invertir { color: #888888;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;}
a.invertir:hover { color: #b31b34; text-decoration: none; }
a.footer {color: #de4f67;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;}
a.footer:hover { color: #c1c1c1; text-decoration: none; }
.link_button {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #af1932;
    color: #FFF;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    word-wrap:normal;
    }
.link_button:hover {
    background: #333333; 
    color: #FFF;
    margin-bottom: 20px;
    }
.link_bgVermell {background: #af1932;}
.link_bgVerd {background: #8dc3b6;}
.link_bgGroc{background: #fd9a00;}
.link_bgGris{background: #858585;}
.link_bgBlau{background: #55aed6;}
.link_bgDarkGris{background: #545454;}



/* ----- HEADER  ----- */
.navbar-header {
    margin-bottom: 0;
}
.navbar-default {
  /*background-color: rgba(255, 255, 255, 0.9); */
  background-color:#ffffff;
  border-color: #ffffff;
}
.navbar-header a.navbar-brand {
    display: inline-block;
    text-indent: -9999px;
    width: 280px;
    height: 85px;
    /*padding: 30px 0;*/
	padding: 15px 0;
	/*background: url(../img/logo/logo.png) 20px center no-repeat;*/
	background-image: url(../img/logo/AJCORNELLA_COLOR_HORITZONTAL.svg);
	background-size: contain;
    background-repeat: no-repeat;
}
.navbar-header .navbar-inner {
    background: #fff;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-header h1 {
    float: left;
    margin: 0;
    text-align: left;
}
#navbar ul.nav
{font-size: 14px;
    text-transform: uppercase;    
    }
    
#navbar ul.nav li a {
    /*padding: 30px 20px 10px 20px;*/
	padding: 15px 20px 10px 20px;
    color: #5d5d5d;
    text-shadow: none;
}

/*#navbar ul.nav li.active a {
  	padding-top: 10px;
    border-top: 5px solid #A6192E;
    background: #f0eee8;
}*/

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus 
{
    border-top: 5px solid #A6192E;
}

#navbar ul.nav li a:hover {
    background: #A6192E;
    color: #fff;
}   

/*iconos*/
#navbar ul.nav li a i {
    /*line-height: 35px;*/
	line-height: 25px;
    color: #aaa;
}
#navbar ul.nav li a:hover i { color: #fff; }


.imgLogoCampanya 
{
    width:100%;
    max-height:200px;
}

/* li a. idioma*/
/*#navbar li a.idioma {
    line-height: 30px;
	display: inline;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    font-size: 0.8em;
    margin-left: 5px;
    text-transform: uppercase;
}
#navbar ul.navbar-idioma li a.idioma:link {
	padding: 5px 5px 5px 5px;
    color: #000000;
     background: #f0eee8;
}
#navbar ul.navbar-idioma li a.idioma:hover {
    background: #A6192E;
    color: #fff;
}
*/
/* li a. idiomaseleccionat*/
/*#navbar li a.idiomaseleccionat {
    line-height: 30px;
	display: inline;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    font-size: 0.8em;
    margin-left: 5px;
    text-decoration: underline;
}
#navbar ul.navbar-idioma li a.idiomaseleccionat:link {
	padding: 5px 5px 5px 5px;
    color: #000000;
    background: #f0eee8;
    text-decoration: underline;
}
#navbar ul.navbar-idioma li a.idiomaseleccionat:hover {
    background: #A6192E;
    color: #fff;
    text-decoration: underline;
}*/

/* ----- FI HEADER ----- */
.presentation p {
    font-size: 18px;
    /*font-style: italic;*/
}
/* ----- Footer ----- */
footer {
    margin: 0 auto;
    margin-top:20px;
    padding-bottom: 10px;
   /* background: #f8f8f8 url(../img/pattern.jpg) left top repeat;*/
	background: #333333;
    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;
}
footer .widget {
    margin-top: 20px;
    text-align: left;
}
footer .widget h4 {
    margin-top: 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    /*color: #5d5d5d;*/
	color: #cccccc;
    text-transform: uppercase;
    /*text-shadow: 0 1px 0 rgba(255,255,255,.7);*/
      font-weight: bold;
}
footer .widget p {
    line-height: 24px;
}
footer .widget i {
    padding-right: 7px;
}
.footer_logo 
{
    margin-top:15px;
    width: 200px;
    height: 75px;
    background-image: url(../img/logo/AJCORNELLA_NEGATIU_HORIZONTAL_TRANS.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
/* Twitter feed */
/*
.show-tweets {
    margin: 0;
    overflow-y: hidden;
}

.tweet_list {
    height: 10em;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    list-style: none;
}
	
.tweet_list li {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    list-style-type: none;
    line-height: 24px;
}
		
.tweet_list .tweet_avatar {
    float: left;
}
		
.tweet_list .tweet_avatar img {
    vertical-align: middle;
}
*/

/* Flickr feed */
/*
.flickr-feed {
    margin: 16px 0 0 0;
    overflow: hidden
}

.flickr-feed li {
    float: left;
    padding: 0 4px 4px 0;
    list-style: none;
}

.flickr-feed li img {
    width: 50px;
    border: 2px solid #eaeaea;
}

.flickr-feed a:hover {
    opacity: 0.7;
}
*/

footer .footer-border {
    margin-top: 30px;
    border-top: 1px dashed #ddd;
}
footer .copyright {
    margin-top: 15px;
    text-align: left;
}
/* Social */
footer .social {
    margin-top: 10px;
    /*text-align: right;*/
}
footer .social a { display: inline-block; width: 24px; height: 24px; margin: 0 0 0 8px; vertical-align: middle; }
footer .social a.twitter { background: url(../img/icono/social-icons/twitter.png) left bottom no-repeat; }
footer .social a.dribbble { background: url(../img/icono/social-icons/dribbble.png) left bottom no-repeat; }
footer .social a.rss { background: url(../img/icono/social-icons/rss.png) left bottom no-repeat; }
footer .social a.pinterest { background: url(../img/icono/social-icons/pinterest.png) left bottom no-repeat; }
footer .social a.flickr { background: url(../img/icono/social-icons/flickr.png) left bottom no-repeat; }
footer .social a.forrst { background: url(../img/icono/social-icons/forrst.png) left bottom no-repeat; }
footer .social a.vimeo { background: url(../img/icono/social-icons/vimeo.png) left bottom no-repeat; }
footer .social a.linkedin { background: url(../img/icono/social-icons/linkedin.png) left bottom no-repeat; }
footer .social a.facebook { background: url(../img/icono/social-icons/facebook.png) left bottom no-repeat; }
footer .social a.email { background: url(../img/icono/social-icons/email.png) left bottom no-repeat; }
footer .social a.github { background: url(../img/icono/social-icons/github.png) left bottom no-repeat; }
footer .social a.behance { background: url(../img/icono/social-icons/behance.png) left bottom no-repeat; }
footer .social a.googleplus { background: url(../img/icono/social-icons/googleplus.png) left bottom no-repeat; }
footer .social a.youtube { background: url(../img/icono/social-icons/youtube.png) left bottom no-repeat; }
footer .social a.skype { background: url(../img/icono/social-icons/skype.png) left bottom no-repeat; }
footer .social a.tumblr { background: url(../img/icono/social-icons/tumblr.png) left bottom no-repeat; }
footer .social a.issuu { background: url(../img/icono/social-icons/issuu.png) left bottom no-repeat; }
footer .social a.contacte { background: url(../img/icono/social-icons/contacte.png) left bottom no-repeat; }
footer .social a.report_error { background: url(../img/icono/social-icons/report_error.png) left bottom no-repeat; }
footer .social a:hover { background-position: left top; }

/* ----- Page title ----- */
.page-title {
    margin: 0 auto;
    padding: 30px 0 35px 0;
	 background: #b31b34;
	 /*background: url('../img/images/bg_primavera03b.jpg') no-repeat;*/
    -moz-box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
    text-align: left;
}
.page-title h2 {
    display: inline;
    margin-left: 10px;
    font-family: 'Amaranth', 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 24px;
	color: #f0eee8;
    vertical-align: middle;
    font-weight:bold;
}
.page-title p {
    display: inline;
    margin-left: 5px;
    font-size: 14px;
    font-style: italic;
    vertical-align: middle;
	color: #cccccc;
}
.page-title-icon {
    margin-left: 20px;
    font-size: 46px;
    color: #ffffff;
    vertical-align: middle;
}
/********** ----- ONE COLUMN ----- **********/

/* ----- One Column text ----- */
.one-column {
    margin-top: 20px;
}
.one-column-text {
    padding: 10px 0;
    text-align: left;
}
.one-column-text h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.one-column-text p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 13px;
}
.one-column-page {
    margin-top: 20px;
    padding-bottom: 50px;
}
/********** ----- TWO COLUMN ----- **********/

/* ----- Two Column text ----- */
.two-column {
    margin-top: 20px;
    padding-bottom: 50px;
    text-align: left;
}
.two-column h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.two-column p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 13px;
}
.two-column-form {
    padding: 10px 0;
}
.two-column-form p {
    margin-top: 15px;
}
.two-column form {
    margin-top: 25px;
    padding: 0 20px;
}
/* ----- GOOGLE MAPS ----- */
.map {
    margin: 20px 20px 20px 20px;
    /*height: 300px;*/
    border: 5px solid #f8f8f8;
}
/* Corregir problema de controls de googlemaps en bootstrap (img 100%)*/
/*img[src^="http://maps.gstatic.com/"] {
    max-width: none;
}*/
/* ----- MEDIA QUERIES ----- */
@media (min-width: 980px) and (max-width: 1200px) {
    .flex-caption {
        max-width: 700px;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }
    
    .portfolio .work     {
            height: 350px;
		}

}

@media (min-width: 768px) and (max-width: 979px) {
    .header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .header ul.nav li.current-page a {
        padding-top: 15px;
    }

    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }

    .flex-caption {
        max-width: 500px;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

    .portfolio .work     {
            height: 450px;
		}
}

@media (max-width: 767px) {
    body {
        padding-left: 0;
        padding-right: 0;
    }

    .slider, .what-we-do, .portfolio {
        padding: 0 20px;
    }

    .what-we-do {
        margin-top: 30px;
    }

    .header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .header ul.nav li.current-page a {
        padding-top: 15px;
    }

    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }

    .flex-caption {
        display: none;
    }

    .presentation, footer, .testimonials {
        padding-left: 20px;
        padding-right: 20px;
    }

    .presentation p {
        line-height: 30px;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .what-we-do .service .icon-awesome {
        padding-top: 10px;
    }

    .page-title p {
        display: block;
        margin-top: 10px;
        margin-left: 20px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

    .portfolio-page {
        padding-bottom: 50px;
    }

    .tweet_list {
        height: 6em;
    }
    
     .portfolio .work     {
            height: 100%;
		}
	#filter-detalls{float:none;}

}

@media (max-width: 480px) {
    .tweet_list {height: 10em; }    
     .portfolio .work {height: 100%;}
	 #filter-detalls{float:none;}
}

/* **************************************** EXTRAS ************************************************* */
/* **************************************** GENERAL************************************************* */
#head_blanc
{
    padding: 0;
    margin:0;
    width:100%;
    background-color: #FFFFFF;
}
.imatgeFitxa{
    width:100%;
}
.imatgeRodona 
{
 border: 1px solid grey;
 width: 200px;
 height: 200px;
 border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
-khtml-border-radius: 100px;
 overflow: hidden;
 float: left;
 margin-right: 20px;
 margin-bottom: 20px;
}
.titol_agenda{
    font-size: 1.2em;
    /*color: #ba0220;*/
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.etiquetes_agenda{
    font-weight:bold;    
}
/* **************************************** FI GENERAL************************************************* */
/* **************************************** LAYOUT ************************************************* */
.column_esquerra {
/*margin-left:20px:*/
}
.column_dreta {
/*margin-rigth:20px:*/
}
.container_acordeon{
    background-color: #ffffff;
	padding:10px;
	border:#d3d3d3 1px solid;
}
.container_viewmap{
	background: #ffffff url(../img/banner/banner_mapa.jpg);
	/*padding:10px;
	padding-top: 80px;*/
	border:#d3d3d3 1px solid;
}
.container_tabs{
	background-color: #ffffff;
	padding:10px;
	border:#d3d3d3 1px solid;
}
.container_map{
	background-color: #ffffff;
	padding:10px;
	border:#d3d3d3 1px solid;
	display: none;
	margin-top: 15px;
}
.container_menumobil{
	background-color: #ffffff;
	padding:10px;
	border:#d3d3d3 1px solid;
}
.navbar .nav.pull-right{
text-align: center;
}
#descripcioItineraris 
{
    padding-top: 12px;
    font-size: 1.2em;
}
/* **************************************** FI LAYOUT ************************************************* */

/* **************************************** CERCADOR ************************************************* */
#cercador, #cercadorAvançat {
background: rgba(0, 0, 0, 0.5);
padding: 15px 0;
border-bottom: 1px solid lightgrey;
clear:both;
/*filter: alpha(opacity=80);
        opacity: 0.8;
        z-index: 10000;*/
}
.cercar {
padding:0;
}	
.cercar input{
    width: 40%;
    /*height: 24px;*/
    /*border: 1px solid #ddd;*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #888;
    font-size: 13px;
    font-style: italic;
	padding:10px;
}
.cercar input:focus {
    border: 1px solid #bbb;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.cercar button {
    width: 120px;
    height: 40px;
	margin-top:-10px;
	margin-left: 10px;
    /*margin-top: 100px;*/
    background: #f0eee8; /*#de4f67;#ebebeb*/
    border: 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #5d5d5d;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}
.cercar button:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	background: #b31b34; /* #de4f67*/
	color:#ffffff;
}
.cercar button:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
.cercar label {
    margin-top: 10px;
    font-size: 13px;
}
.cercar input:-moz-placeholder{ color: #ccc; }
.cercar input:-ms-input-placeholder{ color: #ccc; }
.cercar input::-webkit-input-placeholder{ color: #ccc; }
.btn_cercar{
    width:120px;
    height:40px;
	margin-top:-10px;
	margin-left:10px;
    /*margin-top: 100px;*/
    background-color:#f0eee8;/*#de4f67;#ebebeb*/
    border:0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    color:#5d5d5d;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
     background-image:url("../img/icono/i_cercar-gris.png");
     background-repeat:no-repeat;
     background-position: 25px 14px;
     text-indent:15px;     
}
.btn_cercar:hover {
    background-color:#b31b34;
	color:#ffffff;
	background-position: 20px 14px;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image:url("../img/icono/i_cercar-blanc.png");
	background-repeat: no-repeat;
	background-position: 25px 14px;
	text-indent:15px; 
}
.btn_cercar:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
/* **************************************** FI CERCADOR ************************************************* */
/* **************************************** CERCADOR FIXE ************************************************* */
.cercador {
   /* position:absolute;*/
    /*top:200px;*/
    width:100%;
	z-index:10;
}
.fixed {
    position:fixed;
    top:0;
}
input.search{
    padding-left: 25px;
}
.search{
    background: url("../img/icono/i_map.gif") no-repeat scroll 0 0 transparent;
    background-position: 10px 14px;
}
/* **************************************** FI CERCADOR FIXE ************************************************* */


/*BOTO ENLLAÇ MOSTRAR-MAPA */
.btn-map {
/*background-color: #212121;*/
background-color: rgba(33,33,33,0.7);
padding: 2.5px 0 5px;
text-align: center;
font-size: 14px;
}
.btn-map a{
    color: #FFFFFF;
}
.btn-map a:hover{
    color: #FFFFFF;
    text-decoration: underline;
}


/* ****************************************MENU i  MENU ACORDEON ************************************************* */
#menu {
background: rgba(255, 255, 255, 0.9);
padding: 15px 0;
/*border-bottom: 1px solid lightgrey;*/
clear:both;
}
#menu .col-md-3{
    text-align: center;
    padding-top: 20px;
    vertical-align:middle;
}
#acordeon{
    /*background-color: #FFFFFF;*/
}
#grup {
  padding: 10px;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
  background-color: #FFFFFF;
  border-top:#d3d3d3 1px solid;
}

#grup a{
color:#000000;
text-decoration: none;
}

#grup span{
text-align:right;
float:right;
}

.grup {
  padding: 10px;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
  background-color: #FFFFFF;
  border-top:#d3d3d3 1px solid;
}

.grup a{
color:#000000;
text-decoration: none;
}

.grup span{
text-align:right;
float:right;
}

#acordeon ul{
  /*line-height: 2em;*/
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  font-size: 1.1em;
  padding-bottom: 15px;
}

#acordeon li{
  line-height: 22px;
  padding: 4px 0px 4px 0px;
  font-size: 1.05em;  
}

#acordeon li span{
   padding-right: 4px;
}

#acordeon li input {
    vertical-align: text-bottom;
}

@media (min-width: 768px) and (max-width: 979px){
#mostrar_filtres{
visibility:visible;
display:block;
}
.container_acordeon
{
    visibility:visible;
display:block;
}
#acordeon
{
    visibility:visible;
display:block;
}
}


a.aplica 
{
   display:block;
   padding: 5px 5px 5px 5px;
   font-size: 0.8em;
   background-color: #f0eee8;
   border:1px solid #dddddd;
   text-align: center;
   color:#5d5d5d;
}
a.aplica:hover 
{
   display:block;
   padding: 5px 5px 5px 5px;
   font-size: 0.8em;
   background-color: #b31b34;
   text-align: center;
   color:#ffffff;
}

a.totck1, a.totck2, a.totck3, a.totck4, a.totck5, a.totck6, a.totck7, a.totck8, a.totck9, a.totck10, a.totck11, a.totck12, a.totck13, a.totck14, a.totck15, a.totck16, a.totck17, a.totck18, a.totck19, a.totck20{
   /*padding: 0 5px 0 5px;
   font-size: 0.8em;*/
   margin-right: 8px;
}
a.resck1, a.resck2, a.resck3, a.resck4, a.resck5, a.resck6, a.resck7, a.resck8, a.resck9, a.resck10, a.resck11, a.resck12, a.resck13, a.resck14, a.resck15, a.resck16, a.resck17, a.resck18, a.resck19, a.resck20{
   /*padding: 0 5px 0 5px;
   font-size: 0.8em;*/
   margin-right: 8px;
}

/* **************************************** FI MENU ACORDEON ************************************************* */
/* **************************************** MENU MOBILE 2************************************************* */
.navi{
background-color:white;
border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
border-right:1px solid lightgrey;
list-style:none;
/*display:inline-block;*/
display: none;
}
.navi ul {  
	/*list-style:none;*/
	margin:0;
    padding:0;
}
.navi li {
	/*margin:0px;
	padding:0;
	float:left;*/
	display:table-cell;
	border-left:1px solid lightgrey;
    /*padding:10px;*/
    font-size:14px;
    width: 1%;
}
.navi li a {
	/*display:block;*/
	/*width:100px;*/
	padding:15px;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	color:#606060;
	background-color:#ffffff;
	/*border-left:1px solid #606060;  /*Agrego un borde ancho a la izquierda*/
}
.navi li a:hover{
	color:#ffffff;
	background-color:#b31b34;
}
.navi li a:hover.selected{
	color:#ffffff;
	background-color:#b31b34;
}

.navi li a.selected {
	color:#606060;
	background-color:#f0eee8;
}

@media screen and (max-width: 767px){
.navi{
display:inline-block;
}
.container_viewmap{
display:none;
}
}
/* **************************************** FI MENU MOBILE 2 ************************************************* */

/* **************************************** MENU TABS 2 ************************************************* */
.container_nav1{
	background-color: #ffffff;
	margin:0;
	padding:15px;
	padding-right:0px;
	border:#d3d3d3 1px solid;
}

.container_nav1 ul{
    margin:0;
    padding:0;
    float:right;
background-color:white;
/*border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;*/
/*border-left:1px solid lightgrey;*/
list-style:none;
/*display:inline-block;*/
display:block;
}

.nav1 li {
	margin:0px;
	padding:0;
	/*float:left;*/
	display:table-cell;
	 /*border-left:1px solid lightgrey;
   padding:10px;*/
    font-size:14px;
    width: 100px;
    /*padding:15px;*/
}
.nav1 li a {
	/*display:block;*/
	/*width:100px;*/
	/*margin:0;*/
	padding:13px;
	/*text-decoration:none;
	text-align:center;
	font-size:14px;*/
	color:#606060;
	/*background-color:#ffffff;*/
	border-left:1px solid lightgrey;
	/*border-left:1px solid #606060;  /*Agrego un borde ancho a la izquierda*/
}
.nav1 li a:hover{
	color:#ffffff;
	background-color:#b31b34;
	/*margin:0;*/
}
.nav1 li a:hover.selected{
	color:#ffffff;
	background-color:#b31b34;
	/*margin:0;*/
}
.nav1 li a.selected {
	color:#606060;
	background-color:#f0eee8;
	/*margin:0;*/
}
@media screen and (max-width: 767px){
.container_nav1{
    display:none;
}
}
/* **************************************** FI MENU TABS 2 ************************************************* */

/* **************************************** CAPA NOTES ************************************************* */
.info{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
/*position:relative;*/
border:1px solid lightgrey;
border-top:0;
background:#fef8c4; /*#d7eefb */
color:#5d5d5d;
font-size:1.1em;
line-height:1.2;
padding: 10px;
/*color: #e4b328;*/
}

.icon_info{
/*position:absolute;*/
/*top:50%;*/
left:10px;
/*margin-top:-32px;*/
font-size:18px;
line-height:1;
color: #e4b328;
/*vertical-align: middle;*/
}

.remove-info{
    float:right;
}
a.remove-info {
    color: #606060;   
    font-size:18px; 
}
a.remove-info:hover {
    color: #b31b34;  
    font-size:18px;  
}

@media (max-width: 767px) {
    .info{
    border-top:1px solid lightgrey;
    }
}
/* **************************************** FI CAPA NOTES ************************************************* */

/* **************************************** RESULTATS ************************************************* */
#container_resultats{
	/*background-color:#ffffff;*/
	padding:0px;
	/*border:#d3d3d3 1px solid;*/
	margin-top: 15px;
}

#container_resultats {
  display: table;
  width: 100%;
}

.resultat{
    margin-top: 15px;
    display:block;
    border:solid 1px lightgrey;
    background-color:#FFFFFF;
}

.column, .column-imatge {
  display: table-cell;
  vertical-align: top; 
}
.column-imatge{
 position: relative;
 /*width:325px;*/
}
.image-ombra {
 position:absolute;
 top:0px;
 left:0px;
 border:none;
 width:100%;
 height:100%;
}
.imatgelloc{
    width:325px;
}
.column{
padding: 15px 15px 15px 15px;
width: 100%\9  /*\9 solo opara versiones explorer */
}
.column p
{
    line-height: normal;
    padding:0px 10px 0px 10px;
    /*margin:0;*/
}
.column h3{
font-size: 16px;
top:0px;
padding:0;
margin:0;
}
.imatge-destacat{
position:absolute;
top:0;
left:0;
width:100%;
z-index:2;
padding:5px 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.destacat-atributs{
display:block;
font-size:14px;
color:white;
text-shadow:0 1px 0 rgba(33,33,33,0.5),0 0 5px rgba(33,33,33,0.5);
}
.destacat-atributs-titol{
font-size:14px;
display:inline-block;
vertical-align:middle;
}
#container_resultats ul {
    margin:0px;
    margin-bottom: 5px;
    }
/*------ DIV veure 1 ------*/
.div-veure{
/*padding:25px;
margin:0;*/
margin-top: 10px;
/*border-top: 1px solid #dadada;*/
font-size: 0.9em;
font-weight:normal;
text-align:center;
width: 100%;
/*display: inline-block;
vertical-align:bottom;*/
}
.ul-veure ul {  
	/*list-style:none;*/
	margin:0;
    padding:0;
}
.ul-veure li {
	/*margin:0px;
	padding:0;
	float:left;*/
	margin-left: 5px;
	display:table-cell;
	border:1px solid lightgrey;
    /*padding:2px;*/
    width: 1%;
}
.ul-veure li a {
	display:block;
	text-decoration:none;
	text-align:center;
	font-size:1em;
	color:#606060;
	background-color:#ffffff;
	padding: 5px;
	}
.ul-veure li a:hover{
	color:#ffffff;
	background-color:#b31b34;
}
/*------ DIV veure 2 ------*/
.div-veure2{
margin-top: 10px;
font-size: 1.2em;
font-weight:normal;
text-align:center;
width: 100%;
}
.ul-veure2 ul {  
	list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.ul-veure2 li 
{
    display: table-cell; 
    width: 1%;
}

@media (min-width: 980px) and (max-width: 1200px) {
 .column-imatge{
 width:300px;
}
.imatgeFitxa{
    width:300px;
}
.imatgelloc{
    width:300px;
}
.column{
 /*background-color: pink;*/
}
}

@media (min-width: 768px) and (max-width: 979px) {
 .column-imatge{
 width:100%;
 display: block;
 height: 250px;
 overflow: hidden;
}
.imatgeFitxa{
    width:100%;
}
.imatgelloc{
    width:100%;
}
.column{
 /*background-color: red;*/
 display: block;
}
}
@media (max-width: 767px) {
.column-imatge{
 width:300px;
}
.imatgelloc{
    width:300px;
}
.imatgeFitxa{
    width:300px;
}
.column{
 /*background-color: yellow;*/
}
.two-column
{
    padding-left:5px;
    padding-right:5px;
}
}

@media (min-width: 481px) and (max-width: 600px) 
{
.column-imatge{
 width:100%;
 display: block;
 /*height: 400px;*/
 overflow: hidden;
}
.imatgeFitxa{
    width:100%;
}
.imatgelloc{
    width:100%;
}
.column{
 /*background-color: orange;*/
 display: block;
}
    }

@media (max-width: 480px) {
.column-imatge{
 width:100%;
 display: block;
}
.imatgeFitxa{
    width:100%;
}
.imatgelloc{
    width:100%;
}
.column{
 display: block;
 /*background-color: blue;*/
}
.two-column
{
    padding-left:2px;
    padding-right:2px;
}
}
/* **************************************** FI RESULTATS ************************************************* */
.contact-us
{
    margin-top:0;
}
/************************************* MAPA ********************/
#map-canvas {
width:auto;
height:700px; 
margin-bottom:20px;
}
#map-canvas img{
 max-width: none; /* soluciona error visualitzacio control de zoom de googlemaps (amb display:none-block*/
}          
#map{             
 width:auto;
 height:700px; 
 max-width: none;
}
#map img{             
 max-width: none; /* soluciona error visualitzacio control de zoom de googlemaps*/
}
#map img.imglloc {
max-width: 250px; /* imatge del lloc dintre de infowindow*/
}

/************************************* FI MAPA ********************/

/********************************* TOOLTIPS  *****************************/ 
 .circle{
display:inline-block;
width:20px;
height:20px;
border-radius:12px;
border:1px solid #7c7c7c; /*5d5d5d */
font-size:0.9;
/*font-weight: bold;*/
color:#5d5d5d;
line-height:20px;
text-align:center;
text-decoration:none;
/*text-shadow:0 1px 0 #fff;*/
background:#ffffff;
margin-bottom: 5px;
}

.circle:hover{
border:1px solid #af1a33;
color:#ffffff;
text-decoration:none;
background:#af1a33;
}

.btncercle
{
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  margin-bottom: 5px;
  background-color: #f0eee8;
  color: #7a7a7a;
  border: 1px solid #dddddd;
  padding: 5px;
  border-radius: 18px;
  font-size: 18px;
    }
.btncercle:hover{
border:1px solid #af1a33;
color:#ffffff;
text-decoration:none;
background:#af1a33;
}
.btncercleBig
{
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  border: 1px solid #7c7c7c;
  font-size: 0.9;
  color: #5d5d5d;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  background: #ffffff;
  margin-bottom: 5px;
  background-color: #f0eee8;
  color: #7a7a7a;
  border: 1px solid #dddddd;
  padding: 15px;
  font-size: 36px;
    }
.btncercleBig:hover{
border:1px solid #af1a33;
color:#ffffff;
text-decoration:none;
background:#af1a33;
}


.btncercle-idioma
{
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 12px;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  margin-bottom: 5px;
  background-color: #ffffff;
  color: #7a7a7a;
  border: 1px solid #dddddd;
  padding: 5px;
  border-radius: 18px;
  font-size: 11px;
  text-transform:uppercase;
    }
.btncercle-idioma:hover{
    border:1px solid #af1a33;
    color:#ffffff;
    text-decoration:none;
    background:#af1a33;
}
.btncercle-idioma-seleccionat
{
  background-color: #f0eee8;
  color:#7a7a7a;
}

/* Base styles per l'element que té el tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles per el total del tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
	  opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:    
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:         
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
  font-size: 0.85em;
}

/* Mostar tot tooltip en hover i focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles per la fletxa de direcció del tooltip */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles per al tooltip content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 100px; /*160px*/
  /*background-color: hsla(0, 0%, 20%, 0.9);  rgba(240,238,232,.8)*/
  /*background-color:rgba(70,70,70,.8);  
  color: #ffffff;*/  
  background-color:rgba(240,238,232,.9);  
  color: #5d5d5d;  
  content: attr(data-tooltip);  
  font-size: 1.1em;
  line-height: 1.2;
}

/* Direccions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  /*border-top-color: rgba(70,70,70,.8);*/
  border-top-color:rgba(240,238,232,.9);  

/*  border-top-color: hsla(0, 0%, 20%, 0.9);*/
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -35px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}
.circle2{ 
 background-color: #f0eee8; /*#a6a9aa;*/
 color: #7a7a7a; /*#FFFFFF;*/
 border: 1px solid #dddddd; /*#a6a9aa;*/
 padding: 6px;
 border-radius:18px;
} 
.titolItinerari{
    font-size: 16px;
}
/********************************* FI TOOLTIPS  *****************************/
/***** IMPRIMIR *****/
.imprimirFitxa 
{
    padding-top: 20px;
    width: 100%;
    text-align: center;
    font-size: 1.2em;
}
/***** FI IMPRIMIR *****/

/********************************* TABS ITINERARIS  *****************************/

#divMenuItineraris *:after, #divMenuItineraris *:before { border-box; box-sizing: border-box; }
#divMenuItineraris .clearfix:before, .clearfix:after { content: ''; display: table; }
#divMenuItineraris .clearfix:after { clear: both; }

#divMenuItineraris{
    background: #f6f9fa;
	color: #536d76;
	font-weight: 400;
	font-size: 1em;
	font-family: 'Raleway', Arial, sans-serif;
}

#itineraris ul {
 display: inline; 
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
 }
#itineraris li{
display: inline-block; 
width: 200px;
margin-left: 10px;
 }

.grid {
	overflow: hidden;
	margin: 0;
	padding: 1em 0 1.5em 0;
	width: 100%;
	max-width: 1920px;
	list-style: none;
	/*text-align: center;*/
}

/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	/*display: inline-block;*/
	overflow: hidden;
	margin: -0.1em;
	width: 200px;
	height: 300px;
	background: #565656; /*#3085a3 */
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
	max-width: 400px;
}

.grid figure figcaption {
	padding: 0em;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.8em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
	z-index: 1000;
	text-indent: 100%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 400;
	font-size: 2.5em;
	line-height:1;
	padding-right: 10px;
}

.grid figure h2 span {
	font-weight: 800;
	font-size: 1.2em;
	line-height:1;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 0.9em;
	line-height:2;
	padding: 0px 20px 0px 0px;
}
/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.9;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
	top: auto;
	bottom: 0;
	height: 75%;
	text-align: left;
	padding: 1.5em;
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	color: rgba(255,255,255,1);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img
{
	opacity: 0.25;
}
figure.effect-lily:hover p {
	opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}
/********************************* FI TABS ITINERARIS  *****************************/
/* **************************************** FI FORMULARI ************************************************* */
/*******FANCYBOX ********/
.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}


/* **************************************** FORMULARI 2 ************************************************* */

#formulari input.inputWidthCercar {width:50%;}

.form input, textarea, select {
  border: 1px solid #d2d2d2;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #777777;
  font-size: 13px;
  font-style: italic;
  padding: 10px;
}

input{
    line-height: normal;}
    
    #formulari {}
#formulari fieldset {
	background: #ffffff;
	border: 0 none;
	display:inline;
	}
/*Ocultem tot menys el primer fieldset*/
#formulari fieldset:not(:first-of-type) {display: none;}
/*inputs*/
#formulari input,#formulari textarea, #formulari select, #formulari option {}
#formulari select{padding: 5px; height: 40px;}

/*buttons*/
#formulari .action-button {
	/*background: #b31b34;*/
	/*font-weight: bold;*/
	/*color: white;*/
	/*border: 0 none;*/
	/*border-radius: 1px;*/
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
	}
#formulari .action-button:hover, #formulari .action-button:focus {
	-webkit-box-shadow: 0 0 0 1px white, 0 0 0 3px #b31b34;
	box-shadow: 0 0 0 1px white, 0 0 0 3px #b31b34;
	}
/* inputs error - valid - obligatori*/
#formulari input.red {border: 1px solid #c60c31;color: #c60c31;}
#formulari input.error, select.error, checkbox.error { border: 1px solid red;}
#formulari input.valid, select.valid, checkbox.valid { border: 1px solid #8fba7e;}
/* inputs width */ 
#formulari select.inputWidth5, #formulari input.inputWidth5, #formulari textarea.inputWidth5 {width:4%;}
#formulari select.inputWidth10, #formulari input.inputWidth10, #formulari textarea.inputWidth10 {width:9%;}
#formulari select.inputWidth15, #formulari input.inputWidth15, #formulari textarea.inputWidth15 {width:14%;}
#formulari select.inputWidth20, #formulari input.inputWidth20, #formulari textarea.inputWidth20 {width:19%;}
#formulari select.inputWidth25, #formulari input.inputWidth25, #formulari textarea.inputWidth25 {width:24%;}
#formulari select.inputWidth30, #formulari input.inputWidth30, #formulari textarea.inputWidth30 {width:29%;}
#formulari select.inputWidth35, #formulari input.inputWidth35, #formulari textarea.inputWidth35 {width:34%;}
#formulari select.inputWidth40, #formulari input.inputWidth40, #formulari textarea.inputWidth40 {width:39%;}
#formulari select.inputWidth45, #formulari input.inputWidth45, #formulari textarea.inputWidth45 {width:45%;}
#formulari select.inputWidth50, #formulari input.inputWidth50, #formulari textarea.inputWidth50 {width:50%;}
#formulari select.inputWidth55, #formulari input.inputWidth55, #formulari textarea.inputWidth55 {width:54%;}
#formulari select.inputWidth60, #formulari input.inputWidth60, #formulari textarea.inputWidth60 {width:59%;}
#formulari select.inputWidth65, #formulari input.inputWidth65, #formulari textarea.inputWidth65 {width:64%;}
#formulari select.inputWidth70, #formulari input.inputWidth70, #formulari textarea.inputWidth70 {width:69%;}
#formulari select.inputWidth75, #formulari input.inputWidth75, #formulari textarea.inputWidth75 {width:74%;}
#formulari select.inputWidth80, #formulari input.inputWidth80, #formulari textarea.inputWidth80 {width:79%;}
#formulari select.inputWidth85, #formulari input.inputWidth85, #formulari textarea.inputWidth85 {width:85%;}
#formulari select.inputWidth90, #formulari input.inputWidth90, #formulari textarea.inputWidth90 {width:90%;}
#formulari select.inputWidth95, #formulari input.inputWidth95, #formulari textarea.inputWidth95 {width:94%;}

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

.formTxt{text-align: left; padding: 10px;}
.formTxt i{font-size: 24px;}

.form {padding:0;}	
.form input, textarea, select{
    border: 1px solid #d2d2d2;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #777777;
    font-size: 13px;
    font-style: italic;
    padding:15px;
    margin-bottom: 15px;
    }
.form input:focus, textarea:focus, select:focus  {
    border: 1px solid #bbb;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
.form button {
    width: 120px;
    height: 40px;
    margin-top:-10px;
    margin-left: 10px;
    background: #f0eee8;
    border: 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #5d5d5d;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    }
.form button:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #b31b34;
    color:#ffffff;
    }
.form button:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    }

.form input:-moz-placeholder, .form textarea:-moz-placeholder, .form select:-moz-placeholder{ color: #bbbbbb; }
.form input:-ms-input-placeholder, .form textarea:-ms-input-placeholder, .form select:-ms-input-placeholder{ color: #bbbbbb; }
.form input::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder, .form select::-webkit-input-placeholder{ color: #bbbbbb; }
.form input.txtemailr:-moz-placeholder {color:#e87386; }
.form input.txtemailr:-ms-input-placeholder {color:#e87386; }
.form input.txtemailr::-webkit-input-placeholder {color:#e87386; }

.btn_form{
    margin: 10px 0px;
    width:120px;
    height:40px;
    background-color:#f0eee8;
    border:0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    color:#5d5d5d;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    }
.btn_form:hover {
    background-color:#b31b34;
	color:#ffffff;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
.btn_form:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    }

.form label {
    margin-top: 10px;
    font-size: 13px;
    display: inline;
    font-weight: normal;
    }
.form input[type="checkbox"]{
    margin: 5px 5px 5px 0px;
     border: solid 0 #ffffff;
     margin-bottom: 10px;
    }
.form input[type="radio"]{
    margin: 5px 5px 5px 0px;
     border: solid 0 #ffffff;
    }
.form input[type="submit"]{
    padding:0px;
    }
input[type="radio"], input[type="checkbox"]{
    margin: 5px 5px 5px 0px;
    border: solid 0 #ffffff;
    }    
input[type="checkbox"]{
    /*width: 15px;*/
    }    
input[type="radio"]{
    /*width: 15px;*/
    } 
.radioButtonList, .checkBoxList {list-style:none; margin: 0px; padding: 0px; border:solid 0 #ffffff;}
.radioButtonList.horizontal li, .checkBoxList.horizontal li { display:inline;}
.radioButtonList label, .checkBoxList label{display:inline;}  
    
.btnCercle_selecbgVermell {background-color: #af1932; color:#FFFFFF;}
.btnCercle_selecbgVerd {background-color: #8dc3b6; color:#FFFFFF;}
.btnCercle_selecbgGroc{background-color: #fd9a00; color:#FFFFFF;}
.btnCercle_selecbgGris{background-color: #858585; color:#FFFFFF;}
.btnCercle_selecbgBlau{background-color: #55aed6; color:#FFFFFF;}
.btnCercle_selecbgDarkGris{background-color: #545454; color:#FFFFFF; border-color:#545454;}

.btnCercle_bgVermell {color: #af1932; background-color:#FFFFFF;}
.btnCercle_bgVerd {color: #8dc3b6; background-color:#FFFFFF;}
.btnCercle_bgGroc{color: #fd9a00; background-color:#FFFFFF;}
.btnCercle_bgGris{color: #858585; background-color:#FFFFFF;}
.btnCercle_bgBlau{color: #55aed6; background-color:#FFFFFF;}
.btnCercle_bgDarkGris{background-color: #545454; color:#FFFFFF; border-color:#545454;}

.resultatsAct{
    font-size: 1.5em;
    color: #888888; /*#b41f38;*/
}

/* PÀGINA DEFAULT */ 
.thumbnail {
    border-radius: 0px;
}
#menu .thumbnail{
    background-color:Transparent;
}
.bgCircleMenu { 
   width: 140px;
   height: 140px;
   background: #f7f7f7; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
}
#veuremenu{
    text-align:center;
    margin-bottom: 1em;
    margin-top: 0.5em;
}

.carouselDestacats {
    background-color: #f7f7f7;
    /*height:300px;*/
}
.titolCarousel {
    background-color: #f7f7f7;
    color:#444444;
    text-align: center;
    padding-top: 1em;
    /*padding-bottom:2.5em;*/
    font-size:large;
}
.carouselImgDestacats{
    background-color: #5d5d5d;
    height:300px;
}
.titolDestacats{
    background-color: #8dc3b6; /* #b31b34#464646*/
    color:#ffffff;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom:0.5em;
    font-size:large;
    margin-bottom:1em;
    }
    
#myCarousel {
        overflow: hidden;
        height: 300px;
    }   
#myCarousel   li  {
margin-right:6px;
    }  
.carousel-caption {
 /* position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);*/
  background: rgba(0, 0, 0, 0.6);
 /* width: 100%;*/
}

#myCarousel .carousel-inner > .item > img,
#myCarousel .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
      height: 300px;
       }
#myCarousel .carousel-indicators {
    bottom: 20px;
       }
#filtres{
    text-align: center;
    /*padding-top: 1em;
    padding-bottom:1em;*/
    margin-bottom:1em;
    }
#filtres .btn-lg  {
     margin-bottom: 20px;
     border-radius: 18px;
     font-size:1em;
     margin:0.5em;
     border:0px;
     /*border:solid 4px #ffffff;*/
 }
#filtres .btn-lg:hover  {
  /*border:solid 4px #858585;
  font-weight:bold;*/
 }
.hoverfiltres {
    background-color:#464646;
}
#menuMapaLlistat {
    text-align:right;
    border-top: 1px solid #cccccc ;
    padding-bottom:1.5em;
    padding-top:1.5em;
    margin-top:2em;
    }
#mapaActivitats {
    margin-bottom:1.5em;
    }
#titolCampanyes{
   background-color: #b6243c;
    color:#ffffff;
    text-align: center;
    padding-top: 2em;
    padding-bottom:2em;
    font-size:large;
}
.titolCarouselCampanyes {
    color:#ffffff;
    text-align: center;
    padding-top: 2.5em;
    padding-bottom:2.5em;
    font-size:large;
}
#hover-cap-unique .thumbnail{
    max-width:300px;
}
.campanyes{
  background-color: #dd8d9a;
  color: #ffffff;
  padding-top: 1.5em;
}
.carouselCampanyes{
    background-color: #b41f38;
}
#titolEspaisDestacats{
   /*background-color: #444444;#f7f7f7*/
    color:#444444;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom:0.5em;
    font-size:large;
}#espaisDestacats {
     text-align: center;
     padding-top: 2em;
     padding-bottom:2em;     
 }

#titolDirectori {
    background-color: #f7f7f7;
    color:#444444;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom:0.5em;
 }
#directori {
    background-color: #f7f7f7;
    color:#444444;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom:0.5em;
 }
 .btn-default, .btn-primary {
     border-radius: 18px;
 }
 .btn-primary {
      background-color: #545454;
      border-color: #545454;
 }
.btn-default:hover, .btn-primary:hover {
     background-color: #b31b34;
     color:#ffffff;
 }
 #directori .btn-lg  {
     margin-bottom: 20px;
     border-radius: 18px;
 } 
.jumbotron  {
     margin-bottom: 0px;
 } 
 #titolNoticies{
   background-color: #ffffff;
    color:#444444;
    text-align: center;
    padding-top: 1em;
    padding-bottom:1em;
    font-size:large;
}
#noticies{
    background-color: #ffffff;
    text-align: center;
    padding-top: 2em;
    padding-bottom:2em;
    margin-bottom:1.5em;
 }
.apartatNoticies{
    margin-bottom:2em;
}
#noticies h3, #noticies h4 {
    color:#444444;
    text-align:left;
}
#noticies p{
    color:#7b7b7b;
    text-align:justify;
}
 #titolLinks {
    /*background-color: #f7f7f7;*/
    color:#444444;
    text-align: center;
    /*padding-top: 1em;
    padding-bottom:1em;*/
    font-size:large;
    margin-bottom:1em;
    border-bottom:dashed 2px #cccccc;
 }
#hover-cap-unique .thumbnail {
                position:relative;
                overflow:hidden;
            }
#hover-cap-unique .thumbnail {
        position:relative;
        overflow:hidden;
    }
#hover-cap-unique .caption {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        width: 100%;
        height: 100%;
        color:#fff !important;
    }
#hover-cap-unique .caption p {
        padding:6px;
    }       


 
/* Carousel Control3 */
.control-box3 {
    text-align: right;
    width: 100%;
    }
.carousel-control3 {
       /* background: #666;
        border: 0px;
        border-radius: 0px;
        display: inline-block;
        font-size: 34px;
        font-weight: 200;
        line-height: 18px;
        opacity: 0.5;
        padding: 4px 10px 0px;
        position: static;
        height: 30px;
        width: 15px;*/
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 12px;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  margin-bottom: 5px;
  background-color: #ffffff;
  color: #7a7a7a;
  border: 1px solid #dddddd;
  padding: 5px;
  border-radius: 18px;
  font-size: 11px;
  text-transform: uppercase;
        }
  .carousel-control3:hover {
  background-color: #b31b34;
  color: #ffffff;
         }
#myCarousel4 .carousel-caption {
    left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:10px;
	background:rgba(0,0,0,0.6);
	text-shadow:none;
}
#myCarousel4 .list-group {
	position:absolute;
	top:0;
	right:0;
}
#myCarousel4 .list-group-item {
	border-radius:0px;
	cursor:pointer;
}
#myCarousel4 .list-group .active {
	background-color:#eee;	
}

.divider {
  width: 270px;
  position: absolute;
  left: 50%;
  margin-left: -140px;
  margin-top: 10px;
  /*margin-bottom: 20px;
  padding-bottom:20px;*/
}
.divider .line {
  width: 100px;
  height: 1px;
  background: #ccc;
  float: left;
  margin-left: 30px;
}
.divider .line2 {
  width: 50px;
  height: 1px;
  background: #c9a83b;
  float: left;
  margin-left: 60px;
}
.divider .centerIcon {
  width: 10px;
  height: 10px;
  margin-left: 8px;
  float: left;
  /*margin-right: 16px;*/
  margin-top: -10px;
}
.divider .centerIcon2 {
  width: 10px;
  height: 10px;
  margin-left: 22px;
  float: left;
  /*margin-right: 16px;*/
  margin-top: -10px;
}
.infonews {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  float: left;
  margin-bottom: 10px;
  margin-top: 4px;
  line-height: 20px;
  color: #999999;
  font-size: 11px;
  display: inline;
  text-align:right;
}

.activitatFade{
    max-height: 500px;
    min-height: 500px;
    overflow:inherit;
}
.maxheigthAct{
    position: relative;
    max-height: 13em;
    overflow:hidden;
    margin-bottom:8px;
    color:#878787;
}
.maxheigthActImg2{
    position: relative;
    max-height: 13em;
    overflow:hidden;
    color:#878787;
}
.maxheigthAct2{
    position: relative;
    max-height: 26em;
    overflow:hidden;
    margin-bottom:8px;
    color:#878787;
}
.maxheigthAct h3, .maxheigthAct2 h3{
    color:#444444;
}
.gradientback{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:50px;
    background: -moz-linear-gradient(top,  rgba(137,255,241,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,255,241,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089fff1', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.btn-primary .badge {
  color: #464646;
  background-color: #ffffff;
}
.imatgeNoticia{
    width:100%;
    height:175px;
    text-align:left;
}
/*.... Carousel OWL ... */
.carouselDestacatsNull{
    background-image: url("../img/cabeceras/cabecera.jpg");
    height: 370px;
    background-repeat:no-repeat;
    background-size: 900px 400px;
    }

#agendaDestacada .media {
  float: left;
  height: 307px;
  overflow: hidden;
  width: 350px;
  margin-right: 1.5em;
 
}
#agendaDestacada{
 background-color:#f7f7f7;
 /*height:300px;*/
 margin:0px;
 padding: 0px;
}
.content-ag{
 margin:0px;
 padding: 0px;
}
 #owl-destacats .item img{
   display: block;
  width: 100%;
  height: auto;
}
#agendaDestacada .owl-wrapper-outer{
    max-height:300px;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
background-color: #ffffff;
  padding-left: 1em;
  margin-top: 1em;
}
#owl-demo .item{
      display: block;
      padding: 30px 0px;
      margin: 5px;
      color: #FFF;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
    }
.orange{
	background: #ff8a3c;
}
.darkCyan{
	background: #42bdc2;
}
.forestGreen{
	background: #7fc242;
}
.yellow {
	background: #ffd800;
}
.dodgerBlue {
	background: #388bd1;
}
.skyBlue {
	background: #a1def8;
}
.zombieGreen {
	background: #3fbf79;
}
.violet {
	background: #db6ac5;
}
.yellowLight {
	background: #fee664;
}
.steelGray {
	background: #cad3d0;
}
.owl-theme .owl-controls .owl-buttons div {
      padding: 5px 9px;
    }
 .owl-theme .owl-buttons i{
      margin-top: 2px;
    }
/*To move navigation buttons outside use these settings:*/
.owl-theme .owl-controls .owl-buttons div {
      position: absolute;
    }
.owl-theme .owl-controls .owl-buttons .owl-prev{
      left: -45px;
      top: 65px; 
    }
.owl-theme .owl-controls .owl-buttons .owl-next{
      right: -45px;
      top: 65px;
    }
    
/* BLOC carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}
/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #869791;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */
.item blockquote {
    border-left: none; 
    margin: 0;
}
.item blockquote img {
    margin-bottom: 10px;
}
.item blockquote p{
    color:#333333;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;    
}
.item blockquote p:after {
    content: "\f10e";
    font-family: 'Fontawesome';
    float: rigth;
    margin-left: 10px;
}
.item blockquote a.bloc{color: #333333;}
.item blockquote a.bloc:hover{color: #b31b34;}


#carrouselBanner .owl-wrapper{background-color:#FFFFFF;}  
#carrouselBanner .owl-item{background-color:#FFFFFF;} 

/* ----- MEDIA QUERIES ----- */


/*@media (min-width: 980px) and (max-width: 1200px) {
   .imatgeNoticia{
    width:100%;
    height:100%;
}
#noticies{
    width:60%
}
.infonews{
      text-align: left;
      }
}*/

@media (min-width: 1681px) and (max-width: 1920px) { /*1920x1080 - Large desktop*/
.infonews{text-align: right;} 
.activitatFade img{max-height:175px;}
.crop{overflow:hidden;}
.crop img{margin:0px 0px -300px 0px;}
}

@media (min-width: 1367px) and (max-width: 1680px) { /*1680x1050 WSXGA+ - Large desktop*/
.infonews{text-align: right;} 
.activitatFade img{max-height:175px;}
.crop{overflow:hidden;}
.crop img{margin:0px 0px -300px 0px;}
}

@media (min-width: 1281px) and (max-width: 1366px) { /*1366x768 WXGA - Tablet - Ultrabook*/
.infonews{text-align: right;} 
.activitatFade img{max-height:175px;}
.crop{overflow:hidden;}
.crop img{margin:0px 0px -300px 0px;}
}

@media (min-width: 1201px) and (max-width: 1280px) { /*1280x800 WXGA - Netbook | 1280x1024 SXGA Small desktop*/
 .infonews{text-align: right;} 
 .activitatFade img{max-height:175px;}
 .crop{overflow:hidden;}
.crop img{margin:0px 0px -300px 0px;}
}

@media (min-width: 1025px) and (max-width: 1200px) {
 .infonews{text-align: right;}
  #noticies{width:50%;}
 .imatgeNoticia{width:100%; height:auto;}  
 .activitatFade img{max-height:175px;}
 .crop{overflow:hidden;}
.crop img{margin:0px 0px -300px 0px;}
}

@media (min-width: 991px) and (max-width: 1024px) { /*1024x768 XGA - iPad*/
   #noticies{width:50%}
  .imatgeNoticia{width:100%; height:auto;}  
  .activitatFade img{max-height:175px;}
   .crop{overflow:hidden;}
    .crop img{margin:0px 0px -300px 0px;}
   /*.crop{float:left;}*/
}

@media (min-width: 981px) and (max-width: 990px) {
    .maxheigthAct, .activitatFade {max-height: 100%;min-height: 100%;}
    .gradientback{display:none;}
    .activitatFade img{width:100%}
    .carousel-caption4 p, #myCarousel4 .list-group {display:none;} 
	#myCarousel4 {padding-right:33.3333%;}
	#myCarousel4 .carousel-controls {display:none;}
	.infonews{text-align: left;}	 	
	#noticies{width:50%}
    .imatgeNoticia{width:100%; height:auto;}
    .carouselImgDestacats{width: 75%; margin: auto;}
    .carouselDestacatsNull{display: none;}
    .crop{overflow:hidden;}
    .crop img{margin:0px 0px -300px 0px;}
}

@media (min-width: 769px) and (max-width: 980px) {
    #noticies{width:75%} 
    .imatgeNoticia{width:100%; height:350px;}   
    .infonews{text-align: right;}
    .maxheigthAct, .activitatFade {max-height: 100%;min-height: 100%;}
    .carouselImgDestacats{width: 75%; margin: auto;}
    .carouselDestacatsNull{display: none;}
    .crop{overflow:hidden;}
    .crop img{margin:0px 0px -300px 0px;}
}
@media (min-width: 641px) and (max-width: 768px) {/*768x1280 WXGA - High-end Windows Phone*/
  .imatgeNoticia{width:100%; height:350px;}
  #noticies{width:80%}
  .maxheigthAct, .activitatFade {max-height: 100%;min-height: 100%;}
  .carouselImgDestacats{width: 75%; margin: auto;}
  .carouselDestacatsNull{display: none;}
  .crop{float:left;}
}
@media (min-width: 481px) and  (max-width: 640px) {/*640x960 DVGA - iPhone*/
  #noticies{width:85%}
  .imatgeNoticia{width:100%; height:250px;}
  .maxheigthAct, .activitatFade {max-height: 100%;min-height: 100%;}
  .carouselImgDestacats{width: 85%; margin: auto;}
  #agendaDestacada .media {width: 200px;}
  .carouselDestacatsNull{display: none;}
}
@media (min-width: 321px) and (max-width: 480px) {/*480x800 WCGA - Low-end Windows Phone*/
  #noticies{width:85%}
  .imatgeNoticia{width:100%; height:200px;}
  .maxheigthAct, .activitatFade {max-height: 100%;min-height: 100%;}
  .carouselImgDestacats{width: 100%; margin: auto; height:auto;}
  #agendaDestacada .media {width: 200px;}
  .carouselDestacatsNull{display: none;}
}
@media (max-width: 320px) { /*320x480 HVGA old iPhones small Androids*/
  .maxheigthAct, .activitatFade {max-height: 100%;min-height: 100%;}
  .carouselImgDestacats{width: 100%; margin: auto; height:auto;}
  #agendaDestacada .media {width: 100px;}
  .carouselDestacatsNull{display: none;}
}


/* BLOC */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel  {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }    
}
/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {     
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}