/*
Theme Name: Interpals
Theme URI: http://www.mastercamping.com
Description: Plantilla Wordpress para Blank
Author: mastercamping.com
Author URI: http://www.mastercamping.com
Version: 1.0
*/

/*---------------------------------------------
//  Admin bar
//---------------------------------------------
*/
@import url('css/wp-admin.css');

/*---------------------------------------------
//  hg reset
//---------------------------------------------
*/

a:hover {text-decoration: none;}


/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	line-height	: 140%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
.responsive img,
.responsive  object,
.responsive  embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; clear: both;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*---------------------------------------------
//  Wordpress basics
//---------------------------------------------
*/

.alignleft{float: left;margin-right: 20px;margin-bottom: 10px;}
.alignright{float: right;margin-left: 20px;margin-bottom: 10px;}
.aligncenter{display: block; margin: 20px auto;}

em {font-style: italic;}

h1{font-size: 26px; font-weight: bold; margin-bottom: 5px;}
h2{font-size: 18px; font-weight: bold; margin-bottom: 5px;}
h3{font-size: 14px; font-weight: bold; margin-bottom: 5px;}
h4{font-size: 12px; font-weight: bold; margin-bottom: 5px;}
h5{font-size: 10px; font-weight: bold; margin-bottom: 5px;}
h6{font-size: 8px; font-weight: bold; margin-bottom: 5px;}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/*---------------------------------------------
//  ESTILOS PROPIOS
//---------------------------------------------
*/

/*---------------------------------------------
//  body
//---------------------------------------------
*/


body{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3b424d;
}

#header-container header,
.middle-container .middle,
#footer-container footer,
#footer-container #sidebar-directions-content aside,
.access-home-container,
.promos-allotjaments-home-container{
	width: 1000px;
	margin: 0 auto;
}


.loader {
  color: #ffffff;
  font-size: 18px;
  margin: 100px auto;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
/*---------------------------------------------
//  header
//---------------------------------------------
*/

#header-container {
	background: url(img/back-header.png) left 195px repeat-x
}

header{
	position: relative;
	padding: 15px 0 10px 0;
}

#logo{
	display: inline-block;
}

#logo a{
    display: block;
    background: url(img/logo_nou_interpals.png) left top no-repeat;
    width: 283px;
    height: 120px;
    overflow: hidden;
    text-indent: -99999px;
    background-size: contain;
    margin: 0 0 15px 0;
}

.menu-superior{
	position: absolute;
	right: 0;
	top: 50px;
}

.menu-superior a {
	display: inline-block;
	text-decoration: none;
	background: url(img/ico-menu-reserves.png) left top no-repeat;
	padding: 5px 0 10px 60px;
	color: #4eaed3;
	margin: 0 0 0 40px;
}

.menu-superior a.menu-contacte {
	background-image: url(img/ico-menu-contacte.png) ;
	color: #659741;
}
.menu-superior a strong{
	display: block;
	font-size: 20px;
	color: #3b424d;
	text-decoration: none;
	line-height: 100%;
}

/*---------------------------------------------
//  content
//---------------------------------------------
*/

#page-container {
	padding-top: 40px;
}

#content h1,h2,h3,h4,h5,h6{
	/**/
}

h1.page-title{
	font-size: 54px;
	font-weight: normal;
}

.content-text h3 {
	font-size: 18px;
}

.content-text ul {
	margin: 10px 0 15px 30px;
}

.content-text ul li{
	list-style:disc;
	padding: 0 0 10px 0;
}

.content-text a {
	color: #4eaed3;
}

#content p {
	margin-bottom: 20px;
}

#home-container{
	/**/
}

#home-container #content{
}

#home-container #content p {
}

.middle-container {
	background:url(img/blue-gradient.jpg) repeat-x;
	position: relative;
}

.parent-pageid-246 .middle-container {
	background-position: left 442px;
}


#page-container #content{
	width: 680px;
	float: left;
	position: relative;
	padding: 0 85px 20px 0;
}

