/* Website Gorka Yarritu */

a { text-decoration: none; color: #333; }

.wpcf7 input{ font-size: 120%; padding: 8px; }
#contents .wpcf7 p{ margin: 0 0 10px 0; padding: 0; font-size: 120%; }
#about .wpcf7 p span.pago{ font-size: 110%; margin: 10px 0; }
#about .wpcf7 p span.wpcf7-list-item-label{ font-size: 120%; margin: 5px; display: inline-block; max-width: 250px; }
.wpcf7 input.wpcf7-submit{ font-size: 120%; padding: 0; }
#contents .wpcf7 p a{ font-size: 90%; }

.etiqueta{ margin: 10px 0;}
.etiqueta.uno{ 	font-family: 'Oswald', sans-serif; font-size: 22px; letter-spacing: 0.5px; color: #777; margin: 20px 0 10px 0;}
.etiqueta.uno.upp{ font-size: 20px; text-transform: uppercase; } 
.formu{ margin: 10px 0; }
.formu input, .formu select{ padding: 4px 10px; font-size: 14px;}
.formu input { padding: 6px 10px; }
.formu.boton input { padding: 0 10px; font-size: 14px; margin: 20px auto; }
.etiqueta.mini{  font-size: 14px; letter-spacing: 0.5px; color: #777; margin:10px 0 20px 0;;}
.formu.cheqs .wpcf7-list-item{ display: block; margin: 10px 0;	}
span.wpcf7-list-item{ margin: 0!important; display: block!important; }
.parts .formu span {  }
.parts .formu span.edad-01 input { }

a.botones{ background: #ffde40; color: #333; padding: 8px 12px; font-size: 16px; text-transform: uppercase; }
a.botones:hover{ background: #333; color: #fff; padding: 8px 12px; }

.portada.derecha a.botones{ background: #333; color: #fff!important;  }
a.botones:hover{ background: #000!important; color: #fff!important;  }

.rex{ margin: 20px auto; }

.formu .wpcf7-checkbox input, .formu .wpcf7-radio input { width: 25px; height: 25px;  }
.formu .wpcf7-radio .wpcf7-list-item-label, .formu .wpcf7-checkbox .wpcf7-list-item-label { position: relative; top: -5px; }

#contents .camps p{ font-size: 16px; margin: 0 0 10px 0;}

#contents p.completo{ color: red;}
#main.surfcamps .wpcf7 p.completo{ font-size: 14px; color: red;}

	#patrocina img.elecnor{ width:170px; height:auto; margin-top: 5px; }
	#patrocina img.styling{ width:140px; height:auto; margin-top: 20px; }
	#patrocina img.quik{ width:55px; height:auto; margin-top: 20px; }
	#patrocina img.roxy{ width:55px; height:auto; margin-top: 20px; }
	
	.bandaelecnor{ width: 100%; height: auto; }
	
.grecaptcha-badge { visibility: hidden; }
.wpcf7-form small, #main.surfcamps .wpcf7-form small a{ font-size: 10px; font-weight: normal; color: #bbb; margin: 0; display: inline-block; line-height: normal; }

#sb_instagram.sbi_fixed_height {
    box-sizing: border-box;
    overflow: visible!important;
}

.mapa{ width: 100%; margin: 30px 0 0 0; }

#contents {
	width: 970px;
	margin: 0 auto;
}
#contents > div {
	width: 960px;
}
#contents div.body {
	width: 940px;
}
#header > div {
    width: 940px;
}
#slider {
	height: 408px;
	width: 938px;
}
#adbox {
	height: 407px;
	width: 938px;
}
#adbox div.details {
	height: auto;
	width: auto;
}
#featured {
	width: 940px;
}
#featured li {
	width: 313px;
}
#featured li.kitchen {
	width: 312px;
}
#featured li > div:first-child {
	width: 314px;
	height: 209px;
}
div.contact {
	height: 225px;
	width: 254px;
}
div.blog {
	height: 225px;
	width: 626px;
}
div.blog > div {
	width: 254px;
}
#main {
	width: 448px;
}
#main.camps {
	width: 100%;
}
#main.camps h1, #main.camps h2 {
	clear:both;
}
#main.surfcamps {
	width: 40%; float: left;
}
#main.surfcamps span.wpcf7-list-item { display: block; }

#main.surfcamps input.wpcf7-form-control{ font-size: 14px; padding: 8px; width: 90%; }

#main.surfcamps .wpcf7-list-item-label{ font-size: 14px;}

#main.surfcamps .wpcf7-list-item input{ padding: 8px; border: 1px solid #333; }
#main.surfcamps .wpcf7 p { font-size: 16px; }

#main.surfcamps .wpcf7-list-item.first { margin: 10px 1em 0 1em; }

#main.surfcamps input.wpcf7-submit { width: 109px; padding: 0; }

#main.surfcamps a, #main.surfcamps .checkbox-909 { display: inline-block; font-size: 14px; }
#main.surfcamps .checkbox-909 .wpcf7-list-item.first{ margin: 0; padding: 0;}

.moanas{ font-size: 80%; }

#contact form .politicas { margin: 20px 0; }

