tex@charset "utf-8";

html,body{
	height:100vh;
	width:99vw;
	margin:0;
	font-family: 'Oxygen', sans-serif;
}

.clear-both{
	clear:both;
}

#titulo-login{
	padding: 10px;
    font-size: 1.5vw;
    background-color: #fff7;
    color: #444;
    border-radius: 0.5vw;
    margin-bottom: 1vw;
}

.advertencia {
	font-size: 18px;
	color: #FFFFFF;
	background-color: #C4F0FF;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(26,66,125,0.5);
	margin: 5%;
	font-weight: normal;
	margin-top: 2.5%;
	margin-bottom: 2.5%;
}

.area_superior {
	background-color: rgba(26,66,125,0.5);
	height: 100px;
	background-image: url(../imagenes/logo_peq.png);
	background-repeat: no-repeat;
	background-position: left center;
}

button {
	margin: 0;
	padding: 5px;
	border: inherit;
	font: inherit;
	outline: none;
	width: 100%;
	display: block;
	text-align: left;
	color: inherit;
	background-color: inherit;
}

.boton-aux{
    float:left; width:48%;
    margin-right:2%;
	padding: 3% 0%;
    font-size:0.9vw; 
   	-webkit-border-radius: 5px 5px;  /* Safari  */
	-moz-border-radius: 10px 10px;
    background-color:rgba(80,140,180,0.5);
    cursor:pointer;
}

.contenedor{
	width: 50%;
	padding: 2%;
	margin: auto;
	margin-top: 2%;
	text-align: center;
	font-size: 1.5vw;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	box-shadow: 2px 2px 5px #0007;
	outline: 0;
	background-color: rgba(214,238,255,0.5);
	color: #005596;
}

.cuadro-mensaje-error {
	position:absolute;
	font-size: 16px;
	color: #FFF;
	margin-left: 40px;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(255,0,0,0.9);
	border-style:solid;
	border-color:#800000;
	border-width:5px;
	padding:15px;
	text-align:justify;
}

.cuadro-mensaje-advertencia {
	position:absolute;
	font-size: 16px;
	color: #333;
	margin-left: 40px;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(255,190,125,0.9);
	border-style:solid;
	border-color:#F90;
	border-width:5px;
	padding:15px;
	text-align:justify;
}

.cuadro-mensaje-ok {
	position: absolute;
	font-size: 20px;
	color: #333;
	margin-left: 40px;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(130,254,126,0.9);
	border-style: solid;
	border-color: #006600;
	border-width: 5px;
	padding: 15px;
	text-align: center;
	width: 40%;
	left: 30%;
	top: 30%;
}
.contenedor-evento {
	float: left;
	width: 41%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(215,215,215,0.25);
	border-color: #D4D4D4;
	border-style: solid;
	padding: 1%;
	margin: 1%;
}
.contenedor-evento-preferido {
	width: 41%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(215,215,215,0.25);
	border-color: #D4D4D4;
	border-style: solid;
	padding: 1%;
	margin: auto;
}

.dato-evento {
	width: 73%;
	padding: 1%;
	float: left;
	text-align: left;
}
.datos-evento {
	width: 97%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(215,215,215,0.25);
	border-color: #D4D4D4;
	border-style: solid;
	padding: 1%;
	margin-top: 1%;
	margin-bottom: 1%;
}

.div-advertencia{
	position:absolute;
	background-image:url(../imagenes/icon-warning.png);
	width:36px;
	height:36px;
}
.div-editor-html {
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 2%;
	padding-right: 2%;

}


.div-advertencia-ignorada{
	position:absolute;
	background-image:url(../imagenes/icon-warning-off.png);
	width:36px;
	height:36px;
}

.div-error{
	position:absolute;
	background-image:url(../imagenes/icon-error.png);
	width:36px;
	height:36px;
}




.div_recordar_clave {
	padding: 1.5%;
	margin: auto;
	width: 80%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	box-shadow: 2px 2px 5px #0007;
	outline: 0;
	background-color: rgba(174,221,255,0.5);
}
.div_marco {
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	box-shadow: 2px 2px 5px #0007;
	background-color: rgba(255,255,255,0.5);
	width: 95%;
	margin: 2.5%;
	padding: 1%;
}
.descr-dato-evento {
	width: 100%;
	padding: 1%;
	text-align: left;
	font-weight: normal;
	text-align:center;
}