#page-container #content p {
	margin-bottom: 20px;
}


.prev-next-links a,
.navigation a{
	color: #4eaed3;
	text-decoration: none;
}

.prev-page,
.anterior
{
	float: left;
}

.next-page,
.seguent{
	float: right;
}

.prev-page a,
.anterior a{
	display:inline-block;
	background: url(img/page-left-arrow.png) left center no-repeat;
	padding: 15px 0 15px 35px;
}

.next-page a,
.seguent a{
	display:inline-block;
	background: url(img/page-right-arrow.png) right center no-repeat;
	padding: 15px 35px 15px 0;
}

a.boto-verd,
a.boto-groc,
a.boto-blau,
a.boto-vermell,
a.boto-gris{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	min-width: 130px;
	color: #FFF;
	background: #3b424d;
	text-align: center;
	padding: 4px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 2px;
}

a.boto-verd {
	background-color: #659741;
}

a.boto-groc {
	background-color: #ef9e00;
}

a.boto-blau {
	background-color: #4eaed3;
}

a.boto-vermell {
	background-color: #e95d0f;
}

a.boto-gris {
	background-color: ##3b424d;
}

.quadre {
	font-size: 13px;
	padding: 15px;
	background: #f3faff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.cercle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/*---------------------------------------------
//  menu
//---------------------------------------------
*/
header nav{

}

header nav a{
	text-decoration: none;
	color: #000;
	display: block;
}

header nav  ul.menu > li{
	display: inline-block;
	position: relative;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}

header nav  ul.menu > li > a{
	padding: 5px 5px 5px 5px;
	display: block;
	margin-right: 15px;
	color:#3b424d;
	text-decoration:none;

}

ul.menu > li.menu-item-has-children > a{
	padding: 5px 20px 5px 5px;
	background:url(img/arrow-menu.png) no-repeat right 10px;
}


.current-menu-item{
	/**/
}

.current-menu-item a{
	/**/
}

/*---------------------------------------------
//  submenu 1er nivel
//---------------------------------------------
*/

header nav ul > li > ul{
	opacity: 0;
	background: #fafafa;
	position: absolute;
	top: 50px;
	left: 0;
	display: block;
	-moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	border-radius: 5px; /*css3 bordes arrodonits*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:8px 0;
	-webkit-transition	: all 0.3s linear;
	-moz-transition	: all 0.3s linear;
	transition		: all 0.3s linear;
	z-index: 0;
}

header nav ul > li:hover > ul{
	opacity: 1;
	top: 30px;
	z-index: 200;
}

header nav  ul.menu > li > ul > li{
	position: relative;
	min-width: 210px;
	text-transform:capitalize;
	font-weight:normal;
	font-size:14px;
}

header nav  ul.menu > li:hover > ul > li{

}

header nav  ul.menu > li > ul > li:hover{
	background: #e95d0f;
}

header nav  ul.menu > li > ul > li:hover a{
	color:#fff;
	}
header nav  ul.menu > li > ul > li a{
	padding: 3px 12px;
}

/*---------------------------------------------
//  submenu 2do nivel
//---------------------------------------------
*/

header nav ul > li > ul > li > ul{
	display: none;
	z-index: 1;
}

header nav ul > li > ul > li:hover > ul{
	display: block;
	position: absolute;
	background: #c8c8c8;
	left: 90px;
	top: 0;
    min-width: 90px;
}

/*---------------------------------------------
//  footer
//---------------------------------------------
*/

#footer-container{
	background: #3b424d;
	margin-top: 50px;
}


footer{
	color: #FFF;
	font-size :12px;
   padding: 0 0 20px 0;
}

footer ul.menu {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 18px 0 10px 0;
	margin: 0 0 12px 0;
	border-bottom: 1px solid #676c74;
}

footer ul.menu li{
	display: inline-block;
	padding: 0 10px;
}

footer ul.menu li a {
	color: #FFF;
	text-decoration: none;
}

.footer-box-container{
	display: table;
	width: 100%;
}

.footer-box-container > div{
	display: table-cell;
}

.footer-box-dark {
	background: #30343b;
	padding: 8px 10px 16px 10px;
	border-radius: 8px;
	-moz-box-shadow: inset 0px 1px 10px 0px rgba(16, 16, 11, 0.4);
	-webkit-box-shadow: inset 0px 1px 10px 0px rgba(16, 16, 11, 0.4);
	box-shadow: inset 0px 1px 10px 0px rgba(16, 16, 11, 0.4);
}

.footer-box-dark > div{
	display: inline-block;
	vertical-align: top;
	width: 33%;
	text-align: center;
}

.footer-box-dark > div:nth-child(2){
	width: 30%;
}

.footer-box {
	width: 255px;
	text-align:center;
}

footer h3{
	font-size: 20px;
}

a.social_link{
	margin: 0 2px;
	display: inline-block;
}
.newsletterbutton {
	display: inline-block;
	background: #c4c1c1 url(img/ico-sobre.png) 12px center no-repeat;
	color: #30343b;
	text-decoration: none;
	padding: 3px 15px;
	min-width: 100px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 5px 0 0 0;
}


.tiempo-container {
	position:relative;
	width: 275px;
	overflow: hidden;
	height: 40px;
}


html[lang=es] .tiempo-container,
html[lang=ca] .tiempo-container{
	width: 250px;
}

.tiempo-container > div {
	position: absolute;
	right: 0;
}

/* directions */

#sidebar-directions-content {
	background: #d1d1d1 url(img/back_directions.jpg) center center no-repeat;
	font-size: 14px;
	font-weight: bold;
}

