@charset 'UTF-8';
/*********************************************************************************/
/* Header  index                                                                     */
/*********************************************************************************/
.rowHwader {
	display: table-row;
	width: 100%;
    text-align: center;
    
    height: auto;
    border-collapse: separate;
  	border-spacing: 6px;
}


.contenedorPrin{
	display: table-cell;
	padding: 1%;
	width: 60%;
	vertical-align: top;
}

.ImLogo{
	background: url(../images/bannerLog2.jpg) no-repeat center;
	border-radius: 30px;
	box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
}


.contenedorLogo{
	padding: 1%;
	height: auto;
	width: auto;
	transition: 1.5s ease;
  -moz-transition: 1.5s ease; /* Firefox */
  -webkit-transition: 1.5s ease; /* Chrome - Safari */
  -o-transition: 1.5s ease; /* Opera */
}




.contenedorLogo:hover{
    transform : scale(1.3);
    -moz-transform : scale(1.3); /* Firefox */
    -webkit-transform : scale(1.3); /* Chrome - Safari */
    -o-transform : scale(1.3); /* Opera */
    -ms-transform : scale(1.3); /* IE9 */
    
  }


.contenedorLogo:hover h2{
    color: black;
  }





.contenedorLogo img{
	padding: 0.8%;
	text-align: center;	
	border-radius:100%;
	vertical-align: middle;
	background: #F89439;
	box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.4);
	height: auto;
	width: auto;
	}



.contenedorLogo h1{
	
	font-family: "Vivaldi", sans-serif;
	font-weight: 600;
	vertical-align: middle;
	text-align: center;
	width: auto;
	}

.contenedorLogo h2{
	font-size: 100%;
	font-family: "Icon", sans-serif;
	vertical-align: middle;
	text-align: center;
	color: #F2F2F2;
	}


/*********************************************************************************/
/* Menu Barra                                                                         */
/*********************************************************************************/


.rowMenu{
	width: 30%;
	display: table-cell;
	padding: 1.2%;

	
}

.row1{
	padding: 2.5%;
	width: 100%;
	border-radius: 30px;
	display:inline-block;
  	height: auto;
  	box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
}


/*********************************************************************************/
/* Menu Barra COL 1                                                                        */
/*********************************************************************************/
.Col1{
	
	height: auto;
	width: 50%;
	display:inline-block;
	border-radius: 30px;
}

.ConrenedorRedesS{
	display: table-row;
	border-radius: 30px;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
	
}

.IconoRedes{
	width: auto;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: auto;
	padding: 2%;
}

.IconoRedes img{
	width: 50%;
	height: 50%;
	text-align: center;
	
}

.IconoRedes h2{
	width: auto;
	color: black;
	font-family: "Icon", cursive;
	font-style: normal;
	font-weight: bold;
	font-size: 80%;
	color: #000000;
	text-align: center;
	transition: 1.5s ease;
  -moz-transition: 1.5s ease; /* Firefox */
  -webkit-transition: 1.5s ease; /* Chrome - Safari */
  -o-transition: 1.5s ease; /* Opera */

}

.IconoRedes:hover h2{
	border: none;
	color: black;
	transform : scale(1.3);
    -moz-transform : scale(1.3); /* Firefox */
    -webkit-transform : scale(1.3); /* Chrome - Safari */
    -o-transform : scale(1.3); /* Opera */
    -ms-transform : scale(1.3); /* IE9 */
}

/*********************************************************************************/
/* Menu Barra COL 2                                                                        */
/*********************************************************************************/
.Col2{

	padding: 1%;
	padding-top: none;
	width: 60%;
	height: auto;
	display:inline-block;
	border-radius: 30px;
	

}

.ContMenu{
	box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
	text-align: center;
	border-radius: 30px;
	padding: 1%;
}

.IconoMenu{
	width: auto;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: auto;
}

.IconoMenu img{
	width: 30%;
	height: 30%;
	text-align: center;
	
}

.IconoMenu h2{
	width: auto;
	color: black;
	font-family: "Icon", cursive;
	font-style: normal;
	font-weight: 600;
	font-size: 60%;
	color: #000000;
	text-align: center;
	transition: 1.5s ease;
  -moz-transition: 1.5s ease; /* Firefox */
  -webkit-transition: 1.5s ease; /* Chrome - Safari */
  -o-transition: 1.5s ease; /* Opera */


}

