@charset "utf-8";
/* CSS Document */
*{margin:0px;
padding:0px;
}
a{
	text-decoration:none;
	}
body{
background: rgba(255,255,255,1);
/*background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 16%, rgba(214,214,214,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(255,255,255,1)), color-stop(16%, rgba(255,255,255,1)), color-stop(100%, rgba(214,214,214,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 16%, rgba(214,214,214,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 16%, rgba(214,214,214,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 16%, rgba(214,214,214,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 16%, rgba(214,214,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6', GradientType=1 );*/
	}
.boxform{
    display: block;
    min-height: 40px;
    width: 100%;
}
.input-total{
    display:block;
    width:90%;
    height:37px;
    margin:3px auto 10px auto;	
    font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
    font-size: .8em;
    color:#FFF;
    background-color:transparent;
    padding:5px 1%;
    letter-spacing: 0.5px;
    text-align:center;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom:1px solid rgba(255,255,255,0.5);
}
.input-total:focus { 
    height:36px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom:2px solid rgba(251,138,8,1);
}
.input-total:active {
     height:36px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom:2px solid rgba(251,138,8,1);
}
.input-total::-webkit-input-placeholder {
  color: #FFF;
}
.input-total::-moz-placeholder {
  color: #FFF;
}
.input-total:-ms-input-placeholder {
  color: #FFF;
}
.input-total:-moz-placeholder {
  color: #FFF;
}
.bt_guardar{
    display:block;
    width:100%;
    height:40px;
    background-color:rgba(255,255,255,0);
    border:none;
    border-radius:0px 0px 3px 3px;
    font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
    font-size: .8em;
    color:#FFF;
     letter-spacing: 0.5px;
    text-align:center;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    cursor:pointer;
    margin:20px 0px 0px 0px;
}
.bt_guardar:hover{
   
    background-color:rgba(255,255,255,0.2);
    
}
.menu_admin ul.menu{
	list-style:none;
	}


.menu_admin ul.menu li:hover{
	background: rgba(251,138,8,1);
	-webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
	}
.menu_admin ul.menu li:first-child{
	border-top:1px solid rgba(255,255,255,0.2);
	}
.menu_admin ul.menu li:last-child{
	border-bottom:none;
	}

.menu_admin ul.menu li a{
		display:block;
		height:100%;
		width:100%;
		text-decoration:none;
		color:#FFF;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
	 letter-spacing: 0.5px;
	 -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
	}


.icon-inicio {
background-image:url(../imgs/icon1.png);
background-position: 0 0px;
}
.icon-certificado {
background-image:url(../imgs/icon2.png);
background-position: 0 0px;
}

.icon-aprendiz {
background-image:url(../imgs/icon3.png);
background-position: 0 0px;
}
.icon-instructor {
background-image:url(../imgs/icon4.png);
background-position: 0 0px;
}
.icon-curso {
background-image:url(../imgs/icon5.png);
background-position: 0 0px;
}
.icon-sedes {
background-image:url(../imgs/icon6.png);
background-position: 0 0px;
 transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.icon-salir {
background-image:url(../imgs/icon7.png);
background-position: 0 0px;
}



.blanco:target + .menu-item {
	
	background: rgba(251,138,8,1);
	-transition:all 0.3s ease-out; 
	-webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
  }
.submenu{
	padding:0px;
	height:0px;
	list-style:none;
	width:100%;
	overflow:hidden;
	background: rgba(241,128,0,1);
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}

/******************************************************/
/********************   FORMULARIO **********************/
/********************************************************/
#pagina{
	width:80%;
	margin:20px auto 0px  auto;
	background-color:#FF0000;
	}
#pagina_descarga{
	width:90%;
	margin:20px auto 0px  auto;
	background-color:#FF0000;
	}
#navegacion{
	float:left;
	width:17%;
	margin:20px auto 0px  auto;
	left:3px;
	background: rgba(46,209,1,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(46,209,1,1)), color-stop(100%, rgba(20,151,0,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: radial-gradient(ellipse at center, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ed101', endColorstr='#149700', GradientType=1 );
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border: 0.5px solid #238709;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
	}
#navegacion #logo{
	margin-top:20px;}
#navegacion h1{
		
	width:100%;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: 1.2em;	
	color:#FFF;
	text-decoration:none;
	text-align:center;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
	 letter-spacing: 0.5px;
	 -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
   padding:2% 0% 5% 0%
	}
