/* reseteo universal */

* {
	border: 0;
	margin: 0;
	padding: 0;

}

article, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

/* estilos del sitio  */


body {
	background: #212121  url(fondoa.jpg);
	color: #224;
	font-size: 1.1em;
     }
a   {
	color: #aacfef;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
		color: #f60;
	}

fieldset {
	border: .1em solid #f60;
	border-radius: .5em;
	padding: 1em;
	}

figcaption {
	font-size: 0.85em;
	padding: 0.25em;
	text-align: center;
}

form	{
	width: 95%;
	}

form div	{
		margin: .5em;
		}




.fotes {
	float: left;
	padding-right: .6em ;
	}


img, video {
	max-width: 100%;
}

input[type="email"], input[type="text"], textarea { background:eee;
							border-radius: .25em;
							color: #aa121a;
							font-size: 1em;
							padding: .25em;
							width: 95%;							
						 } 

input[type="email"]:focus, input[type="text"]:focus, textarea:focus { background:#c6ecf9;
											 } 

input[type="submit"]	{ background: #f90;
			border-radius: 0 .25em;
			color: #510;
			font-size: 1.25em;
			padding: .25em;
					 } 

input[type="submit"]:hover	{ background:#7bbfd5;
				border-radius: .25em 0;
				color: #000;
				cursor: pointer;
					 } 
label { cursor: pointer; 
	color: #fff;	
}

legend {  color: #f90;
	  font-family: cursive,verdana;
	  font-size: 1.2em;
	  font-weight:bold;
	}



h2	{
	background: #33393f;
	color: #fff;
	font-size: 1.39em;
	padding-left: .6em ;
	padding-bottom: .3em ;
	text-align: left;
	text-shadow: 8px 6px 8px  rgba(100,255,255,0.5);
}

h3	{
	background: #886666;
	color: #fff;
	font-size: 0.93em;
	padding-left: .6em ;
	padding-bottom: .3em ;
	text-align: left;
}

h4	{
	background: #668f9f;
	color: #aaeff3;
	font-family: cursive,verdana;
	font-size: 1.5em;
	padding-left: .6em ;
	padding-bottom: .3em ;
	text-align: center;
}





textarea { resize:none; }


header, section#contenido, footer{
	background: #bbbbbf;
	margin: 0 auto;
	max-width: 90%;
	text-align: center;
}

header h1, nav {
	
	display: inline-block;
	font-size: 1.1em;
	max-width: 100%;
	vertical-align: middle;
	
}

header nav {
	
	text-align: center;
}

nav ul{
	list-style: none;
      }

nav li {
	display: inline-block;
	
	vertical-align:top;
      }

nav li ul {
	background: #cccccc;
	border: 0.02em ;
	color: #111111;
	display: none;
	padding: 0.1em;
	padding-top: 0.05em;
	padding-bottom: 0.05em;
	position: absolute;
	min-width: 140px;
	transition: all 2s ease;
	
	}

nav li:hover ul {
	background:#bbbbbb;
	border: 0.06em dashed #aaa;
	display: block;
	font-size: 0.8em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	transition-duration: all 2s ease-out;
		
	}

nav li ul li a {
	background: #f2f9f3;
	border: 0.06em dashed #333;
	color: #12211c;
	font-family: Helvetica, Verdana;
	font-size: 1.1em;
	padding-top: 0.05em;
	padding-bottom: 0.05em;
	transition-duration: all 2s ease-in;
	}

nav a {
	background:  #26606f;
	border: 0.1em solid #57abb8;
	border-radius: 0.5em;
	color: #effffa;
	display: block;
	font-family: Lucida Console, Helvetica, Verdana;
	font-size: 1.2em;
	padding: 0.1em;
	padding-left: 0.33em;
	padding-right: 0.33em;
	transition: all 0.5s ease-in;
	}


nav a:hover {
	background: #428899;
	border: 0.1em dashed #afd9a2;
	border-radius: 0 0.5em 0 0.5em;
	color: #eff6ea;
	transition: all 0.5s ease-out;
	}

nav li ul li a:hover { background: #162012;}


p	{ 	padding-bottom: 0.2em;
		padding-left: 0.5em;
		padding-right: 0.5em;
		padding-top: 0.1em;
		text-align : justify; }


section#contacto, aside {
	background: #011e30;
	border-radius: 0.5em;
	display: inline-block;
	margin: 0 auto;
	min-height: 350px;
	padding: 0.5em;
	text-align: justify;
	vertical-align: top;
	width: 65%
	}



section#principal, aside {
	background: #cccccc;
	border-radius: 0.5em;
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	padding: 0.25em;
	vertical-align: top;
	width: 65%;
	}


article#infocontacto, article#contactanos {
	border: .1em solid #1e6381;
	border-radius: .5em;
	margin: .5em;
	min-height: 100px;
	padding: .5em;
	}


aside {
	font-size: 0.83em;
	width: 30%;
	}

span.datoscontacto { 
			color: #f90;
			margin-left: 1em;
			}

footer {
	color: #660;
	font-size: 0.99em;
	padding: 0.75em 0;
	text-shadow: 9px 9px 11px rgba(100,255,255,0.5);
}

.fade {
	
	border-radius: 1.8em 1.8em 1.2em 1.5em;
	opacity: 1;
	padding-top: .3em ;
	transition: all 0.5 ease-in;
	
	
	}

.fade:hover {
	border: 0.1em dashed #dddddd;
	border-radius: 3.5em 3.5em 3.2em 3.5em;
	transform: rotate(30 deg);
	transition: all 2.5 ease-out;
	}





@media(min-width:1000px) {
	header h1 {
		text-align: left;
		width: 22%;
	}

	nav {
		text-align: right;
		width: 73%;
	}
}

@media(max-width:899px) {
	nav li {
		font-size: .9em;
	}

	aside {
		width: 20%;
	}
}

@media(max-width:850px) {
	nav li {
		display: inline-block;
		margin: 0px;
		width: 98%;
		font-size: 1.2em;
	}

	section#principal, aside {
		display: block;
		margin-bottom: 0.2em;
		width: 95%;
	}
	section#contacto, aside {
		display: block;
		margin-bottom: 0.2em;
		width: 95%;
	}
	
	form  {
		width: 100%;
		}

}