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

/* RESET! */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
   outline:0;
}

strong {
   font-weight: bold;
   }
   
em {
   font-style: italic;   
   }
   
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
   display: block;
}
body {
   line-height: 1;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}

li{
   list-style-position: inside;
   list-style-type: none;
   }


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* Font-face 
@font-face {
    font-family: 'berthold_walbaum_bookregular';
    src: url('berthold_walbaum_book_bold_oldstyle_figures-webfont.eot');
    src: url('berthold_walbaum_book_bold_oldstyle_figures-webfont.eot?#iefix') format('embedded-opentype'),
         url('berthold_walbaum_book_bold_oldstyle_figures-webfont.woff') format('woff'),
         url('berthold_walbaum_book_bold_oldstyle_figures-webfont.ttf') format('truetype'),
         url('berthold_walbaum_book_bold_oldstyle_figures-webfont.svg#berthold_walbaum_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

/*css ESCENARI
h2, h3 {
   font-family:'berthold_walbaum_bookregular';
   } */
   h2, h3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   } 
   
   body {
   background-color: #f0f0f0;
   background-image: url(../imgs/backtop.jpg), url(../imgs/backbottom.jpg);
   background-repeat: repeat-x;
   background-position: center top, center bottom;
   /*font-family: "Calibri", arial;*/
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
.container {
   background-color: #FFF;
   /*box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.14);*/
   margin-top: 113px;
   margin-bottom: 127px;
   padding: 0 10px 0 10px;
   border-top: 1px solid #732a30;
}
.container header {
   position: relative;
   margin-top: -113px;
}

.logo {
   background-image: url(https://media.diba.cat/diba/maqueta/logos/logo-diba.png);
   background-size: 120px auto;
   display: block;
   height: 40px;
   width: 120px;/*124px; width: 108px;*/
   text-indent: -9999px;
   position: absolute;
   left: 5px;
   top: 5px;
   z-index: 1000;
   background-repeat: no-repeat;
}
.container header {
background-color: #EFEEE9;
background-image: url(../imgs/logoescenari.png);
height: 112px;
background-repeat: no-repeat;
background-position: center top;
}
.container header h2 {
text-indent: -9999px;
left: 50%;
top: 0px;
position: absolute;
}
@media (max-width: 767px) {
.container header h2 {
/*background-image: url(../imgs/logoescenaripk.png);*/
} 
}

.container header h1 {
   margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   width: 100%;
   color: #172b3b;
   font-size: 14px;
   text-align:center;
   position: absolute;
   top: 91px;
   z-index:100;
}
@media (max-width: 767px) {
.container header h1 {
   margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   width: 100%;
   color: #172b3b;
   font-size: 12px;
   text-align:center;
   position: absolute;
   top: 91px;
}
}
@media (min-width: 768px) {
.fitxadades{
   float:right;
}
.fitxadades2 {
    min-height: 250px;
}
}


@media (max-width: 767px) {
.interior #map{
   width:100%!important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.interior #map{
   width:280px!important;
}
}
@media (min-width: 992px) and (max-width: 1199px)  {
.interior #map{
   width:380px!important;
}
}

@media (min-width: 1200px)  {
.interior #map{
   width:470px!important;
}
}

.container footer .followtwitter {
   height: 100px;
   width: 138px;
   display: block;
   position: absolute;
   top: 32px;
   right: 0px;
   font-size: 10px;
   font-weight:bold;
   color: #FFF;
}
.container footer .followtwitter a {
   background-image: url(../imgs/twitter.png);
   background-repeat: no-repeat;
   background-position: center center;
   height: 43px;
   width: 43px;
   text-indent: -9999px;
   display: block;
   position: absolute;
   right: 10px;
   top: -15px;
}
.container footer {
   height: 127px;
   margin-bottom: -127px;
   position: relative;
   margin-top: 5px;
}

@media (max-width: 767px) {
.container footer {

   background-position: 220px center;

}
}

.container footer .vcard {
   position: absolute;
   left: 10px;
   bottom: 20px;
   font-size: 12px;
   color: #FFF;
   line-height: 15px;
}
.container footer a {
   color: #F28234;
}

.container footer menu {
text-align: right;
position: absolute;
right: 10px;
bottom: 20px;
color: #fff;
font-size:12px;
}
@media (max-width: 767px) {
.container footer menu {
position: relative;
text-align: right;
color: #fff;
font-size: 12px;
background-color: rgb(36, 36, 36);
padding: 10px;
bottom: -127px;
width: 100%;
right: 0px;
left: -10px;
}

}


.container footer menu a {
color: #fff;
}