#contact form .politicas input{ width: 20px; margin: 0 10px 0 0; }
.politicas span.wpcf7-list-item{ display: inline!important;}
.politicas a{ text-decoration: underline;}

.thumbcamps{
	width: 50%; float: right;
}
.thumbcamps img{
	width: 100%; height: auto;
}
.left {
	width: 448px; float:left;
}
.thumb.paginas {
	width: 420px; float:right;
}
.thumb.paginas img {
	width: 100%; height:auto;
}
#main.galeria {
	width: 100%;
}
#sidebar {
	width: 432px;
}
#sidebar div.body {
	min-height: 100px;
	width: 432px;
}
#sidebar div.contact {
	height: auto;
	width: 392px;
}
#contents #about, #contents #contact {
	min-height: 700px;
	width: 900px;
}
#contents #gallery {
	min-height: 1450px;
	width: 860px;
}
#gallery .frame {
	height: 264px;
	width: 418px;
}
#contents #blog {
	width: 860px;
}
#blog #sidebar {
	min-height: 700px;
	width: 240px;
}
#blog #main {
	min-height: 700px;
	width: 100%;
}
.single #blog #main {
	min-height: 700px;
	width: 580px;
}
#blog #main div.frame {
	height: auto;
	width: auto;
}
#pagination ul {
*width: 150px;
}
#contact form input {
	height: 27px;
	line-height: 27px;
	width: 440px;
}
#contact form input.wpcf7-submit {
	height: 34px;
	width: 109px;
}

div.wpcf7-response-output {
    margin: 0 0.5em 1em!important;
}
#contact textarea {
	height: 158px;
	width: 440px;
}
#footer > div {
	width: 940px;
}
#footer .posts {
	height: 300px;
	width: 302px;
}
#footer .posts li {
	width: 276px;
}
#links {
	width: 940px;
}
#links > div {
	height: auto;
}
#links > div.dos {
	width: 620px;
}
#links .showroom {
	width: 293px;
}
#newsletter {
	width: 284px;
}
#newsletter input {
	width: 269px;
}
#connect a {
	height: 33px;
}

#featured div.details {
	width: auto; height: 150px;
}

#featured li.contacto {
	width: 313px; height: 359px; background:#fff!important
}


.portada.izquierda { width:50%; height: 407px; }
.portada.derecha { width:50%; height: 407px;  }


.gallery img{ width:270px; height: auto; }

.camps .gallery-item{ width:30%; height:auto; display:inline-block; margin: 10px 8px 0 0; }
.camps .gallery br{ display:none; }
.camps .gallery .gallery-icon { float: none; margin: 0 0 0 0;  padding: 0; }
.camps .gallery{ float:none; margin:0 0 10px 0; }
#contents .camps p{ padding:0 }
#contents .camps .left p{ margin:0 0 20px 0; }
.thumb.paginas img{ width:98%; }
.thumb.paginas .gallery img{ width:100%; }

#contents div.body .camps h1, #contents div.body .camps h2 { margin:40px 0; float:left; width:100%; } 
#contents div.body .camps h1:first-child { margin:0 0 20px 0;  } 

.caption {
    color: #666;
    font-size: 11px;
    margin: -20px 0 20px;
    position: relative;
}

@media screen and (max-width: 970px) {
	
	
	
	#main.camps {
    width: auto;
}
.left {
    float: left;
    width: auto;
}

#contents {
	width: 626px;
	margin: 0 auto;
}
#contents > div {
	width: 100%;
}
#contents div.body {
	width: 100%;
}
#header > div {
    width: 626px;
}
#slider {
	height: 408px;
	width: 100%;
}
#adbox {
	height: 272px;
	width: 100%;
}
#adbox div.details {
	height: auto;
	width: auto;
}
#featured {
	width: 100%;
}
#featured li {
	width: 313px;
}
#featured li.kitchen {
	width: 312px;
}
#featured li > div:first-child {
	width: 314px;
	height: 209px;
}
div.contact {
	height: 225px;
	width: 254px;
}
div.blog {
	height: 225px;
	width: 626px;
}
div.blog > div {
	width: 254px;
}
#main {
	width: 448px;
}
#sidebar {
	width: 432px;
}
#sidebar div.body {
	min-height: 100px;
	width: 432px;
}
#sidebar div.contact {
	height: auto;
	width: 392px;
}
#contents #about, #contents #contact {
	min-height: 700px;
	width: 626px;
}
#contents #gallery {
	min-height: 1450px;
	width: 626px;
}
#gallery .frame {
	height: 264px;
	width: 418px;
}
#contents #blog {
	width: 626px;
}

#blog #sidebar {
	min-height: 700px;
	width: 240px;
}
#blog #main {
	min-height: 700px;
	width: 560px;
}
#blog #main div.frame {
	height: auto;
	width: auto;
}
#blog div.viewer {
    margin: 0 2% 30px 0;
    padding: 0 0 24px;
    float: left;
    width: 30%;
    min-height: 460px;
}
#pagination ul {
*width: 150px;
}
#contact form input {
	height: 27px;
	line-height: 27px;
	width: 440px;
}
#contact form input.wpcf7-submit {
	height: 34px;
	width: 109px;
}