#sidebar-directions-content aside{
	display: table;
	padding: 15px 0 20px 0;
}
#sidebar-directions-content aside > div{
	display: table-cell;
	vertical-align: top;
}


#sidebar-directions-content .textwidget {
	padding: 0 40px;
	overflow: hidden;
}

.DDirectionsWidget {
	background: #c4c1c1;
	border-radius: 8px;
	width: 490px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding: 15px 10px 10px 20px;
	-moz-box-shadow: inset 0px 1px 10px 0px rgba(16, 16, 11, 0.2);
	-webkit-box-shadow: inset 0px 1px 10px 0px rgba(16, 16, 11, 0.2);
	box-shadow: inset 0px 1px 10px 0px rgba(16, 16, 11, 0.2);
}

.DDirectionsWidget h2 {
	font-size: 14px;
}

.DDirectionsWidget input[type=text]{
	border: 0;
	background: #FFF;
	border-radius: 3px;
	padding: 7px;
	margin-right: 20px;
	width: 220px;
}

.DDirectionsWidget input[type=submit]{
	border: 0;
	background: #00376b;
	color: #FFF;
	font-weight: normal;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 14px;

}

input#from-input {
	width: 300px;
}

a.map-button {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	min-width: 130px;
	color: #FFF;
	background: #3b424d;
	text-align: center;
	padding: 4px 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 2px;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
	border: none;
}

.adp-directions {
	width: 100%;
}

#geo-directions a {
	background: none;
	color: #3b3b3b;
	text-decoration:underline;
}

/*---------------------------------------------
//  Home
//---------------------------------------------
*/

.home .masterbookings {
	position: absolute;
	right: 100px;
	top: 50px;
	z-index: 100;
}

.home-text-container {
	background: #f5f5f5;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.home-text {
	padding: 50px 0;
	overflow: hidden;
}

.home-text h2{
	font-size: 20px;
	padding: 0 0 15px 0;
}

.access-home-container {
	display: table;
	padding: 30px 0 0 0;
}

.acces-home {
	display: table-cell;
	vertical-align: top;
	width: 235px;
	padding: 0 0 0 20px;
	text-align: center;
	font-size: 16px;
}

.acces-home:first-child {
	padding: 0;
}

.acces-home h3,
.un-allotjament-home h3{
	font-size: 20px;
	line-height: 120%;
	margin-bottom: 3px;

}