.container .menuprincipal {
   display: block;
   position: relative;
   margin-top: 10px;
   clear: both;
   color: #FFF;
   background-color: #8f2f1f;
}

.container .cercador {
   background-color: #c0b4aa;
   padding-top: 10px;
   padding-bottom: 10px;
   color: #8f2f1f;
   margin-top: 10px;
   margin-bottom: 10px;
   min-height: 1330px;
   border-radius: 8px 8px 8px 8px;
}
.container .cercadorampliat {
   min-height: 1640px;
}
.container #resultats {
    min-height: 1100px;
}
#paginacio{
   padding-bottom:20px;
   padding-top:10px;
}
@media (max-width: 767px) {
   .container .cercador{
      min-height: 400px;
   }
   .container .cercadorampliat {
      min-height: 400px;
   }
   .container #resultats {
      min-height: 200px;
   }
}

.container .menuprincipal li {
   display: inline-block;
   background:none;
}
.container .menuprincipal li a {
   color: #FFF;
   display: block;
   padding-top: 10px;
   padding-right: 20px;
   padding-bottom: 10px;
   padding-left: 55px;
   line-height: 25px;
   height: 25px;
   font-size: 14px;
   font-weight:600;
   background-repeat: no-repeat;
   background-position: 0px 0px;
   background-size: 40px 40px;
}
@media (min-width: 1024px) {
.container .menuprincipal li a {
   padding-right: 75px;
}
}
@media (max-width: 767px) {
.container .menuprincipal li a {
   color: #FFF;
   display: block;
   padding-top: 10px;
   padding-right: 15px;
   padding-bottom: 10px;
   padding-left: 15px;
   line-height: 30px;
   width:25px;
   height: 25px;
   font-size: 14px;
   background-repeat: no-repeat;
   background-position: top center;
   text-indent:-9999px;
   background-size: 40px 40px;
}

}

.container .menuprincipal li a:hover {
   color: #FFF;
   background-color: #e2434a;/*#B01C23;*/
   text-decoration: none;
}

.container .menuprincipal .sectionInici a {
   background-image: url(../imgs/minici.png);
}
.container .menuprincipal .sectionTeatre a {
   background-image: url(../imgs/mteatre.png);
}
.container .menuprincipal .sectionMusica a {
   background-image: url(../imgs/mmusica.png);
}
.container .menuprincipal .sectionDansa a {
   background-image: url(../imgs/mdansa.png);
}
.container .menuprincipal .sectionCirc a {
   background-image: url(../imgs/mcirc.png);
}

.container .menuprincipal li .submenu {
   display: block;
   position: absolute;
   width: 100%;
   right: 0px;
   background-color: #52738c;
   z-index: 9999;
}
.container .menuprincipal li .submenu ul {
   width: 25%;
   display: block;
   border-right-width: 1px;
   border-right-style: dashed;
   border-right-color: #182C3B;
   margin: 10px 0px 10px 0px;
}


.container .menuprincipal li ul li {
   display: block;
   font-size:12px;
}

.container .menuprincipal li ul li a {
   padding:0px 5px 0px 10px;
   background-image:none!important;
}

.container .menuprincipal li ul li a:hover {
   padding: 0px 5px 0px 10px;
   background-image: none!important;
   background-color: #182C3B;   
}

.container .menuprincipal li .submenu .destaquem {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 75%;
}

.container .menuprincipal .sectionTeatre .submenu .destaquem ul {
   background-image: url(../imgs/smteatre.png);   
}
.container .menuprincipal .sectionMusica .submenu .destaquem ul {
   background-image: url(../imgs/smmusica.png);   
}
.container .menuprincipal .sectionDansa .submenu .destaquem ul {
   background-image: url(../imgs/smdansa.png);   
}
.container .menuprincipal .sectionCirc .submenu .destaquem ul {
   background-image: url(../imgs/smcirc.png);   
}

.container .menuprincipal li .submenu .destaquem ul {
   width: 92%;
   margin: 2%;
   background-color: #FFF;
   color: #000;
   padding: 2%;
   border-radius: 5px;
   border:none;
   background-position: right bottom;
   background-repeat:no-repeat;


}
.container .menuprincipal li .submenu .destaquem ul {
   width: 92%;
   margin: 2%;
   background-color: #FFF;
   color: #000;
   padding: 2%;
   border-radius: 5px;
   border: none;
}

.container .menuprincipal li .submenu h4 {
   color: #EE9D33;
   font-weight: bold;
   font-size: 14px;
   margin-bottom: 10px;
}
.container .menuprincipal li .submenu .destaquem ul li{
   margin-bottom: 15px;   
   }
