@charset "utf-8";
<style>
* {
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
}

.row::after {
  content: "";
  clear: both;
  display: block;
}

[class*="col-"] {
  float: left;
  padding: 15px;
}

html {
  font-family: "Lucida Sans Unicode", "Lucida Grande";
}

.header {
  background-color: #0f9;
  color: #ffffff;
  padding: 15px;
}

.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  padding: 8px;
  margin-bottom: 7px;
  background-color: #0f9;
  color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu li:hover {
  background-color: #0f9;
}

.aside {
	background-color: #0f9;
	padding: 15px;
	color: #2C3E50;
	text-align: center;
	font-size: 14px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.container {
		max-width:996px;
		margin:0px auto;
		font-size:1em;
	}
	section,aside {
		padding: 10px;
		background:#ccc;
		-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
	}
	section {
		float: left;
		width: 70%;
	}
	aside {
		float: right;
		max-width: 25%;
	}
	nav {
		overflow: hidden;
	}
	nav ul {
		list-style-type:none;
		float:left;
		padding:0px;
	}
	nav ul li {
		float:left;
		padding:3px 10px;
		margin:2px;
		background:#ccccff;
		-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
	}
	footer {
		margin:10px;
		text-align:center;
		clear:both;
	}

/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
}
l, ol, dl{padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p{margin-top:0;padding-right:14px;padding-left:14px;}
a img{border:none;}
a:link{color:#42413C;text-decoration:underline;}
a:visited{color:#6E6C64;text-decoration:underline;}
a:hover, a:active, a:focus{text-decoration:none;}
.container{width:850px;background:#FFF;color:#333;margin-top:15;margin-right:auto;margin-bottom:15;margin-left:15;border:0px solid #999;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:14px;}
.header{background-color:#FFF;width:800px;padding:0px;margin:auto;}
.content h2{text-align:left;}
.sidebar1{float:left;max-width:150px;padding:0px;margin-bottom:20px;font-family:Verdana, Geneva, sans-serif;font-size:20px;}
.content{max-width:646px;float:left;margin-top:auto;margin-right:auto;margin-bottom:20px;border:1px solid #FFF;background-color:#FFF;margin-left:auto;text-align:inherit;background-image:none;background-repeat:no-repeat;background-position:center center;list-style-type:disc;}
.header h1{background-image:url(imagenes/barra.jpg);background-repeat:no-repeat;background-position:center top;letter-spacing:0.3em;text-align:justify;width:850px;background-color:#0F9;padding:0px;margin:0px;}
.content ul, .content ol{padding:0 15px 15px 40px;}
ul.nav{list-style:none;border-top:1px solid #666;padding-right:15px;padding-left:15px;}
ul.nav li{font-size:85%;background-color:#FFF;text-decoration:none;margin-bottom:14px;border:1px solid #FFF;}
ul.nav a, ul.nav a:visited{display:block;text-decoration:none;line-height:30px;text-align:center;padding:0px;height:30px;background-color:#C6D580;background-repeat:repeat;background-position:bottom;color:#000;border-top-color:#FFF;}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus{background:#ADB96E;color:#09C;font-size:18px;}
.footer{padding:20px 0;position:relative;clear:both;background-color:#00CC00;}
.fltrt{float:right;margin-left:8px;}
.fltlft{float:left;margin-right:8px;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
h1{background-color:#FFF;background-image:none;background-repeat:no-repeat;background-position:left top;letter-spacing:0.2em;text-align:center;width:460px;color:#000;background-attachment:fixed;margin:30px;}
.content h3{color:#000;}
.content .footer p{font-family:Verdana, Geneva, sans-serif;font-size:16px;color:#090;background-color:#FFF;font-weight:bold;}
.content table tr td{font-family:Verdana, Geneva, sans-serif;font-size:14px;text-align:justify;}
.container .content table tr th{font-family:Verdana, Geneva, sans-serif;font-size:14px;text-align:justify;text-decoration:none;font-style:inherit;}
.content table tr th{font-family:Verdana, Geneva, sans-serif;}

#container{max-width:auto;}
header h1 a{max-width:auto;height:52px;background:url(image-small.jpg) no-repeat 50% 0;}
body{margin:0;padding:0;color:#0C1;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;line-height:1.4;margin-left:auto;margin-right:auto;border:1px inset #07fbe7;background-color:#f0fcfb;text-align:justify;width:auto;}
}
</style>