@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

.container {
	padding-bottom:20px;
	min-height:420px;
	font-family:'Open Sans';
}

.tilde {
	width:15px;
	height: 10px;
}

#barra-verde {
	width: 100%;
	height: 74px;
	background-color: #799F4F;
}

#contenedor-logo {
	margin:auto;
	max-width: 1150px;
}

.logoer {
	margin: 10px 0px 0px 0px;
}

.subtitulo {
	font-family:'Open Sans';
	font-size: 18px;
	font-weight: bold;
	color:#4B5A64;
	padding-top:10px;
	padding-bottom: 10px;
	float:left;
}

.contenedor-menu {
	float: right;
	padding-top:10px;
	padding-right: 30px;
	padding-bottom:10px;
}

.contenedor-menu a {
	font-family:'Open Sans';
	font-size: 16px;
}

.clearb {
	clear: both;
	font-size: 0px;
}

.subtitulo2 {
	font-family:'Open Sans';
	font-size: 20px;
	font-weight: bold;
	text-align: center;	
	padding-top: 30px;
	padding-bottom:15px;
}

#resumen-sis {
	width: 100%;
	background-color:#E2E4E7;
	padding-bottom:4px;
	margin-bottom: 10px;
}

.centrar_div {
	margin:auto;
	max-width: 1150px;
}

h2 small {
	font-family:'Open Sans';
	color:#000000;
}