.container .menuprincipal li .submenu .destaquem ul li span .engira {
   color: #E2434A;
}

.container .menuprincipal li .submenu .destaquem ul li a h3 {
   font-size: 14px;
   line-height: 18px;
   color: #182C3B;   
   font-weight: bold;
}

.container .menuprincipal li .submenu .destaquem ul li a {
   color: #182C3B;
   padding: 0px;
   height: auto;
   background-image:none!important;

   }

.container .menuprincipal li .submenu .destaquem ul li a:hover {
   color: #182C3B;
   background: none;
   text-decoration: underline;
   }








.container .row .cercador form {
   padding-left: 20px;
   padding-right:20px;
   
}
.container .row .cercador .opciodecerca {
   /*margin-bottom: 10px;
   border-bottom-width: 1px;
   border-bottom-style: dashed;
   border-bottom-color: #f0b76c;*/
   padding-bottom: 10px;
   clear: both;
   float: none;
}

.container .row .cercador h4 {
   color: #FFF;
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 10px;
}
.cercador .ocult {
   display: none;
}
.cercador form ul li label {
   display: inline-block;
   font-size:12px;
}


.container .row .cercador .h4style {
   color: #8f2f1f;
   font-size: 15px;
   font-weight: bold;
   padding-bottom: 10px;
}


.container .row .cercador .opciodecerca input[type="text"] {
   width: 98%;
   border-radius: 0px;
   box-shadow: 0;
   color: #333;
   /*font-family: "Calibri", arial;*/
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   padding: 3px;
   margin: 0 0 3px 0;
   border: medium none;
    box-shadow: 0 0 7px #CCCCCC inset;
}

.container .row .cercador .opciodecerca #espectacle{
   margin: 0;
   padding: 1px 0 1px 5px;
   border: 1px solid #CCCCCC;
}

.container .row .cercador .opciodecerca select  {
   width: 100%;
   border-radius: 3px;
   box-shadow: inset 0px 0px 7px #CCCCCC;
   border: 1px solid #CCC;
   color: #333;
   font-size:13px;
   /*font-family: "Calibri", arial;*/
   font-family: Verdana, Arial, Helvetica, sans-serif;
   height:62px;/*Ho fixem per Chrome*/
   margin-bottom:0px;
}
.container .row .cercador .opciodecerca .rangdates  {
   margin-top:10px;
}
body .container .row .cercador .rangdates input[type="text"]{
   width: 30%;
   display:inline;
   border-radius: 3px;
   box-shadow: inset 0px 0px 7px #CCCCCC;
   border: 1px solid #CCC;
   /*font-family: "Calibri", arial;*/
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
}
.container .row .cercador input[type="checkbox"] {
   border-radius: 3px;
   margin-right:5px;
   /*font-family: "Calibri", arial;*/
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   line-height:30px;
   margin-bottom: 7px;
}

.container .row .cercador .rangdates label {
   display:inline;
   padding: 2px;
   line-height: 30px;
   font-size:13px;
}

.container .row .cercador ul.ul_checkbox li {
   width: 33%;
   display: block;
   float: left;
   padding-bottom: 0px;
   font-size:14px;
}
@media (max-width: 1000px) and (min-width:767px) {
   .container .row .cercador ul.ul_checkbox li {
      width: 50%;
   }
}

