/*
Theme Name: Dúo Scarbó 2020
Theme URI: http://127.0.0.1
Author: Tarsis.net
Author URI: https://tarsis.net/
Description: Tema hijo derivado de Basic para Dúo Scarbó, por Tarsis.net. Versión 2019.
Template: basic
Version: 1.0.0
Text Domain: basic-child
*/

* { margin: 0px; padding: 0px; }
body { background-color: #333333; color: #ffffff; font-family: 'Lora', 'Times Roman', serif; font-size: 100%; margin: 0px; padding: 0px; 	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: subpixel-antialiased;
	font-smooth: always;
	font-synthesis: weight style;
}
input, textarea, select { font-family: sans-serif; font-size: 90%; }
a { color: #FFDE9E; text-decoration: underline; }
a:hover { text-decoration: underline; }
h1, h2, h3 { text-align: left; font-weight: 400; margin: 2em 0px 0.2em 0px; line-height: 120%; color: #FFDE9E; }
h1 { margin: 0px 0px 1em 0px; }
h2 {  }
h3 {  }
table, tbody, tr, th, td { font-size: 1em; }
td { vertical-align: top; }
b, strong { font-weight: 600; }
p, li { margin: 0px 0px 0.67em 0px; }
ul, ol { padding-left: 2em; margin-bottom: 1em; }
img, div { display: block; max-width: 100% !important; }

input[type=submit], button { font-size: 100%; background-color: #333333; border: 2px solid #FFDE9E; border-radius: 4px; color: #FFDE9E; padding: 4px 2em 4px 2em; text-transform: uppercase; letter-spacing: 2px; font-family: sans-serif; }

input, textarea, button, select { border: 2px solid #FFDE9E; border-radius: 4px; padding: 2px; }
textarea { resize: vertical; }

figcaption { font-size: 90%; padding-top: 0.4em; text-align: center; }

.crema { color: #FFDE9E; }
.gris { color: #676767; }


.verde_claro { color: #D1D785; }
.verde_medio { color: #7E8B51; }
.verde_caqui { color: #525040; }


.cita, .titulo_obra { font-style: italic; }
.imagen_destacada { display: block; border: 3px solid #ffffff; box-shadow: 5px 10px 5px #222222; }
.imagen_izquierda { float: left; margin: 0 40px 20px 0; }

div.contenedor { width: 960px; margin: 0px auto 0px auto; background-color: transparent; }
div.pad { padding: 0px; }

#contenedor_navegacion { height: 60px; box-shadow: 5px 0px 5px #222222; width: 100%; position: fixed; z-index: 99; background-color: #333333; border: 0px dashed green; }
#navegacion { position: relative; z-index: 100; width: 1200px; height: 30px; text-align: center; padding: 0px 0 10px 0px; border: 0px dashed green; }
#pad_navegacion { display: inline-block; width: 60px; }
.navegacion_item { font-size: 16px; font-weight: 400; display: inline-block; padding: 4px 12px; border-bottom: 3px solid transparent; }
.navegacion_item:hover { border-bottom: 3px solid #FFBD3B; }
/* .navegacion_item:hover a { color: #ffffff; border-radius: 4px; } */
.navegacion_item a { text-decoration: none; }
#logo { width: 180px; height: 60px; background-color: transparent; }

.separador { display: block; height: 1px; clear: both; width: 100%; margin: 30px 0 30px 0; border-top: 1px dotted #D1D785; }

#menu-menu-principal-de-navegacion, #menu-menu-principal-de-navegacion-en { display: block; margin: 0; padding: 20px 0 0 0; }
#menu-menu-principal-de-navegacion li, #menu-menu-principal-de-navegacion-en li { display: inline-block; list-style-type: none; text-transform: uppercase; font-size: 18px; font-weight: 400; display: inline-block; padding: 0px 12px; margin: 0; border-bottom: 3px solid transparent; }
#menu-menu-principal-de-navegacion li:hover, #menu-menu-principal-de-navegacion-en li:hover { border-bottom: 3px solid #FFBD3B; }
#menu-menu-principal-de-navegacion li a, #menu-menu-principal-de-navegacion-en li a { text-decoration: none; }

#menu-menu-principal-de-navegacion li ul.sub-menu, #menu-menu-principal-de-navegacion-en li ul.sub-menu {
	display: none;
	visibilty: hidden;
	width: auto;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	padding: 0;
	margin: 0;
	margin-top: -3px;
	margin-left: -12px;
	box-shadow: 5px 10px 15px #222;
}

#menu-menu-principal-de-navegacion li ul.sub-menu li:first-child, #menu-menu-principal-de-navegacion-en li ul.sub-menu li:first-child {
	border-top: 1px solid #555555;
}

#menu-menu-principal-de-navegacion li ul.sub-menu li, #menu-menu-principal-de-navegacion-en li ul.sub-menu li {
	width: 100%;
	display: block;
	clear: both;
	text-align: left;
	white-space: nowrap;
	background-color: #333333;
	padding: 12px;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
	text-transform: none !important;
}

#menu-menu-principal-de-navegacion li ul.sub-menu li:hover, #menu-menu-principal-de-navegacion-en li ul.sub-menu li:hover {
	background-color: #555555;
}

#menu-menu-principal-de-navegacion li ul.sub-menu li a::before, #menu-menu-principal-de-navegacion li ul.sub-menu li span::before, #menu-menu-principal-de-navegacion-en li ul.sub-menu li a::before, #menu-menu-principal-de-navegacion-en li ul.sub-menu li span::before {
  content: '› ';
}

#menu-menu-principal-de-navegacion, #menu-menu-principal-de-navegacion ul, #menu-menu-principal-de-navegacion-en, #menu-menu-principal-de-navegacion-en ul {
	list-style-type: none;
	list-style-position: outside;
	position: relative;
}

#menu-menu-principal-de-navegacion li, #menu-menu-principal-de-navegacion-en li {
	float: left;
	position: relative;
}

#menu-menu-principal-de-navegacion ul, #menu-menu-principal-de-navegacion-en ul {
	position: absolute;
	display: none;
	width: auto;
	top: 1.5em;
}
#menu-menu-principal-de-navegacion ul ul, #menu-menu-principal-de-navegacion-en ul ul {
	top: auto;
}

#menu-menu-principal-de-navegacion li ul ul, #menu-menu-principal-de-navegacion-en li ul ul {
	left: 12em;
	margin: 0px 0 0 10px;
}

#menu-menu-principal-de-navegacion li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul, #menu-menu-principal-de-navegacion-en li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul {
	display: none;
}

#menu-menu-principal-de-navegacion li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul, #menu-menu-principal-de-navegacion-en li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul {
	display: block;
	position: absolute;
	z-index: 5000;
}