.terminos-condiciones{
	text-align:left;
	padding-left:3%;
	padding-bottom:2%;
	font-size:1.1vw;
	font-weight:bold;
	color:#908d8d;
	cursor:pointer;
}
.borde-error-TC{
	border-radius:5px;
}

.etiqueta-dato-evento {
	width: 23%;
	padding: 1%;
	float: left;
	font-weight: bold;
	text-align: right;
}

.etiqueta-campo-evento {
	width: 100%;
	padding: 1%;
	text-align: left;
}

h1, h2 {
	font-weight: 400;
	padding: 0 20px;
	line-height: 0.85;
}
h3 {
	font-weight: 100;
	padding: 0 20px;
	line-height: 0.85;
}


h1 {
    margin-bottom: 10px;
}

.intro {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px;
}

.intro h1 {
    font-size: 40px;
}

.intro p {
  margin-bottom: 40px;
}

.intro .btn {
    display: inline-block;
    vertical-align: top;
    max-width: auto;
    margin: 0 auto;
    border: 1px solid #888;
    color: #333;
    padding: 10px 20px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 14px;
    margin: 0 5px;
    margin-bottom: 15px;
}

.intro .btn:hover,
.intro .btn:active {
  background: black;
  border-color: black;
  color: white;
}

.intro .btn:focus {
  text-decoration: underline;
  border-color: #333;
}

.intro .btn img {
  margin-right: 5px;
}
.logo-menu {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #D20810;
	padding: 5px;
	background-color: #FFF;
}
.icono-menu {
	float:left;
	line-height:160%;
	padding-right:5px;
}

.login_div_campo {
	width: 75%;
	float: left;
	padding: 5px;
	font-size: 1vw;
	text-align: center;
}

.login_texto {
	width: 100%;
	float: left;
	padding: 5px;
	font-size: 1vw;
	text-align: center;
}

.login {
	padding-left: 40%;
	height: 200px;
	padding-top: 20px;
}
.info-usuario {
	font-size: 12px;
	padding: 2px;
	padding-left: 5px;
	background-color: #E6E6E6;
}


.login_div {
    padding: 2vw;
    width: 30%;
    -webkit-border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    box-shadow: 2px 2px 5px #0007;
    outline: 0;
    background-color: rgba(174,221,255,0.75);
    margin-left: auto;
    margin-right: auto;
}

.login_div_admin {
	padding: 20px;
	height: 130px;
	width: 400px;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	box-shadow: 2px 2px 5px #0007;
	outline: 0;
	background-color: rgba(174,221,255,0.75);
	margin-left: auto;
	margin-right: auto;
}


.login_error {
	outline: 0;
	color: #F00;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 2px #0007;
	width:400px;
	margin-left: auto;
	margin-right: auto;
	padding:20px;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(220,220,220,0.75);
	margin-top:20px;
}
.login_ok {
	outline: 0;
	color: #063;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 2px #0007;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(220,220,220,0.75);
	margin-top: 20px;
}


.login_etiqueta {
    width: 20%;
    float: left;
    padding: 1%;
    font-size: 1vw;
    font-weight: bold;
    text-align: right;
    color: #444;
}

.login_campo {
    font-size: 1vw;
    border: thin solid #E8E8E8;
    -webkit-border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    box-shadow: 2px 2px 5px #0007;
    outline: 0;
    padding: 1%;
    text-align: center;
    width: 80%;
}

.mensaje_error {
	font-size: 1.5vw;
	font-weight: bold;
	color: #F00;
}
.mensaje_ok {
	font-size: 14px;
	font-weight: bold;
	color: #090;
}
.nombre-opcion-menu {
	padding-top: 10px;
	float: left;
	cursor: pointer;
}
.nombre-opcion {
	cursor: pointer;
}

.pan_adm_contenedor_menu {
	float: left;
	padding: 1.5%;
	margin: 0.5%;
	width: 20%;
}


