@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');

body
{
	background-color:#ecf0f5;
	margin:0;
	height:100%;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#333333;
}


input[type="checkbox"]
{
    -webkit-appearance: none;
    border: 1px solid #e9e7e3;
    position: relative;
	outline:0px;
	width:20px;
	height:20px;
	background-color:#fff;
}

input[type="checkbox"]:hover
{
    border: 2px solid #2489c5;
	cursor:pointer;
}
 
input[type="checkbox"]:checked
{
    border: 2px solid #2489c5;
    background-color: #2489c5;
	background-image:url(images/palomita.png);
	background-repeat:no-repeat;
	background-position:center;
}


.sombra
{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.Redondo
{
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}

.Redondo10
{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}

.Alertas
{
	position:fixed;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.4);
	z-index:1000;
	display:none;
	justify-content:center;
	align-items:center;
}
.Alertas.toggle
{
	display:flex;
}

.AlertasContenedor
{
	width:65%;
	max-width:480px;
	background-color:#FFFFFF;
	padding:40px;
	text-align:center;
}




/* VENTANA MODAL */

.VentanaModal
{
	position:fixed;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.4);
	z-index:1000;
	display:none;
	justify-content:center;
	align-items:center;
}
.VentanaModal.toggle
{
	display:flex;
}

.VentanaModalContenedor
{
	width:65%;
	max-width:700px;
	background-color:#FFFFFF;
	text-align:center;
}


/* ALTERNAR FILAS EN TABLAS */
table tr:nth-child(even) td 
{
    background-color: #f7f7f7;
}
/* *********************** */

.renglon:hover td
{
	background-color:#eeeeee;
}

h1
{
	font-size:18px;
}

