body
{
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	cursor:default;
	color:#666666;
}

a, .link , .link2 { color:#666666; text-decoration:none; }
a:hover, .link:hover, .link2:hover, a:active, .link:active, .link2:active
{
	color:#d44b39;
	text-decoration:underline;
	cursor:pointer;
}
.link_active
{
	color:#d44b39;
	text-decoration:underline;
}
.open_options { width:100%; }
table
{
	-webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;  /* IE 10+ */
}

header
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:60px;
	background-color:#d44b39;
	color:#ffffff;
	-webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;  /* IE 10+ */
}
.header_block 
{
	position:absolute; 
	height:80px; 
	display:table;
}
#img_header
{
	position:absolute;
	float:left;
	left:13px;
	height:auto;
}
#access_data
{
	position:absolute;
	float:right;
	top:15px;
	right:13px;
	height:15px;
	background-color:#ca4131;
	margin:0;
	text-align:right;
	padding:10px 0;
	font-size:14px;
	z-index:2;
}
#access_data a
{
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}
.red_block
{
	position:absolute;
	top:15px;
	right:0px;
	width:40%;
	height:36px;
	background-color:#ca4131;
}
header nav
{
	position:absolute;
	top:60px;
	width:100%;
	/*height:20px;*/
	background-color:#c1382a;
}
#menu_list
{
	position:absolute;
	top:0;	
	list-style-type:none;
	color:#ffffff;
	counter-reset: item;
	padding:0;
	text-align:center;
	cursor:pointer;
}
#menu_list li { display:inline-block; font-size:13px; height:20px; }
#menu_list li:before 
{
    display: inline-block;
    content: "|";
	color:#ffffff;
    counter-increment: item;
    width: 1em;
    margin-left: -1em;
}
.first_elm:before { content: " "!important; }
#menu_list li:hover, #menu_list li:active
{
	border-bottom:5px solid #ff503d;
}
.liItem_active { border-bottom:5px solid #ff503d; }

/* --------- BODY ----*/

section
{
	position:absolute;
	width:1024px; 
	left:50%; 
	margin-left:-512px;
}
.data_block
{
	position:relative;
	width:100%;
	top:0;
}
.data_block_login
{
	position:relative;
	width:70%;
	top:0;
	left:15%;
}
.block_title, .login_title
{
	position:absolute;
	top:0;
	height:25px;
	background-color:#cccccc;
	text-transform:uppercase;
	color:#666666;
	font-size:14px;
	display:table;
}
.login_title { width:70%; left:15%; }
.block_title span, .login_title span { display:table-cell; vertical-align:middle; padding-left:13px; }
.btn
{
	position:absolute;
	margin-top:10px;
	min-width:65px;
	min-height:20px;
	color:#ffffff;
	font-size:10px;
	background-color:#666666;
	border:none;
	outline:none;
	text-transform:uppercase;
	cursor:pointer;
	-webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;  /* IE 10+ */
}
.btn:hover, .btn:active { background-color:#d44b39; }
/*Clase especial para boton con funcionalidad de guardar informacion*/
.inactive { opacity:.5; cursor:default; }
.inactive:hover, .inactive:active { background-color:#666666; }

#lightbox_bg
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	background-color:rgba(0,0,0,.4);
}
#lightbox_bg2
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	background-color:rgba(0,0,0,.4);
}
.lightbox_front
{
	position:fixed;
	top:50%;
	left:50%;
	z-index:101;
	background-color:#ffffff;
	border:2px solid #666666;
}
.lightbox_front2
{
	position:fixed;
	top:50%;
	left:50%;
	z-index:101;
	background-color:#ffffff;
	border:2px solid #666666;
}
.alex { background-color:#d44b39; }
.alcum { background-color:#d49a39; }
.alba { background-color:#c1d43a; }
.mulex { background-color:#75d43a; }
.altmet { background-color:#4a39d5; }
.alider { background-color:#9839d3; }
.alear { background-color:#d539c1; }
.innex { background-color:#d43973; }
.acval { background-color:#39d44c; }
.slimpm { background-color:#39d49a; }
.portex { background-color:#3ac1d5; }
.maxir { background-color:#3973d4; }
.alimp { background-color:#515151; }

.arrow_up, .arrow_down
{
    width:0px;
    height:0px;
    border-style: solid;
    border-width: 12px;
	cursor:pointer;
}
.arrow_up 
{
    border-bottom-width:0px;
    border-color: #cccccc transparent transparent transparent;
}
.arrow_down
{
    border-top-width:0px;
    border-color: transparent transparent #cccccc transparent;
}
.arrow_up:hover, .arrow_up:active
{
    border-color: #c1382a transparent transparent transparent;
}
.arrow_down:hover, .arrow_down:active
{
    border-color: transparent transparent #c1382a transparent;
}

/*Options Box for tables*/

#options_CBox { position:absolute; }

.arrow_tabUp01, .arrow_tabDown01, .arrow_tabUp02, .arrow_tabDown02
{
	position:relative;
    width:0px;
    height:0px;
    border-style: solid;
}
.arrow_tabUp01, .arrow_tabUp02 { border-width: 12px; }
.arrow_tabDown01, .arrow_tabDown02 { border-width: 16px; }
.arrow_tabUp01
{ 
	top:-21px;
	left:1px;
    border-left-width:0px;
    border-color: transparent #ffffff transparent transparent;
}
.arrow_tabDown01
{
	top:7px;
	left:0;
    border-left-width:0px;
    border-color: transparent rgba(0,0,0,.2) transparent transparent;
}
.arrow_tabUp02
{ 
	top:-21px;
	left:155px;
    border-right-width:0px;
    border-color: transparent transparent transparent #ffffff;
}
.arrow_tabDown02
{
	top:7px;
	left:153px;
    border-right-width:0px;
    border-color: transparent transparent transparent rgba(0,0,0,.2);
}

#options_box
{
	position:absolute;
	top:0;
	left:12px;
	background-color:#ffffff;
	padding:0 10px 10px 13px;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.5);
}
.closeOptions_btn
{
	position:relative;
	top:5px;
	right:0px;
	float:right;
	background-color:#666666;
	color:#ffffff;
	font-size:12px;
	width:15px;
	height:15px;
	text-align:center;
	display:table;
	cursor:pointer;
}
.closeOptions_btn span { display:table-cell; vertical-align:middle; }
.closeOptions_btn:hover, .closeOptions_btn:active { background-color:#c1382a; }
#options_box nav ul
{
	position:relative;
	top:5px;
	left:0;
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;
	font-size:12px;
	width:120px;
}
#options_box nav ul li
{
	margin:3px 0;
	padding-bottom:1px;
	border-bottom:2px solid #ececec;
}
#options_box nav ul li:last-child { border-bottom:none;}

/*Options Box for tables

/*error messages for inputs*/
#alert_msg_bg
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:rgba(0,0,0,.1);
}
#alert_message
{
	position:fixed;
	top:200px;
	left:50%;
	display:table;
	text-align:center;
	background-color:#ffffff;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.5);
}
#alert_message h2 { color:#c1382a; margin:0; }
#alert_message p { margin:0; display:inline; }
/*error messages for inputs*/

.input_error { position:absolute; margin-top:5px; color:#c1382a; }
.save_sucessInfo
{
	border-bottom:none!important;
	margin-bottom:50px;
	text-align:center;
	font-size:14px;
	color:#c1382a!important;
}
.error_saveInfo
{
	position:absolute;
	width:95%;
	margin-bottom:50px;
	text-align:right;
	font-size:12px;
	text-decoration:underline;
	color:#c1382a!important;
}

.noSelect
{
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
}
.date_box
{
	position:absolute;
	height:20px;
	background-color:#ececec;
	border:none;
    display:table-cell; 
	vertical-align:middle;
	color:#666666;
	font-size:12px;
	outline-color:#666666;
}

.no_div
{
	margin:0;
	padding:0;
	width:100%;
}
.error_input { outline-color:#a1382c!important; }

/* loader*/
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}