* {
  box-sizing: border-box;
}

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s,  strike,  sup,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%;
  vertical-align: baseline;
  background: transparent;
}

/* CUERPO */

body{
width: 100%;
height: auto;
margin: 0 auto;
padding: 0em;
Text-align: justify;
background-color: grey;
}

/* CONTENEDOR */

#contenedor{
	width: auto;
	margin: 0 auto;
	overflow: hidden;
	background: white;
}

/* NAV */

nav ul li {
  display: inline-block;
}

nav ul li a {
  display: inline-block;
  outline: none;
  color: rgba(23, 84, 48, 1);
  font-size: 16px;
  text-decoration: none;
  letter-spacing: 0.04em;
  font-family: 'quicksand';
  font-weight: bold;

}


@media screen and (max-width: 749px) {
  .nav-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9900;
    background: rgba(73, 17, 73, 1);
    transform: translateY(-100%);
    transition: all 0.2s ease;
  }
  .nav-container ul {
    position: absolute;
    top: 50%;
	padding: 0em;
    transform: translateY(-50%);
    width: 100%;
	
	
  }
  .nav-container ul li {
    display: block;
     width: 100%;
	   text-align: center;
  }
  .nav-container ul li:nth-child(1) a {
    transition-delay: 0.2s;
  }
  .nav-container ul li:nth-child(2) a {
    transition-delay: 0.3s;
  }
  .nav-container ul li:nth-child(3) a {
    transition-delay: 0.4s;
  }
  .nav-container ul li:nth-child(4) a {
  transition-delay: 0.5s;
  }
.nav-container ul li:nth-child(5) a {
    transition-delay: 0.6s;
	}
.nav-container ul li:nth-child(6) a {
    transition-delay: 0.7s;
	}
  
  .nav-container ul li:not(:first-child) {
    margin-left: 0;
  }
  .nav-container ul li a {
	padding: 5px 20px;
    color: rgba(73, 17, 73, 1);
    font-size: 1.2em;
    transform: scale(1.25);
    transition: all 0.3s ease;
  }
  .nav-open {
    position: fixed;
    right: 0em;
    top: -0.5em;
    display: block;
    width: 60px;
    height: 51px;
    cursor: pointer;
    z-index: 9999;
  }
  
  .nav-open i {
    display: block;
    width: 30px;
	height: 4px;
    background: rgba(255, 227, 57, 1);
    border-radius: 2px;
    margin-left: 15px;
	box-shadow: 2px 2px 2px grey;
	  }
	  
  .nav-open i:nth-child(1) {
    margin-top: 15px;
    transition: transform 0.4s ease;
  }
  
  .nav-open i:nth-child(2) {
    margin-top: 4px;
    transition: transform 0.4s ease;
  }
  
  .nav-open i:nth-child(3) {
    margin-top: 4px;
    transition: transform 0.4s ease;
  }
  
  .nav-open i:nth-child(4) {
    margin-top: 4px;
    transition: transform 0.4s ease;
  }
}

#nav:checked + .nav-open i {
  background: rgba(255, 227, 57, 1);
}
#nav:checked + .nav-open i:nth-child(1) {
  transform: rotate(45deg) translate(4px, 4px);
}
#nav:checked + .nav-open i:nth-child(2) {
  transform: translateX(100px);
}
#nav:checked + .nav-open i:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -4px);
}
#nav:checked ~ .nav-container {
  transform: translateY(0);
}
#nav:checked ~ .nav-container ul li {
  margin-bottom: 10px;
}
#nav:checked ~ .nav-container ul li a {
  color: #fff;
  transform: scale(1);
}
.hidden {
  display: none;
}

