#head {
height:52px;
background-position:10px center;
background-size:auto 34px;
}

a#ini{
height:52px;
left:10px;
width:130px;
}

a#wsp{
	display:block;
}

#langs, #menu{
display:none;
}

#menuMobile{
display:block;
height:52px;
background-size:52px;
width:100%;
background-image:url(../img/bgMenuMobOver.png);
background-repeat:no-repeat;
background-position:right top;
}

#menuMobile.active{
background-position:right -52px;
}

#menuMobile ul{
position:fixed;
left:0px;
top:52px;
z-index:100;
text-align:center;
width:100%;
display:none;
}

#menuMobile ul li{
display:block;
width:100%;
text-align:center;
background-color:#FFFFFF;
}

#menuMobile ul li a{
display:block;
font-family:'Montserrat', "Trebuchet MS", Arial;
font-size:16px;
color:#515151;
letter-spacing:2px;
height:42px;
line-height:42px;
text-transform:uppercase;
}

#menuMobile ul li.langs{
height:42px;
line-height:42px;
text-transform:uppercase;
font-family:'Montserrat', "Trebuchet MS", Arial;
font-size:16px;
color:#515151;
}

#menuMobile ul li.langs a{
display:inline;
font-family:'Montserrat', "Trebuchet MS", Arial;
font-size:16px;
color:#515151;
letter-spacing:2px;
height:42px;
line-height:42px;
text-transform:uppercase;
margin-top:2px;
}

#menuMobile ul li.subMobile{
height:auto;
line-height:24px;
text-transform:uppercase;
font-family:'Montserrat', "Trebuchet MS", Arial;
font-size:16px;
color:#515151;
display:none;
}

#menuMobile ul li.subMobile a{
display:inline;
font-family:'Montserrat', "Trebuchet MS", Arial;
font-size:16px;
color:#515151;
letter-spacing:2px;
height:32px;
line-height:32px;
text-transform:uppercase;
margin-top:2px;
margin-left:10px;
margin-right:10px;
white-space:nowrap;
}

#menuMobile ul li.subMobile a.subMobileNews1{ color:#d62249; }
#menuMobile ul li.subMobile a.subMobileNews2{ color:#ffb85d; }
#menuMobile ul li.subMobile a.subMobileNews3{ color:#25be97; }

.main{
background-size:auto 100%;
}

/*HOME*/
#home h1{
left:0px;
top:45%;
font-size:21px;
line-height:28px;
width:100%;
text-align:center;
}

#home .awards{
left:0px;
top:21.5%;
width:100%;
text-align:center;
}

#home .awards img{
	margin:0px 6px;
	width:126px;
}

#home .alerts{
font-size:14px;	
line-height:18px;
top:116px;
text-indent:0;
text-align:center;
width:90%;
padding:10px 5% 10px 5%;
}

#home .alerts a{
text-indent:0;
text-align:center;
padding-top:5px;
}

#home a.start{
bottom:5px;
}

@media (max-width: 650px) {
.opacity{
	display:none;
}

.mainvideo {
	display:none;
}

#mainImage{
	/*background-image:url(../img/bgVideo1.jpg);*/
}
}

#bbqBanner, #furBanner{
	width:100%;
	height:96px;
	background-color:transparent !important;
	background-image:url(../img/black.png);
	background-repeat:repeat;
	right:0px;
	bottom:9999999px;
	display:none;
	line-height:17px;
	font-size:12px;
}

#garden #bbqBanner, #garden #furBanner{
	bottom:40%;
}


#genBanner{
	top:52px;
	font-size:11px;
	line-height:17px;
	height:50px;
	padding-top:14px;
}

#genBanner span{
	display:block;
	width:78%;
	margin:0px auto;
}

/* desktop >= 600px ----------- */
@media only screen 
and (min-width : 650px) {
#bbqBanner{
bottom:100px;
}

#furBanner{
bottom:200px;
}
}

#bbqBanner p, #furBanner p{
		padding:10px 0px;
}

#bbqBanner p span, #furBanner p span{
	display:none;
}

#bbqBanner a.closeBBQ, #furBanner a.closeBBQ{
	top:50% !important;
	margin-top:-7px;
}

#bbqBanner a.gotoBBQ, #furBanner a.gotoBBQ{
	bottom:auto;
	right:auto;
	left:50%;
	margin-left:-62px;
	top:52px;
}

