@charset "utf-8";
/* CSS Document
SGA :: CORE
Autor: 			Ecuador-online
Programador: 	Francisco Loachamin Diaz
Fecha: 			2017-03-27
URL:			https://academico.ecuador-online.net
 */
.demos, .demosMat{
	background: rgba(0, 0, 0, 0.7);
	position:fixed;
	top:0px;
	left:0px;
	margin:0px auto;
	height:100%;
	width:100%;
	overflow:auto;
	z-index:20;
}  
.over{
	position:relative;
	/*top:100px;*/
	min-width:320px;
} 
body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	overflow-y:auto;
}
.padding_h10{
	padding:10px 0;
}
.bloqueo{
	background:#F00;
	text-align:center;
	color:#FFF;
	width:80%;
	padding:20px;
	margin:30px auto;
}
#loading{
	background: rgba(0, 0, 0, 0.7);
	position:fixed;
	top:0px;
	left:0px;
	z-index:500000;	
	text-align:center;
	width:100%;
	height:100%;
	display:none;
	padding-top:20%;
}
hr{
	border:#ababab solid 1px;
	border-bottom:none;
}
.error_div, .ok_div{
	color:#FFF;
	position:fixed;
	top:40px;
	left:10px;
	padding:6px 16px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	z-index:500;
}
.error_div{
	background:#F00;
	border:#900 solid 1px;
}
.ok_div{
	background:#0F0;
	border:#030 solid 1px;
}
.overlay{
	background: rgba(0, 0, 0, 0.7);
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:100;
}
.over{
	max-width:1100px;
	margin:200px auto;
}
.over table{
	background:#ebebeb;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.over td{
	padding:20px 16px;
}
.over a{
	color:#0557ff;
	padding:8px 14px;
	margin:10px 2px;
	border:#0557ff solid 2px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.over a:hover{
	color:#000;
	border:#000 solid 2px;
}
input[type=radio], input[type=checkbox]{
	width:30px !important;
	display:inline !important;
}
a, input[type=submit]:hover{
	text-decoration:none;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.sga_close a{
	color:#F00;
	border:#F00 solid 2px;
}
.sga_pdf a{
	color:#ff0b12;
	border:#ff0b12 solid 2px;
}
.sga_doc a{
	color:#0054a1;
	border:#0054a1 solid 2px;
}
.sga_xls a{
	color:#00743a;
	border:#00743a solid 2px;
}
.sga_danger_bg a, .sga_success_bg a, .sga_secondary_bg a, .sga_danger_bg button, .sga_success_bg button, .sga_secondary_bg button{
	display:inline-block;
	padding:6px 9px 6px 9px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.sga_danger_bg a, .sga_danger_bg button{
	color:#FFF;
	background:#bd0007;
	margin-right:10px;
	border:#bd0007 solid 2px;
}
.sga_danger_bg a:hover, .sga_success_bg a:hover, .sga_secondary_bg a:hover, .sga_danger_bg button:hover, .sga_success_bg button:hover, .sga_secondary_bg button:hover{
	background:#000;
	color:#FFF;
	border:#000 solid 2px;
}
.sga_danger a, .sga_success a, .sga_secondary a, .sga_danger button, .sga_success button, .sga_secondary button{
	display:inline-block;
	padding:6px 9px 6px 12px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.sga_danger a, .sga_danger button{
	color:#bd0007;
	margin-right:10px;
	border:#bd0007 solid 2px;
}
.sga_success a, .sga_success button{
	color:#0C0;
	margin-left:10px;
	border:#0C0 solid 2px;
}
.sga_secondary a, .sga_secondary button{
	color:#039;
	margin-right:10px;
	border:#039 solid 2px;
}
.sga_danger a:hover, .sga_success a:hover, .sga_secondary a:hover, .sga_danger button:hover, .sga_success button:hover, .sga_secondary button:hover{
	color:#000 !important;
	border:#000 solid 2px;
}
.sga_danger i, .sga_secondary i, .sga_success i, .sga_danger_bg i, .sga_secondary_bg i, .sga_success_bg i{
	font-size:18px;
}
header{
	background: rgba(0, 0, 0, 1);
	color:#FFF;
	padding:2px 10px;
	width:100%;
	overflow:hidden;
	position:fixed;
	top:0px;
	z-index:12;
}
header a{
	color:#FFF;
	text-decoration:none;
}
header a:hover{
	color:#666;
}
header .site{
	float:left;
	position:relative;
	left:50px;
	top:-3px;
}
header .site img{
	position:relative;
	top:8px;
	left:-6px;
}
header .animalizados{
	float:right;
	position:relative;
	right:50px;
}
section{
	width:100%;
	overflow:hidden;
}
article{
	margin:40px auto;
}
.clear{
	clear: both;
}
.content_inscripciones{
	background: rgba(255, 255, 255, 0.8);
	margin:80px auto 20px auto;
	padding:10px;
	max-width:1100px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	overflow:hidden;
}
.instrucciones{
	background: rgba(255, 255, 255, 0.8);
	border:#FFF solid 1px;
	width:96%;
	margin:0 auto;
	padding:1%;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.terminos{
	background:#9C0;
	padding:1%;
	width:98%;
}
.form_inscripciones{
	padding:1%;
	width:98%;
	overflow:hidden;
}
.form_inscripciones .titulo{
	background:#415968;
	text-align:left;
	text-transform:uppercase;
	color:#FFF;
	border:#2b3a44 solid 1px;
	margin:0 auto;
	padding:10px 10px 4px 10px;
	border-top-left-radius:3px;
	-moz-border-top-left-radius:3px;
	-webkit-border-top-left-radius:3px;
	border-top-right-radius:3px;
	-moz-border-top-right-radius:3px;
	-webkit-border-top-right-radius:3px;
}
.form_inscripciones label{
	display:block;
	color:#2b3a44;
	text-align:left;
	margin:0px 0px 0px 10px;
	padding:10px 0px 0px 0px;
	font-size:12px;
}
.form_inscripciones form{
	text-align:center;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:1%;
}
.form_inscripciones fieldset{
	text-align:left;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:#ababab solid 1px;	
}
.form_inscripciones hr{
	border:#ababab solid 1px;
	border-bottom:none;
}
.form_inscripciones input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #000 !important;
}
.form_inscripciones input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #000 !important;
}
.form_inscripciones input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #000 !important;
}
.form_inscripciones input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #000 !important;
}
.form_inscripciones .inp, .form_inscripciones .sel{
	float:left;
	width:50%;
}
.form_inscripciones .req input, .form_inscripciones .req select{
	border:#ab1919 solid 1px;
}
.req label{
	color:#F00 !important;
	border:none;
}
.req select, .req input[type=text], .req textarea{
	border:#f00 solid 1px !important;
}
.form_inscripciones input{
	display:block;
	width:96%;
	margin:5px 1%;
	padding:10px 1%;
	border: #7f92a0 solid 1px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.form_inscripciones input:hover, .form_inscripciones select:hover, .form_inscripciones textarea:hover{
	border:#008d7f solid 1px;
}
.form_inscripciones input[type=submit]{
	background:#415968;
	color:#FFF;
	border:#364955 solid 1px;
	margin:10px auto; 
}
.form_inscripciones input[type=submit]:hover{
	background:#7f92a0;
	border:#7f92a0 solid 1px;
}
.form_inscripciones select{
	width:98%;
	margin:5px 1%;
	padding:9px 1%;
	border: #7f92a0 solid 1px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.form_inscripciones select options{
	padding:10px;
}
.form_inscripciones textarea{
	width:96%;
	height:140px;
	margin:15px 1%;
	padding:1%;
	border: #7f92a0 solid 1px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.form_inscripciones a{
	color:#008d7f;
}
.form_inscripciones a:hover{
	color:#000;
}
.form_inscripciones .rad,.form_inscripciones .chk{
	text-align:left;
}
.logo_login{
	text-align:center;
	padding:5px;
}
.sga_creditos{
	margin-top:9px;
}
.sga_creditos span a{
	position:relative;
	top:1px;
	background:#e37000;
	padding:6px 10px;
}
.sga_creditos span a:hover{
	background:#cc0066;
	color:#FFF;
}
@media only screen and (max-width: 767px) {
	.terminos{
		float:none;
		width:98%;
	}
	.form_inscripciones{
		float:none;
		width:98%;
	}
	.form_inscripciones .inp, .form_inscripciones .sel{
		float:none;
		width:100%;
	}
}
/***CALENDARIO **/
div.calendar { 
	background: #FFF;
	position: relative; 
	z-index:20000;
	border: 1px solid #CCC;
	padding:5px;
	font-size:12px;
	-webkit-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.5);
}
.calendar table {
	border-collapse:collapse;
  	color: #666666;
  	cursor: default;
  	background: #FFF;
}
.calendar .title, .calendar .headrow td{
	padding:5px;
	text-align:center;
	font-weight:bold;
}
.calendar .footrow td{
	padding:5px;
	text-align:center;
}
.calendar .button{
	text-align:center;
	font-weight:bold;
}
.buttonnavcal{
	text-align:center;
	font-weight:bold;
}
.daynames td, .wn{
	background:#ebebeb;
	padding:8px 5px;
	font-weight:bold;
	border:#CCC solid 1px;
}
.name .hilite{
	color:#009 !important;
}
.daysrow td{
	padding:5px;
	text-align:right;
	border:#CCC solid 1px;
}
.emptyrow td{
	display:none;
}
.today{
	background:#ff8000;
	color:#FFF;
	font-weight:bold;
}
.hilite{
	background:#33aaff;
	color:#FFF;
	font-weight:bold;
}
.wn{
	text-align:right;
}

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #CCC;
  background:#ebebeb;  
  color: #000;
  z-index: 100;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 5px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background:#FFF; color: #33aaff;
}