div.wpcf7-response-output {
    margin: 0 0.5em 1em!important;
}
#contact textarea {
	height: 158px;
	width: 440px;
}
#footer > div {
	width: 300px;
}
#links > div.dos {
  width: 300px;
}
#footer .posts {
	height: 300px;
	width: 302px;
}
#footer .posts li {
	width: 276px;
}
#links {
	width: 100%;
}
#links > div {
	height: auto;
}
#links .showroom {
	width: 200px;
}

#connect a {
	height: 33px;
}

.thumb.paginas {
    float: left;
    width: 100%;
}

}


.portada.izquierda {float:left; }
.portada.derecha { float:left;}

.portada.derecha.uno { background: #ffde40; }
.portada.derecha.dos { background: #ffde40; }
.portada.derecha.tres { background: #ffde40; }


body {
	background: #211917 url(images/bg-body.png) repeat-y center top;
	font-family: 'Quattrocento Sans', sans-serif;
	margin: 0;
}
img {
	border: 0;
	max-width:100%;
	height:auto;
}
/*------------------------------ Sprites ------------------------------*/
#contents, #contents > div, #contents div.body {
	background:#fff;
}
.wpcf7-submit, .btn2 {
	background: url(images/buttons.png) no-repeat;
	cursor: pointer;
	font: 14px/24px "Oswald";
	text-decoration: none;
	text-transform: uppercase;
}
.frame {
	background: none;
}
#connect a, #blog .comments {
	background: url(images/icons.png) no-repeat;
}
#sidebar, #sidebar div.body {
	background-image: url(images/bg-sidebar.png);
	background-repeat: no-repeat;
}
.wpcf7-submit {
	background-position: 0 0;
	color: #966a01;
	display: block;
	height: 34px;
	line-height: 34px;
	width: 109px;
	border: none;
	text-align: center;
}
.wpcf7-submit:hover {
	background-position: -114px 0;
}
.btn2 {
	background-position: -13px -39px;
	font-size: 11px;
	height: 26px;
	width: 83px;
	border: 0;
	margin: 0;
}
.btn2:hover {
	background-position: -127px -39px;
}
/** Date Time **/
.time {
	float: left;
	background: url(images/bg-time.png) no-repeat left top;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	display: block;
	height: 42px;
	width: 32px;
	margin: 0 5px 15px 0;
	padding: 2px 5px;
	text-align: center;
	text-transform: uppercase;
}
/** Tabs **/
.tabs {
	float: right;
	display: inline-block;
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
}
.tabs li {
	float: left;
	border-left: 1px solid #241b18;
	margin-left: 15px;
	padding-left: 15px;
}
.tabs li:first-child {
	border: 0;
}
.tabs a {
	color: #241b18;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}
.tabs a:hover, .tabs li.selected a {
	color: #af8112;
}
/** Posts **/
.posts {
	list-style: none;
	margin: 0;
	padding: 0;
}
.posts li {
	display: inline-block;
	font-size: 13px;
}
.posts p {
	color: #4b3a33;
	padding-left: 50px;
}
.posts p b {
	display: block;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	margin: 0 0 3px;
}
.posts p a {
	color: #4b3a33;
	display: block;
	font-family: 'Oswald', sans-serif;
	text-decoration: none;
}
.posts p a:hover {
	color: #241b18;
}
/*------------------------------ HEADER ------------------------------*/
#header {
	background: #fff url(images/header.png) repeat-x bottom left;
	height: 130px;
	border-bottom: 1px solid #fff;
	padding: 5px 0 0;
}
.center {
	margin: 0 auto;
	padding: 0 10px;
}

#logo {
	float: left;
	padding:0 0 0  0;
}

#patrocina {
	float: right;
	background:none;
	height:77px;
}
#patrocina span  {
	float: left;
}
#footer #patrocina span  {
	float: none;
	width:300px;
	display:block;
	margin:0 0 10px 0;
}
#footer #patrocina  {
	float: none;
	width:280px;
	display:block;
	background:none;
}
#patrocina span a {
	display: inline;
}
.menu {
	display: inline-block;
	margin: 2px 0 0 0;
	padding: 0;
	clear:both;
	float:left;
}
.menu ul {
	margin:0; padding:0;
}
.menu li {
	float: left;
	margin: 0 15px 0 0;
	list-style: none;
}
.menu li:first-child {
	margin-left: 0;
}
.menu li a {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	padding: 15px 0;
	text-decoration: none;
	text-transform: uppercase;
	display:block;
}
.menu li a:hover, .menu li.current_page_item a, li.current_page_parent a {
	color: #ffc947;
}

.menu li.menu-item-967 a, .menu li.menu-item-971 a{ background: #ff8400;
color: #fff;
width: 150px;
height: 14px;
position: relative;
top: 5px;
text-align: center;
line-height: 14px;
font-size: 18px;
letter-spacing: 1px; }
.menu li.menu-item-967 a:hover, .menu li.menu-item-971 a:hover{ background: #ec7b02;
color: #fff;
 }

