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

input[type="submit"], input[type="image"], input[type="button"], input[type="text"], input[type="password"], textarea { -webkit-border-radius:0; -webkit-appearance: none; }

a[href^=tel] {
text-decoration:inherit;
color: inherit;
}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width:1920px) { 
.feed-wrap { background:#e4e3df none repeat scroll 0 0;}
}

@media screen and (min-width:1279px){
	.online-pad ul li a img {height: 57px;}
}
@media screen and (min-width: 1280px) and (max-width:1319px){
body{ overflow-x:hidden;}
.feed-left {  min-height: 381px;}
li.grid-item5 {min-height: auto!important;}
}
@media screen and (min-width:1024px){
	.rightMenu{
		float:right;
	}
}

@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%; }
.row { width:1000px; }
.row1 { width:1000px;}
.top-rht li a{font-size:12px !important;}
.top-rht { /*width:53%;*/}
.search { width:24%;} 
.ddsmoothmenu ul li a { margin: 0 6px !important; font-size:13px;}
.news-pad { width:29%; padding:16px;}
.date-pad { width:30%; margin: 0 23px; padding: 16px;}
.online-pad { width: 30%;}
.agenda h3 { margin-bottom:10px;}
#calendar { padding-bottom:15px;}
/*.online-pad ul li { padding:19.1% 0;}*/
/*.online-pad ul li {width: 47%;padding: 19.1% 0;margin-right: 3%; margin-bottom:9%;}
.online-pad ul li span{font-size:18px !important; }*/
.online-pad ul li a img {height: 56px;}
.ftr-menu { width:144px;}
.ftr-logo img { background: #007200;}
.feed-left { min-height:383px;}
.location-pad { background-size:26%;}
#home-tabs.resp-tabs-container{ width:1000px;}
#home-tabs .resp-tabs-list li { width:198px;}
#home.resp-tabs-list li { width: 198px;}
.tab-inner { float: left; width: 100%;}
.tour-img li { width:50%;}
.tour-img .center-img { height:270px; width: 24%;}
#dormir.resp-tab-content .domir-img li { margin: 0 30px 30px 0; width: 31%;}
#dormir.resp-tab-content .domir-img li:nth-child(3n-3) { margin-right: 0;}
.activitats-lft.buscar .search input[type="text"] { width: 94%;}


.cont-inner.agenda-wrapper { float: none; margin: -178px auto; width: 96%;}
.activitats-lft { width: 60%; margin:0 26px 0 0;}
.activitats-rht { width: 31%;}
#page_navigation { margin:20px 0 0 0;}
.activitats-top.agenda-top .ui-datepicker { width:100%;}
.activitats-top.agenda-top .ui-datepicker-calendar .ui-state-default { width:32px;}
.activitats-top.agenda-top  #calendar { width:100%;}
.activitats-top.agenda-top { width:80%; padding:10%;}

.cont-inner.fixta { float: none; margin: -138px auto; width: 96%;}
.activitats-top.agenda-rht { width: 80%;}

.activitats-lft ul.img-list li { margin-right:21px;}
.cont-inner.activitats { margin:-108px auto; width:96%; float: none;}
.activitats-top { padding: 8%; width: 84%;}

.activitats-lft.buscar { width: 94%; padding:3%;}
.revista-pad { width:96%; margin:-110px 2% 0;}

.benvinguts-lft { margin-right: 28px; width: 34%;}
.benvinguts-lft1 { padding: 12%; width: 76%;}
.benvinguts-rgt { width: 55%; padding:4%;}

.second-row li { display: inline-block; float: none; width: 230px;}
.form-control input[type="text"], .form-control textarea { width:95%;}
.tab-section.gal-section { width:100%;}
#llistat-tabs.resp-tabs-container { width: 100%;}
.esport-foto li { width:31.5%; margin-right:25px;}


#visitans-tab.resp-tabs-container { width: 100%;}
.com-aaribar-lft.oficina-lft { margin-right:18px;}
.address-lft.oficina-addr { width:62%;}
.insta-img li { width:115px;}
.insta-img li img { margin-bottom:5px;}
.com-aaribar-lft { margin-right:20px;}
.com-aaribar-rht.com-aaribar-lft { width: 49.8%;}


.directori-allotjament-pad { float: none; margin: -96px auto;  width: 96%;}
.directori-allotjament-pad .resp-tabs-container.hor_1 { width: 100%;}
.directori-allotjament-pad .resp-tabs-list li { width:24.8%;}
.directori-allotjament-pad .resp-tab-item.ver_1 { width: auto;}
.menjar-tab.ver_3.resp-vtabs .resp-tab-item.ver_3 { width: auto;}
.comer-tab.ver_4.resp-vtabs .resp-tab-item.ver_4 { width: auto;}
.resp-vtabs.ver_2 .resp-tab-item.ver_2 { width: auto;}
.resp-tab-content.ver_3 .domir-img ul li, .resp-tab-content.ver_4 .domir-img ul li { margin: 0 32px 30px 0; width: 30%;}
.resp-tab-content.ver_1 .domir-img li { width:30%;  margin: 0 32px 30px 0;}
.directori-allotjament-pad .resp-tabs-list.hor_1 { width:100%;}
.directori-allotjament-pad .row { width: 100%;}


.grid-item5.grid-item2 img { width: 62.1%;}
.llivia-lot { padding:20px; width:33.9%; min-height: 247px;min-height: 247px;
    height: auto;}
.num-pad { margin:9px 0 0 0;}
.num-pad span { font-size:28px; right: 28px; top: 13px;}
.lliviatot-txt { margin: 15px 0 0 2%; width: 100%;}
.rht-icon { right:0; }

.llivia-lot.second .num-pad img { width: 62%; min-height: inherit;}
.llivia-lot.second { width: 22.5%; min-height: 309px;}
.grid-item5.grid-item3 img { width: 49.05%; min-height: 349px;}
.grid-item5.grid-item3 .dhivern {  width: auto; min-height:349px;}
.rht-icon.dhivern img { float:right;}
#visitans-tab .resp-tab-content .raons .raons-inner h1 { font-size:30px;}

.grid-item5.grid-item3 .llivia-lot.second .rht-icon.dhivern img { min-height: inherit;}
a.raons-box { font-size:15px;}
.llivia-lot.estiu { box-sizing: border-box; min-height: 347px; width: 31.7%;}
.llivia-lot.estiu .num-pad img { width: 62%;}
.grid-item5.grid-item4 img { width: 50.1%;}
.grid-item5.grid-item4 .dhivern {  width: 18.15%;}
.llivia-lot.enthorn { width: 33.9%; min-height: 267px;}

.llivia-lot.estiu .rht-icon.dhivern {  width: auto;}
.llivia-lot.cultura .rht-icon img { width: 62%;}
.llivia-lot.gastro .rht-icon img { width: 62%;}
.grid-item5.grid-item6 img { width: 34%;}
.grid-item5.grid-item6 .cultura-lft { width: 28.1%;}
.grid-item5.grid-item6 .num-pad img { width:62%;}
.llivia-lot.cultura { width: 33.9%;}

.grid-item5.grid-item7 img { width: 32.1%; min-height:295px;}
.llivia-lot.gastro { width:38.2%; min-height: 255px;}
.grid-item5.grid-item7 .num-pad img { width:62%; min-height:inherit;}
.grid-item5.grid-item7 .gast-last { width: 25.7%;}
.grid-item5.grid-item7 .llivia-lot.gastro .rht-icon img{ min-height: inherit;}

.grid-item5.grid-item8 img { width: 42%;}
.grid-item5.grid-item8 .publics { width: 20.1%;}
.grid-item5.grid-item8 .num-pad img { width:62%;}
.grid-item5.grid-item8 .rht-icon.pub-icon img { width: 62%;}


.pdf-rht { min-height: inherit;}

.grid-item5.grid-item3 .llivia-lot.second.second-img .dhivern.rht-icon img {
    min-height: initial;
}
li.grid-item5 {min-height: auto!important;}

}

