.padbot20{ margin-bottom:20px;}
.padtop20{ margin-top:20px;}
.padbot10{ margin-bottom:10px;}
.padtop10{ margin-top:10px;}

.etiqueta{ background-color:#222e78;}
	.etiqueta p{ font-size:16px; padding:10px; color:#FFFFFF; text-align:center;}
.etiqueta_ver{ background-color:#bed530;}
	.etiqueta_ver h4{ font-size:18px; padding:12px 10px; color:#000; text-align:center; margin-bottom:10px;}
	.etiqueta_ver p{ font-size:16px; padding:10px; color:#000; text-align:center;}

.etiqueta_dest{ background-color:#e30000; box-shadow:1px 1px 5px #000;}
	.etiqueta_dest h4{ font-size:32px; font-weight:bold; color:#FFF; padding:25px 0px; transition:all 1s;}

.texto p{ font-size:16px; text-align:justify;}

.tit_inicio{ color:#bed530; font-size:30px;}

.tit{ text-align:center; width:200px; background-color:#f6f6f6; color:#222e78; padding:12px 0px; border-right:solid 3px #222e78; border-radius:10px 10px 10px 10px; border-left:solid 3px #222e78;}

.rec{ border:solid 1px #222e78; margin-bottom:20px;}
	.rec h4{ margin:0px; font-size:18px; font-weight:bold; color:#FFF; background-color:#222e78; padding:12px 0px;}
	.rec p{ margin:0px; padding:12px; text-align:left; font-size:14px; line-height:24px;}
	.rec a{ font-size:18px; color:#000; text-align:left; padding:10px 15px; display:block;}
		.rec a:hover{ color:#bed530;}

.acceso{ border:solid 1px #222e78; margin-bottom:20px; box-shadow:1px 1px 5px #000; background-color:#f8f8f8;}
	.acceso h4{ margin:0px; font-size:18px; font-weight:bold; color:#FFF; background-color:#222e78; padding:12px 0px;}
	.acceso p{ font-size:16px;}
	.acceso input{ width:90%;}

.fail{ border:solid 1px #ff0000; background-color:#FF3300; box-shadow:1px 1px 5px #000;}
	.fail p{ margin:0px; padding:15px; font-size:18px; font-weight:bold; color:#fFF;}

#archivos{}
	#archivos i{ font-size:50px; line-height:60px; color:#222e78;}
	#archivos a{ font-size:18px; line-height:22px; cursor:pointer;}

#archivos .ruta{ text-align:left;}
	#archivos .ruta a{ font-weight:bold; cursor:pointer;}

#aula{ margin:0px;}

.Vaulas{ display:none; margin-bottom:10px;}
	.Vaulas .aulas{background-color:#f0f0f0; padding:15px 0px;}
	.Vaulas select{ margin:0px;}
	.Vaulas ul{ list-style:none;}
	.Vaulas ul li{ float:left; width:20%; margin-top:10px;}

.fnd-auser{background-color:#f0f0f0; padding:15px 0px; display:none;}

#alta-user{}
	#alta-user input{ width:95%;}

#historico-acceso{ display:none;}

.table{}
	.table tr td{ text-align:center;}

.spa,.cat,.ing{ background-image:url('../img/banderas.jpg'); background-repeat:no-repeat; width:30px; height:20px; display:block; margin-bottom:10px;}
	.spa{ background-position:0px 0px;}
	.cat{ background-position:0px -20px;}
	.ing{ background-position:0px -40px;}

.aceptacion{ float:left; margin:0px 10px 0px 0px !important; width:auto !important;}
.contact-form a{ cursor:pointer;}
.contact-form button{ display:none;}

.c_rojo{ background-color:#FF0000; padding:20px 40px;}
	.c_rojo h2{ color:#FFF;}
	.c_rojo p{ font-size:16px; color:#d4d4d4;}

/* CAPA AVISO LEGAL Y PIE  */
#capa{ position:fixed; top:0; left:0px; background-image:url('../img/fondo-capa.png'); width:100%; height:100%; z-index:999; display:none;}
	#capa .txt{ margin:0px auto; width:90%; height:90%; margin-top:2%; background-color:#FFFFFF; position:relative; overflow:auto; box-shadow:1px 1px 4px #000000;}
	#capa .txt h4{ padding:20px 0px 0px 0px;}
	#capa .txt p{ text-align:left; padding:10px;}
	#capa .boton{ position:absolute; top:10px; right:22px;}
		#capa .boton a{ font-size:16px; font-weight:bold;}
		
.pie p{ margin:0px; text-align:right; color:#FFF;}
	.pie p a{ cursor:pointer; color:#bed530}
	
/* REDES SOCIALES */
.facebook,.twitter,.linkedin{ background-image:url('../img/icon-redes-sociales.png'); background-repeat:no-repeat; width:28px; height:28px; display:block; margin-bottom:10px;}
	.facebook{ background-position:0px 0px;}
	.twitter{ background-position:0px -28px;}
	.linkedin{ background-position:0px -56px;}