@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");
}

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

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

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

body { 
	font-family:Visby;
	margin:0 0 0 0;
	height:100%;
	color: #155D7A;
	}

#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%;
	vertical-align:middle;
}

@media only screen and (min-width: 600px){
	.logo{
		margin-left:30px; 
		max-width: 100%;
		height:auto; 
		float:left;
		margin-top: 5px;
	}

	.titulo{
		text-align: center;
		max-width: 100%; 
		height:auto;
		margin-top: 5px;
	}
}

@media only screen and (device-aspect-ratio: 40/71) {
		.logo{
			max-width: 15%; 
			height:auto;
			float:left;
			margin-left:30px; 	
			margin-top: 5px;
		}
		
		.titulo{
			max-width: 60%; 
			height:auto;
			text-align: center;
			margin-top: 10px;
		}
		
}

#contenedor #menu {
	background-color:#E82323;
	padding:0;
	width: 100%;
	height: 30px;
	margin-left: 0;
	margin-right:0;
	margin-bottom: 5px;
	margin-top:0;
	color: #155D7A;
	text-align: center;
	border-bottom-style:dotted;
	border-bottom-color: #EDEDED;
	border-bottom-width:thin;
}

#contenedor #contenido {
    position: relative;
    overflow: hidden;
    height: 100%;
	width: 90%;
	margin:0 auto 0 auto;
	margin-bottom: 20px;
}

#contenedor #contenido #login{
	position: relative;
	margin: 10% auto 0 auto;
}

#contenedor #contenido #frame{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

#contenedor #pie {
background: #b5bdc8; /* Old browsers */
background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 64%, #828c95 64%, #28343b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 64%,#828c95 64%,#28343b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 64%,#828c95 64%,#28343b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
	text-align: center;
	height: 20px;
	width: 100%;	
	overflow:auto;
	bottom:0;
	position:fixed;
	margin:0 auto 0 auto;
	color:#F20505;
	font-family: "Balistroke";
	font-size: 1em;
}

/* Botones, Selects, Input, etc */

input, button, select{
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px 5px; 
	padding: .5em;
	border-color:#E6E6E6;
	color:#03202A;
	font-weight: bold;
}

input[type="button"],[type="submit"]{
	background-color: #2D50BE;
	color: #fff;
	font-weight: bold;
	font-size: .8em;
	margin:.2em;
}

input[type="button"]:hover,[type="submit"]:hover{
	background-color: #fff;
	color: #2D50BE;
	font-weight: bold;
	font-size: .8em;
	cursor:pointer;
	margin:.2em;
}

input[type="number"]{
	text-align: right;
}

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

.login{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px 10px;
	background-color: #FCFCFC;
	color: #333f48;
	border-color:#fff;
	font-size: 3em;
	text-align: center;
	outline: none;
	border: 0;
}


.login::placeholder {
  color:#FFF4F4;
}

.botonlogin{
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	padding:10px 10px;
	background-color: #E4002B;
	color: #FFF4F4;
	border-color:#fff;
	font-size: 2em;
	text-align: center;
}

.botonlogin:hover{
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	padding:10px 10px;
	background-color: #333f48;
	color: #FFF4F4;
	border-color:#fff;
	font-size: 2em;
	text-align: center;
}

/* Selects padres e hijos: */

.padre{
	font-weight:bold;
	color:#2D50BE;
}

.hijo{
	color:#27BB3B;
}

/* ---------Selects padres e hijos-----------*/

/* div Paso: --------------------------*/

.paso{
	height:35px;
	width:100%;
	background-color: #E87641;
	margin-bottom: 15px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px 5px;
	color: #F3ECE8;
	text-align: center;
}



/* div Paso: --------------------------*/
.cancel{
	background-color: #DC2D2A;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	font-size: .8em;
	padding: .5em;
	border-color:#DC2D2A;
	border: solid .2em;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px 5px; 
	margin:.2em;
}

.cancel:hover{
	background-color: #fff;
	color: #DC2D2A;
	font-weight: bold;
	font-size: .8em;
	cursor:pointer;
	padding: .5em;
	border-color:#DC2D2A;
	border: solid .2em;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px 5px; 
	margin:.2em;
}

/* ------------Botones, Selects, Input, etc---------------  */


/* Tablas */

/* -----tabla configuración-----*/
.configuracion th{
	background-color: #6593A2;
	color: #fff;
	text-align: center;
	padding:0.2em;
	vertical-align: middle;
	font-size: .9em;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px 3px; 
}

.configuracion h1{	
	font-size: 1.2em;
	color: #0E1F6D;
	padding: 0;
}

.configuracion tr td{
	background-color: #C8F1E4;
	color: #49727F;
	padding: .2em;
	font-size: .8em;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px 3px; 
}

.configuracion tr:hover td{
	background-color: #B2EDF1;
	color: #1B4E51;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px 3px; 
}


/* -----fin tabla configuración-----*/

/* -----tabla alterna-----*/
.alterna th{
	background-color: #7BBCDC;
	color: #fff;
	text-align: center;
	padding:0.2em;
	vertical-align: middle;
	font-size: .9em;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px 3px; 
}

.alterna h1{	
	font-size: 1.2em;
	color: #0E1F6D;
	padding: 0;
}

.alterna tr td{
	background-color: #D8DDDF;
	color: #000;
	padding: .2em;
	font-size: .8em;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px 3px; 
}

.alterna tr:hover td{
	background-color: #D8DDDF;
	color: #000;
	padding: .2em;
	font-size: .8em;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px 3px; 
}



/* -----fin tabla alterna-----*/

/* -------------Tablas--------------  */

/* 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;}