.redes{ display:block; float:right; margin:0; padding:0; }
.redes a{ display:block; width:25px; height:25px; float:left; margin:16px 0 0 10px; background:white; overflow:hidden; text-indent:-800em; }
.redes a.facebook{ background: url(images/redes/facebook.png) no-repeat; }
.redes a.instagram{ background: url(images/redes/instagram.png) no-repeat;  margin:16px 0 0 0px; }
.redes a.rss{ background: url(images/redes/rss.png) no-repeat; }

.idiomas{ display:block; float:right; margin:0 0 0 20px; padding:0; }

.idiomas a{ margin: 0 0 0 10px; }


.idiomas li.wpml-ls-current-language a{ color: #ffc947; }


/*------------------------------ CONTENTS ------------------------------*/


#contents {
	background-position: -961px top;
	background-repeat: repeat-y;
	margin: 0 auto;
}
#contents > div {
	background-position: -1931px bottom;
	padding: 0 5px 10px;
}
#contents div.body {
	background-position: 1px top;
	display: inline-block;
	padding: 0 10px 40px 10px;
}
#contents div.body h1, #contents div.body h2 {
	color: #241b18;
	font-family: 'Oswald', sans-serif;
	font-size: 34px;
	font-weight: normal;
	margin: 0 0 18px;
	text-transform: uppercase;
}
#contents p {
	color: #626161;
	font-size: 14px;
	line-height: 24px;
	margin: 0;
	padding: 0 0 24px;
	text-align: left;
}

#contents p a {
	color: #626161;
}
#contents p a:hover {
	color: #8e8265;
}
/** Adbox **/
#adbox {
	border-color: #fff;
	border-width: 1px;
	border-style: none solid solid;
	margin: 0;
	position: relative;
}
#adbox span.info {
	display: inline-block;
	font-size: 14px;
	text-align: center;
	position: absolute;
	left: 330px;
	bottom: 25px;
}
#adbox span.info em {
	display: block;
	font-size: 24px;
	font-style: normal;
}
#adbox div.details {
	padding: 50px;

}
#adbox div.details h1, #adbox div.details h2 {
	color: #241b18;
	font-family: 'Oswald', sans-serif;
	font-size: 34px;
	font-weight: normal;
	margin: 0 0 24px;
	text-align: center;
}
#adbox div.details p {
	color: #241b18;
	font-size: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
/** Featured **/
#featured {
	display: inline-block;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}
#featured a { text-decoration:none; }
#featured div.details a:hover h4{ color:#fff; }

#featured li .more a { position:absolute; bottom:5px; right:25px; font-size:50px; color:#B6B6B6 }
#featured li .more a:hover { color:#FFC947 }

#featured li {
	float: left;
	background-color: #4b3a33;
	overflow: hidden;
	position:relative;
}

#featured li:nth-child(2n+2) {  
  background-color: #241b18;
}


#featured li.kitchen {
}
#featured li > div:first-child {
	overflow: hidden;
	position: relative;
}
#featured li > div:first-child > a {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top:0;
	left: 0;
}
#featured li > div:first-child > a:hover {
	background-color: #fff;
	filter:alpha(opacity=10); /** Needed for IE8 and below **/
	opacity:0.1;
}
#featured div.details {
	background: url(images/separator-light.png) repeat-x left top;
	padding: 16px 20px 0;
}
#featured div.details h4 {
	color: #ffc947;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	margin: 0 0 6px;
	text-transform: uppercase;
	height: 25px;
	overflow: hidden;
}
#featured div.details p {
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}
#featured div.details p a {
	color: #fff;
	text-decoration: none;
}
#featured div.details p a:hover {
	color: #ffc947;
}
div.contact {
	float: left;
	background: url(images/separator-light-vertical.png) repeat-y right top;
	padding: 20px 40px 0 20px;
}

#contents div.contact p {
	color: #7b7b7b;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	padding-bottom: 0;
	text-transform: uppercase;
	 text-align:left
}
div.contact p b {
	color: #241b18;
	display: block;
	font-size: 24px;
	font-weight: normal;
	line-height: 30px;
	padding: 0 0 24px;
}
div.contact p b.email {
	text-transform: lowercase;
}
div.blog {
	display: inline-block;
	padding: 20px 0 0;
}
div.blog h4 {
	color: #7b7b7b;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 12px;
	padding-left: 21px;
	text-transform: uppercase;
}
div.blog > div {
	float: left;
	background: url(images/bg-box.png) no-repeat left top;
	margin: 0 21px;
	padding: 0 0 0 15px;
	position: relative;
}
div.blog > div img {
	float: right;
	margin-left: 20px;
}
div.blog span {
	color: #4b3a33;
	display: block;
	font-size: 12px;
	margin: 18px 0 0;
}
#contents div.blog > div p {
	color: #4b3a33;
	font-family: 'Oswald', sans-serif;
	line-height: 18px;
	padding: 12px 0;
	text-align: left;
}
div.blog a.more {
	color: #4b3a33;
	font: 12px/24px 'Oswald';
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
	bottom: 18px;
	left: 15px;
}
div.blog a.more:hover {
	color: #af8112;
}
.gallery .gallery-icon{ float:left; padding:0; margin:0 5px 5px 0; }
.gallery .gallery-icon a{ padding:0; margin: 0; display:block }