li.lang-item { text-transform: uppercase; list-style-type: none; margin: 0; padding: 8px 0 0 0; }


#menu_pie_pagina { display: block; margin: 0; padding: 20px 0 0 0; text-align: center; }
#menu_pie_pagina ul { display: block; margin: 0; text-align: center; }
#menu_pie_pagina li { display: inline-block; list-style-type: none; text-transform: uppercase; font-size: 16px; font-weight: 400; display: inline-block; padding: 4px 8px; border-bottom: 3px solid transparent; }
#menu_pie_pagina li a { text-decoration: none; }
#menu_pie_pagina li a:hover { color: #ffffff; }


#cuerpo img {
    display: block;
    border: 3px solid #fff;
    box-shadow: 5px 10px 5px #222;
}
#cuerpo figure.alignleft { margin: 0 40px 20px 0; }
#cuerpo figure.alignright { margin: 0 0 20px 40px; }


#wpcf7-f6-p8-o1 form { width: 500px; margin: 20px auto; max-width: 90% !important; }
#wpcf7-f6-p8-o1 input, #wpcf7-f6-p8-o1 textarea, #wpcf7-f6-p8-o1 select { width: 100%; }
#wpcf7-f6-p8-o1 input.wpcf7-submit { display: inline-block; text-align: center; width: auto !important; }


/* Todos los formularios CF7 */
div.wpcf7 form { width: 500px; margin: 20px auto; max-width: 90% !important; }
div.wpcf7 input, div.wpcf7 textarea, div.wpcf7 select { width: 100%; }
div.wpcf7 input.wpcf7-submit { display: inline-block; text-align: center; width: auto !important; }


#idiomas {
	/* float: right;
	margin-right: 60px; */
	padding: 4px 0 0 0;
	border: 0px dashed yellow;
}

#idiomas a { display: inline-block; width: 16px; text-align: center; padding: 2px 4px 2px 4px; background-color: #ffffff; color: #525040; border-radius: 4px; text-decoration: none; font-size: 70%; font-family: sans-serif; font-weight: 600; }

#navegacion_social {
	float: right;
	width: 220px;
	border: 0px dashed green;
	text-align: right;
	font-size: 140%;
	padding-top: 8px;
}
#navegacion_social a {
	display: inline-block;
	padding: 2px 4px 2px 4px;
	border-radius: 4px;
	margin: 0 2px 0 2px;
	color: #ffffff;
	text-decoration: none;
}
#navegacion_social a:hover {
	background-color: #ffffff;
	color: #7E8B51;
}

#principal { padding-top: 80px; border: 0px dashed yellow; }

#cuerpo {
	/* float: left; */
	padding-top: 10px;
	width: 960px;
	border: 0px dashed yellow;
}
#cuerpo p { text-align: justify; }