.icona-home {
	background: url(img/back-icon-access.png) center center no-repeat
}

.icona-home .aligncenter{
	margin: 10px auto;
}
a.acces-link{
	display: inline-block;
	font-size: 14px;
	padding: 2px 0;
	margin-top: 10px;
	min-width: 135px;
	color: #FFF;
	text-decoration: none;
	background: #e95d0f;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition	: opacity 0.3s linear;
	-moz-transition	: opacity 0.3s linear;
	transition		: opacity 0.3s linear;
}

a.acces-yellow{
	background: #ef9e00;
}

a.acces-green{
	background: #659741;
}

a.acces-blue{
	background: #4eaed3;
}

a.acces-gray{
	background: #3b424d;
}

a.acces-link:hover{
	opacity: 0.8;
}

.promos-allotjaments-container {
	background: url(img/gradient.png) center top repeat-x;
}


.home #text-2,
.home .sidebar-container#text_icl-2 {
	position: absolute;
	right: 100px;
	top: 50px;
	z-index: 100;
}

.promos-home {
	width: 25%;
}


.promos-allotjaments-container .middle {
	display: table;
	padding :30px 0;
	min-height: 270px;
}

.promos-allotjaments-container .middle > div{
	display: table-cell;
	vertical-align: bottom;
}


.promos-home h2{
	font-size: 20px;
	padding: 0 0 5px 0;
}


.promos-home a {
	display: block;
	background: #fafafa;
	padding: 10px 10px 10px 35px;
	margin-bottom: 20px;
	font-size: 13px;
	color		: #e95d0f;
	text-decoration: none;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-transition	: all 0.6s linear;
	-moz-transition	: all 0.6s linear;
	transition		: all 0.6s linear;
}

.promos-home a:hover {
	background: #e4e4e4;
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
}

.promos-home a:last-child {
	margin-bottom: 0;
}

.promos-home a strong{
	font-size: 14px;
	color: #3b424d;
	display: block;
}

.promos-home a strong:before {
	content: url(img/ico-promos.png);
	position: absolute;
	top: 20px;
	left: -15px;
}

.un-allotjament-home {
	text-align: center;
	display: table-cell;
	width: 235px;
	padding: 0 0 0 20px;
	vertical-align: bottom;
}

/*video*/
ul.video-container{
    position: relative;
    display: block;
    width: 1000px;
    margin: 40px auto;
}

ul.video-container li{
    display: inline-block;
    width: 24.5%;
}

ul.video-container li iframe {
width: 100%;
height: 138px;}
/*---------------------------------------------
//  Blog
//---------------------------------------------
*/

.blog-category  .post {
	background: #FFF;
	padding: 30px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(16, 16, 11, 0.4);
	-moz-box-shadow: 0px 1px 10px 0px rgba(16, 16, 11, 0.4);
	box-shadow: 0px 1px 10px 0px rgba(16, 16, 11, 0.4);
	margin: 0 0 20px 0;
	position: relative;
}

.blog-img{
	float: left;
	display: inline-block;
	margin: 0 25px 20px 0;
}


