* {margin:0; padding:0;}
body{width:auto; color:#929292  }
html, body {height:100%; }
header {width:100%;  position:fixed;  background:white; border-bottom:#9F3032 1px solid;}
h1 {display:none;}
body strong {font-weight:normal;}



header img {width:250px;}
aside span {visibility:hidden;}
aside li:nth-child(1) {content:""; background-image:url(../img/f2.jpg); width:25px; height:25px; background-repeat:no-repeat; background:cover;} 
aside li:nth-child(2) {content:""; background-image:url(../img/in2.jpg); width:25px; height:25px; background-repeat:no-repeat; background:cover;} 



header ul a {text-decoration:none; font-size:18px; text-transform:uppercase; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#929292}
header ul a:hover {color:#FF161A;}
header ul li {display:inline-block; list-style:none; padding:10px; }

.section1 h2, .section1 h3 {color:#A70002;}
.reduction1, .reduction2 {width:90%; margin-left:auto; margin-right:auto;}

			@media screen and (max-width:460px){
	
				aside li:nth-child(1) {background-image:url(../img/f2P.jpg); width:16px; height:16px;} 
				aside li:nth-child(2) {background-image:url(../img/in2P.jpg); width:16px; height:16px;}
				header img {width:200px;}
	
	
				}



			@media screen and (min-width:1185px){
						
			header ul {position:absolute;}
			header nav ul { right:250px; top:45%}
			
			aside ul {top:50%; right:100px;}
			header img {width:300px; margin-left:100px;}
			header {height:150px;}
			}



			@media screen and (max-width:620px){
				header ul li a {font-size:15px;}
			}
			
			@media screen and (max-width:460px){
				header ul li a {font-size:10px;}
			}

.parche{height:150px; width:100%;}
.front {background-image:url(../img/FB_IMG_1548712445078.jpg); width:100%; height:500px; background-repeat:no-repeat; background-size:cover; text-align:center;}
.front img {width:600px; margin-top:150px; }

			@media screen and (max-width:620px){
			
			.front img {display:none;}
			.front {height:150px; }
			
			}



h2 {margin-bottom:20px; font-size:40px;}
p {font-size:18px; line-height:30px; text-align:justify; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}

h2, h3 {text-transform:uppercase; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif}


.fondo {background:#FBFBFB;}
.section1 {width:1100px; margin-left:auto; margin-right:auto; padding:40px 0px; }


.reduction2 {margin-top:30px;}
.reduction2 h3 {font-size:30px; padding-bottom:20px}
.reduction2 img {margin-top:20px; width:350px; margin-left:50px}

.section2 {width:100%; margin-left:auto; margin-right:auto; text-align:center; padding-top:40px;  }
.section2 h3 {font-size:25px; margin-bottom:10px; color:#802B2D}
.section2 li {list-style:none; font-size:15px; margin-bottom:10px}

			@media screen and (max-width:1184px){
						
			.reduction1 h2 {font-size:40px}
			
				
			}
			@media screen and (max-width:900px){
			
			h2 {font-size:30px}
			.reduction2 h3 {font-size: 15px; padding: 10px 0px }
				
			}
			@media screen and (max-width:600px){
				.section1 {padding-top:2em;}
			.section1	h2 {font-size:25px;}
				
				
			}


.primera div {display:inline-block; width:25%; margin:20px; vertical-align:top;}
.primera img {border:1px solid black; display:block; margin-left: auto; margin-right: auto; width:300px; height:200px}
.primera ul {display:inline-block; text-align:left; padding:30px 0; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; }
.primera p {text-align:center; font-size:20px; margin-bottom:1em; }



.segunda {padding-bottom:2em;}
.segunda h3 {color:#BC0003;}
.segunda p:nth-child(1) {font-size:23px; background:#A70002; color:white; padding:0.5em; }
.segunda p {font-size:20px; text-align:center; width:100%; box-sizing: border-box;}
.segunda ul {padding:25px;}
.segunda li {font-size:35px; display:inline-block; padding:30px; position:relative; }
.segunda div { display:inline-block; margin:30px;}
.red {color:#E00003; padding:1em}
.segunda img {width:400px; height:300px;}
.tercera {background-image:url(../img/canto21.jpg); background-repeat:no-repeat; width:100%; margin-left:auto; margin-right:auto; background-size:cover; padding-bottom:2em; border-top:solid black 2px;}
.section2 .tercera h3 {font-size:35px; width:100%; margin-right:auto; margin-left:auto; line-height:40px; position:relative; color:white; padding-top:1em; letter-spacing: 15px;}
.tercera p {text-align:center; color:#F5F5F5; font-size:24px; line-height:40px;}
.tercera p:nth-child(2) {margin-top:1em;}


.cuarta { background-color:#F5FBA1; color:black; padding:10px  }
.cuarta p {font-size:28px; text-align:center; line-height:40px}
.cuarta span {font-size:23px; }
			@media screen and (max-width:1300px){
			.primera div { width:45%; margin-right:auto; margin-left:auto; }
			.primera div  img {display:block; margin-right:auto; margin-left:auto;}
			
			
			}

			@media screen and (max-width:900px){
			.primera div { width:45%;}
			.section2 h3 {font-size: 20px; margin-top:0px }
			.section2 li {font-size: 15px; margin-bottom: 5px;}
			.primera h2 {margin-bottom:0px;}
			.tercera {margin-top:2em;}
			.segunda p:nth-child(1) {font-size:15px; }
			
			
			}
			

				@media screen and (max-width:750px){
				
				.primera div {width:70%;}
				.cuarta p {font-size:23px;}
				.cuarta span {font-size:19px;}
				
				}
				
							@media screen and (max-width:500px){
			.primera div { width:95%; margin:0px;  }
			.primera h2 {margin-bottom:1em;}
			.segunda img {width:300px; height:250px;}
			.section2 .tercera h3 {font-size: 25px;}
			.tercera p {font-size:20px;}
			.cuarta p {font-size:19px; line-height:25px}
				.cuarta span {font-size:15px; }
			

				}
				
				@media screen and (max-width:360px){
				.primera h2{ font-size:20px;}
				.primera h3 {font-size:15px;}
				.section2 img {width:200px; height:150px;}
				
				
				}

.grande { font-size:25px;}
.uno { margin-top: 2em; width:1500px; margin-left:auto; margin-right:auto; }

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

					.uno { width:95%;}
					.uno img {width:100%;}

				}


				@media screen and (max-width:1000px){
					.tercera h3 {font-size:20px; width:60%}
								}


.contact {background-image:url(../img/musical2ed.jpg); background-repeat:no-repeat; background-size:cover; color:white; text-align:center; padding-bottom:5em}
.contact div {width:40%; display:inline-block; margin-top:3em; vertical-align:top;}
.c p {text-align:center; vertical-align:top; margin-top:1em; font-size:25px}
.map {text-align:center; width:80%}

	.primera h2 {color:#3D1011;}
	
.amarillo {color:#FFDD00; text-transform:uppercase;}
.c .amarillo, .c .a {font-size:20px;}
.dos {width:600px;  margin: auto; padding-top:1em; padding-bottom:1em  }
.dos p { text-align:center; font-size:25px;}
.color {text-transform:uppercase; color:#A2181A; line-height: 2em;}		

	/*FOOTER*/		
.footermenu {padding:0.0em; font-size:calc(6px + .9vw); text-align:center; clear:both; background:#262525}
.footermenu li {display:inline-block; padding:0.2em 2em;}

.footermenu a {color: white; text-decoration:none; font-weight:bold }
.footermenu a:hover {border-bottom:2px solid #A70002;}


/*COOKIES*/		
.cookies {position: fixed; bottom: 0; left: 0; right: 0; background:#A70002; color: white; text-align: center; padding:0.5em; z-index:100;}
.cookies p {text-align:center;}
.cookies__boton {background: initial; border: 1px solid white; font-size: 1rem; color: white;  text-align: center; width:35px; padding:1px; margin-top:5px}
.cookies__titulo {font-size:16px;  padding-left:0;}
.cookies__texto {font-size:15px;}
.cookies button:hover {cursor: pointer; }
.cookies h2 {margin-bottom:10px;}	


.intro p {width:50%; display:inline-block;  color: black; font-size:36px; padding:10px 0; line-height:40px; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}
	.bono {background:#FFF249;}
	.intro p:nth-child(2) {color:#FFEE06;}
	.primera .intro {width:100%; margin:0}
	
	
				@media screen and (max-width:1184px){
				
				.contact div {display:block; margin-left:auto; margin-right:auto; width:100%}
				.contact {padding-top:2em;}
				iframe {width:600px; height:300px}
				
				header {text-align:center}
				.section1 {width:95%;}
				
				
				}
					@media screen and (min-width:1300px) {
						.footermenu { font-size:18px;}
						}
				
			
				



				@media screen and (max-width:1000px) {
					.cookies__titulo {font-size:10px; }
					.cookies__texto {font-size:9px;}

					
				}
				
	
	
				@media screen and (max-width:900px) {
					
					.intro p {font-size:26px;}
					
				}
				@media screen and (max-width:700px){
				
				iframe {width:90%}
				.contact p{font-size:20px;}
				
				}
					
				@media screen and (max-width:600px) {
						
					.intro p { width:100%; font-size:15px; line-height:20px;}
		
				
				.dos {width:100% }
				.dos p { font-size:20px;}


			}
				
				

				@media screen and (max-width:340px){
				
				header ul li a {font-size:7px;}
				header ul li {padding: 5px;}
				header img {width: 140px;}
				.parche {height: 100px;}
				.front {height: 100px;}
				.section1 h2 {font-size:20px; }
				.section1 p {font-size: 10px; line-height: 20px;}
				.primera p {font-size: 13px;}
				.segunda p:nth-child(1) {font-size: 11px; }
				.segunda p {font-size: 15px; padding:0em}
				.segunda div {margin: 15px;}
				.section2 .tercera h3 {font-size: 16px;}
				.tercera p {font-size: 14px; line-height: 26px;}
				.grande {font-size: 20px;}
				.section2 {padding:0; padding-top:2em}
				.primera {  padding-bottom: 1em;}
				.contact {padding-top: 5px;  line-height:inherit;}
				.contact p {font-size:15px;}
				iframe {height: 150px;}
				.contact div {margin-top:1em;}
				.contact {padding-bottom:1em;}
				.contact .a, .contact .amarillo {font-size:13px;}
				.contact .a {line-height:0px;}
			.footermenu li {padding:5px;}

				}
				
	
.hiden {display:none;}