@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700;800&family=Oswald&display=swap');
body {
	font-family: 'Open Sans', sans-serif;

	}
p {
	text-align: justify;
	width: 650px;
	margin-left: auto;
	margin-right: auto;

	}
pre {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	line-height: 10px;
	margin-top: 10px;

	}	
.titulo_indexcontenedor {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 700;
    margin-top: 50px;
    color: #094B5B;
    float: left;
    width: 100%;
}
.titulo {
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	font-size: 24px;
	font-weight: 500;
	color: #F2F6F8;
	float: left;
	height: auto;
	width: 750px;
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 25px;
	background-color: #094B5B;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	padding-bottom: 25px;
}
.box_contenedor {
	float: left;
	margin-bottom: 10px;
	width: 100%;
	
		}
.texto_contenedor {
	text-align: justify;
	width: 100%;
	float: left;
			}
.texto_14 {
	font-size: 12px !important;
	text-align: justify;
	width: 100%;
	float: left;
	
	}			
.advertencia {
	font-size: 14px;
	font-weight: 400;
	color: #F2F6F8;
	float: left;
	height: auto;
	width: 550px;
	background-color: #FF0000;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 25px;
	text-align: center;
	margin-right: 100px;
	margin-left: 100px;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
}
.subtitulo {
	background-color: #094B5B;
	font-size: 16px;
	text-transform: none;
	font-weight: 500;
	}	
.contenedor {
	border-radius: 0px;
	background-color: #DAF5FB;
	float: left;
	height: auto;
	overflow: hidden;
	width: 750px;
	color: #2A2D34;
	margin-bottom: 50px;
	padding-top: 25px;
	padding-right: 24px;
	padding-bottom: 24px;
	padding-left: 24px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #094B5B;
	border-bottom-color: #094B5B;
	border-left-color: #094B5B;
	font-weight: 500;
}
.contenedor_sus {
	border-radius: 0px;
	background-color: #DAF5FB;
	float: left;
	height: auto;
	overflow: hidden;
	width: 750px;
	color: #2A2D34;
	margin-bottom: 50px;
	padding-top: 25px;
	padding-right: 24px;
	padding-bottom: 24px;
	padding-left: 24px;
	border: 1px solid #CAE9EF;
	font-weight: 500;
	box-shadow: 0px 4px 36px -15px rgba(0,0,0,0.69);
-webkit-box-shadow: 0px 4px 36px -15px rgba(0,0,0,0.69);
-moz-box-shadow: 0px 4px 36px -15px rgba(0,0,0,0.69);
}

.etiqueta {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 600;
	margin-top: 50px;
	color: #094B5B;
	float: left;
	width: 40%;
	}
	
.rellenar {
	border: solid 1px #7ea1aa;
	width: 54%;
	height: auto;
	border-radius: 3px;
	margin-bottom: 5px;
	font-size: 16px;
	padding-top: 15px;
	padding-right: 2%;
	padding-bottom: 15px;
	padding-left: 2%;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	margin-top: 30px;
	float: right;
		}
.rellenarabonos {
	border: solid 1px #7ea1aa;
	width: 8%;
	height: auto;
	border-radius: 3px;
	margin-bottom: 5px;
	font-size: 16px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	float: left;
	padding: 5px;
	margin-top: 20px;
		}
.abonotexto {
	float: left;
	padding-top: 25px;
	margin-left: 15px;
	width: 630px;
	clear: right;
	
	}				
.aclaracion{
	text-align: right;
	font-size: 13px;
	font-weight: 500;
	color: #094B5B;
	width: 50%;
	float: right;
	}
.texto_aclaracion {
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #094B5B;
	width: 100%;
	float: left;
	}
.aclaracion_requerido{
	text-align: right;
	font-size: 13px;
	font-weight: 700;
	color: #FF0000;
	width: 50%;
	float: right;
	}		
.titulo_contenedor {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 700;
	margin-top: 50px;
	color: #094B5B;
	float: left;
	width: 40%;
	}