@media (min-width:768px) {
	.menu_burguer  {display: none;}
	.menu {width: 100%;}
	.menu-items > ul > li { padding: 0 10px; line-height: 35px;}
	ul.sub { top: 35px; }
}

@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row { width:750px; }
.row1 { width:750px; }
.row2 { width:750px;}

.top-rht { width:70%;}
/*.top-rht .location {
    float: left;
    background: url(../img/top_list_bdr.jpg) no-repeat left;
    padding: 21px 8px;
}*/

.search { width:33%; margin:0;}
.ddsmoothmenu ul li a {font-size: 15px !important;margin: 0 12px !important;}
.search input[type="text"]{ padding:6px 0px; height:28px; float: left;}
.search input[type="image"] { padding:11px 8px; float: left;}
.form-control label { width:50%;}
.form-control input[type="text"], .form-control textarea {width: 85%;}
.form-control input[type="submit"] { width:100%; padding:0;}
.form-control span.declare { width:90%;}
.revista-pad {padding: 52px 20px;}

.ftr-inner {padding:0;width: 100%;}
.ftr-menu { margin: 0 14px 0 0;width: 112px;}
.feed-left{ min-height:384px;}
.feed-icon {float: left;}
.heading {width: 100%;}
.location-list li {margin: 0 40px 0 0; padding: 80px 6% 80px 0; width: 44%;}
.location-list input[type="text"] {width: 60%;}
.activitats-lft.buscar .search input[type="text"] { width: 92%; padding:6px 8px;}