#navegacion ul.menu{
	list-style:none;
	}
	#navegacion ul.menu li.navactual {
	background: rgba(255,150,8,1);
	padding:1px 0px 0px 30px;
	background-image:url(../imgs/vineta2.png);
	background-repeat:no-repeat;
	}
#navegacion ul.menu li.navactual p{
	text-align:left;
	font-weight:bold;
	color:#FFFFFF;
	
	}

#navegacion ul.menu li:hover{
	background: rgba(251,138,8,1);
	-webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
	}
#navegacion ul.menu li:first-child{
	border-top:1px solid rgba(255,255,255,0.2);
	}
.menu_admin ul.menu li:last-child{
	border-bottom:none;
	}

#navegacion ul.menu li a{
		display:block;
		/*height:100%;*/
		width:100%;
		text-decoration:none;
		
		color:#FFF;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
	 letter-spacing: 0.5px;
	 -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
	}

/**********fin navegacion****************/



	
#cuerpo{
	float:left;
	width:80%;
	background-color:#FFF;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border: 0.5px solid #238709;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);*/
	}


#encabezado{
	width:93%;
	background: rgba(251,138,8,1);
	padding:2% 2% 2% 5%;
     border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	-o-border-radius: 3px 3px 0px 0px;
	-ms-border-radius: 3px 3px 0px 0px;
	
}
#encabezado_verde{
	width:100%;
	background: rgba(46,209,1,1);
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	-o-border-radius: 3px 3px 0px 0px;
	-ms-border-radius: 3px 3px 0px 0px;
	
}
#encabezado img{
	float:left;
	width:20px;
	height:20px;
	margin:5px 5px 0px 0px;
	
}
#encabezado h2{
	width:100%;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: 1.5em;	
	color:#FFF;	
	text-align:left;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
	 letter-spacing: 0.5px;
	 -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
	}
	
#encabezado_verde h2{
	width:100%;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: 1.5em;	
	color:#FFF;	
	text-align:left;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
	 letter-spacing: 0.5px;
	 -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
	}	
.bt_cerrar{
	float:right;	
	width:30px;
	height:30px;
	background: rgba(46,209,1,1);
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	-o-border-radius: 0px 0px 3px 3px;
	-ms-border-radius: 0px 0px 3px 3px;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size:1em;	
	color:#FFF;	
	text-align:center;
	margin:0px 4% 0% 0%;
	padding:1% 0% 0% 0%;
	}
#menu_lateral{
	width:10%;
	margin:2% 0% 0% 0%;
	
	background: rgba(46,209,1,1);
	 border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	-o-border-radius: 0px 3px 3px 0px;
	-ms-border-radius: 0px 3px 3px 0px;
	position:absolute;
	z-index:100;
	-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
	}
	
#form1{
	float:left;
	width:100%;
	margin:3% 0%;

	
	}
#form_ba{
	float:left;
	width:100%;
	margin:3% 0%;

	
	}	
.input_izq{
	width:43.3%;	
	height:26px;
	margin:0% 2% 2% 4%;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size:.8em; 
	color: #444; 
	text-align:left;
	border:1px solid #3ab54b;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
	
}

.input_der{
	width:43.3%;	
	height:26px;
	margin:0% 4% 2% 2%;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size:.8em; 
	color: #444; 
	text-align:left;
	border:1px solid #3ab54b;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
	
}
.input_center{
	width:91.7%;	
	height:26px;
	margin:0% 4% 2% 4%;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size:.8em; 
	color: #444; 
	text-align:left;
	border:1px solid #3ab54b;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
	
}
.labels_izq{
	float:left;
	width:43.3%;	
	height:26px;
	margin:0% 2% 0% 4%;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size:.8em; 
	color: #999; 
	text-align:left;
	
}
.labels_center{
	float:left;
	width:92%;	
	height:26px;
	margin:2% 2% 0% 2%;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size:1em; 
	color: #FFF; 
	text-align:center;
	
}
.labels_der{
	float:left;
	width:43.3%;	
	height:26px;
	margin:0% 4% 0% 2%;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size:.8em; 
	color: #999; 
	text-align:left;
	
}
.label_izq{
	float:left;
	width:44%;
	height:24px;
	margin:0% 2% 0% 4%;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 14px;
	text-align:left;	
	letter-spacing: 0.5px;
	font-weight:normal;
	color:#999;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	
	}
	.label_der{
	float:left;
	width:44%;
	height:24px;
	margin:0% 4% 0% 2%;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 14px;
	text-align:left;	
	letter-spacing: 0.5px;
	font-weight:normal;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	color:#999;
	}


