/*
Theme Name: Eticplay
Theme URI: https://www.eticdata.com/theme-wp/eticplay
Author: Emili Biel - EticData
Author URI: https://www.eticdata.com/
Description: Theme responsive creado en exclusiva para la web de Anorak
Version: 1.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, right-sidebar, footer-widgets, post-formats, translation-ready, full-width-template, theme-options, threaded-comments
Text Domain: eticplay
Domain Path: /languages

Tested up to: 5.8
Requires PHP: 7.3
*/


html {
	margin: 						0;
    padding: 						0;
    border: 						0;
	width: 							100%;
	min-height: 					100%;
	font: 							inherit;
	overflow-y: 					scroll;
	-webkit-text-size-adjust: 		100%;
	-ms-text-size-adjust: 			100%;
}

body { 
	margin: 						0;
	padding: 						0;
	font-family: 					'Nunito Sans', sans-serif;
	color: 							#000000;
	font-size: 						14px;
	font-weight: 					400;
	line-height: 					20px;
	text-decoration:				none;
	background-color: 				#f6f6f6;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
	padding: 0;
	margin: 0;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* Tipografia
-------------------------------------------------------------- */
h1 { display: block; }
h2 { display: block; }
h3 { display: block; }
h4 { display: block; }
h5 { display: block; }
h6 { display: block; }

p { margin: 0; color: #5e5e5e; font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none; } 
a { color: #030303; font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none; }
a:hover { 
	color: 							#dddddd;
	text-decoration: 				none;
	
	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
	    -ms-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;
}
a:link, a:visited, a:active { text-decoration: none }
	
a.smaller { font-size: 12px; margin: 18px 0px; padding: 10px 14px; }
a.smaller:active { padding: 11px 14px 9px; }

dl {
	margin:							0.8em 0 0.3em;
	color: 							#000000;
	font-family: 					'Nunito Sans', sans-serif;
	font-size: 						14px;
	font-weight:					400;
	line-height:					20px;
}

ul { list-style: none; font-family: 'Nunito Sans', sans-serif; color: #000000; font-size: 14px; font-weight: 400; line-height: 20px; }
li { list-style: none; font-family: 'Nunito Sans', sans-serif; color: #000000; font-size: 14px; font-weight: 400; line-height: 20px; }
ol { list-style: none; font-family: 'Nunito Sans', sans-serif; color: #000000; font-size: 14px; font-weight: 400; line-height: 20px; }

i, em { font-style: italic; }
strong { font-weight: 700; }
code, pre { border: 1px dotted #dddddd; color: #000000; font: 14px/18px 'Nunito Sans', sans-serif; padding: 0 5px; }
pre { margin-bottom: 10px; margin-top: 10px; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }

img { height: auto; max-width: 100%; margin: 0; padding: 0; border: none; }


/* Estructura, Elementos
-------------------------------------------------------------- */

aside,
details,
figcaption,
figure,
footer,
header,
iframe,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}


hr {
	border-style: 					solid;
	border-color: 					#dddddd;
	border-bottom: 					none;
	border-left: 					none;
	border-right: 					none;
	margin: 						30px 0 30px 0;
}


/* WP post_class()
--------------------------------------- */
.post {}

.entry { 
	margin-bottom: 					125px;
	font-family: 					'Nunito Sans', sans-serif;
	color: 							#000000;
	font-size: 						15px;
	font-weight: 					400;
	line-height:					20px;
}

.hentry { border-bottom: none; padding-bottom: 20px; }

.current { text-transform: uppercase; margin-left: 17px; }

.sticky { position: relative; }

.post:not(.sticky) .icon-thumb-tack { display: none; }

.sticky .icon-thumb-tack {
	display: 						block;
	height: 						18px;
	left: 							-1.5em;
	position: 						absolute;
	top: 							1.65em;
	width: 							20px;
}


/* Espaciados
--------------------------------------- */
.space-20 { display: block; margin: 0; padding: 0; height: 20px; }
.space-30 { display: block; margin: 0; padding: 0; height: 30px; }
.space-40 { display: block; margin: 0; padding: 0; height: 40px; }
.space-50 { display: block; margin: 0; padding: 0; height: 50px; }
.space-60 { display: block; margin: 0; padding: 0; height: 60px; }
.space-70 { display: block; margin: 0; padding: 0; height: 70px; }
.space-80 { display: block; margin: 0; padding: 0; height: 80px; }
.space-90 { display: block; margin: 0; padding: 0; height: 90px; }


/* Elimina espacio entre columnas
--------------------------------------- */
.nopadding {
   padding: 						0 !important;
   margin: 							0 !important;
}


/* Alineaciones
--------------------------------------- */
.center { display: inline-block; margin: 0; padding: 0; width: 100%; height: auto; text-align: center; }


/* Video Responsive
--------------------------------------- */
.video-container {
    position: 						relative;
	margin-bottom: 					30px;
    padding-bottom: 				56.25%;
    padding-top: 					30px;
	height: 						0;
	overflow: 						hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: 						absolute;
    top: 							0;
    left: 							0;
    width: 							100%;
    height: 						100%;
}


/* Google Maps Responsive
--------------------------------------- */
.google-maps {
	position: 						relative;
	padding-bottom: 				75%;
	height: 						0;
	overflow: 						hidden;
}
.google-maps iframe {
	position: 						absolute;
	top: 							0;
	left: 							0;
	width: 							100% !important;
	height: 						100% !important;
}


/* Tabla
-------------------------------------------------------------- */
table { width: 100%; border-collapse: collapse; }
table caption { padding: 1em 0; text-align: center; }
table img { left: 0; top: 0; }

thead td, th { 
  background-color: 				#ffffff;
  color: 							#dddddd;
  font-weight: 						400;
  vertical-align: 					top;
}

/* Zebra striping */
tr:nth-of-type(odd) { background: #ffffff; }

th { 
  background: 						#ffffff; 
  color: 							#dddddd; 
  font-weight: 						400; 
}

td, th { 
  padding: 							6px; 
  border: 							1px solid #dddddd; 
  text-align: 						left;
  vertical-align: 					top;
}

.file { text-align: center; }


/* Paginacion Entradas/Noticias
-------------------------------------------------------------- */
.pagination {
	clear:							both;
	display: 						block;
	float: 							none;
	margin:							0 auto;
	padding: 						5px 15px;
	width:							100%;
	text-align: 					center;
}
.custom-pagination {
	background: 					#ffffff;
	font-family: 					'Nunito Sans', sans-serif;
	font-size: 						14px;
}
.custom-pagination span,
.custom-pagination a {
	display: 						inline-block;
	padding: 						2px 10px;
	font-family: 					'Nunito Sans', sans-serif;
}
.custom-pagination a {
	background-color: 				#ebebeb;
	color: 							#000000;
	font-family: 					'Nunito Sans', sans-serif;
}
.custom-pagination a:hover {
	background-color: 				#999999;
	color: 							#ffffff;
	font-family: 					'Nunito Sans', sans-serif;
}
.custom-pagination span.page-num {
	margin-right: 					10px;
	padding: 						0;
	font-family: 					'Nunito Sans', sans-serif;
}
.custom-pagination span.dots {
	padding: 						0;
	color: 							gainsboro;
	font-family: 					'Nunito Sans', sans-serif;
}
.custom-pagination span.current {
	background-color: 				#999999;
	color: 							#ffffff;
	font-family: 					'Nunito Sans', sans-serif;
}


/* Comentarios
-------------------------------------------------------------- */
#comments { border-top: 1px solid #dddddd; margin: 0; padding: 0; }

.comments-area a { color: #dddddd; }
.comments-area a:hover { color: #000000; }

#comments h4 { display: block; color: #999999; text-align: center; }

#comments-title { display: block; font-size: 16px; color: #000000; margin: 40px 0; }

.comment-body { display: block; }

.comment-single { margin-top: 150px; }

.comment-meta { margin-bottom: 15px; color:	#000000; text-transform: uppercase; font-size: 10px; }

.nocomments { display: block; margin: 40px 0; font-size: 16px; color: #999999; text-align: center; }

.commentlist { list-style: none; margin: 0; }
.commentlist .comment {
  	margin: 						0 0 40px 0;
  	padding: 						20px;
  	position: 						relative;
  	list-style: 					none;
  	-moz-box-shadow: 				0 0 3px rgba(0, 0, 0, 0.2);
  	-webkit-box-shadow: 			0 0 3px rgba(0, 0, 0, 0.2);
  	box-shadow: 					0 0 3px rgba(0, 0, 0, 0.2);
}
.commentlist .comment .children { margin-top: 40px; }
.commentlist .comment-author { display: block; font-size: 16px; color: #000000; font-weight: 400; }
.commentlist .comment-author a { display: block; font-size: 16px; color: #999999; font-weight: 400; }
.commentlist .comment-author a:hover { color: #000000; }
.commentlist .comment-author img { position: absolute; }
.commentlist .comment-author .says { display: none; }

.commentlist a { font-size: 14px; color: #999999; font-weight: 300; }
.commentlist a:hover { color: #000000; }

.comment-subscription-form,
.comment-subscription-form {
  	margin-bottom: 				0;
  	font-size: 					14px;
}

#respond { margin-bottom: 80px; }
#respond > h3 { font-size: 16px; margin-bottom: 20px; }
#respond form label { color: #999999; }

.bypostauthor {
	border-top: 					1px solid #999999;
	margin-top:						20px;
	padding-top:					20px;
}

.commentlist .bypostauthor > .comment-body { }

.commentlist .comment .comment-reply-link {
  	display: 						inline-block;
  	margin: 						0;
  	padding: 						9px 20px 7px 20px;
  	background-color: 				#999999;
  	color: 							#000000;
  	vertical-align: 				middle;
  	text-align: 					center;
  	font-weight: 					400;
  	font-size: 						14px;
  	line-height: 					1;
  	cursor: 						pointer;
	border: 						none;
  
	-webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
}
.commentlist .comment .comment-reply-link:hover {
	-webkit-box-shadow: 			0 0 3px rgba(0,0,0,0.5);
  	-moz-box-shadow: 				0 0 3px rgba(0,0,0,0.5);
  	box-shadow: 					0 0 3px rgba(0,0,0,0.5);
	background-color: 				#dddddd;
	color: 							#000000;
}

#cancel-comment-reply-link {
  	font-size: 						14px;
  	font-weight: 					normal;
  	float: 							right;
}

.commentlist .comment .children { margin-top: 40px; }

.commentlist .children {
  	margin: 						20px 0 0;
  	padding-left: 					10px;
}
.commentlist .children > .comment {
  	padding-left: 23px 				!important;
}
.commentlist .children .comment {
  	border-left: 					1px solid #999999;
  	position: 						relative;
}
.commentlist .children .comment:before {
  	width: 							12px;
  	height: 						12px;
  	display: 						block;
  	background: 					#ffffff;
  	-webkit-border-radius: 			3px;
  	-moz-border-radius: 			3px;
  	-ms-border-radius: 				3px;
  	-o-border-radius: 				3px;
  	border-radius: 					3px;
  	border: 						1px solid #999999;
  	position: 						absolute;
  	top: 							30px;
  	left: 							-6px;
  	content: 						"";
  	z-index: 						60;
}
.commentlist .children .comment:after {
  	width: 							100px;
  	height: 						1px;
  	border-top: 					1px solid #999999;
  	display: 						block;
  	position: 						absolute;
  	top: 							36px;
  	left: 							-5px;
  	content: 						"";
  	z-index: 						50;
}


/* Alineacion de imagenes
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }

img#wpstats { display: none; }

.wp-caption {
    background: 					#ffffff;
    border: 						1px solid #999999;
    max-width: 						96%; /* Image does not overflow the content area */
    padding: 						5px 3px 10px;
    text-align: 					center;
}

.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img {
    border: 						0 none;
    height: 						auto;
    margin: 						0;
    max-width: 						98.5%;
    padding: 						0;
    width: 							auto;
}

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

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: 							rect(1px, 1px, 1px, 1px);
	position: 						absolute !important;
	height: 						1px;
	width: 							1px;
	overflow: 						hidden;
}

.screen-reader-text:focus {
	background-color: 				#999999;
	border-radius: 					3px;
	box-shadow: 					0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: 							auto !important;
	color: 							#bad532;
	display: 						block;
	font-size: 						14px;
	font-size: 						0.875rem;
	font-weight: 					bold;
	height: 						auto;
	left: 							5px;
	line-height: 					normal;
	padding: 						15px 23px 14px;
	text-decoration: 				none;
	top: 							5px;
	width: 							auto;
	z-index: 						100000; /* Above WP toolbar. */
}

/* blockquote
-------------------------------------------------------------- */
blockquote { 
	margin-top: 					40px;
	padding: 						20px;
	border: 						1px solid #999999;
}

blockquote p {
	margin: 						0;
	font-size: 						16px;
	line-height: 					24px;
	font-weight: 					400; 
	text-transform:					uppercase;
}

blockquote small {
  	display: 						block;
  	color: 							#000000;
  	font-weight: 					400;
  	font-size: 						14px;
  	line-height: 					20px;
	margin-top: 					10px;
}

blockquote small:before {
  	content: '';
}


/* Formularios
-------------------------------------------------------------- */

/* Botones
-------------------------------------------------------------- */

label {
	width: 							100%;
	margin-top: 					12px;
	font-family: 					'Nunito Sans', sans-serif;
	color: 							#000000;
	font-size: 						14px;
	font-weight: 					400;
	line-height:					20px;
	text-decoration:				none;
}

button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button,
input { line-height: normal; *overflow: visible; }

button,
html input[type="button"] {
  	border: 						none;
  	background: 					none;
  	cursor: 						pointer;
  	-webkit-appearance: 			button;
  	padding: 						0;
}

button:hover,
html input[type="button"]:hover {
  	-webkit-box-shadow: 			0;
  	-moz-box-shadow: 				0;
  	box-shadow: 					0;
}

button:focus,
html input[type="button"]:focus,
button:active,
html input[type="button"]:active {
  	-webkit-box-shadow: 			0;
  	-moz-box-shadow: 				0;
  	box-shadow: 					0;
}

button::-moz-focus-inner {
  	border: 						0;
  	padding: 						0;
}

input[type="reset"],
input[type="submit"] {
  	border: 						none;
  	background: 					#febb26;
  	color: 							#000000;
  	cursor: 						pointer;
  	-webkit-appearance: 			button;
  	font-size: 						14px;
  	line-height: 					1;
  	padding: 						1.12em 1.5em 1em;
	border-radius: 					50px;
}

input[type="reset"]:hover,
input[type="submit"]:hover {
	color: 							#ffffff;
	background: 					#999999;
  	-webkit-box-shadow: 			0 0 3px rgba(0,0,0,0.5);
  	-moz-box-shadow: 				0 0 3px rgba(0,0,0,0.5);
  	box-shadow: 					0 0 3px rgba(0,0,0,0.5);
}

input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="reset"]:active,
input[type="submit"]:active {
  	-webkit-box-shadow: 			0 0 3px rgba(0,0,0,0.5);
  	-moz-box-shadow: 				0 0 3px rgba(0,0,0,0.5);
  	box-shadow: 					0 0 3px rgba(0,0,0,0.5);
}

input[type="checkbox"],
input[type="radio"] {
  	box-sizing: 					border-box;
  	padding: 						0;
}

input::-moz-focus-inner {
  	border: 						0;
  	padding: 						0;
}

input[type=text],
input[type=email],
textarea {
  	color: 							#000000;
  	border: 						1px solid #D3D3D3;
	border-radius: 					10px;
}

input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
  	color: 							#000000;
}

input[type=text],
input[type=email] {
  	padding: 						3px;
}

textarea {
  	overflow: 						auto;
  	padding: 						10px;
  	vertical-align: 				top;
}

form input[type=text],
form input[type=tel],
form input[type=email],
form input[type=url],
form input[type=password],
form select,
form textarea {
	border: 						0;
	padding: 						8px 10px;
	border: 						1px solid #D3D3D3;
	border-radius: 					10px;
	width: 							100%;
	font-family: 					'Nunito Sans', sans-serif;
	font-size: 						14px;
	color: 							#000000;
	-moz-transition: 				background .2s ease-in-out, box-shadow .2s ease-in-out;
	-webkit-transition: 			background .2s ease-in-out, box-shadow .2s ease-in-out;
	-o-transition: 					background .2s ease-in-out, box-shadow .2s ease-in-out;
	-ms-transition: 				background .2s ease-in-out, box-shadow .2s ease-in-out;
	transition: 					background .2s ease-in-out, box-shadow .2s ease-in-out;
}

form input[type=text]:focus,
form input[type=tel]:focus,
form input[type=email]:focus,
form input[type=url]:focus,
form input[type=password]:focus,
form select:focus,
form textarea:focus {
	background: 					#ffffff;
	box-shadow: 					inset 0 2px 5px 0 rgba(0,0,0,0.05), 0 1px 0 0 rgba(255,255,255,0.025), inset 0 0 2px 1px #444444;
	-webkit-appearance: 			none;
}

.button {
  	display: 						inline-block;
  	margin-bottom: 					0;
  	padding: 						13px 26px;
  	-webkit-border-radius: 			0;
       -moz-border-radius: 			0;
            border-radius: 			0;
  	background-color: 				#febb26;
  	color: 							#000000;
  	vertical-align: 				middle;
  	text-align: 					center;
  	text-transform: 				uppercase;
  	font-weight: 					300;
  	font-size: 						16px;
  	cursor: 						pointer;
	border: 						none;
  
	-webkit-transition: 			all 0.1s linear;
       -moz-transition: 			all 0.1s linear;
         -o-transition: 			all 0.1s linear;
            transition: 			all 0.1s linear;
}

/*--- Hover/Active/Focus State ---*/

.button:hover,
.button:active,
.button:focus {
	background-color: 				#000000;
	color:							#ffffff;
}

.button a { color: #ffffff; }


/* --- Button Sizes --- */

.button.button-large { padding: 16px 30px; font-size: 20px; }
.button.button-small { padding: 8px 18px; font-size: 16px; }
.button.button-mini { padding: 4px 12px; font-size: 14px; }
.button.button-block { padding-right: 0; padding-left: 0; width: 100%; }
.button + .button { margin-left: 10px; }

.btn-news {
	display: 						inline-block;
	margin: 						25px 0 0 0;
	padding: 						6px 20px 6px 20px;
	vertical-align: 				middle;
  	text-align: 					center;
  	text-transform: 				uppercase;
	-webkit-border-radius: 			50px;
       -moz-border-radius: 			50px;
            border-radius: 			50px;
	-webkit-box-shadow: 			-5px 18px 10px rgba(0,0,0,0.2);
  	-moz-box-shadow: 				-5px 18px 10px rgba(0,0,0,0.2);
  	box-shadow: 					-5px 18px 10px rgba(0,0,0,0.2);
}
.btn-news a { font-family: 'Nunito Sans', sans-serif; font-size: 14px; color: #000000; cursor: pointer; text-transform: uppercase; }
.btn-news a:hover { color: #febb26; text-decoration: none;
	-webkit-transition: 			all .25s ease;
		-moz-transition: 			all .25s ease;
		 -ms-transition: 			all .25s ease;
		 -o-transition: 			all .25s ease;
			transition: 			all .25s ease;
}


/* Noticias Relacionadas
-------------------------------------------------------------- */
.relacionadas { width: 640px; margin: 20px 0 20px 0; float: left; font-size: 12px; }
.relacionadas h3 { color: #000000; font-size: 18px; margin: 0 0 20px 0; padding-bottom: 8px; border-bottom: 1px solid #dddddd; }

.miniaturarelacionada { margin: 0 1px 0 1px; float: left; }
.miniaturarelacionada img { margin: 0 0 15px 0; padding: 0; }
.miniaturarelacionada a { color: #000000; text-decoration: none; display:block; padding: 4px; width: 150px; }
.miniaturarelacionada a:hover { background-color: #dddddd; color: #000000; }

/* Galerias
-------------------------------------------------------------- */
.gallery { margin-bottom: 1.5em; }

.gallery-item {
	display: 						inline-block;
	text-align: 					center;
	vertical-align: 				top;
	width: 							100%;
	padding: 						1.79104477%;
}

.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-icon img { 
	margin: 						0 auto;
	max-width: 						100%;
	opacity: 						1;
	filter: 						alpha(opacity=100);
	
	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;	
}

.gallery-icon img:hover {
	opacity: 						0.65;
	filter: 						alpha(opacity=65);	
	
	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;
}

.gallery-caption {
	color: 							#000000;
	color: 							rgba(51, 51, 51, 0.7);
	display: 						block;
	font-family: 					'Interstate Regular', sans-serif;
	font-size: 						16px;
	font-size: 						1.1rem;
	line-height: 					1.5;
	padding: 						0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* back to top
-------------------------------------------------------------- */
.topbutton {
	display: 						none;
	height: 						50px;
	width: 							50px;
	position: 						fixed;
	right: 							30px;
	bottom: 						100px;
	padding: 						1em;
	z-index: 						1;
	background-image: 				url('assets/img/back-to-top-icon.png');
	background-repeat: 				no-repeat;
	background-color: 				#f6f6f6;
}

.topbutton:hover { }


/* Buscador
--------------------------------------- */
.buscador { margin: 0; padding: 0; }

form input[type=search] {
	border: 						0;
	padding: 						5px 10px 5px 30px;
	border-bottom: 					1px solid #444444;
	background: 					none;
	width: 							100%;
	font-size: 						12px;
	color: 							#444444;
}

form input[type=search]:focus { -webkit-appearance: none; }

.icon {
  	position: 						absolute;
  	top: 							2px;
  	margin: 						0;
  	z-index: 						1;
  	color: 							#444444;
	font-size: 						20px;
}

/*  Cargador  
---------------------------------------------------------*/
#preloader {
    position: 						fixed;
    top:							0;
	left:							0;
    right:							0;
	bottom:							0;
    background: 					#ffffff;
    z-index: 						99999;
}
#loader {
    width: 							296px;
    height: 						296px;
    position: 						absolute;
    left: 							50%;
	top: 							50%;
    background: 					url('assets/img/loader.gif') no-repeat center 0;
    margin:							-148px 0 0 -148px;
}


/* LAYOUT
-------------------------------------------------------------------------------------------------------------- */

article { clear: both; display: block; margin: 0; padding: 0; }

/* Header
-------------------------------------------------------------- */
header {
	display: 						block;
	position: 						fixed;
	z-index:						9999;
	width: 							100%;
	height:							80px;
	margin:							0;
	padding: 						10px 40px 10px 40px;	
}

header.fixed {
	width: 							100%;
	height:							80px;
	margin:							0;
	padding: 						10px 40px 10px 40px;
	-webkit-background-size: 		cover;
	-moz-background-size: 			cover;
	-o-background-size: 			cover;
	background-size: 				cover;
	background-color: 				#f6f6f6;
  	transition: 					all 0.4s ease;
}

/* Logo
--------------------------------------- */
.logo { float: left; position: absolute; margin: 10px 0; padding: 0; z-index: 99; }

.logo a {
	opacity: 						1;
	filter: 						alpha(opacity=100);
	
	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
	    -ms-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;	
}

.logo a:hover {
	opacity: 						0.65;
	filter: 						alpha(opacity=65);	
	
	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
	    -ms-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;
}


/* Menu
--------------------------------------- */
nav { position: absolute; margin: 0; padding: 0; }

.navbar {
	float: 							right;
	overflow: 						visible;
	margin: 						0;
	padding: 						12px 0;
	border-radius: 					0;
}

/* Menu
--------------------------------------- */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
	display: 						block;
  	position: 						relative;
  	border-radius: 					0;
  	-webkit-box-sizing: 			border-box;
  	-moz-box-sizing: 				border-box;
  	box-sizing: 					border-box;
	margin: 						0;
  	padding: 						0;
  	border: 						0;
  	list-style: 					none;
  	font-family: 					'Nunito Sans', sans-serif;
	line-height: 					1;
	text-transform: 				none;
}

/* Color boton menú presionado */
#cssmenu .current-menu-item a, #cssmenu .current_page_item a, #cssmenu .current-page-ancestor a, #cssmenu .current-lang a { color: #f6f6f6; }
/* Fin Color boton menú presionado */

#cssmenu:after,
#cssmenu > ul:after {
  	content: 						".";
  	display: 						block;
  	clear: 							both;
  	visibility: 					hidden;
  	line-height: 					0;
  	height: 						0;
}
#cssmenu #menu-button { display: none; }

#cssmenu > ul > li { 
	float: 							left;
	margin: 						0px 5px 0px 5px;
  	padding: 						0px;
}
#cssmenu > ul > li > a {
	margin:							0px;
	padding: 						11px 15px 11px 15px;
	vertical-align: 				middle;
  	text-align: 					center;
  	font-size: 						16px;
  	color: 							#000000;
  	font-weight: 					400;
	text-decoration: 				none;
	border: 						none;
}
#cssmenu > ul > li:hover > a { 
	padding: 						11px 15px 11px 15px;
	color:							#9a6e41;
}

#cssmenu ul ul {
  	position: 						absolute;
  	left: 							-9999px;
}

#cssmenu ul ul li {
  	height: 						0;
}
#cssmenu li:hover > ul { 
	left: 							auto;
}
#cssmenu li:hover > ul > li { 
	height: 						37px;
	/* Transicion menu desplegable */
	-moz-transition-duration:		.3s;
	-webkit-transition-duration:	.3s;
	-o-transition-duration:			.3s;
	transition-duration:			.3s;
}
#cssmenu ul ul ul {
  	margin-left: 					100%;
  	top: 							0;
}
#cssmenu ul ul li a {
  	padding: 						11px 15px 11px 15px;
  	width: 							225px;
	background-color: 				#009bdd;
  	font-size: 						15px;
  	text-decoration: 				none;
  	color: 							#ffffff;
  	font-weight: 					300;
	-moz-transition: 				all 200ms ease-in-out 0s; 
	-webkit-transition: 			all 200ms ease-in-out 0s; 
	-o-transition: 					all 200ms ease-in-out 0s; 
	transition: 					all 200ms ease-in-out 0s; 		
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  	background-color:				#b64388;
	color: 							#ffffff;
}

/* has-sub es para indicar el submenu */
#cssmenu > ul > li.has-sub > a { padding-right: 30px; }
#cssmenu > ul > li.has-sub > a:before {
  	content: 						'+';
  	float: 							right;
  	margin-right: 					-1em;
  	color: 							#000000;
}
#cssmenu > ul > li.has-sub:hover > a:before { color: #9a6e41; }
#cssmenu ul ul li.has-sub > a:before {
  	content: 						'+';
  	float: 							right;
  	color: 							#000000;
}
#cssmenu ul ul > li.has-sub:hover > a:before { color: #009bdd; }



/* alineacion del menu al centro */
#cssmenu.align-center > ul { font-size: 0; text-align: center; }
#cssmenu.align-center > ul > li { display: inline-block; float: none; }
#cssmenu.align-center ul ul { text-align: left; }


/* alineacion del menu a la derecha */
#cssmenu.align-right > ul { font-size: 0; text-align: right; }
#cssmenu.align-right > ul > li { display: inline-block; float: none; }
#cssmenu.align-right ul ul { text-align: left; }
#cssmenu.align-right li:hover > ul { left: 0; right: auto; }
#cssmenu.align-right ul ul ul { margin-left: 100%; margin-right: 0px; }
#cssmenu.align-right ul ul li.has-sub > a:after { right: 11px; left: auto; }
#cssmenu.align-right ul ul li.has-sub > a:before { right: 14px; left: auto; }


@media screen and (max-width: 991px) {

	#cssmenu ul {
    	width: 						100%;
    	display: 					none;
		margin-left:				0;
  	}
	#cssmenu ul li {
		width: 						100%;
		background: 				#ffffff;
	}
	#cssmenu > ul > li > a {
		color: 						#595959;
		-webkit-border-radius: 		0;
       	-moz-border-radius: 		0;
       	border-radius: 				0;
		text-align: 				left;
	}
	#cssmenu > ul > li:hover > a {
		color: 						#ffffff;
		background-color:			#009bdd;
	}
	#cssmenu ul ul li,
	#cssmenu li:hover > ul > li {
		height: 					auto;
	}
	#cssmenu ul li a,
	#cssmenu ul ul li a {
		width: 						100%;
		border-bottom: 				0;
	}
	#cssmenu > ul > li {
		float: 						none;
	}
	#cssmenu ul ul li a {
		padding-left: 				25px;
	}
	#cssmenu ul ul ul li a {
		padding-left: 				35px;
	}
	#cssmenu ul ul li a {
		color: 						#595959;
		background: 				none;
	}
	#cssmenu ul ul li:hover > a,
	#cssmenu ul ul li.active > a {
		color: 						#ffffff;
		background: 				#009bdd;
	}
	#cssmenu ul ul,
	#cssmenu ul ul ul {
		position: 					relative;
		left: 						0;
		width: 						100%;
		margin: 					0;
		text-align: 				left;
	}
	#cssmenu > ul > li.has-sub > a:before,
	#cssmenu ul ul > li.has-sub > a:before {
		display: 					none;
	}
	  
	/* Boton menu responsive: 3 rayitas */
	#cssmenu #menu-button {
		display: 					block;
		padding: 					0;
		color: 						#ffffff;
		cursor: 					pointer;
		font-size: 					18px;
		text-transform: 			uppercase;
		font-weight: 				400;
		text-align:					left;
	}
	#cssmenu #menu-button:before {
		position: 					absolute;
		top: 						-20px;
		right: 						0;
		display: 					block;
		height: 					5px;
		width: 						35px;
		background: 				#000000;
		content: 					'';
	}
	#cssmenu #menu-button:after {
		position: 					absolute;
		top: 						-11px;
		right: 						0;
		display: 					block;
		height: 					14px;
		width: 						35px;
		border-top: 				5px solid #ffffff;
		border-bottom: 				5px solid #ffffff;
		content: 					'';
	}
	/* Boton menu responsive: cruz - cerrar */
	#cssmenu #menu-button.menu-opened:before {
		top: 						-40px;
		height: 					5px;
		width: 						33px;
		background: 				#000000;
		border: 					0;
		-webkit-transform: 			rotate(-45deg);
		-moz-transform: 			rotate(-45deg);
		-ms-transform: 				rotate(-45deg);
		-o-transform: 				rotate(-45deg);
		transform: 					rotate(-45deg);
	}
	#cssmenu #menu-button.menu-opened:after {
		top: 						-40px;
		height: 					5px;
		width: 						33px;
		background: 				#000000;
		border: 					0;
		-webkit-transform: 			rotate(45deg);
		-moz-transform: 			rotate(45deg);
		-ms-transform: 				rotate(45deg);
		-o-transform: 				rotate(45deg);
		transform: 					rotate(45deg);
	}
   
	/* Boton submenu responsive:  */
 	#cssmenu .submenu-button {
		position: 					absolute;
    	z-index: 					99;
    	right: 						0;
    	top: 						0;
    	display: 					block;
    	height: 					40px;
    	width: 						70px;
    	cursor: 					pointer;
  	}
  	#cssmenu ul ul .submenu-button {
    	height: 					40px;
    	width: 						70px;
  	}
	#cssmenu .submenu-button:after {
		content: 					'+';
  		float: 						right;
		display: 					block;
		position: 					absolute;
		top: 						0;
		right: 						15px;
		font-size: 					30px;
  		text-decoration: 			none;
	}
	#cssmenu ul ul .submenu-button:after {
		top: 						0;
		right: 						25px;
	}

	  
	/* alineacion del menu derecha a la izquierda en moviles */
	#cssmenu.align-right > ul { font-size: 0; text-align: left; }
	#cssmenu.align-right ul ul {
		position: 					relative;
		left: 						0;
		width: 						100%;
		margin: 					0;
		text-align: 				left;
	}
	#cssmenu.align-right li:hover > ul { left: auto; right: 0; }
	#cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
	#cssmenu.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; }
	#cssmenu.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; }
	  
	/* alineacion del menu central en móviles */
	#cssmenu.align-center > ul { text-align: left; }
  
}