/* TEXT BOX */
.textbox-linea
{
	box-sizing:border-box;  
	width:100%;
	padding:10px;
	border:none;
	border:1px solid #e8edf3;
	font-size:16px;
	color:#555555;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}
.textbox-linea:hover
{
	outline:none;
}
.textbox-linea:focus
{
	outline:none;
	border:1px solid #722b87;
}


.textbox-buscar
{
	box-sizing:border-box;  
	width:100%;
	padding:9px;
	padding-left:20px;
	border:none;
	border:1px solid #e8edf3;
	font-size:12px;
	color:#555555;
}
.textbox-buscar
{
	outline:none;
}

.oculta_buscar
{
	width:200px; 
	height:35px; 
	position:absolute;
	margin-left:180px;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.oculta_buscar.toggle
{
	margin-left:0px;
}
/* ****************************** */

/* SELECT */
select{
	width:100%;
	box-sizing:border-box;
	background: #fff url(images/arrow.png);
	background-position:99.5% center;
    background-repeat: no-repeat;
   	padding: 10px;
   	font-size: 14px;
   	border:1px solid #e8edf3;
   	-webkit-appearance: none;
	border-radius:0px;
}
select:hover{
	outline:none;
}
select:focus{
	outline:none;
	border:1px solid #26c6da;
}
/* ****************************** */


.sub_titulo
{
	font-size:15px;
	color:#555555;
	font-weight:700;
}

.raya
{
	border-bottom:1px solid #ebebeb;
	width:100%;
}

.contenedor1
{
	float:left;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}
  
  
.contenedor2
{
	float:left;
	width:50%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}
  
  
.contenedor3
{
	float:left;
	width:33.3333%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}

.contenedor4
{
	float:left;
	width:25%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}

.contenedor75
{
	float:left;
	width:75%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}

.contenedor30
{
	float:left;
	width:30%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}

.contenedor40
{
	float:left;
	width:40%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}

.fondo_azul
{
	background-color:#26c6da;
}
.fondo_azul_claro
{
	background-color:#23b6c9;
}
.fondo_azul_fuerte
{
	background-color:#1fa3b5;
}

.fondo_amarillo
{
	background-color:#dab326;
}
.fondo_amarillo_claro
{
	background-color:#c9a523;
}
.fondo_amarillo_fuerte
{
	background-color:#b5941f;
}

.fondo_rosa
{
	background-color:#da2677;
}
.fondo_rosa_claro
{
	background-color:#c9236e;
}
.fondo_rosa_fuerte
{
	background-color:#b51f63;
}

.fondo_rojo
{
	background-color:#722b87;
}
.fondo_rojo_claro
{
	background-color:#ffc7c8;
}
.fondo_rojo_fuerte
{
	background-color:#aa0003;
}

.fondo_verde
{
	background-color:#16b985;
}
.fondo_verde_claro
{
	background-color:#14aa7b;
}
.fondo_verde_fuerte
{
	background-color:#12996e;
}

.fondo_blanco
{
	background-color:#fff;
}

.box_grande
{
	width:100%;
	height:120px;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
}

.box_grande_contenedor
{
	width:100%;
	height:240px;
	position:absolute;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.box_grande_contenedor:hover
{
	margin-top:-120px;
}

.minibox_grande
{
	width:100%;
	height:120px;
	float:left;
	box-sizing:border-box;
	padding:20px; 
	display:flex; 
	align-items:center; 
	justify-content:center;
	position:relative;
	overflow:hidden;
}

.box_grande_link
{
	color:#3A3A3A;
	text-decoration:none;
	font-size:18px;
	font-weight:500;
}

.cuarto_circulo
{
	width:120px;
	height:120px;
	background-color: rgba(0, 0, 0, 0.1);
	position:absolute;
	border-radius:50%;
	top:-60px;
	left:-60px;
}





/* BOTONES */

.boton_verde
{
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#16b985;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	border-radius:4px;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.boton_verde:hover
{
	background-color:#13a275;
}


.boton_azul
{
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#26c6da;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	border-radius:4px;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.boton_azul:hover
{
	background-color:#22b3c5;
}

.boton_negro
{
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#40404b;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	border-radius:4px;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.boton_negro:hover
{
	background-color:#000;
}

.boton
{
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}


.fondoboton_verde
{
	background-color:#16b985;
}

.fondoboton_verde:hover
{
	background-color:#13a275;
}


.fondoboton_rojo
{
	background-color:#ff6565;
}

.fondoboton_rojo:hover
{
	background-color:#ff4c4c;
}


.fondoboton_azulrey
{
	background-color:#2095e8;
}

.fondoboton_azulrey:hover
{
	background-color:#1077c0;
}


.fondoboton_gris
{
	background-color:#403f4b;
}

.fondoboton_gris:hover
{
	background-color:#2d2c33;
}

/* ETIQUETAS */

.etiqueta_azul
{
	padding:10px;
	color:#FFFFFF;
	font-size:11px;
	background-color:#26c6da;
	text-decoration:none;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.etiqueta_roja
{
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	font-size:11px;
	background-color:#ff6565;
	text-decoration:none;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.etiqueta_verde
{
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	font-size:11px;
	background-color:#16b985;
	text-decoration:none;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}


.etiqueta_naranja
{
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	font-size:11px;
	background-color:#f0ad4e;
	text-decoration:none;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}



/***********************************************/


.boton_azul_cuadrado
{
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#26c6da;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.boton_azul_cuadrado:hover
{
	background-color:#22b3c5;
}




.boton_negro_cuadrado
{
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#40404b;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.boton_negro_cuadrado:hover
{
	background-color:#000;
}



/* ******************************************* */


#top_bar
{
	background-color:#fff;
	width:100%;
	height:60px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

#top_bar_titulo
{
	background-color:#000;
	width:100%;
	height:90px;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	padding-left:20px;
}

.boton_top
{
	text-decoration:none;
	float:right; 
	width:50px; 
	height:60px; 
	display:flex; 
	justify-content:center; 
	align-items:center;
}

.boton_top > span
{
	text-decoration:none;
}

.boton_top:hover
{
	background-color:#f9fafc;
}

.circulo
{
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border:1px #ccc solid;
}


#menu_scroll
{
	float:left;
	position:fixed;
	background-color:#2e343c;
	width:74px;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
}
	

#menu
{
	float:left;
	background-color:#2e343c;
	width:90px;
	height:100%;
	overflow:scroll;
	padding-bottom:1000px;
}

#espaciador_menu
{
	float:left;
	width:74px;
	height:100px;
}

.boton_menu
{
	width:58px;
	height:50px;
	margin-top:10px;
	background-color:#353b45;
	float:left;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-left:8px;
	text-decoration:none;
	
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}

.boton_menu > span
{
	font-size:30px;
	color:#97a0af;
}

.boton_menu > span:hover
{
	color:#fff;
}

.boton_menu:hover
{
	border-left:8px solid #722b87;
	margin-left:0px;
	width:66px;
	cursor:pointer;
}


.boton_configuracion
{
	position:fixed;
	bottom:0px;
	left:0px;
	width:74px;
	height:auto;
	font-size:30px;
	color:#97a0af;
	text-align:center;
	cursor:pointer;
	background-color:#2e343c;
	padding-top:10px;
}

.boton_configuracion:hover
{
	color:#fff;
}





@media only screen and (max-width:1050px)
{

.contenedor2
{
	float:left;
	width:50%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}
  
  
.contenedor3
{
	float:left;
	width:50%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}

.contenedor4
{
	float:left;
	width:50%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}

}



@media only screen and (max-width:750px)
{

.oculta_buscar
{
	margin-left:0px;
}

.contenedor2
{
	float:left;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}
  
  
.contenedor3
{
	float:left;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}

.contenedor4
{
	float:left;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}

}