.gallery { margin:0 0 25px 0; float:left; }

.gallery-columns-4 .gallery-item{ width: 50%; max-width: 180px; float: left; margin: 0; }
#blog div.viewer .gallery-columns-4 img{ margin: 0; }
.gallery-columns-4 br{ display: none; }

.ssba { clear:both;}

span.contact{ font-family: 'Oswald', sans-serif;
    text-align: left;
    text-transform: uppercase;
	font-size:18px
}

span.contact a{
	text-decoration:none;
	font-size:16px
}

/** Main **/
#main { float:left;
}
/** Sidebar **/
#sidebar {
	float: right;
	background-position: 0 0;
	margin-left: 20px;
	padding: 2px 0 0;
}
#sidebar div.body {
	background-position: -438px 0;
	background-repeat: repeat-y;
	min-height: 100px;
	padding: 10px 0 0;
	text-align: center;
}
#sidebar div.contact {
	background: none;
	height: auto;
	padding: 20px 20px 0;
}
#sidebar div.contact p {
	text-align: center;
}
#contents #about, #contents #contact {
	padding: 20px 30px 40px 30px;
}
/** About **/
#about p span {
	font-size: 12px;
}
#about #main h1 {
	background: url(images/separator-light.png) repeat-x left bottom;
	padding: 0 0 18px;
}
#about #main h4 {
	color: #626161;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 29px;
	margin: 0 0 12px;
	text-transform: uppercase;
}
#about #main h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	font-weight:normal;
}
/** Gallery **/
#contents #gallery {
	padding: 20px 50px 0;
}
#gallery h1 {
	background: url(images/separator-light.png) repeat-x left bottom;
	padding: 0 0 6px;
}
#gallery .items {
	list-style: none;
	margin: 0;
	padding: 0;
}
#gallery .items li {
	background: url(images/separator-light.png) repeat-x left bottom;
	display: inline-block;
	width: 100%;
	margin: 0 0 18px;
	padding: 0 0 24px;
}
#gallery .items li h5 {
	color: #241b18;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 18px;
	text-transform: uppercase;
}
#gallery .items li p {
	color: #626161;
	padding-right: 10px;
}
#gallery .frame {
	float: left;
	background-position: 0 0;
	margin-left: -38px;
	padding: 1px 21px 0 41px;
	text-align: center;
}
#gallery .details {
	margin: 0 0 18px;
}
#gallery .items .details h5 {
	margin: 0;
}
#gallery .details p {
	color: #626161;
	padding: 0;
}
#gallery .details p b {
	color: #241b18;
	font-weight: normal;
	text-transform: uppercase;
}
#gallery .price {
	color: #ab7d0f;
	font-size: 22px;
}
/** Blog **/
#contents #blog {
	padding: 20px 50px 10px;
}
#blog #sidebar {
	background: url(images/separator-light-vertical.png) repeat-y left top;
	margin-left: 0;
	padding-left: 33px;
}
#blog #sidebar > div {
	background: url(images/separator-light.png) repeat-x left top;
	margin: 0 0 24px;
	padding: 24px 0 0;
}
#blog #sidebar > div ul {
	color: #4b3a33;
	list-style: none;
	margin: 0;
	padding: 0 30px 0 0;
}
#blog #sidebar > div:first-child {
	background: none;
	margin: 0;
	padding-top: 0;
}
#blog #sidebar > div ul li a {
	color: #4b3a33;
	font: 13px/24px "Oswald";
	text-decoration: none;
}
#blog #sidebar > div ul li a:hover {
	color: #000;
	text-decoration:underline;
}
#blog #sidebar h5 {
	color: #241b18;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 30px;
	padding: 0;
	text-transform: uppercase;
}
#blog .posts {
	margin: -6px 0 0;
}
#blog #sidebar .time {
	margin: 5px 5px 0 0;
}
#blog #sidebar .posts p {
	color: #4b3a33;
	font-size: 12px;
	line-height: 18px;
	padding-left: 50px;
	text-align: left;
}
#blog #main {
	position: relative;
}
#blog div.viewer {
	background: url(images/separator-light.png) repeat-x left bottom;
	margin: 0 2% 30px 0;
	padding: 0 0 24px;
	float: left;
	width: 30%;
	min-height: 450px;
}
.leermas{ font-size: 10px; text-transform: uppercase; font-weight: bold; color: #666;}
.single #blog div.viewer {
	background: url(images/separator-light.png) repeat-x left bottom;
	margin: 0 0 30px 0;
	padding: 0 0 24px;
	float: left;
	width: 100%;
	min-height: 450px;
}
#blog div.viewer img {
	width: 100%;
	max-width: 100%;
	height:auto;
	margin-bottom: 15px;
}
.wp-caption{ max-width:100%; height:auto; }
#contents p.wp-caption-text { font-size:12px; }
iframe { max-width:100%; height:auto; }