#homeInfo{
	font-size:17px;
	line-height:27px;
	padding:110px 0px 60px 0px;
	background-position:center 30px;
}

#homeInfo .homeInfo{
	padding-bottom:30px;
}

.square {
width:100%;
padding-bottom:50%; /* = width for a 1:1 aspect ratio */
line-height:16px;
}

#block2 .tableSquare{
direction: rtl;
}
#block3 .tableSquare{
direction: ltr;
}
#block6 .tableSquare{
direction: rtl;
}

.square strong{
padding-top:0px;
background:none;
margin-bottom:5px;
padding-top:8px;
}

#block1 strong, #block2 strong, #block3 strong, #block4 strong, #block5 strong, #block6 strong{
background-position:center -9999px;
background-repeat:no-repeat;
}

#block1 .overSquare strong, #block2 .overSquare strong, #block3 .overSquare strong, #block4 .overSquare strong, #block5 .overSquare strong, #block6 .overSquare strong{
background-position:center -9999px;
background-repeat:no-repeat;
}

.square em{
font-size:11px;
line-height:16px;
}

.square p{
display:none;
}

#servicesHome{
padding:60px 0px;
}

.serviceHome{
width:100%;
margin-bottom:45px;
}

.serviceHome strong{
padding-top:135px;
background-size:auto 70%;
}

#banner1, #banner2, #banner3{

}

.bannerBig, .bannerMedium{
width:100%;
padding-bottom:75%; /* = width for a 1:1 aspect ratio */
}

.bannerBig .textContainer, .bannerMedium .textContainer{

}

.bannerBig .textContainer p, .bannerMedium .textContainer p{

}

#banner1{
display:block;
}

.bannerBig .textContainer strong, .bannerMedium .textContainer strong{
font-size:18px;
line-height:26px;
}

.bannerBig .textContainer span, .bannerMedium .textContainer span{
display:none;
}

#minServices{
padding:60px 0px;
padding-bottom:0px;
}

#minServices span{
width:60%;
margin:0px;
min-height:108px;
margin-bottom:45px;
}

.shop{
width:100%;
margin-bottom:45px;
}

#slider{
display:none;
}

#sliderMob{
display:block;
}

#sliderMob img{
width:100%;
}

/*NEW DESIGN*/
.mainText, #tips .mainText, #services .mainText, #aplus .mainText, #standard .mainText{
padding:0px;
height:40%;
width:100%;
overflow:hidden;
}

.mainTextNormal, #tips .mainTextNormal, #services .mainTextNormal, #aplus .mainTextNormal, #standard .mainTextNormal{
padding:0px;
width:100%;
padding-bottom:25px;
overflow:hidden;
}

.mainText h1, .mainTextNormal h1, #tips .mainText h1, #tips .mainTextNormal h1, #services .mainText h1, #services .mainTextNormal h1, #aplus .mainText h1, #standard .mainText h1, #aplus .mainTextNormal h1, #standard .mainTextNormal h1{
font-size:20px;
line-height:22px;
text-align:center;
padding-top:56px;
padding-left:0px;
padding-right:0px;
width:96%;
margin:0px auto;
}

.mainText h2, .mainTextNormal h2, #tips .mainText h2, #tips .mainTextNormal h2, #services .mainText h2, #services .mainTextNormal h2, #aplus .mainText h2, #standard .mainText h2, #aplus .mainTextNormal h2, #standard .mainTextNormal h2{
display:block;
font-size:14px;
line-height:16px;
text-align:center;
padding-top:7px;
padding-left:0px;
padding-right:0px;
width:96%;
margin:0px auto;
}

.mainShadow{
bottom:40%;	
}

.mainArrow{
width:100%;
height:21px;
}

.mainBackground{
display:block;
width:100%;
height:48px;
background-position:center bottom;
background-size:auto 88%;
}

.mainSaints{
bottom:40%;
width:60%;
}

.mainSaints a{
width:20px;
height:20px;
background-size:cover;
}

.mainSaints a.sel{
background-position:left -20px;
}

.mainSaints .daySaint{
width:48px;
height:48px;
line-height:56px;
font-size:18px;
background-size:48px 48px;
}

.mainSaints .dayMain{
padding-top:3px;
font-size:16px;
line-height:20px;
}

.mainSaints .dayList{
font-size:15px;
line-height:19px;
padding-top:5px;
padding-bottom:5px;
}

