/*
transition: all .2s linear;
grid-template-columns:;
font-family: 'Ubuntu', sans-serif;
color azul logo #071689;
*/
body,html
	{
		font-size:10pt;
		font-family: 'Ubuntu', sans-serif;
		margin:0;
		padding:0;
		width:100%;
		height:100%;
		overflow-x:hidden;
		background: rgba(255,255,255,0.62);
		background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.62) 0%, rgba(41,184,229,0.91) 77%, rgba(41,184,229,1) 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,0.62)), color-stop(77%, rgba(41,184,229,0.91)), color-stop(100%, rgba(41,184,229,1)));
		background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.62) 0%, rgba(41,184,229,0.91) 77%, rgba(41,184,229,1) 100%);
		background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.62) 0%, rgba(41,184,229,0.91) 77%, rgba(41,184,229,1) 100%);
		background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.62) 0%, rgba(41,184,229,0.91) 77%, rgba(41,184,229,1) 100%);
		background: radial-gradient(ellipse at center, rgba(255,255,255,0.62) 0%, rgba(41,184,229,0.91) 77%, rgba(41,184,229,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#29b8e5', GradientType=1 );
		background-image:url("/graf/imagen_fondo2/fondo2.jpg");
		background-size:cover;
	}

#fondo_negro
	{
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: black;
		z-index:35;
		-moz-opacity: 0.6;
		opacity:.60;
		filter: alpha(opacity=60);
		background-repeat:repeat-x;
		z-index:10;
	}

#fondo_negro_invisible
	{
		display:none;
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: black;
		z-index:35;
		-moz-opacity: 0.6;
		opacity:.60;
		filter: alpha(opacity=60);
		background-repeat:repeat-x;
		z-index:10;
	}

.class-p	{margin:0;padding:0;font-weight:normal;}
.class-pb	{margin:0;padding:0;font-weight:bold;}

.titulo-web
	{
		display:table;
		margin:10px auto;
		font-size: 9vw;
		color:#fff;
		text-shadow: 1px 1px 5px #000;
		width:98%;
		text-align:center;
		font-weight:bold;
		font-family: 'Ubuntu', sans-serif;
	}
.acceso-login
	{
		position:relative;
		display:table;
		margin:30px auto;
		border:1px solid #000;
		-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
		background-color:rgba(255,255,255,0.9);
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		max-width:350px;
		padding-bottom:30px;
		width:98%;
		z-index:5;
	}
.acceso-login	a
	{
		text-decoration:none;
		color:#071689;
	}
.logo-empresa
	{
		margin:15px;
		font-size:24pt;
		text-align:center;
		padding:1.5em 0;
	}

.div-acceso
	{
		margin:30px 10px;
	}


.boton
	{
		outline:0;
		background-color:#071689;
		border:1px solid #000;
		color:#fff;
		padding:5px 15px;
		font-size:12pt;
		transition: all .2s linear;
	}

.boton:hover
	{
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
		box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
		background-color:#29b8e6;
	}

.boton-acceso
	{
		display:table;
		width:100%;
		outline:0;
		background-color:#071689;
		border:1px solid #000;
		color:#fff;
		padding:5px 0;
		font-size:12pt;
		transition: all .2s linear;
	}

.boton-acceso:hover
	{
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
		box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
		background-color:#29b8e6;
	}

.boton_enviar_password
	{
		color:#fff;
		font-size:10pt;
		background-color:#94b528;
		padding:1px 10px;
		border:0;
	}
.boton_enviar_password:hover
	{background-color:#6eb528;}

.boton_cancelar_password
	{
		color:#fff;
		font-size:10pt;
		background-color:#FB4A4A;
		padding:1px 10px;
		border:0;
	}

.boton_cancelar_password:hover
	{background-color:#ff0000;}


.input_text
	{
		background-color:#D4D4D4;
		color:#000;
		border:1px solid #ccc;
		font-size:8pt;
		font-family:trebuc,arial;
		height:15px;
		padding:0;
	}


.copy
	{
		position:absolute;
		bottom:0;
		right:0;
		left:0;
		margin:0 auto 10px auto;;
		text-align:center;
		color:#fff;
		z-index:1;
	}





#recordar_password
	{
		position:absolute;
		left:0;
		right:0;
		margin:100px auto;
		width:550px;
		display:none;
		-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
		z-index:20;
	}

#recordar_password	#contenido_recordar_password
	{
	}

#recordar_password	#contenido_recordar_password	#titulo_recuperar_pass
	{
		background-color:#474646;
		color:#fff;
		padding:5px 15px;
		font-size:10pt;
		font-weight:bold;

	}

#recordar_password	#contenido_recordar_password	#contenido_recuperar_pass
	{
		background-color:#fff;
		border:1px solid #000;
		padding:15px;
	}


#flotante_mensaje_error_login
	{
		position:absolute;
		width:450px;
		left:50%;
		padding-bottom:30px;
		margin-left:-225px;
		margin-top:200px;
		border:1px solid #000;
		z-index:15;
		background-color:#fff;
		text-align:center;
	}

#flotante_mensaje_error_login	#contenido_info_mensaje_error
	{
		margin-top:20px;
		font-size:14pt;
		font-weight:bold;
	}


#flotante_aviso_nuevo_usuario
	{
		position:absolute;
		width:450px;
		padding-bottom:30px;
		left:50%;
		margin-left:-200px;
		margin-top:250px;
		border:1px solid #000;
		background-color:#fff;
		box-shadow: 1px 1px 15px #000;
		-moz-box-shadow: 1px 1px 15px #000;
		-webkit-box-shadow: 1px 1px 15px #000;
		z-index:40;
	}

#flotante_aviso_nuevo_usuario	#titulo_nuevo_usuario
	{
		height:40px;
		background-color:#474646;
		border:0px solid red;
		color:#fff;
	}

#flotante_aviso_nuevo_usuario	#titulo_nuevo_usuario	#titulo_nuevo_usuario_izquierda
	{float:left;margin:12px 0 0 30px;font-weight:bold;overflow:hidden;border:0px solid red;}
#flotante_aviso_nuevo_usuario	#titulo_nuevo_usuario	#titulo_nuevo_usuario_derecha
	{float:right;margin:6px 5px 0 0;}

#flotante_aviso_nuevo_usuario	#mensaje_error_nuevo_usuario
	{
		margin-top:30px;
		text-align:center;
		font-size:14pt;
	}

#flotante_aviso_nuevo_usuario	#mensaje_error_nuevo_usuario_linea2
	{
		margin-top:10px;
		text-align:center;
		font-size:14pt;
	}

#flotante_aviso_nuevo_usuario	#mensaje_error_nuevo_usuario_linea3
	{
		margin-top:25px;
		text-align:center;
		font-size:14pt;
	}

#flotante_aviso_nuevo_usuario	#submit_mensaje_error_nuevo_usuario
	{
		margin-top:30px;
		text-align:center;
	}

.setup
	{
		position:relative;
		display:table;
		margin:30px auto;
		border:1px solid #000;
		-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
		background-color:rgba(255,255,255,0.9);
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		width:90%;
		max-width:350px;
		padding-bottom:30px;
		width:98%;
		z-index:5;
		overflow:hidden;
	}

.tit-setup
	{
		text-align:center;
		font-size:14pt;
		padding:2px 0;
		background-color:#000;
		color:#fff;
	}

.contenido-setup
	{
		margin:10px;
	}

.clase-text-responsive	ul {list-style-type:none;margin:0px;padding:0px;}
.clase-text-responsive	li{padding:8px 3px;border-bottom:0px solid #eee;position:relative;border:0px solid red;}
.clase-text-responsive	label {width:100%;display: inline-block;float: left;font-size: 1em;font-weight: bold;}
.clase-text-responsive	textarea {padding:5px;font-size: 0.9em}
.clase-text-responsive	input {border:1px solid #aaa;color: #000;font-family:verdana,arial;width:100%;}
.clase-text-responsive	textarea {border:1px solid #aaa;color: #000;font-family:verdana,arial;width:98%;}
.clase-text-responsive	input:focus,  textarea:focus {background: #fff;border:1px solid #555;box-shadow: 0 0 3px #aaa;}
.clase-text-responsive	input:required:valid,  textarea:required:valid {box-shadow: 0 0 5px #5cd053;border-color: #28921f;}
.clase-text-responsive	input:focus:invalid,  textarea:focus:invalid {box-shadow: 0 0 5px #d45252;border-color: #b03535}

.bot-sub-setup
	{
		text-align:center;
		margin-top:20px;
	}