@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans);


/*------ GENERAL --------*/
html{max-width:1200px; margin-left:auto; margin-right:auto; background:#56a3a0;}
body{font-family: 'Open Sans', sans-serif; background:#56a3a0;}
a{text-decoration:none;}
/*.container-marges{padding-left:2%; padding-right:2%}*/

.desc{font-size:14px;}
.dreta{float:right;}
.esquerra{float:left;}
.boto{background:#e62686; color:#fff; padding:8px 40px; font-weight:bold;}
.boto:hover{color:#e62686; background:#fff;}

/*------ HEADER ---------*/
header{padding: 8px 0 16px 2%; background:#D9D825; color:#60533C}
#header{position:relative;}
header .logo{width:35%;float:left; font-size:41px; line-height:50px;position:relative;}
header .logo .span12{width:400px;}
header .logo img{float: left;  margin-top: 9px;width:300px; max-width:none;}
header .logo a{color:#60533C;}
header .logo .text{font-weight:bold; float:left; padding-left:20px; }
header .header_menu{width:63%; float:left; padding-right:2% }
header .langs{text-align:right; font-size:11px; line-height:25px }
header .langs a{padding:0 10px; color:#60533C; border-left:1px solid #60533C}
header .langs a:first-child{ border-left:0;}
header .menu{position:absolute; bottom:0px; right:0; width:86%;font-size:14px; line-height:25px; text-transform:uppercase;z-index:9999}
header .menu .item{float:right;text-align:center; border-left:1px solid #60533C; margin:0; padding:0 1%; height:30px; overflow:hidden;}
header .menu .item:last-child{ border-left:0;}
header .menu .item:first-child{}
header .menu .item a{color:#60533C}
header .header_menu a:hover{ text-decoration:none; font-weight:bold;}
header .m-movil{display:none;}
header .menu-movil{ height:40px; margin-top:65px;}
header .menu-movil .botn{height:20px; width:20px; padding:10px;float:right;margin:0 0 5px 0;background:#60533C; border:0; border-radius:5px; cursor:pointer; cursor:pointer;}
header .menu-movil .botn .retxa{width:20px; height:2px; background: #D9D825; margin-bottom:8px;}
.header2{position:relative;} 
.header2 img{width:100%}
.titol_pag2 h1{line-height:20px; font-weight:normal; position:absolute; bottom:35px; height:30px; right:35px; padding:20px; background:#BA366C; color:#fff; font-size:60px; z-index:10;opacity:0.85;}
.titol_pag{line-height:20px; font-weight:normal; position:absolute; bottom:35px; height:30px; right:35px; padding:20px; background:#BA366C; color:#fff; font-size:60px; z-index:10;opacity:0.85;}

/*---- COS DE LES PAGINES --*/
.cos{color:#fff;}
.cos .quadre{position:relative; margin-top:60px;}
.cos .quadre .text{position:absolute; bottom:0; width:97%; opacity:0.85; background:#fff; color:#BA366C; font-size:30px; line-height:50px;padding-left:3%;}
.cos .quadre .text h3{font-size: 30px;font-weight: normal;line-height: 50px;margin: 0;padding: 0;}
.cos .quadre img{width:100%;}
.cos .esquerra{padding-top:20px;}
.cos .desc{font-size:14; line-height:20px; padding-top:10px;}
.cos .titol{font-weight:bold; font-size:18px; padding-top:35px; line-height:35px;}
.cos .titol2{font-size:18px; font-weight:bold; line-height:40px; }
.cos .desc2{padding-top:0px; }
.cos .esquerra .img_central{margin-top:35px;}
.cos .esquerra .img_central img{width:100%}
.cos iframe{width:100%; height:400px}
.cos a{color:#fff;}

/*---- AGENDA --*/
.agenda{background:#DF2D7B; color:#fff; padding:25px; padding-bottom:100px;}
.agenda iframe{margin-top:20px; height:300px; width:100%;}
.agenda #map_canvas{margin-top:20px; height:300px; width:100%;}
.agenda .titol img{margin-right:20px; width: 10%;}
.agenda .span12{margin-left:0;}
.agenda .span12 img{margin:20px 0; width:100%}
.agenda .fb-like-box{width:100% !important}
.agenda .fb_iframe_widget span{width:100% !important}
.agenda .fb_iframe_widget iframe{width:100% !important}
.agenda .segueix{margin-top:10px; background:#fff; text-align:center; color:#DF2D7B; border:1px solid #DF2D7B; font-size:18px; font-weight:bold; padding:10px 0;}


/*calendar*/
.agenda table{margin-top:20px !important;}
div.zabuto_calendar .table tr.calendar-month-header th {background-color:transparent;}
div.zabuto_calendar .table tr th, div.zabuto_calendar .table tr td {background-color:transparent;}
div.zabuto_calendar .table tr.calendar-dow-header th { background-color:transparent;}
div.zabuto_calendar .table tr.calendar-month-header th {border:none;}
.glyphicon {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/arrows.png");
    background-origin: padding-box;
    background-repeat: repeat;
    background-size: 23px 90px;
    height: 12px;
    margin-bottom: 0;
    margin-top: -15px;
    width: 23px;
}
.glyphicon-chevron-left{ background-position:0 -45px;}
.glyphicon-chevron-left:hover{ background-position:0 -68px;}
.glyphicon-chevron-right:hover{background-position:0 -113px;}
.badge-today{background:transparent !important; border:1px solid #fff; border-radius:0;}
.badge-event{background:#fff !important; color:#DF2D7B !important; border-radius:0;}
.modal-header .close{display:none;}
.modal.fade{ display:none;}
.modal.fade .cal_span{width:55px; height:55px; font-size:30px; color:#000; border-radius:10px; position:absolute;  text-align:center;top:50%;margin-top:-20px; cursor:pointer;}
.modal.fade .cal_siguiente{background: url("../images/arrows.png") repeat scroll 0 0px rgba(0, 0, 0, 0);
    height: 40px;
    right: -70px;
    width: 40px;}
.modal.fade .cal_anterior{background: url("../images/arrows.png") repeat scroll 0 80px rgba(0, 0, 0, 0);
    height: 40px;
    left: -100px;
    width: 40px;}

/*----- INDEX --------*/
#index .slider{max-height:800px; position:relative;}
#index .slider li, .slider img , .slider .slide-body{width:100%;}
#index .responsive-slider .slides {max-height:800px;}
.responsive-slider .slider-control{ background-color:transparent !important;}
.slider-control { background:url(../images/arrows.png); padding:0 !important; width:40px; height:40px; border-radius:0 !important; }
.slider-control.left{ background-position:0 80px; margin-left:20px;}
.slider-control.left:hover{ background-position:0 40px;}
.slider-control.right{background-position:0 0; margin-right:20px;}
.slider-control.right:hover{ background-position:0 -40px;}
#video1{width: 100%;height: auto;margin-top: 60px;}

/*----- VISITA GUIADA ----*/
#visita .agenda .titol2{color:rgb(223, 45, 123); background:#fff;margin-top:20px; padding-left:10px; line-height: 22px;padding: 10px 10px 10px;}
#visita .agenda .marco{padding:10px; border:1px solid #fff;margin-bottom:10px;}
#visita .titol2 span {font-size: 14px;line-height: 14px;}

/*----- QUE VEURE ----*/
#que-veure .fila{line-height:40px; color:rgb(96, 83, 60); background:rgb(217, 216, 37); font-size:30px; font-weight:bold; padding:20px 30px; cursor:pointer; margin-bottom:4px}
#que-veure .fila .fletxa_pestanya{background-image:url(../images/fletxes-sprite.png); background-position: 0 -16px; background-repeat:no-repeat; float:right; width:5%; height:15px; margin-top:15px;}
#que-veure .pesta{float:left; width:95%;}
#que-veure .pestanya{display:none;}
#que-veure .veure .titol{padding-top:0; font-size:25px;}
#que-veure .veure .desc{padding-top:10px}
#que-veure .veure {padding:20px;margin-bottom:20px;float:left;}
#que-veure .peu_img{padding:5px 0 15px 10px;}
#que-veure .veure img{margin-top:10px; width:100%;}
#que-veure .agenda .span12 img{margin:7px 0;}
#que-veure .agenda .titol3{color:rgb(223, 45, 123); background:#fff;margin-top:20px; padding-left:10px; }
#que-veure .agenda .marco{padding:10px; border:1px solid #fff;margin-bottom:10px;}
/* fitxa */
#negoci .esquerra img{margin:25px 0;}

/*----- ON ANAR ----*/
#on-anar .esquerra{padding-bottom:250px;}
.negocis{margin-top:30px;}
.negocis img{width:100%;}
#on-anar .fila{line-height:40px; color:rgb(96, 83, 60); background:rgb(217, 216, 37); font-size:30px; font-weight:bold; padding:20px 30px;  margin-bottom:4px; margin-top:25px;}
#on-anar .negocis .ico{width:16px; height:17px; background:no-repeat; background-image:url("../images/icones-establiments.png"); margin-right:10px;float:left;}
#on-anar .negocis .ico.tel{ background-position:0 0;}
#on-anar .negocis .ico.email{background-position: -18px 0;}
#on-anar .negocis .ico.url{background-position: -35px 0;}
#negocios{margin: 0 2%;}

/*----- NEGOCIS ----*/
#negoci .esquerra{padding-bottom:250px;}
#negoci .link_negoci{color:#FF1B8F; font-weight:bold;}
#negoci .posicio{font-style: italic; margin-top:20px;}
#negoci .boto{float:right; margin-top:60px; margin-right:4%;}

/*----- contacte ----*/
#contacte .esquerra{padding-bottom:250px;}
#contacte iframe{ height:310px; margin-top:45px;}
#contacte #map_canvas{height:310px; margin-top:45px; width:100%;}
#contacte input, #contacte textarea{width:96%; border-radius:0; height:47px; padding-left:2%; padding-right:2%; }
#contacte textarea{height:150px;}
#contacte .tit_cont{padding-top:20px;padding-bottom:40px;}
#contacte .agenda .desc{font-size:16px;}
#contacte .boto{float: right; height: 40px; margin-top: 40px; width: 140px; border:none;}
#contacte .agenda{padding-bottom:300px;}
#contacte #resposta_form{float:left; margin-top:40px;padding-left:20px; width:75%;}
.espera_roda{ background:url("../images/roda.gif") no-repeat scroll center center / 80px auto rgba(0, 0, 0, 0) !important; background-color:#000 !important;}

/*------- AVISOS ---*/
.avisos{padding-bottom:200px}

/*---- FOOTER ----
footer{background-image:url(../images/ciutat.png); color:#DEDD00; padding-top:200px; margin-top:-175px; position:relative; z-index:2;}

*/
.img_footer{width:100%; position:relative; z-index:2; margin-top:-110px;}
footer{color:#DEDD00; background:#5B513F; margin-top:-180px; position:relative; z-index:3;}
footer .logo{padding-top:24px;}
footer .logo img{float:left; margin-left:4%; width:80px;}
footer .logo .tit_logo{font-size:15px; float:left; line-height:40px; padding-left:15px; padding-top:22px; font-weight:bold;}
footer .dreta{font-weight:bold;font-size:18px;}
footer .social{width:60px; height:60px; background:#dddc00; background-position:center; background-repeat:no-repeat;float:right; margin-left:10px; cursor:pointer; border-radius:36px;}
footer .social.face{ background-image:url(../images/face.png); background-size:20px auto;}
footer .social.twitter{ background-image:url(../images/twitter.png); background-size:33px auto;}
footer .social.face:hover{}
footer .social.twitter:hover{b}
footer .clients{margin-top:40px;margin-bottom:20px;}
footer .clients img{width:70%; margin-left:auto; margin-right:auto}
footer .peu{text-align:center; font-size:12px; margin-bottom:10px;}
footer .peu a{color:#fff;}
footer .segueixnos{text-align:right; padding-right:20px; font-size:20px; font-weight:bold;margin-bottom:10px;}
footer .socials{margin-left:0 !important; margin-right:2%;margin-top:20px; margin-bottom:20px;}
footer .peu .gestAmb{float:right;}
footer .peu .gestAmb img{width:100px; margin-top:-10px; padding-right:25%;}
footer .autor{margin-right:10px; color:#fff;}

/*peu de imatges */
.img_peu{font-size:14px; color:#fff; line-height:30px; margin-left:15px;}
#negoci .img_peu{margin-top:-25px;}



@media (max-width: 767px) {
header{overflow:hidden;}
body{margin:0; padding:0;}
.modal.fade{display:none;}
#header .logo .text {display:none;}
#header #inputs{display:none;}
header .menu{  position:relative; width:100%; bottom:0;}
header .menu .item{border:0; padding-bottom:20px; margin-right:15%; height:50px;}
#header .m-movil{display:block; }
header .langs{font-size:12px;}
.header2{display:none;}
header .logo .span12{width:100%;}

.agenda{margin-left:-2% !important; margin-right:-2% !important; width:104% !important; padding-bottom:200px !important;}

#index .slider{display:none;}
#index .esquerra{padding-bottom:50px;}
#sobre-mont .esquerra{padding-bottom:50px;}
#que-veure .esquerra{padding-bottom:50px;}

#negoci .titol_pag{display:none}
#negocios .negocis .span3{margin-left:10%;margin-bottom:15px}

#negocios .negocis .span2{margin-bottom:20px;}
#negoci .header2{display:block;}
footer{margin-top:-65px !important}
footer .peu{font-size:14px;}
footer .logo{display:none !important;}
footer .clients{display:none;}
footer .dreta{margin-top:60px; margin-bottom:50px; text-align:center;}
footer .dreta .span12{width:150px; margin-left:auto !important;margin-right:auto !important;}
footer .peu .gestAmb{margin-top:50px;}

}