﻿ @font-face {
	font-family: "Trajan Pro";
	src: url(../fonts/trajan_pro/trajan_pro.ttf) format("truetype");
	src: url('../fonts/trajan_pro/trajan_pro.eot') format('embedded-opentype'), 
	   url('../fonts/trajan_pro/trajan_pro.woff') format('woff'), 
	   url(../fonts/trajan_pro/trajan_pro.ttf) format("truetype"), 
	   url('../fonts/trajan_pro/trajan_pro.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
 body {
	background: rgba(210, 169, 45, 0.3) url("../images/fondo.png") repeat scroll 0% 0%;
	margin: 0px;
	width: 100%;
	min-width: 1200px;
	font-family: Arial;	
} 

header
{
	width: 100%; 
	height: 147px;
	background-color: #18386b;
	background-repeat: no-repeat;
	min-height: 147px;  
	border-bottom: 10px solid #d2a92d;
	text-align: center;
}
.logo-busqueda {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
}
.logo-busqueda .logo {
    width: 41.66667%;
    float: left;
    padding-right: .625rem;
    padding-left: .625rem;
    padding: 5px;
}
img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}
.logo-busqueda .dependencia {
    color: rgba(255, 255, 255, 0.7); 
    flex: 1 1 20%;
    font-size: 25px;
    font-weight: bold;
    padding: 20px 0 0 15px;
    text-align: left;
}
h1 {
    font-size: 25px;
    font-weight: bold;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
}

h1, h2, h3
{
	font-weight: normal;
	font-family: 'Trajan Pro';
}

h2
{
	font-size: 14pt;
}

h3
{
	font-size: 12pt;
}

input[type='text'], input[type='email'], input[type='date'], input[type='password'], input[type='number'], select
{
	border-radius: 5px;	
	height: 34px;
	width: 100%;
	padding-left: 10px;
	box-sizing: border-box;
}
.input{
	border: 1px solid #c1c1c1;
}
input[type='file']
{
	width: 100%;
}

.boton1, .boton2, .boton3
{
	color: white;
	border: none;
	cursor: pointer;
	text-decoration: none;
}

.href1
{
	text-decoration: none;
	border-bottom: 1px dashed #AD1919;
	color: #AD1919;
}

.boton1
{
	padding: 15px 20px 15px 20px;
	background-color: #008cba;
}

.boton2
{
	padding: 10px 15px 10px 15px;
	background-color: #E26565;
	border-radius: 3px;
}

.boton3
{
	padding: 8px 15px 8px 15px;
	background-color: #008cba;
	border-radius: 3px;
	
	
}

.boton1:hover
{
	background-color: #007095;
}

select
{
	height: 30px;
}

textarea
{
	width: 100%;
}

p, ol
{
	line-height: 180%;
	/* text-align: justify; */
}

.contenido
{
	background-color: white;
	box-shadow: 0px 2px 4px #CAC5B8;
	width: 75%;
	padding: 30px 15px 30px 15px;
	margin: auto;
	margin-bottom: 40px;
	box-sizing: border-box;
}

.columna1
{
	width: 230px;
	float: left;
}

.columna2
{
	margin-left: 140px;
	width: calc( 100% - 245px );
	font-size: 11pt;
	padding-right: 35px;
	min-height: 100px;
	box-sizing: border-box;
}

.columna1 .menu
{
	width: 90%;
	border: 1px solid #dddddd;
	font-size: 10pt;
}   

.columna1 .menu .item
{
	display: block;
	width: 100%;
	height: 35px;
	border-bottom: 1px solid #dddddd;
	text-decoration: none;
	color: #5682b2;
	box-sizing: border-box;
	padding-top: 10px;
	padding-left: 7px;
}

.columna1 .menu .activo
{
	color: #2c2c2c;
	background-color: #DBDAC3;
}

.columna1 .menu .item:hover
{
	color: #162e4a;
	background-color: rgba(0, 0, 0, 0.025);
}

.frm_linea
{
	width: 100%;
	min-height: 35px;
	box-sizing: border-box;
	padding-top: 2px;
	line-height: 150%;
	margin-bottom: 5px;
}
.frm{ float: left;}

.frm_hover:hover
{
	background-color: #f3f1ec;
}

.frm_linea .frm_campo1
{
	padding-right: 10px;
	box-sizing: border-box;
	float: left;
	width: 10%;
	height: inherit;
	word-break: keep-all;
}
.frm_linea .frm_campo16
{
	padding-right: 5px;
	box-sizing: border-box;
	float: left;
	width: 5%;
	height: inherit;
	word-break: keep-all;
}

.frm_linea .frm_campo15
{
	padding-right: 10px;
	box-sizing: border-box;
	float: left;
	width: 15%;
	height: inherit;
	word-break: keep-all;
}

.frm_linea .frm_campo2
{
	padding-right: 10px;
	box-sizing: border-box;
	float: left;
	width: 20%;
	height: inherit;
	word-break: keep-all;
}

.frm_linea .frm_campo3
{
	padding-right: 10px;
	box-sizing: border-box;
	float: left;
	width: 30%;
	height: inherit;
	word-break: keep-all;
}
.frm_linea .frm_campo4
{
	padding-right: 10px;
	box-sizing: border-box;
	float: left;
	width: 40%;
	height: inherit;
	word-break: keep-all;
}
.frm_linea .frm_campo5
{
	padding-right: 10px;
	box-sizing: border-box;
	float: left;
	width: 50%;
	height: inherit;
	word-break: keep-all;
}
.frm_linea .frm_campo6
{
	padding-right: 10px;
	box-sizing: border-box;
	float: left;
	width: 60%;
	height: inherit;
	word-break: keep-all;
}
.frm_linea .frm_campo7
{
	padding-right: 10px;
	box-sizing: border-box;
	float: left;
	width: 70%;
	height: inherit;
	word-break: keep-all;
}
.frm_linea .frm_campo8
{
	padding-right: 10px;
	box-sizing: border-box;
	float: left;
	width: 80%;
	height: inherit;
	word-break: keep-all;
}
.frm_linea .frm_campo9
{
	padding-right: 10px;
	box-sizing: border-box;
	float: left;
	width: 90%;
	height: inherit;
	word-break: keep-all;
}
.frm_linea .frm_campo10
{
	margin-left: -100px;
	padding-right: 10px;
	box-sizing: border-box;
	/* float: left; */
	width: 120%;
	height: inherit;
	word-break: keep-all;
}
/* ================================================= */
	
	.active{
		 background-color: rgba(167, 137, 73,0.3);
		/* background-color: rgba(21, 135, 159,0.3); */
	}
	.label{
		font-weight: bold;
		font-size: 14px;
	}
	.obligatorio,.colorRed{
		color: rgb(247, 77, 77);		
		text-align: right;
		margin-right: 360px;
	}
	.colorRed{
		text-align: left;font-size:16px; margin: 25px 0 25px 0;
		font-weight: bold;
	}
	.add_new{
		cursor:pointer; width:170px; float: right; position: relative; right: 150px; margin-top: -1px;
	}
	.delet_new{
		cursor:pointer; width:170px; float: right; position: relative; right: -50px; margin-top: -20px; margin-bottom: 1px; margin-right: -5px;
	}
	.inputhover:hover{
		border: 1px solid rgb(21, 135, 159);
	}
	.inputLicencia{
		border:0px solid; border-bottom: 2px solid; font-size: 12px;
	}
	.inputLicencia:hover{
		border-bottom: 2px solid;
	}
	.selectE{
		font-size: 14px;
	}
	.recargar_pagina{
		font-weight: bold; font-family: Arial; color: black;text-decoration: none;
	}
	.right{
		text-align:right;
	}
#edit{
		background-image: url('../imagenes/editar.png');
		background-repeat: no-repeat;
		background-position:right;
		background-size: 60px;
		position: relative;
		height: 60px;
		width: 60px;
		float: right;
		margin-top: -45px;
		cursor:pointer;		
}
#xls{
		background-image: url('../imagenes/excel.png');
		background-repeat: no-repeat;
		background-position:right;
		background-size: contain;			
		height: 60px;
		margin-bottom: -35px;
		cursor:pointer;
}

