html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
.row{
	margin:0 !important;
}
.container {
    width: 100%;
    padding: 0;
	    float: left;
		max-width:100%;	
}
.limpia {
	clear:both;
}
body{
    font-family: 'Libre Bodoni', serif !important;
	font-weight:400; 
     font-size:1em;
}
.post, .page {
	margin: 0 !important;
	padding-bottom:3em;
}
html {
background: url('fondo.jpg') repeat !important;
}

/* @group estilos básicos */

h1.grande {
	font-size: 3em;
	font-weight: 900;
}
h2 {
font-family: 'Libre Bodoni', serif;
font-weight:400; 
     font-size:3em !important;
}
h3 {
	font-weight:700 !important; 
	     font-size:16pt !important;
}
a {
    color: #e51f2b !important;
    text-decoration: none;
		font-weight:300; 
	
}
p {
	font-family: 'Libre Bodoni' !important;
	font-weight:400; 
	font-size:1em;
}
strong{
	font-weight:700 !important; 
}
a.btn, a.btn:hover, a.btn:focus, a.btn:active {
	box-shadow:none;
	background-color:transparent;
	text-shadow:none;
	background-image:none;
	border-color:transparent;
	color:#000 !important;
	margin-top:-50px;
	text-align:right;
	display:block !important;
	font-weight:700; 
	position:relative;
	
}
div.site-info {
	display:none;
}

/* @end */

/* @group posiciones */

#masthead {
}
.main-navigation {
  display: block;
  width: 100%;
  position: fixed;
  z-index: 9;
  	background-color:#352420 !important;
  
}
#masthead li a {
	color: #f5e9e0 !important;
	padding:20px;
	font-size: 1.4em;
}
.cab {
	background-color: #030202 !important;
	padding-top: 40px !important;
}
.cab .uk-margin {
	text-align:center;
}
.page-content, .entry-content, .entry-summary {
  margin: 0 !important;
}

/* @group info */

.info {
	padding-top:80px;
}
.uk-scope .info .uk-padding {
	padding:0 !important;
}
.uk-scope .info .uk-padding p {
	color: #f5e9e0 !important;
}

.uk-scope .info .uk-margin {
background-color: #130600d6;
padding-left: 200px;
padding-top: 60px;
padding-right: 60px;
padding-bottom: 40px;
}
.uk-scope .info .uk-text-center{
	position:relative;
	z-index:3;
	text-align: right !important;
}
.uk-scope .info .uk-width-3-5\@m{
	position:relative;
	left:-200px;
	z-index:2;
	top: -30px;
}
.uk-scope .pide .uk-width-3-5\@m{
	background-color:#000;
	padding-right:200px;
	position:relative;
	right:-200px;
	z-index:2;
}
.uk-scope .pide .uk-width-3-5\@m p {
	color:#ddd4cd;
	font-size:1.3em;
	margin:0;
}
p.small {
	font-size: 0.9em !important;
}
.uk-scope .pide .uk-text-center {
	position:relative;
	z-index:3;
	text-align:left !important;
	padding-top: 40px;
}
#pide .uk-scope .uk-padding{
	padding-left:0;
	padding-right:5px;
}
p.firma {
	text-align:right;
	font-weight:900;
	font-size: 0.9em !important;
}
/* @end */

/* @group músicos */

