/* MENU - Navegacion*/
#nav{
	height:100%; width:65px;
	position:fixed;
	top:0; left:-65px;
	display:block;
	z-index:999;
	margin: 0; padding:0;}

/* Arrows */
#nav #arrows   { margin:0; position: absolute; bottom:20px; left:12px; z-index:9999 !important;  }
#nav #arrows li{ margin: auto; margin:0;}
#nav #arrows a { background: url(../images/arrow_up_dw_contenido.png) 0 0; margin:4px 0 0; display:block; width:30px; height:36px; }
#nav #arrows a.arw_up   { background-position: 0 0;}
#nav #arrows a.arw_down { background-position: 0 -36px;}

#nav #arrows a.arw_up:hover   { background-position: 30px 0;}
#nav #arrows a.arw_down:hover { background-position: 30px -36px;}

/* Dots */
#nav #dots ul { height:300px; position: absolute; top:50%; margin-top:-150px; padding:0; padding-top:3px; }
#nav #dots ul li { display: block; float:left; clear:left; }
#nav #dots ul li a {
	height:45px; width:45px;
	text-decoration: none;
	color: #666;
	display:block;
	background:url(../images/bg_nav.png) 0 0 no-repeat;
	margin:2px 0;
	left:0;
	position:relative;
	z-index:900;
	-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-ms-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;
}
#nav #dots ul li a.link_01 { background-position: -45px 0; }
#nav #dots ul li a.curtain-links.link_02 { background-position: -45px -45px; }
#nav #dots ul li a.curtain-links.link_03 { background-position: -45px -90px; }
#nav #dots ul li a.curtain-links.link_04 { background-position: -45px -135px; }
#nav #dots ul li a.curtain-links.link_05 { background-position: -45px -180px; }
#nav #dots ul li a.curtain-links.link_06 { background-position: -45px -225px; }
 
#nav #dots ul li a.link_01:hover { background-position: 0  0; }
#nav #dots ul li a.curtain-links.link_02:hover, #nav #dots ul li.active a.curtain-links.link_02 { background-position: 0 -45px; }
#nav #dots ul li a.curtain-links.link_03:hover, #nav #dots ul li.active a.curtain-links.link_03 { background-position: 0 -90px; }
#nav #dots ul li a.curtain-links.link_04:hover, #nav #dots ul li.active a.curtain-links.link_04 { background-position: 0 -135px; }
#nav #dots ul li a.curtain-links.link_05:hover, #nav #dots ul li.active a.curtain-links.link_05 { background-position: 0 -180px; }
#nav #dots ul li a.curtain-links.link_06:hover, #nav #dots ul li.active a.curtain-links.link_06 { background-position: 0 -225px; }

#nav #dots ul li span, #nav #dots ul li.active span {
	background: transparent url(../images/nav_arrow.png) left 50% no-repeat;
	color: #535353;
	font-style:normal; font-weight: 300;
	left:40px; 
	padding: 8px 10px 10px 12px;
	margin-top:5px;
	position: absolute;
	white-space: nowrap;
	font-size:18px;
	z-index:10;
	opacity:0;
	margin-left:-300px;
	
	-webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;-ms-transition: all .6s ease-out;-o-transition: all .6s ease-out;transition: all .6s ease-out;
}
#nav #dots ul li span .left   { height:35px; width:10px; position: absolute; top:3px ; right:-10px; display: inline-block; background: url(../images/nav_arrow.png) right bottom no-repeat;}
#nav #dots ul li:hover span   { display: block; opacity:1; margin-left:0; }
#nav #dots ul li.active:active span { display:none; }





/* SECCIONES .. SECCIONES .. SECCIONES .. SECCIONES .. SECCIONES .. SECCIONES .. SECCIONES .. SECCIONES .. SECCIONES .. SECCIONES .. SECCIONES .. SECCIONES .. SECCIONES .. SECCIONES ..  */

#section_01 { background: url(../images/lk_01.jpg) 0 0 repeat; }
#section_02 { background: url(../images/lk_04.jpg) 0 0 repeat; }
#section_03 { background: url(../images/lk_03.jpg) 0 0 repeat; }
#section_04 { background: url(../images/lk_06.jpg) 0 0 repeat; }
#section_05 { background: url(../images/lk_01.jpg) 0 0 repeat; }

ol.lista				{ list-style: decimal !important; color:#E6156A; margin:20px 0 0 20px; padding:0;}
ol.lista li				{ margin:10px 0 0; font-style:normal; font-weight: 400; font-size:13px; line-height:140%; text-align:left;}
ol.lista li span		{ color:#666;}
ol.lista li span strong { font-weight:600; color: #000;}



/* ESTADOS FINANCIEROS */
.wrapper_logro table { border:none; margin:15px 0 0; font-style:normal; font-weight: 400; font-size:13px; color:#666; line-height:120%; }
.wrapper_logro table tr { padding:5px 8px; border-bottom:solid 1px #BABABA;}
.wrapper_logro table tr:last-child { border-bottom:none;}
.wrapper_logro table tr td{ border-right:solid 1px #BABABA; padding:3px 10px; vertical-align:middle;font-size:12px;}
.wrapper_logro table tr td:last-child { border-right:none;}
.wrapper_logro table .alt{ background:#F1F6EC;}
.wrapper_logro table tr td strong { color:#424242; font-weight:600;}

.wrapper_logro p.sub		{ text-align:left; font-size:13px; color:#666; font-weight:400; line-height:130%; margin-top:20px;}
.wrapper_logro p.sub strong { font-size:600; }
.wrapper_logro p.sub a		{ display:inline;  color:#E6156A;}
.wrapper_logro p.sub a:hover{ color:#4AA638;}

.wrapper_logro p a.azoma, .wrapper_logro p a.giro { color:#666 !important; text-decoration:none; display:block; margin:0; }
.wrapper_logro p a.azoma:hover { color:#F90 !important; text-decoration:underline;}
.wrapper_logro p a.giro:hover { color:#009ADA !important; text-decoration:underline;}

.line { height:1px; border-bottom:1px solid #CCC; margin:20px 0; display:block; }


@media (max-width: 768px) { 

	#nav #arrows { bottom:50px; }
	
	.wrapper_logro table    { font-size:12px;}
	.wrapper_logro table tr { padding:4px 6px;}
	
	.wrapper_logro p.sub		{ font-size:12px; line-height:120%;}
	.wrapper_logro p.sub a		{ display:inline;  color:#E6156A;}
	
}

@media (max-width: 568px) { 

	#nav, nav 	{ display:none; }
	ol.lista li	{ font-size:10px; font-weight:300; line-height:120%;}
	ol.lista li span strong { font-weight:400; color: #333;}

}

@media (max-width: 480px) { 

	#nav, nav 	{ display:none; }
	ol.lista li	{ font-size:9px; font-weight:300; line-height:120%;}
	ol.lista li span strong { font-weight:400; color: #333;}

}
@media (max-width: 320px) { 

	#nav, nav 	{ display:none; }
	ol.lista li	{ font-size:13px; font-weight:300;}
	ol.lista li span strong { font-weight:400; color: #333;}
}