.boton {
	font-family: 'Open Sans', sans-serif;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 700;
	color: #094B5B;
	text-align: center;
	width: auto;
	padding-top: 6px;
	float: right;
	padding-bottom: 6px;
	text-decoration: none;
	border: none;
	margin-top: 25px;
	padding-right: 30px;
	padding-left: 30px;
	margin-left: 50px;
	cursor: pointer;
	border: #094B5B solid 1px;
	background-color: #DAF5FB;	
}
CHECK				 
/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
/*CONTENIDO SIN REVISAR*/	
	#boton_ticket {
	clear: both;
	float: left;
	margin-left: 0;
	width: 90%;
	display: block;
	color: #ffd400;
	font-weight: 600;
	padding: 5%;
	text-align: center;
	margin-top: 25px;
	font-family: 'Open Sans', sans-serif;
	border-radius: 2px;
	background-color: #1B575D;
}

#top {
	background-color: #094B5B;
	text-align: center;
	height: 40px;
	width: 100%;
	padding-top: 30px;
	font-family: 'Open Sans', sans-serif;
	color: #FDFFFC;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-bottom: 30px;
}
#top3 {
	background-color: #009900;
	text-align: center;
	height: 10px;
	width: 100%;
	padding-top: 5px;
	font-family: 'Open Sans', sans-serif;
	color: #FDFFFC;
	font-size: 8px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-bottom: 5px;
}
#top5 {
	background-color: #CC0000;
	text-align: center;
	height: 10px;
	width: 100%;
	padding-top: 5px;
	font-family: 'Open Sans', sans-serif;
	color: #FDFFFC;
	font-size: 8px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-bottom: 5px;
}
#top7 {
	background-color: #663366;
	text-align: center;
	height: 10px;
	width: 100%;
	padding-top: 5px;
	font-family: 'Open Sans', sans-serif;
	color: #FDFFFC;
	font-size: 8px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-bottom: 5px;
}
#box {
	font-family: 'Open Sans', sans-serif;
	color: #304452;
	font-size: 16px;
	font-weight: 500;
	height: auto;
	overflow:hidden;
	width: 800px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}

.float {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #094B5B;
	font-family: 'Open Sans', sans-serif;
	color: #2A2D34;
	font-size: 14px;
	font-weight: 500;
	height: auto;
	width: 920px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 25px;
	text-align: left;
}
.float_anual {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #094B5B;
	font-family: 'Open Sans', sans-serif;
	color: #2A2D34;
	font-size: 14px;
	font-weight: 500;
	height: auto;
	width: 920px;
	margin-top: 75px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 25px;
	text-align: left;
}
.floatfirst {
font-family: 'Open Sans', sans-serif;	color: #2A2D34;
	font-size: 13px;
	font-weight: 700;
	width: 920px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 25px;
	text-align: left;
	margin-bottom: 25px;
	overflow: hidden;
}

.add {
	background: rgba(48,68,82,1);
	background: -moz-linear-gradient(top, rgba(48,68,82,1) 0%, rgba(12,47,71,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48,68,82,1)), color-stop(100%, rgba(12,47,71,1)));
	background: -webkit-linear-gradient(top, rgba(48,68,82,1) 0%, rgba(12,47,71,1) 100%);
	background: -o-linear-gradient(top, rgba(48,68,82,1) 0%, rgba(12,47,71,1) 100%);
	background: -ms-linear-gradient(top, rgba(48,68,82,1) 0%, rgba(12,47,71,1) 100%);
	background: linear-gradient(to bottom, rgba(48,68,82,1) 0%, rgba(12,47,71,1) 100%);


filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#304452', endColorstr='#0c2f47', GradientType=0 );
	border-radius: 66px 66px 66px 66px;
	-moz-border-radius: 66px 66px 66px 66px;
	-webkit-border-radius: 66px 66px 66px 66px;
	border: 0px solid #000000;
	font-size: 30px;
	font-weight: 700;
	color: #FFFFFF;
	text-align: center;
	height: 40px;
	width: 40px;
	float: left;
	margin-bottom: 25px;
	margin-right: 25px;
}

.titular {
	text-align: center;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	color: #094B5B;

}