header{
	display: block;
	clear: both;
	padding: 2em 0em;
	text-align: center;
	background: linear-gradient(rgba(123, 53, 179, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}

header span{
	font-family: 'quicksand';
	font-size: 1.9em;
	padding-top: 1em;
	margin:  0em;
	padding: 0em;
	text-align: center;
	color: white;
	font-weight: bold;
	text-shadow: 2px 1px 1px white;
}

header img{
	margin-top:1em;
	border-radius: 50%;
	box-shadow: 0 0 25px white;
}

h1{
	font-size: 2em;
	padding: 0em 0.5em 0em 0.5em;
	margin: 1em 0em;
	font-family: 'quicksand';
	display: inline-block;
	text-align: center;
	color: rgba(123, 53, 179, 1);
	margin: 0em;
	text-shadow: 1px 1px 2px black;
}

h2 {
display: block;
font-family: "ubuntu condensed";
text-align: center;
color: white;
background:rgba(123, 53, 179, 1);
font-size: 1.5em;
text-decoration: none;
padding: 1em 0em;
margin-bottom: 1em;
}

h3 {
font-family: 'quicksand';
width: 75%;
text-align: center;
color: rgba(73, 17, 73, 1);
background: rgba(255, 220, 8, 0.8);
font-size: 1em;
text-decoration: underline;
margin: 2em auto;
padding: 0.5em 0em;
border-bottom: 0.5em solid rgba(123, 53, 179, 1);
border-radius: 50px;
}

h4{

	margin-top: 3em;
	margin: 1em auto;
	padding: 0.5em 0em;
	font-family: "quicksand";
	text-align: center;
	color: white;
	background: rgba(73, 17, 73, 0.8);
	font-size: 1.2em;
	text-decoration: underline;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 2px rgba(47, 47, 47, 0.2);
}

h5{
	margin-top: 2em;
	text-align: center;
	color: rgba(73, 17, 73, 1);
	font-size: 1.1em;

}

img {
height: auto;
max-width: 100%;
box-shadow: 0px 6px 5px 2px rgba(47, 47, 47, 0.2);
border-radius: 5%;
}

p{
	padding: 1em;
	text-align: left;
	line-height: 1.5em;
}

main .fa{
	color: rgba(73, 17, 73, 1);
}

.icono{
	clear: both;
	
}

.icono span:not(.morado){
	text-align: center;
	margin-top: 1em;
	padding-left: 0.2em;
}

.icono p{
	text-align: center;
	line-height: 1.5em;
	
}

hr{
	width:30%;
	height:3px;
	background:rgba(230, 228, 2, 1);
}

.left{
	float: left;
	
}

.right{
	float:right;
	margin-bottom: 1em;
}

.negrita{
	font-weight: bold;
}

.destacado{
	font-weight: bold;
	color: rgba(15, 0, 234, 1);
}
.destacado2{
	font-weight: bold;
	color: white;
	background:rgba(15, 0, 234, 0.8);
}

.little {
	max-width: 80%;
	margin: 1em;
}

.centrado {
	margin: 0em auto;
	text-align: center;
	

}





/* MAIN */

main {
width: auto;
padding: 0em;
}

/* PARK XUCAR SHOW */

#pxs, #fiestasinfant, #castillos, #atracciones, #espec, #comidadiv, #cantajuegos, #clientes, #info, #trik, #celas, #jump, #toro, #tren, #surf, #recre, #futbol, #gladiadores, #sumos, #punt, #disco, #error
{
	width: auto;
	margin: 0em auto;
	padding: 0em 0em 3em 0em;
	text-align: center;
    font-family: "quicksand";
	
}

 #trik p, #celas p, #jump p, #toro p, #tren p, #surf p, #recre p, #futbol p, #gladiadores p, #sumos p, #punt p, #disco p {
	 text-align: center !important;
 }
/* SLIDESHOW */

.css-slideshow {
     position: relative;			/* positioning facilities */
	 max-width: 500px;
 	 height: 15em;
	 margin: 3em auto;				/* some margin */
	 margin-bottom: 8em;
	 font-family: "quicksand", sans-serif;	/* just a custom font */
     font-weight: 300;						/* font-weight, semibold */
	 background-color: yellow;
	 clear: both;
}

.css-slideshow figure {
     margin: 0em auto;					/* ensuring there is no margin */
     max-width: 100%;
     height: 270px;
     background: #fff;			  /* white background */
     position: absolute;			/* positioning facilities */
}

.css-slideshow img {				/* a shadow for our box wrapper */
   
     box-shadow: 0 0 2px #666;
	 
}

/* Give the figcaption a 0% opacity at first */
.css-slideshow figcaption {
    position: absolute;
	top: 5px;
	color: #fff;
	background: rgba(0,0,0, .3);
	font-size: .8em;
	padding: 8px 12px;
	
	filter: alpha(opacity=0);
	opacity: 0;
	
	transition: opacity .5s;	/* transition duration */
}

/* Give the figcaption a 100% opacity now */
.css-slideshow:hover figure figcaption {
  
	transition: opacity .5s;		/* transition duration */
	
	filter: alpha(opacity=100);
	opacity: 1;
}

/* Here every child of css-transition gets animated */


.css-slideshow figure:nth-child(1) {
	animation: xfade 36s 30s infinite;
}
.css-slideshow figure:nth-child(2) {
	animation: xfade 36s 24s infinite;
}
.css-slideshow figure:nth-child(3) {
	animation: xfade 36s 18s infinite;
}
.css-slideshow figure:nth-child(4) {
	animation: xfade 36s 12s infinite;
}
.css-slideshow figure:nth-child(5) {
	animation: xfade 36s 6s infinite;
}
.css-slideshow figure:nth-child(6) {
	animation: xfade 36s 0s infinite;
}

@keyframes "xfade" {
 0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }
14.67% {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
16.67% {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
 98% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }
}

footer {
color: white;
width: auto;
margin: 0 auto;
	
border-top:0.2em solid rgba(230, 228, 2, 0.3);
text-align: center;	
background: rgba(73, 17, 73, 0.9);
box-shadow: 1px 0em 1px 1px rgba(47,47,47,0.3);
}

#redes{
	text-align: center;
	margin-top: 2em;
	padding-bottom: 2em;	
	
}

