/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Poiret+One&subset=latin,latin-ext,cyrillic);


body{
background-color:#009ef2;
width:800px;
height: 630px;
margin-left: 200px;
margin-top: 50px;
}

#pagina{ 
width:100%;
height:600px;
background-color:#070088;
font-family: 'Oswald', sans-serif; 700;
margin-left: 15px; 
}

header{ 
width:800px;
height:100px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
margin-top: 20px;
color: #00c4ff;
text-align:left;
font-size:7px;
font-family: 'Oswald', sans-serif; 700;
}

header h1 {
width: 300px;
height: 20px;
margin-left: 42px;
margin-top: 20px;
}

#imagen{
width:150px;
margin-left: 30px;
margin-top: 50px;
float: left;
}

header nav { width:700px;
height:60px;
float:left;
margin-top: 10px;
}


header nav h2 a:hover{
color:#00f4ff;
}

header nav ul li{ list-style-type:none;
}

header nav ul li a{ text-decoration:none;
color:#00ffeb;
background-color:  #0002b2;
float:left;
font-size:8pt;
font-family: 'Oswald', sans-serif; 300;
padding-right:5px;
padding-left: 5px;
margin-right: 10px;
}

header nav ul li a:hover{
color:#fff;
background-color: #ff00e2;
}

main{
width: 800px;
height: 290px;
}

section{
width: 400px;
background-color: rgb(0, 2, 178);
margin-left:190px;
padding-left:36px;
font-family: 'Oswald', sans-serif; 400;
color:#0ff;
font-size:12px;
}

titulo{ 
font-family: 'Oswald', sans-serif; 700;
font-size:12pt;
}
	
footer{
width:800px;
height: 100px;
margin-top: 150px;
}

#legal{
width:700px;
margin-top:30px;
margin-left: 40px;
height:30px;
text-align:center;
color:#00f5ff;
font-size:9px;
font-family: sans-serif;
}