.pan_adm_div_menu {
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	box-shadow: 2px 2px 5px #0007;
	background-color: rgba(255,255,255,0.5);
	float: left;
	padding: 1.5%;
	margin: 0.5%;
	width: 100%;
}


.pan_adm_opcion_menu {
	background-color: rgba(26,66,125,0.15);
	padding: 1%;
	margin: 2%;
	cursor: pointer;
}

.pan_adm_opcion_menu:hover {
	background-color: rgba(26,66,125,0.3);
	font-weight: bold;
}

.pan_adm_opcion_menu_sin_accion {
	background-color: rgba(26,66,125,0.15);
	padding: 1%;
	margin: 2%;
}

.pan_adm_opcion_menu_segundo_nivel {
	background-color: rgba(221,221,221,0.5);
	padding: 1%;
	cursor: pointer;
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 25px;
}



.pan_adm_opcion_menu_segundo_nivel:hover {
	background-color: rgba(187,187,187,0.5);
	font-weight:bold;
}

.pan_adm_opcion_menu_segundo_nivel_sin_accion {
	background-color: rgba(221,221,221,0.5);
	padding: 1%;
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 25px;
}
.pan_adm_opcion_menu_tercer_nivel {
	background-color: rgba(221,221,221,0.5);
	padding: 1%;
	cursor: pointer;
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 50px;
}
.pan_adm_opcion_menu_tercer_nivel:hover {
	background-color: rgba(187,187,187,0.5);
	font-weight: bold;
}

.pan_adm_div_marco {
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	box-shadow: 2px 2px 5px #0007;
	background-color: rgba(255,255,255,0.5);
	width: 77%;
	height: 93%;
	float: right;
	margin: 0.5%;
	padding: 1%;
}


.info_contacto {
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	box-shadow: 2px 2px 5px #0007;
	background-color: rgba(0,0,255,0.15);
	width: 100%;
	padding: 1%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 2%;
	padding-top: 100px;
}

.pan_adm_saludo {
	color: #FFFFFF;
	font-weight: bold;
	padding: 1.5%;
	margin: 0.5%;
	font-size: 150%;
	float: right
}

.pan_adm_intro_menu {
	padding: 1.5%;
	margin: 0.5%;
}

.poweredby {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	padding: 5px;
	font-stretch: condensed;
}
.poweredby-claro {
	font-family: Arial, Helvetica, sans-serif;
	color: #E3E3E3;
	font-size: 20px;
	padding: 5px;
	text-align: center;
	font-stretch: condensed;
	text-shadow: 2px 2px 4px #0007;
}
.seccion-datos-evento {
	width: 97%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(200,200,200,0.5);
	padding: 1%;
	margin-top: 1%;
	margin-bottom: 1%;
	font-weight: bold;
	text-align: center;
}

.sombra-imagen {
	box-shadow: 2px 2px 5px #0007;
	-webkit-box-shadow: 2px 2px 5px #0007;
	-moz-box-shadow: 2px 2px 5px #0007;
}

.subtitulo {
	font-size: 24px;
	color: #333333;
	background-color: #C4F0FF;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(255,255,153,1);
	margin: 5%;
	font-weight: bolder;
	margin-top: 2.5%;
	margin-bottom: 2.5%;
}

.titulo {
	font-size: 24px;
	color: #FFF;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(26,66,125,0.75);
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
}
.titulo2 {
	font-size: 24px;
	color: #1A427D;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	width: 100%;
}


.texto {
	font-size: 18px;
	color: #333333;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	font-weight: normal;
	margin-bottom: 2.5%;
	margin-top: 2.5%;
}
.texto2 {
	font-size: 18px;
	color: #333333;
	padding: 5px;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	font-weight: normal;
	background-color: #FFF;
}
.texto3 {
	font-size: 18px;
	color: #333333;
	padding: 5px;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	font-weight: normal;
	margin: 5px;
}
.texto-advertencia {
	font-size: 18px;
	color: #FF9900;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	font-weight: normal;
	background-color: #FFFF66;
}

.texto-instrucciones {
	font-size: 18px;
	color: #333333;
	padding: 5px;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	font-weight: normal;
	margin: 5px;
	background-color: rgba(187,187,187,0.75);
}