input[type="radio"],input[type="checkbox"]{ display: none; }
 
input[type="radio"] + label span,input[type="checkbox"] + label span{
    display: inline-block;
    width: 19px;
    height: 20px;
    background: url('../images/check_off.png') center center no-repeat;
    vertical-align: middle;
    cursor:pointer;
}
 
input[type="radio"]:checked + label span, input[type="checkbox"]:checked + label span{
    background: url('../images/check_on.png')  center center no-repeat;
}
.placeholder{
	font-size: 12px;color: rgba(0, 0, 71,0.6); font-weight:bold; background-color: rgba(77, 137, 255,0.5); padding: 3px; border-radius: 3px;
}

/* ================================================= */

/* CSS LOGIN */
.login {
	/* position: relative; */
	margin: 10.0vh auto;
	margin-top: 60px;
	/* margin-left: 270px; */
	margin-bottom: 60px;
	padding: 20px 20px 60px;
	max-width: 420px;
	background: white;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
	border: 2px #263F77 solid;
}
 .h1 {
	margin: -20px -20px 21px;
	line-height: 40px;
	font-size: 15px;
	font-weight: bold;
	color: #022B4B;
	background: #E1DBCC;
	border-bottom: 2px solid #234060;
	border-radius: 10px 10px 0 0;
	box-shadow: 0 5px whitesmoke;
} 
.login p {
	margin: 15px 9px 2px;
}
.login input[type=text], .login input[type=password] ,.btnlogin{
	margin-left: 95px;
	margin-top: 7px;
}
.login_pass, .login_users{
	/* font-family: "Trajan Pro"; */
	/* font-weight: bold; */
	font-size: 18px;
	width: 45%;
	color: #1B3758;
	text-align: center;
}
.login_users{
	font-weight: normal;
}
.login_text{
	 font-family: "Trajan Pro"; 
	font-weight: bold; 
	font-size: 18px;
	color: #022B4B;
	text-align: center;
}

