html{}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	padding: 0;
	/*font-family: Verdana, Geneva, sans-serif;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Tahoma;
	letter-spacing: 0px;
	border-spacing:0px;
	font-size: 100%;
	word-wrap: break-word;
}

img {
	 max-width: 100%;
}

.div_acuerdo {
	display: none;
	width:100vw;
	height:100vh;
	position:fixed;
	top: 0;
	left:0;
	text-align:center;
	z-index:400;
	/* background: rgba(255,255,255,0.7); */
	background: rgba(0,0,0,0.7);
	padding-top: 5vh;
	color: #000;
	font-size:0.8em;
}
.div_acuerdo_cuerpo {
	background-color:#FFF; 
	border-radius: 5px;
}

.Filacerrada{
	height: 0px !important;
	visibility:hidden !important;
	display:none !important;
}
.Filaabierta{
	height: auto;
	visibility: visible;
	display: block;
}
.FilaOculta{
	visibility:hidden !important;
}
.btninfo{
	cursor:pointer;
}
.Tablacontenido{
	width: 75%; border:0; cellspacing=:0; /*background-image: url();*/
	padding-left: 15px;
}
.Tablacabecera{
	width: 90%; border:0; cellspacing=:0; /*background-image: url();*/
}
.Tablapiedepagina{
	width: 90%; border:0; cellspacing=:0; /*background-image: url();*/
	background: -webkit-linear-gradient(#2A6892, #134B71);
	background: -o-linear-gradient(#2A6892, #134B71);
	background: -moz-linear-gradient(#2A6892, #134B71);
	background: linear-gradient(#2A6892, #134B71);
	box-shadow: inset 0px 1px 5px #FFF;
	background-color: #2A6892;
	border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em;
	/* -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px;
	 -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px;*/
	word-wrap: break-word;
	
}
.Tablacontenidotitulo {
	background-color: #7a7a7a;/*#2A6892;*//*#a8c0ca;*//*#e7eaf1;*/
	background: -webkit-linear-gradient(#7a7a7a, #999999);
	background: -o-linear-gradient(#7a7a7a, #999999);
	background: -moz-linear-gradient(#7a7a7a, #999999);
	background: linear-gradient(#7a7a7a, #999999);
	border: 1px solid #ececec;/* #a8c0ca;*/
	box-shadow: inset 0px 1px 5px #FFF;
	/*border-bottom-color: #a8b3cf;
	border-bottom-width: 1px;
	border-bottom-style:solid;*/
	font-size: 0.8em;
	color: #FFFFFF;
	padding-left: 15px;
	font-weight: bold;
	width: 100%;
	height:2em;line-height: 2em;
	text-align:left;
	border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; 
}
.TituloEvento{
	display: inline-block; width:69%;
	padding-left: 1%;
	text-align:left;
	height:2em;
}
.BotonEvento{
	vertical-align:top;
	text-align: center;
	padding: 10px 0px 0px;
	font-size: 0.8em;  
	color: #FFFFFF;
	
	background-color: #74a741;
	background: -webkit-linear-gradient(#74a741, #2f8c3d);
	background: -o-linear-gradient(#74a741, #2f8c3d);
	background: -moz-linear-gradient(#74a741, #2f8c3d);
	background: linear-gradient(#74a741, #2f8c3d);
	border-radius: 10em; -moz-border-radius: 10em; -webkit-border-radius: 10em; 
	box-shadow: inset 0px 1px 5px #FFF;
	border: 0;
	cursor:pointer;

	display: inline-block; 
	width:13%;
	height:2em;
	box-sizing: unset !important;
}
.BotonEvento:hover{
/*	background-image:url(../imagenes/boton_menu_select.jpg);*/
	background-color: #2f8c3d;
	background: -webkit-linear-gradient(#2f8c3d, #74a741);
	background: -o-linear-gradient( #2f8c3d, #74a741);
	background: -moz-linear-gradient(#2f8c3d, #74a741);
	background: linear-gradient(#2f8c3d, #74a741);
}
.BotonCupos{
	padding-left:10px;
	display: inline-block; 
	width:25%;
	height:auto;
}
.BotonCupos span{
	text-align: center;
	padding: 10px 15px 10px 15px;
	margin: 10px 10px;
	font-size: 1em;  
	color: #FFFFFF;	
	border: 0;
}
.Negro {
	background-color: #7a7a7a !important;
	background: -webkit-linear-gradient(#7a7a7a, #000) !important;
	background: -o-linear-gradient(#7a7a7a, #000) !important;
	background: -moz-linear-gradient(#7a7a7a, #000) !important;
	background: linear-gradient(#7a7a7a, #000) !important;
	border-radius: 10em; -moz-border-radius: 10em; -webkit-border-radius: 10em; 
	box-shadow: inset 0px 1px 5px #FFF;
}
.Gris {
	background-color: #CCC;
	background: -webkit-linear-gradient(#CCC, #333);
	background: -o-linear-gradient(#CCC, #333);
	background: -moz-linear-gradient(#CCC, #333);
	background: linear-gradient(#CCC, #333);
	border-radius: 10em; -moz-border-radius: 10em; -webkit-border-radius: 10em; 
	box-shadow: inset 0px 1px 5px #FFF;
}
.Azul {
	background-color: #2A6892;
	background: -webkit-linear-gradient(#2A6892, #134B71);
	background: -o-linear-gradient(#2A6892, #134B71);
	background: -moz-linear-gradient(#2A6892, #134B71);
	background: linear-gradient(#2A6892, #134B71);
	border-radius: 10em; -moz-border-radius: 10em; -webkit-border-radius: 10em; 
	box-shadow: inset 0px 1px 5px #FFF;
}
.Verde {
	background-color: #74a741;
	background: -webkit-linear-gradient(#74a741, #2f8c3d);
	background: -o-linear-gradient(#74a741, #2f8c3d);
	background: -moz-linear-gradient(#74a741, #2f8c3d);
	background: linear-gradient(#74a741, #2f8c3d);
	border-radius: 10em; -moz-border-radius: 10em; -webkit-border-radius: 10em; 
	box-shadow: inset 0px 1px 5px #FFF;
}

.SeparadorColumna{
	display: inline-block;width:2%;height: inherit;
	zoom: 1;
    *display: inline;
}
.SeparadorFila{
	height:0.5em;clear: both;
}

.SeparadorFilaFormulario{
	height:0.8em;clear: both;
}
.Fila1{
	display: inline-block; width:98%;
	text-align:left;
	height:auto;/*2em;*/
	zoom: 1;
    *display: inline;
}
.Fila2{
	display: inline-block; width:73%;
	text-align:left;
	height:2em;
	zoom: 1;
    *display: inline;
}
.Fila3{
	display: inline-block; width:48%;
	text-align:left;
	height:2em;
	zoom: 1;
    *display: inline;
}
.Fila3A{
	display: inline-block; width:33%;
	text-align:left;
	height:2em;
	zoom: 1;
    *display: inline;
}
.Fila4{
	display: inline-block; width:23%;
	text-align:left;
	height:2em;
	zoom: 1;
    *display: inline;
}
.Fila5{
	display: inline-block; width:10%;
	text-align:left;
	height:2em;
	zoom: 1;
    *display: inline;
}
.Fila1Tiquete{
	display: inline-block; width:98%;
	text-align:justify;
	height:auto;
}
.Fila2Tiquete{
	display: inline-block; width:73%;
	text-align:left;
	height:auto;
}
.Fila3Tiquete{
	display: inline-block; width:48%;
	text-align:justify;
	height:auto;
}
.Fila4Tiquete{
	display: inline-block; width:23%;
	text-align:left;
	height:auto;
}
.centrado{
	text-align:center !important;
}
.izquierda{
	text-align:left !important;
}
.derecha{
	text-align:right !important;
}
.justificado{
	text-align:justify !important;
}
.arriba{
	vertical-align:top !important;
}
.abajo{
	vertical-align:bottom !important;
}
.medio{
	vertical-align:middle !important;
}
#td_mensaje {
	font-size: 1.2em;
}
#td_mensaje img{
	width: auto;
}
#C128_imagen {
	text-align:right;
}
#QR_imagen {
	text-align:left;
}

.contenedor_logo{
	margin-left:4%; height: 120px;
	text-align:left;
	position: relative;
	display: inline-block; width:34%;
	text-align:left;
}
.contenedor_logo img{
	position: absolute;
    top: 50%;
    margin-top: -20px;
	height: auto;
	transition: width 0.3s;
}
.IconoMenu{
	height: 70px;
	position: relative;
	width:0%; 
	display: none; visibility:hidden;
}
.IconoMenu img{
	position: absolute;
    top: 50%;
    margin-top: -30px;
	height: auto;
	transition: width 0.3s;
}
.Menu{
	display: inline-block; visibility:visible;
	font-size: 1.2em;  
	color: #FFFFFF; 
	border:0;  cellspacing:0;
	display: inline-block; width:60%;
   	text-align: right;
	height:auto;
}
.Menu0cultar{
	display: inline-block; visibility:visible;
	height:auto;
}
.Titulo{

	background: -webkit-linear-gradient(#2A6892, #134B71);
	background: -o-linear-gradient(#2A6892, #134B71);
	background: -moz-linear-gradient(#2A6892, #134B71);
	background: linear-gradient(#2A6892, #134B71);
	box-shadow: inset 0px 1px 5px #FFF;
	
	background-color: #2A6892;
	/*background-color: #337AB7;*/
	height: 6em;line-height: 6em;
	
	display: inline-block;width: 100%;
	font-size: 1.2em;  
}
.TituloTexto{
	color: #FFFFFF; 
	font-size: 1.2em;  color:#FFFFFF; font-weight: bold; padding-left: 15px;
	margin-left:4%;
	text-align: left;
}
.TituloTexto:before{
	content:url('../imagenes/usuario.png'); 
	vertical-align: -35%;
	transition: width 0.3s;
}
.BtnMenu{
	background-color: #FFFFFF;
	cursor:pointer;
	height: 2em;line-height: 2em;
	display: inline-block;
	width:23%;
	font-size: 1.2em;  color: #65646a; /*font-weight: bold;*/
	text-align: center;
	position: relative;
}
.BtnMenu:before{
	position:absolute;
	content: '';
	bottom: 0;
	left:50%;
	height: 0.15em;
    width: 0%;
    background-color:#65646a;
    display:block;
    transition:0.3s;
}
.BtnMenu:hover:before {
    left:1%;
    width:98%;
}
.BtnMenuActual{
	height: 2em;line-height: 2em;
	display: inline-block;
	width:23%;
	font-size: 1.2em;  color: #65646a;/* font-weight: bold;*/
	text-align: center;
	position: relative;
}
.BtnMenuActual:before{
	position:absolute;
	content: '';
	bottom: 0;
	left:1%;
	height: 0.15em;
    width: 98%;
    background-color:#65646a;
    display:block;
}

.nota-informativa {
	/*position:fixed;*/
	position:absolute;
	display:none;
	right:10%;
	top:20px;
	width:30%;
	padding: 10px 15px 10px 15px;
	text-align:justify;
	word-wrap: break-word;
}

.corner-menu-tl {-moz-border-radius-topleft: 25em; -webkit-border-top-left-radius: 25em; border-top-left-radius: 25em}
.corner-menu-br { -moz-border-radius-bottomright: 10em; -webkit-border-bottom-right-radius: 10em; border-bottom-right-radius: 10em}


#IrArriba{
	width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:25%;
    right:5%;
    display:none;
    background: url('../imagenes/icono_arriba.png') no-repeat;
	cursor:pointer;
	z-index: 9999;
}
#IrArriba:hover{
	opacity:0.7;
}

.FondoPagina{
	width:100%; border:0; cellpadding:0; cellspacing:0;
	/*background-image: url(../imagenes/malla2.png);*/
}
.Fondomalla{
	/*background-image: url(../imagenes/malla.png);*/
}
.FondoTexto{
/*	background-image: url();*/
	background-color:#FFFFFF; 
}
.Columna{
	padding: 10px 20px 10px 25px;
}
.Rojoclaro{
	background: -webkit-linear-gradient(#2A6892, #134B71);
	background: -o-linear-gradient(#2A6892, #134B71);
	background: -moz-linear-gradient(#2A6892, #134B71);
	background: linear-gradient(#2A6892, #134B71);
	box-shadow: inset 0px 1px 5px #FFF;
	background-color: #2A6892;
	border-radius: 6px;

	padding: 5px 10px 5px 15px;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	width: 94%;
	
}

.Azulclaro{
	background-color: #00CCCC;
	background: -webkit-linear-gradient(#00CCCC, #66FFFF );
	background: -o-linear-gradient(#00CCCC, #66FFFF);
	background: -moz-linear-gradient(#00CCCC,#66FFFF);
	background: linear-gradient(#00CCCC, #66FFFF);
	border-radius: 6px;
	box-shadow: inset 0px 1px 5px #FFF;
	padding: 10px 15px 10px 15px;
	width: 90%;
}
.Azuloscuro{

/*	background: -webkit-linear-gradient( #333333 ,#000000);
	background: -o-linear-gradient( #333333,  #000000);
	background: -moz-linear-gradient( #333333, #000000);
	background: linear-gradient( #333333, #000000);
	box-shadow: inset 0px 1px 5px #FFF;
	background-color: #333333;*/
	
	background-color: #74a741;
	background: -webkit-linear-gradient(#74a741, #2f8c3d);
	background: -o-linear-gradient(#74a741, #2f8c3d);
	background: -moz-linear-gradient(#74a741, #2f8c3d);
	background: linear-gradient(#74a741, #2f8c3d);
	border-radius: 6px;
	box-shadow: inset 0px 1px 5px #FFF;
	
	
	height:15px;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
	
	color: #FFFFFF;
	padding: 5px;
	padding-left: 15px;
	font-size: 10pt;
	font-weight: bold;
	width: 95%;
}


/*div.BotonUsuario{
	padding: 8px;
	height:auto;
}*/
.BotonCamara{
	vertical-align:top;
	text-align: center;
	height: 2.8em;
	width: 25%;
	/*padding: 4px 5px 15px 15px;*/
	font-size: 0.8em;  
	color: #FFFFFF;
	
	border-radius: 10em; -moz-border-radius: 10em; -webkit-border-radius: 10em; 
	box-shadow: inset 0px 1px 5px #D4ECFA;
	
	border: 0;
	cursor:pointer;
}
.BotonCamara:hover
{
	background-color: #2f8c3d;
	background: -webkit-linear-gradient(#2f8c3d, #74a741);
	background: -o-linear-gradient(#2f8c3d, #74a741);
	background: -moz-linear-gradient(#2f8c3d, #74a741);
	background: linear-gradient(#2f8c3d, #74a741);
}

.BotonUsuario{
	vertical-align:top;
	text-align: center;
	height: 2.8em;
	width: 11em;
	/*padding: 4px 5px 15px 15px;*/
	font-size: 0.8em;  
	color: #FFFFFF;
	
	background-color: #2A6892;
	background: -webkit-linear-gradient(#2A6892, #134B71);
	background: -o-linear-gradient(#2A6892, #134B71);
	background: -moz-linear-gradient(#2A6892, #134B71);
	background: linear-gradient(#2A6892, #134B71);
	border-radius: 10em; -moz-border-radius: 10em; -webkit-border-radius: 10em; 
	box-shadow: inset 0px 1px 5px #D4ECFA;
	
	border: 0;
	cursor:pointer;
}
.BotonUsuario:hover
{
	background-color: #134B71;
	background: -webkit-linear-gradient(#134B71, #2A6892);
	background: -o-linear-gradient( #134B71, #2A6892);
	background: -moz-linear-gradient(#134B71, #2A6892);
	background: linear-gradient(#134B71, #2A6892);
}

.BotonIngresoEvento{
	vertical-align:top;
	text-align: center;
	height: 2.8em;
	width: 22em;
	/*padding: 4px 5px 15px 15px;*/
	font-size: 0.8em;  
	color: #FFFFFF;
	
	background-color: #000;
	background: -webkit-linear-gradient(#7a7a7a, #000);
	background: -o-linear-gradient(#7a7a7a, #000);
	background: -moz-linear-gradient(#7a7a7a, #000);
	background: linear-gradient(#7a7a7a, #000);
	border-radius: 10em; -moz-border-radius: 10em; -webkit-border-radius: 10em; 
	box-shadow: inset 0px 1px 5px #D4ECFA;
	
	border: 0;
	cursor:pointer;
}
.BotonIngresoEvento:hover
{
	background-color: #134B71;
	background: -webkit-linear-gradient(#000, #7a7a7a);
	background: -o-linear-gradient( #000, #7a7a7a);
	background: -moz-linear-gradient(#000, #7a7a7a);
	background: linear-gradient(#000, #7a7a7a);
	color:#0099CC;
}
.BotonUsuarioCrear{
	vertical-align:top;
	text-align: center;
	height: 1.8em;
	width: 11em;
	padding: 10px 0px 0px;
	font-size: 0.8em;  
	color: #FFFFFF;
	
	background-color: #74a741;
	background: -webkit-linear-gradient(#74a741, #2f8c3d);
	background: -o-linear-gradient(#74a741, #2f8c3d);
	background: -moz-linear-gradient(#74a741, #2f8c3d);
	background: linear-gradient(#74a741, #2f8c3d);
	border-radius: 6px;
	box-shadow: inset 0px 1px 5px #FFF;
	
	border: 0;
	cursor:pointer;
}
.BotonUsuarioCrear:hover
{
	background-color: #2f8c3d;
	background: -webkit-linear-gradient(#2f8c3d, #74a741);
	background: -o-linear-gradient(#2f8c3d, #74a741);
	background: -moz-linear-gradient(#2f8c3d, #74a741);
	background: linear-gradient(#2f8c3d, #74a741);
}
.BotonUsuario_rojo{
	vertical-align:top;
	text-align: center;
	height: 32px;
	width: 80%;
	padding: 0px 0px 0px;
	font-size: 13px;  
	color: #FFFFFF;
	
	background-color: #0099CC;
	background: -webkit-linear-gradient(#0099CC, #0033FF);
	background: -o-linear-gradient(#0099CC, #0033FF);
	background: -moz-linear-gradient(#0099CC, #0033FF);
	background: linear-gradient(#0099CC, #0033FF);
	border-radius: 6px;
	box-shadow: inset 0px 1px 5px #FFF;

	border: 0;
	cursor:pointer;
}
.BotonUsuario_rojo:hover
{
	background-color: #0033FF;
	background: -webkit-linear-gradient(#0033FF, #0099CC);
	background: -o-linear-gradient(#0033FF, #0099CC);
	background: -moz-linear-gradient(#0033FF, #0099CC);
	background: linear-gradient(#0033FF, #0099CC);
	border-radius: 6px;
}

.div_login {
	display:block ;
	width:100vw;
	height:100vh;
	position:fixed;
	top: 0;
	left:0;
	text-align:left;
	z-index:400;
	/* background: rgba(255,255,255,0.7); */
	background: rgba(0,0,0,0.7);
	padding-top: 5vh;
	color: white;
}



.Estilo1 {font-size: 2em; font-weight: bold;color: #FFFFFF; padding-left: 15px;}
.Estilo2 {font-size: .8em; font-weight: bold; padding-left: 15px;}
.Estilo3 {font-size: 1.4em; font-weight: bold; color: #FFFFFF; padding-left: 15px;}
.Estilo4 { font-size: .8em;  font-weight: bold;}
.Estilo5 {font-size: 10pt; padding-left: 15px; color:#CCCCCC;}
.Estilo6 { font-size: .8em; font-weight: bold; color: #FFFFFF; }
.Estilo6n { font-size: .8em; color: #FFFFFF; }
.Estilo7 {font-size: 1em;  color: #FFFFFF; font-weight: bold;}
.Estilo8 {font-size: 1.2em;  color: #FFFFFF; font-weight: bold; padding-left: 15px;}
.Estilo9 {font-size: 1.4em; font-weight: bold; padding-left: 15px;}
.Estilo10 {font-size: 10pt; padding-left: 15px; color: #333333}
.Estilo11 {font-size: 1.2em; font-weight: bold;}
.Estilo12 {font-size: 0.7em; font-weight: bold;padding-left: 15px; color: #333333}
.Estilo4azul { font-weight: bold; color:#007bff}

/* tables */
table.tablesorter {
	font-family:Tahoma;
	color: #333333;
	background-color: #FFF;
	margin:10px 0pt 15px;
	font-size: 1em;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #2A6892;/*#2A6892;*//*#a8c0ca;*//*#e7eaf1;*/
	border: 1px solid #2A6892;/* #a8c0ca;*/
	/*border-bottom-color: #a8b3cf;
	border-bottom-width: 1px;
	border-bottom-style:solid;*/
	font-size: 0.8em;
	padding: 7px;
	color: #FFFFFF;
	padding-left: 15px;
}


table.tablesorter thead tr .header {
	/*background-image: url(../imagenes/flecha4.gif);*/
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	/*background-color: #FFF;*/
	vertical-align: top;
	padding-left: 10px;
}

table.tablesorter tbody tr.even td { 
	   background-color:#FFFFFF; 
} 
table.tablesorter tbody tr.hover { 
	   background-color: #e7eaf1; 
} 

table.tablesorter tbody tr.odd td {
	background-color:  #e7eaf1;
}

table.tablesorter tr.hover td {
	background-color: #a8b3cf;
}

table.tablesorter tr.even:hover td,
table.tablesorter tr.odd:hover td {
    background-color:  #a8b3cf;
	cursor:pointer;
}

table.tablesorter thead tr .headerSortUp {
/*	background-image: url(../imagenes/flecha3.gif);*/
}
table.tablesorter thead tr .headerSortDown {
/*	background-image: url(../imagenes/flecha2.gif);*/
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #a8b3cf;/*#a8b3cf;*/
}

div.tablesorterPager {
	padding: 10px 0 10px 0;
	background-color: #D6D2C2;
	text-align: center;
}
div.tablesorterPager span {
	padding: 0 5px 0 5px;
}
div.tablesorterPager input.prev {
	width: auto;
	margin-right: 10px;
}
div.tablesorterPager input.next {
	width: auto;
	margin-left: 10px;
}
div.tablesorterPager input {
	font-size: 8px;
	width: 50px;
	border: 1px solid #330000;
	text-align: center;
}

input[type="text"] {
	border: 0.1em solid #ccc;
	border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em;
	width:100%;
}
#password {
	border: 0.1em solid #ccc;
	border-radius: 0em; -moz-border-radius: 0em; -webkit-border-radius: 0em;
	width: 100%;
	height: inherit;
	font-size: 14px;
	font-weight: bold;
}

textarea  {
	border: 0.1em solid #ccc;
	border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em;
	width:100%; height: 5em;
}

/*FORMULARIOS*/
	.formulario_css input{
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		border: 0.1em solid #ccc;
		padding: 8px 10px;
		width:300px;
		margin-bottom: 10px;
		font-size:1.2em;
	}
	.formulario_css input:focus{
		border: 1em solid #52BAD5;
		outline: 0;
	}
	.formulario_css input:hover{
		border: 1em solid #B6B6B6;
		outline: 0;
	}
	.formulario_css input:focus:hover{
		border: 1em solid #52BAD5;
		outline: 0;
	}
	.formulario_css input:active{
		border: 1em solid #52BAD5;
		outline: 0;
	}
	.formulario_css input[type="checkbox"]{
		width:20px;
	}
	
	.formulario_css textarea{
		-webkit-border-radius: 5px 5px 5px 5px ;
		-moz-border-radius: 5px 5px 5px 5px ;
		border-radius: 5px 5px 5px 5px ;
		border: 2px solid #bdc7d8;;
		padding: 8px 10px;
		width:300px;
		font-size: 11px;
		margin-bottom: 10px;
	}
	.formulario_css textarea:focus{
		border: 2px solid #52BAD5;
		outline: 0;
	}
	.formulario_css textarea:hover{
		border: 2px solid #B6B6B6;
		outline: 0;
	}
	.formulario_css textarea:focus:hover{
		border: 2px solid #52BAD5;
		outline: 0;
	}
	.formulario_css textarea:active{
		border: 2px solid #52BAD5;
		outline: 0;
	}
	
	.formulario_css select{
		border: 2px solid #bdc7d8;
		font-size: 11px;
		height: 34px;
		padding: 5px;
		margin-bottom: 10px;
	}
	.formulario_css select:hover{
		border: 2px solid #B6B6B6;
	}
	.formulario_css select:focus:hover{
		border: 2px solid #52BAD5;
		outline: 0;
	}
	
	/* CHECKBOX */
		/* SQUARED THREE */
		.formulario_css .checkbox input[type=checkbox] {
			visibility: hidden;
		}
		.checkbox {
			width: 20px;	
			position: relative;
			display: inline-block;
		}
		
		.checkbox label {
			cursor: pointer;
			position: absolute;
			width: 20px;
			height: 20px;
			top: 0;
			border-radius: 4px;
		
			-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
			-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
			box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
		
			background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
			background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
			background: -o-linear-gradient(top, #222 0%, #45484d 100%);
			background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
			background: linear-gradient(top, #222 0%, #45484d 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
		}
		
		.checkbox label:after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			opacity: 0;
			content: '';
			position: absolute;
			width: 9px;
			height: 5px;
			background: transparent;
			top: 4px;
			left: 4px;
			border: 3px solid #fcfff4;
			border-top: none;
			border-right: none;
		
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		
		.checkbox label:hover::after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
			filter: alpha(opacity=30);
			opacity: 0.3;
		}
		
		.checkbox input[type=checkbox]:checked + label:after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity: 1;
		}
	/* CHECKBOX */
	
/*FORMULARIOS*/



/***********************************************************************************
 *	- LARGE DISPLAY (>1200px)
 ***********************************************************************************/

	
/***********************************************************************************
 *	- EXTRA SMALL DISPLAY (PHONES PORTRAIT)
 ***********************************************************************************/
 
@media (max-width: 767px) {
	
	.nota-informativa {
		position:relative;
		display:inherit;
		width:80%;
		padding: 5px 5px 5px 5px;
		text-align:inherit;
		right:0%;
		top:0px;

	}
	input[type="text"] {
		width: 80%;
		height: 2.5em;
		font-size: 2.5em; font-weight: bold;
		border: 0.2em solid #ccc;
	}
	#password {
		border: 0.1em solid #ccc;
		border-radius: 0em; -moz-border-radius: 0em; -webkit-border-radius: 0em;
		width:100%;
		height: inherit;
		font-size: 1.5em;
		font-weight: inherit;
	}
	
	textarea {
		width: 80%;
		height: 2.5em;
		font-size: 2.5em; font-weight: bold;
		border: 0.2em solid #ccc;
	}
	
	select {
		width: 95%;
		height: 2.5em;
		font-size: 2.5em !important; font-weight: bold;
		border: 0.2em solid #ccc;
		border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em;
	}
	
	input[type="button"] {
		width: 90%;
		font-size: 1.5em; font-weight: bold;
		
	}
	.contenedor_logo{
		width:75%
	}

	.IconoMenu{
		display:inline-block ; visibility:visible; width:10%;
	}
	.Menu{
		width:100%;
		visibility:hidden; /*display:none;*/
		height: 0px;
	}
	.MenuMostrar{
		visibility:visible; /*display:none;*/
		height: auto;
	}
	.Menu0cultar{
		visibility:hidden; /*display:none;*/
		height: 0px;
	}
	.BtnMenu{
		background-color: #7a7a7a;/*#2A6892;*//*#a8c0ca;*//*#e7eaf1;*/
		background: -webkit-linear-gradient(#7a7a7a, #999999);
		background: -o-linear-gradient(#7a7a7a, #999999);
		background: -moz-linear-gradient(#7a7a7a, #999999);
		background: linear-gradient(#7a7a7a, #999999);
		border: 1px solid #ececec;/* #a8c0ca;*/
		box-shadow: inset 0px 1px 5px #FFF;
		border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em;

		font-size: 1.5em; /*font-weight: bold;*/height:auto;line-height:inherit;
		display: inline-block;
		width:100%;
	}
	.BtnMenu:hover{
		color: #FFFFFF;
	}
	.BtnMenu:hover:before {
		left:3%;
		width:94%;
	}
	
	
	.BtnMenuActual{
		background: -webkit-linear-gradient(#2A6892, #134B71);
		background: -o-linear-gradient(#2A6892, #134B71);
		background: -moz-linear-gradient(#2A6892, #134B71);
		background: linear-gradient(#2A6892, #134B71);
		box-shadow: inset 0px 1px 5px #FFF;
		
		background-color: #2A6892;
		
		width: 100%;
		font-size: 1.5em; /*font-weight: bold;*/height:auto;line-height:inherit; color: #FFFFFF;
		border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em;
	}
	.BtnMenuActual:before{
		display:none; visibility:false
	}
	.Etiqueta {
		font-size: 2em; font-weight: bold;
		word-wrap: break-word;
	}
	
	.Tablacontenido{
		width: 100%; 
	}
	.Tablacabecera{
		width: 100%; 
	}
	.Tablapiedepagina{
		width: 100%; 
	}
	.Tablacontenidotitulo {
		font-size: 1.2em; font-weight: bold;
		padding-left: 15px;
		width: 90%;
		height:auto;line-height: auto;
		text-align:left;
	}
	.TituloEvento{
		display: inline-block;
		width:100%;
		padding-left: 0px;
		text-align:left;
		font-size:1.5em;
		height:auto;line-height: auto;
	}
	.BotonEvento{
		display: inline-block; 
		width:95%;
		font-size: 1.5em; font-weight: bold;
		height:2em;line-height:2em;
	}
	.BotonCamara{
		vertical-align:top;
		text-align: center;
		height: 2.8em;
		width: 95%;
		/*padding: 4px 5px 15px 15px;*/
		font-size: 0.8em;  
		color: #FFFFFF;
		
		border-radius: 10em; -moz-border-radius: 10em; -webkit-border-radius: 10em; 
		box-shadow: inset 0px 1px 5px #D4ECFA;
		
		border: 0;
		cursor:pointer;
	}
	.BotonCupos{
		padding-left:0px;
		display: inline-block; 
		width:95%;
		font-size: 1.5em; font-weight: bold;
		height:3.5em;
	}
	.SeparadorColumna{
		display: inline-block;width:100%;height:0.5em;
		zoom: 1;
    	*display: inline;
	}
	.SeparadorFila{
		height:1em;clear: both;
	}
	.SeparadorFilaFormulario{
		height:0.1em;clear: both;
	}
	
	.Fila1{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
		zoom: 1;
    	*display: inline;
	}
	.Fila2{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
		zoom: 1;
    	*display: inline;
	}
	.Fila3{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
		zoom: 1;
    	*display: inline;
	}
	.Fila3A{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
		zoom: 1;
    	*display: inline;
	}
	.Fila4{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
		zoom: 1;
    	*display: inline;
	}
	.Fila5{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
		zoom: 1;
    	*display: inline;
	}
	.Fila1Tiquete{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
	}
	.Fila2Tiquete{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
	}
	.Fila3Tiquete{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
	}
	.Fila4Tiquete{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
	}
	.centrado{
		text-align:left !important;
	}
	.izquierda{
		text-align:left !important;
	}
	.derecha{
		text-align:left !important;
	}
	.justificado{
		text-align:justify !important;
	}
	.arriba{
		vertical-align:top !important;
	}
	.abajo{
		vertical-align:bottom !important;
	}
	.medio{
		vertical-align:middle !important;
	}
	#td_mensaje .Estilo12{
		font-size: 2em;
	}
	#td_mensaje img{
		width: 80%;
	}
	#C128_imagen {
		text-align:center;
		margin-top: 10%;
	}
	#QR_imagen {
		text-align:center;
	}
	
	.chosen-container {
		zoom:5 !important;
		width:95% !important;
	}
}
/***********************************************************************************
 *	- SMALL DISPLAY (TABLETS)
 ***********************************************************************************/
	
@media (min-width: 768px) and (max-width: 991px) {
	.nota-informativa {
		position:relative;
		display:inherit;
		width:90%;
		padding: 5px 5px 5px 5px;
		text-align:inherit;
		right:0%;
		top:0px;

	}
	input[type="text"] {
		width: 95%;
		height: 2.5em;
		font-size: 2.5em; font-weight: bold;
		border: 0.2em solid #ccc;
		border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em;
	}
	#password {
		border: 0.1em solid #ccc;
		border-radius: 0em; -moz-border-radius: 0em; -webkit-border-radius: 0em;
		width:100%;
		height: inherit;
		font-size: 1.5em;
		font-weight: inherit;
	}
	
	textarea {
		width: 95%;
		height: 2.5em;
		font-size: 2.5em; font-weight: bold;
		border: 0.2em solid #ccc;
		border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em;
	}
	select {
		width: 95%;
		height: 2.5em;
		font-size: 2.5em !important; font-weight: bold;
		border: 0.2em solid #ccc;
		border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em;
	}

	input[type="button"] {
		width: 100%;
		font-size: 2.5em; font-weight: bold;
		
	}
	.contenedor_logo{
		width:75%
	}

	.IconoMenu{
		display:inline-block ; visibility:visible; width:10%;
	}
	.Menu{
		width:100%;
		visibility:hidden; /*display:none;*/
		height: 0px;
	}
	.MenuMostrar{
		visibility:visible; /*display:none;*/
		height: auto;
	}
	.Menu0cultar{
		visibility:hidden; /*display:none;*/
		height: 0px;
	}
	
	.BtnMenu{
		background-color: #7a7a7a;/*#2A6892;*//*#a8c0ca;*//*#e7eaf1;*/
		background: -webkit-linear-gradient(#7a7a7a, #999999);
		background: -o-linear-gradient(#7a7a7a, #999999);
		background: -moz-linear-gradient(#7a7a7a, #999999);
		background: linear-gradient(#7a7a7a, #999999);
		border: 1px solid #ececec;/* #a8c0ca;*/
		box-shadow: inset 0px 1px 5px #FFF;
		border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em;
	
		font-size: 2em; /*font-weight: bold;*/height:auto;
		display: inline-block;
		width:100%;
	}
	.BtnMenu:hover{
		color: #FFFFFF;
	}
	.BtnMenu:hover:before {
		left:3%;
		width:94%;
	}
	.BtnMenuActual{
		background: -webkit-linear-gradient(#2A6892, #134B71);
		background: -o-linear-gradient(#2A6892, #134B71);
		background: -moz-linear-gradient(#2A6892, #134B71);
		background: linear-gradient(#2A6892, #134B71);
		box-shadow: inset 0px 1px 5px #FFF;
		border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em;
		
		background-color: #2A6892;
		font-size: 2em; /*font-weight: bold;*/  color: #FFFFFF;height:auto; 
		display: inline-block;
		width:100%;
	}
	.BtnMenuActual:before{
		display:none; visibility:false
	}
	
	.Etiqueta {
		font-size: 2em; font-weight: bold;
		word-wrap: break-word;
	}
	.Tablacontenido{
		width: 95%; 
	}
	.Tablacabecera{
		width: 100%; 
	}
	.Tablapiedepagina{
		width: 100%; 
		font-size: 0.9em; font-weight: bold;
	}
	.Tablacontenidotitulo {
		font-size: 2em;
		padding-left: 15px;
		width: 100%;
		height:2em;line-height: 2em;
		text-align: left;
	}
	.TituloEvento{
		clear: both;
		width:100%;
		padding-left: 0px;
		text-align:left;
		font-size:2em;
		height:auto;
		/*line-height: 2em;*/
	}
	.BotonEvento{
		display: inline-block; 
		width:48%;
		font-size: 2em; font-weight: bold;
		padding-top:1em;
	}
	.BotonCamara{
		vertical-align:top;
		text-align: center;
		height: 2.8em;
		width: 95%;
		/*padding: 4px 5px 15px 15px;*/
		font-size: 0.8em;  
		color: #FFFFFF;
		
		border-radius: 10em; -moz-border-radius: 10em; -webkit-border-radius: 10em; 
		box-shadow: inset 0px 1px 5px #D4ECFA;
		
		border: 0;
		cursor:pointer;
	}
	.BotonCupos{
		padding-left:10px;
		display: inline-block; 
		width:95%;
		width:95%;
		font-size: 1.5em; font-weight: bold;
		height:3.5em;
	}
	.SeparadorColumna{
		display: inline-block;width:2%;
		height: auto;
		zoom: 1;
    	*display: inline;
	}
	.SeparadorFila{
		height:2em;clear: both;
	}
	
	.SeparadorFilaFormulario{
		height:0.1em;clear: both;
	}
	
	.Fila1{
		display: inline-block; width:100%;
		text-align:left;
		height: auto;
		zoom: 1;
    	*display: inline;
	}
	.Fila2{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
		zoom: 1;
    	*display: inline;
	}
	.Fila3{
		display: inline-block; width:46%;
		text-align:left;
		height:auto;
		zoom: 1;
    	*display: inline;
	}
	.Fila3A{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
		zoom: 1;
    	*display: inline;
	}
	.Fila4{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
		zoom: 1;
    	*display: inline;
	}
	.Fila5{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
		zoom: 1;
    	*display: inline;
	}
	
	.Fila1Tiquete{
		display: inline-block; width:100%;
		text-align:left;
		height: auto;
	}
	.Fila2Tiquete{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
	}
	.Fila3Tiquete{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
	}
	.Fila4Tiquete{
		display: inline-block; width:100%;
		text-align:left;
		height:auto;
	}
	.centrado{
		text-align:left !important;
	}
	.izquierda{
		text-align:left !important;
	}
	.derecha{
		text-align:left !important;
	}
	.justificado{
		text-align:justify !important;
	}
	.arriba{
		vertical-align:top !important;
	}
	.abajo{
		vertical-align:bottom !important;
	}
	.medio{
		vertical-align:middle !important;
	}
	#td_mensaje .Estilo12{
		font-size: 2em;
	}
	#td_mensaje img{
		width: 80%;
	}
	
	#C128_imagen {
		text-align:center;
		margin-top: 10%;
	}
	#QR_imagen {
		text-align:center;
	}
	
	.chosen-container {
		zoom:5 !important;
		width:95% !important;
	}
	
}

/***********************************************************************************
 *	- EXTRA SMALL DISPLAY (PHONES LANDSCAPE)
 ***********************************************************************************/

@media only screen and (min-width: 480px) and (max-width: 767px) {

}