/*! responsive-nav.js v1.0.14 by @viljamis */

@font-face {
    font-family: 'Merienda';
    src: url(http://fonts.googleapis.com/css?family=Merienda);
}

@font-face {
    font-family: "Edwardian Script ITC";
    src: url("../fonts/Edwardian Script ITC.ttf");
}

.desde-1983 {
	font-family: 'Edwardian Script ITC', cursive;
	font-size: 1.40em;
	color:#000000;
}

	     .texto {
	color: #FFF;
	font-family: 'Merienda', cursive;
	font-size: 1em;
	
}
	
		     .texto-titulo {
	color: #FFF;
	font-family: 'Merienda', cursive;
	font-size: 1em;
	font-weight: bold;}
	
		     .footer {
	color: #FFF;
	font-family: 'Merienda', cursive;
	font-size: 0.90em;		
}

	     .error4 {
	color: #FFF;
	font-family: 'Merienda', cursive;
	font-size: 1.2em;
	
}

#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

#nav li {
  width: 100%;
  display: block;
}

.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

#nav.opened {
  max-height: 9999px;
}

      #nav ul{
	font-family: 'Merienda', cursive;
	font-size: 1.15em;
	
 }
 #nav li{
    text-align: left;
    margin: 0 10px 0 0;
	font-family: 'Merienda', cursive;
	font-size: 1.15em;

 }
 #nav li a {

    color: #ffffff;
    

    text-decoration: none;
	font-family: 'Merienda', cursive;
	font-size: 1.15em;
 }
 #nav li a:hover{
    color: #000000;
	background-color: #ab8920;
	font-family: 'Merienda', cursive;
	font-size: 1.15em;
 }
 
     #form {
	  	border: 3px double #eaeaea;
		  background-color: #fafafa;
		  padding: 10px;
		  width: 400px;
		  margin: auto;}

	#form h2{
		font-size: 1.5em;
			margin: 0 0 1em 0;
			padding: 0 0 0.5em 0;}


		#form .campo {
			border: 1px solid #999;
			padding: 0.3em;
			font-size: 1.2em;}

		#form .error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 1.2em;}

		#form .com {
			border: 1px solid #999;
			padding: 0.3em;
			font-size: 1.2em;
			width:20em;
			height: 10em;
			font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

		#form .com-error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 1.2em;
			width:20em;
			height: 10em;
			font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

  	#form .boton {
			border: 2px solid #999;
			padding: 0.3em;
			font-size: 1.2em;
			width: 4em;}

	  #error {
		  border: 1px dashed #F00;
		  background-color: #000000;
		  padding: 5px;
		  font-family: 'Merienda', cursive;
		  font-size: 18px;}

	  #ok {
	    border: 1px dashed #060;
	    background-color:#000000;
	    padding: 5px;
		font-family: 'Merienda', cursive;
		font-size: 18px;}
		
		.explicacion {	font-family: 'Merienda', cursive; font-size: 12px;

}