.container .row .cercador button {
clear: both;
float: none;
background-color: #8F2F1F;
padding: 10px;
border: 1px solid #8f1b07;
color: #FFF;
/*font-family: "Calibri", arial;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
right: 0px;
position: relative;
border-radius: 3px;
box-shadow: inset 0px 0px 7px #4e1308;
font-weight: bold;
padding-left: 30px;
padding-right: 30px;
}

@media (max-width:767px) {
.container .row .cercador button {
   padding: 5px 10px;
}
}
   
.container .row .cercador button:hover {
   background-color: #B01C23;
   box-shadow: inset 0px 0px 7px #990000  ;

}


.container .row .cercador .buttonzone {
   position: relative;
   text-align: right;
   padding-bottom: 10px;
}
#map h3 {
   color: #000;
   font-size: 14px;
   font-weight: bolder;
   margin-bottom: 10px;
   line-height: 16px;
    margin-top: 5px;
}
.interior  #map .textmapa,.interior  #map .textmapaimg {
   height: 98px;
}
.container .row .span8 article {
   margin-bottom: 10px;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #CCC;
   position: relative;
   clear: both;
   min-height: 120px;
}
.container .row .span8 article .contentImg {
   background-image: url(../imgs/backimg140.jpg);
   background-repeat: no-repeat;
   height: 105px;
   width: 140px;
   background-position: center center;
   text-align: center;
   position: relative;
   float: left;
   margin-right: 10px;
}
.container .row .span8 .contentImg a img {
   height: 105px;
}
.container .row .span8 .contentImg section{
background-color: #8F2F1F;
text-indent: -9999px;
display: block;
position: absolute;
height: 30px;
width: 30px;
right: -3px;
bottom: -3px;
background-repeat: no-repeat;
background-position: center center;
border-color: #FFF;
border-style: solid;
border-width: 4px;
}


.container .row .span8 article .contentText {
margin-bottom: 10px;
margin-left: 150px;
}
.container .row .span8 article .contentText section strong {
   color: #e2434a;
   font-weight: normal;
}

.container .row .span8 article h3{
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 10px;
}

.container .row .span8 article h3 a{
   color: #182c3b;
   margin-bottom: 0;
}
.container .row .span8 article .contentText .companyia {
   font-size: 13px;
   color: #52738c;
   font-weight: bold;
   margin-bottom: 5px;
}
.container .row .span8 article .contentText section {
   font-size: 12px;
   margin-bottom: 5px;
}
.container .row .span8 article .contentText .data {
   font-weight: bold;
   color: #737373;
   font-size: 11px;
   margin-bottom: 5px;
}

.container .row .span8 article .contentText .localitzacio, .container .row .span8 article .contentText .poblacio {
   font-size: 13px;
   margin-bottom: 5px;
}
.container .row .span8 article .contentText .poblacio {
   color: #52738C;
}



.container .row .span8 .contentImg section.sectionGira {
   background-image: url(../imgs/sgira.png) ;
top:35px

}
.sectionTeatre, #cataleg #resultats_dest .sectionTeatre {
   background-image: url(../imgs/steatre.png);
}
.sectionMusica, #cataleg #resultats_dest .sectionMusica {
   background-image: url(../imgs/smusica.png);
}
.sectionDansa, #cataleg #resultats_dest .sectionDansa {
   background-image: url(../imgs/sdansa.png);
}
.sectionCirc, #cataleg #resultats_dest .sectionCirc {
   background-image: url(../imgs/scirc.png);
}
.container .row .span8 .row-fluid .span4 {
background-color: #ededed;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.container .row .span8 .banner {
   padding-right: 10px;
   padding-left: 10px;
   text-align: center;
   padding-bottom: 15px;
}
@media (max-width: 767px) {
.container .row .span8 .banner {
   padding-right: 5px;
   padding-left: 5px;
    width: 45%;
    float: left;
}
.container .row .span8 .anunci {
   padding-right: 5px;
   padding-left: 5px;
    width: 30%;
    float: left;
}
}
.container .row .span8 .banner span {
   display: block;
}
.container .row .span8 .banner a {
   color: #000;
   font-weight: bold;
   font-size: 13px;
}
.container .row .span8 .banner a:hover {
   color: #52738c;
}
.container .row .span8 .banner-top {
   padding-top: 15px;
}

.container .row .span8 .twittertimeline {
   text-align: center;
   padding: 10px;
   position: relative;
}
@media (max-width: 767px) {
   .container .row .span8 .twittertimeline {
   position: static;
   }
}

.container .carousel {
   padding-top: 0px;
   margin-bottom:5px;
   text-align:center;
}
.container .row .span8 .anunci {
   /*padding: 5px;
   margin: 5px;
   border: 1px dashed #999;*/
   background-color: #FBFBFB!important;
   line-height: 17px;
   /*background-image: url(../imgs/altaveu.png);
   background-position: left bottom;
   background-repeat: no-repeat;*/
   text-align:center;
}

.container .row .span8 .row-fluid .anunci a {
   color: #000;
   font-size: 12px;
}
.container .row .span8 .row-fluid .anunci a span.titol {
    color: #182c3b;
    font-size: 16px;
    font-weight: bold;
   padding-bottom: 5px;
}

.container .row .span8 .anunci span{
   padding-top: 5px;
   text-align:left;
   display:block;
}
.interior  .span5 .contentImg {
   background-image: url(../imgs/back240.jpg);
   padding-left: 47px;
   text-align: center;
}
.interior  {
   margin-top: 10px;
}
.interior  .span5 section {
   background-color: #8F2F1F;
   display: inline-block;
   height: 65px;
   width: 65px;
   margin-top: 0px;
   margin-right: 10px;
   float: left;
   text-indent: -9999px;
}
.engira {
   background-image: url(../imgs/gira.jpg);
   background-repeat: no-repeat;
   height: 50px;
   width: 60px;
   display: block;
   text-indent: -9999px;
   position: absolute;
   top: 0px;
   right: 0px;
}
.interior .span7 .contentText {
   position: relative;
   margin-right: 15px;
}


