/* LOGIN   */
input.textLogin{
   background: #DEF;
   border: 1px solid #6CF;
   border-radius: 10px 0px 10px 0px;
   color: #999;
   font-size: 10px;
   padding: 3px;
}
input.botonLogin{
   background: #06F;
   border: 3px solid #6CF;
   border-radius: 10px 0px 10px 0px;
   color: #fff;
   font-size: 10px;
   padding: 3px;
}

#botonLogin:hover {
	font-size:12px;
	font-style:italic;
	font-family:Arial;
}

/*    Fin de LOGIN    */

/*    Diseño de Formulario de Registro nuevo           */

input.reg, select.reg, textarea.reg, radio.reg {
   background: #DEF;
   border: 2px solid #6CF;
   border-radius:15px 0px 15px 0px;
   color: #999;
   font-size: 18px;
   padding: 5px;
   

}

input.botonReg{
   background: #06F;
   border: 5px solid #6CF;
   border-radius: 15px 0px 15px 0px;
   color: #fff;
   font-size: 18px;
   padding: 5px;
}
#botonReg:hover {
	font-size:20px;
	font-style:italic;
	font-family:Arial;
}
/* FIN DE REGISTRO NUEVO  */

/*  Menu del contenedor   */

input.menuContenedor{
   background: #06F;
   border: 3px solid #6CF;
   border-radius: 10px 0px 10px 0px;
   color: #fff;
   font-size: 10px;
   padding: 3px;
}

input.menuContenedorRojo{
   background: #FF0000;
   border: 3px solid #6CF;
   border-radius: 10px 0px 10px 0px;
   color: #fff;
   font-size: 10px;
   padding: 3px;
}

input.menuContenedorNaranja{
   background: #FF6600;
   border: 3px solid #6CF;
   border-radius: 10px 0px 10px 0px;
   color: #fff;
   font-size: 10px;
   padding: 3px;
}

input.menuContenedorVerde{
   background: #00CC00;
   border: 3px solid #6CF;
   border-radius: 10px 0px 10px 0px;
   color: #fff;
   font-size: 10px;
   padding: 3px;
}


#yo:hover {
	font-size:12px;
	font-style:italic;
	font-family:Arial;
}
#inicio:hover {
	font-size:12px;
	font-style:italic;
	font-family:Arial;
}
#control:hover {
	font-size:12px;
	font-style:italic;
	font-family:Arial;
}

#Grupos:hover {
	font-size:12px;
	font-style:italic;
	font-family:Arial;
}

#Clases:hover {
	font-size:12px;
	font-style:italic;
	font-family:Arial;
}

#MiGrupo:hover {
	font-size:12px;
	font-style:italic;
	font-family:Arial;
}
/*  FIN de Menu Contenedor  */
/*   inicia botones de actividades de grupo y clases*/


input.abreActchica{
   background: #06F;
   border: 1px solid #6CF;
   border-radius: 0px 0px 10px 10px;
   color: #fff;
   font-size: 8px;
   padding: 1px;
}
input.abreActchica:hover {
	font-size:10px;
	font-style:italic;
	font-family:Arial;
}



input.abreActchica2{
   background: #06F;
   border: 1px solid #6CF;
   border-radius: 10px 10px 0px 0px;
   color: #fff;
   font-size: 8px;
   padding: 1px;
}
input.abreActchica2:hover {
	font-size:10px;
	font-style:italic;
	font-family:Arial;
}




input.cerrarActchica{
   background: #06F;
   border: 3px solid #6CF;
   border-radius: 10px 10px 0px 0px;
   color: #fff;
   font-size: 12px;
   padding: 1px;
}
input.cerrarActchica:hover {
	font-size:16px;
	font-style:italic;
	font-family:Arial;
}

input.abreAct{
   background: #06F;
   border: 3px solid #6CF;
   border-radius: 0px 0px 10px 10px;
   color: #fff;
   font-size: 12px;
   padding: 1px;
}
input.abreAct:hover {
	font-size:16px;
	font-style:italic;
	font-family:Arial;
}

input.cerrarAct{
   background: #06F;
   border: 3px solid #6CF;
   border-radius: 10px 10px 0px 0px;
   color: #fff;
   font-size: 12px;
   padding: 1px;
}