.flotante {
	border-radius: 0px 5px 5px 5px;
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border: 0px solid #304452;
	background-color: #FDFFFC;
	float: left;
	height: auto;
	width: 775px;
	border: 1px solid #BDCBD4;
	color: #2A2D34;
	padding: 25px;
	margin-bottom: 50px;
}
.boxsmall {
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 350px;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	background-color: #DAF5FB;
	color: #2A2D34;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
	border: 1px solid #38aecc;
	overflow: hidden;
	padding: 25px;
	margin-bottom: 25px;
}
.boxintro {
	float: left;
	margin-top: 50px;
	height: auto;
	width: 350px;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	background-color: #DAF5FB;
	color: #2A2D34;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
	border: 1px solid #107B93;
	overflow: hidden;
	padding: 25px;
	margin-bottom: 25px;
}
.boxpre {
	float: none;
	margin-top: 50px;
	height: auto;
	width: 350px;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	background-color: #FDFFFC;
	color: #2A2D34;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
	border: 1px solid #38aecc;
	overflow: hidden;
	padding: 25px;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
}
.tablaBig {
	background-color: #FDFFFC;
	width: 920px;
	color: #2A2D34;
	font-size: 11px;
	margin-right: auto;
	margin-left: auto;
font-family: 'Open Sans', sans-serif;	padding: 0px;
}
.tabletr {
	color: #E5F4E3;
	width: 900px;
	background-color: #304452;
	font-size: 11px;
	margin-right: auto;
	margin-left: auto;
	font-family: 'Pathway Gothic One', sans-serif;
	padding: 10px;

}
.iconbox {
	height: auto;
	width: 330px;
	padding-top: 25px;
	padding-left: 25px;
	padding-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: center;
	padding-right: 25px;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	background-color: #FDFFFC;
	color: #2A2D34;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.37);
	border: 1px solid #38aecc;
}
.burbuja {
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: 1px solid #BDCBD4;
	font-size: 12px;
	color: #304452;
	padding: 2px;
	float: left;
	height: 20px;
	width: 200px;
	clear: none;
}
.BotonPanel {
	color: #304452;
	background-color: #F7F7F7;
	padding: 10px;
	float: left;
	height: 80px;
	width: 80px;
	margin-right: 8px;
	border: 1px dotted #094B5B;
}
.botonGeneral {
	border-radius: 1px;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	width: auto;
	padding-top: 8px;
	float: right;
	padding-bottom: 8px;
	background-color: #094B5B;
	text-decoration: none;
	border: none;
	text-transform: uppercase;
	margin-top: 25px;
	padding-right: 50px;
	padding-left: 50px;
	margin-left: 50px;
	cursor: pointer;
}
.tataltext {
	font-size: 14px;
	text-align: left;
	width: 868px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	color: #304452;
	padding: 25px;
	font-family: 'Pathway Gothic One', sans-serif;
	border: 1px solid #5DA9E9;
	border-radius: 2px;

}
.td {
	color: #094B5B;
	
	
	}