.calendar .combo .active {
  background:#FFF; color: #ff8000;
  font-weight: bold;
}
.sga_error, .sga_ok{
	color:#FFF;
	position:fixed;
	top:45px;
	right:50px;
	padding:10px 20px 10px 0px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.sga_error{
	background:#F00;
	border:#ff6f6f solid 1px;
	z-index:102;
}
.sga_ok{
	background:#00b53c;
	border:#006321 solid 1px;
}
.sga_error li{
	list-style:none;
}
.recbar{
	background:#000;
	padding:0 0 0 10px;
	color:#FFF;
	position:fixed;
	top:1px;
	right:80px;
	z-index:14;
}
.recbar form{
	display:inline-block;
}
.recbar input{
	background:#13a300 !important;
	color:#FFF;
	cursor:pointer;
	border:#0a5a00 solid 1px;
	display:inline-block;
	padding:7px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.recbar input:hover{
	background:#C06 !important;
	color:#13a300;
}
.lightbox{
	background: rgba(0, 0, 0, 0.5);
	position:fixed;
	top:0px;
	left:0px;
	z-index:3;
	width:100%;
	height:100%;
	overflow:hidden;
}
.lightbox .form{
	background:#FFF;
	padding:20px;
	margin:100px auto;
	width:80%;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.lightbox_dece{
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	width:100%;
	overflow:hidden;
}
.lightbox_dece .close{
	padding:2px;
	text-align:left;
}
.lightbox_dece .close i{
}
.lightbox_dece .close i:hover{
	color:#000;
}
.lightbox_dece .close span{
	display:inline-block;
	padding:1px 10px 1px 18px;
	position:relative;
	top:-3px;
	left:-15px;
}
.lightbox_dece .close span:hover{
	color:#000;
}
.form_dece{
	background:#FFF;
	padding:20px;
	margin:80px 10px;
	min-width:1100px;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
}
.lightbox .form label{
	display:block;
	margin-bottom:8px;
}
.lightbox .form input[type=text]{
	padding:7px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:#7a7a7a solid 1px;
}
.lightbox .form input[type=text]:hover{
	border:#00ce05 solid 1px;
}
.lightbox .form input[type=submit]{
	background:#00ce05;
	color:#FFF;
	cursor:pointer;
	padding:7px 16px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:#007e03 solid 1px;
}
.lightbox .close{
	float:right;
}
.lightbox .close i{
	font-size:24px;
	color:#F00;
}
.lightbox .close i:hover{
	color:#000;
}
.lightbox{
	background: rgba(0, 0, 0, 0.7);
	/*margin:30px auto;*/
	padding:10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
}
.lightbox .ficha_error{
	background: rgba(205, 0, 87, 0.3);
	margin:30px auto;
	padding:10px;
	border:#cd0057 solid 1px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
}
.doc a{
}
.file a{
}
.advertencia{
	background:#ff0084;
	color:#FFF;
	padding:10px;
	max-width:800px;
	margin:10px auto;
}
.advertencia ul{
	text-align:left;
}


.modal_usuarios{
	background:#FFF;
	height:70%;
	width:800px;
	margin:10% auto;
	overflow:auto;
	padding:20px;
}
.left{
	float:left;
}
.right{
	float:right;
}
.pdf a, .xls a, .doc a, .default a, input[type=submit], button{
	display:inline-block;
	padding:6px 10px 6px 6px;
	margin:2px 5px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.pdf a, .cancel button{
	background:#c01200;
	border:#720b00 solid 1px;
	color:#FFF !important;
	cursor:pointer;
}
.pdf a:hover, .cancel button:hover{
	background:#7a0403;
}
.xls a{
	background:#1d7044;
	border:#054222 solid 1px;
	color:#FFF !important;
}
.xls a:hover{
	background:#032f18;
}
.doc a{
	background:#2a5696;
	border:#13325f solid 1px;
	color:#FFF !important;
}
.doc a:hover{
	background:#0a254b;
}
/*.default a, button, input[type=submit]{
	background:#415968;
	border:#2b3a44 solid 1px;
	color:#FFF !important;
}
.default a:hover, button:hover, input[type=submit]:hover{
	background:#7f92a0;
	cursor:pointer;
}*/
.bloque_ficha{
	overflow:hidden;
	background:#ebebeb;
	border-left:#CCC solid 1px;
}
.bloque_ficha .titulo{
	background:#7f92a0;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}
.titulo_ficha{
	background:#415968;
	color:#FFF;
	padding:10px;
	text-align:center;
	font-weight:bold;
	overflow:hidden;
}
.titulo_ficha a{
	color:#FFF;
}
.titulo_ficha a:hover{
	color:#000;
}
.contenido_ficha{
	background:#999;
}
.img_ficha{
	margin-right:10px;
}
.bloque_x{
	width: calc(99.98% - 1px);	
	border-right:#CCC solid 1px;
}
.bloque_x6{
	width: calc(59.98% - 1px);	
	border-right:#CCC solid 1px;
}
.bloque_x5{
	width: calc(49.98% - 1px);	
	border-right:#CCC solid 1px;
}
.bloque_x4{
	width: calc(39.98% - 1px);	
	border-right:#CCC solid 1px;
}
.bloque_x33{
	width: calc(33.32% - 1px);
	border-right:#CCC solid 1px;
}
.bloque_x3{
	width: calc(29.98% - 1px);
	border-right:#CCC solid 1px;
}
.bloque_x2{
	width: calc(19.98% - 1px);
	border-right:#CCC solid 1px;
}
.bloque_x25{
	width: calc(24.98% - 1px);
	border-right:#CCC solid 1px;
}
.fila_ficha{
	padding:10px;
	border-bottom:#CCC solid 1px;
	text-align:left;
}
.fila_input{
	border-bottom:#CCC solid 1px;
	text-align:left;
}
.fila_input input[type=text], .fila_input input[type=email], .fila_input input[type=date]{
	background:#fff;
	padding:5px 0px;
	width:100%;
	border:none;
}
.bloque_x textarea{
	background:#fff;
	padding:5px 10px;
	width: calc(100% - 20px);
	min-height:200px;
	border:none;
}
.fila_input table{
	width:100%;
	padding:0px;
	margin:0px;
}
.fila_input .inp{
	width:70%;
}
.fila_input .inp_60{
	width:60%;
}
.fila_input .inp_50{
	width:50%;
}
.fila_input .inp_40{
	width:40%;
}
.fila_input .inp_20{
	width:20%;
}
.fila_input select{
	padding:4px 0px;
	width:100%;
	border:none;
}
.fila_input span{
	padding:2px 0px;
	margin-right:10px;
	border:#dbdbdb solid 1px;
	display:inline-block;
}
.bloque_btn{
	padding:10px;
	text-align:center;
}
.bloque_btn input[type=submit]{
	padding:8px 14px;
}

.cerrar_btn a, .foto_btn a, .ficha_btn a{
	background:#39F;
	color:#FFF;
	display:inherit;
	padding:8px 14px;
}
.cerrar_btn a{
	background:#c01200;
}

.ficha_btn a{
	background:#415968;
	margin-left:-28px;
}

.foto_btn a{
	background:#009912;
	margin-left:-28px;
}

.cerrar_btn a:hover, .foto_btn a:hover, .ficha_btn a:hover{
	background:#000;
}

.buscar_form{
	background: rgba(83, 234, 0, 0.2);
	color:#1f5900;
	margin:30px auto;
	padding:16px;
	border:#53ea00 solid 1px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
}
.buscar_form input{
	border:#3ba700 solid 1px !important;
}
.buscar_form input:hover{
	border:#53ea00 solid 1px !important;
}
.ficha_estudiante{
	background: rgba(0, 154, 252, 0.1);
	color:#005286;
	margin:30px auto;
	padding:0px 10px;
	border:#009afc solid 1px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
}
.ficha_ul{
	background:#ebebeb;
	margin:30px auto;
	padding:0px 10px;
	border:#999999 solid 1px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	overflow:hidden;
}
.ficha_url{
	text-align:left;
}
.ficha_url ul{
	list-style:none;
}
.ficha_url ul li{
	padding:3px;
}
.ficha_url i{
	padding-right:10px;
	font-weight:bold;
	font-size:18px;
}
.li_pdf a{
	color:#c40000;
}
.li_xls a{
	color:#1f6e43;
}
.li_doc a{
	color:#2a5699;
}
.li_edit a{
	color:#0068dd;
}
.li_edit a:hover, .li_pdf a:hover, .li_doc a:hover, .li_xls a:hover{
	color:#000;
}
.lista_documentos{
	padding:10px;
}
.ficha_ul hr{
	border:none;
	border-bottom:#dfdfdf solid 1px;
}
.lista_documentos td{
	padding-left:10px;
}
/*********	FORMULARIO DE IMAGENES *********/
/*button, input[type=submit]{
	background:#415968;
	border:#2b3a44 solid 1px;
	color:#FFF !important;
}
button:hover, input[type=submit]:hover{
	background:#7f92a0;
}*/
.cancel button{
	background:#c01200;
	border:#720b00 solid 1px;
	color:#FFF !important;

	cursor:pointer;
}
.cancel button:hover{
	background:#7a0403;
}
button{
	display:inline-block;
	padding:6px 10px 6px 6px;
	margin:2px 5px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
#upload{
	/*display:none;*/
}
.upload_file{
	display:block;
	margin:0 auto;
}
.upload_btn td{
	padding:5px 0px !important;
}
.image_form{
	background:#ebebeb;
	max-width:450px;
	margin:150px auto;
	padding:10px;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#btn_upload{
	display:none;
}
#info_upload{
	text-align:left;
	padding:14px 8px;
	margin:5px 0px;
}
#msg_upload{
	text-align:center;
}
.custom-input-file {
	background:#e2e2e2;
	border:#CCC solid 1px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.custom-input-file:hover{
	background:#7f92a0;
	color:#FFF;
}
.custom-input-file .input-file {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 10000px;
    border: 10000px solid transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: -1000px;
    top: -1000px;
    cursor: pointer;
}
/**** Fin formulario de imagenes ***/
/**** Whatsapp ****/
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:100px;
	right:25px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:30px;
	box-shadow: 2px 2px 3px #999;
  	z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.my-float{
	margin-top:16px;
}
@media only screen and (max-width: 767px) {
	.buscar_form input{
		min-width:90%;
		margin:5px auto;
	}
	.recbar{
		width:100% !important;
		position:fixed;
		top:34px;
		right:0px;
		text-align:center;
		overflow:hidden;
	}
}
@media only screen and (min-width: 768px) {
	.buscar_form input[type=text]{
		min-width:400px;
	}
}