@charset "utf-8";
/* CSS Document */
 
*{
	margin:0;
	padding:0;
}

body{
	background:#000;
	background-image:url(../img/Fondos-para-paginas-web.jpg)
}

#wrapper{
	background:#FFF;
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

/*******************************Header*********************************/
#header{
	text-align:center;
	font-size:2em;
}
/************************************Menú*******************************/
ul#menu{
	/*ponemos fondo negro a la lista*/
	background:#000;
	/*quitamos la decoración de las listas*/
	list-style:none;
	/*quitamos margenes y rellenos*/
	margin:0px;
	padding:0px;
	/*ancho maximo del dispositivo*/
	width:100%;
}

main img{ 
border:1px solid;
padding:1%;
-webkit-box-shadow: 9px 4px 14px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 9px 4px 14px 0px rgba(0,0,0,0.75);
box-shadow: 9px 4px 14px 0px rgba(0,0,0,0.75);
}




li#menu{
	/*mostrar uno al lado del otro*/
	display:inline-block;
	/*hacerlos más anchos*/
	width:19%;
}

li a{
	color:#fff;
	text-decoration:none;
	/*vamos a darle un relleno a las a*/
	display:block;
	padding:10px 20px;
	/*centrar el text0*/
	text-align:center;
}

li a:hover{
	background:#999;
	color:#CCC;
}
/*********************************Fin de menú*******************************/

#titulo{
	font-family:'Roboto Condensed', sans-serif;
	font-size:3em;
	color:#630;
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
}

#hero{
	position:relative;
	text-align:justify;
	
}
#hero p{
	position:absolute;
	border:2px solid #fff;
	top:65%;
	left:45%;
	bottom:5%;
	padding:2%;
	width:50%;
	color:#fff;
	font-weight:bold;
}
/*************************************Fin del Header*************************/

/**********************************Inicio del contenido*******************/
#contenido{
	float:left;
	width:72%;
	padding-left:7px;
	padding-top:10px;
	padding-right:3px;
	padding-bottom:7px;
	text-align:justify;
}

main a,aside a{
	color:#F90;	
	text-decoration:none;
	font-weight:bold;
	
}

/******************************Aside*************************************/
aside{
	float:right;
	width:24%;
	padding-left:3px;
	padding-right:20px;
	padding-bottom:5px;
	padding-top:10px;
	text-align:justify;
}
/***************************Fin del contenido*****************************/

/********************************Footer***********************************/
footer{
	clear:both;
}

#footer_top{
	background:#000;
	overflow:hidden;
}

#footer_down{
	background:#630;
}

#footer_top section{
	float:left;
	width:16%;
	padding:2%;
	color:#FFF;
}

#footer_top h3{
	color:#F93;
	font-weight:bold;
}

#footer_top p{
	font-size:1em;
	color:#fff;
	text-align:justify;
}

#footer_top a{
	display:block;
	color:#fff;
	font-weight:bold;
}

#footer_top a:hover{
	color:#fff;
}

#Redes ul{
	margin-left:2em;

}

#Redes ul li{
	color:#F93;
}

#Redes a{
	color:#FFF;
	text-decoration:none;
	display:block;
}

#Creadores ul{
	margin-left:1em;
	list-style-position:inside;
}

#Creadores ul li{
	margin-top:1em;
	list-style:none;
}

#footer_down{
	overflow:hidden;
}

#footer_down p{
	padding:2%;
	float:left;
	width:20%;
	color:#fff;
}

#footer_down ul{
	list-style:none;
	padding:2%;
	float:left;
	width:72%;
}

#footer_down ul li{
	display:inline-block;
	list-style-position:inside;
}

#footer_down ul li a{
	display:block;
	color:#fff;
}

#footer_down ul li a:hover{
	color:#fff;
	text-decoration:none;
}
/***********************************Fin del footer**************************/
/*****************************Fin de la pagina****************************/