@import url('body.css');
@import url('content.css');

/**/

#container{ width: 980px; margin-right: auto; margin-left: auto; text-align: left; background-color: #FFF; margin-top: 30px; padding-bottom: 10px; }
#content{ background-color: #FFF; padding: 15px; width: 950px; float: left; font-size: 11px; color: #666; background-image: url(../img/back.jpg); background-repeat: no-repeat; background-position: bottom; }
#nav{ float: left; height: 40px; width: 100%; background-color: #096; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; background-image: url(../img/2.jpg); background-repeat: repeat-x; background-position: bottom; }
#top{ float: left; height: 100px; width: 100%; background-image: url(../img/1.jpg); background-repeat: repeat-x; background-position: bottom; }
#sidebar1{ float: left; width: 200px; margin-left: 10px; background-color: #FFF; border: 1px solid #D6D6D6; }
#sidebar2{ float: left; width: 650px; margin-left: 50px; }
#sidebar3{ float: left; width: 950px; margin-left: 2px; }

/*RESETS*/
.round_border{-moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px;}
.round_border_top{
border-top-left-radius:6px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;
border-top-right-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;
}

.shadow {-moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc;	box-shadow: 3px 3px 3px #ccc;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc');	}	
h1{ font-size: 22px; font-weight: bold; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; text-transform: uppercase; }
h2{font-size: 14px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px;}
		
		
/*LINKS*/		
.links{ color: #CCC; text-decoration: none; }
.links:hover{ color: #FFF; text-decoration: underline; }

/*TOP*/
.logo{ float: left; height: 63px; width: 284px; background-image: url(../img/LOGO.png); margin-top: 15px; margin-left: 20px; }
.logo a { display: block; text-indent: -100px; overflow: hidden; height: 63px; }
.idiomas{ line-height: 40px; float: right; width: 100px; text-align: center; }
.anime{ float: right; width: 260px; font-size: 35px; font-weight: normal; color: #79CAFF; letter-spacing: -1px; margin-top: 25px; text-align: right; margin-right: 25px; }

/*MENU TOP*/
#menuh { float: left; width: 800px; margin-left: 10px; }
#menuh ul, li { list-style-type: none; }
#menuh ul { margin: 0; padding: 0; }
#menuh li { float: left; }
#menuh a { text-decoration: none; color: #FFF; display: block; text-align: center; text-transform: uppercase; font-size: 11px; line-height: 40px; padding-right: 10px; padding-left: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #8DBAB3; }
#menuh a:hover { color: #FFF; text-decoration: none; background-color: #41766F; }

/*MENU LATERAL*/
#menuv { width: 200px; }
#menuv ul, li { list-style-type: none; }
#menuv ul { margin: 0; padding: 0; }
#menuv li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; }
#menuv span { text-decoration: none; display: block; width: 190px; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; font-size: 12px; }
#menuv a { text-decoration: none; color: #333; display: block; width: 190px; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; font-size: 12px; }
#menuv a:hover { background: #DBEBF6; }