/* Index
-------------------------------------------------------------- */
section#slider-index { clear: both; display: block; position: relative; margin: 0; padding: 0; min-width: 100%; height: auto; }


/* Content
-------------------------------------------------------------- */
section#content {
	clear: 							both;
	margin: 						0;
	padding: 						100px 0 50px 0;
	width: 							100%;
	border: 						none;
}

section#content h1 { display: block; font-family: 'Nunito Sans', sans-serif; color: #5e5e5e; font-weight: 200; font-size: 18px; }
section#content p { display: block; font-family: 'Nunito Sans', sans-serif; color: #5e5e5e; font-weight: 400; }


/* Breadcrumb
-------------------------------------------------------------- */
section.breadcrumb {
	display: 						block;
	overflow: 						hidden;
	width: 							100%;
	border-radius: 					none;
	margin: 						0;
	padding: 						125px 0 0 0;
	list-style: 					none;
	background-color: 				#ffffff;
}
section.breadcrumb ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #ffffff; }
section.breadcrumb li { display: inline-block; vertical-align: middle; margin: 0; padding: 0; color: #999999; font-size: 12px; font-family: 'Lora', serif; }
section.breadcrumb li a { margin: 0; padding: 0; color: #999999; font-size: 12px; font-family: 'Nunito Sans', sans-serif; }
section.breadcrumb li a:hover {
	padding: 						0 0 2px 0;
	color: 							#999999;
	text-decoration: 				none;
	border-bottom: 					1px solid #999999;
	
	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
	    -ms-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;
}

ul.breadcrumb li+li:before { padding: 0 8px; color: none; content: " "; }

.breadcrumbs .separator { font-size: 12px; font-family: 'Nunito Sans', sans-serif; font-weight: 400; color: #000000; }

/* Blog
-------------------------------------------------------------- */
section.blog {
	clear: 							both;
	margin: 						0;
	padding: 						60px 0 50px 0;
	width: 							100%;
	border: 						none;
}

section.blog h1 { display: block; margin-bottom: 30px; font-size: 24px; font-family: 'Nunito Sans', sans-serif; color: #000000; font-weight: 400; text-transform: uppercase; }
section.blog h2 { margin-bottom: 10px; font-size: 20px; font-family: 'Nunito Sans', sans-serif; color: #000000; font-weight: 400; text-transform: uppercase; }
section.blog h2 a { margin-bottom: 9px; padding-bottom: 1px; font-size: 20px; font-family: 'Nunito Sans', sans-serif; color: #000000; font-weight: 400; text-transform: uppercase; }
section.blog h2 a:hover {
	color: 							#000000;
	text-decoration: 				none;
	border-bottom: 					1px solid #000000;
	
	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
	    -ms-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;
}
section.blog h4 { margin-bottom: 10px; font-size: 14px; font-family: 'Nunito Sans', sans-serif; color: #999999; font-weight: 400; text-transform: uppercase; }
section.blog h4 a { margin-bottom: 10px; font-size: 14px; font-family: 'Nunito Sans', sans-serif; color: #999999; font-weight: 400; text-transform: uppercase; }
section.blog h4 a:hover {
	color: 							#000000;
	text-decoration: 				none;
	border-bottom: 					1px solid #000000;
	
	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
	    -ms-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;
}

section.blog img { 
	margin-bottom: 					25px;
	padding: 						0;
	width: 							100%;
}

.btn-noticias { margin-top: 25px; padding: 0; }
.btn-noticias a { 
	padding-bottom: 				5px;
	font-family: 					'Nunito Sans', sans-serif;
	font-size: 						13px;
	font-weight: 					400;
	color: 							#000000;
	cursor: 						pointer;
  	*border: 						0;
}
.btn-noticias a:hover {
	border-bottom: 					1px solid #000000;
	color: 							#000000;
	text-decoration: 				none;
	
	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
	    -ms-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;
}

.post-meta {
	clear: 							both;
    display: 						block;
  	margin: 						25px 0 25px 0;
	padding:						0;
	color:							#999999;
  	text-decoration: 				none;
  	font-size: 						14px;
  	font-family: 					'Nunito Sans', sans-serif;
  	font-weight: 					400;
	text-align:						center;
}

.post-meta ul { float: none; list-style-type: none; margin: 0; padding: 0; display: inline-block; }
.post-meta li { display: inline-block; margin: 0; padding: 0; color: #999999; }

.post-meta a { font-family: 'Nunito Sans', sans-serif; color: #999999; font-size: 13px; font-weight: 400; text-decoration: none; }
.post-meta a:hover { color: #000000; }


.post-navega {
	clear: 							both;
    display: 						block;
  	margin: 						40px 0 25px 0;
	padding:						15px 0 15px 0;
	height:							80px;
	border-top:						1px solid #999999;
}
.post-navega a {
	color: 							#999999;
	font-size: 						32px;
	font-weight: 					300;
}
.post-navega a:hover { 
	color: 							#dddddd;
	text-decoration: 				none;
	
	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
	    -ms-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;
}

.anterior {
	margin: 						0;
	padding: 						0;
	width:							40%;
	float: 							left;
	text-align:						left;
}

.siguiente {
	margin: 						0;
	padding: 						0;
	width:							40%;
	float: 							right;
	text-align:						right;
}

/* Error 404
-------------------------------------------------------------- */
section#error {
	clear: 							both;
	margin: 						0;
	padding: 						150px 0 50px 0;
	width: 							100%;
	border: 						none;
	text-align: 					center;
}

section#error h1 { display: block; font-family: 'Nunito Sans', sans-serif; color: #5e5e5e; font-weight: 200; font-size: 55px; }
section#error p { display: block; margin: 50px 0 0 0; font-family: 'Nunito Sans', sans-serif; color: #5e5e5e; font-weight: 400; }


/* Sidebar
-------------------------------------------------------------- */
section.sidebar { margin: 0 0 50px 0; padding: 0; }
section.sidebar img { display: block; margin: 0 auto; }


/* Widgets
--------------------------------------- */
.widget {}

#searchform {}
.widget_search {}
.screen-reader-text {}

.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}

.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}

.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {} 
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}

.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}

.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {}
.widget_tag_cloud a {}
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}

.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}

.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {} 
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}

.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}

.widget_recent_entries {
	display: 						block;
	margin: 						15px 0;
	padding: 						0;
	border-radius: 					0;
}
.widget_recent_entries ul { list-style: none; }
.widget_recent_entries ul li {  }
.widget_recent_entries ul li a {  }
.widget_recent_entries ul li a:hover {  }
.post-date { display: inline-block; font-style: italic; color: #444444; }

.textwidget {}
.widget_text {}
.textwidget p {}


/* Footer
-------------------------------------------------------------- */

footer { clear: both; margin: 0; padding: 0;  }

#footer-pages { 
	display: 						block;
	width: 							100%;
	height:							80px;
	margin:							0;
	padding: 						10px 40px 10px 40px;
}

.txt-footer { display: block; margin: 0; padding: 0; font-family: 'Nunito Sans', sans-serif; color: #000000; font-weight: 700; }
.txt-footer p { display: block; margin: 12px 0 0 0; padding: 0; font-family: 'Nunito Sans', sans-serif; color: #000000; font-weight: 700; }

.menu-social { display: inline-block; margin: 0; padding: 0; width: 100%; text-align: right; }
.menu-social ul { float: right; margin: 0; padding: 0; }
.menu-social li { list-style: none; display: inline; margin: 0; padding: 0; }
.menu-social li a { float: left; text-align: center; width: 36px; height: 36px; border: 1px solid #5e5e5e; border-radius: 100%; background: #f6f6f6; margin-right: 10px; /*space between*/ } 
.menu-social li a i { font-size: 22px; line-height: 36px; color: #5e5e5e; }
.menu-social li a:hover { background: #f6f6f6; border: 1px solid #000000; }
.menu-social li a i:hover { color: #000000; }


/* RESPONSIVE
-------------------------------------------------------------- */

/* LG Pantalla Panoramica */ 
@media (min-width: 1200px) { }

/* MD Pantalla normal y tablet apaisado */
@media (min-width: 992px) and (max-width: 1199px) { }
 
/* SM Tablet alto */   
@media (min-width: 768px) and (max-width: 991px) { }
 
/* XS Mobil apaisado */
@media (max-width: 767px) { 
	
	.topbutton { right: 0; bottom: 85px; }
	
	header { padding: 10px; }
	header.fixed { padding: 10px; height: 80px; }
	
	.logo { margin: 10px 0; }
	
	#footer-pages { padding: 10px 15px 10px 15px;
}
	
}