.menuSection, .calendarSection{
padding:18px 0px;
line-height:38px;
}

.menuSection span{
display:none;	
}

.menuSection a{
display:block;
text-align:center;
font-size:17px;
letter-spacing:normal;
}

.itemIcon{
width:50%;
padding-bottom:50%; /* = width for a 1:1 aspect ratio */
}

.itemIcon h3{
font-size:22px;
}

.itemInfo{
width:100%;
padding-bottom:70%; /* = width for a 1:1 aspect ratio */
font-size:12px;
line-height:16px;
}

.itemInfo .table-cell-icon{
padding:8%;	
}

.bx-wrapper {
margin-bottom:45px;	
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
bottom:-45px;
}

#sliderMob .bx-wrapper {
margin-bottom:0px;	
}

#sliderMob .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
bottom:0px;
}

.bx-wrapper .bx-pager {
padding-top:14px;
padding-bottom:12px;
}

.bx-wrapper .bx-prev {
left: 0px;
background: url(../img/controlsPortrait.png) no-repeat 0 0;
}

.bx-wrapper .bx-next {
right: 0px;
background: url(../img/controlsPortrait.png) no-repeat -30px 0;
}

.bx-wrapper .bx-prev:hover {
background-position: 0 -30px;
}

.bx-wrapper .bx-next:hover {
background-position: -30px -30px;
}

.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -30px;
outline: 0;
width: 30px;
height: 30px;
text-indent: -9999px;
z-index: 98;
}

#itemSliderResp .bx-wrapper .bx-controls-direction a{
top:35%;
}

.itemServicesList{
}

.itemServicesList span{
width:60%;
margin:0px;
min-height:108px;
margin-top:45px;
font-size:14px;
}

#news .mainText{
height:40vh;
}

.calendarText{
width:100%;
float:none;
}

.calendarText h1{
font-size:22px;
line-height:27px;
text-align:center;
}

.calendarText h2{
font-size:15px;
line-height:18px;
text-align:center;
}

a.linkPrevNews, a.linkNextNews{
font-size:11px;
}

.dotNews{
display:block;
position:absolute;
left:50%;
top:-35px;
margin-left:-35px;
height:70px;
width:70px;
-moz-border-radius:35px;
-webkit-border-radius:35px;
border-radius:35px;
font-size:14px;
line-height:30px;
}

.dotNews strong{
font-size:23px;
padding-top:5px;
}

#ccc{
display:none;	
}

#news .itemDocs{
padding:15px 0;
text-align:center;
}

#news .itemDocs a{
width:55%;
margin:30px 0;
}

/*CONSELLS*/
#tips .mainText h1{
width:90%;
padding-top:5%;
}

#tips .mainText h2{
width:90%;
}

a.linkMonth{
display:none;
}

a.linkMonthMobile{
display:block;
float:none;
text-align:center;
width:100%;
height:68px;
line-height:68px;
font-family:'Montserrat', "Trebuchet MS", Arial;
font-size:19px;
color:#ffffff;
letter-spacing:2px;
}

.contentMonth{
padding:12px 0px;
}

.contentMonth h3{
font-size:24px;
padding-bottom:24px;
}

.contentMonth h4{
font-size:16px;
line-height:21px;
width:88%;
}

.contentMonth h5{
font-size:15px;
line-height:21px;
width:100%;
}

.colTextMonth{
width:100%;
margin:0px;
}

.contentImagesMonth em{
width:100%;
float:none;
margin-bottom:14px;
}

.contentImagesMonth em img{
margin-bottom:7px;
}

.contentIconsMonth{
padding-top:15px;
}

.minIconMonth{
display:none;
}

.minIconMonthMobile{
display:inline-block;
width:100%;
min-height:160px;
vertical-align:top;
font-family:'Montserrat', "Trebuchet MS", Arial;
font-size:13px;
color:#ffffff;
line-height:18px;
letter-spacing:2px;
margin:0px;
padding:0px;
cursor:pointer;
text-align:center;
padding-bottom:45px;
}

.minIconMonthMobile p{
background-size:auto 70%;
}

.colIconTextMonth{
width:100%;
margin:0px;
}

.minIconMonthText{
margin-bottom:25px;
}

/*SERVEIS*/
#services .mainText h1{
width:90%;
padding-top:5%;
}

#services .mainText h2{
width:90%;
}

