@charset "utf-8";

@font-face {
	font-family: "Summon";
	font-style: normal;
	font-weight: normal;
	src: local("?"), url("../fonts/SummontheExecutioner-Regula.otf") format("otf"), url("../fonts/SummontheExecutioner-Regula.ttf") format("truetype");
}

body { 
	font-family:Helvetica;
	margin:0 0 0 0;
	height:100%;
	color: #155D7A;
	font-size: .9em;
	}
#especial{
float:left;
}
#especial2{
float:right;
}

.logo{
	float:left;
	margin-left: 10px;
	margin-top: 2px;
}

#contenedor {
    position: relative;
	width:100%;
	height:100%;
	z-index:1;
	margin:0 auto 0 auto;
	text-align:center;
	vertical-align:middle;
	background-color:#ffffff;
}

#contenedor #cabezote {

	height: 90px;
	width: 100%;
	margin-top:5px;
}

#contenedor #cabezote #cuenta {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #155D7A;
	font-size: .6em;
	text-transform: capitalize;
	margin-top: 20px
}



#contenedor #contenido {
	background-color:#ffffff;
	width: 90%;
	height:auto;
	position:relative;
	text-align: center;
	margin: 38px auto 0 auto;

/*	border-bottom-style:dashed;
	border-bottom-color: #0000CC;
	border-bottom-width:thin; */
	
}

#contenedor #contenido #miIframe{
	width: 100%;
	height:auto;
	background-color: #ffffff; 
	margin-left: 0; 
	margin-right: 0;
	text-align: center;
}
#contenedor #pie {
background: rgba(240,0,52,1);
background: -moz-linear-gradient(left, rgba(240,0,52,1) 0%, rgba(240,0,52,1) 3%, rgba(243,43,86,1) 5%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 86%, rgba(245,93,126,1) 93%, rgba(240,0,52,1) 97%, rgba(240,0,52,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240,0,52,1)), color-stop(3%, rgba(240,0,52,1)), color-stop(5%, rgba(243,43,86,1)), color-stop(15%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(86%, rgba(255,255,255,1)), color-stop(93%, rgba(245,93,126,1)), color-stop(97%, rgba(240,0,52,1)), color-stop(100%, rgba(240,0,52,1)));
background: -webkit-linear-gradient(left, rgba(240,0,52,1) 0%, rgba(240,0,52,1) 3%, rgba(243,43,86,1) 5%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 86%, rgba(245,93,126,1) 93%, rgba(240,0,52,1) 97%, rgba(240,0,52,1) 100%);
background: -o-linear-gradient(left, rgba(240,0,52,1) 0%, rgba(240,0,52,1) 3%, rgba(243,43,86,1) 5%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 86%, rgba(245,93,126,1) 93%, rgba(240,0,52,1) 97%, rgba(240,0,52,1) 100%);
background: -ms-linear-gradient(left, rgba(240,0,52,1) 0%, rgba(240,0,52,1) 3%, rgba(243,43,86,1) 5%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 86%, rgba(245,93,126,1) 93%, rgba(240,0,52,1) 97%, rgba(240,0,52,1) 100%);
background: linear-gradient(to right, rgba(240,0,52,1) 0%, rgba(240,0,52,1) 3%, rgba(243,43,86,1) 5%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 86%, rgba(245,93,126,1) 93%, rgba(240,0,52,1) 97%, rgba(240,0,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00034', endColorstr='#f00034', GradientType=1 );
	text-align: center;
	height: 10px;
	font-weight: bold;
	width: 100%;	
	overflow:auto;
	bottom:0;
	position:fixed;
	margin:0 auto 0 auto;
	color:#666666;
}

#actividades {
	height:100%;
}

select{
	font-size:1em; 
	color:#26525F; 
	padding:5px 7px; 
	border:1px solid #E6E6E6; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px 5px; 
	line-height: 13px;	
}

input{
	padding:5px 7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-color:#E6E6E6;
	font-size:1em;
	color:#26525F; 
	border-width:1px;
}

input[type="submit"]{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-color:#E6E6E6;
	font-size: .9em;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	padding: 5px 10px 6px;
	color: #FFF;
	background-color: #91BD09;
}