.IconoMenu:hover h2{
	border: none;
	color: black;
	transform : scale(1.3);
    -moz-transform : scale(1.3); /* Firefox */
    -webkit-transform : scale(1.3); /* Chrome - Safari */
    -o-transform : scale(1.3); /* Opera */
    -ms-transform : scale(1.3); /* IE9 */
}



/*********************************************************************************/
/* Menu Barra COL 3                                                                        */
/*********************************************************************************/


.Col3HLogin {
	width: 50%;
	height: auto;
	border-radius: 20px; 
	display:inline-block;
	text-align: center;
}

.Col3HLogin a{
	text-align: center;
	text-decoration:none; 
	vertical-align: middle;
	color: #000000;
	
}



.Adminstrativo{
	transition: 1.5s ease;
  -moz-transition: 1.5s ease; /* Firefox */
  -webkit-transition: 1.5s ease; /* Chrome - Safari */
  -o-transition: 1.5s ease; /* Opera */


}

.Adminstrativo h1{
	color: black;
	font-family: "Icon", cursive;
	font-style: oblique;
	font-weight: bold;
	font-size: 70%;
	color: #000000;
	text-align: center;	
}

.Adminstrativo:hover {
	border-radius: 100px;
	border: none;
	color: black;
	transform : scale(1.3);
    -moz-transform : scale(1.3); /* Firefox */
    -webkit-transform : scale(1.3); /* Chrome - Safari */
    -o-transform : scale(1.3); /* Opera */
    -ms-transform : scale(1.3); /* IE9 */
}

.Adminstrativo img{
	vertical-align: middle;
	border-radius: 100px;
	background: #F89439;
	padding: 4px;
	box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.4);
	border: none;
	width: 35%;
	height: 35%;
	text-align: center;

}
/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	
	
	
	



/*********************************************************************************/
/* Header  login                                                                      */
/*********************************************************************************/
	.contenedorLogin{
		
		width: 82%;
		height: auto;
		padding: 0.90rem;

	}


	.header
	{
		background: url(../images/banner.jpg) no-repeat center;	
		box-shadow: 0rem 0rem 0.376rem 0.2rem rgba(0, 0, 0, 0.4);
		border-radius: 1.90rem;
		width: auto;
		height: auto;
		padding: 1rem;
	}


	.contenedorLogoLogin{
		padding: 0.190rem;
		height: auto;
		width: 40%;
		transition: 0.8s ease;
		-moz-transition: 0.8s ease; /* Firefox */
		-webkit-transition: 0.8s ease; /* Chrome - Safari */
		-o-transition: 0.8s ease; /* Opera */
	}

.contenedorLogoLogin:hover {
    transform : scale(1.1);
    -moz-transform : scale(1.1); /* Firefox */
    -webkit-transform : scale(1.1); /* Chrome - Safari */
    -o-transform : scale(1.1); /* Opera */
    -ms-transform : scale(1.1); /* IE9 */
    
  }


.contenedorLogoLogin:hover h2{
    color: black;
  }





.contenedorLogoLogin img{
	padding: 0.06rem;
	text-align: center;	
	border-radius:100%;
	vertical-align: middle;
	background: #F89439;
	box-shadow: 0rem 0rem 1rem 0.125rem rgba(0, 0, 0, 0.4);
	height: auto;
	width: auto;
	}



.contenedorLogoLogin h1{
	
	font-family: "Vivaldi", sans-serif;
	font-weight: 200;
	vertical-align: middle;
	text-align: center;
	width: auto;
	height: auto;
	padding: none;
	font-size: 2.05rem;

	}

.contenedorLogoLogin h2{
	font-family: "Icon", sans-serif;
	vertical-align: middle;
	text-align: center;
	color: #F2F2F2;
	height: auto;
	width: auto;
	padding: none;
	font-size: 0.9rem;
	}

#DatosUsuario{
	width: auto;
	height: auto;
}

	
.DivLogin{
	padding: 0.170rem;
	width: auto;
	height: auto;
	
}

	.DivLogin h1{
		font-family: "Freestyle Script";
		font-size: 3rem;
		font-weight: 600;
		
	}

	.DivLogin input[type=text] {
    	width: auto;
    	padding: 0.8rem;
    	background-color: #FF8C00;
    	color: white;
    	border: none;
    	border-radius: 1.85rem;
    	height: auto;
	}

	.DivLogin input[type=Password] {
    	width: auto;
    	padding: 0.8rem;
    	background-color: #FF8C00;
    	color: white;
    	border: none;
    	border-radius: 1.85rem;
    	height: auto;
	}





.zommBtLogin {
	width: auto;
	height: auto;
	padding: 0.4rem;		
}