.boton_enviar{
	float:right;
	width:100px;
	height:30px;
    padding: 5px 10px;
	margin:0% 0% 0% 0%; 
    color:#FFF;
   letter-spacing: 0.5px;	
   font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: 14px;
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
   
   cursor: pointer;
   background: rgba(251,138,8,1);
   border:1px solid rgba(251,138,8,1);
  border-radius:3px ;
  -webkit-border-radius:3px ;
  -moz-border-radius:3px;
 -o-border-radius:3px ;
 -ms-border-radius:3px ;

   
}
.boton_enviar:hover{
 background: rgba(46,209,1,1);
   border:1px solid rgba(36,165,0,1);
  }
.boton_cancelar{
	float:right;
	width:100px;
	height:30px;
    padding: 5px 10px;
	margin:0% 4% 0% 2%; 
    color:#FFF;
   letter-spacing: 0.5px;	
   font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: 14px;
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
   
   cursor: pointer;
   background: rgba(251,138,8,1);
   border:1px solid rgba(251,138,8,1);
  border-radius:3px ;
  -webkit-border-radius:3px ;
  -moz-border-radius:3px;
 -o-border-radius:3px ;
 -ms-border-radius:3px ;

}
.boton_cancelar:hover{
 background: rgba(46,209,1,1);
   border:1px solid rgba(36,165,0,1);
  }
.boton_aceptar{
	
	width:100px;
	height:30px;
    padding: 5px 10px;
	margin:2%; 
    color:#FFF;
   letter-spacing: 0.5px;	
   font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: 14px;
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
   
   cursor: pointer;
   background: rgba(46,209,1,1);
   border:1px solid rgba(36,165,0,1);
  border-radius:3px ;
  -webkit-border-radius:3px ;
  -moz-border-radius:3px;
 -o-border-radius:3px ;
 -ms-border-radius:3px ;

}
.boton_aceptar:hover{
 background: rgba(46,209,1,1);
   border:1px solid rgba(36,165,0,1);
  }

.boton_general{
    
	width:200px;
	height:18px;
    padding: 5px 10px;
	margin:0% auto% 4% auto%; 
    color:#FFF;
   letter-spacing: 0.5px;	
   font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: 14px;
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
   
   cursor: pointer;
   background: rgba(251,138,8,1);
   border:1px solid rgba(251,138,8,1);
  border-radius:3px ;
  -webkit-border-radius:3px ;
  -moz-border-radius:3px;
 -o-border-radius:3px ;
 -ms-border-radius:3px ;
 }
.boton_general:hover{
 background: rgba(46,209,1,1);
   border:1px solid rgba(36,165,0,1);
  }

#cuerpo h3{
	width:96%;
	margin:0% 0% 0% 4%;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#999999;
	text-align:left;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
	 letter-spacing: 0.5px;
	 -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
	}
.separador{
	width:92%;
	margin:0.5% 4%;
	height:1px;
	background-color:#999;}
#tabla_aprendiz{
	clear:both;
	width:92%;
	height:auto;
	margin:0px auto 20px auto;
	
}
#tabla_aprendiz div.fila_tabla:first-child{
	border-top:1px solid #ccc;
	
} 
#tabla_instructor{
	clear:both;
	width:92%;
	height:auto;
	margin:0px auto 20px auto;
	
}
#tabla_instructor div.fila_tabla:first-child{
	border-top:1px solid #ccc;
	
}
#tabla_curso{
	clear:both;
	width:92%;
	height:auto;
	margin:0px auto 20px auto;
	
}
#tabla_curso div.fila_tabla:first-child{
	border-top:1px solid #ccc;
	
}

#tabla_sede{
	clear:both;
	width:92%;
	height:auto;
	margin:0px auto 20px auto;
	
}
#tabla_sede div.fila_tabla:first-child{
	border-top:1px solid #ccc;
	
}