#redes a {
  color: white; 
  margin: 0em 0.5em; 
  font-size: 2.5em; 
  transition: 0.5s ease;
  }


#redes a:hover {
  color: rgba(73, 17, 73, 1) !important;
  background-color: white ;
  padding: 0.2em;  
  border-radius:50%;
  font-size: 3em;
}

.contpie p{
	font-family: "quicksand";
	text-align: center;
	line-height : 0.8em;
	font-size: 1em;
	font-weight: bold;
}

.contpie a:hover{
	font-size: 1.4em;
}

.amarillo{
	color: rgba(237, 237, 0, 1);
}

.byf{
	font-size: 1.2em;
	color: rgba(73, 17, 73, 1);
	background-color:rgba(255, 227, 57, 1);
	clear: both;
	text-align: center;
	padding: 0.3em 0em;
	
	
}

.morado2{
	color: rgba(73, 17, 73, 1);
	font-weight: bold;
}

.morado{
	color: rgba(73, 17, 73, 1);
	font-weight: bold;
	font-size:1.38em;
}

.subr{
	text-decoration: underline;
	color: rgba(73, 17, 73, 1);
	font-weight: bold;
}

.mayor{
	font-size: 1.2em;
}

.boton{
	display: block;
	width: 90%;
	font-family: "quicksand";
	color: white;
	
	border: 0.2em solid white; 
	border-radius: 5%;
	font-size: 1.2em;
	font-weight:bold;
	margin-top: 5em;
	margin: 1.5em auto;
	padding: 2em 1em;
	clear: both;
	text-align: center;
	box-shadow: 0.2em 0.3em 0.1em rgb(152, 152, 152),
				-0.2em -0.3em 0.1em rgb(152, 152, 152);
}