.zommBtLogin img{
	box-shadow: 0rem 0rem 1rem 0.125rem rgba(0, 0, 0, 0.2);
	width: auto;
	height: auto;
	border-radius: 100%;
	background:  #F89439;
	padding: none;
	transition: 0.8s ease;
	-moz-transition: 0.8s ease; /* Firefox */
	-webkit-transition: 0.8s ease; /* Chrome - Safari */
	-o-transition: 0.8s ease; /* Opera */
		
}

.zommBtLogin img:hover {
    transform : scale(1.2);
    -moz-transform : scale(1.2); /* Firefox */
    -webkit-transform : scale(1.2); /* Chrome - Safari */
    -o-transform : scale(1.2); /* Opera */
    -ms-transform : scale(1.2); /* IE9 */
    
}

.zommBtLogin a{
		text-decoration: none;
		width: auto;
		height: auto;

	}
	
.FotOrange{
	width: auto;
	height: auto;
	padding: 0.3rem;

}

	.FotOrange h1{
		font-family: "Vivaldi", sans-serif;
		vertical-align: middle;
		text-align: center;
		width: auto;
		height: auto;

	}



/*********************************************************************************/
/* VALIDAR PANEL ADMINISTRACION                                                                        */
/*********************************************************************************/

.DivValidarPanel{
	width: auto;
	height: auto;
}

.DivValidarPanel h1{
	font-family: "Jokerman", sans-serif;	
	font-size: 1.4rem;
	padding: 0.4rem;
}


.DivValidarPanel h2{
	font-family: "icon", sans-serif;	
	font-size: 0.9em;
	padding: 0.15rem;
}


/*********************************************************************************/
/* MODULOS                                                                        */
/*********************************************************************************/
.ContenedorModProc{
	padding: 0.4em;
	width: 50%;
	height: auto;
	box-shadow: 0em 0em 1em 0.2em rgba(0, 0, 0, 0.1);
	border-radius: 2rem;
	
}

.DivTimodulo{
	height: auto;
	width: auto;
	text-align: center;
	padding: 0.4em;
			

}

.DivTimodulo h1{
	font-family: "icon", sans-serif;
	padding: 0.4em;
	font-size: 1.5rem;
	font-weight: 200;
	background: #FF8C00;
	border-radius: 1.5rem;
	width: auto;
	color: white;	

}


#Procesos{
	width: auto;
	height: auto;
}


#Modulos{
	width: auto;
	height: auto;
}

#Resultados{
	width: auto;
	height: auto;

}
/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	.navCI
	{
		
		padding: 0.4em;
		border-radius: 1.8rem;
		width: auto;
		height: auto;
		
	
		
	}
		

			.navCI a{
				display: inline-block;
				color: white;
				text-decoration: none;
				font-family: "icon", sans-serif;
				background: #000000;
				border-radius: 1.3rem;
				padding: 0.5em;
				width: auto;
				font-size: 1.1rem;
				height: auto;
			}

			
			




/*********************************************************************************/
/* barra login                                                                        */
/*********************************************************************************/

.bar-procesos{
	padding: 0.8em;
	width: 50%;
	border: none;
	height: auto;
	

}

.bar-pro-titulo{
	
	vertical-align: middle;
	width: auto;
	height: auto;
	padding: 0.3em;
	box-shadow: 0em 0em 1em 0.2em rgba(0, 0, 0, 0.1);
	border-radius: 1.8rem;
	text-align: center;
	background: #FF8C00;
}

.bar-pro-titulo h1{
	font-family: "icon", sans-serif;
	padding: 0.4em;
	font-size: 1.5rem;
	font-weight: 200;
	background: #FF8C00;
	border-radius: 1.5rem;
	width: auto;
	color: white;
}

.list-procesos{
	
	vertical-align: middle;
	padding: 0.4em;
	box-shadow: 0em 0em 0.5em 0.1em rgba(0, 0, 0, 0.1);
	border-radius: 1.8rem;
	width: auto;
	height: auto;
	
	
}


.list-procesos a{
	text-decoration: none;
	color: black;
	font-family: "icon", sans-serif;
	padding: 0.4em;
	font-size: 1.1rem;
	font-weight: 600;
	
}

.list-procesos a:hover {
	color: #BDBDBD;

}


/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/



  #codigo-ingresar{
  padding: 0px;
}

  #codigo-ingresar input {
  width: 30%;
    padding: 12px 20px;
    margin: 1px 0;
    box-sizing: border-box;
    border: none;
    background-color: #FF8C00;
    color: black; 
  }