body {
    position: relative;
    background: #fdfdfd url("../img/patterns/body_bg.jpg");
    font-family:Arial;
    color:#555;
    font-size:13px;
    padding-bottom:0;

}
.descr p { font-size:11px; margin-bottom: 0px;}
.small-text { font-size:11px;}
.block {
    margin-bottom:30px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.block_content { padding:15px; background:#fff;}
.block img { width:100% !important;}
.bordered { border:1px solid #eee;}
.colored, a { color:#009299;}

small .active {
    color:#CCC;
}

.descr { clear:both; padding:15px !important; background:#fff;}
.descr h4 { margin-bottom:10px; line-height:20px;}

a {
    text-decoration:none;
}
a:hover {
    text-decoration:none;
}

.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }

/* disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

ul, ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.prev {
    margin-top:3px;
    float:left;
    display:block;
    background:url(../img/arr-left-min.png);
    width:20px;
    height:20px;
}
.next {
    margin-top:3px;
    float:left;
    display:block;
    background:url(../img/arr-right-min.png);
    width:20px;
    height:20px;

}
.next:hover { background:url(../img/arr-right-min-hover.png);}
.prev:hover { background:url(../img/arr-left-min-hover.png);}



.BannerSlider {
    position: relative;
    width:100%;
    height:0;
    padding: 0 0 48% 0;
}
.iosSlider {
    width: 100%;
    height: 1500px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.iosSlider .slider {
    width: 100%;
    height: 100%;
}

.iosSlider .slider .item {
    float: left;
    width: 100%;
}

.iosSlider .slider .item img {
    object-fit: cover;
    width: 100%;
}

#left-menu #category-block li {
     font-family: "Open Sans",Arial,helvetica;
     cursor: pointer;
     font-size: 13px!important;
     text-transform: uppercase;
     padding: 12px 0 12px 0;
     display: block;
     color: #009299;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }

#left-menu #category-block li.active {
    color: #999 !important;
}

.iosSlider .slider .item img {
    /*
    width: 100%;
    height:  100%;
    */
}


.BannerSlider .prev {
    position:absolute;
    top:50%!important;
    left:10px;
    width:20px;
    height:20px;
    z-index:10;
    margin-top:0px;
}
.BannerSlider .next {
    position:absolute;
    top:50%!important;
    right:10px;
    width:20px;
    height:20px;
    z-index:10;
    margin-top:0px;
}

.margeslider {
    margin-bottom:30px;
}




.iosSlider .slider .item .text1 {
    position: absolute;
    top:30px;
    right:0px;
    opacity:0;
    filter: alpha(opacity:0);
    background:#333;
    color: #fff;
    font-size:20px;
    font-family:"Open Sans",Arial,helvetica;
    font-weight:400;
}
.iosSlider .slider .item .text1 {
    font-size:20px;
}
.iosSlider .slider .item .text2 {
    font-size:14px;
}
.iosSlider .slider .item .text1 div {
    padding:7px 10px 7px 10px;
}
.iosSlider .slider .item .text2 {
    position:absolute;
    top: 70px;
    right:150px;
    opacity: 0;
    filter: alpha(opacity:0);
    background:#333;
    color: #fff;
    font-size:14px;
    font-family:"Open Sans",Arial,helvetica;
    font-weight:400;
}
.iosSlider .slider .item .text2 div {
    padding:5px 10px 5px 10px;
}
.iosSlider .slider .item .text2 p {
    margin:0;
    padding:0;
}
.iosSliderButtons {
    position:absolute;
    bottom:5px;
    width:100%;
    display:none;
}
.iosSliderButtons .button {
    background:#009096;
    color:#009096;
    padding:0px 4px 0px 4px;
    line-height:9px;
    font-size:9px;
    box-shadow:inset 0px 0px 3px #333;
    border-radius:2px;
}
.iosSliderButtons .selected {
    background:#999;
    color:#999;
}
.iosSliderButtons ul {
    text-align:center;
}
.iosSliderButtons li {
    display:inline;
    padding:0px 2px 0px 2px;
}

/*-------------------------------------------------------------------------------------------------*/
/*HOVERS */
/*-------------------------------------------------------------------------------------------------*/


.view {
    width:100%;
    float: left;
    position: relative;
    text-align: center;
    cursor: default;
    background:url('../img/spinner.gif') center center no-repeat #f1f1f1 !important;
}
.view .mask {
    width:100%;
    height:100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view a.info {
    display:block;
    width:32px;
    height:32px;
    border-radius:3px;
    background-color:#000;
    background-image: url(../img/zoom.png);
    position:absolute;
    top:50% !important;
    left:50%;
    margin-top:-16px;
    margin-left:-36px;
    border:1px solid;
    border-color: rgba(0,0,0, 0.5);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.nolink a.info {margin-left:-17px !important;}
.view a.info:hover {
    background-color:#009299 !important;
    border:1px solid;
    border-color: rgba(255,255,255, 0.5);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


.view a.link {
    display:block;
    width:32px;
    height:32px;
    border-radius:3px;
    background-color:#000;
    background-image: url(../img/link.png);
    position:absolute;
    top:50% !important;
    left:50%;
    margin-top:-16px;
    margin-left:4px;
    border:1px solid;
    border-color: rgba(0,0,0, 0.5);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.noinfo a.link { margin-left:-17px;}
.view a.link:hover {
    background-color:#009299 !important;
    border:1px solid;
    border-color: rgba(255,255,255, 0.1);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}







.tringle { background:url(../img/tringle.png); width:20px; height:13px; position: absolute; bottom:0px; left:15px; z-index:999}
.featured { background:url(../img/featured.png); width:50px; height:46px; position: absolute; top:-5px; right:25px; z-index:999;}
.new { background:url(../img/new.png); width:50px; height:46px; position: absolute; top:-5px; right:15px; z-index:999;}

.view-first img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.view-first .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: rgba(105,193,231, 0.3);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


.view-first:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}



/*-------------------------------------------------------------------------------------------------*/
/*HOVERS FINAL */
/*-------------------------------------------------------------------------------------------------*/


.my_block_head { padding:20px; background:#2D2E2F;}
.my_block_head h3 { color:#dfdfdf; text-shadow:1px 1px #000;}
.my_block { padding:30px 35px 30px 35px; background:#fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); position:relative;}
.fixed {position:fixed; z-index:1000; }
.left_block .my_block { padding:20px;}
.special { padding:0px;}
.special_block {
    width: 220px;
    float:left;
    padding:35px;
    background-color: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);

}
.contactPortada{
    margin-bottom:30px;
}
.contactPortada h2 {
    margin:0;
    padding:16px 0 0 0!important;
}
.contactPortada ul li span.name {
    text-transform: uppercase;
    color: #009299;
    font-size: 14px;
}
.contactPortada ul li {
    font-size: 12px;
}
.subMenu {
    margin-bottom:30px;
}

.my_block h2 {
    margin:0;
    padding:0;
}
.my_block h1 {
    margin:0;
    padding:10px 0 10px 0;
}
.my_block h3 {
    margin:0;
    padding:0;
}
.my_block p {
    margin:0;
    padding:6px 0 6px 0;
}

.li ul li {
    padding:2px 0 2px 20px!important;
    background:url("../img/li.png") 5px 7px no-repeat;
}
hr  {
    margin:7px 0 7px 0;
    padding:0px 0 0px 0;
}
.my_block .features{
    margin:0;
    padding:0px 0 7px 0;
}
.page-header {
    padding:10px 35px 10px 35px;
    margin:0;
}
.page-content {
    padding:25px 35px 20px 35px;
    margin:0 0 25px 0;

}
.page-header {
    padding:10px 35px 10px 35px;
    margin:0;
}

.i-home,
.i-tel,
.i-fax,
.i-mail,
.i-locale  {
    padding:0 0 0 20px;
    background-repeat:no-repeat;
    background-position:0 2px;
    line-height:18px;
}

.features .i-home {  background-image:url("../img/i-home.png"); }
.features .i-tel {  background-image:url("../img/i-tel.png"); }
.features .i-fax {  background-image:url("../img/i-fax.png"); }
.features .i-mail {  background-image:url("../img/i-mail.png"); }
.features .i-locale {  background-image:url("../img/i-locale.png"); }

.etiqueta { position:absolute; right:20px; top:-6px; z-index:10000000}

.nav > .active > a { color:#CCC!important;  cursor:default!important; }

h1 small { font-size:15px }
h2 small { font-size:13px }
h3 small { font-size:12px }


.page-content iframe {
    width:99%!important; height:400px!important;
    border:3px solid #FFF;
    -webkit-border-radius:2px;
    box-shadow:0px 0px 2px #CCC;
}

form ul {
    background:#AFBBBA;
    margin:0;
    padding:10px 10px 4px 10px;
    -webkit-border-radius:0px!important;
    position:relative;
    top:-17px;
    z-index:0;
}
.error{
    padding:10px 0px 0px 0px;
}
.error p{
    -webkit-border-radius:4px!important;
    background:#AFBBBA;
    color:#FFF;
    padding:10px 20px;
    font-size:13px!important;
    display:block;
}
form input, form textarea {
    position:relative;
    z-index:1;
    border-color:#AFBBBA;
    -webkit-border-radius:4px!important;
}
form li {
    margin:0;
    color:#FFF;
    font-size:10px!important;
}
.btn {
    margin:10px 0 0 0!important;
}

.interio {
    padding:30px 0 0 0;
}

.capsalera, .affix-top {
    z-index:1000;
    width:100%;
}



.navmuseu {
    text-transform:uppercase;
}
.navmuseu li {
    float:left;
    margin:0 20px 0 0;
    padding:10px 0 10px 0;
    font-family:"Open Sans",Arial,helvetica
    font-size:13px;
}
.navmuseu .active {
    cursor: default!important;
    border-bottom:3px solid #516F78;
}
.navmuseu .active a {
    color:#333!important;
    cursor:default!important;
}

.logovmuseu {
    margin:20px 0 20px 0;
    float:left;
}


.submenuaffix {
    width:270px;
}

.navmuseu li ul {
    /*display:block;*/
}
.navmuseu li:hover ul {
    display:block;
}
.navmuseu li:hover {
    position:relative;
}

.navmuseu li ul li {
    padding:0;
    width:100%;
    border-top:1px solid #FFF;
    border-bottom:1px solid #DDD;
}
.dropdown-menu {
    top:52px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;

    position:absolute;
    background: #fdfdfd url("../img/patterns/body_bg.jpg");
    margin:0;
    padding:6px 0 3px 0;
}
.dropdown-menu .active  {
    border-bottom:0;
}
.dropdown-menu li > a {
    display: block;
    padding:5px 17px 3px 17px;
    color: #009299!important;
    font-size:90%;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    border-bottom:0;
    color:#FFF!important;
    text-decoration: none;
    outline: 0;
    background-color: #009299;
    background-image: -moz-linear-gradient(top, #009299, #009299);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009299), to(#009299));
    background-image: -webkit-linear-gradient(top, #009299, #009299);
    background-image: -o-linear-gradient(top, #009299, #009299);
    background-image: linear-gradient(to bottom, #009299, #009299);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    border-bottom:0;
    color:#FFF!important;
    text-decoration: none;
    outline: 0;
    background-color: #009299;
    background-image: -moz-linear-gradient(top, #009299, #009299);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009299), to(#009299));
    background-image: -webkit-linear-gradient(top, #009299, #009299);
    background-image: -o-linear-gradient(top, #009299, #009299);
    background-image: linear-gradient(to bottom, #009299, #009299);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);

}



.submenu {
    margin:0 1px 15px 0;
    border-bottom:1px solid #EEE;
}
.submenu li {
    padding:6px 0 0px 0;
    border-top:1px solid #EEE;
}
 .submenu .active a {
     cursor: default!important;
    /*border-bottom:1px solid #516F78;*/
    padding:6px 0 12px 0;
    color:#333;
}
.submenu a {
    font-family:"Open Sans",Arial,helvetica;
    font-size:13px!important;
    text-transform:uppercase;
    padding:6px 0 12px 0;
    display:block;
}
.accordion {
    margin-bottom: 25px;
}
.accordion-group {
    margin-bottom:10px;
}

img.IconaGrid {
    float:left;
    width:16px!important;
    position:relative;
    top:1px;
    opacity:0.7;
    margin-right:7px;
}

small.subMenuSmall { color:#999; position:relative; top:-5px; line-height:0px!important;}
h1,h2,h3,h4,h5,h6 { font-family:"Open Sans",Arial,helvetica; font-weight:300; color:#000; text-transform:uppercase; line-height:20px; margin:10px 0 10px 0!important; }
h1 {  font-size:25px; line-height:30px;  margin:10px 0 0px 0!important;  }
h2 {  font-size:20px; line-height:25px;  }
h3 {  font-size:16px; margin:0px 0 15px 0!important;  }
h4 {  font-size:14px; margin:0px 0 0px 0!important; font-weight:400;   }

.accordion h3 {   margin:2px 0 0px 10px!important;  }
.accordion .my_block, .accordion-heading  {
    padding:0;
    background:url("../img/patterns/groovepaper.png");
}

.accordion-inner { padding:40px 40px 20px 40px!important;   background:#FFF; }

small { text-transform:none; font-size:12px;}

label, input, button, select, textarea{
    font-size:12px;;
}
.theme-default, .my_block { position:relative; }


.idiomes {
    float:right;
}
.idiomes li{
    float:left;
    margin:0 0 0 10px;
    font-family:"Open Sans",Arial,helvetica
    font-size:11px;
}
.headnavmuseu {
    margin:10px 0 75px 0;
}
.idiomes .active { cursor: default!important;
    border-bottom:2px solid #516F78;
}

.menuIcons {
    float:right;
    position:relative;
    top:-2px;
    margin-left:50px;
}

.menuIcons li {
    float:left;
    margin-left:7px;
}

.menuIcons li, .menuIcons a  {
    box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);
    display:block;
    width:30px;
    height:30px;
    background-repeat:no-repeat;
    background-position:center;
    border-radius:1px;
}

.menuIcons a:hover  {
    box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2);
}
.menuIcons a:active {
    box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.menuIcons a:active {
    box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.menuIcons .active {
    cursor: default!important;
    box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.2)!important;
    background-color:#f4f4f4;
}
.menuIcons span {
    display:none;
}
.menuIcons .instagram a {
    background-image:url("../img/instagram.svg");
}
.menuIcons .youtube a {
    background-image:url("../img/youtube.svg");
}
.menuIcons .twitter a {
    background-image:url("../img/x.svg");
}
.menuIcons .facebook a {
    background-image:url("../img/facebook.svg");
}
.menuIcons .calendar a {
    background-image:url("../img/calendar.png");
}
.menuIcons .tags a {
    background-image:url("../img/tags.png");
}


.contactPortada {
    position:relative;
    z-index:0;
}
.descPadding {
    padding: 30px 35px 30px 35px!important;

}

/* Large desktop */
@media (max-width: 1200px) {

    .navmuseu li {
        margin:0 10px  0 0;
        font-size:10px;
    }
    .idiomes a {
        font-size:11px;
    }

    .headnavmuseu {
        margin:10px 0 70px 0;
    }
    h1 {  font-size:19px; line-height:25px;  margin:10px 0 0px 0!important;  }

    .Calendar .days{
        font-size:9px;
    }

    .BannerSlider {
        position: relative;
        width:100%;
        height:0;
        padding: 0 0 57.5% 0;
    }
    .fc-header-title h2 {
        font-size:12px!important;
    }

    .navDay {
        font-size:13px!important;
        top:50px;
    }
    .navDay span {
        padding:0;
    }
    .iphone {
        display:none;
    }

}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {


    .iosSlider .slider .item .text1 {
        font-size:14px;
    }
    .iosSlider .slider .item .text2 {
        font-size:12px;
    }

    .my_block, .descPadding{
        padding:15px!important;
    }

    .headnavmuseu {
        margin:10px 0 54px 0;
    }
    .navmuseu li {
        margin: 0 8px 0 0;
        font-size: 8px;
    }
    .idiomes a {
        font-size:11px;
    }
    .fc-header-title h2 {
        font-size:10px!important;
    }
    h1 {  font-size:14px; line-height:20px;  margin:10px 0 0px 0!important;  }
    .mar { font-size:14px; line-height:20px; }
    .submenu a {
        font-size:12px!important;
        text-transform:uppercase;
        padding:3px 0 6px 0;
        display:block;
    }
    .CalendarBlock {
        background:#FFF;
        border:0;
        -webkit-border-radius:0;
        padding:49px 15px 10px 15px;
    }
    .days {
        font-size:10px;
    }
    .BannerSlider {
        position: relative;
        width:100%;
        height:0;
        padding: 0 0 69.4% 0;
    }
    .navDay {
        font-size:10px!important;
        top:30px;
    }
    .navDay span {
        padding:0;
    }

    .iphone {
        display:none;
    }
}

.paginationDefault {
    margin:0;
    padding:0;
}
.paginationMostran {
    text-align:right;
    color:#CCC;
    text-shadow:1px 1px #FFF;
    padding:0 0 10px 0;
}

.paginationLoopPages {
    margin:0;
    padding:0px 0 20px 0;
    position:relative;
}
form {
    margin:0;
}


.NextBackPage {
    position:relative;
    top:-7px;
}
.NextBackPage .pagination {
   padding:0;
    margin:0;
}
.NextBackPage ul, .NextBackPage li, .NextBackPage a {
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
}
.NextBackPage a {
    border-color:#fff!important;
    background-image:url("../img/patterns/groovepaper.png");
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    line-height:25px!important;

}
.pagination a {
     box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
     background-image:url("../img/patterns/groovepaper.png");
 }
.pagination a:hover {
    background-image:none;
    background-color:#FFF!important;
}
.pagination li.active a {
    background-image:none;
    background-color:#FFF!important;
    cursor:default!important;
    color:#000;
}
.pagination li.disabled a {
opacity:0.5;
cursor:default!important;
background-color:#FFF!important;
}
.pagination li.disabled a  img {
    opacity:0;
}
.pagination a img {
padding:0px 17px 2px 17px;
}
.paginationDefault a img  {
    padding:1px 4px 2px 4px;
}
.NextBackPageSub {
    margin:10px 0 0 0;

}

#myTab, #myTab a {
    margin-bottom:0;
    border:0;
}

#myTab a img {
    width:16px;
    margin-right:10px;
    position:relative;
    top:-2px;
    opacity:0.3;

}
#myTab a  {

    font-family:"Open Sans",Arial,helvetica;
    font-weight:300;
    text-transform:uppercase;
    line-height:20px;
    padding:10px 20px 7px 15px!important;
    font-size: 14px;
    background-image:url("../img/patterns/body_bg.jpg");
    box-shadow:0px 0px 3px #BBB;
    margin-top:10px;
    -webkit-border-radius:0!important;
    -moz-border-radius:0!important;
    border-radius:0!important;

}
#myTab li.active a  {
    background:#FFF;
    cursor:default!important;
}
.tab-content {
    box-shadow:0px 1px 2px #BBB;
    margin-bottom:25px;
    -webkit-border-radius:0!important;
    -moz-border-radius:0!important;
    border-radius:0!important;
}
.tab-content h2 img {
    width:18px;
    margin-right:5px;
    position:relative;
    top:-2px;
}



.descr p {
    color:#777;
    font-size:12px;
    line-height:19px;
    padding: 6px 0 6px 0;
}
.my_block p {
    color:#777;
    font-size:12px;
    padding: 6px 0 6px 0;
    line-height:19px;
}
.meta span {
    font-size: 10px;
    line-height:0px;
    color: #C4C4C4;
}

.meta  .icon-calendar {
    position:relative;
    top:-3px;
}


body {
    padding-left:0px;
    padding-right:0px;
}

.slider_area {
    margin-bottom:25px;
}
.conentHead {
    padding:0; margin-bottom:25px; height:200px;
}
.paginationIner{
    padding-bottom:15px!important;
}
.cloud {
    margin-bottom:30px;
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {


    .navDay {
        font-size:14px!important;
        top:40px;
    }
    .navDay span {
        padding:0 5px 0 4px;
    }

    .iosSlider .slider .item .text1 {
        font-size:12px;
        line-height:14px;
    }
    .iosSlider .slider .item .text2 {
        font-size:10px;
        line-height:12px;
    }


    h1 {  font-size:30px; line-height:35px;  margin:10px 0 0px 0!important;  }
    .affix, .affix-top {
        position:inherit;
        width:auto;
        margin-bottom:25px;
    }
    .capsalera{
        padding:30px!important;
    }
    .affix .span2 {
        height:20px;
    }
    .logovmuseu {
        margin: 0px 0 20px 0;
        float: left;
    }
    .navmuseu li {
        margin:0 15px 0 0;
        font-size:10px;
        padding:10px 0px 3px 0px!important;
    }
    .interio {
        padding:0px 0 0 0;
    }
    .navmuseu .active {
        cursor: default!important;
        border-bottom:3px solid #516F78;
        padding:10px 0px 0px 0px!important;
    }

    .idiomes  {
       float:left;
    }

    .ui-datepicker-inline {
        margin-top:0px;
    }
    #myTab li {
        width:100%!important;
    }
    #myTab a  {
        margin-top:0px;
     }
    .margeslider, .cloud, .capsalera, .my_block, .page-content, .block, .CalendarBlock, .subMenu, .affix, .affix-top, .contactPortada, .slider_area, .conentHead, .tab-content, .accordion, .interio  {
        margin-bottom:2px;
    }
    .paginationDefault a {
        padding:3px 10px 3px 10px!important;
    }
    .paginationDefault {
        text-align:center;
    }
    .paginationMostran {
        text-align:center;
    }
    .paginationDefault, .NextBackPageSub, .NextBackPageBack, .NextBackPage {
        margin:0!important;
        padding:0!important;
        padding-top:15px!important;
    }

    .paginationIner{
        padding:0!important;
        margin:0!important;
    }

    .margesNextBackPage {
        padding:20px 20px 0px 20px!important;
    }
    .capsalera {
        width:auto;
    }
    .etiqueta {
        display:none;
    }
    .paginationIner{
        padding-top:15px!important;
    }


}

.NextBackPage a {
    overflow:hidden;
    height:24px;
}

.gridIcon img {
    height:auto!important;
}

.calendari {
    padding:11px 20px 11px 30px!important;
}

.iphone {
    display:none;
}
.cenics {
    float:right;
    font-size:10px;
    font-style:oblique;
    margin:0 10px 0 0;
    padding:0 10px 10px 0;
}

.drets {
    display:block;
    float:left;
    font-size:10px;
    text-shadow:-1px -1px 1px #FFF;
    margin:0  0 0 10px;
    padding:0  10px 0 10px;
}

footer {
    position:relative;
    padding:0px 0 15px 0;
}

.btn-inverse {
    margin:0px 0 0 0!important;
    padding:0px 6px!important;
    font-family:heydings,Arial,sans-serif;
    font-size:11px;
    font-weight: bold;
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {



    .iphone {
        position:relative;
        margin-right:68px;
        z-index:0;
        box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3);
        -o-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3);
    }
    .iphoneMouve {
       position:absolute;
        width:100%;
       z-index:100;
       box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3);
       -webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3);
       -o-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3);
    }
    .interio {
        margin-top:52px;
    }
    a:active {
        opacity:0.5;
    }
    .fc-header-title h2 {
            font-size: 16px!important;
        margin: 0!important;
        padding: 5px 0 0 0;
    }

    .displayBlock {
        display:block;
    }
    .displayNone {
        display:none;
    }

    .cenics {
        padding:5px 10px 0 0;
    }

    .drets {
        padding:5px 10px 0 0;
    }

    footer {
        position:relative;
        padding:0px 0 5px 0;
    }

}



#open {
    left:100%;
    margin-left:-68px;
    position:fixed;
}
#close {
    left:0;
    margin-left:0px;
}
@media (min-width:768px)  {

    #open {
        left:0;
        margin-left:0px;
        position:inherit;
    }
}

.navbar   {
    margin:0;
    text-align:center;
    position:fixed;
    z-index:10000;
    width:100%;
}
.navbar .navbar-inner  {
    border:0;
    border-bottom:1px solid #CCC;
    -webkit-border-radius:0!important;
    -moz-border-radius:0!important;
    border-radius:0!important;
    padding:0px;
}
.navbar .brand {
    padding:0;
    margin:0;
    float:right;
}
.navbar .brand img {
    width:34px;
    box-shadow:1px 1px 1px #FFF;
    -webkit-box-shadow:1px 1px 1px #FFF;
    -o-box-shadow:1px 1px 1px #FFF;
    -webkit-border-radius:2px;
    position:relative;
    float:right;
    margin:5px 15px 0px 9px;
}
.brandText {
    font-family:"Open Sans",Arial,helvetica;
    text-shadow: 1px 1px 2px #AAA;
    font-size:15px;
    font-weight:400;
    position:relative;
    top:16px;
}
.navbar .menuPhone  {
    float:left;
}
.navbar .menuPhone img {
    width:38px;
    /*height:34px;*/
    position:relative;
    padding:10px 9px 9px 15px;
}
.navbar .btn-navbar {
    float:left;
}


.iphone  ul li{
    margin-bottom:0px;
}
.iphone  ul ul li{
    margin-bottom:0px;
}
.iphone  ul ul  li {
    color:#555;
    vertical-align: middle;
    cursor: pointer;
    background:url("../img/patterns/body_bg.jpg");
}
.iphone  ul ul  li a {
    background:url("../img/li.png")  no-repeat 20px 16px;
    color:#555;
    padding:10px 15px 10px 37px;
    text-shadow:0 1px 2px #CCC;
}

.iphone a {
    border-top:2px solid #FFF;
    border-bottom:1px solid #CCC;
    list-style-type: none;
    overflow: hidden;
    display:block;
    text-decoration:none;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    display:block;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    color:#000;
    background:#FFF;
    text-shadow:#FFF 0 1px 0;
    font-size:15px;
    font-family:"Open Sans",Arial,helvetica;
    padding:15px;

    text-transform:uppercase;
}
.iphone .brand img {
    width:60px;
    -webkit-border-radius:2px;
}
.iphone .brand {
}


.iphone .idiomes {
    position:absolute;
    height:35px;
    float:none;
    padding:0 0 0 8px;
    right:20px;
    top: 52px;
    z-index:5;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
}
.iphone .idiomes  a{
    font-size:12px;
    padding:9px 0px 5px 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0)!important;
    border-bottom:0;
}
.iphone .idiomes  li {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0)!important;
    border-top: 4px solid #FFF;
    border-bottom:0;
}
.iphone .idiomes .active {
    border-top: 4px solid #516F78;
    cursor: default!important;
    border-bottom:0;
}

.iphone .menuIcons {
    float:none;
    margin:0;
    padding:12px 10px 12px 10px;
    height:30px;
    background:#333;
}


.iphone  .menuIcons li, .iphone  .menuIcons a  {
    background-repeat:no-repeat;
    background-position:center;
    border-radius:1px;
    padding:0;
}
.appMenu {
    font-weight:bold;
    padding:5px 10px 3px 20px;
    display:block;

    color:#CCC;
    font-size:12px;
    text-transform:uppercase;
    text-shadow:0 -1px 2px #000;
    background-color: #363636;
    background-image: -moz-linear-gradient(top, #555, #333);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#333));
    background-image: -webkit-linear-gradient(top, #555, #333);
    background-image: -o-linear-gradient(top, #555, #333);
    background-image: linear-gradient(to bottom, #555, #333);
    background-repeat: repeat-x;
    border-color: #222 #222 black;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.iphone ul ul li.active a {
   background-color:#ccc;
}



footer hr {
    margin: 0px 0 7px 0;
}

@media (max-width: 300px) {
    .brandText {
        display:none;
    }
}
.img-left {
    float:left;
    padding:5px 20px 20px 0;
}
.img-right {
    float:right;
    padding:5px 0 20px 20px;
}

.img-left-boto-img-pdf {
    float:left;
    padding:5px 20px 20px 0 ;
}

.img-right-boto-img-pdf {
    float:right;
    padding:5px 0 30px 20px;

}
.iconIn {
    position:relative; float:left;
}
.icon {
    background: url(../img/linkpdf.png);
    position:absolute;
    width: 67px;
    height: 32px;
    border-radius: 3px;
    -webkit-border-radius:3px;
    bottom:30px;
    left:10px;
    background-color:black;
    background-image: url(../img/linkpdf.png);
    background-position:center ;
    background-repeat:no-repeat;
    border-style:solid;
    border-color:#FFF;
    border-width:3px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}
a:hover .icon, a:hover .iconInMask {
    background-color:#009299;
    border-color:#FFF;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.0);
}

.meta {
    padding:0;
    margin:0;
}
.meta span {
    padding:0 0 0 20px;
    display:block;
    min-height:16px;
}
.meta a {
    line-height:15px;
}

.meta_date {
    background:url('../img/calG.png') no-repeat;
}

.meta_tags {
    background:url('../img/tagsG.png') no-repeat;

}
.meta_tags ul {
  padding:0;
  margin:0;
}
.meta_tags ul li {
    float:left;
    padding:0 5px 0  5px!important;
    border-left:dashed 1px #EEE;
    background:none;
    line-height: 13px;
}
.menu-tags {
    float:left;
    padding:0 0 0 20px;
    background:url('../img/tagsG.png') no-repeat;
}
.menu-tags ul {
    float:left;
    border-left:1px solid #EEE;
}

.taulell li { float:left; padding:0 10px 0 10px; height:20px; border-right:1px solid #EEE;}
.taulell li.active  a { color:#CCC;}
.taulell li.inici { padding:0 0 0 20px;  background:url('../img/tagsG.png') no-repeat; }
.taulell ul { margin: 0px 0 10px 0!important; }



.tags-cloud {
    padding:10px 0 0 0px;
}
.tags-cloud li {
    display:inline;
}
.tags-cloud li.active a {
    color:#333;
}
.nuvol4 {
    padding:0 0 0 20px!important;  background:url('../img/tagsG.png') no-repeat;
    margin: 10px 0 10px 0!important;
    font-size: 15px;
}

.span6 input, .span6 textarea {
    -webkit-border-radius: 0!important;
    -moz-border-radius:  0!important;
    border-radius:  0!important;
}
.tags-cloud li a   {
    opacity:0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.tags-cloud li a  {
    opacity:1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.LoadBody {
    background:url('../img/ajax-loader.gif') no-repeat 50% 50%;
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    z-index:-1;
    display:none;
}

.LoadBodyIn {
    background:url('../img/ajax-loader.gif') no-repeat 50% 50% #FFF ;
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    z-index:19999!important;
    display:block!important;
    opacity:0.5;
}

.meta .meta_share   span {
    padding:0!important;
}
.meta .meta_share {
    padding:0!important;
}


.footerUlM{
    padding:20px 0 0px 0;
    position:relative;
}
.logo-footer {
    padding:15px 15px 20px 15px;
}
.footerMenu {
    display:block;
    font-size:11px;
    padding:0px 0 5px 15px;
    text-transform:uppercase;
    text-shadow:-1px -1px 1px #FFF;
    line-height:13px;
    width:119px;
    z-index:0;

}
.b-f-m, .b-f-m-r {
    display:block;
    float:left;
    height:50px;
    border-left:1px solid #DDD;
}
.b-f-m-r  {
    float:right!important;
}
.footerUlM li  {
    float:left;
    line-height:15px;
    width:129px;

}



.footerUlM ul  {
    padding:0px 0 15px 15px;
    margin:0;
    font-size:12px;
    position:relative;
    z-index:1;
}

.footerUlM li li {
    border:0;
    display:block;
    width:100px;
    float:none;
}

.footerUlM a {
    font-size:11px;
    text-shadow:-1px -1px 1px #FFF;
}

.footerbrand img {
    height:30px;
    width:auto;

}
.footerbrand {
    float:left;
    margin:0 20px 0 0;
}
footer hr {
    border-top:1px solid #DDD;
}


.active a {
    color:#999!important;
}



.radio {
    padding-right: 20px;
    padding-bottom: 20px;
}


/**** Infinite Scroll ****/

#infscr-loading {
    position: fixed;
    text-align:center;
    bottom:10px;
    left:50%;
    margin-left:-100px;
    z-index:100;
    background: white;
    background: hsla( 0, 0%, 100%, 0.9 );
    padding:20px;
    color:#555;
    font-size:13px;
    font-weight:bold;
    -webkit-border-radius: 3px;
    -moz-border-radius:3px;
    border-radius: 3px;
    width:160px;
}



/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.meta_share {

    transform: scale(0.8)    translate(-36px,0);
    -ms-transform: scale(0.8)   translate(-36px,0);
    -webkit-transform: scale(0.8)  translate(-36px,0);
    -o-transform: scale(0.8)  translate(-36px,0);
    -moz-transform: scale(0.8)  translate(-36px,0);
    width:300px;

}

.fb-like {
    margin-right:5px;
    position:relative;
    top:-2px
}
.meta_share iframe {
    min-width: 90px!important;
    position:relative;
    z-index:99999999999;
}
.meta_share .fb_ltr {
    min-width:120px!important;
}
.meta_share  {
   position:relative;
  z-index:10;
}

.pint img {
    width:40px!important;
    height:20px!important;
    position:relative;
    top:-8px
}
.fb-like{
    height: 20px!important;
    width:105px!important;
    overflow: hidden;
}

.navmuseu {
    text-transform: uppercase;
    font-size: 13px;

    & > li {
        font-family: "Inter", sans-serif;
        font-weight: bold;
        border-bottom: 7px solid transparent;
        padding-top: 15px;
    }

    a {
        color: #fff;
    }

    & > .active {
        border-bottom: 7px solid #fff;

        & > a {
            color: #fff !important;
        }
    }
}

.topbar {
    background-color: #E1EFED;

    ul {
        display:flex;
        align-items: center;
        gap: 3rem;

    }

    a {
        border-bottom: 4px solid transparent;
        color: #4C4C4B;
        display: block;
        font-size: 12px;
        padding: 1rem 0 .8rem 0;
        text-transform: uppercase;
    }

    .active a {
        border-bottom-color: #449098;
        color: #4C4C4B !important;
    }
}

a.appMenu {
    color: #CCC;
    font-size: 12px;
    text-shadow: 0 -1px 2px #000;
    background-color: #363636;
    background-image: linear-gradient(to bottom, #555, #333);
    background-repeat: repeat-x;
}