.interior  .span5 h4 {
   clear: both;
   padding-top: 10px;
   padding-bottom: 10px;
   font-size: 14px;
   font-weight: bold;
   color: #999;
}
.interior  .contentText h3 {
   font-size: 20px;
   color: #c63311;
   font-weight: bold;
   margin-bottom:10px;
}
.interior .contentText .companyia {
   font-size: 14px;
   color: #52738c;
   font-weight: bold;
   display: block;
   padding-top: 5px;
   padding-bottom: 5px;
}
.interior .contentText .data {
   font-weight: bold;
   font-size: 13px;
   color: #737373;
   display: block;
   padding-bottom: 10px;
}
.interior  .contentText  a {
   color: #CF331A;
   text-decoration: underline;
}

.interior  .contentText  a:hover {
   color: #7C2010;
   text-decoration: underline;
}
.interior .span5 .contentSubSection  {
   background-color: #C0B4AA;/*#292929*/
   color: #8F2F1F;
   font-size: 12px;
   height: 45px;
   line-height: 22px;
   padding: 10px;
   margin-top: 10px;
   margin-left: 75px;
}
.interior .localitzacio, #map .localitzacio {
   font-size: 13px;
   line-height: 18px;
   font-weight:bold;

}

.interior .localitzacio a {
   color: #e2434a;
   font-weight: normal;
}
.interior .localitzacio a:hover {
   color: #7C2010;
}

.interior .contentText .poblacio, #map .poblacio {
   font-size: 13px;
   line-height: 18px;
   margin-bottom: 10px;
   
}
#map a.poblacio_web {
   color: #000;
}
.interior .contentText .municipi, #map .municipi  {
    color: #52738C;
}
.interior .contentText .links, #map .links {
   display: block;
   padding-top: 10px;
   padding-bottom: 10px;
   font-size: 13px;
   line-height: 18px;
}
.interior .contentText .links a, #map .links a{
   display: block;
}
.interior .contentText .reserva{
   display: block;
   position: absolute;
   right: 0px;
   width: 177px;
   height: 100px;
   margin-top: -70px;
   
}
.interior .contentText .reserva .textReserva {
   font-size: 11px;
   line-height: 14px;
   display: block;
   padding: 5px;
   background-color:#FFF;
}

.interior .contentText .reserva .botoreserva {
   clear: both;
   float: none;
   background-color: #e2434a;
   border: 1px solid #BA1D24;
   color: #FFF;
   /*font-family: "Calibri", arial;*/
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   right: 0px;
   position: relative;
   border-radius: 3px;
   box-shadow: inset 0px 0px 7px #B01C23;
   font-weight: bold;
   padding-left: 30px;
   padding-right: 30px;
   width: 115px;
   padding-top: 10px;
   padding-bottom: 10px;
   display: block;
   text-align: center;
   text-decoration:none;
}
.interior .contentText .reserva .botoreserva:hover {
   background-color: #B01C23;
   box-shadow: inset 0px 0px 7px #990000;
   cursor: pointer;
}

.interior .contentText h4  {
   font-size: 14px;
   font-weight: bold;
   color: #979797;
   padding-top: 10px;
   padding-bottom: 2px;
   margin-bottom: 10px;
   border-bottom-width: 1px;
   border-bottom-style: dashed;
   border-bottom-color: #979797;
}
.interior .contentText .fitxaartistica, .interior .contentText .sinopsis, .interior .contentText .altreactuacions  {
   margin-bottom: 20px;
   font-size: 13px;
   line-height: 18px;
}
.interior .contentText  .sinopsislink{
   padding-top: 0px;
}

.interior .sectionTeatre {
   background-image: url(../imgs/mteatre.png);
   background-repeat: no-repeat;
   background-position: center center;
}
.interior .sectionDansa {
   background-image: url(../imgs/mdansa.png);
   background-repeat: no-repeat;
   background-position: center center;
}
.interior .sectionCirc {
   background-image: url(../imgs/mcirc.png);
   background-repeat: no-repeat;
   background-position: center center;
}
.interior .sectionMusica {
   background-image: url(../imgs/mmusica.png);
   background-repeat: no-repeat;
   background-position: center center;
}
.tornar{
   text-align:right;
   margin-bottom: 10px;
   font-size:12px;
   color:#333333;
}
.tornar a{
    color: #CF331A;
}
#map a{
    color: #CF331A;
}


