body{
	/*background-color: #eceef0;*/
	background-color: #FFFFFF;
	background-image: url('../img/back.jpg');
	color: #838383;
	font-family: 'Pangram';
	letter-spacing: .1em;
	font-size: 14px;
}

.backGray{
	background-color: #33383c;
}

.blockLeft{
	background-color: #3486EA;
	/*background-color: #FFFFFF;*/
	border-left: 1px solid gray;
	color: #FFFFFF;
	/*height: 100vh;*/
}
.title{
	font-family: 'PangramLight';
}

@font-face{
	font-family: 'Pangram';
	src: url('../fonts/Pangram-Sans-Font-Family/Pangram-Regular.otf') format('opentype');
}

@font-face{
	font-family: 'PangramLight';
	src: url('../fonts/Pangram-Sans-Font-Family/Pangram-Light.otf') format('opentype');
}

.no-border{
	border-radius: 0px;
}

.mostrar{
	display: block;
}
.ocultar{
	display: none;
}

.inputError{
	background-color: #F2DEDE;
	border-color:#FA5858;
	box-shadow: 0 0 10px #ed1c24;
}

.inputError:focus{
  outline: none !important;
  border-color:#FA5858;
  box-shadow: 0 0 10px #ed1c24;
}

.error{
	color: #FA5858;
	font-weight: bold;
}

.mayusculas{
	text-transform: uppercase;
}

.minusculas{
	text-transform: lowercase;
}

.input-index{
	background-color: #33383c;
	color: #ffffff;
	border-style: none;
}

.input-index:focus{
	background-color: #2B3033;
	color: #ffffff;
	box-shadow: 0 0 10px #2B3033;
	/*border-color: #ffffff;*/
}

.input-index::placeholder {
  color: #ABBCC9;
  opacity: 1; /* Firefox */
}

.input-index:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #ABBCC9;
}

.input-index::-ms-input-placeholder { /* Microsoft Edge */
 color: #ABBCC9;
}

#mensajeError{
	color: #ed3b58;
	font-weight: bold;
}

#crearCuenta{
	background-image: url("../images/01_normalbutton.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	
    border-radius: 20px;    
	color: #ffffff;
	min-width: 200px;
	min-height: 150px;
	vertical-align: text-bottom;
	padding: 50px;
}
#crearCuenta:active{
	background-image: url("../images/01_pressedbutton.png");
}

#iniciarSesion{
	background-image: url("../images/Login_Off.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	
    border-radius: 20px;    
	color: #ffffff;
	min-width: 200px;
	min-height: 150px;
	vertical-align: text-bottom;
	padding: 50px;
}
#iniciarSesion:active{
	background-image: url("../images/Login_on.png");
}

.leyendaBotonIndex{
	font-size: 1.5vw;
}

.like-button{
	cursor: pointer;
}

#backTop{
	background-image: url("../images/Back01.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 100%;
	font-size: 14px;
}

.formulario{
	/*background-color: #ffffff;*/
	background-color: rgba(255, 255, 255, .8);
	background-image: url("images/Back01.jpg");
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	padding: 40px;
}

.menuPaginas{
	font-size: 14px;
}
.text-dark{
	color: #000000;
}

.text-blue{
	color: #3486EA;
}
.form-control{
	border-radius: 0px;
	border: 1px solid #85929e;
	font-size: 14px;
	height: 50px;

	margin-top: 2px;
	margin-bottom: 10px;
}

.btn-equal-size{
	height: 50px;
	margin-top: 2px;
	margin-bottom: 10px;
}

.btn-bottom{
	height: 60px;
	border-radius: 0px;
}

.btn-no-border{
	border-radius: 0px;
}

#tablaPrecios{
	align-content: left;
}
#tablaPrecios td{
	padding: 3px;
}

.camposObligatorios{
	font-family: "PangramLight";
	color:  #ed1c24;
	letter-spacing: .3em;
	font-size: 13px;
	text-align: justify;
}

#info_comprar_acceso{
	background-image: linear-gradient(#000000, #0B3861);
	color: #FFFFFF;
	border-bottom-right-radius: 50px;
	width: 600px;
	height:220px;
	padding: 40px;
	text-align: left;
}

#info_checkout{
	background-image: linear-gradient(#000000, #0B3861);
	color: #FFFFFF;
	border-bottom-right-radius: 50px;
	width: 500px;
	height:220px;
	padding: 40px;
	text-align: right;
	vertical-align: middle;
}