.menu-wrapper { padding:10px 0;}
nav { width:66%; position: relative; z-index:999;}
.news-pad { width:42%;}
.date-pad { width:42%; margin:0 0 0 20px;}
.online-pad { width:100%;}
.online-pad ul li { width:48.7%; margin:2.7% 0 0 0; padding:8.1% 0;}
.online-pad ul li.seuElectronica{margin-right:2.6%}
.online-pad ul li.consistori{margin-right:2.6%}
.online-pad ul li:last-child { margin:2.7% 0 0 0;}
.img-bg ul { width:90%;}
.img-bg ul li { margin-right:45px;}
.location-pad { background-image:none;}
.location-list { padding:0 0 0 2%; width:98%;}
.ftr-logo img { background:#006d00;}

#home-tabs.resp-tabs-container { float:left; margin:0 2%; width:96%;}
.tab-content #home-tabs { margin-top:0px;}
.tour-img li { width:50%;}

#tour .tour-txt h2 { font-size:26px; line-height:24px;}
#tour .tour-txt h2 span { font-size:18px;}
#tour .center-img { top: 108px; width: 18%;}
#menjar .tour-txt h2 { font-size:26px; line-height:24px;}
#menjar .tour-txt h2 span { font-size:18px;}
#menjar .center-img { top: 108px; width: 18%;}

#enthorn .tour-txt h2 { font-size:26px; line-height:24px;}
#enthorn .tour-txt h2 span { font-size:18px;}
#enthorn .center-img { top: 108px; width: 18%;}

.domir-img li { width:46%;}
.domir-img li:nth-child(2n+2) { margin-right: 0;}
#dormir .domir-img li:nth-child(3){ margin-right: 50px;}

.cont-inner.agenda-wrapper { width:96%; margin:-153px auto; float:none;}
.activitats-inner.agenda-inner h1 { font-size:42px; top:82px;}
.activitats-lft { width:58%; margin:0 26px 0 0;}
.activitats-rht { width:30%;}
.l-agenda h1 { font-size:34px;}
#page_navigation { margin:20px 0 0 0;}

.activitats-top.agenda-top .ui-datepicker { width:100%;}
.activitats-top.agenda-top .ui-datepicker-calendar .ui-state-default { width:25px;}
.activitats-top.agenda-top  #calendar { width:100%;}
.activitats-top.agenda-top { width:88%; padding:6%;}

.cont-inner.fixta{ width:96%; margin:-116px auto; float:none;}
.activitats-top.agenda-rht { padding: 10%; width: 80%;}
.activitats-lft.agenda-left ul li { margin-bottom:15px; margin-right:23px;}
.activitats-lft.agenda-left ul  { padding:20px 0 10px;}
.fixta-table span { font-size:13px;}

.activitats-lft ul.img-list { display:block; text-align:center;}
.activitats-lft ul.img-list li { float:none; display:inline-block;  margin-right: 26px;}
.activitats-lft.agenda-left h3 { font-size:25px;}
.activitats-top.agenda-top.agenda-calender { margin-top:35px;}


.cont-inner.activitats { margin:-108px auto; width:96%; float: none;}
.activitats-top { padding: 8%; width: 84%;}
.banner-activitats h1 { font-size:42px;}
.activitats-lft li.print-icon.print-left, .activitats-lft li.pdf-icon { margin-bottom:15px;}
.activitats-lft li.print-icon { clear:both; float:left;}
.activitats-lft.buscar { padding: 5%; width: 90%;}
.revista-pad { width:96%; margin:-120px 2% 0;}
.activitats-lft h3 { font-size:24px; line-height:26px;}
.gal-section .lang { left:16px; right:inherit;}
.tab-inner.galleria-tab { margin: 30px 0 0;}
.revista-pad h1 { font-size:36px;}
.gal-section { margin-top:35px;}

.benvinguts-lft { margin-right: 28px; width: 30%;}
.benvinguts-lft1 { padding: 12%; width: 76%;}
.benvinguts-rgt { width: 58%; padding:4%;}
.benvinguts-rgt h1 { font-size:30px;}

#webcam{width:350px;height:350px;}
#webcam2{width:350px;height:350px;}
#webcamanterior{width:350px;height:350px;}
#webcamanterior2{width:350px;height:350px;}
.benvinguts-rgt .home-icon { right: 30px; top: 24px;}
.benvinguts-rgt-lft.ajuntamentonline-rht li.lock-icon.lock-rht { float: left; margin:0;}
.benvinguts-rgt-lft.ajuntamentonline-rht ul li { margin-bottom: 15px;}


.second-row li { display: inline-block; float: none; width: 206px;}
.first-row li { margin-bottom:16px;}

.address-lft { width:100%; margin:0 0 30px 0;} 
.address-lft h1 { font-size:30px;}

.address-rgt { float:left; width:100%; margin:0;}
.address-rgt h1 { font-size:30px;}

#activitats-llistat.resp-tabs-list { display:none;}
.tab-inner.galleria-tab.llistat { margin:0;} 
.inner-banner.llistat-title h1 { font-size:36px; top: 104px;}
.gal-left h1 { font-size:30px;}
.tab-inner.galleria-tab.llistat .tab-content{ padding: 0;}
#llistat-tabs .resp-tab-content { margin:0px;}
.esport-foto li { width:31%;}
#llistat-tabs.resp-tabs-container h1 { font-size:34px;}

#visiti.resp-tabs-list { display:none;}
.content-pad.visitans-pad { padding-top:0;}
#visitans-tab .resp-tab-content { width:100%;}
#visitans-tab .resp-tab-content h1 { font-size:34px;}
#visitans-tab .resp-tab-content h5 { font-size:18px;}
.com-aaribar-lft.oficina-lft { width:49%;}
.address-lft.oficina-addr { width:100%; margin-bottom:30px;}
.logo_catalunya { float: left; width: 100%;}
.llivia-feed-lft { width:47%; margin-right:30px;}
.insta-img li { width:130px;} 
.insta-img li img { margin-bottom:25px;}
.com-aaribar-lft { margin-right:20px;}
.oficina-rht.com-aaribar-lft iframe { height: 350px;}
.com-aaribar-lft iframe { height: 1300px;}

.directori-allotjament-pad { margin:0;}
.allotjament-tab.resp-tab-content.hor_1 { padding: 2%; width: 96%;}
.resp-vtabs .resp-tabs-container.allotjament-list { padding:0px 0%; width:100%; margin-top:0px;}
.view-list { right: 8px; top: 12px; display:none;}
#mobile.view-list { display: block;  position: absolute; right: 0; top: -74px;}
.tab-inner, .tab-section { margin-top:30px;}

.allotjament-list-table tbody tr td .hot_title { font-size:13px;}
.resp-tabs-container.ver_3, .resp-tabs-container.ver_4 { margin: 0px 0 0;}
.resp-tab-content.ver_3 .domir-img ul li { margin: 0 34px 20px 0;  width: 46%;}
.resp-tabs-container.ver_3 .resp-tab-content.ver_3 { padding: 2%; width: 96%;}
.resp-tab-content.ver_3 .domir-img ul li:nth-child(2n-2) { margin-right: 0;}
.resp-tabs-container.ver_2.allotjament-list { margin: 0;}
.resp-accordion.ver_1 { background: #f1f1f1;}
.resp-tabs-container.ver_1.allotjament-list h2.resp-accordion.ver_1 { background: #f1f1f1 !important;}
.resp-tabs-container.ver_3 .resp-accordion.ver_3, .resp-tabs-container.ver_4 .resp-accordion.ver_4, .resp-tabs-container.ver_2.allotjament-list .resp-accordion.ver_2 { background: #f1f1f1!important;}

.resp-tab-content .resp-tab-content.ver_4 { padding: 2%; width: 96%;}
.domir-img.comercos li:nth-child(3) { margin: 0 34px 0 0;}
.resp-tab-content.ver_4 .domir-img.comercos li { margin-right: 34px;}
.resp-tab-content.ver_4 .domir-img.comercos li:nth-child(2n+2) { margin-right:0 } 

.allotjament-mapa { padding: 2%; width: 96%;}

.fixta-table.dades table, .fixta-table.dades thead, .allotjament-list-table tbody, .fixta-table.dades th, .fixta-table.dades td, .fixta-table.dades tr { display: block;}

.fixta-table.dades thead tr  { position: absolute; top: -9999px; left: -9999px; }
.fixta-table.dades tr { border: 1px solid #ccc; }
.fixta-table.dades td { border: none; border-bottom: 1px solid #e4e1e1;  position: relative; padding-left: 50% !important;  text-align:left; }
.fixta-table.dades table td { padding:8px 0 5px 150px; line-height:18px; }

/* Label the data */
.fixta-table.dades td:nth-of-type(1):before { content: "Que?"; }
.fixta-table.dades td:nth-of-type(2):before { content: "Carrer"; }
.fixta-table.dades td:nth-of-type(3):before { content: "Telefon"; }
.fixta-table.dades td:nth-of-type(4):before { content: "Email i Web"; }
.fixta-table.dades td:nth-of-type(5):before { content: "Mapa"; }
.fixta-table.dades td:before {  position: absolute;  top: 10px; left: 15px; width:130px; padding-right: 10px;  white-space: nowrap; font-size:15px; font-weight:normal; text-align:left; }
.fixta-table.dades .colspan { text-align:left !important;}



.raons { padding: 2%; width: 96%;}
.grid-item5.grid-item2 img { width: 100%;}
.llivia-lot { padding:3%; width:94%;}
.num-pad { margin:9px 0 0 0;}
.lliviatot-txt { margin: 15px 0 0 2%; width: 100%;}

.grid-item5.grid-item3 { width:100%; display:block;}

.llivia-lot.second { width: 94%;}
.llivia-lot.second .num-pad img { width: auto;}
.grid-item5.grid-item3 img { width: 67.7%;}
.grid-item5.grid-item3 .dhivern {  width: 32.3%;}
.rht-icon.dhivern img { float:right;}
#visitans-tab .resp-tab-content .raons .raons-inner h1 { font-size:30px;}
.llivia-lot.second .rht-icon.dhivern { width:auto;}
a.raons-box { font-size:15px;}
.llivia-lot.estiu { width: 94%;}
.llivia-lot.estiu .num-pad img { width: auto;}
.grid-item5.grid-item4 img { width: 73.4%;}

/*.grid-item5.grid-item4 .dhivern {  width: 18.15%;}*/
.llivia-lot.enthorn { width: 94%;}
img#act-estiu { width: 26.6%;}


.llivia-lot.estiu .rht-icon.dhivern {  width: auto;}
.llivia-lot.cultura .rht-icon img { width: auto;}
.llivia-lot.gastro .rht-icon img { width: auto;}
.grid-item5.grid-item6 img { width: 54.7%;}
.grid-item5.grid-item6 .cultura-lft { width: 45.3%;}
.grid-item5.grid-item6 .num-pad img { width:auto;}
.llivia-lot.cultura { width: 94%;}

.grid-item5.grid-item7 img { width: 59.8%;}
.llivia-lot.gastro { width:94%;}
.grid-item5.grid-item7 .num-pad img { width:auto;}
.grid-item5.grid-item7 .gast-last { width: 40.2%;}

.grid-item5.grid-item8 img { width: 67.7%;}
.grid-item5.grid-item8 .publics { width: 32.3%;}
.grid-item5.grid-item8 .num-pad img { width:auto;}
.grid-item5.grid-item8 .rht-icon.pub-icon img { width: auto;}
.sbOptions { z-index:9999;} 

.pdf-rht { min-height: inherit;}

.resp-tabs-container.ver_1 { margin: 0px 0 0;}
.resp-tabs-container.ver_1 .resp-tab-content.ver_1 { padding:2%; width:96%;}
.resp-tab-content.ver_1 .domir-img li { margin-right:40px;}
.resp-tab-content.ver_1 .domir-img li:nth-child(2n-2) { margin-right:0px;}
#home-tabs .resp-tab-content {  padding: 2%;  width: 96%;}
/* Table Responsive CSS */
/* Force table to not be like tables anymore */
.allotjament-list-table table, .allotjament-list-table thead, .allotjament-list-table tbody, .allotjament-list-table th, .allotjament-list-table td, .allotjament-list-table tr { display: block;  }

/* Hide table headers (but not display: none;, for accessibility) */
.allotjament-list-table thead tr  { position: absolute; top: -9999px; left: -9999px; }
.allotjament-list-table tr { border: 1px solid #ccc; }

/* Behave  like a "row" */
.allotjament-list-table td { border: none; border-bottom: 1px solid #eee;  position: relative; padding-left: 50% !important;  text-align:left; }
.allotjament-list-table table td { padding:8px 0 5px 150px; line-height:18px; }

/* Now like a table header */
.allotjament-list-table td:before {  position: absolute;  top: 10px; left: 15px; width:130px; padding-right: 10px;  white-space: nowrap; font-size:15px; font-weight:normal; text-align:left; }

/* Label the data */
.allotjament-list-table td:nth-of-type(1):before { content: "Empresa"; }
.allotjament-list-table td:nth-of-type(2):before { content: "Estrelles"; }
.allotjament-list-table td:nth-of-type(3):before { content: "Adreca"; }
.allotjament-list-table td:nth-of-type(4):before { content: "Telefon"; }
.allotjament-list-table td:nth-of-type(5):before { content: "E-mail"; }
.allotjament-list-table td:nth-of-type(6):before { content: "Web"; }




.directori-allotjament-pad .resp-tabs-list li { width:22.8%;}
.resp-tabs-list .resp-tab-item.ver_1 { width: auto;}
.resp-tabs-list.ver_2 .resp-tab-item.ver_2 { width: auto; margin-bottom:10px;}
.resp-tabs-list.ver_3 .resp-tab-item.ver_3 { width: auto;}
.resp-tabs-list.ver_4 .resp-tab-item.ver_4 { width: auto;}
.resp-tabs-container { width:100%;}

#llistat-tabs .resp-tab-content { background-image:none;}


.directori-allotjament-pad .resp-tabs-container.hor_1 {
    /*display: none;*/
}
#mobile-page-allotament { display:block;}
.mobile-visitans { background: #ffffff none repeat scroll 0 0; float: left; width: 98%; margin-top:15px; border:1px solid #ccc; padding:1%;}
.tab-inner.galleria-tab.llistat { display:none;}
.filter-mobile  .sbOptions { width:100%;}
.menu-items > ul > li:after { width: 0; }
.menu-items.right > ul > li:before {width: 0;}

}
@media screen and (max-width:1023px) {
	header {background: rgba(0, 0, 0, 0) url("../img/header.png") repeat-x scroll left top / 100% 100%;height: auto;width: 100%;}
	.logo {text-align: center;width: 100%;}
	.top-rht {width: 100%;display: block;text-align: center;}
	.top-rht ul {line-height: 10px;margin: 12px 0;}
	.top-rht li {display: inline-block;float: none;padding: 0 10px;}
	.social{float:none!important;}
	.top-rht li a#mail-icon{top:0px !important}
	.resp-tabs-list#home {display: none;}
}

@media screen and (max-width:767px) {
body { -webkit-text-size-adjust: none; }
img {max-width:100%; }
.row { width:96%; }
.row1 { width:97%; }
.row2 { width:97%;position:unset;}

header {background: rgba(0, 0, 0, 0) url("../img/header.png") repeat-x scroll left top / 100% 100%;height: auto;width: 100%;}
.logo {text-align: center;width: 100%;}
/* .menu-wrapper {padding: 10px 0; } */
.menu {display: none;}
.menu_burguer { font-size: 30px; position: absolute; right: 10px; top: 10px; color: white;}

nav {width: 62%;}
.search {margin-top: 0px;width: 35%;}
.search input[type="text"] {padding: 10px 5%; width: 74%;}
.search input[type="image"] { padding:11px 8px;}


.form-control label { width:50%;}
.form-control input[type="text"], .form-control textarea {height: 20px; padding: 1%; width: 98%;}
.form-control span.declare, .form-control input[type="submit"] { width:100%;}
.revista-pad {padding: 52px 20px 20px;}

.ftr-menu {margin: 0 2% 0 0; min-height: 155px;width: 23%;}
.feed-left{ min-height:384px;}
.feed-icon {float: left; width:100%;}
.heading {width: 100%;}
.location-list li {padding: 25px 5% 25px 0;width: 95%; background:none; margin-right:0px;}
.location-list li:nth-child(1) h2, .location-list li:nth-child(1) h4 {text-align: left;}
.location-list input[type="text"] {width: 77%;}
.location-pad { background:none;}

.social, .sbOptions li {padding: 0;}
.top-rht .social ul {margin: 0px;}
.social li {margin-right: 6px;padding: 0;}
.top-rht li a#mail-icon {top: 0;}


.activitats-lft.buscar .search input[type="text"] { width: 88%; padding:2%;}
.activitats-lft.buscar .search input[type="image"] { padding:2.2%; } 
.top-rht {width: 100%;display: block;text-align: center;}
.top-rht ul {line-height: 10px;margin: 12px 0;}
.top-rht li {display: inline-block;float: none;padding: 0 10px;}
.top-rht li.location {line-height: 20px;position: relative;top: -3px;}
.lang { width:96px;}
.social li, .sbOptions li { padding:0;}
.top-rht li:last-child { margin-right:0px;}
.news-pad { width:92%; padding:4%;}
.date-pad { width:92%; padding:4%; margin: 3% 0 0 0;}
.online-pad { width:100%; margin: 3% 0 0 0;}
.online-pad ul li {  padding: 13.1% 0; margin-bottom:20px;}
.img-bg ul { width:100%;}
.img-bg ul li { margin-right:36px;}
.tab-content #home-tabs {}
.location-list { padding-top:20px; padding-bottom:20px;}
.content-pad.home-pad { padding: 28px 0;}


.tour-img li { width:50%;}
#tour .tour-txt h2 { font-size:20px; line-height:22px;}
#tour .tour-txt h2 span { font-size:14px;}
#tour .center-img { top: 78px; width: 18%;}

#menjar .tour-txt h2 { font-size:20px; line-height:22px;}
#menjar .tour-txt h2 span { font-size:14px;}
#menjar .center-img { top: 78px; width: 18%;}

#enthorn .tour-txt h2 { font-size:20px; line-height:22px;}
#enthorn .tour-txt h2 span { font-size:14px;}
#enthorn .center-img { top: 78px; width: 18%;}

#dormir .domir-img li { width:46%; margin-right:30px;}
#dormir .domir-img li:nth-child(2n+2) { margin-right: 0;}
#dormir .domir-img li:nth-child(3){ margin-right: 30px;}

.cont-inner.agenda-wrapper { width:96%; margin:-115px auto; float:none;}
.activitats-inner.agenda-inner h1 { font-size:36px; top:68px;}
.activitats-lft { width:90%; margin:0 0px 0 0; padding:5%;}
.activitats-rht { width:100%; margin:30px 0 0;}
.l-agenda h1 { font-size:30px;}
#page_navigation { margin:20px 0 0 0;}

.activitats-top.agenda-top.banner-top img { width: 100%;}
.activitats-top.agenda-top.banner-top ul li { margin-bottom:20px;}
.activitats-tweet img { float: left; width: 100%;}

.activitats-top.agenda-top {padding: 7%; width: 86%;}

.cont-inner.fixta{ width:96%; margin:-105px auto; float:none;}
.activitats-lft ul.img-list { display:block; text-align:center;}
.activitats-lft ul.img-list li { float:none; display:inline-block; margin-bottom: 18px;  margin-right: 32px;} 
.activitats-top.agenda-rht { padding: 5%;  width: 90%;}
.activitats-top.agenda-top.agenda-calender { margin-top:30px;}

.activitats-top { padding: 8%; width: 84%;}
.banner-activitats h1 { font-size:36px;}
.cont-inner.activitats { margin:-108px auto; width:96%; float: none;}
.activitats-top { padding: 8%; width: 84%;}
.activitats-lft h3 { font-size:22px; line-height:25px;}
.revista-pad { width:96%; margin:-120px 2% 0; padding:5%;}
.revista-pad h1 { font-size:23px;}
.tab-section.gal-section { width:100%; margin-top:30px;}
.gal-section .lang { left:14px; right:inherit; position:relative;}
.tab-inner.galleria-tab { margin: 10px 0 0;}
.tab-inner.galleria-tab .tab-content { padding:0px;}


.benvinguts-lft { margin-right: 0px; width: 100%;  margin-top: 20px;}
.benvinguts-lft1 { padding: 5%; width: 90%;}
.benvinguts-rgt { width: 90%; padding:5%;}
#webcam{width:400px;height:400px;}
#webcam2{width:400px;height:400px;}
#webcamanterior{width:400px;height:400px;margin-top:17px;}
#webcamanterior2{width:400px;height:400px;margin-top:17px;}
.benvinguts-rgt h1 { font-size:28px;}
.benvinguts-rgt .home-icon { right: 30px; top: 24px;}
.benvinguts-rgt-lft.ajuntamentonline-rht li.lock-icon.lock-rht { float: left; margin:0;}
.benvinguts-rgt-lft.ajuntamentonline-rht ul li { margin-bottom: 15px; width: 90%;}

.second-row li { display: inline-block; float: none; width: 206px;}
.first-row li { margin-bottom:20px;}
.cosistori-banner ul li img.cosistori-banner ul li img { width:100%;}

.contactar-left { width:100%; margin:0 0 35px 0;}
.form-control label { width: 100%;}

.contactar-right { width:100%; margin:0;}
.address-lft { width:100%; margin:0 0 30px 0;} 
.address-lft h1 { font-size:26px;}

.address-rgt { float:left; width:100%; margin:0;}
.address-rgt h1 { font-size:26px;}
.feed-icon.contact-feed { width: 50%;}

#activitats-llistat.resp-tabs-list { display:none;}
.tab-inner.galleria-tab.llistat { margin:0;} 
#llistat-tabs .resp-tab-content { margin:0px;}
.esport-foto li { width:100%; margin-right:0px;}
.esport-foto li img { width:100%;}
#llistat-tabs.resp-tabs-container h1 { font-size:24px; margin-bottom:20px;}
#llistat-tabs .resp-tab-content { width:92%; padding:4%;}


#visiti.resp-tabs-list { display:none;}
.content-pad.visitans-pad { padding-top:0;}
#visitans-tab .resp-tab-content { width:100%;}
#visitans-tab .resp-tab-content h1 { font-size:30px;}
#visitans-tab .resp-tab-content h5 { font-size:16px;}
.com-aaribar-lft.oficina-lft { width:100%; margin:0;}
.address-lft.oficina-addr { width:100%; margin-bottom:30px;}
.logo_catalunya { float: left; width: 100%;}
.llivia-feed-lft { width:47%; margin-right:22px;}
.insta-img li { width:137px;} 
.insta-img li img { margin-bottom:25px;}
.com-aaribar-lft { margin-right:0px; width:100%;}
.oficina-rht.com-aaribar-lft iframe { height: 350px;}
.com-aaribar-lft iframe { height: 500px;}
.oficina-rht.com-aaribar-lft { width:100%;}
.com-aaribar-rht.com-aaribar-lft { width:100%; margin-top:30px;}

.directori-allotjament-pad { margin:0;}
.activitats-inner.agenda-inner.directori h1 { top: 70px;}
.allotjament-tab.resp-tab-content.hor_1 { padding: 2%; width: 96%;}
.resp-vtabs .resp-tabs-container.allotjament-list { padding:0px 0%; width:100%; margin-top:0px;}
.view-list { right: 8px; top: 12px; display:none;}

#mobile.view-list { display: block;  position: absolute; right: 0; top: -74px;}
.tab-inner, .tab-section { margin-top:30px;}

.allotjament-list-table tbody tr td .hot_title { font-size:13px;}
.resp-tabs-container.ver_3, .resp-tabs-container.ver_4 { margin: 0px 0 0;}
.resp-tab-content.ver_3 .domir-img ul li { margin: 0 0px 20px 0;  width: 100%;}
.resp-tabs-container.ver_3 .resp-tab-content.ver_3 { padding: 2%; width: 96%;}
.resp-tab-content.ver_3 .domir-img ul li:nth-child(2n-2) { margin-right: 0;}
.resp-tabs-container.ver_2.allotjament-list { margin: 0;}
.resp-accordion.ver_1 { background: #f1f1f1;}
.resp-tabs-container.ver_1.allotjament-list h2.resp-accordion.ver_1 { background: #f1f1f1 !important;}
.resp-tabs-container.ver_3 .resp-accordion.ver_3, .resp-tabs-container.ver_4 .resp-accordion.ver_4, .resp-tabs-container.ver_2.allotjament-list .resp-accordion.ver_2 { background: #f1f1f1!important;}
.image-title { right:-6px;}
.resp-tab-content.ver_3 .domir-img ul li img { width: 100%;}
.resp-tab-content.ver_3 .domir-img .image-title img { width: auto;}
.resp-tab-content.ver_4 .domir-img.comercos li{ margin-right: 0; width: 100%;}
.resp-tab-content.ver_4 .domir-img.comercos li img { width:100%;}
.resp-tab-content.ver_4 .domir-img.comercos .image-title img { width: auto;}

.resp-tab-content .resp-tab-content.ver_4 { padding: 2%; width: 96%;}
/*.domir-img.comercos li:nth-child(3) { margin: 0 34px 0 0;}
.resp-tab-content.ver_4 .domir-img.comercos li { margin-right: 34px;}
.resp-tab-content.ver_4 .domir-img.comercos li:nth-child(2n+2) { margin-right:0 } */

/* Table Responsive CSS */
/* Force table to not be like tables anymore */
.allotjament-list-table table, .allotjament-list-table thead, .allotjament-list-table tbody, .allotjament-list-table th, .allotjament-list-table td, .allotjament-list-table tr { display: block;  }

/* Hide table headers (but not display: none;, for accessibility) */
.allotjament-list-table thead tr  { position: absolute; top: -9999px; left: -9999px; }
.allotjament-list-table tr { border: 1px solid #ccc; }

/* Behave  like a "row" */
.allotjament-list-table td { border: none; border-bottom: 1px solid #eee;  position: relative; /*padding-left: 50% !important;  text-align:left;*/ text-align:right; }

.allotjament-list-table table td { padding:8px 0 5px 150px; line-height:18px; }

/* Now like a table header */
.allotjament-list-table td:before {  position: absolute;  top: 10px; left: 15px; width:130px; padding-right: 10px;  white-space: nowrap; font-size:15px; font-weight:normal; text-align:left; }

/* Label the data */
.allotjament-list-table td:nth-of-type(1):before { content: "Empresa"; }
.allotjament-list-table td:nth-of-type(2):before { content: "Estrelles"; }
.allotjament-list-table td:nth-of-type(3):before { content: "Adreca"; }
.allotjament-list-table td:nth-of-type(4):before { content: "Telefon"; }
.allotjament-list-table td:nth-of-type(5):before { content: "E-mail"; }
.allotjament-list-table td:nth-of-type(6):before { content: "Web"; }



.fixta-table.dades table, .fixta-table.dades thead, .allotjament-list-table tbody, .fixta-table.dades th, .fixta-table.dades td, .fixta-table.dades tr { display: block;}

.fixta-table.dades thead tr  { position: absolute; top: -9999px; left: -9999px; }
.fixta-table.dades tr { border: 1px solid #ccc; }
.fixta-table.dades td { border: none; border-bottom: 1px solid #e4e1e1;  position: relative; padding-left: 46% !important;  text-align:left; }
.fixta-table.dades table td { padding:8px 0 5px 150px; line-height:18px; }

/* Label the data */
.fixta-table.dades td:nth-of-type(1):before { content: "Que?"; }
.fixta-table.dades td:nth-of-type(2):before { content: "Carrer"; }
.fixta-table.dades td:nth-of-type(3):before { content: "Telefon"; }
.fixta-table.dades td:nth-of-type(4):before { content: "Email i Web"; }
.fixta-table.dades td:nth-of-type(5):before { content: "Mapa"; }
.fixta-table.dades td:before {  position: absolute;  top: 10px; left: 15px; width:130px; padding-right: 10px;  white-space: nowrap; font-size:15px; font-weight:normal; text-align:left; }
.fixta-table.dades .colspan { text-align:left !important;}
.allotjament-mapa { padding: 2%; width: 96%;}
.benvinguts-lft1 { margin-bottom:30px;}
.benvinguts-lft .activitats-feed { margin: 0;}

.raons { padding: 3%; width: 94%;}
.raons-inner img { width:100%;}
.llivia-lot, .llivia-lot.estiu, .llivia-lot.enthorn { padding:5%; width:90%;}

.pdf-rht { min-height: inherit;}
#home-tabs .resp-tab-content {  padding: 2%;  width: 96%;}
.resp-tabs-container.ver_1 { margin: 0px 0 0;}
.resp-tabs-container.ver_1 .resp-tab-content.ver_1 { padding:2%; width:96%;}
.resp-tab-content.ver_1 .domir-img li img { width:100%;}
.resp-tab-content.ver_1 .domir-img li { margin-right:0px; width:100%;}
.resp-tab-content.ver_1 .domir-img li:nth-child(2n-2) { margin-right:0px;}
.resp-tab-content.ver_1 .domir-img .image-title img { width:auto;}


#consitori-banner { float: left; margin: 30px 0 0;}
.cosistori-banner ul li img { width:100%;}
#consitori-banner .activitats-feed { margin: 0;}
.content-pad.aj-ben { padding-bottom: 0;}

.benvinguts-rgt-lft { width:100%;}
.benvinguts-rgt-rgt { width:100%; text-align:center;}
.benvinguts-rgt-rgt > img { margin:0 0 15px 0;}



/*.dormir.resp-tab-item.hor_1 { min-height: auto; padding: 10px 0;}
.dormir.resp-tab-item.hor_1 img { display:none;}
.menjar.resp-tab-item.hor_1 { min-height: auto; padding: 10px 0;}
.menjar.resp-tab-item.hor_1 img { display:none;}
.quefer.resp-tab-item.hor_1 { min-height: auto; padding: 10px 0;}
.quefer.resp-tab-item.hor_1 img { display:none;}
.entorn.resp-tab-item.hor_1 { min-height: auto; padding: 10px 0;}
.entorn.resp-tab-item.hor_1 img { display:none;}

.menjar.resp-tab-item.resp-tab-active, .dormir.resp-tab-item.resp-tab-active, .quefer.resp-tab-item.resp-tab-active, .entorn.resp-tab-item.resp-tab-active { border-bottom:none; padding:10px!important; color:#5DAC1D;}
.menjar.resp-tab-item.resp-tab-active span.menjar-active, .entorn.resp-tab-item.resp-tab-active span.entorn-active, .dormir.resp-tab-item.resp-tab-active span.active, .quefer.resp-tab-item.resp-tab-active span.quefer-active { display:none; }
.dormir.resp-tab-item.hor_1 span, .menjar.resp-tab-item.hor_1 span, .quefer.resp-tab-item.hor_1.resp-tab-active span, .entorn.resp-tab-item.hor_1 span { font-family:'robotocondensed-bold'; color:#4D4844; font-size:18px;}
.resp-tabs-list.hor_1 li { width: 172px;}


.dormir.resp-tab-item.hor_1, .entorn.resp-tab-item.hor_1, .quefer.resp-tab-item.hor_1 { display:none;}
#mobile-tab { display: block;}

.menjar.resp-tab-item.hor_1.resp-tab-active {display:none;}
.resp-tabs-list.ver_3 { display:none;}
#filter-lang.lang { display:block;}
.resp-tabs-container { width:100%;}
.resp-tabs-container.ver_4 .resp-tab-content.ver_4 { display:none;}
.resp-tabs-container.ver_3 .resp-tab-content.ver_3 { display:none;}
.resp-tabs-container.ver_2 .resp-tab-content.ver_2  { display:none;}
.resp-tabs-list { height:auto;}*/

#mobile-page { display:block;}
.directori-allotjament-pad #parentHorizontalTab {/* display: none !important;*/}

ul.list-mobile { background: #ffffff none repeat scroll 0 0; border: 1px solid #c1c1c1; float: left; width: 100%;}
.list-mobile li { border-right: 1px solid #c1c1c1; float: left; font-family: 'robotocondensed-bold'; font-size: 18px; padding: 1.8% 2%;  position: relative;    text-transform: uppercase; width: 20%; text-align:left;}
.list-mobile li a { color:#676767;}
.list-mobile li:last-child { border-right:none;}
.view-list-mobile ul li:last-child { margin-right:0px;}


.filter-mobile { float: left; width: 100%; margin: 15px 0; position: relative;}
.filter-mobile .lang { width: 50%;}
.filter-mobile .sbHolder { background:#fff; border:1px solid #c1c1c1; width:100%; height:36px; margin:6px 0 0 0; font-size:15px;}
.filter-mobile .lang > span { color: #333333; font-size: 18px; text-transform: uppercase;}
.filter-mobile .sbSelector { color:#676767; line-height:36px; text-transform:uppercase; width:100%;}
.filter-mobile .sbToggle { background: url(../img/select-arrw-brwn.png) no-repeat scroll 0 0 !important; display: block; height: 8px; outline: medium none;position:absolute;right: 12px; top: 13px; width: 13px;}
.filter-mobile  a.sbSelector:hover { color:#676767;}

.view-list-mobile li a	{ float: left; height: 47px; width: 47px; text-indent:-9999px; overflow: hidden; background: url('../img/view_blau.png') no-repeat;}
.view-list-mobile #grid-view{background-position: 0px -47px;}
.view-list-mobile #grid-view:hover{background-position: 0px 0px;}
.view-list-mobile #list-view{background-position: -47px -47px;}
.view-list-mobile #list-view:hover{background-position: -47px 0;}
.view-list-mobile #map-view{background-position: -94px -47px;}
.view-list-mobile #map-view:hover{background-position: -94px 0; }
.view-list-mobile { float:none; position:absolute; right:0; bottom:0;}
.view-list-mobile ul li { float: left; margin:0 5px 0 0;}
.mobile-img { float: left; width: 100%;}
.mobile-img ul li { float: left; margin: 0 20px 26px 0; position: relative; width: 48%;}
.mobile-img ul li:nth-child(2n-2) { margin-right:0;}
.mobile-img ul li.directori-hover { background: rgba(33, 115, 18, 0.8) none repeat scroll 0 0; cursor: pointer; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 999;} 
.mobile-img ul li:hover .directori-hover { opacity:1;}
.mobile-img ul li img { float:left;}
.directori-allotjament-pad .tab-inner { margin-top:0px;}
.directori-allotjament-pad .tab-section { margin: 0;}
.mobile-img { background: #ffffff none repeat scroll 0 0; float: left; padding: 5%;width: 90%;}
.list-mobile li a.active-green { color: #0F6201;}

.mobile-llistat .allotjament-list-table tr { background:#fff;}
.mobile-mapa .allotjament-mapa { padding:0; width:100%}
.mobile-mapa .allotjament-mapa img { float:left;}
.mobile-mapa { background: #ffffff none repeat scroll 0 0; float: left; padding: 3% 0 0;}
.mobile-llistat { float: left; width: 100%;}
ul.list-mobile.galleria { background: none; color:#000; font-family:'robotocondensed-regular'; border:none;}

.list-mobile.galleria li { border-right: none; margin:0 5px 5px 0; width:32.5%; padding:0; text-align:center;}
.list-mobile.galleria li a { font-family:'robotocondensed-regular'; color:#000; padding:7%; display:block; border:1px solid #000000; font-size:18px;}
.list-mobile li a:hover { color:#0F6201;}
.list-mobile.galleria li a.active-tab {  background:#0F6201; color:#fff; border:1px solid #0F6201;}
.list-mobile.galleria li a:hover { background:#0F6201; color:#fff; border:1px solid #0F6201;}
.tab-inner.galleria-tab.llistat { display:none;}
.mobile-activitats { background: #ffffff none repeat scroll 0 0; float: left; padding: 4%; width: 92%;  border: 1px solid #cccccc; margin-top:15px;}
/*.mobile-activitats .esport-txt { box-shadow: none;}*/
.esport-foto li:nth-child(3n) { margin-right:0; margin-bottom:30px;}

.tab-section.gal-section.visitans { display:none;}
#visitans-tab .resp-tab-content h1 { color: #0f6201;  font-family: "robotocondensed-bold"; font-size: 40px; line-height: 40px; margin: 10px 0 25px; text-align: center; text-transform: uppercase;}
.mobile-visitans { background: #ffffff none repeat scroll 0 0; float: left; width: 98%; margin-top:15px; border:1px solid #ccc; padding:1%;}
.mobile-visitans  .lliviatot-txt h1 { color: #ffffff; font-size: 25px;}
.mobile-visitans.officina .com-aaribar-lft.oficina-lft img { width:100%;}
.mobile-visitans.adreces-mob .llivia-feed-wrap { padding: 4%; width: 92%;}

#mobile-page-allotament { display:block;}
.filter-mobile .sbOptions { width:100%;	}
}


/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
.row { width:96%; }
.row1 { width:96%; }
.row2 { width:96%;}
h2{ font-size:20px;}
.menu {display: none;}

nav {width: 100%; margin-bottom:10px; position:relative; z-index:999;}
.search { width: 100%; display:block;}
.search input[type="text"] {padding: 6px 2%; width: 88%;}
.search input[type="image"] { padding: 7px 9px;}

.content-pad {padding: 15px 0 25px;}
.contactar-left { margin:0px 0 30px 0px;width: 100%;}
.contactar-right {margin-left:0;width: 100%;}
.revista-pad h1 { font-size:24px;}
.address-section h1  { font-size:20px;}
.revista-pad { margin-top:0px;}
.revista-pad ul li {margin-bottom: 25px;width: 50%;}
.ftr-menu {width: 31%;}

footer {padding: 20px 0 5px;}
.feed-left{ min-height:0px; width:94%; padding:4% 3% 5% 3%;}
.pdf-rht{ width:96%;}
.feed-left ul { margin-top:20px;}
.pdf-rht img{ margin-top:20px;}
.location-list {padding: 0 0 0%; width: 100%;}
.location-list li { padding:0px 0 0 0; width:100%; margin-bottom:25px;}

.search.buscar-search {display: block;float: none;margin: 10px auto;width: 100%;}
.activitats-lft.buscar .search input[type="text"] { width: 86%; padding:2%;}
.activitats-lft.buscar .search input[type="image"] { padding:2.3%; } 

.location-list input[type="text"] { width: 74%;}
.cont-inner.activitats { margin-top:0px;}

.activitats-inner {padding: 50px 0;width: 100%;}
.banner-activitats h1 {font-size: 35px;}
.tour-img li { width:100%;}
.center-img { display:none;}
#tour .tour-txt h2 { font-size:26px; line-height:26px;}
#tour .tour-txt h2 span { font-size:18px;}
#tour .tour-txt.text-rht.green, #tour .tour-txt.text-rht.red { text-align:left; left:20px; right: inherit;}
#menjar .tour-txt h2 { font-size:26px; line-height:26px;}
#menjar .tour-txt h2 span { font-size:18px;}

#enthorn .tour-txt h2 { font-size:26px; line-height:26px;}
#enthorn .tour-txt h2 span { font-size:18px;}


#dormir .domir-img li { width:96%; margin-right:0px;}
#dormir .domir-img li:nth-child(2n+2) { margin-right: 0;}
#dormir .domir-img li:nth-child(3){ margin-right: 30px;}
#dormir .domir-img li img { width: 100%;}

#dormir .domir-img .image-title > img { width:auto;}

.logo { text-align: center; width: 100%;}
.top-rht { width:100%; display:block; text-align:center;}
.top-rht li { display: inline-block; float: none; padding:0 10px;}
.top-rht li a#mail-icon { top:0;}
.social, .sbOptions li { padding:0;}
.top-rht .social ul { margin:0px;}
.social li { margin-right:6px; padding:0;}
.top-rht ul { line-height: 10px; margin: 12px 0;}
.sbSelector { width:44px;}
.top-rht li.location { line-height: 20px; position: relative; top: -3px;}
.img-bg ul li { margin: 20px 0; width:100%; position:relative; display:block;}
/*.img-bg li.li-last { top:280px; right:0; bottom:0; left:0; margin:auto;}*/
.img-bg li.li-last { position:relative; display:block; left:30%; top:30px;}
.img-bg { padding: 30px 0 154px; position:relative;}
.img-bg li a.li-last { margin:auto; right:0; left:0; top:100px; bottom:0;}

.tab-content #home-tabs{ margin-bottom:0;}
.location-pad { margin:30px 0 10px;}
.feed-icon { width:100%;}
.feed-left li { width:100%; margin:0 0 10px 0;}
.feed-icon li { width:auto;}
.ftr-logo img { background:#006900;}
ul.sbOptions { margin: 0;  position: relative; z-index: 9999;}
.sbHolder li { padding: 0; line-height:20px;}
.sbOptions { top:38px !important;} 

.cont-inner.agenda-wrapper { width:96%; margin:-86px auto; float:none;}
.activitats-inner.agenda-inner h1 { font-size: 29px; top: 46px;}
.l-agenda h1 { font-size: 27px;}
.cnt-agda-lft { width:100%;}
.agenda-img { width:100%; text-align:center;  margin: 8px 0 20px;}
.activitats-lft img { float:none;}
.activitats-lft.l-agenda ul { margin:25px 0 0;}

.activitats-lft.agenda-left ul li { width:100%; margin:0 0 14px 0;}
.cont-inner.fixta { float: none; margin: -60px auto; width: 96%;}
.activitats-lft ul.img-list li { width: auto; margin:0 0 14px;}
.activitats-lft.agenda-left h3 { font-size:22px; line-height:30px;}

.cont-inner.activitats { float: none;  margin: -42px auto;  width: 96%;}
.banner-activitats h1 { font-size:30px;}
.activitats-lft li.print-icon.print-left, .activitats-lft li.pdf-icon { width:92%; margin:0 0 18px 0 !important; display:inline-block;}
.activitats-lft li.lock-icon { width:92%; margin:0px 0; display:inline-block; }
.revista-pad { width:96%; margin:-70px 2% 0;  padding:5%}
.revista-pad h1 { font-size:29px;}


.activitats-lft li.print-icon { float: left; margin: 20px 0 0!important; width:90%;}
.activitats-lft ul li { width:100%; margin:0 0 20px 0;}
.activitats-lft ul li:last-child { margin:0;}
.gal-left-txt { width:100%;}
.gal-left h1 { width:100%;}
.gal-foto ul li { margin-right: 0;  width: 100%;}

.benvinguts-rgt h1 { font-size:22px; margin:0 0 20px;}
.benvinguts-rgt .home-icon { right: 20px; top: 11px;}
.benvinguts-rgt h3 { line-height: 24px;}
.second-row li { width:100%;}
.cosistori-banner ul li img { width:100%;}

#visitans-tab .resp-tab-content h1 { font-size:26px;}
#visitans-tab .resp-tab-content h5 { font-size:15px;}
.llivia-feed-wrap.com-aaribar { padding:5%; width:90%;}
.title-visit { margin: 15px auto; width: 96%; float:left;}
.insta-img li { width:128px;}
.llivia-feed-lft { width:100%; margin:0px;}
.llivia-feed-rht.llivia-feed-lft { margin: 30px 0 0; width: 100%;}
#visitans-tab .resp-tab-content h1 { margin-bottom:10px;}

/* Table Responsive CSS */
/* Force table to not be like tables anymore */
.fixta-table.interes table, .fixta-table.interes thead, .fixta-table.interes tbody, .fixta-table.interes th, .fixta-table.interes td, .fixta-table.interes tr { display: block;  }

/* Hide table headers (but not display: none;, for accessibility) */
.fixta-table.interes thead tr  { position: absolute; top: -9999px; left: -9999px; }
.fixta-table.interes tr { border: 1px solid #ccc; }
/* Behave  like a "row" */
.fixta-table.interes td { border: none; border-bottom: 1px solid #eee;  position: relative; padding-left: 50%;  text-align:left; }
.fixta-table.interes table td { padding:8px 0 5px 150px; line-height:18px; }

/* Now like a table header */
.fixta-table.interes td:before {  position: absolute;  top: 10px; left: 15px; width:130px; padding-right: 10px;  white-space: nowrap; font-size:15px; font-weight:normal; text-align:left; }

/* Label the data */
.fixta-table.interes td:nth-of-type(1):before { content: "Empresa"; }
.fixta-table.interes td:nth-of-type(2):before { content: "Adreca"; }
.fixta-table.interes td:nth-of-type(3):before { content: "Telefon"; }
.fixta-table.interes td:nth-of-type(4):before { content: "E-mail"; }
.fixta-table.interes td:nth-of-type(5):before { content: "Web"; }
.hot_mail { word-wrap: break-word;}

.activitats-inner.agenda-inner.directori h1 { top: 50px;}

.resp-tab-content.ver_3 .domir-img ul li, .resp-tab-content.ver_4 .domir-img ul li { margin: 0 0 20px; width: 99%;}
.resp-tab-content.ver_3 .domir-img .image-title img, .resp-tab-content.ver_4 .domir-img .image-title img { width: auto;}
.resp-tab-content.ver_3 .domir-img ul li img, .resp-tab-content.ver_4 .domir-img ul li img  { width: 100%;}
.resp-tab-content.ver_4 .domir-img.comercos li { width:99%;}

h2.resp-accordion { line-height:26px;}

.benvinguts-lft1 { margin-bottom:30px;}
.benvinguts-lft .activitats-feed { margin: 0;}

.raons { padding: 3%; width: 94%;}
.raons-inner img { width:100%;}
.llivia-lot, .llivia-lot.estiu, .llivia-lot.enthorn { padding:5%; width:90%; height: auto;}
#visitans-tab .resp-tab-content .raons .raons-inner h1 { font-size:32px;}

.ajuntament-hover h2 {  margin:0px; padding:0px;}
.ajuntament-hover h1 { margin:0px; padding:0px; display:block}
.pdf-rht { min-height: inherit;}
#home-tabs .resp-tab-content {  padding: 2%;  width: 96%;}
.resp-tabs-container.ver_1 { margin: 0px 0 0;}
.resp-tabs-container.ver_1 .resp-tab-content.ver_1 { padding:2%; width:96%;}
.resp-tab-content.ver_1 .domir-img li { margin-right:0px; width:98%;}
.resp-tab-content.ver_1 .domir-img li:nth-child(2n-2) { margin-right:0px;}
.resp-tab-content.ver_1 .domir-img li img { width:100%;}
.view-list { right: 0px; top: 12px;}


.resp-tab-content.ver_1 .domir-img .image-title { width:auto;}


#mobile.view-list { display: block; position: absolute; right: 0; top: -62px;}
.view-list li.map-view { margin-right:0;}
.activitats-round-hover { width:86%;}
.benvinguts-rgt-lft { width:100%;}
.benvinguts-rgt-rgt { width:100%; text-align:center;}
.benvinguts-rgt-rgt > img { margin:0 0 15px 0;}

.content-pad.galleria { padding:0 0 35px 0;}
.list-mobile li { width:45.9%; border-bottom:1px solid #c1c1c1; padding:3% 2%;}
.list-mobile li:nth-child(2n-2) { border:none; border-bottom:1px solid #c1c1c1;}
.mobile-img ul li { width:98%; margin-right: 0;} 
.mobile-img ul li img { width:100%;}
.mobile-img .image-title img { float: none; width: auto;}

.list-mobile.galleria li { width:49.3%; border:none;}
.list-mobile.galleria li:nth-child(2n-2) { margin-right:0;}
.first-row li { width:100%;}
.activitats-lft.agenda-left ul li.green.fixta-pdf { padding-left: 11%; width: 89%;}


.title-visit h1 { font-size:34px; margin-bottom:10px;}
.title-visit h5 { font-size:17px;}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {
.row { width:95%; }
.row1 { width:95%; }
.row2 { width:95%; }

.address-lft {margin-right: 0; width: 100%; margin-bottom:20px;}
.address-rgt {margin-left: 0;width: 100%;}
.address-section h1 { margin-bottom:5px;}
.contact-feed ul li {margin: 0 8px 0 0; width:auto !important;}
.revista-pad ul li {margin: 0 0% 25px;width: 100%;}
.ftr-menu {width: 100%; min-height:0px; margin-bottom:10px;}
.ftr-menu h2 { margin-bottom:0px;}
.location-list label{ width:100%; float:left; margin-bottom:5px;}
.ftr-line { width:100%;}
.feed-icon.contact-feed li { margin:0;}
.search input[type="text"] { padding: 2%; width: 84.5%;}
.search input[type="image"] { padding: 2.4%;}
.ui-datepicker { width:100%;}
.ui-datepicker-calendar .ui-state-default { width:38px;}
.ajuntament-hover { padding:3%; width:94%;}
.ajuntament-hover div { margin:6px 0 0;}
.online-pad ul li { padding:12% 0;}
#calendar { width:100%;}
.ftr-logo img { background: #006401;}
.top-rht li { display: inline-block; float: none; padding: 0 5px;margin-top: 3%;}
.lang { width: 80px;}
.social li { margin:0; padding:0;}
.sbHolder { width:80%;}
#tour .tour-txt.text-rht.green, #tour .tour-txt.text-rht.red, #tour .tour-txt.yellow,  #tour .tour-txt { left:10px; right: inherit;}
#tour .tour-txt h2 { font-size:22px; line-height:22px;}
#tour .tour-txt h2 span { font-size: 15px;}
#dormir .image-title { right:-6px;  bottom: -8px;}
#dormir .domir-img li { margin-right: 0; width: 98%;}
.sbHolder li { padding: 0; line-height:20px;}
.cont-inner.agenda-wrapper { width:96%; margin:-64px auto; float:none;}
.activitats-inner.agenda-inner h1 { font-size: 20px; top: 26px;}
.l-agenda h1 { font-size: 19px;}
.activitats-top.agenda-top .ui-datepicker-calendar .ui-state-default { width:34px;}
.activitats-lft.agenda-left h3 { font-size:25px;}
.fixta-table span { font-size:13px;}
.cont-inner.activitats { float: none;  margin: -50px auto;  width: 96%;}
.banner-activitats h1 { font-size:20px;}
.activitats-inner { padding: 20px 0 50px; width: 100%;}
.activitats-lft.buscar .search input[type="text"] { width: 84%; padding:2%;}
.revista-pad { width:96%; margin:-45px 2% 0; padding:5%}
.revista-pad h1 { font-size:20px;}
.gal-section .lang { float: none; margin: 0 auto; position: relative; width: 96%; left:inherit;}
.gal-section .lang span { width:100%;}
.gal-section .sbHolder { float:left; width:100%;  margin: 0 0 12px;}
#home-tabs h2.resp-accordion { line-height:25px;}

.gal-foto ul li { margin-right: 0;  width: 100%;}
.benvinguts-rgt-lft.ajuntamentonline-rht li.pdf-icon a { margin-bottom:15px;}
.benvinguts-rgt-lft.ajuntamentonline-rht li.pdf-icon a.adjunt { margin-bottom:0px;}
.benvinguts-rgt .home-icon { display:none;}
#webcam{width:270px;height:270px;}
#webcam2{width:270px;height:270px;}
#webcamanterior{width:270px;height:270px;}
#webcamanterior2{width:270px;height:270px;}
.mail-txt { display:block;}
.location-list input[type="text"] { display:inline;}

.activitats-inner.agenda-inner.directori h1 { top: 26px;}

.lliviatot-txt { margin: 26px 0 0 0; width: 100%;}
a.raons-box { font-size:13px;}

.location-list input[type="text"] { width: 79%;}
.fixta-table.dades strong { float:left; padding:3px 2px; font-size:11px;} 

.list-mobile li { padding:3% 4%; width:41.8%}
.filter-mobile .sbHolder { background:#fff; border:1px solid #c1c1c1; width:100%; height:30px; margin:6px 0 0 0; font-size:15px;}
.filter-mobile .lang > span { color: #333333; font-size: 18px; text-transform: uppercase;}
.filter-mobile .sbSelector { color:#676767; line-height:30px; text-transform:uppercase; width:100%;}
.sbOptions { top:31px !important;} 
.view-list-mobile ul li { float: left; margin:0 2px 0 0;}

.list-mobile.galleria li { border: medium none;  width: 49%;}
.fixta-table.dades strong { float:none;}
.list-mobile.galleria li a { font-size:14px;}
.activitats-lft.agenda-left ul li.green.fixta-pdf { padding-left: 16%; width: 84%;}

.title-visit h5 { font-size:15px;}
.title-visit h1 { font-size:28px; margin-bottom:10px;}
}


@media screen and (min-width:280px) and (max-width:318px) {
.lang { width: 72px;}
.top-rht li { padding:0 3px;}
.social li { padding:0;} 
.search input[type="text"] { width:84%;}
.fixta-table.dades strong { float:left; padding:3px 2px; font-size:11px;} 
.list-mobile li { width:45.8%; padding:2%;}
.list-mobile li a { font-size:15px;}
.filter-mobile .lang { width:100%;}
.view-list-mobile { position:relative; width:100%; margin-top:15px; float:left;}
.activitats-inner.agenda-inner h1 { font-size:17px; top:20px;}
.location-list input[type="text"] { width: 76%;}
.fixta-table.dades strong { float:none; font-size:10px;}
.activitats-top.agenda-top .ui-datepicker-calendar .ui-state-default { width:30px;} 
#home-tabs h2.resp-accordion { line-height: 31px;}
.activitats-lft.buscar .search input[type="text"] { padding: 2%; width: 83%;}
.list-mobile.galleria li a { font-size:14px; padding:6% 2%;}
.insta-img li { width: 118px;	}
}