.boton:hover{
	background-color: rgba(255, 220, 9, 1);

	width: 100%;
	box-shadow: 0.2em 0.3em 0.1em rgb(152, 152, 152),
				-0.2em -0.3em 0.1em rgba(73, 17, 73, 1);	
	font-weight:bold;
}

.boton:hover a{
	color: rgba(73, 17, 73, 1);
}

.boton a {
	text-decoration:none !important;
	color: grey;
	
}

.contpie a{
	color:rgba(255, 227, 57, 1);
}

.contpie2{
	width: 100%;
	clear: both;
	margin: 2em auto;
	margin-bottom: 0em;
	padding: 0.5em 0em;
	font-family: "quicksand";
	font-size: 0.8em;
	border-top: 0.1em solid rgba(255, 227, 57, 1);
	
	background: rgba(73, 17, 73, 1);
}
	
.contpie2 p{
	text-align: center;
	color: rgba(255, 227, 57, 1);
	font-size: 1em;
	font-weight: bold;
}

#pxs .centrado {
		text-align: center;
}

/* FIESTAS INFANTILES */


	
#fiestasinfant article{
	
	margin-bottom: 0.3em;
	padding: 5em 1em;
	
	
}

#fiestasinfant article a{
	color: rgba(255, 220, 8, 1) !important;
	
}

#fiestasinfant h4{
	margin: 1.25em auto;
	width: 60%;
	font-size: 1.4em;
	color: rgba(73, 17, 73, 1);
}



.infant1{
	float: left;
	background: rgba(73, 17, 73, 1);
	color: white;
	font-weight: bold;
	
}	
	
.infant2{
	float: right;
	background: white;
	color: rgba(73, 17, 73, 1);
	font-weight: bold;
}	

.infant1 h4{ 
	background: #FFED83;
	color: rgba(73, 17, 73, 1);
	border-radius: 5px;
}
.infant2 h4{
	background: rgba(73, 17, 73, 1); 
	color: #FFED83 !important;
	border-radius: 5px;
}

.infant2 a{
	color: rgba(73, 17, 73, 1) !important;
}

/*ATRACCIONES*/

#atracciones article {
	display: inline-block;
	width: 40%;	
	background-color: white;
	margin: 1em;
	
}


#atracciones article h4 {
	font-size: 1.2em;
border: 0.1em solid black;	
	margin: 0em;
	padding: 0em;
color: white;
background-color: rgba(73, 17, 73, 0.8);
font-family:"ubuntu condensed";
}

#recre ul{
	list-style: none;
	margin: 1em 0 1em 3em;
	
}

#recre ul.fa{
	color: rgba(73, 17, 73, 1);
	background: pink;
}


/*ESPECTACULOS*/

#espec article {
	display: inline-block;
	
	height: 600px;
	padding: 0em;
	margin: 1em 0em;
	text-align: center;
}



#espec .infant1 h3 {
		background-color: #FFED83 !important ;
		color: rgba(73, 17, 73, 0.8);
		border: 0;
		border-radius: 5px;
}

#espec .infant2 h3 {
		background-color: rgba(73, 17, 73, 1) !important;
		color: #FFED83;
		border: 0;
		border-radius: 5px;
}

#espec article p {
	margin: 1em;
}


/*COMIDA DIVERTIDA*/

#comidadiv article{
	display: inline-block;
	margin: 1.5em auto;
	text-align: center;
}

/*CLIENTES*/


#clientes h4{
max-width: 80%;
text-decoration: none;
text-align: left !important;
padding-left: 1em;
margin: 0em;
}


#clientes ul{
	list-style: none;
	padding: 2em;
	
	
}

#clientes ul li{
	text-align: left;
	padding-left: 1.2em;
	line-height: 1.5em;
	
}

#clientes .fa{
	color: white;
}

#clientes ul li::before{
	content:" > ";
}

.cont{
	width: 90%;
	margin: 2em auto;

}