.compo div{
	background-color: #030202 !important;
	
}
.compo h3 {
	position: relative;
	top: 30px;
	font-family: 'Libre Bodoni', serif !important;
		color: #f5e9e0 !important;	
		position: relative;
		top: 700px;
}
#musicos .uk-accordion-content h3.uk-h3, 
#temas .uk-accordion-content h3.uk-h3, 
.formulario .uk-accordion-content h3.uk-h3{
	display:none;
}
#musicos .uk-accordion-content .uk-margin, 
#temas .uk-accordion-content .uk-margin, 
.formulario .uk-accordion-content .uk-margin{
	padding-left:30px;
	padding-right:30px;
}
#musicos li .uk-accordion-title span {
text-shadow: 0px 2px 7px #f0e6d9;
padding-top: 100px;
	display: block;
	margin-top:30px;
	font-size: 1.4em;
	padding-bottom: 40px;
	color: #000;
	width: 100%;	
} 
#eles {
background: url('images/eles_bellido_info.png') no-repeat !important;
padding-right: 20px;
padding-left: 50%;
}
#gabriel {
background: url('images/gabriel_luna_info.png') right no-repeat !important;
width: 100%;
padding-right: 20px;
padding-left: 2%;
}
#rafael {
background: url('images/rafael_moreno_info.png') no-repeat !important;
padding-right: 20px;
padding-left: 50%;
}
#antonio{
background: url('images/antonio_moreno_info.png') right no-repeat !important;
width: 100%;
padding-right: 20px;
padding-left: 2%;
}
#nervio {
background: url('images/javi_nervio_info.png') no-repeat !important;
padding-right: 20px;
padding-left: 50%;
}
#musicos .uk-scope .uk-accordion-title::before {
	background-image:none !important;
}

/* @end */

/* @group temas */

#temas li {
	width:33.33333%;
	float:left;
	min-height:278px;
	opacity:0.6;
	margin-top:0 !important;
}
#temas li:hover {
	opacity:1;
}
#temas li:first-child {
	background: url('images/temas_calavera.jpg') no-repeat !important;
	background-size: cover !important;	
}
#temas li:nth-child(2) {
	background: url('images/temas_piramide.jpg') no-repeat !important;		
	background-size: cover !important;
	}
#temas li:nth-child(3) {
	background: url('images/temas_reloj.jpg') no-repeat !important;		
	background-size: cover !important;
	}
#temas li:nth-child(4) {
	background: url('images/temas_rosa.jpg') no-repeat !important;		
	background-size: cover !important;
	}
#temas li:nth-child(5) {
	background: url('images/temas_golondrina.jpg') no-repeat !important;		
	background-size: cover !important;
	}
#temas li:nth-child(6) {
	background: url('images/temas_arpa.jpg') no-repeat !important;		
	background-size: cover !important;
	}
	
	
	
#temas li p{
	color:#fff !important;
}
#temas .uk-scope .uk-accordion-title::before {
	background-image:none !important;	
	background-size: cover !important;
	width: 0;
}
#temas li a {
	color: #ddd4cd !important;
	font-size:1.6em;
	text-align: center;
	padding-top: 120px;
}
#temas {
	width: 80%;
	margin: 0 auto;
}
/* @end */

/* @group formularios */

#pide {
	clear:both;
	padding-top:80px;
}

.formulario a{
	border: 2px solid #000;
	color:#000 !important;
	padding:15px;
	margin-left:11%;
	display:inline-block !important;
	position: relative;
	z-index: 8;
	background-color: #e6d6cc !important;
	margin-top:-20px;	
}
.formulario .uk-accordion-title::before {
	background-image:none !important;
}
.formularios {

	margin-top:20px;
	float: left;
	width: 100%;
}
.formularios .col-lg-6 {
	padding-top: 80px;
	padding-right: 40px;
	padding-left: 40px;
}
.form-a {
	max-width: 700px;
background-color:#110806;	
}
.form-b {
		background-color:#110806;
		padding: 40px;
		text-align: center;
		margin: 0 auto;
}
.form-b textarea {
	max-height: 165px;
}
.formularios h3 {
	color: #f5e9e0 !important;
	padding-bottom:20px;
	font-size:2em;	
}
.formularios p{
	color: #f5e9e0 !important;
	font-weight:400;
}
.formularios input, 
.formularios textarea {
	background-color:#f0e6d9 !important;
	border-radius:0 !important;
	border:none;
}
input .has-spinner {
	font-family: 'Libre Bodoni', serif !important;
}
.tx-footer {
	padding-top:80px;
	text-align:center;
	float: left;
	width: 100%;
}
/* @end */

/* @group galerías */

#galeria .uk-grid {
	max-width: 84%;
	margin: 0 auto;
}
#galeria .uk-scope .uk-grid > * {
	padding-left: 0;
}
#galeria .uk-scope .uk-inline-clip, 
#galeria .uk-scope .uk-inline-clip img {
	width:100%;
}
/* @end */

