@charset "utf-8";
/* CSS Document */
/*1.-Primero se definen los estilos para las etiquetas HTML (header,nav,etc).
2.-Despues se definen los estilos para los identificadores, en css se declaran con # y en HTML con id.
3.-Al final se definen los estilos para las clases, las clases son elementos que se pueden repetir n veses en el HTML,en el CSS se declara con el simbolo " . ".
4.-Todos los estilos se declaran con forme van apareciendo en la disposicion del HTML, teniendo en cuenta las mas importantes
5.-Todos los atributos se declaran entre llaves seguidos por el nombre del ({atributo:estilos;}).
6.-Todos los estilos se ordenan alfabeticamente
7.-si existen estilos para las etiquetas HTML o body, estos son los primeros en definirse.
8.-En el body se debe declarar un tamanio de fuente global.*/

*{
	margin:0px;
	padding:0px;
}
body{
	background:#212121 url(photoshop/fondo1.jpg);
	color:#FFF;
	
		
}

header{
	background: rgba(0,55,100,0.2);
	border-radius:0.1em;
	margin:0.5em auto;
	margin-top:0;
	padding:0em;
	text-align:center;
}
nav{
	background:rgba(178,178,169,0.2);
	border-radius:0.5em;
	margin:0.5em auto;
	max-width:1200px;
	padding:1em;
	text-align:left;
}
footer{
	background:rgba(0,55,100,0.2);
	border-radius:0.1em;
	margin:0.5em auto;
	padding:15px;
	text-align:center;
	margin-bottom:0px;
}


nav ul li{
	display:inline-block;
	cursor:pointer;
}
li a{
	text-decoration:none;
	color:#FFF;
	padding:0.9em;
}
h1{
	color:#000;
	margin:0.25em auto;
	text-align:center;
	text-shadow: 5px 5px 10px rgba(255,255,255,0.5);
}

section#contenedor{	
	margin:0.5em auto;
	max-width:1200px;
	padding:0;
	text-align:center;
	border-radius:0.5em;
}
section#principal, aside{
	background:rgba(178,178,169,0.2);
	overflow-y: auto;
	border-radius:0.5em;
	display:inline-block;
	margin:0.25em auto;
	max-width:960px;
	padding:0.60em;
	text-align:center;
	vertical-align:top;
	width:65%;
}
aside{
	width:30%
}
article{
	border-radius:0.5em;
	height:450px;
	padding:0.5em;
	text-align:left;
}
p{
	font-family:"Times New Roman", Times, serif;
	text-align:justify;
	font-size:20px;
	color:#CCC;
}
#submenu li a{
	
	color:#FFF;
	padding:1em;
	
}

ul#submenu li{
	display:inline-block;
	cursor:pointer;
	padding-bottom:0.5em;
	padding-top:0.5em;
	font-size:12px;
}
a:hover { 
    background-color: rgba(39,124,252,0.2);
	border-radius:20px;
	text-shadow: 0px 0px 10px rgba(255,255,255,1);
}
#arme:hover {
	background-color:transparent;
	text-shadow: 0px 0px 10px rgba(255,255,255,1);
}

#prin{
	text-align:center;
	border-radius:5px;
	border:5px solid;
	border-color: rgba(39,124,252,0.2);
	width:500px;
	padding:5px;
	margin:5px;
	display:block;
}
label, textarea, input{
	font-family:Verdana, Geneva, sans-serif;
	padding:5px;
	margin:5px;
	font-size:12px;
	border-radius:10px;
}
textarea{
	height:250px;
	width:300px;
}

span{
	border:1px solid;
	border-radius:10px;
	color:FFF;
	display:block;
	font-size:16px;
	margin:5px;
}
article span{
	margin:5px;
	padding:5px;
}
#con{
	background-color:rgba(39,124,252,0.2);
	border-radius:10px;
	border:none;
	display:compact;
	padding:5px;
	margin:5px;
	text-align:left;
}
#fo{
	border:none;
}

#boton:hover{
	background-color:rgba(39,124,252,0.2);
	border-color:rgba(39,124,252,0.2);
	color:FFF;
}