#contentServices, #contentServicesBottom{
padding:35px 0px;
}

#listServices{
padding:0px 0px;
}

#listServices span{
width:60%;
margin:0px;
min-height:108px;
margin-top:45px;
font-size:14px;
}

/*INSTAL·LACIONS*/
#instals .mainText{
height:40vh;
}

#contentTour{
height:200px;
width:100%;
}

#contentTour a.buttonStd{
}

#contentTour strong{
display:none;
}

#contentGPS{
padding:18px 0px;
padding-bottom:25px;
}

#contentGPS strong{
width:88%;
padding-top:80px;
background-size:auto 70px;
}

#contentGmap{
height:230px;
width:100%;
}


/*APLUS*/
#aplus .mainText h1{
width:95%;
padding-top:4%;
}

#aplus .mainText h2{
width:95%;
}

#aplus .mainLogo{
background-size:50%;
}

#listServicesPlus{
padding:0px 0px;
}

#listServicesPlus span{
width:90%;
margin:0px;
min-height:108px;
margin-top:45px;
font-size:13px;
}

#listServicesPlus span strong{
left:38%;
margin-top:-35px;
}

#contentServicesBottom img{
width:95%;	
}

/*CONTACT*/

#contact .mainText h1{
display:none;
}

#contact .mainText h2{
padding-top:20px;
}

/*ESTANDARD*/

#standard .mainText{
height:25%;
}

#standard .mainText h1{
width:95%;
padding-top:4%;
}

#standard .mainText h2{
width:95%;
}

/**********/
.colLeft{
width:88%;
margin:0px auto;
padding-bottom:30px;
float:none;
}

.colLeft strong{
width:100%;
}

.colRight{
width:88%;
margin:0px auto;
padding-bottom:60px;
float:none;
}

.colMain, .colMainStd{
width:88%;
margin:0px auto;
padding-bottom:60px;
float:none;
}

/*CUSTOM PAGER SLIDER*/
#itemSliderResp .bx-wrapper, #itemSliderResp .bx-wrapper .bx-viewport, #itemSliderResp .bx-wrapper .bx-viewport ul, #itemSliderResp .bx-wrapper .bx-viewport ul li {
/*background-size:auto 65%;*/
background-size:cover;
}

#bx-pager {
bottom:40vh;
padding-top:14px;
padding-bottom:12px;
height:auto;
}

#bx-pager a, .bx-wrapper .bx-pager.bx-default-pager a {
margin: 0 8px;
}

#foot div{
float:none;
padding:0px 10px;
}

#foot .footMail{
float:none;
padding-top:25px;
padding-bottom:25px;
}

#foot .footMail em{
float:none;
}

#foot .footLogos{
float:none;
text-align:center;
}

#foot .footLogos img{
margin:10px;
}

#foot .footMobile{
display:block;
padding-top:25px;
}

#foot .footMobile form{
display:block;
float:left;
width:282px;
}

#foot .footMobile #newsSendMobile{
display:none;
float:left;
width:282px;
font-family:'Montserrat', "Trebuchet MS", Arial;
font-size:11px;
color:#FFFFFF;
text-transform:uppercase;
}

#foot .footMobile form .input{
margin:0px;
padding:0px;
background-color:#FFFFFF;
width:220px;
height:28px;
border:0px;
padding-left:5px;
font-family:'Montserrat', "Trebuchet MS", Arial;
font-size:11px;
color:#494949;
display:block;
float:left;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
}

#foot .footMobile form a.button{
display:block;
float:left;
margin-left:3px;
background-color:#020003;
height:26px;
border:1px solid #FFFFFF;
line-height:28px;
padding:0px 8px;
text-align:center;
color:#FFFFFF;
}

#foot .footMobile form span{
	letter-spacing:normal;
	line-height:27px;
}

#foot .footMobile form span a{
	color:#fff;
	text-decoration:underline;
}

#foot .footMobile form span a:hover{
	background:none !important;
	color:#fff !important;
	text-decoration:none !important;
}

#foot .footMobile a:hover{
background-color:#FFFFFF;
color:#00d6be;
}

#footer form{
display:none;
}

/*COOKIES*/
#cookies{
	width:100%;
}

#cookies div{
font-size:9px;
padding:8px;
line-height:11px;
padding-right:45px;
}

#cookies a{
font-size:9px;
white-space:normal;
}