@charset "utf-8";
/*--------------------------------------------------------------*/
/* Fuentes */
/*--------------------------------------------------------------*/
@font-face {
    font-family: 'sourcesanspro_bold';
    src: url('../fuentes/sourcesanspro-bold.woff2') format('woff2'),
         url('../fuentes/sourcesanspro-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sourcesanspro_italic';
    src: url('../fuentes/sourcesanspro-italic.woff2') format('woff2'),
         url('../fuentes/sourcesanspro-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sourcesanspro_regular';
    src: url('../fuentes/sourcesanspro-regular.woff2') format('woff2'),
         url('../fuentes/sourcesanspro-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*--------------------------------------------------------------*/
/* CSS Reset (Normalize) */
/*--------------------------------------------------------------*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*--------------------------------------------------------------*/
/* Resets */
/*--------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	border-collapse:collapse;
	font-family: 'sourcesanspro_regular', Arial, Helvetica;
	font-weight:normal;
	font-size:1em;
	line-height: 1em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.italic{
	font-family: 'sourcesanspro_italic';
}
strong{
	font-weight:normal;
	font-family: 'sourcesanspro_bold';
	font-size:1em;
}
html, body{
	width:100%;
	height:100%;
}
body{
	background-color:#EEE;
}
a img{
	border:none;
}
ul{
	list-style-type:none;
}
input,
textarea,
select{
	background-color:#FFF;
	border:solid 1px #DDD;
	padding:3px;
	padding-left:7px;
}
.fant{
	position:absolute;
	top:-9999px;
	left:-9999px;
}
.invisible{
	display:none !important;
}
.margen-top-30{
	margin-top:30px !important;
}
.margen-bottom-30{
	margin-bottom:30px !important;
}
.requerido{
	border:solid 1px red !important;
}
hr.separacion{
	display:inline-block;
	margin:10px 0 40px 0;
	background-color:#CCC;
	width:100%;
	height:1px;
	border:none;
}
/*-------------------------------------------------------------- */
/* Subir */
/*-------------------------------------------------------------- */
#subir {
	position: fixed;
	background-image: url(../images/ico-upload.svg);
	background-size: 23px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 45px;
	height: 45px;
	border-radius:50%;
	background-color:rgba(0,0,0,0.4);
	float: none;
	bottom: 15px;
	right: 15px;
	z-index: 3;
	display: none;
}
#subir span {
	display:none;
}
#subir:hover {
	background-color:rgba(0,0,0,0.6);
}
/*--------------------------------------------------------------*/
/* Formulario Notificar: Logo */
/*--------------------------------------------------------------*/
@media screen and (min-width: 980px) {
#logo{
	width:280px;
	height:160px;
	padding-bottom:15px;
	background-image:url(../images/sombra-logo.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	margin:auto;
	z-index:10;
}
#logo div{
	width:100%;
	height:100%;
	padding:20px 25px;
	background-color:#FFF;
	display:flex;
	align-items: center;
    justify-content: center;
}
#logo div img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}	
}
@media screen and (max-width: 979px) {
#logo,
#logo div{
	width:100%;
	height:auto;
	background-color:#FFF;
	float:left;
}
#logo div{
	text-align:center;
	padding:20px 15px;
}
#logo div img{
	max-height:85px;
	width:auto;
	height:auto;
}	
}
/*--------------------------------------------------------------*/
/* Formulario Notificar: Foto Estilo de Vida */
/*--------------------------------------------------------------*/
#foto_estilo{
	background-image:url(../images/foto-estilo.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:cover;
}
@media screen and (min-width: 980px) {
#foto_estilo{
	width:75%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:-1;
}
}
@media screen and (max-width: 979px) {
#foto_estilo{
	float:left;
	width:100%;
	height:350px;
}
}
@media screen and (max-width: 600px) {
#foto_estilo{
	height:250px;
}
}
@media screen and (max-width: 400px) {
#foto_estilo{
	height:180px;
}
}
/*--------------------------------------------------------------*/
/* Formulario Notificar: Pasos: Maqueta general */
/*--------------------------------------------------------------*/
@media screen and (min-width: 980px) {
.paso,
.explica,
.campos{
	width:50%;
	height:auto;
	min-height:100vh;
	top:0px;
}
.paso{
	position:fixed;
	overflow:auto;
	background-image:url(../images/fondo-columnas.png);
	background-repeat:repeat-y;
	background-position:center top;
}
.paso.doble{
	background-color:#B2E2F6;
	background-image:none;
}
.paso.doble .campos{
	width:100%;
}
.explica,
.campos{
	position:absolute;
	padding:45px 25px;
}
.paso,
.campos{
	right:0px;
}
.explica{
	left:0px;
}
}
@media screen and (max-width: 979px) {
.paso,
.explica,
.campos{
	width:100%;
	height:auto;
	float:left;	
}
.explica,
.campos{
	padding:30px 20px;
}
.explica{
	background-color:rgba(0,121,147,0.9);
}
}
.campos{
	background-color:#B2E2F6;
}
/*--------------------------------------------------------------*/
/* Formulario Notificar: Pasos: Columna explicaciones */
/*--------------------------------------------------------------*/
.explica div,
.explica hr,
.explica p{
	width:100%;
	float:left;	
}
.explica hr{
	border:none;
	height:1px;
	background-color:rgba(255,255,255,0.4);
	margin:20px 0;
}
.explica p{
	color:#FFF;
	text-align:left;
}
@media screen and (max-width: 979px) {
.explica p{
	text-align:center;
}
}
.explica p.titulo{
	font-size: 35px;
}
.explica p.subtitulo{
	font-size:25px;	
}
.explica p.explica_video{
	font-size:18px;	
}
.explica p.item{
	font-size:18px;
	margin-bottom:4px;
	color:rgba(255,255,255,0.7);	
}
.explica p.valor{
	font-size:22px;
	margin-bottom:20px;	
}
@media screen and (max-width: 979px) {
	.explica p.valor:last-child{
	margin-bottom:10px;	
}
}
/*--------------------------------------------------------------*/
/* Formulario Notificar: Pasos: Columna pasos formulario */
/*--------------------------------------------------------------*/
.campos{
	text-align:left;
}
@media screen and (max-width: 979px) {
.campos{
	text-align:center;
}
}
.campos h1,
.campos .row_x4,
.campos p.nota_aclaratoria_form,
.campos .campo_form,
.campos .campo_form label,
.campos .campo_form select,
.campos .campo_form input,
.campos .campo_form textarea,
.campos .botones,
.campos .enviando,
.campos .anadir_btn,
.campos .form_lista_solicitudes,
.campos .form_lista_solicitudes ul,
.campos .form_lista_solicitudes ul li,
.campos .form_lista_solicitudes ul li .textos_solicitud p{
	width:100%;
	float:left;
}
.campos h1{
	font-size:25px;
	color:#333;
	margin-bottom:20px;
}
.campos .row_x4 .campo_form{
	width:25%;
	padding:0px 2px;	
}
@media screen and (max-width: 1180px) {
.campos .row_x4 .campo_form{
	width:50%;	
}
}
@media screen and (max-width: 600px) {
.campos .row_x4 .campo_form{
	width:100%;
	padding:0px;
}
}
.campos .campo_form{
	margin-bottom:10px;
}
.campos .campo_form#proyecto_otro{
	display:none;
}
.campos .campo_form label,
.campos .campo_form select,
.campos .campo_form select option,
.campos .campo_form input,
.campos .campo_form textarea{
	font-size:18px;
	color:#333;
}
.campos .campo_form select,
.campos .campo_form input{
	height:40px;
}
.campos .campo_form textarea{
	height:65px;
	padding:7px 10px;
}
.campos .campo_form label{
	margin:3px 0;
	font-size:16px;
	text-align:left;
}
.campos .campo_form select:disabled,
.campos .campo_form input:disabled,
.campos .campo_form textarea:disabled{
	opacity:0.5;	
}
.campos .campo_form input::placeholder,
.campos .campo_form textarea::placeholder{
	color:#AAA;	
}
.campos p.nota_aclaratoria_form{
	color:#333;
	font-size:16px;
	margin:5px 0 5px 0;	
}
.campos p#nota_nit{
	display:none;
}
.campos p#campos_obligatorios{
	margin-bottom:25px;
	padding-bottom:20px;
	border-bottom:solid 1px rgba(0,0,0,0.15);
}
.campos .campo_form p.conteo_caracteres{
	font-size:15px;
	width:100%;
	float:left;
	margin:10px 0px;
	text-align:left;
	color:rgba(0,0,0,0.75);
}
.campos .botones{
	text-align:center;
	margin:20px 0;
}
.campos .botones a{
	display:inline-block;
	width:120px;
	height:120px;
	border-radius:50%;
	text-align:center;
	text-decoration:none;
	font-size:23px;
	padding-top:45px;
	margin:0 7px 15px 7px;
	vertical-align:top;
}
.campos .botones a.siguiente{
	background-color:#009AB9;
	color:#FFF;
}
.campos .botones a.atras{
	background-color:#B2E2F6;
	border:solid 1px rgba(0,0,0,0.2);
	color:#009AB9;
}
.campos .botones a.enviar{
	background-color:#009AB9;
	color:#FFF;
	background-image:url(../images/ico-enviar.svg);
	background-repeat:no-repeat;
	background-position:center top 25px;
	background-size:50px;
	padding-top:65px;
}
.campos .botones a:hover{
	background-color:#333;
	border:none;
	color:#FFF;
}
.campos .anadir_btn{
	text-align:center;
	margin:5px 0;
}
.campos .anadir_btn a{
	display:inline-block;
	background-color:#333;
	color:#FFF;
	text-decoration:none;
	padding:10px 40px;
	border-radius:8px;
	font-size:20px;
	margin-top:5px;
}
.campos .anadir_btn a:hover{
	background-color:#009AB9;
}
.campos .form_lista_solicitudes{
	padding:25px 0 10px 0;
}
.campos .form_lista_solicitudes .titulo_lista_solicitudes{
	font-size:20px;
	color:rgba(0,0,0,0.7);
	margin-bottom:7px;
}
.campos .form_lista_solicitudes .titulo_lista_solicitudes span{
	font-size: 1em;
	color:#000;
}
.campos .form_lista_solicitudes ul{
	border-bottom:solid 1px rgba(0,0,0,0.2);
	padding-bottom:10px;
}
.campos .form_lista_solicitudes ul li{
	background-color:rgba(255,255,255,0.5);
	border-radius:5px;
	margin-bottom:10px;
	padding:10px;
}
.campos .form_lista_solicitudes ul li .textos_solicitud,
.campos .form_lista_solicitudes ul li .textos_solicitud div{
	float:left;
	text-align:left;	
}
.campos .form_lista_solicitudes ul li .textos_solicitud{
	width:calc(100% - 35px);
}
.campos .form_lista_solicitudes ul li .textos_solicitud div{
	width:50%;
	padding-right:8px;
}
@media screen and (max-width: 500px) {
.campos .form_lista_solicitudes ul li .textos_solicitud div{
	width:100%;
	padding-right:0px;
}
}
.campos .form_lista_solicitudes ul li .textos_solicitud p{
	color:#000;
	margin-bottom:4px;
	font-size:15px;
}
.campos .form_lista_solicitudes ul li .textos_solicitud p span{
	font-size:1em;
	font-family:inherit;
	color:inherit;
}
.campos .form_lista_solicitudes ul li .textos_solicitud p.factura_info{
	font-size:19px;
}
.campos .form_lista_solicitudes ul li .textos_solicitud p.factura_proyecto{
	font-size:16px;
}
.campos .form_lista_solicitudes ul li .textos_solicitud p.factura_fecha,
.campos .form_lista_solicitudes ul li .textos_solicitud p.factura_vencimiento,
.campos .form_lista_solicitudes ul li .textos_solicitud p.factura_mora{
	color:rgba(0,0,0,0.7);
}
.campos .form_lista_solicitudes ul li a.eliminar{
	width:30px;
	height:30px;
	display:inline-block;
	float:right;
	background-color:#777;
	border-radius:50%;
	background-image:url(../images/ico-eliminar.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:12px;
}
.campos .form_lista_solicitudes ul li a.eliminar:hover{
	background-color:#000;
}
.campos .form_lista_solicitudes ul li a.eliminar span{
	display:none;
}
.campos .form_adjuntos,
.campos .form_adjuntos *{
	width:100%;
	float:left;
	text-align:left;	
}
.campos .form_adjuntos{
	border-bottom:solid 1px rgba(0,0,0,0.2);
	padding:10px 0 20px 0;
}
.campos .form_adjuntos p{
	color:rgba(0,0,0,0.7);
	margin-bottom:12px;
	text-align:left;
}
@media screen and (max-width: 980px) {
.campos .form_adjuntos p{
	text-align:center;
}
}
.campos .form_adjuntos .titulo{
	font-size:20px;
}
.campos .form_adjuntos .validaciones{
	font-size:15px;
}
.campos .form_adjuntos input{
	height:auto;
	font-size:16px;
	border:none;
	padding:7px;
}
.campos .enviando{
	text-align:center;
	padding:20px 0;
	display:none;
}
.campos .enviando p{
	font-size:30px;
	color:#333;
}
/*--------------------------------------------------------------*/
/* Formulario Notificar: Pasos: Resumen solicitud enviada */
/*--------------------------------------------------------------*/
.resumen_solicitud,
.resumen_solicitud hr,
.resumen_solicitud p,
.resumen_solicitud ul,
.resumen_solicitud ul li,
.resumen_solicitud ul li span{
	width:100%;
	float:left;
	text-align:left;
}
.resumen_solicitud hr{
	border:none;
	height:1px;
	background-color:rgba(0,0,0,0.2);
	margin:25px 0;
}
.resumen_solicitud p.resumen_titulo{
	font-size:21px;
	margin-bottom:8px;
}
.resumen_solicitud p.resumen_titulo span{
	font-size:1em;
	display:inline-block;
}
@media screen and (max-width: 979px) {
.resumen_solicitud p.resumen_titulo{
	text-align:center;
}
}
.resumen_solicitud ul{
	margin:10px 0 20px 0;
	text-align:center;
}
.resumen_solicitud ul li{
	background-color:#FFF;
	width:100%;
	display:inline-block;
	padding:10px 10px 12px 10px;
	margin:5px 0;
	border-radius:8px;
	color:#666;
}
.resumen_solicitud ul li span.rpta_rad{
	font-size:23px;
	margin-bottom:5px;
}
.resumen_solicitud ul li span.rpta_rad_fact{
	font-size:16px;
}
@media screen and (max-width: 979px) {
.resumen_solicitud ul li span{
	text-align:center;
}
}
/*--------------------------------------------------------------*/
/* Formulario Notificar: Inicializacion */
/*--------------------------------------------------------------*/
.paso2,
.paso3{
	display:none;
}
/*--------------------------------------------------------------*/
/* Procesando /
/*--------------------------------------------------------------*/
#procesando{
	position:fixed;
	z-index:10000;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:rgba(255,255,255,0.98);
	display:none;
}
#procesando div{
	position:absolute;
	width:150px;
	height:150px;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	margin:auto;
	text-align:center;
}
#procesando div *{
	display:inline-block;
}
#procesando div img{
	width:110px;
	height:auto;
	margin-bottom:7px;
}
#procesando div p{
	width:100%;
	font-size:18px;
}
/*-------------------------------------------------------------- */
/* Login: Fondo */
/*-------------------------------------------------------------- */
#opacidadfondologin,
#fotofondologin{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;	
}
#opacidadfondologin{
	z-index:2;
	background-color:rgba(1,153,184,0.7);
}
#fotofondologin{
	z-index:1;
	background-image:url(../images/foto-estilo.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
/*-------------------------------------------------------------- */
/* Comunes: Formulario */
/*-------------------------------------------------------------- */
.formulario{
	width:100%;
	height:auto;
	margin:auto;
	display:inline-block;
}
.formulario hr{
	float:left;
	width:100%;
	border:none;
	height:1px;
	background-color:#CCC;
	margin:15px 0 20px 0;	
}
.formulario div{
	float:left;
	width:100%;
	padding:0 7px;
	display:inline-block;
	vertical-align:top;
}
.formulario div.row{
	padding:0px;
}
.formulario div.colx2,
.formulario div.colx3,
.formulario div.colx4{
	margin-bottom:12px;
}
.formulario div.colx2{
	width:50%;	
}
.formulario div.colx3{
	width:33%;
}
.formulario div.colx4{
	width:25%;	
}
@media screen and (max-width: 800px) {
.formulario div.colx2,
.formulario div.colx3,
.formulario div.colx4{
	width:100%;
}
}
.formulario div.vacia{
	margin-bottom:1px;
}
.formulario div.adicionales_gran_proveedor,
.formulario div.lista_grandes_proveedores{
	display:none;
}
.formulario div label{
	width:100%;
	text-align:left;
	color:#333;
	font-size:16px;
	float:left;
	margin-bottom:5px;
}
.formulario input,
.formulario select,
.formulario textarea{
	width:100%;
	background-color:#FFF;
	border:solid 1px #CCC;
	height:37px;
	font-size:16px;
	padding-left:5px;
	color:#000;
}
.formulario select option{
	font-size:16px;
}
.formulario textarea{
	height:70px;
	padding:5px;
}
.formulario .con_check{
	text-align:left;
	padding:12px 0px;
}
.formulario .con_check input,
.formulario .con_check label{
	float:left;
	display:inline-block;
	vertical-align:middle;	
}
.formulario .con_check input{
	width:23px;
	height:23px;
	margin-right:5px;
}
.formulario .con_check label{
	width:calc(100% - 30px);
	margin-bottom:0px;
	margin-top:3px;
}
.formulario .boton{
	font-size:23px;
	height:45px;
	color:#FFF;
	background-color:#0792B2;
	border:solid 1px #0792B2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
	margin-top:10px;
}
.formulario .boton:hover{
	color:#FFF;
	background-color:#333;
	border:solid 1px #000;
}
.formulario .boton:disabled,
.formulario .boton:disabled:hover {
	background-color: #CCC !important;
	border:solid 1px #CCC;
	color: #FFF !important;
	cursor: default !important;
}
/*-------------------------------------------------------------- */
/* Login: Formulario */
/*-------------------------------------------------------------- */
#login{
	position: absolute;
	z-index:3;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
	width:100%;
	max-width: 400px;
	height: 460px;
	background-color:#FFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:25px 20px 20px 20px;
	text-align:center;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.40);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.40);
}
#login img{
	max-width:260px;
	height:auto;
}
#login h1{
	width:100%;
	color:#0099B8;
	font-size: 22px;
	border-top:solid 1px #CCC;
	margin-top:20px;
	padding-top:20px;
	margin-bottom:15px;
}
#login div{
	margin-bottom:10px;
}
#login .formulario{
	padding-bottom:0px;
}
#login p{
	display:inline-block;
	padding-top:10px;
	font-size:16px;
}
#login p a{
	text-decoration:none;
	color:#666;
}
#login p a:hover{
	text-decoration:underline;
	color:#000;
}
#login p.aclaracion{
	font-size:17px;
	padding-top:0px;
	padding-bottom:15px;
}
#login .formulario input,
#login .formulario select,
#login .formulario textarea{
	background-color:#EEE;
}
#login .formulario .boton{
	background-color:#0792B2;
}
#login .formulario .boton:hover{
	background-color:#333;
	border:solid 1px #000;
}
/*-------------------------------------------------------------- */
/* Dashboard: Maqueta */
/*-------------------------------------------------------------- */
.container,
.content{
	width:100%;
}
.container{
	float:left;
}
.content{
	max-width:1180px;
	margin:auto;
}
@media screen and (max-width: 1179px) {
.content{
	padding:0 20px;
}
}
.blanco{
	background-color:#FFF;
}
.verde{
	background-color:#0099B8;
}
/*-------------------------------------------------------------- */
/* Dashboard: Encabezado */
/*-------------------------------------------------------------- */
#header{
	padding:17px 0;
}
#header #logo_head,
#header h1,
#header .main_icons,
#header .main_icons a{
	width:auto;
	display:inline-block;
	vertical-align:middle;
}
#header #logo_head{
	width:200px;
	margin-right:15px;
}
#header #logo_head img{
	width:100%;
	height:auto;
}
#header h1,
#header h1 span{
	font-family:'sourcesanspro_italic';
	font-size:20px;
}
#header h1{
	color:#666;
	border-left:solid 1px #CCC;
	padding:10px 0 10px 15px;
}
@media screen and (max-width: 980px) {
#header h1{
	display:none;
}
}
#header h1 span{
	color:#0099B8;
}
#header .main_icons{
	float:right;
	margin-top:20px;
	font-size:0;
}
#header .main_icons a{
	width:35px;
	height:35px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:22px;
	margin-left:5px;
}
#header #hamb{
	background-image:url(../images/ico-hamb.svg);
}
#header #hamb.activo{
	background-image:url(../images/ico-hamb-cerrar.svg);
}
#header #salir{
	background-image:url(../images/ico-salir.svg);
}
#header .main_icons a:hover{
	background-size:25px;
}
#header .main_icons a span{
	display:none;
}
/*-------------------------------------------------------------- */
/* Dashboard: Menu */
/*-------------------------------------------------------------- */
#menu{
	padding:15px 0;
	display:none;
}
#menu ul{
	width:100%;
	height:100%;
	float:left;
}
#menu ul li{
	display:inline-block;
	width:auto;
	margin-right:35px;
}
#menu ul li.salida{
	margin-right:0px;
	float:right;	
}
@media screen and (max-width: 600px) {
#menu ul li,
#menu ul li.salida{
	width:100%;
	margin:10px 0;
	foat:left;
}
}
#menu ul li a{
	color:#FFF;
	text-decoration:none;
	font-size:17px;
}
#menu ul li a:hover{
	color:rgba(255,255,255,0.7);
	font-family:'sourcesanspro_italic';
}
/*-------------------------------------------------------------- */
/* Dashboard: Titulo Seccion */
/*-------------------------------------------------------------- */
.titulo_seccion{
	padding:30px 0 25px 0;
}
.titulo_seccion h1{
	width:100%;
	display:inline-block;
	text-align:center;
	font-size:25px;
	color:#333;
}
/*-------------------------------------------------------------- */
/* Dashboard: Tabla Filtrable */
/*-------------------------------------------------------------- */
.tabla_filtrable{
	width:100%;
}
.tabla_filtrable tr{
	border-top:solid 1px #DDD;
	background-color:#FFF;
}
@media screen and (max-width: 979px) {
.tabla_filtrable tr{
	width:100%;
	display:inline-block;
	margin-bottom:25px;
	border-top:none;
	padding:18px;
}
}
.tabla_filtrable thead tr.encabezado{
	background-color:#EEE;
	border-top:none;
}
@media screen and (max-width: 979px) {
.tabla_filtrable thead tr.encabezado{
	display:none;
}
}
.tabla_filtrable th,
.tabla_filtrable td{
	text-align:left;
	padding:20px 10px;
	vertical-align:top;
	font-size:15px;
	color:#333;
}
.tabla_filtrable td.pendiente,
.tabla_filtrable td.inactivo{
	color:#E60000;
}
.tabla_filtrable td.proceso{
	color:#FF7F00;
}
.tabla_filtrable td.ok,
.tabla_filtrable td.activo{
	color:#008C23;
}
@media screen and (max-width: 979px) {
.tabla_filtrable th,
.tabla_filtrable td{
	display:inline-block;
	width:100%;
	padding:3px 0px;
}
}
.tabla_filtrable th{
	text-transform:uppercase;
	padding:10px 10px;
}
.tabla_filtrable td span{
	display:none;
	font-size:1em;
	color:#000;
	font-family:'sourcesanspro_bold';
}
@media screen and (max-width: 979px) {
.tabla_filtrable td span{
	display:inline-block;
	margin-right:5px;
}
}
.tabla_filtrable thead tr:nth-child(2){
	width:100%;
	padding:0px;
	background:#EEE;
	border:none;
}
.tabla_filtrable thead tr:nth-child(2) th{
	padding:0 !important;
}
.tabla_filtrable thead tr:nth-child(2) input{
	height:40px;
	width:100%;
	margin: 5px 0 20px 0px;
}
@media screen and (max-width: 979px) {
.tabla_filtrable thead tr:nth-child(2) input{
	margin:0px;
}
}
.tabla_filtrable tfoot tr{
	background-color:#EEE;
	width:100%;
}
.tabla_filtrable tfoot tr td{
	text-align:center;
}
.tabla_filtrable tfoot tr td a{
	display:inline-block;
	background-color:#DDD;
	color:#666;
	padding:10px;
	font-size:15px;
	text-decoration:none;
}
.tabla_filtrable tfoot tr td a:hover{
	background-color:#FFF;
	color:#000;
}
.tabla_filtrable tfoot tr td a.active{
	background-color:#016781;
	color:#FFF;
	cursor:default !important;
}
/*-------------------------------------------------------------- */
/* Dashboard: Acciones tabla */
/*-------------------------------------------------------------- */
@media screen and (max-width: 1179px) {
#acciones_lista{
	padding:0 20px;
}
}
#acciones_lista .content{
	text-align:center;
	border-top:solid 1px #CCC;
	padding: 30px 20px 20px 20px;	
}
#acciones_lista a{
	display:inline-block;
	width:150px;
	height:150px;
	background-color:#0099B8;
	border-radius:50%;
	color:#FFF;
	text-decoration:none;
	padding:30px;
	font-size:20px;
	margin:0 10px 20px 10px;
	background-repeat:no-repeat;
	background-size:40px;
	vertical-align:top;
}
#acciones_lista a.download{
	background-image:url(../images/ico-download.svg);
	background-position:center bottom 25px;
}
#acciones_lista a.upload{
	background-image:url(../images/ico-upload.svg);
	background-position:center top 25px;
	padding-top:80px;
}
#acciones_lista a.gris{
	background-color:#AAA;
}
#acciones_lista a.nuevaSolicitudIndividual{
	padding-top:40px;
}
#acciones_lista a:hover{
	background-color:#333;
}
/*-------------------------------------------------------------- */
/* Dashboard: Acciones Pre-tabla */
/*-------------------------------------------------------------- */
.acciones_pretabla{
	padding:0px 20px 10px 20px;
	margin-bottom:20px;
	text-align:center;
}
a.accion_crear,
a.accion_eliminar,
a.accion_editar,
a.accion_atras{
	display:inline-block;
	background-color:#0099B8;
	border-radius:50%;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:center center;	
}
a.accion_crear,
a.accion_atras{
	width:55px;
	height:55px;
	background-size:30px;	
}
a.accion_eliminar,
a.accion_editar{
	width:33px;
	height:33px;
	margin-right:8px;
	background-size:21px;
	float:right;	
}
a.accion_crear{
	background-image:url(../images/ico-new-user.svg);
}
a.accion_eliminar{
	background-image:url(../images/ico-trash.svg);
}
a.accion_editar{
	background-image:url(../images/ico-pencil.svg);
}
a.accion_atras{
	background-image:url(../images/ico-atras.svg);
}
@media screen and (max-width: 979px) {
a.accion_eliminar,
a.accion_editar{
	width:40px;
	height:40px;
	margin:10px 0px 0px 15px;
	background-size:24px;
}	
}
a.accion_crear:hover,
a.accion_eliminar:hover,
a.accion_editar:hover,
a.accion_atras:hover{
	background-color:#333;
}
a.accion_crear span,
a.accion_eliminar span,
a.accion_editar span,
a.accion_atras span{
	display:none;	
}
/*-------------------------------------------------------------- */
/* Dashboard: Formulario subordinado */
/*-------------------------------------------------------------- */
.formulario_subordinado{
	padding:0 20px;
	margin-bottom:50px;
	display:none;
}
.formulario_subordinado .content{
	background-color:#FFF;
	padding:20px 15px;
	position:relative;
	margin-bottom:30px;
}
.formulario_subordinado h2{
	width:100%;
	float:left;
	text-align:center;
	font-size:20px;
	color:#666;
	margin-bottom:30px;
}
@media screen and (max-width: 800px) {
.formulario_subordinado h2{
	margin-top:20px;
}
}
.formulario_subordinado a.x_cerrar{
	display:block;
	width:28px;
	height:28px;
	background-color:#999;
	border-radius:50%;
	background-image:url(../images/ico-eliminar.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:12px;
	position:absolute;
	top:10px;
	right:10px;
}
.formulario_subordinado a.x_cerrar:hover{
	background-color:#333;
	background-size:15px;
}
.formulario_subordinado a.x_cerrar span{
	display:none;
}
.formulario_subordinado .formulario .boton{
	height:37px;
	margin-top:0px;
	border-radius:0px;
}
.formulario_subordinado.visible{
	display:block;
}
.formulario_subordinado .formulario input,
.formulario_subordinado .formulario select,
.formulario_subordinado .formulario textarea{
	background-color:#EEE;
}
.formulario_subordinado .formulario .boton{
	background-color:#0792B2;
	border:solid 1px #0792B2;
}
.formulario_subordinado .formulario .boton:hover{
	background-color:#333;
	border:solid 1px #000;
}
/*--------------------------------------------------------------*/
/* Seleccion Ciudad */
/*--------------------------------------------------------------*/
#acceso_encabezado,
#acceso_selecciona_ciudad,
#acceso_encabezado *,
#acceso_selecciona_ciudad *{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	display:inline-block;
}
#acceso_encabezado,
#acceso_selecciona_ciudad{
	width:100%;
}
#acceso_encabezado{
	background-color:#FFF;
	padding:20px;
	height:130px;
	position:relative;
	z-index:10;
}
#acceso_encabezado img{
	width:180px;
	height:auto;
}
#acceso_selecciona_ciudad,
#acceso_selecciona_ciudad .opacidad{
	width:100%;
    background-color:#007993;
    height:auto;
    min-height:calc(100% - 130px);
}
#acceso_selecciona_ciudad .content{
	max-width:900px;
	padding:50px 20px;
}
@media screen and (min-width: 700px){
#acceso_selecciona_ciudad{
    background-image: url(../images/foto-estilo.jpg);
	background-repeat: no-repeat;
	background-position: top center; 
	background-size:cover;   	
}
#acceso_selecciona_ciudad .opacidad{
    background-color:rgba(0,121,147,0.7);
    display:block;
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    padding-top:130px;	
}
#acceso_selecciona_ciudad .content{
	padding-top:70px;
}
}
#acceso_selecciona_ciudad .content h1,
#acceso_selecciona_ciudad .content p{
	width:100%;
    color:#FFF;
}
#acceso_selecciona_ciudad .content h1{
	font-family:'sourcesanspro_bold';
	font-size:50px;
}
@media screen and (max-width: 669px){
#acceso_selecciona_ciudad .content h1{
	font-size:35px;
}	
}
#acceso_selecciona_ciudad .content p{
	font-size:25px;
	position:relative;
	margin:40px 0;
	padding-top:30px;
}
@media screen and (max-width: 669px){
#acceso_selecciona_ciudad .content p{
	font-size:22px;
}
}
#acceso_selecciona_ciudad .content p::before{
	content:"";
	width:120px;
	height:1px;
	background-color:#FFF;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
}
#acceso_selecciona_ciudad .content ul{
	width:100%;
}
#acceso_selecciona_ciudad .content ul li{
	width:320px;
	vertical-align:top;
	float:none;
	padding:0 25px 50px 25px;
}
@media screen and (max-width: 669px){
#acceso_selecciona_ciudad .content ul li{
	width:270px;
	vertical-align:top;
	float:none;
	padding:0 15px 30px 15px;
}	
}
#acceso_selecciona_ciudad .content ul li a,
#acceso_selecciona_ciudad .content ul li a div{
	width:270px;
	height:270px;
	border-radius:50%;
}
@media screen and (max-width: 669px){
#acceso_selecciona_ciudad .content ul li a,
#acceso_selecciona_ciudad .content ul li a div{
	width:240px;
	height:240px;
}
}
#acceso_selecciona_ciudad .content ul li a{
	display:table;
	background-color:#A5D8F3;
}
#acceso_selecciona_ciudad .content ul li a:hover{
	background-color:#FFF;
}
#acceso_selecciona_ciudad .content ul li a div{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:40px;
}
#acceso_selecciona_ciudad .content ul li a div span{
	width:100%;
	text-decoration:none;
	color:#487B8E;
	font-size:25px;
}
@media screen and (max-width: 669px){
#acceso_selecciona_ciudad .content ul li a div span{
	font-size:23px;
}
}
#acceso_selecciona_ciudad .content ul li a div span.ciudad{
	font-family:'sourcesanspro_bold';
	font-size:45px;
	color:#0A3D4B;
	margin-bottom:10px;
}
@media screen and (max-width: 669px){
#acceso_selecciona_ciudad .content ul li a div span.ciudad{
	font-size:35px;
}
}
/*--------------------------------------------------------------*/
/* Home*/
/*--------------------------------------------------------------*/
.titulo_seccion h1.bienvenida{
	font-size:33px;
	padding-top:30px;
	color:#666;
}
#home{
	padding:35px 0;
}
#home ul{
	width:100%;
	text-align:center;
	font-size:0px;
}
#home ul li{
	display:inline-block;
	vertical-align:top;
	padding:0 15px 30px 15px;
}
#home ul li a{
	display:flex;
	width:180px;
	height:180px;
	border-radius:50%;
	background-color:#0099B8;
	color:#FFF;
	font-size:22px;
	text-decoration:none;
	align-items: center;
    justify-content: center;
	padding:10px;
}
#home ul li a:hover{
	background-color:#333;
}
/*--------------------------------------------------------------*/
/* Preloader */
/*--------------------------------------------------------------*/
.preloader {
	background-image: url(../images/loading.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFF;
	background-size:100px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}
/*--------------------------------------------------------------*/
/* Error admin */
/*--------------------------------------------------------------*/
p.alerta_error{
	width:100%;
	text-align:center;
	display:inline-block;
	background-color: #fdd1d1;
	border-radius:10px;
	padding:30px;
	margin-bottom:30px;
	font-size:17px;
}
/*--------------------------------------------------------------*/
/* Descarga Certificados */
/*--------------------------------------------------------------*/
.certificados,
.certificados h2,
.certificados ul,
.certificados li{
	display:inline-block;
	text-align:center;
	width:100%;
}
.certificados{
	padding:30px 0;
}
.certificados:last-child{
	padding-bottom:80px;
}
.certificados h2{
	font-size:25px;
	font-family: 'sourcesanspro_bold';
	margin-bottom:20px;
	position:relative;
	padding-top:20px;
}
.certificados h2::before{
	content:"";
	width:250px;
	height:1px;
	background-color:#CCC;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
}
.certificados ul{
	text-align:center;
	font-size:0;
}
.certificados ul li{
	padding:0 10px 20px 10px;
	width:50%;
}
@media screen and (max-width: 800px){
	.certificados ul li{
		padding:0 0px 20px 0px;
		width:100%;
	}	
}
.certificados ul li a{
	display:block;
	padding:20px;
	padding-right:50px;
	text-align:left;
	font-size:19px;
	background-color:#FFF;	
	background-image: url(../images/ico-download-2.svg);
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center right 10px;	
	border-radius:7px;
	height:auto;
	text-decoration:none;
	color:#333;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
}
.certificados ul li a:hover{
	border:solid 1px #CCC;
	background-size: 30px;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.20);
}