.interior .altresact {
    font-weight: bold;
}

.chzn-container {
   border: 1px solid #CCC;
}

.p_altres{
  margin-bottom:7px;
}
.interior .contentText  a{
   text-decoration:none;
}
.interior p.contentText2  {
   font-size: 13px;
   color: #636363;
   padding-bottom: 10px;
   line-height: 16px;
}

.container .back {
clear: both;
color: #FFFFFF;
    display: block;
    float: right;
    margin-top: -35px;
    position: relative;
    width: 40px;
}

/*Estils especifics del catàleg*/
#cataleg .container .cercador {
   background-color: #f5f5f5;
   border-radius: 8px 8px 8px 8px;
   min-height: 250px;
}
#cataleg .container .cercador {
   color:#767676;
}
#cataleg .container .row .cercador .h4style {
   color:#767676;
}

#cataleg .container .row .cercador button {
    background-color: #4a9f3a;
    border: 1px solid #3b7332;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0 0 9px #3f8735 inset;
}
#cataleg .container header h2 {

   background-image: url(../imgs/logocataleg.png);
}
#cataleg .container .row .span8 h2 {
    color: #000000;
    font-size: 14px;
    font-weight: bolder;
    margin-bottom: 10px;
}
#cataleg .interior #resultats_dest h3 {
    font-size: 15px;
   margin-bottom: 10px;
   color:#727272;
}

#cataleg .container .row .span8 article h3 {
   margin-bottom: 0;
}
#cataleg  .container .row .span8  .contentText h4 {
    font-size: 15px;
    font-weight: normal;
   padding-top: 0px;
    margin-bottom: 5px;
    padding-bottom: 2px;
   color:#147204;
}

#cataleg .container .menuprincipal{
   background-color: #4A9D3C    ;
}

#cataleg .container .menuprincipal a:hover {
   background-color: #aad1a2;   
}

#cataleg .container .row .span8 .contentImg a img {
   height: 70px;
   
}
#cataleg .container .row .span8 article .contentImg{
   height: 70px;
   width:93px;
   margin-bottom: 10px;
}

#cataleg .container .row .span8 article .contentText {
   margin-left: 110px;
}
#cataleg #resultats .resultat {
   width:100%;
}
#cataleg #resultats article ul {
   margin-left:30px
}
#cataleg #resultats .contentText .text {
   margin-left:18px;
   color:#7a7a7a;
}
#cataleg #resultats article li{
   clear:left;
    min-height: 74px;
}
#cataleg #resultats article {
    min-height: 125px;
   padding-bottom: 10px;
}
#cataleg .text{
   font-size:12px;
   margin-bottom:10px;
   line-height: 18px;
}
#cataleg .row a{
   color: #147204;
}
#cataleg .container .row .span8 .contentImg section {
    background-color: #147204;
}
#cataleg .container .row .span8 .contentImg section.sectionGira {
    top: 0;
}
#cataleg .container .row .span8 article .contentText section {
   margin-left:18px;
}
#cataleg .container .row .span8 article .contentText section strong {
   color: #727272;
}

.interior .contentText h3 {
   color: #333333;
   margin-bottom: 5px;
}

#cataleg .row .span4 a {
    color: #000000;
}
#cataleg .container header h1 {
   /*margin-left: -543px;*/
}
#cataleg .interior .span5 section {
   background-color:#147204;
}

#cataleg .interior .span5 .contentSubSection {
   background-color:#f5f5f5;
   color:#6f6f6f;
}

#cataleg .interior .contentText .companyia {
   padding: 15px 0 0px 0;
}

#cataleg .interior .contentText .companyia {
   padding: 15px 0 0px 0;
}

#cataleg .interior #resultats_dest h4{
   border-bottom:none;
}
#cataleg .interior #resultats_dest li {
    min-height: 80px;
}
#cataleg .interior #resultats_dest article {
    min-height: 105px;
   margin-bottom:5px;
}
#cataleg .interior #resultats_dest .tc65 {
    width: 70%;
}


.fitxapropietats{
    margin-top: 20px;
}
#avis_error{
   margin:20px 0 240px 0; 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
}
.h3_properes{
   color: #000000;
    font-size: 14px;
    font-weight: bolder;
    margin-bottom: 10px;
}


.hide{
   display: none;
}

