* {
    -webkit-user-select: none;
}

body,ul,li {
	padding:0px;
	margin:0;
	border:0;
}

body {
	height:100%;
	font-size:12px;
	-webkit-user-select:none;
    -webkit-text-size-adjust:none;
	font-family:helvetica;
}


/*Inicio estilos de la cabecera*/
#cabecera{
			position:relative;
			top:0; left:0;right:0;
			width:98%;
			border: 2px solid #fff;
			
			background: rgba(93,161,252,1);
			background: -moz-linear-gradient(top, rgba(93,161,252,1) 0%, rgba(33,55,224,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(93,161,252,1)), color-stop(100%, rgba(33,55,224,1)));
			background: -webkit-linear-gradient(top, rgba(93,161,252,1) 0%, rgba(33,55,224,1) 100%);
			background: -o-linear-gradient(top, rgba(93,161,252,1) 0%, rgba(33,55,224,1) 100%);
			background: -ms-linear-gradient(top, rgba(93,161,252,1) 0%, rgba(33,55,224,1) 100%);
			background: linear-gradient(to bottom, rgba(93,161,252,1) 0%, rgba(33,55,224,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba1fc', endColorstr='#2137e1', GradientType=0 );
			margin-top: 0.8%;
			margin-left: auto;
			margin-right: auto;
			padding-top: 5px;
			margin-bottom: 5px;
			color:#eee;
			font-size:20px;
			text-align:center;
			
		}
		
#contenido{
			width:100%;
			text-align:center;
			
		}
		
#wrapper {
	position:absolute; z-index:1;
	top:0px; bottom:0px; left:0;
	width:100%;
	background-image:url('../imagenes/fondo.jpg');
	overflow:auto;
}




#cuerpo{

	background: url(../imagenes/fondo.png) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	z-index:10;
}








/**
 *
 * Horizontal Scrollbar
 *
 */
.myScrollbarH {
	position:absolute;
	z-index:100;
	height:7px;
	bottom:1px;
	left:2px;
	right:7px
}

.myScrollbarH > div {
	height:100%;
}


/**
 *
 * Vertical Scrollbar
 *
 */
.myScrollbarV {
	position:absolute;
	z-index:100;
	width:7px;bottom:7px;top:2px;right:1px
}

.myScrollbarV > div {
	width:100%;
}


/**
 *
 * Both Scrollbars
 *
 */
.myScrollbarH > div,
.myScrollbarV > div {
	position:absolute;
	z-index:100;

	/* The following is probably what you want to customize */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
	border-width:3px;
	-webkit-border-image:url(scrollbar.png) 6 6 6 6;
	-moz-border-image:url(scrollbar.png) 6 6 6 6;
	-o-border-image:url(scrollbar.png) 6 6 6 6;
	border-image:url(scrollbar.png) 6 6 6 6;
}





/*Inicio estilos del menu principal*/


.borde-menu-pdf{
	width:100px; 
	float:right;
	right:0px;
	height:100%;
	font-size:13px;
	margin-left:10px;
	text-align: center;
	color:#181C1F;
}

.borde-menu-pdf:hover{
	color:#181C1F;
}

.borde-menu-pdf img:hover{
	color:#181C1F;
}

.borde-menu-pdf p{
	margin:3px 0 0 0;
	font-weight: bold;
}

.borde-menu-pdf img{
	width:60px; 
	height:60px; 
	margin:2px 0 0 0;
	text-decoration:none; 
}

.borde-menu{
	width:5px;
	float:left;
	height:100%;
	margin-right:10px
}

.borde-menu2{
	width:5px;
	float:right;
	right:0px;
	height:100%;
	margin-left:10px
}

.borde-menu3{
	width:10px;
	float:left;
	left:0px;
	height:100%;
	margin-right:10px
}

.borde-menu4{
	width:10px;
	float:right;
	right:0px;
	height:100%;
	margin-left:10px
}

.color0{
	background:#ffffff;
}