#tabla_certificado{
	clear:both;
	width:100%;
	height:auto;
	margin:0px auto 20px auto;
	
}
#tabla_certificado div.fila_tabla:first-child{
	border-top:1px solid #ccc;
	
}
#tabla_descargar{
	clear:both;
	width:92%;
	margin:0px auto 20px auto;
	
}
#tabla_descargar div.fila_tabla:first-child{
	border-top:1px solid #ccc;
	
}.fila_tabla{
 width:100%;
height:auto;
 border-bottom:1px solid #ccc;
 clear:both;

 
}
.celda_tabla{

    font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: .75em;
	color:#999;
	letter-spacing: 0.5px;
	font-weight:normal;
	text-align:center;
    float:left;
	width:38%;
	height:auto;
	padding:1% 1% 0% 1%;
	
    
}
.celda_tabla2{

    font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: .75em;
	color:#999;
	letter-spacing: 0.5px;
	font-weight:normal;
	text-align:center;
    float:left;
	width:43%;
	height:auto;
	padding:1% 1% 0% 1%;
	
    
}
.celda_tabla_head{

    font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: .68em;
	color:#999;
	letter-spacing: 0.5px;
    font-weight:bold;
	text-align:center;
    float:left;
	width:38%;
	height:auto;
	padding:1% 1% 0% 1%;
	
    
}
.ch1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .68em;
	color:#999;
	letter-spacing: 0.5px;
    font-weight:bold;
	text-align:center;
    float:left;
	width:16%;
	padding:1% 1% 0% 1%;
	
	}
.ch2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .68em;
	color:#999;
	letter-spacing: 0.5px;
    font-weight:bold;
	text-align:center;
    float:left;
	width:22%;
	padding:1% 1% 0% 1%;
	
	}
.ch3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .68em;
	color:#999;
	letter-spacing: 0.5px;
    font-weight:bold;
	text-align:center;
    float:left;
	width:16%;
	padding:1% 1% 0% 1%;
	
	}
.ch4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .68em;
	color:#999;
	letter-spacing: 0.5px;
    font-weight:bold;
	text-align:center;
    float:left;
	width:16%;
	padding:1% 1% 0% 1%;
	
	}
.ch5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .68em;
	color:#999;
	letter-spacing: 0.5px;
    font-weight:bold;
	text-align:center;
    float:left;
	width:10%;
	padding:1% 1% 0% 1%;
	
	}
.ch6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .68em;
	color:#999;
	letter-spacing: 0.5px;
    font-weight:bold;
	text-align:center;
    float:left;
	width:8%;
	padding:1% 1% 0% 1%;
	
	}
.cc1{

    font-family: Arial, Helvetica, sans-serif;
	font-size: .59em;
	color:#666;
	letter-spacing: 0.5px;
	font-weight:normal;
	text-align:center;
    float:left;
	width:10%;
	padding:1% 1% 0% 1%;
	/*border-left:1px #F00 solid;*/
	
    
}
.cc2{

    font-family: Arial, Helvetica, sans-serif;
	font-size: .59em;
	color:#666;
	letter-spacing: 0.5px;
	font-weight:normal;
	text-align:center;
    float:left;
	width:28%;
	padding:1% 1% 0% 1%;
	
    
}
.cc3{

    font-family: Arial, Helvetica, sans-serif;
	font-size: .59em;
	color:#666;
	letter-spacing: 0.5px;
	font-weight:normal;
	text-align:center;
    float:left;
	width:16%;
	padding:1% 1% 0% 1%;
	
    
}
.cc4{

    font-family: Arial, Helvetica, sans-serif;
	font-size: .59em;
	color:#666;
	letter-spacing: 0.5px;
	font-weight:normal;
	text-align:center;
    float:left;
	width:16%;
	padding:1% 1% 0% 1%;
	
    
}
.cc5{

    font-family: Arial, Helvetica, sans-serif;
	font-size: .59em;
	color:#666;
	color:#666;
	letter-spacing: 0.5px;
	font-weight:normal;
	text-align:center;
    float:left;
	width:10%;
	padding:1% 1% 0% 1%;
	
    
}
.cc6{

    font-family: Arial, Helvetica, sans-serif;
	font-size: .59em;
	color:#666;
	letter-spacing: 0.5px;
	font-weight:normal;
	text-align:center;
    float:left;
	width:8%;
	padding:1% 0% 0% 0%;
	/*border-left:1px #F00 solid;
	border-right:1px #F00 solid;
    */
}
.celda_tabla_head2{

    font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: .68em;
	color:#999;
	letter-spacing: 0.5px;
    font-weight:bold;
	text-align:center;
    float:left;
	width:43%;
	padding:1% 1% 0% 1%;
	
    
}
.celda_tabla_icon{

    font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: .75em;
	color:#999;
	letter-spacing: 0.5px;
	font-weight:normal;
	text-align:center;
    float:left;
	width:8%;
	padding:1% 1% 0% 1%;
	
    
}
.celda_tabla_icon_head{

    font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: .68em;
	color:#999;
	letter-spacing: 0.5px;
	font-weight:normal;
	text-align:center;
    float:left;
	width:8%;
	padding:1% 1% 0% 1%;
	
    
}
#solapar{
    display: none;
    position:fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
	-webkit-opacity:0.8;
    opacity:.80;
    filter: alpha(opacity=80);

}
#solapar2{
   
   position:fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
	-webkit-opacity:0.8;
    opacity:.80;
    filter: alpha(opacity=80);

}
#fpopup1 {
    display: none;
    position:fixed;
    top: 20%;
    left: 25%;
    width: 50%;
    height: 55%;
    padding: 0%;
    border: 16px solid orange;
    background-color: white;
    z-index:1002;
    overflow: auto;
	background-color:#FFFFFF;