input.cerrarAct:hover {
	font-size:16px;
	font-style:italic;
	font-family:Arial;
}

input.parametroEvaluacion{
   background: #06F;
   border: 1px solid #6CF;
   border-radius: 0px 0px 10px 10px;
   color: #fff;
   font-size: 10px;
   padding: 1px;
}

input.parametroEvaluacion:hover {
	font-size:12px;
	font-style:italic;
	font-family:Arial;
}

input.CerrarparametroEvaluacion{
   background: #06F;
   border: 1px solid #6CF;
   border-radius: 10px 10px 0px 0px;
   color: #fff;
   font-size: 10px;
   padding: 1px;
}

input.CerrarparametroEvaluacion:hover {
	font-size:12px;
	font-style:italic;
	font-family:Arial;
}

input.calificaActividad{
   background: #06F;
   border: 3px solid #6CF;
   border-radius: 10px 0px 10px 0px;
   color: #fff;
   font-size: 12px;
   padding: 1px;
}

input.calificaActividad:hover {
	font-size:16px;
	font-style:italic;
	font-family:Arial;
}

input.eliminaActividad{
   background: #ff0000;
   border: 3px solid #6CF;
   border-radius: 10px 0px 10px 0px;
   color: #fff;
   font-size: 12px;
   padding: 1px;
}

input.eliminaActividad:hover {
	font-size:16px;
	font-style:italic;
	font-family:Arial;
}


.abreActDiv{
   background: #06F;
   border: 3px solid #6CF;
   border-radius: 0px 0px 10px 10px;
   color: #000;
   font-size: 12px;
   padding: 1px;
}

.abreActDiv:hover {
	font-size:16px;
	font-style:italic;
	font-family:Arial;
}
.abreActDiv2{
   background: #06F;
   border: 1px solid #6CF;
   border-radius: 10px 10px 0px 0px;
   color: #000;
   font-size: 12px;
   padding: 1px;
}

.abreActDiv2:hover {
	font-size:16px;
	font-style:italic;
	font-family:Arial;
}

.abreActDivCA{
   border: 1px solid #6CF;
   border-radius: 0px 0px 10px 10px;
   color: #000;
   font-size: 12px;
   padding: 1px;
}

.abreActDivCA:hover {
	font-size:16px;
	font-style:italic;
	font-family:Arial;
}
.cierraActDivCA{
   border: 1px solid #6CF;
   border-radius: 10px 10px 0px 0px;
   color: #000;
   font-size: 12px;
   padding: 1px;
}

.cierraActDivCA:hover {
	font-size:16px;
	font-style:italic;
	font-family:Arial;
}

input.botonPermit{
   background: #0C0;
   border: 1px solid #6CF;
   border-radius: 10px 0px 10px 0px;
   color: #fff;
   font-size: 10px;
   padding: 1px;
}

input.botonPermit:hover {
	font-size:12px;
	font-style:italic;
	font-family:Arial;
}
/* FIN de  inicia botones de actividades de grupo y clases*/


/* botones ON-OFF   ***/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {display:none;}

.slider {
	position: absolute;
	cursor: pointer;
	top: -1px;
	left: 0px;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	width: 71px;
	height: 36px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/* FIN de botones ON-OFF   ***/


.botonSubmit {
	background:#06F;
	 border: 3px solid #6CF;
   border-radius: 10px 0px 10px 0px;
	color:#FFF;
	font-size:12px;
	font-style:italic;
	font-family:Arial;
}

.botonCancelar {;
	background:#666;
	 border: 3px solid #999;
   border-radius: 10px 0px 10px 0px;;
	color:#FFF;
	font-size:12px;
	font-style:italic;
	font-family:Arial;
}


.botonComparte {
	background:#06F;
	 border: 3px solid #6CF;
   border-radius: 10px 10px 10px 10px;
	color:#FFF;
	font-size:12px;
	font-style:italic;
	font-family:Arial;
}

.botonCompartido {
	background:#6CF;
	 border: 3px solid #06F;
   border-radius: 10px 10px 10px 10px;
	color:#FFF;
	font-size:12px;
	font-style:italic;
	font-family:Arial;
}