.color1{
	background:#2ed877;
}

.color2{
	background:#3398dc;
}

.color3{
	background:#f4c601;
}

.color4{
	background:#fa5039;
}

.color5{
	background:#f9870b;
}

.color6{
	background:#00c8a4;
}




/*Fin del estilo del menu principal*/

/*Inicio estilos de las capas internas de los iscroll, tanto cuerpo como menu*/
#scroller {
	position:absolute; z-index:1;
	width:100%;
	padding:0;
}

#scroller ul {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	text-align:left;
}


}

#scroller li {
	border-bottom:1px solid #202328;
	border-top:1px solid #202529;
	background-color:#181c1f;
	height:100%;
	color:#fff;
}

#ulMenu li {
	border-bottom:1px solid #202328;
	border-top:1px solid #202529;
	height:88px;
	background-color: rgba(24, 28, 31, .4);
	color:#fff;
}

#ulMenu2 li {
	border-bottom:1px solid #202328;
	border-top:1px solid #202529;
	background-color: rgba(24, 28, 31, .4);
	color:#fff;
}

#ulMenu li:first-child {background-color: rgba(24, 28, 31, .4);}
#ulMenu li:nth-child(2n+3) {background-color: rgba(0, 0, 0, .7);}

#ulMenu2 li:first-child {background-color: rgba(24, 28, 31, .4);}
#ulMenu2 li:nth-child(2n+3) {background-color: rgba(0, 0, 0, .7);}

#scroller li:hover {
	border-bottom:1px solid #767778;
	border-top:1px solid #767778;
	background-color: rgba(255, 255, 255, .4);
	color:#fff;

}

#scroller2 li:hover {
	border-bottom:1px solid #767778;
	border-top:1px solid #767778;
	background-color: rgba(255, 255, 255, .1);
	color:#fff;
}


.li-menu-activo{
	background-color:#323a40 !important;
}


#scroller li a{
	width:100%;
	text-decoration: none;
}

#scroller li .opcion{
	text-align: center;
	width:100%;
	padding-top:20px;
	font-size:16px;
	font-weight: bold;
	text-shadow: 0 1px #000;
	padding-bottom:0px;
}

#scroller li .opcion2{
	color: #fff;
	text-align: center;
	width:100%;
	padding-top:35px;
	font-size:20px;
	font-weight: bold;
	text-shadow: 0 1px #000;
}

#scroller li .opcion3{
	color: #fff;
	text-align: center;
	width:100%;
	margin: 0 auto;
	padding-top:10px;
	padding-bottom:5px;
	font-size:20px;
	font-weight: bold;
	text-shadow: 0 1px #000;
}

#scroller li .opcion4{
	color: #fff;
	text-align: center;
	width:100%;
	padding-top:3px;
	padding-bottom:0px;
	font-size:15px;
	font-weight: bold;
	text-shadow: 0 1px #000;
}

#scroller li .opcion5{
	color: rgb(255, 204, 51);
	text-align: center;
	width:100%;
	padding-top:3px;
	padding-bottom:0px;
	font-size:15px;
	font-weight: bold;
	text-shadow: 0 1px #000;
}

#scroller li .descripcion{
	text-align: center;
	color:#6e7679;
	font-size:18px;
	text-shadow: 0 1px #000;
	padding-bottom:20px;
}

#scroller li .descripcion2{
	text-align: center;
	color:#006699;
	font-size:18px;
	padding-bottom:0px;
}

#scroller li .descripcion3{
	text-align: center;
	width:100%; 
	margin: 0 auto;
	color:#FFFF33;
	font-size:20px;
	padding-bottom:7px;
	text-shadow: 0 1px #000;
	font-weight: bold;
}

#scroller li .descripcion5{
	text-align: center;
	color:#CC0000;
	font-size:18px;
	padding-bottom:0px;
}


/*Fin estilos de las capas internas de los iscroll, tanto cuerpo como menu*/