border:1px solid #999999;
border-radius:6px ;
-webkit-border-radius:6px ;
-moz-border-radius:6px;
-o-border-radius:6px ;
-ms-border-radius:6px ;

}
#popupmensaje{
    display: none;
    position:fixed;
    top: 20%;
    left: 39%;
    width: 22%;
    height: 25%;
    padding: 0%;
    border: 16px solid orange;
    background-color: white;
    z-index:1004;
    overflow: auto;
	background-color:#FFFFFF;
border:1px solid #999999;
border-radius:6px ;
-webkit-border-radius:6px ;
-moz-border-radius:6px;
-o-border-radius:6px ;
-ms-border-radius:6px ;

}
#poppunuevo{
	 position:fixed;
    top: 20%;
    left: 40%;
    width: 20%;
    height: 20%;
    padding: 0%;
    border: 16px solid orange;
    background-color: white;
    z-index:1002;
    overflow: auto;
	background-color:#FFFFFF;
border:1px solid #999999;
border-radius:6px ;
-webkit-border-radius:6px ;
-moz-border-radius:6px;
-o-border-radius:6px ;
-ms-border-radius:6px ;
	}
#popupmensaje img{
	float:left;
	margin:2% 1% 0% 4%;}
#poppunuevo img{
	float:left;
	margin:2% 1% 0% 4%;}
#solapa2{

    position:fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 200%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);

}
#fpopup2 {
   
    position:fixed;
    top: 20%;
    left: 25%;
    width: 50%;
    height: 55%;
    padding: 16px;
    border: 16px solid orange;
    background-color: white;
    z-index:1002;
    overflow: auto;
	background-color:#FFFFFF;
border:1px solid #999999;
border-radius:6px ;
-webkit-border-radius:6px ;
-moz-border-radius:6px;
-o-border-radius:6px ;
-ms-border-radius:6px ;

}



#paginador{
	clear:both;
	width:92%;
	margin:0px auto 20px auto;
	height:20px;
	/*background-color:#3300FF;*/
	padding:1%;
	}
#paginador a{
	 font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: .75em;
	color:#999;
	letter-spacing: 0px;
	font-weight:normal;
	text-align:center;
    /*padding:1% 1% 0% 1%;*/
	text-decoration:none;
	}
	#paginador b{
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: .8em;
	color:#fb8a08;
	letter-spacing: 0.5px;
	font-weight:bold;
	text-align:center;
    padding:1% 1% 0% 1%;
	text-decoration:none;
	}
.bt_back{
	float:left;
	width:20px;
	height:20px;

	}
.bt_next{
	float:right;
	width:20px;
	height:20px;
	}
.titulo_popup{
	
	margin:4% 4% 4% 4%;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#999999;
	text-align:left;

   }
.mensaje_popup{
	
	margin:4% auto;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: .9em;
	color:#999999;
	text-align:center;

   }
  