.container .cercador ul.chzn-results{
    color: #182C3B;
}
.container .row .cercador .opciodecerca li input[type="text"] {
   box-shadow: none;
}
.opciodecerca .chzn-container-multi .chzn-choices {
   border: none;
   box-shadow: 0 0 7px #CCCCCC inset;
}
.flotantesquerra{
   float:left;
   margin:5px;
}
.container .row .span12 article {
   border-bottom:none;
   min-height: 160px;
}


#resultats  .span3 .span8{
   display: block;
   position: absolute;
   right: 0px;
   width: 177px;
   height: 100px;

}

#resultats article{
    positon:relative;
    min-height: 125px;
    border-bottom: 1px solid #CCCCCC;
}

#resultats .resultat{
   width:70%;
}
@media (max-width: 478px) {
#resultats .resultat{
   width:90%;
}
}
#resultats .reserva {
    background-color: #ffffff;
    margin-bottom: 0px;
    padding-bottom: 10px;
    padding-top: 2px;
   padding-right:0px;
   right:0px;
   position:absolute;
   top:0px;
   word-wrap: break-word; /*Tallem e-mail llargs*/
}

#resultats .reserva .botoreserva {
   background-color: #e2434a;
   border: 1px solid #BA1D24;
   color: #FFF;
   font-family: calibri, arial;
   font-size: 18px;
   position: relative;
   border-radius: 3px;
   box-shadow: inset 0px 0px 7px #B01C23;
   font-weight: bold;
   width: 90px;
   padding: 10px 30px 10px 30px;
   display: block;
   text-align: center;
   margin-left:10px;
   text-decoration:none;

}

#resultats .reserva a {
   color: #CF331A;
   text-decoration: underline;
}

#resultats .reserva .botoreserva:hover {
   color: #fff;
   text-decoration: none;
   background-color: #B01C23;
   box-shadow: inset 0px 0px 7px #990000  ;
   cursor: pointer;
}
article .reserva .textReserva {
    font-size: 11px;
    line-height: 14px;
   float:left;
   width: 150px;
   margin: 5px 0 0 10px;
}
@media (max-width: 767px) {
#resultats .reserva {
   position:relative;
}
#resultats .reserva .botoreserva {
   width: 75px;
   margin-left:0px;
   padding: 5px 30px 5px 30px;
}
#resultats .textpreu2 {
   position:relative;
   text-align: left;
   padding: 0 0 10px 0;
}
article .reserva .textReserva {
   float: none;
   width: 75px;
}
}
.container .reserva .textpreu {
   color:#f1b15c;
   font-weight:bold;
}
.textpreu2 {
   color:#f1b15c;
   font-weight:bold;
   font-size: 11px;
   padding: 5px 30px 5px 30px;
   right: 0px;
   position: absolute;
   top: 0px;
}
.interior .textpreu2 {
    top: auto;
    bottom:0px;
    padding: 5px 30px 2px 30px;
}
/**********   Maquetació mapa google maps     **********/
#map {
  width: 900px;
  height: 650px;
}

.infowindow {
   padding: 0 10px 0 0;
}

.infowindow h3,
.infowindow p {
   margin: 0 !important;
}

.infowindow .more {
   text-align: right;
}
/*forcem max-width per que no carregui css de bootstrap.css */
#map img{
   max-width: none;
}
#sidebar_map{
   visibility:hidden;
}
/*Forcem mides per ie7*/

#map .textmapa,#map .textmapaimg{
   height:145px;
   text-align:left;
   margin: 0;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   line-height:10px;
}
#map .textmapa{   width:240px;}
#map .textmapaimg{ width:300px;}
#map .textmapaimg img.img_poblacio{
   width:120px;
   border:0;
   margin:0 5px 5px 0;
   padding:0;
   float:left;
}
#map .textmapaimg .poblacio {
   margin-top:-4px;
}

#map .textmapa a, #map .textmapaimg a{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
}

/*Maqueetació del resultat de la cerca*/
#result_destacat{
   width: 100%;
   background-color: #F0F0F0;
   border:thin #666666 1px;
   float:left;
   box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.05) inset;
   margin-bottom:20px;
}
#result_destacat p#dest{
   margin:2% 0 5px 2%;
   width:100%;
   font-size:10px;
   font-weight:bold;
   color: #bababa;
}
#resultats #result_destacat article{
    border-bottom: none;
    clear: none;
    margin: 0px 2% 10px 2%;
    min-height: 120px;
    position: relative;
   width: 29%;
   float:left;
   padding: 0px;
}
#result_destacat article .contentText {
   margin:0px;
}


#filtre{
   background-color: #4d5b67;
    color: #FFFFFF;
   margin:10px 0;
   float:left;
   width:100%;
   }