.blog-img img {
		-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.blog-category .post-categories a {
	display: block;
	background: #659741;
	overflow: hidden;
	border-radius: 50%;
	vertical-align: middle;
	font-size: 12px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 30px;
	color: #FFF;
	text-decoration: none;
	padding: 7px 10px;
	border-radius: 0 0 2px 2px;
}

.blog-category h2 {
	font-size: 22px;
}

.blog-category h3 {
	color: #e95d0f;
	font-weight: normal;
	margin: 0;
}

/*---------------------------------------------
//  listar-hijos
//---------------------------------------------
*/

.fill{
	float: left;
	height: 200px;
	margin: 0 20px 0 0;
}

.page-id-18 .fill {
	height: 240px;
}

.fill:nth-child(3n){
	margin: 0;
}

.fill a {
		color:#3b424d;
	text-decoration:none;
	display: block;
	opacity: 1;
	-webkit-transition	: all 0.3s linear;
	-moz-transition	: all 0.3s linear;
	transition		: all 0.3s linear;
	}

.fill a:hover {
opacity: 0.8;
color: #e95d0f;
}


.fill a strong{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	display: block;
	padding: 10px 0 0 0;
}

.fill a em {
	display: block;
	text-align: right;
}


.fill a img{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(16, 16, 11, 0.4);
	-moz-box-shadow: 0px 1px 10px 0px rgba(16, 16, 11, 0.4);
	box-shadow: 0px 1px 10px 0px rgba(16, 16, 11, 0.4);

}

.fill a em img{
	-webkit-border-radius: none;
	-moz-border-radius:  none;
	border-radius:  none;
	-webkit-box-shadow:  none;
	-moz-box-shadow:  none;
	box-shadow:  none;
	margin: 0 0 0 3px;
}


/*---------------------------------------------
//  Escapades - Promocions
//---------------------------------------------
*/

.preus{
	overflow: hidden;
}

.promo{
	float: left;
	width: 212px;
	margin: 0 20px 0 0;
}

.promo:nth-child(3n){
	margin: 0;
}

.promo a{
	color: #FFF;
	text-decoration: none;
	display:block;
	background: #e95d0f;
	opacity: 1;
	-webkit-transition	: all 0.3s linear;
	-moz-transition	: all 0.3s linear;
	transition		: all 0.3s linear;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(16, 16, 11, 0.4);
	-moz-box-shadow: 0px 1px 10px 0px rgba(16, 16, 11, 0.4);
	box-shadow: 0px 1px 10px 0px rgba(16, 16, 11, 0.4);
}

.promo a:hover{
	opacity: 0.8;
}

.promo img{
	display: block;
	border-radius: 4px 4px 0 0;
}

.promo a h2 {
	background: #FFF;
	color: #3b424d;
	padding: 5px 7px;
	line-height: 120%;
	min-height: 120px;
}

.promo a h2 em{
	font-weight: normal;
	font-style: normal;
	color: #e95d0f;
	display: block;
	font-size: 13px;
	padding-top: 5px;
}


.promo a h3 {
	text-align: right;
	padding: 2px 5px;
	font-size: 20px;
	line-height: 105%;
	color: #FFF;
}

.promo a h3 em{
	display: block;
	font-size: 14px;
	font-weight: normal;
	font-style:normal;
}

.promo:nth-child(2n) a{
	background:#ef9e00;
}

.promo:nth-child(2n) a h2 em{
	color:#ef9e00;
}

.promo:nth-child(3n) a{
	background:#659741;
}

.promo:nth-child(3n) a h2 em{
	color:#659741;
}

.promo:nth-child(4n) a{
	background:#4eaed3;
}

.promo:nth-child(4n) a h2 em{
	color:#4eaed3;
}

h1.page-title-promo {
	font-size: 44px;
	font-weight: normal;
	line-height: 110%;
}

h2.page-subtitle-promo {
	font-size: 24px;
	font-weight: normal;
	line-height: 120%;
	color: #e95d0f;
}

.promo-container{
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #3b424d;
}



/*---------------------------------------------
// Formulari de feina
//---------------------------------------------
*/

.form-trabajo h2 {
	font-size			: 20px;
	line-height			: 24px;
	text-transform		: uppercase;
	font-weight			: bold;
	border-bottom		: 1px solid #5d5d5d;
	padding				: 20px 0 0 0;
	margin				: 0 0 10px 0;
	clear				: both;
}

.form-trabajo h3 {
	font-size			: 16px;
	line-height			: 140%;
	font-weight			: bold;
	padding				: 10px 0 0 0;
	margin				: 0 0 5px 0;
	clear				: both;
}

.form-trabajo p{
	font-size		: 16px;
	margin			: 0 15px 15px 0;
	clear			: both;
}

.form-trabajo p.mitad {
	display			: inline-block;
	vertical-align	: top;
	width			: 230px;
	clear			: none;
}

.form-trabajo input[type="text"]{
	width			: 340px;
}


.form-trabajo textarea{
	width			: 440px;
	font			: normal normal 14px Arial, sans-serif;
	height			: 70px;
}

.form-trabajo p.mitad input[type="text"],
.form-trabajo input[type="text"].mitad{
	width			: 180px;
}

.form-trabajo p.form_fecha input[type="text"]{
	width			: 60px;
}

.form-trabajo label,
.form-trabajo .wpcf7-list-item-label{
	font-size		: 14px;
	margin			: 0 0 2px 0;
	display			: inline-block;
	width			: auto;
}


/*---------------------------------------------
//  galerias
//---------------------------------------------
*/


.galeria-wrapper{
	overflow: hidden;
	width: 100%;
	overflow: hidden;
}

	.galeria{

		display:table;


	}

	.galeria a{
		display: table-cell;
		border-right: 3px solid #FFF;
	}

#content .galeria a img{
	height: 300px;
}



