@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300);
@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Cinzel);
@import url(https://fonts.googleapis.com/css?family=Alegreya);

/*
----COLORS------
BLAU FORT: #3d4f61


/*------  GENERAL -----------*/
body{font-family: 'Montserrat', sans-serif;  }
img{width:100%;}
.container-fluid{padding:0; max-width:1200px; margin-left:auto; margin-right:auto; }
.container-marges{padding:0 2%;}
.row{margin:0;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{padding:0;}

.total_w{max-width:100%!important;}
.titol{font-weight:bold; font-size:30px; padding:10px 0 10px 30px;}
.sub-titol{font-size:14px; padding:20px 0 10px 20px; text-transform:uppercase;}
.desc{font-size: 12px; padding: 0 0 20px 20px}

.boto{padding:5px 30px; text-transform:uppercase; background:#3d4f61; font-size:23px; margin-top:20px; display:table; margin-left:auto; margin-right:auto; color:#fff;}
.boto:hover{background:#fff; color:#3d4f61;}
.boto2{padding:10px 30px; border: 1px solid #3d4f61; text-transform:uppercase; background:#fff; font-size:12px; margin-top:25px; display:table; margin-left:auto; margin-right:auto; color:#3d4f61;}
.boto2:hover{background:#3d4f61; color:#fff;}

.marge_bottom_estandard{margin-bottom:60px;}
.marge_top_estandard{ margin-top:60px;}
.marge_left_estandard{margin-left:60px;}
.marge_right_estandard{margin-right:60px;}

.centrat{text-align:center}

.top_page{padding:30px 0 30px 60px; font-size:30px; font-weight:bold; color:#fff; background:#3d4f61; margin:40px -60px 0 -60px; width:1200px; text-transform:uppercase;}

#loading { position: fixed; left: 0px; top: 0px; background-color:#fff; width:100%; height:100%;z-index:999; }
#loading .loading_gif{width:200px; margin-left:-100px;; margin-top:-50px; position:absolute; left:50%; top:50%; z-index:1000; }

/*------ HEADER ---------*/


#video_vimeo {
    width: 100vw;
    height: 56vw;
    max-height: 650px;
}
#grupo{max-width: 1400px; width: 100%; margin-bottom: 2em;margin-top: 0.5em;  }
#grupo > a > div{padding:0 1%;}
.header_home #grupo{max-width: 1200px; width: 100%; margin-bottom: 1em;margin-top: 0.5em; }
#grupo .columns{padding:0px;}
#grupo .pastilla{border-radius:6px; margin-right:0;color: #FFF;font-size: 0.75em;padding: 0 13px;}
#grupo .pastilla#info{ background-color:#b2304a;}
#grupo .pastilla#onCapdepera{background-color:#6EA224;}
#grupo .pastilla#proxima{background-color:#aa869e;}
#grupo .pastilla#visit{background-color: #f4d500; margin-right: 0;}
#grupo .pastilla.columns:last-child:not(:first-child){float:left;}

#grupo .pastilla .texta{ float: left;padding: 16px 1%; font-family:'Montserrat'; font-size: 12px; -moz-osx-font-smoothing: grayscale;    -webkit-font-smoothing: antialiased;}
#grupo .pastilla .imatge{width:55px; float: right; height: 50px; background-image: url('../images/icons/grupos.png');}
#grupo .pastilla#info .imatge{ background-position: -5px -6px;}
#grupo .pastilla#onCapdepera .imatge{background-position: 215px -6px;}
#grupo .pastilla#proxima .imatge{background-position: 48px -2px;}
.new-que-fer-top.dins_slider{display: none;}


	
header{ font-size:16px; color:#3d4f61;  width:100%;}

#header{ width:100%; max-width:1200px;}
.header_home#header .menuContains{}

.header_home{ }
header a{color:#3d4f61;}
header .logo img{padding-left:7%; padding-right: 30px;  margin-top: -20px;}

header .item{text-align:center; line-height:55px; margin: 0 5px;float:left; padding-left:4px; padding-right:4px; font-size:14px; text-transform:uppercase;}
header .item.llarg{}
header .item.curt{}
header .item.home{text-align:left;}
header .langs {z-index:20; position:relative;}
header .langs img{width:28px; margin-top:12px}
header .langs_mes{position:absolute; right:0px; top:54px;}
header .langs .lang{display:none;font-weight:bold; line-height:53px; background:#3d4f61; border:1px solid #3d4f61; color:#fff; text-align:center; font-size:12px}
header .langs_mes .lang{ width:100%; }
header .langs_mes .lang:hover{background:#fff; color:#3d4f61;}
header .m-movil{display:none;}
header .menu-movil{ height:40px; }
header .menu-movil .botn{ padding:10px 10px 5px 10px;float:right;margin:0 0 5px 0;background:#3d4f61; border:0;  cursor:pointer; width:100%;}
header .menu-movil .botn .retxa{height:2px; background: #fff; margin-bottom:8px; width:90%}
header .menu_triat{ background:#3d4f61 !important; } 
header a .menu_triat {color:#fff;} 
header .menu_triat .top_d{color:#fff !important; }
header .top_d{ /*width:200px*/}
header a:hover > .item{background:#3d4f61} header a:hover {color:#fff; text-decoration:none;}
header .desplegable{padding:0 2.5%}
header .desplegable:hover {background:#3d4f61} header .desplegable:hover > a{color:#fff}
header .noVisible{display:none; position:absolute; z-index:20; background:transparent; width:200px;padding-top:5px}
header .noVisible a div{color:#fff; background:#3d4f61}header .menu_triat a div{color:#fff;}
header .noVisible a div:hover{color:#3d4f61; background:#fff}
header #inputs{margin:20px 0 7px 0;}




#header #contentLang{width: 50px;height: 40px; background-color:rgb(1,182,199);float: right;}
#header #idiSel{color:#fff; text-align:center; padding-top:0.8rem;box-shadow: 1px 1px 3px 1px #333;height: 40px;cursor:pointer;}
#header #contenedorDerecha .column{padding: 0px;}
#header #contenedorDerecha{ padding-right:1.7%; margin-top:6px;}
#header #idiomas{width: 50px;position: absolute;z-index: 99;  background-color:rgb(1,182,199); text-align:center;color:#fff; display:none; 
				padding-top:40px;box-shadow: 1px 1px 3px 1px #333;}
#header #idiomas a	{color:#fff;}			
#header #idiomas .idi {border-bottom:1px solid #FFF;}
#header #idiomas .idi.last {border-bottom:0px }

@media only screen and (min-width: 800px) and (max-width: 1023px) { 
	#head #contentLang{position: absolute;top: 136px;right: 2.25%;}
	#head #contenedorDerecha{margin-top:0px; padding-right:0px;}
}





@media only screen and (min-width: 640px) and (max-width: 799px) {
	#head #contentLang{position: absolute;top: 136px;right: 2.25%;}
	#head #contenedorDerecha{margin-top:0px; padding-right:0px;}
}





/*------- INDEX ---------*/
/*slider*/
.sy-controls{display:none !important;}
.sy-controls li a:after{height:70px; width:70px; border-radius:0;}
.sy-controls li.sy-prev a:after{background: url(../images/icons/fletxa_esq.png); background-repeat:no-repeat; left:20px;}
.sy-controls li.sy-next a:after{background: url(../images/icons/fletxa_dre.png); background-repeat:no-repeat; left:70px}
.sy-controls li a:link, .sy-controls li a{opacity:0.7;}
#slider .sy-controls li{height:21% !important; top:260px !important; width:121px}
#slider{max-width:none;}
#slider .descobreix{position:absolute; z-index:30; top:40%; left:0%; width:100%; text-align: center;background-color: rgba(61, 79, 97,0.3); padding: 20px 0;}
#slider .descobreix .titol{ padding:0; text-align:center; font-size:48px; font-weight:700; line-height:50px; color:#fff;}
#slider .descobreix .nucli{font-size:40px;}
#slider .descobreix .boton{padding:13px 38px; font-size:14px; text-transform:uppercase; background:transparent; border:1px solid rgb(61, 79, 97); color:rgb(61, 79, 97); font-weight:bold;margin-top:10px;display:table; margin-left:auto; margin-right:auto;}
#slider .descobreix a:hover > .boton{background: rgb(61, 79, 97); color:#fff;}
#slider .descobreix a:hover {text-decoration:none;}
#slider .sy-caption-wrap{display:none;}
.img_slider_home{ height: 50vw; max-height: 500px; background-size: cover; background-repeat: no-repeat; background-position: center center;}

.vermellot{padding:20px;color:#fff;margin-bottom:60px; color:#3d4f61;}
/*calendar*/
div.zabuto_calendar{font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
div.zabuto_calendar table{border:0;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border:0;}
div.zabuto_calendar .table tr.calendar-month-header th {background-color:#3f3c39; color:#fff; font-size:19px; font-weight:normal;}
div.zabuto_calendar .table tr th, div.zabuto_calendar .table tr td {background-color:#d9d9d9; color:#8b8a8a; font-size:10px; width:10%; padding:0;}
div.zabuto_calendar .table tr.calendar-dow-header th { background-color:#3f3c39;color:#fff; font-size:10px;}
div.zabuto_calendar .table tr.calendar-month-header th {border:none;}
div.zabuto_calendar .table{height:264px;}
.glyphicon { background-attachment: scroll;  background-clip: border-box;  background-color: rgba(0, 0, 0, 0); /*background-image: url("../images/arrows.png");*/ width: 23px;
			 background-origin: padding-box;   background-repeat: repeat;    background-size: 23px 90px;    height: 12px;    margin-bottom: 0;    margin-top: -15px;    }
.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:#fff !important; color:#3d4f61 !important; border:0; border-radius:0; padding:7px !important; margin:-7px; font-size:10px;}
.badge-event{background:#3d4f61 !important; color:#fff !important; border-radius:0; padding:7px !important; margin:-7px; font-size:10px;}
/*events*/
.index{color:#fff;}
.index .events{}
.index .events .titol{ background:#3d4f61; text-transform:uppercase; }
.index .events .exp_esquerra{background:#3d4f61; }
.index .events .img{overflow:hidden; background-size: cover; background-position: center center; background-repeat: no-repeat;height: 264px;}
.index .events img{height:264px; width:auto;}
.index .events .veure{text-align:center;}
.index .events .cal{background:#3f3c39; max-height:264px;}
.index .info{background:#3d4f61}
/*finestra events*/
.modal-dialog{max-width:500px}
.modal-content{border-radius:0;font-family: 'Montserrat', sans-serif; }
.modal-header{padding:15px 25px; text-transform:uppercase; font-weight:bold;  background:#3d4f61; color:#fff;}
.modal-header h4{font-size:14px;font-weight:bold;}
.modal-footer{display:none;}
.modal-dialog button.close{color:#fff; opacity:1;}
.logo_footer{float: right; margin-right: 15px;}
/*experiencies*/
#experiencies{ height:280px; }
.index .info{ padding-left:40px; background:#fff;}
.index .experiencies{background:#3d4f61; min-height:165px}
.index .experiencies .desc{padding: 0px 20px 20px 20px;}
.index .experiencies .boto{margin-top:0;margin-bottom:20px}
.index .info .sy-controls li a:after{height:40px; width:40px;}
.index .info .sy-controls li.sy-prev a:after{background: url(../images/icons/fletxa_esq_blanc.png); background-repeat:no-repeat; left:30px;top:50%; background-size:45px 45px;}
.index .info .sy-controls li.sy-next a:after{background: url(../images/icons/fletxa_dre_blanc.png); background-repeat:no-repeat; left:30px; top:50%; background-size:45px 45px;}
.index .info .sy-controls li a:link, .sy-controls li a{opacity:0.9}
/*segona i tercera fila*/
.index .fila_ind {color:#fff; font-size:28px; text-transform: uppercase; text-align:center;height:390px; overflow:hidden;}
.index .fila_ind.tercera_fila {height:486px; }
.index .fila_ind .col_1{font-weight:bold; padding:186px 0;}
.index .fila_ind .col_2{  font-size:25px;}
.index .fila_ind .col_3 .col-sm-12{border-left:1px solid #fff; border-bottom:1px solid #fff; font-size:20px;}
.index .img_gran a{color:#fff}
.elipse{transition: padding 0.5s, margin 0.5s;}
.index .verd_gran .elipse{padding:177px 0; }
.index .tercera_fila .verd_gran .elipse{padding:225px 0; }
.verd_gran,  .fila{transition: background 0.5s}
.index .img_gran:hover > a{text-decoration:none}
.index .img_gran:hover > a > .verd_gran > .elipse{background:url(../images/icons/elipse.png); background-repeat:no-repeat;background-position:center 190px; background-size:48px; padding:133px 0 220.5px 0;}
.index .tercera_fila .img_gran:hover > a > .verd_gran > .elipse{padding:133px 0 318.5px 0;background-position:center 273px;}
.index .fila_ind .col_3 .col-sm-12 .fila{color:#fff; }
.index .fila_ind .col_3 .col-sm-12 .fila .elipse{padding:34.12px 0;}
/*segona fila*/
.index .segona_fila{background:rgb(0,137,147); }
.index .segona_fila .col_2{background:url(../images/capdepera.jpg);background-size: cover; background-position:center center; background-repeat:no-repeat;}
.index .segona_fila .col_3 .fila_1{ background:url(../images/cala_ratjada_1.jpg); background-size:cover; background-position:center -20px;}
.index .segona_fila .col_3 .fila_2{ background:url(../images/cala_mesquida_1.jpg); background-size:cover; background-position:center -60px;}
.index .segona_fila .col_3 .fila_3{ background:url(../images/canyamel_1.jpg); background-size:cover; background-position:center -20px;}
.index .segona_fila .col_3 .fila_4{ background:url(../images/sa_font_de_sa_cala_4.jpg); background-size:cover; background-position:center -5px;}
.index .segona_fila .col_3 .col-sm-12:hover > a{text-decoration:none;}
.index .segona_fila .col_3 .col-sm-12:hover > a > .fila{background:rgba(0,137,147,0.75);}
.index .segona_fila .col_3 .col-sm-12:hover > a > .fila > .elipse{background:url(../images/icons/elipse.png); background-repeat:no-repeat;background-position:center 55px; background-size:24px;padding:23.2px 0 45px 0;}
.index .segona_fila .img_gran:hover > a > .verd_gran{background:rgba(0,137,147,0.75);}
/*tercera fila*/
.index .tercera_fila{background:rgb(1,182,199); }
.index .tercera_fila .col_2{background:url(../images/cala_agulla.jpg);background-size:cover; background-position:center center; background-repeat:no-repeat;}
.index .tercera_fila .col_3 .fila_1{ background:url(../images/son_moll.jpg); background-size:cover; background-position:center -20px;}
.index .tercera_fila .col_3 .fila_2{ background:url(../images/cala_mesquida_2.jpg); background-size:cover; background-position:center -35px;}
.index .tercera_fila .col_3 .fila_3{ background:url(../images/canyamel_2.jpg); background-size:cover; background-position:center -85px;}
.index .tercera_fila .col_3 .fila_4{ background:url(../images/sa_font_de_sa_cala_2.jpg); background-size:cover; background-position:center -20px;}
.index .tercera_fila .col_3 .fila_5{ background:url("../images/cala_gat.jpg"); background-size:cover; background-position:center -20px;}
.index .tercera_fila .col_3 .col-sm-12:hover > a {text-decoration:none;}
.index .tercera_fila .col_3 .col-sm-12:hover > a > .fila{background:rgba(1,182,199,0.75); }
.index .tercera_fila .col_3 .col-sm-12:hover > a > .fila > .elipse{background:url(../images/icons/elipse.png); background-repeat:no-repeat;background-position:center 55px; background-size:24px; padding:23.2px 0 45px 0;}
.index .tercera_fila .img_gran:hover > a > .verd_gran{background:rgba(1,182,199,0.75);}



.home_btn_descubrelo{
	border:solid 1px #3d4f61;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:16px;
	color:#3d4f61;
	transition:background 0.8s ease-in-out;
}
.home_btn_descubrelo:hover{background:#3d4f61; color:#fff;}
.link_no_class, .link_no_class:hover{
	color:#fff;
}
.home_que_hacer{
	font-size:22px;
}


/*------- NUCLIS URBANS ---------*/

.nuclis_platges .top_page{ background:#218891}
.nuclis_platges .nucli_img{position:relative; text-transform:uppercase;}
.nuclis_platges .nucli_img .fila{position:absolute; width:100%; height:100%; top:0; text-align:center;}
.nuclis_platges .nucli_img .fila:hover{background:rgba(0,137,147,0.75);}
.nuclis_platges .nucli_img .elipse{margin-top:0; padding: 31% 10px; color:#fff; font-size:24px; font-weight:bold;}
.nuclis_platges .nucli_img .capdepera .elipse{font-size:50px;padding:11% 0;margin-top:0;}
.nuclis_platges .nucli_img .fila:hover > .elipse{background:url(../images/icons/elipse.png); background-repeat:no-repeat;background-position:center 65%; background-size:24px; padding:25% 10px 36%;}
.nuclis_platges .doble_lin{padding:26% 10px}
.nuclis_platges .nucli_img .capdepera:hover > .elipse{background-position:center 75%; background-size:48px; padding:8% 0 13%}
.nuclis_platges .nucli_img .fila:hover > .sa_font{background-position:center 120px; background-position:center 56%;}
.nuclis_platges .nucli_img .fila.doble_lin:hover > .elipse{padding:10% 10px 40%;  }
/*mosaico*/
.Collage{ padding:0;}
.Collage img{  margin:0;  padding:0; display:inline-block;  vertical-align:bottom;  opacity:1; }
.Image_Wrapper{  opacity:0; }
.Caption{  font-size:14px;  font-weight:normal;}
.Caption_Content{  color:#FFF;  padding:20px;}

/*------- NUCLI/PLATJA INDIVIDUAL ---------*/
.nucli_platja{margin-top:30px;}
.marge_top_null{margin-top:0px!important;}
.nucli_platja .nom {
    background: #218891 none repeat scroll 0 0;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    padding: 29px 0 28px 27px;
    text-align: center;
    text-transform: uppercase;
}

.row_temps{background:#bcdbde;}
.nucli_platja .temps{ color:#fff; padding: 35px 0; text-align:center; text-transform:uppercase; font-weight:bold;}
.nucli_platja .temps .titol{font-size:24px; padding:0;}
.nucli_platja .temps .ico_temps{width:100%; height:175px; margin-left:auto; margin-right:auto; }
.nucli_platja .temps .ico_temps.sol{background:url(../images/temps/sol.png); background-repeat:no-repeat; background-position:center center;}
.nucli_platja .temps .ico_temps.nuvolat{background:url(../images/temps/nuvolat.png); background-repeat:no-repeat; background-position:center center;}
.nucli_platja .temps .ico_temps.pluja{background:url(../images/temps/pluja.png); background-repeat:no-repeat; background-position:center center;}
.nucli_platja .temps .ico_temps.neu{background:url(../images/temps/neu.png); background-repeat:no-repeat; background-position:center center;}
.nucli_platja .temps .ico_temps.intermig{background:url(../images/temps/intermig.png); background-repeat:no-repeat; background-position:center center;}

.nucli_platja .temps .temp{font-size:45px;}
.nucli_platja .temps .dia{font-size:24px;}
.nucli_platja .info{padding-left:60px; padding-right:60px; padding-top:5%; padding-bottom:5%; background:#fff; min-height:412px}
.nucli_platja .info .titol{font-size:14px; font-weight:bold; margin-bottom:10px; padding:0; text-transform:uppercase;}
.nucli_platja .info .desc{font-size:14px; font-weight:normal;padding:0;font-family: 'Lato', sans-serif; line-height:17px;}

.nucli_platja .events{ background:#63abb2; color:#fff;}
.nucli_platja .events .event_info{padding:40px 0 0px 40px;}
.nucli_platja .events .titol{padding:0;text-transform:uppercase;}
.nucli_platja .events .sub-titol{padding:5px 0;}
.nucli_platja .events .desc{font-size:14px; padding-left:0;font-family: 'Lato', sans-serif; text-align:justify; line-height:17px;}
.nucli_platja .events .calendari{padding:65px}

.nucli_platja .enllasos{padding:40px 60px; color:#3d4f61; text-transform:uppercase;}
.nucli_platja .enllasos .links{padding:60px; text-align:center;}
.nucli_platja .enllasos .titol{padding:0;}
.nucli_platja .enllasos a{font-size:14px; line-height:40px; color:#3d4f61; font-weight:bold;}

.nucli_platja .platja .nom_iconos{ background:#218891; border-top:1px solid #218891; border-bottom:1px solid #218891;}
.nucli_platja .platja .nom{float:left;padding-right:20px}
.nucli_platja .platja .icons{background:#45b5c4; text-align:center; font-size:16px; font-weight:bold; color:#45b5c4;float:right;}
.nucli_platja .platja .ico{width:90px; height:100px; background:#45B5C4; border-left:1px solid #fff; float:right;}
#bandera{display:none;}
.nucli_platja .platja .bandera{ padding:28px 33px;background:#45b5c4;}
.nucli_platja .platja .bandera.verda{background:#0aac21;}
.nucli_platja .platja .bandera.vermella{background:#F00;}
.nucli_platja .platja .bandera.groga{background:#ECEC2C;}
.nucli_platja .platja .bandera.taronja{background:#F63;}
.nucli_platja .platja .bandera.negre{background:#45b5c4;}
.nucli_platja .platja .vent{padding:22px 28px 0 28px;}
.nucli_platja .platja .minusvalid{padding:25px 31px}
.nucli_platja .platja .wifi{padding:26px 23px}
.nucli_platja .platja .caixa{ color:#fff;}
.nucli_platja .platja .caixa img{padding:21px 0 0;}
.nucli_platja .platja .text{padding-top:3px; text-transform:uppercase; line-height:18px; font-size:11px;}
.nucli_platja .platja .caixa .text{padding-top:5px;}

/*--------- NOTICIES --------*/
.noticies_events .top{padding:15px 25px; text-transform:uppercase; font-weight:bold; font-size:14px; background:#3d4f61; color:#fff;}
.noticies_events .img{height: 20vw; max-height:300px; }
.noticies_events .sub-titol{ text-transform:uppercase; font-weight:bold; font-size:14px; padding:25px 25px 15px; text-align:justify;height: 11vw; max-height:85px; color:#3D4F61 ;}
.noticies_events .desc{font-family: 'Lato', sans-serif; font-size:14px; padding:0 25px 0 0; text-align:left; line-height:17px;height: 13vw; max-height:175px; }
.noticies_events .boto2{float:right;margin-right:20px;margin-bottom: 20px;}
.modal-body .noticies_events .sub-titol{height:auto; max-height:none;}
.modal-body .noticies_events .img{height:auto; max-height:none;}
.modal-body .noticies_events .desc{height:auto; max-height:none;}

.noticies_events .calendar{float:right; padding-right:60px; font-weight:bold; font-size:16px; padding-top:12px; position:relative;cursor:pointer;}
.noticies_events .cal_events{position:absolute;  top:45px; right:55px; width:300px;padding:20px; background:#fff; z-index:20; display:none; }


/*-------- NOTI-EVENT ------*/ 
.noti_event .top{padding:15px 25px; text-transform:uppercase; font-weight:bold; font-size:14px; background:#3d4f61; color:#fff; margin-top:60px}
.noti_event .img{}
.noti_event .sub-titol{ text-transform:uppercase; font-weight:bold; font-size:14px; padding:25px 25px 15px}
.noti_event .desc{font-family: 'Lato', sans-serif; font-size:14px; padding:0 25px 10px; text-align:justify; line-height:17px;}
.noti_event .boto2{float:right; margin-left:10px; padding:10px 23px;}
.noti_event .xarxes .twitter{background:url(../images/icons/twitter_blau.png); background-repeat:no-repeat; background-position: 6px 9px; padding:10px 18px 10px 35px}
.noti_event .xarxes .facebook{background:url(../images/icons/facebook_blau.png); background-repeat:no-repeat;background-position: 15px 6px;padding:10px 18px 10px 35px}
.noti_event .xarxes .twitter:hover{ color:#fff; background:url(../images/icons/twitter_blanc.png); background-repeat:no-repeat; background-position: 6px 9px; background-color:#3d4f61;}
.noti_event .xarxes .facebook:hover{ color:#fff; background:url(../images/icons/facebook_blanc.png); background-repeat:no-repeat;background-position: 15px 6px;background-color:#3d4f61;}
.facebook.boto2 a{color:#3D4F61 !important;}

/*------- SOCIAL ---------*/
.xarxes_soci {margin-top:60px}
.xarxes_soci .social{ height:25vw; text-align:center; color:#fff; font-weight:bold; font-size:30px; max-height:300px; padding-top:36%;}
.xarxes_soci a:hover{text-decoration:none}
.xarxes_soci .social.facebook{background:url(../images/icons/facebook.png); background-repeat:no-repeat; background-position:center 30%; background-color:#465996}
.xarxes_soci .social.twitter{background:url(../images/icons/twitter.png); background-repeat:no-repeat; background-position:center 30%; background-color:#65a7dd}
.xarxes_soci .social.instagram{background:url(../images/icons/instagram.png); background-repeat:no-repeat; background-position:center 30%; background-color:#617da0}
.xarxes_soci .face iframe{width:100% !important}
.fb-like-box.fb_iframe_widget{width:100%}
.fb_iframe_widget span{width:100% !important}


/*--------- QUE - FER -----------*/

.que_fer_top{background:rgb(204,42,65)!important;padding:30px!important;}
#que-fer .que-fer{margin-top:75px; margin-bottom:75px; }
#que-fer .que-fer .col-sm-4:hover > .interior{opacity:1;}
#que-fer .que-fer .col-sm-4{border-bottom: 4px solid #555;height:33vw; position:relative; max-height:400px;}
#que-fer .que-fer .col-sm-6{height:60vw; position:relative; max-height:500px;}
#que-fer .que-fer .interior{background: rgba(204, 42, 65, 0.9) none repeat scroll 0 0; bottom: 0;  height: 10%;opacity: 1;position: absolute;width: 100%;left:0;padding-top:5px;}
#que-fer .que-fer .interior:hover{background:#CC2A41}
#que-fer .que-fer .titol{color: #555;font-size: 30px;padding: 10px;text-align: center;}

#que-fer .que-fer .desc{color:#fff;font-size:12px;text-align:center;padding:0px 35px; font-size:23px;}
#que-fer .que-fer .boto{background:transparent; font-weight:bold; cursor:pointer;margin-top:0px;}

#que-fer .restauracio {background:transparent url("../images/que-fer/restauracio.jpg") repeat scroll 100% center / 150% auto;}
#que-fer .compras {background:transparent url("../images/que-fer/shopping.jpg") repeat scroll center center / 150% auto;}
#que-fer .tapas {background:transparent url("../images/que-fer/tapas_cafe.jpg") repeat scroll center center / 150% auto;}
#que-fer .noche {background:transparent url("../images/que-fer/noche.jpg") repeat scroll 73% center / 150%  auto;}
#que-fer .actividades {background:transparent url("../images/que-fer/actividades.jpg") repeat scroll 10% center / 150% auto;}
#que-fer .alojamiento {background:transparent url("../images/que-fer/alojamiento.jpg") repeat scroll 55% center / 150% auto;}
#que-fer .rent-a-car{background:transparent url("../images/que-fer/rent-a-car.jpg") no-repeat scroll 0% center / 130% auto;}
#que-fer .supervip {background:transparent url("../images/que-fer/pasta_pasta.jpg") no-repeat center center; background-size:100% 100%;}
#que-fer .head{	margin-top:15px;	margin-bottom:15px;	/*padding-top:;*/}
#que-fer .logo{	width:200px;	height:auto;}
.topa{	color:rgb(61,79,98)!important;}
#que-fer .platges_titol{	color:rgb(61,79,98);	/*margin-left:10%;*/	font-size:30px;	font-weight:700;	font-family:'Montserrat';	height: 200px;	line-height: 200px; /* <-- this is what you must define */}
.interior .desc div{border:solid 1px #fff;}
#que-fer .titol_span{	vertical-align:middle;	display:inline-block;	line-height:1.2;	border:solid 2px rgb(61,79,98);	padding:10px;}
#que-fer .titol_span:hover{	border-color:rgb(204,42,65)!important;	color:rgb(204,42,65)!important;}



/*OPINION - ENQUESTES*/
#opinion{margin-top:60px; margin-bottom: 100px;}
#opinion h1{margin-bottom: 40px;}
#opinion p{margin-bottom: 50px;}
#opinion, #opinion p, #opinion h3{color:#3D4F61 !important;}
#opinion .ico-enquesta{background-image: url('/images/enquesta-gris.png'); background-repeat: no-repeat;  width: 40px; height: 40px; display: inline-block; float:left;margin:20px 15px; cursor: pointer;}
#opinion .ico-enquesta.ico-1{background-position: 0 -109px;}
#opinion .ico-enquesta.ico-2{background-position: 0 -73px;}
#opinion .ico-enquesta.ico-3{background-position: 0 -37px;}
#opinion .ico-enquesta.ico-4{background-position: 0 0;}
#opinion .ico-enquesta.active, #opinion .ico-enquesta:hover{background-image: url('/images/enquesta-color.png');}
#opinion h4{margin: 30px 0 10px;}
#opinion label{margin-top: 5px; margin-bottom: 35px;}
#opinion textarea{width:100%; height: 200px; margin-top: 20px; padding:15px;}
#opinion .enviar > div{padding:0; margin:20px 0 0;}
#opinion .send{float:right; border-radius: 0; background:#3D4F61; border:1px solid #3D4F61; color:#fff; text-transform: uppercase; font-size: 14px; transition: all 0.8s ease-in-out; padding: 7px 20px;}
#opinion .send:hover, #opinion .send:focus{background:#fff; color:#3D4F61;}
#opinion #missatgeContacte{margin-top:30px; text-align: center;}




/*------------ NEW-QUE-FER  --------*/
#new-que-fer-top{width:100%; max-width:none;}
#new-que-fer-top h1{color:#fff; margin:0; padding:10px; font-size:45px; line-height:50px; text-transform:uppercase;}
#new-que-fer-top h2{color:#fff; margin:0; padding:5px 10px; font-size:30px; line-height:35px;}
#new-que-fer .col-md-4, #new-que-fer .col-sm-6{padding:0 5px;}
#new-que-fer-top .img-top{position:relative; border-bottom:30px solid #b2304a;}
#new-que-fer-top .info-img-top{width:100%; position:absolute; bottom:60px; text-align:center;}
#new-que-fer-top .icons-top.movil{display:none;}
#new-que-fer-top .icons-top.desktop{margin-top:70px;width:685px; margin-left:calc(50% - 342px);}
#new-que-fer-top  .desktop .ico-fer{padding:52px; background:url('../images/icons/icons_serveis.png'); background-repeat:no-repeat; background-size:auto 100px; display:inline-block;float:left;margin:5px; cursor:pointer;}
#new-que-fer-top .desktop .ico-fer.vespre {background-position: 2.5px 0;}
#new-que-fer-top .desktop .ico-fer.tapes {background-position: -109px 0;}
#new-que-fer-top .desktop .ico-fer.activitats {background-position: -220px 0;}
#new-que-fer-top .desktop .ico-fer.compres {background-position: -331px 0;}
#new-que-fer-top .desktop .ico-fer.lloguer {background-position: -443px 0;}
#new-que-fer-top .desktop .ico-fer.gastronomia {background-position: -554px 0;}
#new-que-fer-top .ico-fer:hover{opacity:0.6;}

#new-que-fer-top .icons-top.movil{margin-top:50px; width:100%}
#new-que-fer-top .icons-top.movil a{width:275px;  padding:12px 5px;color:#fff; text-shadow: 0 4px 5px #000; font-size:16px; display:inline-block; border-radius:20px; position:relative;margin-bottom:20px; cursor:pointer;}
#new-que-fer-top .icons-top.movil a:hover{text-decoration:none;}
#new-que-fer-top .movil .ico-fer i{width:55px; height:55px; background:url('../images/icons/icons_serveis.png'); background-repeat:no-repeat; background-size:auto 60px; display:inline-block;float:left; position: absolute;left: calc(50% - 146px);top: -3px;box-shadow: 5px 0px 8px 0px #000;border-radius: 40px;}
#new-que-fer-top .movil .ico-fer.vespre i {background-position: 0px -2px;}
#new-que-fer-top .movil .ico-fer.tapes i {background-position:  -69px -2px;}
#new-que-fer-top .movil .ico-fer.activitats i {background-position: -135px -2px;}
#new-que-fer-top .movil .ico-fer.compres i {background-position: -201px -2px;}
#new-que-fer-top .movil .ico-fer.lloguer i {background-position: -268px -2px;}
#new-que-fer-top .movil .ico-fer.gastronomia i {background-position: -335px -2px;}

#new-que-fer-top .movil .ico-fer.vespre {background-color:#3d9fac;}
#new-que-fer-top .movil .ico-fer.tapes {background-color:#5b4470}
#new-que-fer-top .movil .ico-fer.activitats {background-color:#4b5554;}
#new-que-fer-top .movil .ico-fer.compres {background-color:#fcb634;}
#new-que-fer-top .movil .ico-fer.lloguer {background-color:#d6572e;}
#new-que-fer-top .movil .ico-fer.gastronomia {background-color:#e25063;}

#new-que-fer{width:100%; max-width:1400px; padding:0 2%;}
#new-que-fer{margin:150px auto;}
#new-que-fer .col-md-4.col-sm-6{cursor:pointer;}
#new-que-fer .tira{padding:12px 5px; text-align:center; color:#fff; text-shadow: 0 4px 5px #000; font-size:16px;margin-bottom:10px; }
#new-que-fer .tira.vespre{background:#3d9fac;}
#new-que-fer .tira.tapes{background:#5b4470;}
#new-que-fer .tira.activitats{background:#4b5554;}
#new-que-fer .tira.compres{background:#fcb634;}
#new-que-fer .tira.lloguer{background:#d6572e;}
#new-que-fer .tira.gastronomia{background:#db3448;}
#new-que-fer a:hover{opacity:0.6;}
#new-que-fer .royal{margin-top:90px}

/*------------- FOOTER NEW QUE FER --------*/
.footer-new-que-fer.container-fluid{padding:30px; background:#b2304a; color:#fff; }
.footer-new-que-fer .col-sm-12{text-align:right;}
.footer-new-que-fer a:first-child > img{width:90px;margin-right:30px;}
.footer-new-que-fer a:last-child > img{width:110px;margin-right:20px;}



#no_toc{display:inline;}
#map_canvas{height:100%}
.nucli_platja #map_canvas.mapa{height:400px}

/*lightbox*/
#que-fer .light-fer{width:100%;display:none;z-index:9;margin: 75px 0px;}
#que-fer .light-fer .blau{background:rgba(61,79,97,0.7);width:100%; padding:20px 0% 10px; color:#fff;}
#que-fer .light-fer .blau .col-sm-12{font-family: 'Lato', sans-serif; font-size:18px;}
#que-fer .light-fer .blau .col-sm-4{line-height:30px;}
#que-fer .light-fer .blau .col-sm-4.active{color:#218891; font-weight:bold;}
#que-fer .light-fer .blau .info-vip{margin-top:30px;font-size:14px;}
#que-fer .light-fer .titol{padding:30px 0;font-size:24px; font-weight:normal; font-family: 'Lato', sans-serif;padding-top:20px;}
#que-fer .light-fer .tanca-light{background:none; color:#fff !important; border:solid 1px #fff; width:90%; margin-top:25px;}
#que-fer .light-fer .mapa-foto{margin-top:35px;margin-bottom:20px;}
#que-fer .light-fer .mapa-foto div:first-child{padding-right:5px;}
#que-fer .light-fer .mapa-foto div:last-child{padding-left:5px;}
#que-fer .light-fer iframe{ min-height:100px; width:50%!important;height:100%!important;position:absolute!important;}
h3{background:transparent!important; color:#fff!important; border:none!important}
.ww{background:transparent!important; color:#000!important; border:none!important}
.accordion-titol{
	background-color:rgb(0,0,0);
	color:#fff;
	padding:10px;
	cursor:pointer;
}
.ui-accordion .ui-accordion-icons{padding-left:60px!important;}
.accordion-desc{
	background:transparent!important;
	margin-top:-10px;
	border:none!important;
	color:#fff!important;
	/*border:solid;
	border-width:thin;
	border-color:rgb(68,68,68);
	padding:20px 50px;*/
	height:85vh;
}
.ui-accordion .ui-accordion-content{padding:1em 10%!important;}
#que-fer .light-fer .peu{text-align:right;}
#que-fer .light-fer .peu a {color:#fff; font-size:12px;padding:0 2px;}
#que-fer .dir-bottom{padding-top:20px;}
.logo-mail{padding:3px 12px; background:transparent url("../images/icons/facebook_blanc.png") no-repeat scroll center center;}
.logo-face{padding:3px 12px; background:transparent url("../images/icons/facebook.png") no-repeat scroll center center;}
.logo-phone{padding:3px 12px; background:transparent url("../images/icons/logo-phone.png") no-repeat scroll center center;}
.logo-www{padding:3px 12px; background:transparent url("../images/que-fer/wwwblanc.png") no-repeat scroll center center /100%;}
iframe{width:100%!important;}
.index iframe{margin-bottom:70px;height: 25vw;max-height: 303px;}

.mini_img{height:100px; width:auto;}
.nom_comercial{
	font-size:18px;
	margin-top:9px;
}
.slogan{
	margin-top:20px;
	font-size:14px;
}
.ui-state-default{
	background:rgb(255,255,255)!important;
	border-bottom:solid 1px #999!important;
	border-radius:0px!important;
	color:#000!important;
}
.ui-state-default .slogan_title{
	color:#82888a;
}
.ui-state-active{
	background:transparent!important;
	border:none!important;
	color:#fff!important;
}
.ui-state-active .slogan_title{color:#fff;}
.ui-state-active #amagable{
	display:none
}
.ui-accordion .ui-accordion-content{
	height:100%!important;
}
.slogan_title{
	font-size:16px;
	/*color:#82888a;*/
}
.ui-accordion .ui-accordion-header{margin-top:0px!important;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{display:none!important;}
h3{margin-bottom:0px;} 


/*-- LIVECAMS --*/
#livecams .livecamIframe{/*pointer-events: none;*/padding: 0 10px;} 
#livecams .logo-play{position: absolute;top: 0;left: 0;width: 100%;cursor: pointer;height: 100%;}
#livecams .livecamIframe.active{pointer-events: all;}






@media (max-width: 768px){
	iframe{
		/*margin-top:20px;*/
	}
	#que-fer .light-fer .mapa-foto div:last-child {
		padding-left:0;
		padding-right: 5px;
	}
	#que-fer .que-fer .desc{
		/*display:none;*/
	}
	.nom_comercial{
		font-size:20px;
	}
	.slogan{
		font-size:16px;
	}
	.accordion-desc{
		height:900px;
	}
	.nom_comercial{
		font-size:16px;
		margin-top:20px;
	}
	#que-fer .logo{
		width:55px;
		height:auto;
	}
	#que-fer .platges_titol{
		font-size: 20px;
    height: 76px;
    line-height: 150px;
    margin-top: -39px;
	}
	#que-fer .titol_span{
		padding:15px;
		font-size:14px;
	}
	#que-fer .light-fer iframe{width:100%!important;position:relative!important;}

	.mvl_no_display{display:none;}
	#que-fer .que-fer{margin-top:15px;}
	/*#que-fer .light-fer .tanca-light{margin-top:-50px!important; border:solid 1px rgb(61,79,97)!important; color:rgb(61,79,97)!important;}*/
	.ui-accordion .ui-accordion-icons {
		padding-left: 10px!important;
	}
	#que-fer .titol_span{
		padding:0;
	}
         #opinion{padding-left:4%; padding-right: 4%;} 
         #opinion h1{font-size: 24px;}
         #opinion h3{font-size: 21px;}
}


.ali{color:#fff!important;}
.ali:hover{color:#fff!important; cursor:pointer;}
.que_fer_descripcio{
	line-height:2;
	margin-top:50px;
	margin-bottom:80px;
        
      
}


/*------- FOOTER ---------*/
.footer_home{}

.facebookOnCapdepera { background-image: url("../images/iconos_blancos_1.png");
    background-position: 569px 47px;
    float: left;
    height: 46px;
    margin-left: 11px;
    margin-top: 10px;
    width: 47px;}
 #segueix-nos{
 	color: rgb(255, 255, 255);
 	font-size:18px;
 }
    
footer.container-fluid { background:#3d4f61; padding:35px 60px 20px 60px; max-width:none;}
footer .titol{color:#fff; font-size:15px; text-transform:uppercase; padding:0 0 20px 0;}
footer .desc{ font-size:14px; padding:0; text-transform:uppercase}
footer .desc a{color:rgb(188,204,220);}
footer .logos{text-align:right;}
footer .logos img {height: 40px;margin-right: 20px;width: auto;margin-top: 40px;}
footer .logos a:nth-child(2) > img{height:97px;}
footer .logos a:nth-child(3) > img{height:93px; margin-right:0;}

footer .social{margin-right:13px; float:right; margin-right:15px}
footer .social.facebook{background: url(../images/icons/facebook.png);width:18px; height:32px; }
footer .social.twitter{background:url(../images/icons/twitter.png);width:36px; height:30px; }
footer .social.instagram{background:url(../images/icons/instagram.png);width:31px; height:31px; }

footer .bottom{margin-top:40px; border-top:1px solid rgb(188,204,220); padding-top:10px; text-align:center;}
footer .bottom a{font-size:12px;font-family: 'Lato', sans-serif; color:rgb(188,204,220); }
footer .isos img{ height: 110px;  float: right; margin-top: 24px; width: auto;}
footer .isos img:first-child{margin-left: 30px;}
footer .isos img:last-child{}

/*livecam new 02-07-2018*/
.video {position: fixed;left: 0;top: 0;width: 100%;height: 100%;padding: 5% 10%;background: rgba(0,0,0,0.5);z-index: 99;display: none;}
.video .livecamIframe {margin: 0;max-height: calc(75vh - 50px);}
.live_cam_cont .popup-gallery {width: 100%;height: 345px;}
.live_cam_cont .popup-gallery img{width: 95%; margin-right: 5%;margin-bottom: 45px;}
.close_video {display: table;width: 100%;height: 100%;}
.close_video2 {display: table-cell; vertical-align: middle;position: relative;}
.close_video2 .close{color: #333;font-size: 0;top: -15px;left: -5px;background-image: url(../totem/info/images/icons/close-fitxa.png) !important;background-size: 50px auto;height: 50px;background-repeat: no-repeat;opacity: 1;background-position-x: right;width: 50px;}


@media (max-width: 1200px){
	.noticies_events .sub-titol{max-height:none;}
	.noticies_events .desc{max-height:none;}
	.top_page{width:110%; margin-left:-5%; margin-right:-5%} 
}

@media (max-width: 992px){
	.menu .logo{text-align:center}	
	header .logo img{ padding-left:5px; padding-right:5px; margin-top:-14px}
        header .item{margin: 0 2px; font-size: 12px;}
        #slider .descobreix .titol{font-size: 36px;}
	#que-fer .que-fer .desc{font-size:20px; padding:0px 5px;}
	#new-que-fer-top .info-img-top{bottom:20px}
	#new-que-fer-top .info-img-top h1{font-size:35px; line-height:40px;}
	#new-que-fer-top .info-img-top h2{font-size:30px; line-height:35px;}
        .index iframe{height: 52vw;max-height: none;}
        
.live_cam_cont .text {width: 94%;margin: 0 2%;}
.live_cam_cont .popup-gallery {width: 100%;height: auto;}
.live_cam_cont .popup-gallery img{width: 94%; margin: 0 2.5%;margin-bottom: 45px;}

}

@media (max-width: 767px){
	
	.menu .logo{text-align:left;margin-left:15px}	
	.container-marges{padding:0;}
	.both_mobil{clear:both;}
	.top_page{width:105%; margin-left:-5%; margin-right:-5%} 
	#header{z-index:100;}
	.sy-controls{z-index:99}
	header .noVisible{margin:0; margin-left:-3% !important; width:100%}
	header .item{display:none; width:100%;margin-left: 0;}
	header .menu-movil{position: absolute; left: 1%; top: 30px; width:70px;}
        
	header .langs .lang{float:right; width:15%;}
	header .langs_mes{position:initial;}
	#header .m-movil{display:block; }
	header .menu_items{ background:#fff;float:left; position: absolute; top:100px; z-index: 9;}
	header .menu_triat .top_d{width:100%}
	header .noVisible{width:100%}
        #slider .descobreix .titol{font-size: 34px;}
        #header #contenedorDerecha{padding-right: 0; margin-top: 0; position: absolute; right:1%; top: 30px;}
        header #inputs{margin:0;}
        
        #slider .descobreix{display: none;   }
        /* .containerGrupos, #slider .descobreix{display:none;} */ 
        .new-que-fer-top.dins_slider{position: absolute; top:20%; left:0; display: block;margin-top:0;}
        .new-que-fer-top.dins_slider.grupo .texta{display:block;}
        .new-que-fer-top.dins_slider .pastilla.tipus_1{border: 1px solid #b2304a; background:rgba(178, 48, 74, 0.5) !important; }
        .new-que-fer-top.dins_slider .pastilla.tipus_2{border: 1px solid #6EA224;background:rgba(110, 162, 36, 0.5) !important; }
        .new-que-fer-top.dins_slider .pastilla.tipus_3{border: 1px solid #E4A32C; background:rgba(228, 163, 44, 0.5) !important;}
        .new-que-fer-top.dins_slider .pastilla .imatge{float: right; margin: 0;}
        
	/*---canvis menu si home -*/
	.menu{margin-top:60px;}
	#header .menuContains{position:relative;top: 20px;}
        .menu .logo{text-align: center;}
	#grupo{ margin-top:0xp; margin-bottom:0px;}
	#grupo .pastilla{width:100%; margin-bottom:0.25rem;}
	#head #contentLang{position: absolute;top: 188px;right: 2.25%;}
	#head #contenedorDerecha{margin-top:0px; padding-right:0px;}
	#grupo .pastilla{float:left;}
	 header .logo img{max-width: 160px;}
	 header .langs{position:absolute; top:0; right:5px;}
	#header .menu{margin-top:10px}
        #header.header_home .menu{margin-top:20px;margin-bottom: 20px;}
	.header_home .langs{top:-45px; right:7px; position:absolute;}
	
	
	#slider .sy-controls li{top:170px !important}
	#slider .descobreix{top:70%;left:0;}
	.sy-slide > a > img{width:1000px}
	#slider .descobreix .titol{font-size:18px; line-height:25px; color:#fff;}
	#slider{margin-bottom:0;}

	
	.index .events{padding:0}
	.index .info{padding:0}
	.index .events .veure{margin-bottom:40px}
	.index .fila_ind{height:auto; overflow:visible; margin-bottom:0}
	.index .fila_ind .col_1{padding:40px 0 !important;}
	.index .fila_ind .col_3 .col-sm-12 .fila{padding:20px 0 20px}
        .index .verd_gran .elipse{padding:50.5px 0;}
        .index .tercera_fila .verd_gran .elipse{padding:50.5px 0;}
        .index .img_gran:hover > a > .verd_gran > .elipse{padding: 35.5px 0 65.5px;}
        .index .img_gran:hover > a > .verd_gran > .elipse{background-size: 24px; background-position: center 75px;}
        .index .tercera_fila .img_gran:hover > a > .verd_gran > .elipse{padding: 35.5px 0 65.5px;}
        .index .tercera_fila .img_gran:hover > a > .verd_gran > .elipse{background-size: 24px; background-position: center 75px;}
        .index .tercera_fila .col_2, .index .segona_fila .col_2{background-size: cover;}
        .index .fila_ind.tercera_fila{height: auto;}
        
	.index .segona_fila .col_3 .fila_1{background-position:center center; background-repeat:no-repeat}
	.index .segona_fila .col_3 .fila_2{background-position:center center; background-repeat:no-repeat}
	.index .segona_fila .col_3 .fila_3{ background-position:center center; background-repeat:no-repeat}
	.index .segona_fila .col_3 .fila_4{ background-position:center center; background-repeat:no-repeat}
	.index .tercera_fila .col_3 .fila_1{background-position:center center; background-repeat:no-repeat}
	.index .tercera_fila .col_3 .fila_2{background-position:center center; background-repeat:no-repeat}
	.index .tercera_fila .col_3 .fila_3{background-position:center center; background-repeat:no-repeat}
	.index .tercera_fila .col_3 .fila_4{background-position:center center; background-repeat:no-repeat}
	.index .marge_bottom_estandard{margin-bottom:0}
	
	.index .info .sy-controls li.sy-prev a:after{left:30px;top:45%;}
	.index .info .sy-controls li.sy-next a:after{left:30px; top:45%;}
	.sy-controls li{}
	
	.index .events img{width:100%; height:auto;}
	.index .calendari{float:left;width: 100%;}
	div.zabuto_calendar .table tr th, div.zabuto_calendar .table tr td{font-size:15px}
	div.zabuto_calendar .table tr td div.day{padding-bottom:10px; padding-top:10px}
	div.zabuto_calendar .table tr.calendar-dow-header th{font-size:15px}
	.index .events .exp_esquerra{margin-top:-5px}
	.badge-today{font-size:15px}
	
	.noticies_events .img{height: 300px; }
	.noticies_events .sub-titol{height:auto;}
	.noticies_events .desc{ height:auto;}
	
	.nucli_platja .platja .ico{width:100%}
	.nucli_platja .info{padding-left:20px; padding-right:20px;}
	.nucli_platja .events .event_info{padding-left:20px; padding-right:20px}
	.nuclis_platges .nucli_img{overflow:hidden;}
	.nuclis_platges .nucli_img .img_principal{width:auto;}
	.nucli_platja .platja .ico{border-bottom:1px solid #fff;}
	.nucli_platja .platja .nom{width:100%}
	.nucli_platja .platja .ico{width:50%}
	.nucli_platja .img_principal{width:770px}
	.nucli_platja .enllasos .links{padding-left:0; padding-right:0;}
	.nucli_platja .enllasos{padding:40px 15px}
	.nucli_platja .img_p{overflow:scroll;}
	
	
	footer .logos img{margin-top:35px}
	footer .socials{margin-top:40px;}
	footer .titol{text-align:left !important;}
	footer .social{float:left;margin-right: 15px !important;}
	footer .logos{text-align:center;}
	
	#que-fer .que-fer .interior{height:100%; padding-top:23px;}
	#que-fer .que-fer .titol{padding-top:5%; font-size:20px;}
	#que-fer .que-fer .boto{padding:8px 25px;margin-top:0px}
	#que-fer .light-fer iframe{height:56.6vw;}
	#que-fer .light-fer .peu a{font-size:12px;}
	#que-fer .light-fer .blau .col-sm-4{font-size:16px;}
	#que-fer .que-fer .col-sm-4{height:65vw;}
	#que-fer .que-fer .desc{font-size:30px;}
	.ui-accordion .ui-accordion-content{padding:1em 10%!important;}
	
	#que-fer .light-fer.restauracio {background:transparent url("../images/que-fer/restauracio.jpg") repeat scroll 71% center / auto 100%;}
	#que-fer .light-fer.compras {background:transparent url("../images/que-fer/compras.jpg") repeat scroll 35% center / auto 100%;}
	#que-fer .light-fer.noche {background:transparent url("../images/que-fer/noche.jpg") repeat scroll 49% center / auto 100%}
	#que-fer .light-fer.actividades {background:transparent url("../images/que-fer/actividades.jpg") repeat scroll 38% center / auto 100%;}
	
	#que-fer .que-fer .col-sm-4:first-child{margin-top:60px;}
	#que-fer .que-fer .col-sm-4{background:none; height:95px;border-bottom: 4px solid #fff;}
	
	#new-que-fer{display:none !important;}
	#new-que-fer-top .img-top{overflow:hidden; border:none; max-height:610px;}
	#new-que-fer-top .img-top img{width:auto; height:100%;}
	#new-que-fer-top .info-img-top{ bottom:inherit; top:36px;}
	#new-que-fer-top .info-img-top h1{font-size:18px; line-height:20px;}
	#new-que-fer-top .info-img-top h2{font-size:16px; line-height:18px;}
	#new-que-fer-top .icons-top.desktop{display:none;}
	#new-que-fer-top .icons-top.movil{display:inherit;}
	
	.footer-new-que-fer{padding:20px;}
	.footer-new-que-fer a:first-child > img{width:35px;margin-right:30px;}
	.footer-new-que-fer a:last-child > img{width:50px;margin-right:20px;}
	
        
}

@media (max-width: 500px){
        header .logo img {max-width: 120px;}
        header .menu-movil{width:50px; top:10px;}
        #header #contenedorDerecha{top:10px;}
        header .menu_items{top:80px;}
        .img_slider_home{height: 80vw;}
	#slider .descobreix .titol{font-size: 28px;}
	footer .logos img{ height:70px; margin-right:15px;}
	footer .logos a:nth-child(2) > img{height:60px;}
	footer .logos a:nth-child(3) > img{height:60px; margin-right:0;}
}