.colorgraph {
  height: 3px;
  border-top: 0;
  background: #669ae1;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #CCCCCC, #CCCCCC 12.5%, #CCCCCC 12.5%, #CCCCCC 25%, #CCCCCC 25%, #CCCCCC 37.5%, #CCCCCC 37.5%, #CCCCCC 50%, #CCCCCC 50%, #CCCCCC 62.5%, #CCCCCC 62.5%, #CCCCCC 75%, #CCCCCC 75%, #CCCCCC 87.5%, #CCCCCC 87.5%, #CCCCCC);
  background-image: -moz-linear-gradient(left, #CCCCCC, #CCCCCC 12.5%, #CCCCCC 12.5%, #CCCCCC 25%, #CCCCCC 25%, #CCCCCC 37.5%, #CCCCCC 37.5%, #CCCCCC 50%, #CCCCCC 50%, #CCCCCC 62.5%, #CCCCCC 62.5%, #CCCCCC 75%, #CCCCCC 75%, #CCCCCC 87.5%, #CCCCCC 87.5%, #CCCCCC);
  background-image: -o-linear-gradient(left, #CCCCCC, #CCCCCC 12.5%, #CCCCCC 12.5%, #CCCCCC 25%, #CCCCCC 25%, #CCCCCC 37.5%, #CCCCCC 37.5%, #CCCCCC 50%, #CCCCCC 50%, #CCCCCC 62.5%, #CCCCCC 62.5%, #CCCCCC 75%, #CCCCCC 75%, #CCCCCC 87.5%, #CCCCCC 87.5%, #CCCCCC);
  background-image: linear-gradient(to right, #CCCCCC, #CCCCCC 12.5%, #CCCCCC 12.5%, #CCCCCC 25%, #CCCCCC 25%, #CCCCCC 37.5%, #CCCCCC 37.5%, #CCCCCC 50%, #CCCCCC 50%, #CCCCCC 62.5%, #CCCCCC 62.5%, #CCCCCC 75%, #CCCCCC 75%, #CCCCCC 87.5%, #CCCCCC 87.5%, #CCCCCC);
}

.col-center{
	float: none;
	margin-left: auto;
	margin-right: auto;
  }

.error {
	margin-bottom:18px;
	color:#F15D36;
	font-size:15px;
	line-height: 120%;
}

.clear {
	clear: left;
	font-size: 0px;
}

.floatleft {
	float:left;
}

.rojo {
	color:#F15D36;
}

.obse {
	color:#A2A2AA;
	font-size: 12px;
	padding-left:5px;
	padding-top:5px;
}

.datos-inicio {
	/*font-weight: bold;*/
	padding-top:5px;
	margin-bottom:25px;
	font-size: 17px;
	background-color:#E2E4E7;
}

.datos-finalizar {
	font-weight: bold;
	padding-top:10px;
	text-align: center;
	margin-bottom:30px;
	margin-top:10px;
}

.margen-inferior {
	margin-bottom:20px;
}

.btn-primary {
    color:#FFFFFF;
    background-color:#799f4f;
    border-color:#799f4f;
	height:36px;
	font-size:13px;
}

.btn-primary:hover {
    background-color:#A3CF62;
    border-color:#A3CF62;
}

.btn-primary:active {
    background-color:#A3CF62;
    border-color:#A3CF62;
}

.btn-primary:visited {
    background-color:#A3CF62;
    border-color:#A3CF62;
}

.boton {
	min-width: 140px;
	font-size: 14px;
	height: 36px;
	margin:0px;
	padding:2px;
	font-size:13px;
}

.boton-largo {
	font-size: 14px;
	height: 36px;
	margin-bottom:4px;
	padding:2px;
}

.w2 { float:left; width: 2%; margin-bottom:5px; }
.w6 { float:left; width: 6%; margin-bottom:5px; }
.w8 { float:left; width: 8%; margin-bottom:5px; }
.w9 { float:left; width: 9%; margin-bottom:5px; }
.w10 { float:left; width: 10%; margin-bottom:5px; }
.w11 { float:left; width: 11%; margin-bottom:5px; }
.w18 { float:left; width: 18%; margin-bottom:5px; }
.w30 { float:left; width: 30%; margin-bottom:5px; }

.mbottom {
	margin-bottom:15px;
}

.sinvinculos { 
	width:100%; 
	padding-bottom: 10px;
}

.centrar { text-align: center; }

.encabezado {
	width: 98%;
	margin-left:1%;
	font-size: 12px;
	background-color: #999;
	color:#FFFFFF;
	padding-top:5px;
}


.exito span {
	font-weight: bold;
	font-size: 25px;
	color:#799F4F;
}

.lista {
	width: 98%;
	margin-left:1%;
	padding-top:8px;
	font-size: 13px;
	border-bottom:1px solid #999;
	word-break:break-word;
}

.gris {
	background-color:#EFF0F1;
}

.borrar {
	padding-top:3px;
}

.borrar a {
	font-size: 18px;
	color:#FF0000;
	font-weight: bold;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
	background-color: #799f4f;
	border-color: #799f4f;
}

.page-header {
	margin:0px 0 20px;
	border-bottom:none;
	padding-bottom:0px;
}

.panel-footer {
	font-family: 'Open Sans';
	padding: 12px 0px;
	margin-top:10px;
	/*background-color:#799F4F;
	color:#000000;*/
	background-color: #727272;
	color:#FFFFFF;
	font-size: 13px;
}

.panel-footer a {
	text-decoration: none;
	/*color:#000000;*/
	color:#FFFFFF;
}

.panel-footer a:hover {
	color:#333333;
}

h1 {
	 border-bottom: 1px solid black;
}

th {
	cursor:pointer;
}


.subFieldset legend {
  font-size: 15px;
} 


.help-inline {
	color:red;
}

.the-legend {
    border-style: none;
    border-width: 0;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    font-size: 150%;
}

.the-legend {
    border-style: none;
    border-width: 0;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;    
}

.max-legend{
  	border-style: none;
    border-width: 0;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
	  font-size: 150%;
}

form input, form textarea {
	width: 100%;
	border: 2px solid gray;
	background: none;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 8px 12px;
	outline: 0;
}

form input[type=radio] {
	width:15px;
	padding-bottom:10px;
	padding-top:10px;
}

form input:valid, form textarea:valid {
	background: white;
}
form input:focus, form textarea:focus {
	border-color: #357EBD;
}

form input:checked + label {
	background: none;
	color: black;
	font-size: 70%;
	padding: 1px 6px;
	z-index: 2;
	text-transform: revert;
}

form label {
	-webkit-transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s;
	transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s;
	/*position: absolute;*/
	color: #212529;
	/*padding: 7px 6px;*/
	font-weight: normal;
	font-size: 13px!important;
	padding-top:10px;
	font-family:'Open Sans';
}

.labrad {
	font:'Open Sans'; 
	font-size: 14px!important;
	padding-left:5px;
	margin-right: 15px;
}

.sinmargen {
	padding-left:0px!important;
}

.lupa {
	margin-top:5px;
	cursor:pointer;
}

.lapiz {
	margin-top:5px;
	cursor:pointer;
}

.form-control {
	padding:3px 12px;
	font-family:'Open Sans';
}

form textarea {
	display: block;
	resize: vertical;
}
form.go-bottom input, form.go-bottom textarea {
	padding: 12px 12px 12px 12px;
}
form.go-bottom label {
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}
form.go-bottom input:focus, form.go-bottom textarea:focus {
	padding: 4px 6px 20px 6px;
}
form.go-bottom input:focus + label, form.go-bottom textarea:focus + label {
	top: 100%;
	margin-top: -16px;
}
form.go-right label {
	border-radius: 0 5px 5px 0;
	height: 100%;
	top: 0;
	right: 100%;
	width: 100%;
	margin-right: -100%;
}
form.go-right input:focus + label, form.go-right textarea:focus + label {
	right: 0;
	margin-right: 0;
	width: 40%;
	padding-top: 5px;
}

.ventana {
	/*font-family:'Open Sans', sans-serif;*/
	color:#333333;
	font-size: 14px;
}

.ventana-bt {
	height: 36px;
	font-family:'Open Sans';
	font-size: 14px;
	color:#FFFFFF;
	background-color: #799f4f;
	border:1px solid #799f4f;
	cursor:pointer;
	border-radius: 3px;
	text-shadow:none;
    /*letter-spacing: 1px;*/
	padding-top:7px;
	font-weight: normal;
}

.ventana-bt:hover {
	background-color: #A3CF62;
	border:1px solid #A3CF62;
}

.ventana-bt:active {
	height: 36px;
	font-family:'Open Sans';
	font-size: 14px;
	color:#FFFFFF;
	background-color: #799f4f;
	border:1px solid #799f4f;
	cursor:pointer;
	border-radius: 3px;
	text-shadow:none;
    /*letter-spacing: 1px;*/
	font-weight: normal;
}

.boton-gris {
    background-color:#9A9A9A!important;
	border:1px solid #9A9A9A!important;
}

.boton-gris:hover {
    background-color:#9A9A9A;
	border:1px solid #9A9A9A;
}

#tareas {
	display:none;
}

.lista_tareas {
	width:96%;
	background-color:#E6E7E8;
	padding:12px;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
	margin:auto;
	margin-bottom:10px;
}

#nombreperfil {
	margin-bottom:5px;
}

.tarea-txt {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

.botonperfil {
	width:96%;
	margin:auto;
	margin-left:10px;
}

#tabla-perfiles {
	width:100%;
	margin:auto;
	margin-bottom:20px;
	border:1px solid #CFD0CD;
}

.sistemas-seleccionados {
	padding:0px 0px 15px 0px;
	font-size: 18px;
}

.sinmtop {
	margin-top:0px!important;
}

/*#tabla-perfiles thead tr {
	background-color:#EFF0ED;
	color:#333333;

}*/

/*#tabla-perfiles th {
	padding:5px;
	cursor:default;
}*/

#tabla-perfiles tr {
	border-bottom:1px solid #CFD0CD;
}

#tabla-perfiles td {
	padding:5px 0px;
	font-weight: bold;
}

#tabla-perfiles .td1 {
	width: 75%;
}

#tabla-perfiles .td2 {
	width: 20%;
	text-align: right;
}

.tilde2 {
	margin:0px 15px 0px 10px;
}

.borrar {
	margin:0px 10px 0px 0px;
}

#sindatos {
	text-align: center;
	font-weight:100!important;
	color:#545454;
}

.g-recaptcha {
	margin:auto;
	width:304px;
}

@media screen and (max-width: 768px) {
	.lista_tareas {
		margin-bottom:0px;
		margin-top:10px;
	}
	form label {
		font-size: 10px!important;
	}
}