@media screen and (min-width: 640px) {
  .desde-1983 {
	font-family: 'Edwardian Script ITC', cursive;
	font-size: 2.3em;
}
  
  	     .texto {
	color: #FFF;
	font-family: 'Merienda', cursive;
	font-size: 1.1em;
	
}
	
		     .texto-titulo {
	color: #FFF;
	font-family: 'Merienda', cursive;
	font-size: 1.1em;
	font-weight: bold;}
	
		     .footer {
	color: #FFF;
	font-family: 'Merienda', cursive;
	font-size: 1em;
	
}

	     .error4 {
	color: #FFF;
	font-family: 'Merienda', cursive;
	font-size: 2em;
	
}
  
  .js #nav {
    position: right;
  }
  .js #nav.closed {
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }

      #nav ul{
	font-family: "Edwardian Script ITC", cursive;
	font-size: 1.30em;
	
 }
 #nav li{
    display: inline;
    text-align: center;
    margin: 0 10px 0 0;
	font-family: "Edwardian Script ITC", cursive;
	font-size: 1.30em;
	list-style: none; display: inline; margin: 0; padding: 0; border-right: 1px solid #938a78
 }
 #nav li a {
    padding: 2px 7px 2px 7px;
    color: #ffffff;
    
    border: 0px solid #ccc;
    text-decoration: none;
	font-family: "Edwardian Script ITC", cursive;
	font-size: 1.30em;
 }
 #nav li a:hover{
    color: #000000;
	background-color: #ab8920;
	font-family: "Edwardian Script ITC", cursive;
	font-size: 1.30em;
 }

    #form {
	  	border: 3px double #eaeaea;
		  background-color: #fafafa;
		  padding: 10px;
		  width: 400px;
		  margin: auto;}

	#form h2{
		font-size: 1.5em;
			margin: 0 0 1em 0;
			padding: 0 0 0.5em 0;}


		#form .campo {
			border: 1px solid #999;
			padding: 0.3em;
			font-size: 1.2em;}

		#form .error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 1.2em;}

		#form .com {
			border: 1px solid #999;
			padding: 0.3em;
			font-size: 1.2em;
			width:20em;
			height: 10em;
			font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

		#form .com-error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 1.2em;
			width:20em;
			height: 10em;
			font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

  	#form .boton {
			border: 2px solid #999;
			padding: 0.3em;
			font-size: 1.2em;
			width: 4em;}

	  #error {
		  border: 1px dashed #F00;
		  background-color: #000000;
		  padding: 5px;
		  font-family: 'Merienda', cursive;
		  font-size: 18px;}

	  #ok {
	    border: 1px dashed #060;
	    background-color:#000000;
	    padding: 5px;
		font-family: 'Merienda', cursive;
		font-size: 18px;}
		
		.explicacion {	font-family: 'Merienda', cursive; font-size: 12px;

}


}
@media screen and (min-width: 1081px) {
    .desde-1983 {
	font-family: 'Edwardian Script ITC', cursive;
	font-size: 3em;
}

	     .texto {
	color: #FFF;
	font-family: 'Merienda', cursive;
	font-size: 1.1em;
	
}
	
		     .texto-titulo {
	color: #FFF;
	font-family: 'Merienda', cursive;
	font-size: 1.1em;
	font-weight: bold;}
	
		     .footer {
	color: #FFF;
	font-family: 'Merienda', cursive;
	font-size: 1em;
	
}
  
  .js #nav {
    position: right;
  }
  .js #nav.closed {
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }
      #nav ul{
    list-style-type: none;
	display: inline;
    text-align: center;
	font-family: 'Edwardian Script ITC', cursive;
	font-size: 1.4em;
	
 }
 #nav li{
    display: inline;
    text-align: center;
    margin: 0 10px 0 0;
	font-family: 'Edwardian Script ITC', cursive;
	font-size: 1.4em;
	list-style: none; display: inline; margin: 0; padding: 0; border-right: 1px solid #938a78
 }
 #nav li a {
    padding: 2px 7px 2px 7px;
    color: #ffffff;
    
    border: 0px solid #ccc;
    text-decoration: none;
	font-family: 'Edwardian Script ITC', cursive;
	font-size: 1.4em;
 }
 #nav li a:hover{
	color: #000000;
	background-color: #ab8920;
	font-family: "Edwardian Script ITC", cursive;
	font-size: 1.4em;
 }
 	     .error4 {
	color: #FFF;
	font-family: 'Merienda', cursive;
	font-size: 2em;
	
}

    #form {
	  	border: 3px double #eaeaea;
		  background-color: #fafafa;
		  padding: 10px;
		  width: 400px;
		  margin: auto;}

	#form h2{
		font-size: 1.5em;
			margin: 0 0 1em 0;
			padding: 0 0 0.5em 0;}


		#form .campo {
			border: 1px solid #999;
			padding: 0.3em;
			font-size: 1.2em;}

		#form .error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 1.2em;}

		#form .com {
			border: 1px solid #999;
			padding: 0.3em;
			font-size: 1.2em;
			width:20em;
			height: 10em;
			font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

		#form .com-error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 1.2em;
			width:20em;
			height: 10em;
			font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

  	#form .boton {
			border: 2px solid #999;
			padding: 0.3em;
			font-size: 1.2em;
			width: 4em;}

	  #error {
		  border: 1px dashed #F00;
		  background-color: #000000;
		  padding: 5px;
		  font-family: 'Merienda', cursive;
		  font-size: 18px;}

	  #ok {
	    border: 1px dashed #060;
	    background-color:#000000;
	    padding: 5px;
		font-family: 'Merienda', cursive;
		font-size: 18px;}
		
		.explicacion {	font-family: 'Merienda', cursive; font-size: 12px;

}