.drag_drop {
	width: 69px;
	height: 69px;
	position: absolute;
	left: 30px;
	top: 300px;
	background: url(img/back_drag_drop.png) left top no-repeat;
	opacity: 1;
		-webkit-transition	: all 0.3s linear;
	-moz-transition	: all 0.3s linear;
	transition		: all 0.3s linear;
}

.kinetic-moving-left .drag_drop,
.kinetic-moving-right .drag_drop{
	opacity: 0;
}

/*---------------------------------------------
//  galerias [slide]
//---------------------------------------------
*/
.nav-thumbnails{
	margin-top: 5px;
    margin-bottom: 10px;
}

.nav-thumbnails li {
	margin-left: 5px;
	margin-right: 5px;
}

.nav-thumbnails li:first-child {
	margin-left: 0px;
	margin-right: 5px;
}


.mini-thumb {
	float: left;
}

/*---------------------------------------------
//  sidebar
//---------------------------------------------
*/

#sidebar-languages-content{
	background:#3b424d;
}

#lang_sel {
	z-index: 99999;
}

#sidebar-languages-content aside{
	margin:0 auto;
	width: 1000px;
	padding: 5px;
}

#sidebar-languages-content h2{
	display: none;
}


#sidebar{
	float:right;
	width:235px;
}

/* widget reservas */
#text-2,
.sidebar-container#text_icl-2 {
    color				: #FFF;
    background			: #4eaed3;
	width				: 205px;
	padding				: 15px;
	-moz-border-radius	: 4px;
	border-radius		: 4px;
	margin				: 0 0 30px 0;
}

a#bookings-widget_submit{
	display				: block;
	background			: #00376b;
	color				: #FFF;
	text-decoration		: none;
	text-align			: center;
	padding				: 4px 0;
	-moz-border-radius	: 3px;
	border-radius		: 3px;
}

/* Menu Lateral*/

#submenu-pagines {
	margin: 0 0 30px 0;
}

#submenu-pagines li a{
	display: block;
	color:#3b424d;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	padding:9px 15px;
	background:#fff;
	border-radius: 4px; /*css3 bordes arrodonits*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	margin:5px 0 10px 0;
	-webkit-transition	: all 0.3s linear;
	-moz-transition	: all 0.3s linear;
	transition		: all 0.3s linear;
}

#submenu-pagines li a:hover {
color: #e95d0f;
}

/* Menú categories */

.widget_categories h2 {
	display: none;
}

.widget_categories ul {
	margin: 0 0 30px 0;
	overflow: hidden;
}

.widget_categories li a {
	display: block;
font-size: 13px;
color: #3b424d;
font-weight: bold;
text-decoration: none;
line-height: 100%;
padding: 56px 0 0 0px;
margin: 2px 0;
background: url(img/ico-novetats.png) center top no-repeat;
width: 75px;
float: left;
text-align: center;
}