.user {
    background: rgba(224, 60, 60, 0) url("../images/icons.png") no-repeat scroll 12px 11px;
}
.icon {
    height: 30px;
    width: 30px;
    display: block;
    float: left;
	margin: 4px -150px 0px 50px;
	z-index: 1;
	border: 0px solid;
}
.lock {
    background: transparent url("../images/icons.png") no-repeat scroll -17px 11px;
}
.btnlogin{
	margin-top: 20px;
	margin-left: -140px;
	padding: 10px 25px 10px 25px;
	border-radius: 5px;
	border: 1px dashed rgb(38, 63, 119);
	color:black;
	font-weight: bold;
	background-color: rgb(255, 255, 255);
	cursor:pointer;
}
.btnlogin:hover{
	
	background-color: rgba(225, 219, 204,0.3);
	border: 2px solid rgb(38, 63, 119);
}
.btnSubmit{
		margin-left: 0px;
}
 #msj_error {
	border: #08298A 2px solid;
	background-color: #E0F2F7; 
	border-radius:10px;
	box-shadow: 0px 0px 10px #58D3F7;
	height:35px;
	color: #08298A;
	font-size: 17px;
	text-align: center;
	padding-top: 12px;
	margin-left: -120px;
	margin-top: -70px;
	margin-bottom: 0.2vh;
	width:300px;
}

/* FIN CSS LOGIN */
.aviso,.av_error
{
	width: 100%;
	background-color: #f7fafe;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 10pt;
	box-sizing: border-box;
	line-height: 150%;
	text-align: center;
}

.av_error
{
	background-color: #ffebeb;
	border-top: 1px dotted #ff8686;
	border-bottom: 1px dotted #ff8686;
}
footer
{
	display: block;
	/* width: 100%; */
	min-height: 30px;
	border-top: 10px solid #d2a92d;
	background-color: #18386b;
	text-align: center;
	padding:30px 0px 30px 0px;
	line-height: 200%;
	
	color: #f3f3f3;
    padding-top: 25px;
    font-size: 14px;
}

.menu-footer {
    width: 60%;
    float: left;
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 1rem;
	text-align: right;
}
.ds1
{
	border-style: none;
	border-collapse:collapse;
	width: 100%;
}

.ds1 thead th
{
	/* background-color:rgba(38, 63, 119,0.9); */
	background-color:rgba(188, 230, 180,0.4);
	color:black;
	/* text-shadow:1px 1px black; */
	font-size: 10px;
	text-align: center;
	padding: 12px;
}

.ds1 thead th
{
	padding-top:5px;
	padding-bottom:5px;
	border-right: 1px solid #efefef;
}
.ds1 thead td
{
	padding-top:5px;
	padding-bottom:5px;
}
.ds1 tbody tr
{
	border-bottom: 1px solid #efefef;
}
.ds1 tbody td
{
	padding-top:5px;
	padding-bottom:5px;
	border: 1px solid #efefef;
	font-size: 12px;
}

.ds1 tbody tr:nth-child(odd) {
    background: rgb(255, 255, 255);
}

