@charset "UTF-8";
/* CSS Document */

/*Reset*/
*{ 
	margin:0px;
	padding:0px;
	overflow-y: hidden;
	overflow-x: hidden;
	}
ul, li{list-style-type:none;}

/*Termina el Reset*/


/*------------- CSS General -------------*/
body{
	background: #000;
	font-family: Helvetica;
	font-size:15px;
	color: #900;
	min-height: 100%;
    height: auto !important;
    height: 100%;
	}
	
h3{
	color: #0099CC;
	}
	
h4{ font-size:10px;margin-left:5px;}
	
p{
	color:#fff;
	margin-top:15px;
	margin-left:20px;
	}
	
.small{font-size:8px;}
.notoosmall{font-size:10px;}
.pages{
	color: #999;
	}

a:link {
	color: #CCC; text-decoration:none;
	}

a:visited {
	color: #666666; text-decoration:none;
	}
	
a:hover {
	color: #999999; text-decoration:none;
	}
	
.oculto{ display:none;}

/*----------------------slider-------------------------*/

div#slider {
	float: right;
	height: 100%;
	margin: 0 auto;
	z-index: 0;
	overflow-x: hidden;
	overflow-y: scroll;
}
div#slider li {
	display: block;
	width: 400px; /* Safari likes this one here better than the parent */
	margin-bottom: 3px;
	letter-spacing: .2px;
}
div#slider li img {
	float: left;
	margin-right: 15px;
}
div#slider li h2 {
	font-size: 1.2em;
	line-height: 1.2em;
	color: #808080;
}
div#slider li em {
	color: #4D4D4D;
	font-size: 1.1em;
	font-style: normal;
	padding-top: 10px;
	display: block;
}
div#slider li a {
	color: #808080;
	text-decoration: none;
}
div#slider li a:hover {text-decoration: underline;}



/*----------------------btns--------------------------*/

#btnsposition{
	display:block;
	margin-top:25px;
	margin-left:25px;
	}

.btns_holder li{
	float: left;
	}
	
.btn1 a{
	background: transparent url(../img/btn1.png) left no-repeat;
	display:block;
	height:94px;
	text-indent:-9000%;	
	}

.btn2 a{
	background: transparent url(../img/btn2.png) left no-repeat;
	display:block;
	height:94px;
	text-indent:-9000%;
	}

.btn3 a{
	background: transparent url(../img/btn3.png) left no-repeat;
	display:block;
	height:94px;
	text-indent:-9000%;
	}
	
.btn4 a{
	background: transparent url(../img/btn4.png) left no-repeat;
	display:block;
	height:94px;
	text-indent:-9000%;
	}
	
.btn5 a{
	background: transparent url(../img/btn5.png) left no-repeat;
	display:block;
	height:92px;
	text-indent:-9000%;
	}
	
.btn6 a{
	background: transparent url(../img/btn6.png) left no-repeat;
	display:block;
	height:94px;
	text-indent:-9000%;
	}
	
.btn7 a{
	background: transparent url(../img/btn7.png) left no-repeat;
	display:block;
	height:92px;
	text-indent:-9000%;
	}

.btn8 a{
	background: transparent url(../img/btn8.png) left no-repeat;
	display:block;
	height:92px;
	text-indent:-9000%;
	}

.btn9 a{
	background: transparent url(../img/btn9.png) left no-repeat;
	display:block;
	height:105px;
	text-indent:-9000%;
	}
	
.btn10 a{
	background: transparent url(../img/btn10.png) left no-repeat;
	display:block;
	height:105px;
	text-indent:-9000%;
	}
	
.btn11 a{
	background: transparent url(../img/btn11.png) left no-repeat;
	display:block;
	height:105px;
	text-indent:-9000%;
	}
	
.btn12 a{
	background: transparent url(../img/btn12.png) left no-repeat;
	display:block;
	height:105px;
	text-indent:-9000%;
	}
	
/*Estado Normal*/
.btn1 a { width:110px;}/* width = ancho  */
.btn2 a { width:110px;}
.btn3 a{ width:111px;}
.btn4 a { width:111px;}
.btn5 a { width:111px;}/* width = ancho  */
.btn6 a { width:110px;}
.btn7 a{ width:111px;}
.btn8 a { width:111px;}
.btn9 a { width:111px;}/* width = ancho  */
.btn10 a { width:111px;}
.btn11 a{ width:112px;}
.btn12 a { width:111px;}

/*Estado RollOver*/
.btn1 a:hover { width:110px; opacity: .5; filter:alpha(opacity=50);}/* width = ancho  */
.btn2 a:hover { width:110px; opacity: .5; filter:alpha(opacity=50); }
.btn3 a:hover { width:111px; opacity: .5; filter:alpha(opacity=50);}
.btn4 a:hover { width:111px; opacity: .5; filter:alpha(opacity=50);}
.btn5 a:hover { width:111px; opacity: .5; filter:alpha(opacity=50);}/* width = ancho  */
.btn6 a:hover { width:110px; opacity: .5; filter:alpha(opacity=50);}
.btn7 a:hover { width:111px; opacity: .5; filter:alpha(opacity=50);}
.btn8 a:hover { width:111px; opacity: .5; filter:alpha(opacity=50);}
.btn9 a:hover { width:111px; opacity: .5; filter:alpha(opacity=50);}/* width = ancho  */
.btn10 a:hover { width:111px; opacity: .5; filter:alpha(opacity=50);}
.btn11 a:hover { width:112px; opacity: .5; filter:alpha(opacity=50);}
.btn12 a:hover { width:111px; opacity: .5; filter:alpha(opacity=50);}