@charset "utf-8";
/* CSS Document */

html { width:100%; height:100%; }
body { width:100%; height:100%; margin:0px; padding:0px; border:0px; font-family:Verdana; background:#2e2d4f;  }
img { border:none; }

a { color:#ffffff; text-decoration:none; }
#cabeza {
    height: 300px;
    width: 100%;
    background-image:url(https://www.poklonskaya.enynter.net/images/fondo1.jpg);
}
#logo { margin:0px; padding:0px; height:100%; width:20%; float:left; }

#titulo1 { margin:0px; padding:0px; height:85%; width:40%; float:left; }
#titulo1 h1 { color: #FFFFFF; font-size:20px; text-align: left; padding-top:20px; padding-left:20px; line-height:30px; }

#titulo2 { margin:0px; padding:0px; height:85%; width:40%;  float:left; }
#titulo2 h1 { color:#FFFFFF; font-size:20px; text-align:right; margin-right:30px; padding-top:20px; padding-right:20px; line-height:30px;   }


#menu { margin:0px; padding:0px; height:15%; width:80%; float:left; }
#menu h1 { color:#FFff00; font-size:18px; text-align:center; }

#cuerpo { margin:0px; padding:0px; height:100%; width:100%; background:#2d2e4f; }
#izquierda { margin:0px; padding:0px; height:100%; width:10%; background:#2d2e4f; float:left; }
#centro { margin:0px; padding:0px; height:100%; width:80%; background:#ffffff; float:left; }
/*nuevo*/
header {
	 padding: 0px;
	margin: 0px;

    width: 100%;
    
} 
header nav {
	width:90%;  
	max-width:1000px; 
	margin:10px auto;
	background:#2e2d4f; 
}
.menu_bar {
	display:none; 
}
header nav ul {
	overflow:hidden;
	list-style:none; 
}
header nav ul li {
	float:left;
}
header nav ul li a {
	color:#fff;
	padding:10px; 
	display:block;
	text-decoration:none; 
}
header nav ul li span {
	margin-right:10px; 
}
header nav ul li a:hover {
	background:#024959; 
}

section {
	padding:20px; 
}
@media screen and (max-width:800px) {
	header nav {
		width:80%;
		height:100%;
		left:-100%;
		margin:0px;
		position:fixed; 
		
	}
	header nav ul li {
		display:block; 
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3)
	}
	.menu_bar {
		display:block; 
		width:100%;
		background:#CCC; 
	}
	.menu_bar .bt-menu {
		display:block;
		padding:5px; 
		background:#024959;
		color:#FFF; 
		text-decoration:none; 
		font-weight:bold;
		font-size:25px; 
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.menu_bar span {
		float:right;
		font-size:40px; 
	}
}
/*viejo*/
#centro h1 { color:#000000; font-size:20px; text-align:center; padding-top:40px; padding-bottom:40px; line-height:18px;  }
#centro h2 { color:#000000; font-size:16px; font-family: "Century Gothic"; text-align:justify; padding-top:25px; padding-left:40px; padding-right:40px; padding-bottom:25px; line-height:25px;      }
#derecha { margin:0px; padding:0px; height:100%; width:10%; background:#2e2d4f; float:right; }
#pie { height:151px; text-decoration:none; width:100%; background-color:#392f5b; }
#pie h1 { font-size:14px; vertical-align:middle; text-align:center; color:#FFFFFF; }