input[type="submit"]:hover{
	background-color: #749A02;
}

input[type="button"]{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-color:#E6E6E6;
	font-size: .9em;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	padding: 5px 10px 6px;
	color: #FFF;
	background-color: #91BD09;
}

input[type="button"]:hover{
	background-color: #749A02;
}

input[type="file"]{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-color:#E6E6E6;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	padding: 5px 10px 6px;
	color: #FFF;
	background-color: #2981E4; 
}

input[type="file"]:hover{
	background-color: #2575CF;
}

input[type="radio"]{
	width:20px;
	height:20px;
	color: #2575CF;
	border:none;
}

textarea{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-color:#E6E6E6;
	padding:5px 7px;
	color:#26525F;
}

/* Widget de tareas */
.tareas {
  position:fixed;
  float:left;
  width: 300px;
  height: 370px;
  background-color:#666666;
  border-radius: 0px 20px 20px 0px;
  z-index:inherit;
  top:30%;
   -webkit-transition: .4s;
  transition: .4s;
  -webkit-transform: translateX(-285px);
  -ms-transform: translateX(-275px);
  transform: translateX(-275px);
  text-align:center;
}

.lista_tareas {
  border-radius: 20px;
  position: absolute;
  left: 48%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 250px;
  max-height: 355px;
  overflow-y: scroll;
  background-color:#ffffff;
  z-index:inherit;
  margin-right:25px;
  margin-left:1px;
  float:left;
}

.vertical-text {
	border-radius: 0px 0px 20px 20px;
	margin-top:370px;
	margin-left: 275px;
	z-index:inherit;
	position:fixed;
	width: 370px;
	height: 25px;
	transform: rotate(270deg);
	transform-origin: left top 0;
	float: left;
	font-weight: bold;
	color:#ffffff;
	background-color:#c8002d;
}
/* Fin estilos Widget de tareas*/

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  color: #F80101;
  font-weight: bold;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  font-weight: bold;
  content: "ok";
  color:#1CDF07;
}

/* Rounded sliders */
.slider.round {
  border-radius: 20px;
}

.slider.round:before {
  border-radius: 50%;
}



/* tabla generales y de mensajes */

/* tabla eyc*/
.eyc th{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
	padding: 2px 3px 2px 3px;
	font-size:1em;	
	color:#2F4DBA;
	background: #E1E1E1;
}

.eyc td{
	padding: 2px 4px 2px 4px;
	font-size:.9em;	
	color:#585858;
}

.eyc tr:hover{
	background:#E8EBF5;
}

/* -----*/

/* tabla eyc_mini*/
.eyc_mini th{	
	padding: 2px 3px 2px 3px;
	font-size:.9em;	
	color:#088A08;
	background: #EDEDED;
}

.eyc_mini td{
	padding: 2px 4px 2px 4px;
	font-size:.8em;	
	color:#727272;
}

.eyc_mini tr:hover{
	background:#E8EBF5;
}

/* -----*/



