@charset "utf-8";
*{
	margin:0;
	padding:0;
	list-style:none;
	font-family:sans-serif;
	
	}
header{
	position:relative;
	margin:20px auto;
	width:1000px;
	height:150px;
	}
	#logo{
	position:absolute;
	font-family: 'Kaushan Script', cursive;
	font-size:44px;
	color: grey;
	text-align:center;
	line-height:80px;
	}
	
	.redes{
	position:absolute;
	width:42px;
	height:42px;
	background:#ccc;
	border-radius:100%;
	text-align:center;
	line-height:42px;
	color:white;
	}
	#icono1{
	top:42px;
	right:120px;
	background:blue;
	}
	#icono2{
	top:42px;
	right:71px;
	background:rgb(50, 205, 50);
	}
	
    #icono3{
	top:42px;
	right:19px;
	background:red;
	}
nav{
	position:relative;
	margin:auto;
	width:1000px;
	height:48px;
	}
	.botones{
	float:left;
	width:196px;
	margin:0px 2px;
	height:48px;
	background:rgb(0, 0, 205);
	font-family: 'Kaushan Script', cursive; 
	color:white;
	text-align:center;
	line-height:48px;
	}
	.botones1{
	float:left;
	width:196px;
	margin:0px 2px;
	height:48px;
	background:red;
	font-family: 'Kaushan Script', cursive;
	color:white;
	text-align:center;
	line-height:48px;
	}

#top{
	margin:20px auto;
	width:1000px;
	height:192px;
 	}
#top ul{
	width:1010px;
	height:192px; 
	}
#top ul li{
	float:left;
	width:326px;
	height:192px;
	margin-right:10px;
	text-align:center;
	}
#top ul li img{
	height:200px;
    width=300px
	
	}
#top ul li h1{
	font-family: 'Kaushan Script', cursive;
		}
#top ul li p{
	font-size:14px;
	margin:10px;
	}

#top1 {
  	margin:20px auto;
	width:1000px;
	height:192px;
}
 #top1 ul{
	width:1010px;
	height:192px; 
	}

#top1 ul li{
	float:left;
	width:326px;
	height:192px;
	margin-right:10px;
	text-align:center;
	}
	#top1 ul li img{
	height:200px;
    width=300px
	}

#top1 ul li h1{
	font-family: 'Kaushan Script', cursive;
	}
	
#top1 ul li p{
	font-size:14px;
	margin:10px;
	
	}
#top2 {
  	margin:20px auto;
	width:100 0px;
	height:192px;
     }
#top2 ul{
	width:1010px;
	height:192px; 
	}

#top2 ul li{
	float:left;
	width:326px;
	height:192px;
	margin-right:10px;
	text-align:center;
	}
#top2 ul li img{
	height:450px;
    width=300px
	}

#top2 ul li h1{
	font-family: 'Kaushan Script', cursive;
	}
	
#top2 ul li p{
	font-size:14px;
	margin:10px;
	
	}
#top3 {
  	margin:20px auto;
	width:1000px;
	height:192px;
     }
#top3 ul{
	width:1010px;
	height:192px; 
	}

#top3 ul li{
	float:left;
	width:326px;
	height:192px;
	margin-right:10px;
	text-align:center;
	}
#top3 ul li img{
	height:200px;
    width=300px
	}

#top3 ul li h1{
	font-family: 'Kaushan Script', cursive;
	}
	
#top3 ul li p{
	font-size:14px;
	margin:10px;
	
	}

section{
	position:relative;
	margin:auto;
	width:1000px;
	height:453px;
	}
aside#izq{
	position:absolute;
	left:0;
	top:0;
	width:200px;
	height:453px;
	}
	aside#izq ul li{
	
	background:rgb(139, 0, 139);
	color:white;
	font-family:"Comic Sans MS",cursive;
	padding:10px;
	margin:2px 10px;
	list-style:square;
	list-style-position:inside;
	list-style-image:url(lista.png);
	}
	article{
	position:absolute;
	left:200px;
	top:0;
	width:600px;
	height:453px;
	}
	article h1{
	font-family: 'Kaushan Script', cursive;
	font-size:40px;
	margin:20px;
	}
	article p img{
	float:left;
	margin-right:20px;
	}
	article p {
	margin:5px 20px;
	font-size:14px;
	text-align:justify;
	
	}
	aside#der{
	position:absolute;
	right:0;
	top:0;
	width:200px;
	height:453px;
	}
	aside#der h1{
	width:200px;
	height:50px;
	line-height:50px;
	text-align:center;
	background:rgb(255, 140, 0);
	color:white;
	margin-bottom:5px;
	}
	aside#der input{
	padding:10px;
	margin:5px 0;
	width:176px;
	}
aside#der input[type="text"]{
	background:url(img/user.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:contain;
	}
	
aside#der input[type="password"]{
	background:url(img/password.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-size:contain;
	}
	
aside#der input[type="submit"]{
	width:200px;
	background:rgb(255, 215, 0);
	border:0;
	}
	footer{
	position:relative;
	margin:20px auto;
	width:1000px;
	height:70px;
	background:white;
	text-align:center;
	line-height:70px;
	color:black;
	}