/* @group redes */
#cabecerawidget .redes {
	width:15%;
	float:right;
	position:fixed;
	z-index:999;
	top:20px;
	right:25px;
}
.uk-scope .redes.uk-grid > * {
	padding-left:5px;
}
#cabecerawidget {
background-color: #28201e !important;
}
#widget-footer .redes {
	width:20%;
	margin:0 auto;
}
/* @end */
.video-home iframe {
	width:100%;
	height:620px;
	margin-top:40px;
	margin-bottom:20px;
}
#widget-footer {
background-color: #352420 !important;
}
.tx-footer p {
	color:#f0e6d9 !important;
}
/* @end */
span.wpcf7-spinner {
	display:none;
}
/* @group media quieries */

/*// Hasta smartphones de 480px*/
@media (max-width: 480px) {
#cabecerawidget .redes {
	width: 70%;
	top:0;
	padding-top: 5px;
}
.main-navigation {
	padding-top: 5px;
	padding-bottom: 5px;
}
.redes img {
	max-height:50px;
	max-width:50px;
}
.video-home iframe {
height:220px;
}
#pide .uk-scope .uk-padding {
	padding-left: 40px;
}
.formularios input, .formularios textarea {
	max-width: 250px;
}
#temas {
  width: 100%;
}
#musicos li .uk-accordion-title span {
	padding-top: 120px;
}
#musicos li span {
	padding-right: 20px !important;
	padding-left: 20px !important;
	background-size: 200% !important;
}
.video-home iframe {
  height: 180px !important;
}
.uk-scope .redes.uk-grid > * {
  padding-left: 0;
}
}

@media  (max-width: 768px){
.uk-scope .info .uk-width-3-5\@m, 
.uk-scope .pide .uk-width-3-5\@m {
	left:0;
	right:0;
}
.uk-scope .info .uk-margin, 
.uk-scope .pide .uk-width-3-5\@m {
	padding-left: 20px;
	padding-right: 20px;
}
.uk-scope .info img, 
.uk-scope .pide img, 
#temas li{
width:100%;	
}
#musicos li .uk-accordion-title span {
	padding-top: 160px;
	padding-bottom:0;
	background-position-x:left !important;
	background-position-y:top !important;
}

#musicos li .uk-accordion-title span#gabriel, 
#musicos li .uk-accordion-title span#antonio {
	background-position-x:right !important;
}

button.menu-toggle {
	border:none;
	background:transparent;
	text-indent:-999em;
	background:url('menu.png') no-repeat;
background-size: 50px;
width: 50px;
height: 50px;
}
.video-home iframe {
	height:330px;
}
}

/*// de Smartphones a Tablets*/
@media (max-width: 600px){
#cabecerawidget .redes {
width:70%;
Top: 0;
}
#cabecerawidget .redes img {
	max-height:50px;
	max-width:50px;
}
}

@media (min-width: 600px) and (max-width: 768px){
#masthead li a{
	padding: 5px;
	font-size: 0.9em;
}
.main-navigation li {
	text-align: center;
	border-right: 1px solid #f5e9e0;
	width: 13%;
}
.main-navigation li:last-child {
	border-right:none;
}
#cabecerawidget .redes {
display:none !important;
}
}

/*// de Tablets a pantallas de desktops 2columnas*/
@media (min-width: 768px) and (max-width: 970px) {
#masthead li a{
	padding: 10px;
	font-size: 1em;
}
.main-navigation li {
	text-align: center;
	border-right: 1px solid #f5e9e0;
	width: 13%;
}
.main-navigation li:last-child {
	border-right:none;
}
#cabecerawidget .redes {
width: 25%;
}
.video-home iframe {
height: 390px;	
}
.uk-scope .pide .uk-width-3-5\@m {
	right:0;
}
}

/*// Tablets horizontal*/
@media (min-width: 970px) and (max-width: 1200px) {
#cabecerawidget .redes {
width: 18%;
}
.video-home iframe {
height: 520px;	
}
#masthead li a {
	padding: 20px 10px;
}
}
/*// Pantallas anchas (desktops)*/
@media (min-width: 1200px) {
#masthead li a {
	padding:20px;
}

}

/* @end */