span.time {
	font-size: 14px;
	line-height: 18px;
	margin: 3px 5px 0 0;
}
#blog #main h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	text-transform: uppercase;
	font-size: 12px;
}
#blog #main h3 a {
	color: #000;
	text-decoration: none;
}
#blog #main div.frame {
	margin: 0 0 18px 0;
	padding: 0px;
}
#blog #main div.frame img {
	width: 100%; height:auto;
}
#blog .info {
	color: #626161;
	font-size: 10px;
	line-height: 24px;
	padding: 0 0 6px;
	text-transform: uppercase;
}
#blog .info a {
	text-decoration: none;
}
#blog .more, #blog .comments {
	color: #241b18;
	font: 12px/24px "Oswald";
	text-decoration: none;
	text-transform: uppercase;
}
#blog .more {
	float: right;
}
#blog .comments {
	background-position: 0 -45px;
	padding-left: 20px;
}
#blog div.viewer a:hover, #blog .info a:hover, #pagination > a:hover, #blog #main h3 a:hover {
	color: #b1861f;
}
#blog #pagination {
	position: relative;
}
/** Pagination **/
#pagination {
	display: inline-block;
	width: 100%;
	text-align: center;
}
#pagination .previous, #pagination .next {
	float: left;
	background-position: 0 -67px;
	color: #241b18;
	display: inline-block;
	height: 15px;
	padding-left: 24px;
	text-decoration: none;
	text-transform: uppercase;
}
#pagination .next {
	float: right;
	background-position: right -88px;
	padding-left: 0;
	padding-right: 24px;
}
#pagination ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#pagination ul li {
	float: left;
	color: #626161;
	font-size: 14px;
	line-height: 20px;
	margin: 0 2px;
}
#pagination ul li a {
	background-color: #d2d2d2;
	color: #626161;
	font-size: 13px;
	padding: 2px 7px;
	text-decoration: none;
}
#pagination ul li a:hover, #pagination ul li.selected a {
	background-color: #ffc947;
	color: #241b18;
}
#pagination ul li img {
	margin: 0 4px -2px 4px;
}
/** Contact **/
#contact form {
	background: url(images/separator-light.png) repeat-x left top;
	padding: 30px 0 0;
}
#contact form label {
	color: #626161;
	display: block;
	font-size: 14px;
	line-height: 24px;
}
#contact form input {
	color: #626161;
	font-size: 13px;
	line-height: 27px;
	border: 3px solid #af8112;
	margin: 0 0 12px;
}

#contact form .checkbox-909 input {
	color: #666;
	font-size:100%;
	line-height: normal;
	border: 1px solid #ccc;
	margin: 0 10px 0 0;
	display: inline-block;
	height: auto;
	width: auto;
}




#contact form input.wpcf7-submit {
	color: #966a01;
	cursor: pointer;
	font-family: 'Oswald', sans-serif;
	line-height: 34px;
	border: 0;
	padding: 0 0 2px;
	text-transform: uppercase;
}
#contact textarea {
	color: #626161;
	font-size: 14px;
	line-height: 24px;
	border: 3px solid #af8112;
	margin: 0 0 12px;
	overflow: auto;
	resize: none;
}


#contents p a.links{ text-transform:none; color:#000; }
#contents p a.links:hover{ text-transform:none; color:#666; }

/*------------------------------ FOOTER ------------------------------*/
#footer {
	background-color: #e2b241;
	border-top: 1px solid #fff;
	padding: 28px 0 84px;
}
#footer p {
	color: #4b3a33;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#footer > div {
	margin: 0 auto;
	padding: 10px;
	overflow:hidden:
	text-align:center;
}
#footer .posts {
	float: left;
	height: 300px;
	width: 302px;
	padding: 0;
}
#footer .posts li {
	width: 276px;
	margin: 0 0 30px;
	padding-left: 10px;
}
#footer .posts p a {
	line-height: 24px;
	margin: -3px 0 3px;
}
#links {
	background: url(images/separator-dark.png) repeat-x left bottom;
	color: #4b3a33;
	display: inline-block;
	padding: 0 0 20px;
}
#links h4 {
	color: #241b18;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 12px;
	padding-left: 10px;
	text-transform: uppercase;
	text-align:center;
}
#links > div {
	float: left;
	background: url(images/separator-dark-vertical.png) repeat-y left top;
	padding-left: 20px;
}
#links .showroom {
	background: none;
	padding-left: 0;
	padding-right: 0;
}
#links .showroom h4 {
	padding-left: 0;
}
#links .showroom img {
	margin-bottom: 12px;
}
#links .showroom p {
	font-size: 15px;
	margin: 0;
}
#links .showroom p em {
	color: #fff;
	display: block;
	font-style: normal;
	margin: 0 0 20px;
}
#links .showroom p a {
	color: #4b3a33;
	display: block;
}
#links .showroom p a:hover {
	color: #241b18;
}
#newsletter {
	background: url(images/separator-dark.png) repeat-x left bottom;
	margin: 0 0 16px 6px;
	padding: 0 0 20px;
}
#newsletter h4 {
	padding-left: 0;
}
#newsletter input {
	color: #4b3a33;
	line-height: 26px;
	border: 3px solid #af8112;
	margin: 0 0 6px;
	padding: 0 4px;