.titulo_contacto {
	font-size: 18px;
	color: #FFF;
	background-color: #C4F0FF;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(26,66,125,1);
}

.texto_contacto {
	font-size: 14px;
	font-weight: normal;
}

[data-accordion] [data-content] {
    background: rgb(176, 216, 255);
	padding-left:2%;
}

[data-accordion] [data-content] [data-content] {
    background: rgb(202, 228, 255);
	padding-left:4%
}

[data-accordion] [data-content] [data-content] [data-content] {
    background: rgb(225, 240, 255);
	padding-left:6%
}

[data-accordion] [data-content] [data-content] [data-content] [data-content] {
    background: rgb(240, 248, 255);
	padding-left:8%
}

.titulo_contacto {
	font-size: 18px;
	color: #FFF;
	background-color: #C4F0FF;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(26,66,125,1);
}

.titulo_resumen {
	font-size: 24px;
	color: #FFF;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(26,66,125,0.75);
}
.subtitulo_resumen {
	font-size: 24px;
	color: #666666;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(210,210,210,0.75);
	font-weight: bold;
}

.titulo_login {
	font-size: 2vw;
    color: #444;
    padding: 0.5%;
    text-align: center;
    text-shadow: 2px 2px 4px #0007;
    background-color: #fff7;
    margin-bottom: 1vw;
}


.texto_resumen {
	font-size: 18px;
	color: #333;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(221,221,221,0.75);
}


.texto_resumen_requerido {
	font-size: 18px;
	color: #333;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(255,255,115,0.75);
}

.texto_resumen_opcional {
	font-size: 18px;
	color: #333;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(187,187,187,0.75);
}

.texto_resumen_definido {
	font-size: 18px;
	color: #333;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(150,255,115,0.75);
}
.texto_resumen_neutro {
	font-size: 18px;
	color: #333;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
}


.texto_resumen_sin_definir_error {
	font-size: 18px;
	color: #333;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(255,115,115,0.75);
}

.texto_resumen_sin_definir_advertencia {
	font-size: 18px;
	color: #333;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(255,230,150,0.75);
}

.boton{
	width: 50%;
	padding: 2%;
	margin: auto;
	margin-top: 2%;
	text-align: center;
	font-size: 25px;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	box-shadow: 2px 2px 5px #0007;
	outline: 0;
	background-color: rgba(214,238,255,0.5);
	color: #005596;
	cursor:pointer;
}
.boton-clave{
    width: 19%;
    font-size: 1vw;
    color: #908f8f;
    font-weight: bolder;
    width: 50%;
    padding: 2%;
    margin: auto;
    margin-top: 2%;
    text-align: center;
    font-size: 25px;
    -webkit-border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    box-shadow: 2px 2px 5px #0007;
    outline: 0;
    background-color: rgba(214,238,255,0.5);
    color: #005596;
    cursor: pointer;	
}

.etiqueta-networking {
    font-size: 2vw;
    color: #fff;
    font-weight:bold;
    -webkit-border-radius: 10px 10px;  /* Safari  */
    -moz-border-radius: 10px 10px;
    background-color: rgba(1,62,173,0.5);
    padding:2%;
    
}

.contenedor-campo-networking {
    font-size: 2vw;
    -webkit-border-radius: 10px 10px;  /* Safari  */
    -moz-border-radius: 10px 10px;
    background-color: rgba(230,230,230,0.75);
    padding:2%;
    
}

#btnIngresar{
	font-size:1vw;
}

.campo-networking{
    font-size: 2vw;
    color: #013EAD;
    -webkit-border-radius: 10px 10px;  /* Safari  */
    -moz-border-radius: 10px 10px;
    background-color: transparent;
    outline:none;
    width:95%;
    padding:1%;
}

.boton{
    width:10%;
    font-size:4vw;
    color:#fff;
    font-weight:bolder;
    
}

/* Smartphones (portrait) */
@media only screen 
and (max-aspect-ratio: 1/1) {

	.etiqueta-networking {
        font-size:7vw;
    }
    
	.campo-networking{
        font-size:5vw;
    }
    
    .boton{
        font-size:7vw;
        width:50%;
    }

    .boton-aux{
        font-size:2.5vw; 
    }

    .login_div {
        width: 80%;
    }
}