div.upload {
	float:right;
	position: relative;
	width:43.3%;	
	height:16px;
	margin:0% 4% 2% 2%;
	padding: 5px 0px;
	overflow:hidden;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
   font-size: 14px;
   color:#FFF;
   letter-spacing: 0.5px;	
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
   background: rgba(251,138,8,1);
   border:1px solid rgba(251,138,8,1);
   border-radius:3px ;
   -webkit-border-radius:3px ;
   -moz-border-radius:3px;
  -o-border-radius:3px ;
  -ms-border-radius:3px ;
}

div.upload input {
	position: absolute;
	right: 0px;
	top:0px;
	margin:0;
	padding:0;
	filter: Alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	cursor: pointer;
}
 div.upload:hover {
	  background: rgba(46,209,1,1);
   border:1px solid rgba(36,165,0,1);
 } 
 

.celda_tabla_icon input[type=radio],
.celda_tabla_icon input[type=checkbox] {
	display: none;
}

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

input[type="radio"] + .labels_r span{
    display: inline-block;
    width: 19px;
    height: 19px;
	background:url(../imgs/radio_check.png)no-repeat -40px 0px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor:pointer;
}

input[type="radio"]:checked + .labels_r span{
    background:url(../imgs/radio_check.png)no-repeat -59px 0px;
}

	
input[type="checkbox"] + .labels_chk span{
    display: inline-block;
    width: 19px;
    height: 19px;
	background:url(../imgs/radio_check.png)no-repeat -0px 0px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor:pointer;
}

input[type="checkbox"]:checked + .labels_chk span{
    background:url(../imgs/radio_check.png)no-repeat -20px 0px;
}