#filtre div{
   float:left;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    height: 45px;
    padding: 10px 0px 10px 55px;
}   
#filtre div.sectionTeatre{
   background-image: url(../imgs/fteatre.png);
}
#filtre div.sectionMusica{
   background-image: url(../imgs/fmusica.png);
}
#filtre div.sectionDansa{
   background-image: url(../imgs/fdansa.png);
}
#filtre div.sectionCirc{
   background-image: url(../imgs/fcirc.png);
}
#filtre #result_cerca{
   line-height: 25px;
}
#filtre p{
   float:left;
   padding: 10px 15px 10px 15px;
   font-size:14px;
   font-weight:600;
   line-height: 16px;
}
   
#filtre #h3genere{
   font-size:26px;
   font-weight:bold;
   line-height: 34px;
}
.codi{
   font-size:12px;
   float:left;
   margin:16px 0 16px 0;
}

/*::::::::: AMPLADA COLUMNES :::::::::::*/
.centrat{
   margin-left:auto; 
   margin-right:auto;
}

.tc5{
   width:5%;
}

.tc10{
   width:10%;
}

.tc15{
   width:15%;
}

.tc20{
   width:20%;
}

.tc25{
   width:25%;
}

.tc30{
   width:30%;
}

.tc35{
   width:35%;
}

.tc39{
   width:39%;
}

.tc40{
   width:40%;
}

.tc45{
   width:45%;
}

.tc50{
   width:50%;
}

.tc55{
   width:55%;
}

.tc60{
   width:60%;
}

.tc63{
   width:63%;
}


.tc65{
   width:65%;
}

.tc70{
   width:70%;
}

.tc75{
   width:75%;
}

.tc80{
   width:80%;
}

.tc85{
   width:85%;
}

.tc90{
   width:90%;
}

.tc95{
   width:95%;
}

/*::::::::: FI AMPLADA COLUMNES :::::::::::*/

/*Modifiquem css del bxslider*/

.bxslidercontenedor .slidern {
   position: relative;
   height: 100%;
}

.bxslidercontenedor .bxslider li {
   background-size: contain;
   background-repeat: no-repeat;
   text-align: left;
}

.bxslidercontenedor .descripcio {
   position: absolute;
   z-index: 999999999;
   left: 0;
   top: 0;
   display: table-cell;
   height: 100%;
   background-image: url(../imgs/bg-blanc70.png);
   padding: 20px;
   font-weight: bold;
   
}

.bxslidercontenedor .descripcio h1 {
   font-size: 24px;
   color: #707173;
   margin-top: 0 !important;
   font-weight: bold
}

.bxslidercontenedor .descripcio p {
   font-size: 14px;
   color: #707173;
   font-weight: bold;
   margin-top: 10px;
   line-height:20px;
}

.bxslidercontenedor .descripcio a {
   color: black;
}

.bxslidercontenedor .descripcio a:hover {
   text-decoration: none
}

.bxslidercontenedor .bx-wrapper {
    margin: 0px auto;
}

.bxslidercontenedor .bx-wrapper .bx-pager {
   text-align: left;
   /*afegit:*/
   position:absolute; 
   padding-left:15px;
   left:0px;
   bottom: 10px;
   z-index:999; 
}

.bxslidercontenedor .bx-wrapper .bx-viewport {
   -moz-box-shadow: none  ;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: none;
   left: 0px;
}
.bxslidercontenedor .descripcio p.companyia {
    color: #52738c !important;
}   

@media (max-width: 992px) {
   .bxslidercontenedor .descripcio {
      width:40%;
      padding-top:10px
   }
}
@media (max-width: 768px) {
   .bxslidercontenedor .descripcio {
      width:50%
   }
   .bxslidercontenedor .descripcio h1 {
      font-size:18px
   }
   .bxslidercontenedor .descripcio p {
      display:none
   }
   .bxslidercontenedor .mes {
      display: none
   }
}

#cookieScriptBox>.text h2 {
    font-size: 20px;
}
#cookieScriptBox>.text .btn {
    text-transform: none;
    padding: 0.375rem 0.75rem;
    margin-left: 1rem;
    cursor: pointer;
    float: right;
    background-image: none;
}

#cookieScriptBox>.text .btn-warning {
    color: #212529;
    background-color: #fff;
    border-color: #ccc;
}

#cookieScriptBox>.text .btn-success {
    color: #fff;
    background-color: #891536;
    border-color: #5d0e25;
}

#cookieScriptBox>.text ul {
    list-style: disc;
    margin-left: 15px;

}
#cookieScriptBox>.text ul li{
   list-style-type: disc;
}