.fullcont{
	margin: 0em auto;
}

/*CONTACTO*/

#info .fa{
 padding-right: 0.5em;
color: rgba(255, 227, 57, 1);
}

.conta a {
	color: rgba(255, 227, 57, 1);
}


#info .morado, .conta p{
	color: white !important;
}

form{
	margin: 2em auto;
	
}

form h4{
	margin: 0em;
	border-radius: 0;
	color: rgba(73, 17, 73, 1);
	background: rgba(255, 227, 57, 0.8);
	border-bottom: 0.1em solid white;
	box-shadow: 0 0 0;
}

form ul{
	
	width: auto;
	list-style: none;
    margin: 0em;
    padding: 1em 0em;
	background-color: rgba(73, 17, 73, 0.8);
}


form li{
		width: auto;
	margin: 0em auto;
    padding: 0em; 
	color: #2F2F2F;
	font-weight: bold;
    text-align: center;	
 }
 
 form label {
	color: rgb(255, 219, 1);
	display: block;
	text-align: left;
	margin: 0.5em 0em;
	margin-left: 2.3em;
	
}
 
 form input {
	 width: 80%;
	 padding: 0.8em;
	 color: grey;
	 box-shadow:inset 0em 0em 0.3em grey;
	 border-radius: 5px;
 }
	 
 form input:first-child{
	 width: 5%;
	 
 }
 
 
	 
  button.submit{
	  margin-top: 1em;
	  
  }
  
  button.submit:hover {

opacity:.75;
cursor: pointer; 
background-color: rgb(255,219,1);
border-radius: 25%;
  }
  
 .conta{
	 background: rgba(73, 17, 73, 1);
 }

 /* ---------- Ancho Mínimo 650px y máximo 890px (Tablet Horizontal / Escritorios Normales) -------------------------*/
@media (min-width: 750px)  {


/* CABECERA */

#fiestasinfant .centrado{
	display: block;
	
	overflow: hidden;
	padding-bottom: 2em;
}

#espec .centrado{
	display: block;
	overflow: hidden;
	padding-bottom: 2em;
}