.small_titulo {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #CC3333;
	text-align: center;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.small_texto {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #2A2D34;
	text-align: center;
	width: 100%;
	margin-bottom: 15px;
	line-height: 16px;
}
.big_texto {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #2A2D34;
	text-align: justify;
	width: 500px;
	margin-bottom: 15px;
	line-height: 18px;
	margin-right: auto;
	margin-left: auto;
}
.small_alert {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #FDFFFC;
	text-align: center;
	width: 100%;
	margin-bottom: 15px;
	line-height: 16px;
	background-color: #F30;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}
.small_tag {
		font-family: 'Open Sans', sans-serif;

	font-size: 14px;
	color: #094B5B;
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
}
.small_campo {
	padding: 3%;
	width: 94%;
	border: 1px solid #F7F7F7;
	float: left;
	height: 20px;
	margin-bottom: 20px;
	border-radius: 2px;
	background-color: #FFFFFF;
}
.smaller_campo {
	padding: 3%;
	width: 50%;
	margin-left: 21%;
	margin-right: 21%;
	border: 1px solid #F7F7F7;
	float: left;
	height: 20px;
	margin-bottom: 20px;
	border-radius: 2px;
	background-color: #FFFFFF;
}
.small_btn {
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	font-size: 22px;
	font-weight: 700;
	color: #FFF;
	background-color: #CC3333;
	text-align: center;
	float: left;
	height: 45px;
	width: 100%;
	border-radius: 3px;
	border: 0px;
	margin-top: 10px;
	margin-bottom: 25px;
}
.small_btnregistro {
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	font-size: 22px;
	font-weight: 700;
	color: #FFF;
	background-color: #094B5B;
	text-align: center;
	float: left;
	height: 45px;
	width: 100%;
	border-radius: 3px;
	border: 0px;
}
.footvisual {
	line-height: 15px;
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
	opacity: 0.7;
}
.footvisual:hover {
	opacity: 1;
	
	}
#frase {
	font-size: 16px;
	color: #2A2D34 !important;
	text-align: center;
	height: auto;
	width: 950px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: 700;
	line-height: 22px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
.fraseazul {
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	color: #094B5B;
	text-align: center;
	height: auto;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 25px;
}
.container {
	font-size: 14px;
	font-weight: 500;
	color: #2A2D34;
	background-color: #DAF5FB;
	padding: 20px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
.leyes {
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	font-weight: 400;
	color: #2A2D34;
	background-color: #FDFFFC;
	padding: 20px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
.titulo_central {
	font-size: 24px;
	color: #094B5B;
	text-align: left;
	width: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	font-weight: 500;
}
.imgcentral {
	height: auto;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.imgcentral {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.intro {
	float: left;
	width: 500px;
	overflow: hidden;
	height: auto;
	color: #2A2D34;
	text-align: justify;
	font-weight: 500;
	margin-left: 25px;
}
#foot {
	font-size: 14px;
	color: #FFFFFF;
	width: 100%;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
	text-align: center;
	padding-top: 30px;
	overflow: hidden;
	background-color: #094B5B;
	   bottom: 0;
}

.aclaration {
	font-size: 11px;
	font-style: italic;
	color: #2A2D34;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}
.terminos {
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 0px;
}
.anuncio-completo {
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #2A2D34;
	color: #FFFFFF;
	font-size: 14px;
	margin-bottom: 25px;
}
.anuncio_boton {
	color: #FFF;
	text-align: center;
	height: auto;
	width: 300px;
	margin-top: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #FFF;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
	margin-bottom: 25px;
}
.boton_mercado {
	color: #094B5B;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #094B5B;
}
.boxmedia {
	float: left;
	width: 396px;
	padding: 20px;
	height: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}
#wapp {
	clear: none;
	float: right;
	width: 70px;
	display: block;
	height: 70px;
	position: fixed;
	bottom: 20px;
	left: 20px;
	border-radius: 50%;
	line-height: 70px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	cursor: pointer;
}
#wapp:hover  {
	height: 75px;
	width:  75px;
	transition: 0.2s;
	line-height: 75px;
}
#ayuda_boton {
	clear: none;
	float: right;
	width: 300px;
	display: block;
	height: 80px;
	position: fixed;
	bottom: 20px;
	right: 20px;
		cursor: pointer;
}
#ayuda_boton:hover  {
	bottom: 30px;
	right: 30px;
	transition: 0.2s;
}
#fila_botones {
	text-align: center;
	height: 300px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	
}
#fila_central {
	text-align: center;
	height: 300px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 150px;
	
}
.boton_central_blanco {
	color: #FFF;
	text-align: center;
	float: left;
	width: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #FFF;
	margin-top: 50px;
	font-size: 12px;
	cursor: pointer;
}
.botones_central_blanco {
	color: #FFF;
	text-align: center;
	float: left;
	width: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #FFF;
	margin-top: 30px;
	font-size: 12px;
	cursor: pointer;
}
.panel_superadmin {
	height: 400px;
	width: 600px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
.ayuda_box {
	padding: 25px;
	height: auto;
	width: 600px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-color: #FFF;
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.35);
	margin-top: 25px;
}
.cerrar_sesion {
	font-size: 12px;
	font-weight: 400;
	color: #217A89;
	text-align: center;
	float: right;
	margin-right: 5%;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border: thin solid #217A89;
	transition: all 0.5s ease;
}
.cerrar_sesion:hover {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border: thin solid #217A89;
	transition: all 0.5s ease;
	color: #fff;
	float: right;
	margin-right: 5%;
	border: 2px solid #fff;
	cursor: pointer;
	}
	