.ds1 tbody tr:nth-child(even) {
    background: rgba(21, 135, 159, 0.1);
}
.ds1 tbody tr:hover
{
	background-color:#abccda;
	cursor:pointer;
}

.consecutivo{
	background-color:rgba(178, 146, 83,0.2);
}
.details{
		background-image: url('../imagenes/detalles.png');
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
		height: 30px;
		width: 30px;
		float: right;
		cursor:pointer;		
}
.table_details{
	margin-left: -100px;border: 1px dashed rgb(21, 135, 159); width: 120%;  font-size: 13px; color:rgb(133, 141, 164);
}
.table_detailsAdm{
	border: 1px dashed rgb(21, 135, 159); width: 120%;  font-size: 13px;margin-left: -100px;
}
.frm
{
	margin-left:15px;	
}
.view 
{
	font-family:'Book Antiqua'; font-size:16px;
}
.aviso_curso{
	border: 1px dashed rgb(188, 230, 180);
	padding:8px;
	margin-bottom: 8px; 
	background-color:rgb(91, 171, 188);
	font-size: 12px;
	color: black;
	font-weight: bold;
	/* text-shadow:1px 1px white; */
}
/* ==================================================== */
.bold{
	font-weight: bold;
}
.division{
	background-color: rgba(66, 183, 42,0.5); padding: 5px; border-radius: 5px; border: 1px dashed rgb(59, 89, 152);
}
.mayus{
	text-transform: uppercase; 
}
.disabled{
	border: 0px solid rgb(255, 255, 255);
	background-color:rgb(255, 255, 255);
}
.disabled:hover{
	border: 0px solid;
}
.hr{
	border: 0px solid;
}
.borderview{
	border-bottom: 1px dashed rgb(122, 204, 105);
}



/* ===================================================== */
.gradient {
	/* width: 600px; */
	/* height: 600px; */
	/* position: fixed; */
	/* left: 50%; */
	/* margin-left: 220px; */
	margin-bottom: 40px;
}

.titulo{
	font-family: "Trajan Pro";
	font-weight: bold;
}
.subtitulo{
	font-family: "Trajan Pro";
	font-weight: bold;
	font-size: 18px;
	color:rgb(16, 75, 144);
}
.nota{
	border-top: 1px dashed;
	/* background-color: rgba(188, 230, 180,0.5); */
	background-color: rgba(210, 169, 45,0.1);
	border-bottom: 1px dashed;
	padding: 8px;
	text-align: justify;
	font-size: 15px;
}
.negrita{
	color: black;
	
}
fieldset
{
	border-radius:10px 10px 10px 10px;
	width:80%;
	padding-left:6%;
	padding-right:7%;
	border-style: solid;
	border-color:#847159;
}

legend
{
	font-family: "Trajan Pro";
	font-weight: bold;
	color:#162E4A;
	font-size:14px;
}

.html_vista
{
	min-height: 30px;
	margin-top: 25px;
	font-size: 12px;
	/* width: 100%; */
}

.html_vista > .nombre
{
	font-family: "Trajan Pro";
	text-transform:uppercase;
	float: left;
	/* width: 50%; */
	color: #000;
	padding-top: 7px;
	font-size:11px;
	font-weight: bold;
}
/* ===================================================== */
/* ICONOS */
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-info-sign{
	background-image: url('../images/glyphicons/info1.png');	
}

.glyphicon-info-sign{
	background-size: contain;
	width: 35px;
	height: 30px;
	margin-top:0px;
	position: relative;
	top: 8px;
	display: inline-block;
}

.glyphicon-parents{
	background-image: url('../images/glyphicons/glyphicons-25-parents.png');	
	margin-top:-30px;
	width: 35px;
	height: 25px;
}
.glyphicon-parents,.glyphicon-info-sign{
	background-repeat: no-repeat;	
	
}
/* ===================================================== */
.hrmsg{
	/* height:40px; */
	/* border: 2px solid #263F77; */
	border: 0.8px solid rgb(24, 56, 107);
	/* border-radius: 5px; */
	/* background-color:rgba(160, 219, 148, 0.7); */
	
}
.msg{
	text-transform:uppercase;
	background-color: rgba(50, 119, 154,0.2);
	border-radius: 5px;
	padding: 17px;
	font-size:16px;
	word-spacing: 10px;
	color: rgb(24, 56, 107);
	text-align: center;
}
/* ===================================================== */

















