@charset "utf-8";

*{ margin: 0; padding: 0; }

html, body { font: 100%/1.4 Arial, Verdana, Helvetica, sans-serif; background-color: #0f0e12; color: #FFF; position: relative; width: 100%;
	min-width: 1007px; }

.header, .footer{ width: 100%; min-width: 1007px; }

.header{ border-bottom: 12px solid #222; }
.header .logo{ float: left; margin-top: 3px; }

.header #ul1{ list-style: none; position: absolute; top: 0; right: 0; background: #83abfd; padding: 1px 8px; border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; 
	-moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
.header #ul1 a{ font-weight: bold; color: #333; font-size: 17px; }
.header #ul1 a:hover{ color: #FFF; }
.header #ul1 li{ float: right; margin-right: 17px; }
.header #ul1 a:first-child li{ margin-right: 0; }

.header #ul2{ list-style: none; float: right; margin: 45px 30px 5px; z-index: 999; }
.header #ul2 a{ font-weight: bold; color: #FFF; font-size: 19px; text-decoration: none; }
.header #ul2 a:hover{ color: #83bafd; }
.header #ul2 li{ float: right; margin-right: 30px; position: relative; padding-bottom: 5px; }
.header #ul2 li:hover>*{ display: block; }
.header #ul2 a:first-child li{ margin-right: 0; }
.header #ul2 li ul{ position: absolute; display: none; left: 1px; top: 27px; background: #EEE; padding: 4px 2px; z-index: 999;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 3px solid #83bafd; box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333; -webkit-box-shadow: 1px 1px 3px #333; }
.header #ul2 li ul a{ font-weight: 100; color: #333; font-size: 16px; list-style: none; }
.header #ul2 li ul li{ width: 165px; margin: 0; padding: 5px 8px; }
.header #ul2 li ul a:hover{ color: #333; }
.header #ul2 li ul a:hover li{ background: #83bafd; }

.slide{ width: 100%; min-width: 1007px; border-bottom: 12px solid #222; }

#num{ position: absolute; right: 0; top: 104px; width: 100%; }
#num .nums{ position: absolute; right: 5px; top: 0; background: #83bafd; padding: 5px 15px; box-shadow: 0 2px 4px #000; -moz-box-shadow: 0 2px 5px #000;
	-webkit-box-shadow: 0 2px 4px #000; border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; z-index: 999; }
#num .nums a{ color: #333; text-decoration: none; font-weight: bold; }
.slide2{ width: 100%; min-width: 1007px; height: 200px; overflow: hidden; border-bottom: 12px solid #222; }
.slide2 img{ width: 100%; margin-top: -4%; min-height: 260px; max-height: 340px; }

.centrado{ width: 74.2%; padding: 5px .4%; min-width: 997px; max-width: 1024px; position: relative; margin: 0 auto; }

.container{ width: 74.2%; padding: 10px .4%; min-width: 997px; max-width: 1024px; position: relative; margin: 0 auto; }

.footer{ padding-bottom: 5px; margin-top: 90px; }
.footer .linea{ border-top: 2px solid #666; margin-bottom: 5px; width: 100%; }
.footer p{ float: right; }
.footer p a{ color: #FFF; font-size: 12px; margin: 0 3px; text-decoration: none; }
.footer p a:hover{ text-decoration: underline; }
.footer p:first-child{ float: left; }
.footer p:first-child a{ color: #666; font-size: 16px; text-decoration: underline; }
.footer p:first-child a:hover{ text-decoration: none; }

.clearfloat { clear:both; height:0;	font-size: 1px;	line-height: 0px; }

.ontop{
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 10px;
	right: 80px;
	opacity: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.top{
	width: 50px;
	height: 42px;
	padding-top: 8px;
	background: #333;
	position: fixed;
	bottom: 10px;
	right: 80px;
	color: #83bafd;
	text-align: center;
	font-size: 17px;
	z-index: 600;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity: 0;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.top:hover{ background: #555; }