.top_titulo {
	text-align: center;
	float: left;
	width: 40%;
	height: 40px;
}
.logo_index {
	text-align: left;
	width: 25%;
	height: 40px;
	padding-left: 5%;
	float: left;
	
	
}
.ayuda {
		font-family: 'Open Sans', sans-serif;

	color: #094B5B;
	background-color: #CFF;
	text-align: center;
	float: left;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}
.minitexto {
	font-size: 14px;
	color: #1B575D;
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 25px;
}
.boton_enviarcodigo {
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border: thin solid #217A89;
	transition: all 0.5s ease;
	color: #fff;
	float: right;
	margin-right: 5%;
	border: 2px solid #fff;
	cursor: pointer;
	}
.lista_texto {
	float: left;
	width: auto;
	font-family: 'Pathway Gothic One', sans-serif;
	font-size: 18px;
}
.lista_texto td {
	padding-top: 2px;
	padding-bottom: 2px;
	
	}
.lista_texto tr:hover {
	background-color: #D9E7EC;
	font-weight: 700;
	
	}
.rojo {
	background-color: #C00;
	color: #FFF;
	font-weight: 700;
	
	}	
.verde {
	background-color: #093;
	color: #FFF;
	font-weight: 700;
	
	}		
	
#pantalla_final {
	background-color: #FFF;
	width: 950px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.35);
	margin-top: 25px;
	margin-top: 25px;
	padding-top: 25px;
	padding-bottom: 250px;
	overflow: hidden;
}
@media print{
  .oculto-impresion, .oculto-impresion *{
    display: none !important;
  }
  .saltoDePagina{
				display:block;
				page-break-before:always;
			}
}
.cargacorrecta {
	font-size: 16px;
	color: #000000;
	float: left;
	width: 100%;
	font-weight: 400;
}
#cuadrolateral {
	float: left;
	width: 300px;
	position: relative;
	left: 0px;
	top: 150px;
	background-color: rgba(220, 245, 250, 0.6);
	background: rgba(220, 245, 250, 0.6);
	color: rgba(220, 245, 250, 0.6);
	position: fixed;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
}
.opcion_sus {
    margin-top: 50px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 50px;
    padding: 25px;
    float: left;
    height: 120px;
    width: 178px;
   text-align: center;
	color: whitesmoke;
	background: rgb(37,131,215);
background: linear-gradient(347deg, rgba(37,131,215,1) 0%, rgba(201,0,255,1) 100%);
	border-radius: 68% 32% 74% 26% / 12% 84% 16% 88%;
	cursor: pointer;
	transition: ease-in, ease-out 0.5s; 
}
.opcion_sus:hover {
	transition: ease-in, ease-out 0.5s; 
    margin-top: 50px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 50px;
    padding: 25px;
    float: left;
    height: 120px;
    width: 178px;
   text-align: center;
	color: whitesmoke;
	background: rgb(37,131,215);
background: linear-gradient(347deg, rgba(37,131,215,1) 0%, rgba(201,0,255,1) 100%);
	border-radius: 15%;
	cursor: pointer;
	box-shadow: 0px 4px 36px -15px rgba(0,0,0,0.69);
-webkit-box-shadow: 0px 4px 36px -15px rgba(0,0,0,0.69);
-moz-box-shadow: 0px 4px 36px -15px rgba(0,0,0,0.69);
}
.tuplan_actual {
	margin-bottom: 15px;
	margin-left: auto;
	margin-top:  15px;
	margin-right: auto;
	border: solid 1px #7BA6B2;
	padding:  10px;
	width:  450px;
	text-align:  center;
}
.advertencia_plan { background-color: #FF0229; padding: 15px; color: #fff; margin-top: 30px; text-align: center; font-size: 14px;}