*margin-left: -6px; /** Needed for IE7 **/
}
#newsletter input.btn2 {
	color: #fff;
	width: 83px;
	border: 0;
	padding: 0px 0 2px;
}
#connect a {
	display: inline-block;
	margin: 0 10px;
}
#connect a.facebook {
	background-position: -46px -112px;
	width: 33px;
}
#connect a.googleplus {
	background-position: -46px -153px;
	width: 34px;
}
#connect a.twitter {
	background-position: -46px -194px;
	width: 40px;
}
#connect a.facebook:hover {
	background-position: 0 -112px;
}
#connect a.googleplus:hover {
	background-position: 0 -153px;
}
#connect a.twitter:hover {
	background-position: 0 -194px;
}
#footer .menu {
	float: right;
	display: inline-block;
	line-height: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer .menu ul {
	list-style: none; margin:0;
}
#footer .menu li {
	float: left;
	margin-left: 15px;
}
#footer .menu li:first-child {
	margin-left: 0;
}
#footer .menu li a {
	color: #ab7d0f;
	font: 11px/24px "Oswald";
	text-decoration: none;
	text-transform: uppercase;
	padding:0
}
#footer .menu li a:hover {
	color: #241b18;
}
#footer #footnote, #footer #footnote a {
	color: #ab7d0f;
	font: 11px/24px "Oswald";
	margin: 0;
	text-transform: uppercase; 
}

#footer #footnote, #footer #footnote a { margin: 0 0 0 10px; }

.page table td { padding:7px!important; border: 1px solid #ccc; }

.si_feed img{ width: 80px; height:auto; margin:0 2px 2px 0; }
.si_feed { width: 295px; height:auto; }

#featured li.contacto{ display:none }

@media screen and (max-width: 970px) {
	
	.menu { margin: 5px 0 0 0;}
	
	#cookie-notice .button.bootstrap{ display: block; margin:10px 0; }
	
	#featured li.contacto{ display:block }
	
	#patrocina {
    height: auto;
}
	
	
	#logo img {
    height: auto;
    margin-top: 2px;
    width: 287px;
}
	
	.si_feed { width: 255px; margin:0 auto;  }
	#sidebar { margin-left: 0; }
	#main{ width:100%}
	#blog #sidebar{ display:block; min-height:0; }
	#blog #sidebar { background: none; width:100%}
	.posts li { display: block; }
.portada.izquierda { width:313px; height: 271px; overflow:hidden; }
.portada.derecha { width:313px; height: 272px;  }
#adbox { height: 272px; }


	#patrocina img.elecnor{ width:120px; height:auto; margin-top: 5px; }
	#patrocina img.styling{ width:90px; height:auto; margin-top: 20px; }
	#patrocina img.quik{ width:35px; height:auto; margin-top: 20px; }
	#patrocina img.roxy{ width:40px; height:auto; margin-top: 20px; }

#header {
    height: 108px;
}

#adbox div.details {
    padding: 20px;
}
#adbox div.details h1 {
    font-size: 20px;
    margin: 0 0 10px;
}
#contents p {
    line-height: 20px;
}
#slider {
    height: 273px;
}
#contents div.body {
    padding: 0 0 30px 0;
}
#contents > div {
    padding: 0;
}
#contents, #contents > div, #contents div.body {
    background: #fff;
}

#links .showroom {
    background: url("images/separator-dark.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
	padding-bottom: 60px;
}
#links .showroom {
    width: 100%; text-align:center;
}
#links > div {
    background: url("images/separator-dark.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    padding: 20px 0;
	 width: 100%;
	 text-align:center;
}
#links > div.tres {
    background: none;
}
#sidebar, #sidebar div.body {
    background: none;
}
#contents #about, #contents #contact {
    min-height: 0;
    width: auto;
}
#contents #about, #contents #contact {
    margin: 20px 30px 40px;
	padding:0;
}
#contents #blog {
    margin: 20px;
	padding:0;
}
#blog #main {
    margin: 20px;
    min-height: 0;
    width: 560px;
}
#contents #blog {
    margin: 0;
    padding: 0 0 30px 0;
}
#sidebar {
}
#blog #sidebar {
    display: block;
    min-height: 0;
	margin:20px;
	float:none;
}
#blog #sidebar {
    padding-left: 0;
}

.center {
    margin: 0 auto;
    padding: 0;
}
span.contact {
    font-family: "Oswald",sans-serif;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
}
#contents #footer p {
    padding: 0 0 24px;
    text-align: center;
}
#footer .menu {
    margin: 0 20px 0 0;
    padding: 0;
}
}
	
	
	@media screen and (max-width: 639px) {
		
		.menu li.menu-item-967 a, .menu li.menu-item-971 a { top: 2px; width:300px;  }
	#patrocina img.elecnor{ width:120px; height:auto; margin-top: 5px; }
	#patrocina img.styling{ width:90px; height:auto; margin-top: 20px; }
	#patrocina img.quik{ width:35px; height:auto; margin-top: 20px; }
	#patrocina img.roxy{ width:40px; height:auto; margin-top: 20px; }
		
		#main.surfcamps { width: 90%; float: none; margin: 0 auto; }
		.thumbcamps{ width: 100%; float: none; margin: 0 auto; }
		#about #main.surfcamps h1{ font-size: 16px; margin: 20px 0; }
		#about #main.surfcamps h4{ font-size: 14px; margin: 5px 0 30px 0 ;line-height: 1.8em;}
		
		#contact form .checkbox-909 input {
	color: #666;
	font-size:100%;
	line-height: normal;
	border: 1px solid #ccc;
	margin: 0 10px 0 0;
	display: inline-block;
	height: 25px;
	width: 25px;
}

