@charset "utf-8";
/* CSS Document 
Azul: 3B6490
Azul obscuro: 41495C (dark)
Azul pálido: 65787E
Azul claro: e8eff6
Azul intenso: 62D0D8

Amarillo: FFD215
Amarillo claro: FFEEA7

Gris Obscuro: 626569
Gris medio: 9da0a4 
Gris medio: c6c7c9
Gris claro: e4e5e6

Negro
*/

@import url('http://fonts.googleapis.com/css?family=Lato:100,300,900');
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,800');

body {
	padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; background-color:#D4D7DB; color:#333;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	image-rendering: optimizeQuality;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bgColor { background-color:#3B6490; }
.bgColorLight { background-color:#8CAACA; }
.gbColorDark { background-color:#133B65; }

.bgSubColor { background-color:#DD7F50; }
.bgSubColorLight { background-color:#FFC7AA; }
.bgSubColorDark { background-color:#9B4113; } /* C54200 */

.bgGrayColor { background-color:#D4D7DB; }
.bgGrayColorLight { background-color:#f0f0f0; }
.bgGrayColorDark { background-color:#8A9CAF; }

.fontColor { color:#133B65; }
.fontColorDark { color:#8A9CAF; }
.fontColorLight { color:#D4D7DB; }

/* BOX ***********************************/

#boxBody { width:100%; height:full; margin:0; top:0; bottom:0; left:0; right:0; }
#boxMenu { margin-left:auto; margin-right:auto; }

#header { background-color:#3B6490; color:#fff; padding-top:3px; height:42px; z-index:1001; border-bottom:solid 1px #fff; }
#loading { display:none; width:100%; height:100%; left:0; right:0; top:0; bottom:0; background:url(../img/load.gif) #000 center center no-repeat; opacity:0.9; position:fixed; height:cover; width:cover; z-index:4000; display:none;}
#logout { z-index:1001; }
.round { -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius:3px; overflow:hidden; }

/* BASIC ************************************/
.title, .title_top { font-size:28px; font-family: 'Open sans', Arial, Helvetica, sans-serif; }
.title_top { font-weight:100; margin-top:10px; margin-bottom:10px; margin-left:10px; padding-left:10px; } 
.medium { font-size:18px; font-family: 'Lato', Arial, Helvetica, sans-serif; }
.small { font-size:14px; font-family: 'Lato', Arial, Helvetica, sans-serif; color:#6B6A69; }
.clear { clear:both; }
.bold { font-weight:bold; }
.normal { font-weight:normal; font-size:14px; }
.hide { display:none; }
.form_clean { border:none; padding:5px; margin:0px; width:auto; } 
.left { float:left; }
.right{ float:right; }
.separador { margin-bottom:20px; margin-top:20px; border-bottom:solid 1px #9da0a4; clear:both; }
.dark { color:#41495C; }
.light { color:#fff; }

.m0 { margin:0px; }
.m10 { margin:10px; }
.m20 { margin:20px; }
.mtop10 { margin-top:10px; }
.mtop20 { margin-top:20px; }
.mbottom0 { margin-bottom:0px; }
.mbottom10 { margin-bottom:10px; }
.mbottom20 { margin-bottom:20px; }
.mleft20 {margin-left:20px; }
.mleft10 {margin-left:10px; }
.mleft5 {margin-left:5px; }
.mright20 {margin-right:20px; }
.mright10 {margin-right:10px; }
.mright5 {margin-right:5px; }

.p0 { padding:0px; }
.p10 { padding:10px; }
.p20 { padding:20px; }
.ptop10 { padding-top:10px; }
.ptop20 { padding-top:20px; }
.pbottom0 { padding-bottom:0px; }
.pbottom10 { padding-bottom:10px; }
.pbottom20 { padding-bottom:20px; }
.pleft20 { padding-left:20px; }
.pright20 { padding-right:20px; }


.border { border:solid 1px #ededed; }


.c1 { width: 60px; }
.c1nm { width: 80px; }
.c2 { width: 140px; }
.c2nm { width: 160px; }
.c3 { width: 220px; }
.c3nm { width: 240px; }
.c4 { width: 300px; }
.c4nm { width: 320px; }
.c5 { width: 380px; }
.c5nm { width: 400px; }
.c6 { width: 460px; }
.c6nm { width: 480px; }
.c7 { width: 540px; }
.c7nm { width: 560px; }
.c8 { width: 620px; }
.c8nm { width: 640px; }
.c9 { width: 700px; }
.c9nm { width: 720px; }
.c10 { width: 780px; }
.c10nm { width: 800px; }
.c11 { width: 860px; }
.c11nm { width: 880px; }
.c12 { width: 940px; }
.cfull { width: 980px; }

.c20 { width:18%; }
.c30 { width:28%; }
.c40 { width:38%; }
.c50 { width:48%; }
.c60 { width:55%; }
.c70 { width:65%; }
.c80 { width:75%; }
.c90 { width:85%; }
.c100 { width:95%; }

.c200 { width:200px; }
.c400 { width:400px; }
.c600 { width:600px; }
.c800 { width:800px; }

.h20 { height:20px; }
.h50 { height:50px; }
.h100 { height:100px; }
.h150 { height:150px; }
.h200 { min-height:200px; }
.h300 { min-height:300px; }
.h400 { min-height:400px; }
.h600 { min-height:600px; }

.bg_blue { background-color:#3B6490; }
.bg_blue_dark { background-color:#41495C; }
.bg_blue_light { background-color:#DCE9EA; }
.bg_blue_pal { background-color:#65787E; }
.bg_blue_shine { background-color:#62D0D8; }
.bg_light { background-color:#fff; }

/* LIST ************************************/
.list { padding-bottom:10px; margin-bottom:10px; border-radius:4px; border:solid 1px #ccc; background-color:#fff;}
.list:hover { color:#22282a; opacity:0.9; border:solid 1px #d3dcde;}
.list button, .list .button, .list button a:hover, .list .button a:hover { padding:7px; font-size:12px; margin:0px; text-decoration: none; display:block; float:left; margin-right:5px; } 
.list a, .list a:hover, .list a:visited, .list a:active { text-decoration: none; } 

.list .actions { float:right; padding:0px; opacity:0.8; padding:20px;}
.list .center { margin-top:30px; clear:both; }
.list .actions:hover { opacity:1 }
.list .content_section { font-size:13px; font-weight:normal; margin:20px; }
.list .title_section { font-size:16px; font-weight:bold; margin:20px; }

.box_top { background: #f0f0f0; border-bottom:solid 1px #D4D7DB; padding:10px; padding-top:20px; font-family: 'Open sans', Arial, Helvetica, sans-serif; border-radius:3px 3px 0 0; font-size:17px; font-weight:400; }
.box_middle { background:#fff; padding:10px; font-family: 'Open sans', Arial, Helvetica, sans-serif; font-size:14px; }
.box_bottom { background:#f0f0f0; border-top:solid 1px #D4D7DB; padding:10px; border-radius:0 0 3px 3px; font-family: 'Open sans', Arial, Helvetica, sans-serif;  font-size:13px; }

/* MENU LATERAL APPS ************************************/
#menuLeft { 
	width: 940px;
	margin-left:auto;
	margin-right:auto;
	display:none; padding:0px; background-color:#D4D7DB; padding:20px; left:0; right:0; top:45px; position:fixed; z-index:1000; color: #22282a; 
	top:42px;
	bottom:0px;
	left:0px;
	right:0px;
}
	
.optionsTop { display:none; margin:0px; background-color:#3B6490; padding:20px; left:0; right:0; top:45px; position:absolute; z-index:1000; color: #DCE9EA; }

/* MENU PRINCIPAL ************************************/
#menu { padding:0px; display:none; background:#f0f0f0; font-family:'Open Sans', Arial, Helvetica; font-weight:400; }

#menu ul {
	margin: 0px;
	padding:0px;
	list-style-type: none;
	}

#menu li {
	background:#f0f0f0;
	color: #8A9CAF; font-size: 13px; font-weight: normal; text-shadow: 1px 1px #fff; text-align:center;
	padding: 12px;
	padding-right: 10px;
	padding-left: 10px;
	float:left;
	cursor:pointer;
	border-right:solid 1px #fff;
}
#menu li a {
	padding-right: 10px;
	padding-left: 10px;
	
	display: block;
	line-height: 20px;
	text-decoration: none;
	color: #8A9CAF;
}
#menu li:hover {
	background-color:#fff;
	color:#fff;
}
.menu_active { background-color:#fff; text-shadow:none; border-bottom:solid 2px #DD7F50; padding-bottom:15px; }

/* MENU PRINCIPAL MOVIL ************************************/

#menu_movil { display:none; margin-top:10px; margin-bottom:10px; }

#menu_movil ul {
	margin: 0px;
	padding:0px;
	list-style-type: none;
	width:auto;
	display:none;
	}
#menu_movil li {
	padding:10px;
	background-color:#f0f0f0;
	opacity: 1.0;
	color: #626569; text-shadow: 1px 1px #e4e5e6;
	margin-left:10px; margin-right:10px; margin-top:1px;
	font-size: 13px;
}
#menu_movil li:hover, #menu_movil #downButton:hover {
	color: #626569;
	background-color:#fff;
}
#menu_movil a {
	padding-right: 10px;
	display: block;
	line-height: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #626569;
}
#menu_movil #downButton {
	padding:10px;
	display:block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #626569;
	text-shadow: 1px 1px #e4e5e6;
	font-weight:bold;
	cursor:pointer;
	background: #f0f0f0 right 10px center no-repeat url(../img/ico_bl_down_24.png);
	margin-left:10px; margin-right:10px;
}
#menu_movil #downButton a:link {
	color:#626569;
}

/* HEREDADOS ************************************/

.max  {
	padding:30px;
	font-size: 18px;
	font-weight:bold;
	font-family: 'Lato', Arial, Helvetica, sans-serif;;
}
.min {
	padding:10px;
	width:10px; height:10px;
}



.icon {margin-left:5px; margin-right:5px; padding:none; background: no-repeat center center; width: 32px; height:32px; border:none; cursor:pointer; opacity: 0.6; }
.icon:hover { opacity: 1.0; }

/* Link */

a:link { color: #22282a; text-decoration: none; } 
a:visited { color: #22282a; text-decoration: none; } 
a:hover { color: #22282a; text-decoration: underline; } 
a:active {color: #22282a; text-decoration: none; } 

.LinkBlanco { font-family: Arial, Helvetica, sans-serif; color: #fff; } 
.LinkBlanco a:link { color: #fff; text-decoration: none; } 
.LinkBlanco a:visited { color: #fff; text-decoration: none; } 
.LinkBlanco a:hover { color: #fff; text-decoration: underline; } 
.LinkBlanco a:active {color: #fff; text-decoration: none; } 

.LinkBlancoNu { color: #fff; } 
.LinkBlancoNu a:link { color: #fff; text-decoration: none; } 
.LinkBlancoNu a:visited { color: #fff; text-decoration: none; } 
.LinkBlancoNu a:hover { color: #fff; text-decoration: none; } 
.LinkBlancoNu a:active {color: #fff; text-decoration: none; } 

.Nu {  } 
.Nu a:link { text-decoration: none; } 
.Nu a:visited { text-decoration: none; } 
.Nu a:hover { text-decoration: none; } 
.Nu a:active { text-decoration: none; } 

/* FORMS ************************************/

select, input, textarea { 

	padding: 10px; margin: 4px; margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif; 	color: #666666; font-size: 14px; font-weight:normal;

	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	background-image: url(../img/tf_bg.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	clear:both;
	border:solid 1px #9C9C9C;
}

.form_big { width:50%; font-size:15px; }

select:hover, input:hover, textfield:hover {
	background-color: #FFF;
	background-image: url(../img/tf_bg.gif);
	background-repeat: repeat-x;
}

label, .label, .form_label { clear:both; font-size:12px; font-weight:bold; color:#41495C; margin-top:10px; margin-bottom:10px; } 

.form_clean { border:none; padding:5px; margin:0px; width:auto; border:solid 1px #bebebe; }

.formContainerSmall, .formContainer { background:#187D94; height:46px; margin-bottom:10px; border-radius: 4px; border:solid 1px #fff;}
.formContainerSmall { width:180px; }
.formContainer { clear:both; width:470px; }

.formContainerSmall select, .formContainer select { margin:6px; float:right; }
.formContainer select { width:70%; }
.formContainerSmall select { width:80px; }

.formContainerSmall a, .formContainer a { float:left; margin:10px; margin-top:15px; color:#fff; font-size:12px; font-weight:bold; color:#fff;}
.formContainerSmall input, .formContainer input { margin:5px; float:right; }

.required_field, .required { background-image:none; background-color:#fbdcd3; border:solid 1px #ee8f78; }
.required_border { border:solid 1px #ee8f78; }
.required_left { border-left:solid 5px #ee8f78; }
.disabled_field { background-image:none; background-color: #f9f9f9; }
.form_alert { padding:10px; background-color:#EB5355; color:#fff; font-weight:bold; }

/*
button, .button {
	padding: 10px;
	padding-left:15px; padding-right:15px;
	background-color: rgba(228,229,230,0.9);
	border: solid 1px #9da0a4;
	margin-bottom: 10px;
	cursor:pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Open sans', Arial, Helvetica, sans-serif;
	color:#626569;	
	text-shadow:1px 1px 1px #fff;
	font-weight:400;
	font-size: 13px;
	text-decoration:none;
	display:block;
}
.button:hover, button:hover {
	background-color: rgba(228,229,230,0.5);
	text-decoration:none; cursor:pointer;
}
*/

button, button:visited, button:link, button:active, .button, .button:visited, .button:link, .button:active {
	padding: 7px;
	padding-left:10px; padding-right:10px;
	
	border: solid 1px #DD7F50;
	border-radius: 2px;
	
	background-color: #DD7F50;
	margin-bottom: 10px;
	cursor:pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-family: 'Open sans', Arial, Helvetica, sans-serif;
	color:#fff;	
	text-shadow:-1px -1px 0px #9B4113;
	font-weight:400;
	text-decoration:none;
	display:block;
}
.button:hover, button:hover {
	background-color: #C54200;
	text-decoration:none;
	color:#fff;
}

.button_left {
	padding: 9px;
	background-color:rgba(228,229,230,0.6);
	border: solid 1px #9da0a4;
	margin-bottom: 10px;
	cursor:pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Open sans', Arial, Helvetica, sans-serif;
	color:#626569;	
	font-weight:normal;
	text-shadow:1px 1px 1px #fff;
	font-size: 14px;
	text-decoration:none;
}
.button_left:hover {
	background-color:rgba(228,229,230,1);
}

button a, button a:link, button a:visited, button a:active, .button a, .button a:link, .button a:visited, .button a:active { text-decoration:none; color:#626569;}

.button_container { padding-top:15px; padding-bottom:15px; }

.box_admin { padding:10px; background:#fff; border-radius: 3px; border:solid 1px #c6c7c9;}
.box_admin .content_section {
	font-size:14px;
	font-weight:normal;
	margin-bottom:10px;
}
.box_admin .title_section {
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
}


/* TABS */

.tabs { padding-left:20px; height:35px; border-bottom: solid 1px #ccc; margin-bottom:20px;}
.tabs ul { margin: 0px; padding:0px; list-style-type: none;  clear:both;  }
.tabs li {
	background-color: #f0f0f0;
	font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px; font-weight: normal; text-shadow: 1px 1px #fff; text-align:center;
	padding: 10px;
	border: solid 1px #ccc; border-bottom: none;
	opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; float:left;
	cursor:pointer;
}
.tabs li a { text-decoration:none; color:#333; }
.tabs li:hover { opacity:1.0; -webkit-opacity:1.0; -moz-opacity:1.0; }
.tabs #tab_link_2, .tabs #tab_link_3, .tabs #tab_link_4, .tabs #tab_link_5, .tabs #tab_link_6, .tabs #tab_link_7, .tabs #tab_link_8 { border-left: none; }
.tabs .tab_active { background-color:#fff; border-bottom:solid 2px #fff; opacity:1; -webkit-opacity:1; -moz-opacity:1 }
.tabs .tab_inactive { background-color:#f9f9f9; border-bottom:solid 2px #ececec; padding-top:9px; padding-bottom:8px; margin-top:1px; }


/* TABS ICON */

.tabsi { padding-left:20px; height:96px; border-bottom: solid 1px #ccc; margin-bottom:20px;}
.tabsi ul { margin: 0px; padding:0px; list-style-type: none;  clear:both;  }
.tabsi li {
	background-color: #f0f0f0;
	font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px; font-weight: normal; text-shadow: 1px 1px #fff; text-align:center;
	padding: 10px; padding-top:60px;
	border: solid 1px #ccc; border-bottom: none;
	opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; float:left;
	cursor:pointer;
}
.tabsi li a { text-decoration: none; color: #FFF;}
.tabsi li:hover { opacity:1.0; -webkit-opacity:1.0; -moz-opacity:1.0; }
.tabsi #tab_link_2, .tabs #tab_link_3, .tabs #tab_link_4, .tabs #tab_link_5, .tabs #tab_link_6, .tabs #tab_link_7, .tabs #tab_link_8 { border-left: none; }
.tabsi .tab_active { background-color:#fff; border-bottom:solid 2px #fff; }
.tabsi .tab_inactive { background-color:#f9f9f9; border-bottom:solid 2px #ececec; padding-top:9px; padding-bottom:8px; margin-top:1px; }

.tab_box { display:none; color:#000; min-height:380px;}

/*****************************************************/

.list .content_section {
	font-size:14px;
	font-weight:normal;
	margin-bottom:10px; margin-top:0px;
}
.list .reference_section {
	font-size:14px;
	font-weight:normal;
	margin-bottom:10px; margin-top:0px;
}
.list .title_section {
	font-size:16px;
	font-weight:bold;
}

.link_section, .link_section a:link, .link_section a:hover, .link_section a:visited, .link_section a:active{ font-size:14px; font-weight:normal; color:#003399; }

.navigator, .navigator_active { font-size:12px; text-align:center; float:left; margin:5px; border: solid 1px #ccc; padding:7px; background:#000; border-radius:3px; text-align:center;}
.navigator_active { border: solid 1px #fff; background:#f9f9f9;}

.boxCenter { z-index:1002; background:#fff; border:solid 1px #ccc; border-radius:3px; margin-left:auto; margin-right:auto; margin-top:50px; overflow:hidden; width:60%;}
.boxCenterBottom { background-color:#f0f0f0; border-top: solid 1px #ccc; padding:10px; text-align:center; }

/* Para aplicaciones en desktop */

#boxContent, #title, #header, #boxMenu { width:940px; margin-left:auto; margin-right:auto; padding:0px;}
#boxContent { margin-top:20px; margin-bottom:80px; margin-left:auto; margin-right:auto; padding:20px; overflow:hidden; }

.etiquetas {
	font-size:9px;
	padding:4px;
	font-family: Segoe, Verdana, sans-serif;
	font-weight:bold;
	float:left; margin-right:10px;
}
.et_azul { background:#abcbe2; color:#fff; border:solid 1px #d1e4f3; }
.et_roja { background:#7592b1; color:#fff; border:solid 1px #3b6490; }
.et_amarilla { background:#7592b1; color:#fff; border:solid 1px #3b6490; }
.et_verde { background:#7592b1; color:#fff; border:solid 1px #3b6490; }
.et_gris { background:#7592b1; color:#fff; border:solid 1px #3b6490; }

/*display:none; padding:15px; border:solid 1px #d1e27c; background-color:#eaf7b1; color:#39343a; font-size:12px; font-weight:bold; background-image: url(../img/ico_alert.png); background-repeat:no-repeat; background-position:10px 10px; margin-bottom:10px; width:100%; display:none; border-radius: 3px; padding-left:35px;*/

.alerta { display:none; border:none; background-color:#fff; color:#39343a; padding:15px; color:#39343a; font-size:12px; font-weight:bold; background-repeat: repeat-y; background-position: left center; margin-bottom:10px; border-radius: 3px; padding-left:50px; }
.roja { background-image: url(../img/ico_alert_fail.png); }
.azul { background-image: url(../img/ico_alert_info.png); border: solid 1px #c8dfef;}
.verde { background-image: url(../img/ico_alert_done.png); }
.amarilla { background-image: url(../img/ico_alert_care.png); }

@media screen and (max-width: 640px){
	select, input, textarea { width:90%; }
	.Alerta { width: 96%; }
	#header, #boxMenu { width:100%;  margin-left:auto; margin-right:auto; padding:0px; margin:0px; }
	#boxContent, #title { width:90%; margin-left:auto; margin-right:auto; }

	.formContainerSmall { width:70%; }
	.formContainer { clear:both; width:90%; }

	.box_admin { width:90%; padding:10px; background:#fff; border-radius: 3px; border:solid 1px #c6c7c9; margin-top:10px;}
	.actions { clear:both; float:none; border-top:solid 1px #ccc; widows:100%; background:#f9f9f9; }
	.actions .button { display:block; float:left; margin-right:5px; margin-top:5px; }
	.foto { width:80%; margin-left:auto; margin-right:auto; }
	#menuLeft { width: 90%; padding:20px; }

	 .c1 { width: 95%; }
	 .c1nm { width: 95%; }
	 .c2 { width: 95%; }
	 .c2nm { width: 95%; }
	 .c3 { width: 95%; }
	 .c3nm { width: 95%; }
	 .c4 { width: 95%; }
	 .c4nm { width: 95%; }
	 .c5 { width: 95%; }
	 .c5nm { width: 95%; }
	 .c6 { width: 95%; }
	 .c6nm { width: 95%; }
	 .c7 { width: 95%; }
	 .c7nm { width: 95%; }
	 .c8 { width: 95%; }
	 .c8nm { width: 95%; }
	 .c9 { width: 95%; }
	 .c9nm { width: 95%; }
	 .c10 { width: 95%; }
	 .c10nm { width: 95%; }
	 .c11 { width: 95%; }
	 .c11nm { width: 95%; }
	 .c12 { width: 95%; }
	 .cfull { width: 95%; }
	 
	.mleft20 {margin-left:0px; }
	.mleft10 {margin-left:0px; }
	.mleft5 {margin-left:0px; }
	
	.p20 { padding:3px; padding-top:20px; padding-bottom:20px; }
	.m20 { margin:3px; margin-top:20px; margin-bottom:20px; }
}

.text_mini { font-size:11px; }

.menu_activo { background-color:#fff; text-shadow:none; border-bottom:solid 4px #000; padding-bottom:200px; }

.foto_40 { width:40px; height:40px; overflow:hidden; border:solid 1px #ccc; text-align:center; vertical-align:middle; }
.foto_40 img { width:40px; } 

.foto_80 { width:80px; height:80px; overflow:hidden; border:solid 1px #ccc; text-align:center; vertical-align:middle; }
.foto_80 img {  }

.foto_empty { background:url(../img/img_not_found.png) center center no-repeat; background-size:90%; }

.form_instrucciones { padding:8px; padding-left:50px; background:url(../img/ico_alert_care.png) left center no-repeat; font-size:11px; color:#666; }

.icon_16 { width:16px; }



.w50 { width:50% }
.h50 { height:50px; }
.h100 { height:100px; }
.h200 {height:200px; }
.h400 { height:400px; }

.hover { opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity = 80);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	 }
.hover:hover { opacity:1.0; -webkit-opacity:1; -moz-opacity:1; filter: alpha(opacity = 100); }

.hoveri {
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity = 100);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	}
.hoveri:hover { opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity = 80); }

.hoverColor { background-color:#3B6490; color:#f0f0f0; }
.hoverColor:hover { background-color:#8A9CAF; color:#fff; }

.hoverWhite { color:#4c4c4c; }
.hoverWhite:hover { background-color:#fafafa; color:#000; }


.round { -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius:3px; overflow:hidden; }

.fontMax, .fontTitle, .fontSubtitle, .fontMedium, .fontNormal, .fontSmall { font-family:'Open sans', Arial, Helvetica; font-weight:400; }

.fontMax { font-size:38px; }
.fontTitle { font-size:28px; }
.fontSubtitle { font-size:24px; }
.fontMedium { font-size:18px; }
.fontNormal { font-size:15px; }
.fontSmall { font-size:12px; }

.fontWhite { color: #fff; }
.fontBlack { color: #000; }

.center { text-align:center; }

.fontOpenSans { font-family:'Open Sans', Helvetica, Arial, sans-serif;  font-weight:400; }

/* Fondos */

.bgWhite { background-color:#fff; }
.bgGrayDark { background-color:#262626; }
.bgGrayLight { background-color:#f0f0f0; }

.shadow {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);			
}
.border { border:solid 1px #ccc; }

.opacityBlack_20 { background-color:rgba(0,0,0,0.2); }
.opacityBlack_40 { background-color:rgba(0,0,0,0.4); }
.opacityBlack_60 { background-color:rgba(0,0,0,0.6); }
.opacityBlack_80 { background-color:rgba(0,0,0,0.8); }

.opacityWhite_20 { background-color:rgba(255,255,255,0.2); }
.opacityWhite_40 { background-color:rgba(255,255,255,0.4); }
.opacityWhite_60 { background-color:rgba(255,255,255,0.6); }
.opacityWhite_80 { background-color:rgba(255,255,255,0.8); }


.Apps {
	color: #FFFFFF;
	background-color: #284e77;
	padding: 15px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:400;	
	margin-bottom: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-repeat:no-repeat;
	background-position: 7px center;
	cursor:pointer;
}
.Apps:hover {
	opacity:0.7;
	-webkit-opacity:0.7;
	-moz-opacity:0.7;

}
.AppsTitle {
	color: #254c76;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.openGobHelps {
	background-color: #f9f9f9;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	border-top: solid 1px #f1f1f1;
	
}
.openGobHelps:hover {
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	opacity:0.6;
	border-bottom: 1px solid #f2f2f2;
	border-top:solid 1px #fff;
	
}
.openGobHelps1 {
	color: #FFFFFF;
	background-color: #F1F1F1;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.textTitle {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
}
.textSubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.round {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius::3px;
}
.File {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-left: 10px;
	float: left;
	height: 30px;
	width: 80px;
	border: 1px solid #8eb1cf;
	border-left:none;
	background-position: center 10px;
	background-repeat: no-repeat;
	background-color: #284e77;
	color: #fff;
	padding:5px;
	padding-top: 80px;

	border-radius: 3px;
	-moz-border-radius :3px;
	-webkit-border-radius: 3px;
	text-align:center;
	cursor:pointer;
	background-size:64px;
}
.File:hover {
	background-color:#add4fc;
	border-color:#d6eafe;
}
.buttonMin {
	cursor:pointer; color:#FFF; clear:both; margin:5px;;
}
.divisor {
	margin-top:10px; margin-bottom:10px; border-top:solid 1px #ccc;
}
.loading, loadingBox {
	background-color: #333;
	background-image: url(../../img/loaders/load7.gif);
	background-position:center center;
	background-repeat:no-repeat;
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	opacity: 0.9;
	-moz-opacity: 0.9;
	-webkit-opacity: 0.9;
	display:none;
}

.pointer { cursor:pointer; }

@media print {
body { background: #fff; }
.noprint, #essentials, #menu, #footer_desktop, #footer_mini, #rack_menu { display:none; }
.title  { background:#fff; color:#000; font-weight:normal; }

#logo { width:100px; }
#logo img { width:100px; }
#header_desktop { height:60px; }
#pageprint { display:block; }
}

code { padding:7px; border:solid 1px #7CFF4F; background:#000; color:#D1D1D1; display: inline-block; width:100%; height:66px; font-size:12px; overflow:auto; content: "1"; }