header{
	display: block;
	clear: both;
	margin: 4em 0em 0em 0em;
	padding: 0em;
	text-align: center;
	background: radial-gradient(circle at 50% -20.71%, #b349d9 0, #8037b7 16.67%, #4c238f 33.33%, #130e63 50%, #000039 66.67%, #000019 83.33%, #000000 100%);
	border-bottom: 0.3em solid white;
	
}

header span{
	
	font-family: 'quicksand';
	font-size: 2.2em;
	margin: 0em;
	padding: 0em;
	text-align: center;
	color: white;
	font-weight: bold;
	
}

header img{
	margin-top:0;
}

nav{
	height: 4em;
	background: linear-gradient(5deg, #1c1841 0, #100e31 50%, #050022 100%);
	position: fixed;
	width:100%;
	z-index:999999;
	border-bottom: 0.3em solid rgba(123, 53, 179, 1);
	box-shadow: 1px 1px 20px black;
	
	
}

nav ul li {
	float: left;
	width: auto;
	height:4em;
	width: 11.11%;
	display: inline;
	text-align: center;
	padding: 0.75em 0em;
	
}


nav ul li a {
	font-size: 0.8em;
	font-family: "quicksand";
	color: white;
}

nav ul li a:hover{
	color: #FFE339;
	font-size: 0.9em;
	text-decoration: underline;
	text-shadow: 0px 0px 1px rgba(73, 17, 73, 1);
}

/* CENTRADO VERTICAL */

.vertical-centered-text {
   display: flex;
  /* alineacion vertical */
  align-items: center;
   /* alineacion horizontal */
  justify-content: center;
}
.right1-3 {
	float: right;
	width: 40%;
	min-width: 40%;
	padding: 0.3em 0em 0.1em 0em;
	margin: 0em auto;
	text-align: center;
	
}

.left1-3 {
	float: left;
	width: 40%;
	min-width: 40%;
	padding: 1.1em 1.5em;
	margin: 0em auto;
	text-align: center;
	
}

.icono{
	text-align: left;
	display: inline-block;
	margin-top: 1em;
	padding-left: 0.2em;
}

.icono span:not(.morado){
	float: left;
	margin: 0.5em 0.75em 1em 0.75em;
}

.icono p{
	text-align: left;
}

h1{
	font-size: 1.9em;
	padding: 0em 0.5em;
	margin: 0.673em 0em;
	font-family: "quicksand";
	display: inline-block;
	text-align: center;
	color: white;
	text-shadow: 2px -1px 1px grey;
}

h2{
	background: rgba(255, 220, 8, 0.8);
	letter-spacing: 0.09em;
	word-spacing: 0.6em;
	color: rgba(73, 17, 73, 1);
	
}
h3{
	width: 60%;
	font-size: 1.3em;
	margin: 2em auto;
	border-top: 0em solid rgba(73, 17, 73, 1);
	border-bottom: 0.5em solid rgba(73, 17, 73, 1);
	border-radius: 50px;
	box-shadow: 0px 6px 5px 2px rgba(47, 47, 47, 0.2);

}

h3:before{
	content: "\f107";
	font-family: FontAwesome;
	padding-right: 0.5em;
}


#pxs h4 {
	width: 60%;
	margin-top: 3em;
	margin: 0 auto;
	padding: 0.5em 0em;
	font-family: "quicksand";
	text-align: center;
	color: white;
	background: rgba(73, 17, 73, 0.8);
	font-size: 1.2em;
	text-decoration: underline;
	border-radius: 5px;
}

#fiestasinfant article{
	display: inline-block;
	width: 50%;
	height: 700px;
	margin: 0em;
	padding: 2em;
	
}

#fiestasinfant h4{
	background: white;
	color: rgba(73, 17, 73, 0.8);
	padding: 1em;
}

#fiestasinfant article:nth-child(1), #fiestasinfant article:nth-child(4), #fiestasinfant article:nth-child(5), #fiestasinfant article:nth-child(8){
	background-color: rgba(73, 17, 73, 0.8);
	color: white;
}






.infant1{
	border: 0;
	
	color: rgba(73, 17, 73, 0.8);
	background: white;
	
	
}
.infant2{
	background: white;
	border: 0;
	
}

.infant2 h4{
	background: white;
	color: rgba(73, 17, 73, 0.8) !important;
	border: 0;
	
}

.infant1 h4{
	border: 0;
	
	color: rgba(73, 17, 73, 0.8);
	background: white;
	
	
}





img {
height: auto;
max-width: 100%;
border-radius: 5%;
}

.css-slideshow {
	width: 60%;
	float: left;
	margin: 1.5em 0.8em;
	margin-bottom: 12em;
}

#atracciones h3{
	width: 70%;
	padding: 0.5em 2em;
	
}


#atracciones article {
	display: inline-block;
	width: 24%;	
	margin: 1em;
	transition: 1s ease;
	box-shadow: 0px 6px 5px 2px rgba(47, 47, 47, 0.2);
}


#atracciones article:hover{
transform : scale(1.2);
filter: opacity(.7);
}

#atracciones article h4 {

	max-width: 100%;
	border: 0.1em solid black;	
	margin: 0em auto;
	padding: 0em;
	text-align: center;
	color: white;
	background-color: rgba(73, 17, 73, 0.8);
	font-family:"ubuntu condensed";
}

#espec article{
	width:50%;
	margin: 0em;
	height: 700px;
}

#espec article:nth-child(1), #espec article:nth-child(4){
	background-color: rgba(73, 17, 73, 0.8);
	color: white;
}

#espec h3:nth-child(1), #espec h3:nth-child(4){
	background-color: white !important;
	color: rgba(73, 17, 73, 0.8);
}