#footer .menu {
    display: inline-block;
    float: left;
    line-height: 24px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#footer .menu li {
    margin-left: 5px;
}

#contact form input {
    width: 90%;
}
#contact textarea {
    width: 90%;
}
#patrocina {
    height: auto;
    margin-top: 5px;
}

	
	#logo img {
    height: auto;
    margin-top: 2px;
    width: 300px;
}


#contents {
	width: 310px;
}
#main.camps {
    width: 270px;
    }
.formu input, .formu select, .formu textarea {
    max-width: 245px;
}
.etiqueta.uno {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    letter-spacing: 0.2px;
    }

#header > div {
    width: 310px;
}
div.blog {
	height: 225px;
	width: 310px;
}
#contents #about, #contents #contact {
	min-height: 700px;
	width: 310px;
}
#contents #gallery {
	min-height: 1450px;
	width: 310px;
}
#contents #blog {
	width: 310px;
}
#footer > div {
	width: 310px;
}

#header {
    height: 169px;
}
.redes {
    background: none repeat scroll 0 0 #000000;
    display: block;
    float: left;
    height: 40px;
    margin: 0;
    padding: 0;
    width: 50%;
}
.redes a {
    display: block;
    float: left;
    height: 25px;
    margin: 10px 0 0 20px;
    overflow: hidden;
    text-indent: -800em;
    width: 25px;
}
.redes a.instagram {
    margin: 10px 0 0 10px;
}
.idiomas{ background: #000; width: 50%; margin: 0; }
.idiomas .menu li a{ padding: 8px 0; margin: 0 20px 0 0 }
.idiomas ul, .idiomas li{ display: inline-block; text-align: right; float: none; }
.menu-idiomas-container{ text-align: right; }
.menu li, .menu ul{ float: none; display: inline-block; text-align: center; margin: 0; }
.menu li a{ display: inline-block; margin: 0 5px;}

#contents {
    overflow: hidden;
}
#slider {
    height: 545px;
}

#footer {
    padding: 0;
}
#footer > div {
    padding: 0;
}
#links {
    margin: auto;
    padding: 0;
}
#footer .menu {
    margin: 10px;
    padding: 0;
}
#footer #footnote {
    margin: 20px 10px;
}
#contents #about, #contents #contact {
    margin: 0;
    padding: 0 0 30px 0;
}
#main {
    margin: 20px;
    width: 270px;
}
#sidebar {
    width: 300px;
}
#sidebar div.body {
    width: 100%;
}
#sidebar div.body img {
    height: auto;
    margin: 10px;
    width: 290px;
}
#sidebar div.contact {
    margin: 20px;
    width: 280px;
	padding:0;
}
#blog #main {
    margin: 20px;
    min-height: 0;
    width: 280px!important;
}
#blog div.viewer {
    margin: 0 0 30px;
    padding: 0 0 24px;
    width: 270px;
}
#blog #main div.frame {
    height: auto;
    width: 100%;
}

#blog .info {
    text-align: left;
}
.posts li {
    display: block;
    float: left;
    margin-bottom: 10px;
}
div.contact p b {
    font-size: 20px;
}
#blog #pagination {
    bottom: 0;
    position: relative;
}
#pagination ul li a {
    background-color: #D2D2D2;
    color: #626161;
    display: block;
    font-size: 13px;
    height: 35px;
    padding: 2px 7px;
    text-decoration: none;
	 line-height: 35px;
}
#pagination .previous, #pagination .next {
    background-position: 0 -67px;
    color: #241B18;
    display: inline-block;
    float: left;
    height: 35px;
    padding-left: 0;
    text-decoration: none;
    text-transform: uppercase;
	 margin: 5px 0;
}

.menu li a {
    font-size: 15px;
}
.menu-menu-principal-container{ text-align: center; }
.menu{ float: none; }
iframe { width:100%; height:auto; margin:20px 0; }
iframe.ifportada { margin:1px 0; }

#adbox.video {
    height: 545px;
}

.flexslider .slides #adbox.video img {
    display: block;
    height: 100%;
    width: auto;
}

.camps .gallery-item {
    display: inline-block;
    height: auto;
    margin: 10px 8px 0 0;
    width: auto;
}

#contents #footer p {
	text-align: center;
}

#main.surfcamps input.wpcf7-submit { margin: 20px auto 0 auto; }

	}
	
	

	
	
	

 #slider{ background: #000 url(images/loading.gif) no-repeat center center; overflow:hidden;   }

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* 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;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* 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: "\0020"; 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 Default Theme
*********************************/
.flexslider { margin: 0; background: none; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; top: 10px; text-align: right; right:10px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #000; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; text-indent:200em;}
.flex-control-paging li a:hover { background: #eee;  }
.flex-control-paging li a.flex-active { background: #fff; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}