/************************************/
   
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.menu_admin{
width:90%;
margin:3px auto;
background: rgba(46,209,1,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(46,209,1,1)), color-stop(100%, rgba(20,151,0,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: radial-gradient(ellipse at center, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ed101', endColorstr='#149700', GradientType=1 );
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border: 0.5px solid #238709;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);


	}
}
/*********************************************************************/
/* Smartphones (landscape) ----------- */
/***********************************************************************/
@media only screen 
and (min-width : 321px) {
.menu_admin{
width:98%;
margin:3px auto;
background: rgba(46,209,1,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(46,209,1,1)), color-stop(100%, rgba(20,151,0,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: radial-gradient(ellipse at center, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ed101', endColorstr='#149700', GradientType=1 );
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border: 0.5px solid #238709;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);


	}
		.menu-item {
display: block;
font-weight: 600;
text-transform: uppercase;
padding:2% 0%;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: 2em;	

text-decoration:none;
text-align:center;

}
.menu_admin h1{
		
	width:100%;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: 2.6em;	
	color:#FFF;
	text-decoration:none;
	text-align:center;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
	 letter-spacing: 0.5px;
	 -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
	}
.submenu li{
	font-size:1.4em;
	text-align:left;
	height:60px;
	padding:1px 0px 0px 100px;
	background-image:url(../imgs/vinetaphone.png);
	background-repeat:no-repeat;
		
}

#certificacion:target + .menu-item .submenu{	
	height:186px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#aprendiz:target + .menu-item .submenu{	
	height:186px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#instructor:target + .menu-item .submenu{	
	height:124px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#curso:target + .menu-item .submenu{	
	height:124px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#cliente:target + .menu-item .submenu{	
	height:124px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#sede:target + .menu-item .submenu{	
	height:124px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
.menu-item strong {
background-size: 70px 70px;
background-repeat: no-repeat;
display: block;
width: 70px;
height: 70px;
}
.menu_admin ul.menu li{
	width:100%;	
	border-bottom:1px solid rgba(255,255,255,0.7);
	-webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
	}

}
/*********************************************************************************************/
/***************************************** Smartphones (portrait) ----------- ***************/
/*********************************************************************************************/
@media only screen 
and (max-width : 320px) {
.menu_admin{
width:98%;
margin:3px auto;
background: rgba(46,209,1,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(46,209,1,1)), color-stop(100%, rgba(20,151,0,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: radial-gradient(ellipse at center, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ed101', endColorstr='#149700', GradientType=1 );
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border: 0.5px solid #238709;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);


	}
	
	.menu-item {
display: block;
font-weight: 600;
text-transform: uppercase;
padding:2% 0%;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: 2em;	

text-decoration:none;
text-align:center;

}
.menu_admin h1{
		
	width:100%;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: 2.6em;	
	color:#FFF;
	text-decoration:none;
	text-align:center;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
	 letter-spacing: 0.5px;
	 -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
	}
.submenu li{
	font-size:1.4em;
	text-align:left;
	height:60px;
	
	padding:1px 0px 0px 100px;
	background-image:url(../imgs/vinetaphone.png);
	background-repeat:no-repeat;
		
}

#certificacion:target + .menu-item .submenu{	
	height:186px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#aprendiz:target + .menu-item .submenu{	
	height:186px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#instructor:target + .menu-item .submenu{	
	height:124px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#curso:target + .menu-item .submenu{	
	height:124px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#cliente:target + .menu-item .submenu{	
	height:124px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#sede:target + .menu-item .submenu{	
	height:124px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
.menu-item strong {
background-size: 70px 70px;
background-repeat: no-repeat;
display: block;
width: 70px;
height: 70px;
}
.menu_admin ul.menu li{
	width:100%;	
	border-bottom:1px solid rgba(255,255,255,0.7);
	-webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
	}

}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
.menu_admin{
width:22%;
margin:10px auto;
background: rgba(46,209,1,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(46,209,1,1)), color-stop(100%, rgba(20,151,0,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: radial-gradient(ellipse at center, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ed101', endColorstr='#149700', GradientType=1 );
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border: 0.5px solid #238709;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);


	}
	.menu-item {
display: block;
font-weight: 400;
text-transform: uppercase;
padding:2% 0%;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: 1.1em;	

text-decoration:none;
text-align:center;

}
.menu_admin h1{
		
	width:100%;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: 1.5em;	
	color:#FFF;
	text-decoration:none;
	text-align:center;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
	 letter-spacing: 0.5px;
	 -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
	}
.submenu li{
	font-size:.7em;
	text-align:left;
	height:20px;
	padding:1px 0px 0px 40px;
	background-image:url(../imgs/vineta.png);
	background-repeat:no-repeat;
		
}

#certificacion:target + .menu-item .submenu{	
	height:66px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#aprendiz:target + .menu-item .submenu{	
	height:66px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#instructor:target + .menu-item .submenu{	
	height:44px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#curso:target + .menu-item .submenu{	
	height:44px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#cliente:target + .menu-item .submenu{	
	height:44px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#sede:target + .menu-item .submenu{	
	height:44px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
.menu-item strong {
background-size: 20px 20px;
background-repeat: no-repeat;
display: block;
width: 20px;
height: 20px;
}
.menu_admin ul.menu li{
	width:100%;	
	border-bottom:1px solid rgba(255,255,255,0.2);
	-webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
	}


}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
.menu_admin{
width:22%;
margin:10px auto;
background: rgba(46,209,1,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(46,209,1,1)), color-stop(100%, rgba(20,151,0,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
background: radial-gradient(ellipse at center, rgba(46,209,1,1) 0%, rgba(20,151,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ed101', endColorstr='#149700', GradientType=1 );
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border: 0.5px solid #238709;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);


	}
.menu-item {
display: block;
font-weight: 400;
text-transform: uppercase;
padding:2% 0%;
font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
font-size: 1.1em;	

text-decoration:none;
text-align:center;

}
.menu_admin h1{
		
	width:100%;
	font-family:'opensans-light-webfont', Arial, Helvetica, sans-serif;
	font-size: 1.5em;	
	color:#FFF;
	text-decoration:none;
	text-align:center;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
	 letter-spacing: 0.5px;
	 -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
	}
.submenu li{
	font-size:.7em;
	text-align:left;
	height:20px;
	padding:1px 0px 0px 40px;
	background-image:url(../imgs/vineta.png);
	background-repeat:no-repeat;
		
}

#certificacion:target + .menu-item .submenu{	
	height:66px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#aprendiz:target + .menu-item .submenu{	
	height:66px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#instructor:target + .menu-item .submenu{	
	height:44px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#curso:target + .menu-item .submenu{	
	height:44px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#cliente:target + .menu-item .submenu{	
	height:44px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
#sede:target + .menu-item .submenu{	
	height:44px;
	-webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.5s ease-out;  /* Opera */
    -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
   transition:all 0.5s ease-out;  /* W3C */
	}
.menu-item strong {
background-size: 20px 20px;
background-repeat: no-repeat;
display: block;
width: 20px;
height: 20px;
}
.menu_admin ul.menu li{
	width:100%;	
	border-bottom:1px solid rgba(255,255,255,0.2);
	-webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
   -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
   transition:all 0.3s ease-out;  /* W3C */
	}


}