.tituloAjustable{
	font-size: 1.5vw;
}

#confirmacionCheckout{
	color: #7f7f7f;
	letter-spacing: 5px;
}

#ticketAcceso{
	border-style: dashed;
	border-radius: 40px;
	padding: 20px;
	
	text-align: center;
	background-image: linear-gradient(#04B45F, #04B486);
	color: #FFFFFF;
	width: 100%;
}

.tablaCheckout td{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-size: 13px;
}

.bodyMuestra{
	background-color: #1e2327;
	color: #ffffff;
	font-family: 'Pangram';
}

.blockLeftMuestra{
	background-color: #33383c;
	color: #FFFFFF;
}
.blockContentMuestra{
	background-color: #1e2327;
	color: #FFFFFF;
}

.backBlack{
	background-color: #000000;
}

.menu-items-group{
	font-size: 1.3vw;
	font-family: 'PangramLight';
	text-align: center;
}
.menu-item-active{
	background-color: #96a6b7;
	color: #000000;
}

.menu-item{
	background-color: #33383c;
	color: #FFFFFF;
}

.menu-items-group .row{
	padding-top: 20px;
	padding-bottom: 20px;
	border-style: none;
}

.menu-item:hover{
	background-color: #2E3338;
	color: #FFFFFF;
}

.titulo-seccion-panel{
	letter-spacing: 5px;
}
.seccion-panel{
	background-color: #33383c;
	height: 30vh;
	vertical-align: middle;
}

.text-gray-panel{
	color: #96A6B7;
}

.input-panel{
	background-color: #33383c;
	color: #FFFFFF;
	border-style: none;
}

.input-panel::placeholder{
	color: #cecece;
}

.input-panel:-ms-input-placeholder { 
	color: #cecece;
} /* IE 10+ */

.input-panel::-webkit-input-placeholder { color: #cecece; } /* WebKit */
.input-panel::-moz-placeholder { color: #cecece; } /* Firefox 19+ */

.input-panel:focus{
	background-color: #33383c;
	color: #FFFFFF;

}

#btn-search-panel{
	height: 130px;
}

#btn-registro-especial{
	background-image: url('../images/registrooff.png');
	background-repeat: no-repeat;
	background-size: contain;
	width: 112px;
	height: 60px;
}

#btn-registro-especial:active{
	background-image: url('../images/registroon.png');
}

#btn-mostrar-todos{
	background-image: url('../images/show-off.png');
	background-repeat: no-repeat;
	background-size: contain;
	width: 112px;
	height: 60px;
}

#btn-mostrar-todos:active{
	background-image: url('../images/show-on.png');
}

#btn-download{
	background-image: url('../images/downloadoff.png');
	background-repeat: no-repeat;
	background-size: contain;
	width: 112px;
	height: 60px;
}

#btn-download:active{
	background-image: url('../images/downloadon.png');
}

.panel-text-azul{
	color: #94fff7;
}

.panel-back-gray{
	background-color: #33383c;
}

.panel-back-black{
	background-color: #000000;
}
.panel-tr{
	min-height: 100px;
	vertical-align: middle;
}

.panel-td{
	vertical-align: middle;
	width: 100%;
	padding-top: 10px;
}

.text-icon-panel{
	font-size: 10px;
}

.formulario-panel{
	background-color: #33383c;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	padding: 40px;
	color: #FFFFFF;
}
.text-white{
	color: #FFFFFF;
}

.backPrincipal{
  background:url(../images/Fondo.jpg); 
  background-size: 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position:top;
  color: #ffffff;
  /*color:   #000000;*/
}
.backSecondary{
  background:url(../images/Fondo.jpg); 
  background-size: 100%;
  
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position:top;
  color: #ffffff;
  /*color:   #000000;*/
}

.btn{
	border-radius: 0px;
}
.listadoYapaso{
	background-color: rgba(255, 255, 255, .6);
	color: #df1e33;
	padding: 5px;
}

.listadoDiploma{
	background-color: rgba(255, 255, 255, .6);
	color: #df1e33;
	padding: 5px;
}

#aforoSobrepasado{
  background:url(../images/corona.jpg); 
  background-size: 100%;
  

  background-repeat: no-repeat;
 
  color: #ffffff;
  height: 400px;
  /*color:   #000000;*/
}