#comidadiv article{
	display: inline-block;
	width: 30%;
	margin: 1.5em auto;
	text-align: center;
}

#comidadiv article:hover{
	transform : scale(1.03);
filter: opacity(.8);
}


.cont{ 
display: inline-block;
width: 45%;
margin:1em;
}

#clientes h4{
max-width: 100%;
text-decoration: none;
padding-left: 1em;
margin-bottom: 0em;
}

#clientes ul{
	border-top: 0.2em solid rgba(255, 227, 57, 1);
}

.contpie{
	width: 48%;
	min-width: 48%;
	float: left;
	padding-bottom: 2em;
}

.byf{
	letter-spacing: 0.1em;
	word-spacing: 0.5em;
	}

form{
		width: 50%;
	float: left;
	margin-right: 2em;
	
}

form h4{
	border-radius:25% 25% 0 0;
}

form ul{
	border-radius: 0 0 5% 5%;
}

.conta{
	width: 40%;
	float: left;
	margin: 2em 0em 0em 2em;
	padding: 3em 0;
	background: white;
	
}

#info .fa, #info p, #info a{
	color:  rgba(73, 17, 73, 1);
}

#info .morado, .conta p{
	color: rgba(73, 17, 73, 1) !important;
}



footer{
	clear: both;
}



}


 /* -------- Ancho Mínimo 867px y máximo 890px (Tablet Horizontal / Escritorios Normales) -------------------------*/
@media (min-width: 867px) and (max-width: 890px)  {
	header span {
		margin:0em 0.5em;
	}	
	header img{
	margin-top:0;
}
	h3{
		font-size: 1.3em;
	}
}


 /* ---------- Ancho Mínimo 891px y máximo 1199px (Tablet Horizontal / Escritorios Normales) -------------------------*/
@media (min-width: 891px) {

header{
	display: block;
	clear: both;
	margin: 4em 0em 0em 0em;
	padding: 0.1em 0em;
	text-align: center;
	background: radial-gradient(circle at 50% -20.71%, #b349d9 0, #8037b7 16.67%, #4c238f 33.33%, #130e63 50%, #000039 66.67%, #000019 83.33%, #000000 100%);
	border-bottom: 0.3em solid white;
}

header img{
	margin-top:0;
}

header span{
	font-size: 2.8em;
	margin: 0em 0em 0em 0.4em;
}

main {
width: auto;
padding: 0em;

}

#contenedor{
background: rgba(255, 255, 235, 1);

}



/* CENTRADO VERTICAL */

.vertical-centered-text {
   display: flex;
  /* alineacion vertical */
  align-items: center;
   /* alineacion horizontal */
  justify-content: center;
}

.right1-3 {
	float: right;
	width: 39%;
	min-width: 39%;
	padding: 0em 1em 0em 1em;
	margin: 0em auto;
	min-height: 123.33px;
	text-align: center;
	display: flex;
	border-right: 0em;
   
}

.left1-3 {
	float: left;
	width: 39%;
	max-width: 39%;
	min-width: 39%;
	min-height: 123.33px;
	padding: 0.4em 1em 0em 0em;
	margin: 0em 0em;
	border-left: 0em;
	text-align: center;
	
}

h1{
	font-size: 2em;
	padding: 0em 0.5em;
	margin: 0.67em 0em;
	font-family: "quicksand";
	display: inline-block;
	text-align: center;
	color: white;
	text-shadow: 3px 2px 20px black;
}

h2{
	background: rgba(255, 220, 8, 0.8);
	Color: rgba(73, 17, 73, 1);
	letter-spacing: 0.09em;
	word-spacing: 0.6em;
}

h3{
	font-size: 1.3em;
	width: 75%;
}


#pxs h4 {
	width: 60%;
	margin: 2em auto;
	padding: 0.5em 0em;
	font-family: "quicksand";
	text-align: center;
	color: white;
	background: rgba(73, 17, 73, 1);
	font-size: 1.2em;
	text-decoration: underline;
	border-radius: 5px;
}

