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

body{
	font-family:'roboto';
	font-size:13px;
}

#contenedor{
	width:824px;
	height:auto;
	overflow:hidden;
	margin:0px auto;
	
	}
#header{
	width:100%;
	height:auto;
	color:#666;
	line-height:12px;
	
	}
#contenido{
	width:97%;
	height:auto;	
	overflow:hidden;
	
	}
#menu{
	width:20%;
	height:auto;
	float:left;
	
	
	}
	#menu a{
		display:block;
		padding:1%;
		padding-top:3%;
		width:98%;
		margin-top:5px;
		min-height:25px;
		background-color:#0D8F9D;
		text-align:center;
		text-decoration:none;
		color:#fff;
		}
		#menu a:hover{
			background-color:#F8D147;
			color:#0D8F9D;
			
			}
		.actual{
			background-color:#F8D147 !important;
			color:#0D8F9D!important;
			}
		.desact{
			background-color:#ccc !important;
			color:#666666 !important;
			}
			.desact:hover{
			background-color:#ccc !important;
			color:#666666 !important;
			}




header, nav, section, article, aside, footer {
   display:block;
}

.botones{
	border:1px solid #ccc; padding:5px; margin-top:5px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	box-shadow: 2px 2px .3em #000;
	background:rgba(255,255,255,0.8);
	cursor: pointer;
	
	}





@media (max-width: 800px){
	#contenedor{
		width:100%;
		}

	}