li.cat-item-5 a,
li.cat-item-28 a,
li.cat-item-29 a,
li.cat-item-25 a,
li.cat-item-31 a,
li.cat-item-32 a,
li.cat-item-26 a,
li.cat-item-30 a,
li.cat-item-24 a,
li.cat-item-27 a {
	background-image: url(img/ico-promocions.png);
}



/*---------------------------------------------
//  Flex Slider (home)
//---------------------------------------------
*/

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

.flexslider-container{
	min-width: 1000px;
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
	min-height: 373px;
	overflow: hidden;
}
.home .flexslider-container{
    min-height: 550px;
}
.flexslider {
	opacity: 0;
	-webkit-transition	: all 0.6s linear;
	-moz-transition	: all 0.6s linear;
	transition		: all 0.6s linear;
}

.flexslider.flex-loaded {
	opacity: 1;
}


.flex-direction-nav {
position: absolute;
top: 50%;
width: 100%;
}

a.flex-prev,
a.flex-next {
	display: block;
	width: 59px;
	height: 59px;
	overflow:hidden;
	text-indent: -9999px;
	background: #e95d0f;
	position: absolute;
	background: url(img/gallery-arrows.png) left top no-repeat
}

a.flex-prev{
	left: 20px;
}
a.flex-next{
	right: 20px;
	background-position: right top;
}


/*---------------------------------------------
//  carousel
//---------------------------------------------
*/

#carousel-container{
	position: relative;
	clear: both;
}

#carousel{
	width: 960px;
	height: 300px;
	position: relative;
	overflow: hidden;
}

.prev{
	background: gray;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 10;
}

.next{
	background: gray;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 10;
}

.prev:hover,.next:hover{
	cursor: pointer;
}

.elemento-carousel{
	width: 960px;
	height: 300px;
}

.elemento-carousel img{
	width: 960px;
	height: auto;
}

.titulo-foto{
	position: absolute;
	bottom: 0;
	left: 0;
}


/* Agenda Home */

.agenda-home{
    width: 245px;
    /* width: 100%; */
    z-index: 15;
    background: #e95d0f;
    color: #FFF;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /* position: absolute; */
    z-index: 98;
    padding: 20px 15px 15px 15px;
    box-sizing: border-box;
    margin: 10px auto;
}

.agenda-home h2{
	font-size: 16px;
	font-weight: bold;
}

.agenda-home h2::before{
	content: url('img/anelles-agenda.png');
	position: absolute;
	top: -8px;
}

.agenda-home a {
	color: #5e0700;
	font-size: 13px;
	text-decoration: none;
	line-height: 18px;
	display: inline-block;
	padding: 0 0 15px 0;
}

.agenda-home a strong{
	display: block;
	color: #FFF;
	font-weight: normal;
	font-size: 15px;
}

ul.wpsocialite.small{
    width: 500px;
    margin: 20px auto;

}



/*---------------------------------------------
//  notificaciones
//---------------------------------------------
*/
#notificacion{
	background: yellow;
	width: 250px;
	min-height: 200px;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 8;
	display: none;
}

#cerrar{
	float: right;
}

#cerrar:hover{
	cursor: pointer;
}


/*------------------------------
// reservas 4
*/

#sidebar-home {
    position: absolute;
    right: 100px;
    width: 250px;
    z-index: 99;
}
.agenda-home h2,
.agenda-home{
    position: relative;
}
.agenda-home h2::before,
.agenda-home h2:before {
    left: 8px;
    top: -28px;
}

/*---------------------------------------------
//  Clients-Icons- Footer
//---------------------------------------------
*/

.clients-icons{
    background: #dfdfdf;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    box-shadow: 1px 4px 11px rgba(0, 0, 0, 0.3) inset;
}

.clients-icons img {
    max-height: 70px;
    width: auto;
    vertical-align: middle;
}


/*---------------------------------------------
//  mediaqueries tablets & smartphones
//---------------------------------------------
*/

@media only screen and (max-device-width: 1024px) {
	#header-container,
	#middle-container,
	#access-home-container,
	#footer-container{
		width: 1024px;
	}


}