nav{
width: 100%;
position: fixed;
clear: both;
z-index: 100;
background: linear-gradient(5deg, #1c1841 0, #100e31 50%, #050022 100%);
border-bottom: 0.3em solid rgba(123, 53, 179, 1);
}

nav ul {
	list-style: none;
	margin: auto; 
	clear: both;
	text-align: center;
	
}

nav ul li {
	float: left;
	width: auto;
	height: 4em;
	width: 11.111%;
	display: inline;
	margin: 0em;
	padding: 0em 0em 0.4em 0em;
	display:flex;
    justify-content: center;
    align-items: center;
}



nav ul li a{
color: white;	
font-family: "ubuntu condensed";
font-size: 0.8em
}

nav ul li a:hover{
		font-size: 1.1em;
		transition: all 0.3s ease;
	
}

	
.css-slideshow {
	width: 60%;
	float: left;
	margin: 1.5em 0.8em;
	margin-bottom: 8em;
}

.centrado {
	margin: 0em auto;
	
}

img {
height: auto;
max-width: 100%;
}

.contpie{
	width: 48%;
	min-width: 48%;
	float: left;
	padding-bottom: 2em;
}

.zoom {
	transition: 1.5s ease;
 }
	
.zoom:hover{
		transform : scale(1.05);
}

#pxs, #fiestasinfant, #castillos, #atracciones, #espec, #comidadiv, #cantajuegos, #clientes, #info, #trik, #celas, #jump, #toro, #tren, #surf, #recre, #futbol, #gladiadores, #sumos, #punt, #disco, #error {
	font-family: 'quicksand';
	font-size: 1.1em;
	text-align: justify;
	line-height: 1.5em;
	background-color: white;
	
}

#fiestasinfant article{
	display: inline-block;
	width: 50%;
	height: 700px;
	margin: 0 auto;
	padding: 4em 0 2em 0;
}





#atracciones article {
	display: inline-block;
	width: 24%;	
	margin: 1em;
	transition: 1s ease;
	
}



#atracciones article:hover{
transform : scale(1.2);
filter: opacity(.7);
}

#atracciones article h4 {
	
	max-width: 100%;
	margin: 0em auto;
	padding: 0em;
	text-align: center;
	color: white;
	background-color: rgba(73, 17, 73, 0.8);
	font-family:"ubuntu condensed";
}

#espec article {
	display: inline-block;
	width: 50%;
	background-color: white;
	padding: 0em;
	margin: 0em 0em;
	text-align: center;
}



#comidadiv article{
	display: inline-block;
	width: 30%;
	margin: 1.5em auto;
	text-align: center;
}

form h4{
	border-radius: 25% 25% 0 0;
}

form ul{
	border-radius: 0 0 5% 5%;
}

.fullcont{
	text-align: center;
}

}
@media (min-width: 1041px) {
	

main{
	box-shadow: 2px 0px 5px 2px rgba(255, 227, 57, 0.2),
			  	-2px 0px 5px 2px rgba(255, 227, 57, 0.2);
}


	
h1{
	max-width: 415px;
	font-size: 2.25em;
	padding: 0em 0.8em;
	margin: 0.45em 0.5em;
	font-family: "quicksand";
	display: inline-block;
	text-align: center;
	color: white;
	text-shadow: 3px 2px 20px black;
}

h2{
	
	letter-spacing: 0.09em;
	color: rgba(73, 17, 73, 1);
	word-spacing: 0.6em;
}
	
header span{
	font-size: 3em;
	margin: 0em;
	padding: 0.6em;
}

main{ 
width: 80%;
margin: auto;
}

nav ul li a{

font-size: 0.9em
}




}



@media print {
	ul, img, table {
	page-break-inside: avoid;
}
nav, footer, img, aside {
  display: none;
}
}