html,body{
	margin:0;
	font:13px Arial, Helvetica, sans-serif;
	color:#999;
	background:#000;
	height:100%;
}
a{
	text-decoration:none;
	color:#999999;
}
a:hover{
	text-decoration:underline;
}
img{
	border:none;
}
form,
fieldset{
	margin:0;
	padding:0;
	border:0;
}
#main{
	width:800px;
	margin:0 auto;
	position:relative;
	min-height:100%;
}
#login{
	width:800px;
	margin:0 auto;
	position:relative;
	min-height:100%;
}
* html #main{
	height:100%;
}
.inner #main{
	padding-top:60px;
	background:url(images/sprites.gif) no-repeat 0 -400px;
}
#header{
	width:800px;
	height:75px;
	position:absolute;
	top:0;
	left:0;
}
.inner #header{
	height:60px;
}
.logo{
	margin:0;
	float:left;
	position:absolute;
	top:14px;
	left:-9px;
	z-index:100;
}
.logo a{
	width:168px;
	height:46px;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	background:url(images/sprites.gif) no-repeat 0 0;
}
#navigation{
	margin:0;
	padding:30px 0 0 0;
	list-style:none;
	font-size:11px;
	float:right;
}
#navigation li{
	float:left;
	padding:0 1px 0 0;
}
#navigation li a{
	float:left;
	padding:0 13px 7px 13px;
	color:#929292;
	text-transform:uppercase;
	text-decoration:none;
	overflow:hidden;
	border-bottom:4px solid #b8b8b8;
}
#navigation li a:hover,
#navigation li a.active{
	border-bottom:4px solid #00c8e1;
	text-decoration:none;
	color:#fff;
}
#content{
	width:800px;
	overflow:hidden;
	padding:70px 0 80px 0;
}
#content p{
	padding-bottom:27px;
	margin:0;
}
.more{
	width:800px;
	overflow:hidden;
	padding:0 0 33px 0;
}
.anterior{
	float:right;
	font-size:11px;
	padding:3px 9px 2px 14px;
	font-weight:bold;
	line-height:12px;
	background:#00c8e1 url(images/anterior.gif) no-repeat 0 50%;
	color:#000;
	text-decoration:none !important;
}
.siguiente{
	float:right;
	font-size:11px;
	padding:3px 14px 2px 9px;
	margin:0 0 0 12px;
	font-weight:bold;
	line-height:12px;
	background:#00c8e1 url(images/siguiente.gif) no-repeat 100% 50%;
	color:#000;
	text-decoration:none !important;
}
.content-box-up{
	width:800px;
	overflow:hidden;
	border-bottom:1px solid #343434;
	background:#000 url(images/sprites.gif) no-repeat 0 -50px;
	margin-bottom:12px;
}
.content-up-left{
	float:left;
	width:375px;
	overflow:hidden;
	padding:0 0 0 28px;
}
.content-up-left img{
	float:left;
}
.content-up-right{
	float:right;
	width:343px;
	overflow:hidden;
	padding:50px 27px 0 0;
}
.content-up-right h2{
	color:#fff;
	font-size:18px;
	margin:0;
	padding-bottom:10px;
	text-transform:uppercase;
}
.content-up-right h3{
	margin:0;
	font-size:32px;
	color:#a8c91d;
	text-transform:uppercase;
	padding-bottom:10px;
}
.content-up-right .link{
	color:#fff;
	font-weight:bold;
	font-size:11px;
	background:url(images/content-right-a.gif) no-repeat 100% 50%;
	padding:0 15px 0 0;
	overflow:hidden;
}
.content-box-top{
	width:800px;
	overflow:hidden;
}
.content-top-left{
	float:left;
	width:343px;
	overflow:hidden;
	padding:0 32px 0 28px;
}
.content-top-right{
	float:right;
	width:343px;
	overflow:hidden;
	padding:0 27px 0 0;
}
.content-box-top h2{
	color:#fff;
	font-size:18px;
	margin:0;
	padding-bottom:5px;
	text-transform:uppercase;
}
#dnn_footer{
	width:800px;
	overflow:hidden;
	padding:15px 0 0 0;
	height:60px;
	border-top:1px solid #343434;
	margin:-80px auto;
	position:relative;
}
#dnn_footer div div div ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:11px;
	color:#666;
	float:left;
	overflow:hidden;
	line-height:12px;
}
#dnn_footer div div div ul li{
	float:left;
	padding:0 19px 0 10px;
	margin-left:-10px;
	background:url(images/footer-li-bg.gif) no-repeat 0 2px;
}
#dnn_footer div div div div ul li a{
	color:#00c4df;
}
#dnn_footer div div .list-right{
	float:right;
	margin-right:-19px;
}
.left-box{
	width:500px;
	padding-left:28px;
	overflow:hidden;
	float:left;
}
.left-box-up{
	width:500px;
	overflow:hidden;
	border-bottom:1px solid #333;
}
.left-box h2{
	font-size:21px;
	color:#fff;
	margin:0;
	padding-bottom:30px;
}
#content .left-box p{
	margin:0;
	padding:0 0 15px 0;
}
.left-box a{
	color:#00e4ff;
}
.left-box-top{
	width:500px;
	overflow:hidden;
	padding:30px 0;
}
.left-box h3{
	margin:0;
	color:#fff;
	font-size:13px;
	padding-bottom:3px;
}
.form-box{
	width:454px;
	overflow:hidden;
	padding:50px 0 70px 0;
}
.form-box-text{
	width:454px;
	overflow:hidden;
	padding-bottom:7px;
}
.form-box-text .form-left{
	width:100px;
	float:left;
}
.form-box-text .form-left label{
	color:#ccc;
	padding:8px 0;
	display:block;
}
.form-box-text .form-right{
	width:340px;
	float:right;
	border:1px solid #999;
	background:#fff;
	padding:7px 0;
}
.form-box-text .form-right input{
	font:13px Arial, Helvetica, sans-serif;
	color:#999;
	width:320px;
	margin:0;
	padding:0 10px;
	border:0;
	background:none;
	overflow:hidden;
	float:left;
}
.form-box-text .form-right textarea{
	width:320px;
	height:184px;
	padding:0 10px;
	margin:0;
	font:13px Arial, Helvetica, sans-serif;
	color:#999;
	overflow:auto;
	border:0;
	background:none;
	overflow:hidden;
}
.form-box-text .enter{
	width:105px;
	height:30px;
	float:right;
}
.right-box{
	width:200px;
	float:right;
	padding-right:27px;
	overflow:hidden;
}
.right-box-up{
	width:200px;
	border-bottom:1px solid #333;
	padding-bottom:22px;
	overflow:hidden;
}
.right-box-up img{
	float:left;
}
.right-box-top{
	width:200px;
	overflow:hidden;
	padding:17px 0 0 0;
}
.right-box-top h3{
	margin:0;
	color:#fff;
	font-size:15px;
	padding:0 0 19px 0;
}
#content .right-box-top .name{
	margin:0;
	padding:0 0 10px 0;
	color:#00e4ff;
	font-weight:bold;
}
#content .right-box-top p{
	margin:0;
	padding:0 0 9px 0;
}
.right-box-top ul{
	margin:0;
	padding:0 0 26px 0;
	list-style:none;
}
.right-box-top ul li{
	padding:0 0 10px 0;
}
.right-box-top ul li a{
	color:#999;
}

/*  ------------------------ Inicio jQuery Carousel  ------------------------ */

.frontpage{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 765px;
height: 335px; /*Height should enough to fit largest content's height*/
-moz-box-sizing: content-box!important; margin: 0; padding: 0;
}

.frontpage .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.frontpage .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 765px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*  ------------------------ Fin jQuery Carousel  ------------------------ */