#barra {
	float: right;
	width: 200px;
	border: 0px dashed yellow;
	padding-top: 70px;
	font-size: 90%;
}

#barra h2 {
	margin-top: 0;
	font-size: 130%;
	text-align: center;
}

#barra ul {
	padding-left: 1em;
}

#barra li {
	margin-bottom: 0;
}
#barra_cita { margin: 30px 0; font-style: italic; font-size: 110%; }


div.actuacion {
	display: block;
	margin: 20px 0 20px 0;
}
div.actuacion p { margin: 0; }
.actuacion_fecha { font-family: sans-serif; font-size: 90%; color: #7E8B51; }
.actuacion_descripcion { font-family: sans-serif; font-weight: 600; }
.actuacion_lugar { font-style: italic; }


#pie {
	display: block;
	clear: both;
	padding-top: 20px;
	margin-top: 40px;
	border-top: 1px solid #ffffff;
}

#pie p {
	font-size: 90%;
	text-align: center !important;
	line-height: 160%;
}


.boton {
	display: inline-block;
	background-color: #FFDE9E;
	border-radius: 4px;
	color: #222222;
	padding: 4px 2em 4px 2em;
	font-size: 110%;
	font-weight: 600;
	font-family: sans-serif;
	letter-spacing: 3px;
}
.boton a { text-decoration: none; color: #525040; }

.invisible { display: none; visibility: hidden; }

div.ngg-galleryoverview img { margin-bottom: 14px !important; }

/* --- Esto oculta los títulos y descripciones al pie de las galerías Nextgen*/
div.sl-caption { display: none !important; }



@media
	only screen and (max-width: 320px),
	only screen and (max-width: 346px),
	only screen and (max-width: 360px),
	only screen and (max-width: 375px),
	only screen and (max-width: 384px),
	only screen and (max-width: 390px),
	only screen and (max-width: 412px),
	only screen and (max-width: 414px),
	only screen and (max-width: 480px),
	only screen and (max-width: 504px),
	only screen and (max-width: 533px),
	only screen and (max-width: 553px),
	only screen and (max-width: 600px),
	only screen and (max-width: 568px),
	only screen and (max-width: 598px),
	only screen and (max-width: 640px),
	only screen and (max-width: 667px),
	only screen and (max-width: 695px),
	only screen and (max-width: 732px),
	only screen and (max-width: 736px),
	only screen and (max-width: 740px),
	only screen and (max-width: 800px),
	only screen and (max-width: 812px),
	only screen and (max-width: 1024px)
{
	.invisible_movil { display: none; visibility: hidden; }
	.visible_movil { display: block; visibility: visible; }
	p, h1, h2, h3 { padding: 0 10px 0 10px; }
	#barra { width: 100% !important; }

	.imagen_izquierda, .imagen_derecha, figure.alignleft, figure.alignright, figure.alignleft img, figure.alignright img { float: none !important; box-shadow: unset !important; width: 100% !important; height: auto !important; }

	#contenedor_navegacion { height: 45px !important; }
	#menu_movil { position: fixed; top: 0px; left: 0px; z-index: 100; width: 100%; min-height: 30px; height: auto; background-color: #333333; color: #ffffff; font-size: 120%; padding: 0px; }
	#menu_movil_menu { padding: 10px; cursor: pointer; font-weight: 600; }
	.menu_movil_item { color: #ffffff; font-size: 90%; font-weight: 600; border-top: 1px solid #777777; padding: 10px 10px 10px 20px; cursor: pointer; }
	div.menu_movil_item a { color: #ffffff; font-size: 100%; text-decoration: none; }


	#menu_movil_desplegado {
		box-shadow: 5px 10px 5px #222222;
	}

	#menu_movil_desplegado ul {
		padding: 0;
		margin-bottom: 0 !important;
	}

	#menu_movil_desplegado li {
		margin: 0;
		color: #ffffff;
		font-size: 90%;
		font-weight: 600;
		border-top: 1px solid #777777;
		padding: 10px 10px 10px 20px;
		/* cursor: pointer; */
		list-style: none;
	}

	#menu_movil_desplegado li::before {
		content: '› ';
	}

	#menu_movil_desplegado li a {
		text-decoration: none;
	}


	#navegacion_social_movil {
		margin-top: 40px;
		font-size: 150%;
		text-align: center;
	}
	#navegacion_social_movil a {
		margin: 0 4px 0 4px;
		color: #ffffff;
		text-decoration: none;
	}
	#navegacion_social_movil a:hover {
		color: #7E8B51;
	}

	#principal { padding-top: 60px; }
	#barra { padding-top: 40px; }

	#idiomas li { padding: 0 !important; }

	#menu-menu-pie-de-pagina { padding-left: 0 !important; }

}