@import url('https://fonts.googleapis.com/css?family=Averia+Gruesa+Libre');

@import url('https://fonts.googleapis.com/css?family=Macondo+Swash+Caps');

* { 
	font-family : Averia Gruesa Libre;
	color : #d2ce57;
}

body{
	background-color: #2c303a;
}

h1{
	font-family : Macondo Swash Caps;
	font-size: 60px;
}

h2{
	color: #5e657b;
}

input[type=text] {
	width: 88%;
	background-color: #2c303a;
	border-color : #d2ce57;
	border-width : 2px;
	border-style : solid;
	height:30px;
}

input[type=text]:hover {
	background-color:#494e5f;
}

input[type=submit],a {
	background-color:#5e657b;
	border-color : #d2ce57;
	border-width : 2px;
	border-style : solid;
	height:30px;
	font-weight: bold;
}

input[type=submit],a:hover {
	background-color:#494e5f;
}

input[type=submit],a:focus {
	background-color:#d2ce57;
}

a:link   
{   
	text-decoration: none;
	padding: 5px;
}

#content{
	float : left;
}

#footer{
	clear:both;
    height:50px;
	margin : 10px;
}

#cabecera{
	width : 1200px; 
	margin : 0 auto;
}

#contenedor{
	width: 1200px; 
	height: 600px;

	position: absolute; 
	top: 50%; 
	left: 50%;

	margin-top: -300px; /* height/2 = 600px / 2 */ 
	margin-left: -600px; /* width/2 = 1200px / 2 */
}

#contenido{
	overflow-y: auto;
	
	float : left;
	width : 90%;
	height: 580px;
	
	border-color : #d2ce57;
	border-width : 2px;
	border-style : solid;
	
	margin : 10px;
	padding : 10px;
}

#centrado{
	width: 350px; 
	height: 300px;

	position: absolute; 
	top: 50%; 
	left: 50%;

	margin-top: -150px;
	margin-left: -175px;
}

#centradohor{
	width: 50%;
	margin: 0 auto;
}