/* tabla eyc_red*/
.eyc_red th{	
	padding: 2px 3px 2px 3px;
	font-size:.9em;	
	color:#FF0009;
	background: #EBD6D7;
	border-color:#EBD6D7;
	border-style: groove;
	border-width: 1px 1px 1px 1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.eyc_red td{
	padding: 2px 4px 2px 4px;
	font-size:.8em;	
	color:#9B0005;
	border-color:#ffffff;
	border-style: groove;
	border-width: 0px 1px 1px 0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.eyc_red tr:hover{
	background:#ffffff;
}

/* -----*/

/* tabla eyc_blue*/
.eyc_blue th{	
	padding: 2px 3px 2px 3px;
	font-size:.9em;	
	color:#0021A6;
	background: #DCE4FF;
	border-color:#DCE4FF;
	border-style: groove;
	border-width: 1px 1px 1px 1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.eyc_blue td{
	padding: 2px 4px 2px 4px;
	font-size:.8em;	
	color:#0021A6;
	border-color:#ffffff;
	border-style: groove;
	border-width: 0px 1px 1px 0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.eyc_blue tr:hover{
	background:#E8EBF5;
}


/* -----*/

.contrato{
	text-align:left;
	color:#073846;
	border-color:#E6E6E6;
	font-size:1em;
}

.contrato tr:hover td{
	color: #339;
	background: #F2F5FF;
}

.contrato th{
	padding: 2px 3px 2px 3px;
	background: #4C61AF;
	color: #ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:.8em;
}
.contrato tr{
	color: #339;
	border-color:#E6E6E6;
	border-bottom:1px solid;
}

.contrato td{
	padding: 2px 3px 2px 3px;
	border-bottom:1px dotted;
	border-left:1px dotted;
	border-right:1px dotted;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:.9em;
}

/* -----*/

/* tabla eyc_green*/
.eyc_green th{	
	padding: 2px 3px 2px 3px;
	font-size:12px;	
	color:#fff;
	background: #3D9C79;
}

.eyc_green td{
	padding: 2px 4px 2px 4px;
	font-size:11px;	
	color:#4C61AF;
}

.eyc_green tr:hover{
	background:#C6EAF8;
}

/* -----*/

.formulario{
	text-align:left;
	font-size:.9em;	
	color:#0B4C5F;
}

.formulario table{
	font-size:.9em;	
	color:#0B4C5F;
}

.formulario tr:hover td{
	color: #339;
	background: #d0dafd;
}

.subtitulo{
	width:150px;
	text-align: left;
}

.formulario td{
	padding: 1px 2px 1px 2px;

}

.formulario input{
	padding:5px 7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-color:#E6E6E6;
	font-size:13px;
	color:#7c7c7c; 
	text-align:right;
}

.formulario2{
	font-size:.9em;	
}

.formulario2 tr:hover td{
	color:#4B610B;
	background: #2EFEC8;
}

.formulario2 tr{
	color:#4B610B;
	background: #EFFBF8;
}

.formulario2 td{
	padding: 2px 3px 2px 3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.formulario2 th{
	font-size:1.1em;	
	background: #2EFEC8;
	padding: 5px 5px 5px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.negrita{
    font-weight: bold;
    text-align:center;
}

.inicio td{
	font-weight:bold;
	font-size:1.1em;
	color:#210B61;
	border-bottom: 1px dashed #088A29;
	background: #d0dafd;
}

.fin td{
	font-weight:bold;
	font-size:1.1em;
	color:#210B61;
	border-bottom: 1px dashed #088A29;
}

/* mensajes */

.mensajes th{
	background-image: url(../archivos/imagenes/fondo_tr01.png);
	font-size: 12px;
	text-align: center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.mensajes{
	font-size: 12px;
}

.mensajes tr:hover td{
	color: #339;
	background: #d0dafd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#mensaje{
	float:right;
}

/* ----------- */

/* links */
/*a:link { color: #000000;} /* 
/*a:visited { color: #000000; }/*
/*a:hover { color: #868A08 } /*

.permisos th{
	background-image: url(../archivos/imagenes/fondo_tr01.png);
	font-size: 10px;
	text-align: center;
	width: auto;
}

.permisos .columna{
	background-image: url(../archivos/imagenes/fondo2.png);
	font-size: 10px;
	text-align: center;
	width: auto;
}

/* calendario */ 
.fc_main { background: #FAF6F6;  font-family: Verdana; font-size: 12px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.fc_date { color:#c8002d; border: 1px solid #D9D9D9;  cursor:pointer; font-size: 12px; text-align: center; -moz-border-radius:5px; -webkit-border-radius:5px;}
.fc_dateHover, TD.fc_date:hover { cursor:pointer; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background: #c8002d; font-size: 12px; text-align: center; color:#ffffff; -moz-border-radius:5px; -webkit-border-radius:5px;}
.fc_wk { color:#c8002d; font-family: Verdana; font-size: 12px; text-align: center;}
.fc_wknd { color: #666666; font-weight: bold; font-size: 12px; text-align: center;}
.fc_head { color: #ffffff; background: #c8002d; font-weight:bold; text-align: left;  font-size: 11px; -moz-border-radius:5px; -webkit-border-radius:5px;}