/* CSS Document */
body {
	margin: 0px;
	background-color: #F4F4F4;
	font-family: "Trebuchet MS",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	background-image: url(../img/bg1.jpg);
	background-repeat: repeat;
}

input {
	padding:4px;
}
#derecha {
	width: 78%;
	float: right;
	clear: none;
	}


#izquierda {
	height: auto;
	width: 20%;

}

#wrapper {
	height: auto;
	width: 100%;
}
#head {
	height: 120px;
	width: 905px;
	background-image: url(../img/bg-head2.jpg);
	background-repeat: repeat-x;
	/*background-position: 40px;*/
	background-color: #333333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#head2 {
	height: 120px;
	width: 905px;
	background-image: url(../img/bg-head2.jpg);
	background-repeat: repeat-x;
	background-position: 0px;
	background-color: #333333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#menu {
	height: 35px;
	background-color: #1455c7;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	cursor: auto;
	font-variant: normal;
	font-size: 14px;
	padding: 0px;
	width: 925px;
}
#cuerpo {
	background-color: #FFF;
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	border-top-style: solid;
	border-bottom-style: solid;
	margin-top: 5px;
}
#cuerpo2 {
	margin-right: 40px;
	margin-left: 40px;
}


#logo {
	float: left;
	height: 100px;
	width: 344px;
	margin-top: 12px;
}
.footer {
	background-image: url(../img/bg-footer.PNG);
	height: 60px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background-repeat: repeat-x;
	font-size: 14px;
	position: relative; /* esta propiedad de borrado fuerza a .container a conocer dónde terminan las columnas y a contenerlas */
	background-color: #fff;
	border: 1px solid #bbbabc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0 0 8px #dcddde;
	clear: both;
	float: none;
	width: 890px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#menu table {
	font-weight: bold;
	text-transform: uppercase;
	height: 35px;
	width: 917px;
}


#buscador {
	float: right;
	height: 40px;
	width: 300px;
	margin-top: 40px;
	margin-right: 10px;
}
#fecha {
	float: right;
	width: 300px;
	margin-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
#bloques {
	height: 250px;
	width: 300px;
	margin-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.letras {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	}
	.letras2 {
	text-align: justify;
	margin: 20px;
	
	}
.letras_bienvenida {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	}	
.toplinks {
	text-align: center
}
.toplinks a {
	color: #FFF;
	text-decoration: none
}
.toplinks a:hover {
	color: #00FF00;
	text-decoration: none
}

.cajaredondeada {
	background-color: #fff;
	border: 1px solid #bbbabc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0 0 8px #dcddde;
}

.cajaredondeadamenu {
	background-color: #fff;
	border: 1px solid #bbbabc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0 0 8px #dcddde;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 40px;
	margin-left: 40px;
}
.cajaredondeadacuadros {
	background-color: #DBDBDB;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0px 0px 8px #dcddde;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #bbbabc;
	border-right-color: #666666;
	border-bottom-color: #A60004;
	border-left-color: #666666;
}
.cajaredondeadaabajo {
	position: relative; /* esta propiedad de borrado fuerza a .container a conocer dónde terminan las columnas y a contenerlas */
	background-color: #fff;
	border: 1px solid #bbbabc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0 0 8px #dcddde;
	margin-top: 5px;
	margin-right: 40px;
	margin-left: 40px;
	clear: both;
	float: none;
}
.cajaredondeadatope {
	background-color: #fff;
	border: 1px solid #bbbabc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0 0 8px #dcddde;

}
#cajaredondeadaderecha {
	background-color: #fff;
	border: 1px solid #bbbabc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0 0 8px #dcddde;
	margin-bottom: 5px;

}
.iconos {
	color: #00F;
}


.cajaredondeadaizquierda {
	background-color: #F4F0FF;
	border: 1px solid #bbbabc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0 0 8px #dcddde;
	font-weight: bold;
	font-size: 16px;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 5px;
	overflow: hidden;

}
.cajaredondeadalogin {
	background-color: #1455c7;
	border: 1px solid #bbbabc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0 0 8px #dcddde;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: oblique;
	color: #FFF;
	background-repeat: repeat;
	text-decoration: blink;
	text-align: center;
	margin-bottom: 5px;
}


#tablalogin {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background-color: #0F3;
	line-height: 20px;
	letter-spacing: 0px;
	word-spacing: 0em;
	display: marker;
	background-image: none;
	background-repeat: repeat;
}
.cajaredondeadais {
	background-color: #80FFFF;
	border: 1px solid #bbbabc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0 0 8px #dcddde;
	margin-right: 50px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}


#login-box {
	width:250px;
	height: 352px;
	padding: 58px 76px 0 76px;
	color: #ebebeb;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(../img/login-box-backg.png) no-repeat left top;
}

#login-box img {
	border:none;
}

#login-box h2 {
	padding: 0;
	margin: 0;
	color: #ebebeb;
	font: bold 44px "Calibri", Arial;
	font-size: 36px;
}


#login-box-name {
	float: left;
	display:inline;
	width:80px;
	text-align: right;
	padding: 14px 10px 0 0;
	margin:0 0 7px 0;
}

#login-box-field {
	float: left;
	display:inline;
	width:230px;
	margin:0;
	margin:0 0 7px 0;
}


.form-login  {
	width: 205px;
	padding: 10px 4px 6px 3px;
	border: 1px solid #0d2c52;
	background-color:#1e4f8a;
	font-size: 16px;
	color: #ebebeb;
}


.login-box-options  {
	clear:both;
	padding-left:87px;
	font-size: 11px;
}

.login-box-options a {
	color: #ebebeb;
	font-size: 11px;
}

.nulo {
	margin-left: 40px;
	margin-right: 40px;
}

.container {



}
.imagen {
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
.olvidosuclave {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: blink;
}
.sidebar1 {
	float: right;
	position: relative;
	width: 300px;
}
.content {
	float: left;
	padding: 10px;
	width: 595px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	position: relative;
		}
.content2 {
	float: left;
	padding: 0px;
	width: 620px;
	position: relative;
	margin: 0px;
}
ul.nav {
	list-style: none; /* esto elimina el marcador de lista */
	border-top: 1px solid #666; /* esto crea el borde superior de los vínculos (los demás se sitúan usando un borde inferior en el LI) */
	margin-bottom: 15px; /* esto crea el espacio entre la navegación en el contenido situado debajo */
}
ul.nav li {
	border-bottom: 1px solid #666; /* esto crea la separación de los botones */
}
ul.nav a, ul.nav a:visited { /* al agrupar estos selectores, se asegurará de que los vínculos mantengan el aspecto de botón incluso después de haber sido visitados */
	padding: 5px 5px 5px 15px;
	display: block; /* esto asigna propiedades de bloque al vínculo, lo que provoca que llene todo el LI que lo contiene. Esto provoca que toda el área reaccione a un clic de ratón. */
	width: 160px;  /*esta anchura hace que se pueda hacer clic en todo el botón para IE6. Puede eliminarse si no es necesario proporcionar compatibilidad con IE6. Calcule la anchura adecuada restando el relleno de este vínculo de la anchura del contenedor de barra lateral. */
	text-decoration: none;
	background-color: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* esto cambia el color de fondo y del texto tanto para usuarios que naveguen con ratón como para los que lo hagan con teclado */
	background-color: #ADB96E;
	color: #FFF;
}

.scrollbars {
	/*overflow:scroll;*/
	overflow-x:auto; 
	overflow-y:scroll
	}

/*Login azul*/
.banner-login {
	width: 255px;
	float: right;
	font-family: 'Raleway', sans-serif;
	background: #3ba8df;
	border: 1px solid #40B7EE;
	-webkit-box-shadow: inset 0px 5px 40px 0px #065e94;
	-moz-box-shadow: inset 0px 5px 40px 0px #065e94;
	box-shadow: inset 0px 5px 40px 0px #065e94;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: white;
	padding: 20px;
}
.banner-login form {
	margin-bottom: 6px;
}

.banner-login h1 {
	font-weight: 700;
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 1px 1px 1px #1F76A5;
}



.btn-info {
	text-align: center;
	display: block;
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-image: url(../img/login-home.png);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #FFF;
	text-decoration: blink;
	height: 50px;
	width: 150px;
}
.btn:first-child { *margin-left: 0; }




../home/skins/default/img/login-home.png
/*fin login azul*/


@media screen and (max-width: 960px) {


}

}
@media screen and (max-width: 670px) {
	}

.tablapanel {
	background-color: #948a54;
	border-radius: 5px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 5px;
	border: medium solid #4f6228;
}
.tablapanelcliente {
	background-color: #948a54;
	border-radius: 5px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 5px;
	border: medium solid #4f6228;
}
.letrastablapanel {
	color: #FFFFFF;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 17px;
	font-weight: lighter;
}
.letrastablapanel2 {
	color: #FFFFFF;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	font-variant: normal;
}
.agregarusuario {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00F;
	font-style: normal;
	line-height: normal;
	text-decoration: blink;
	background-color: #0FF;
}
#tablaclientes {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 15px;
	text-align: right;
	border: 1px solid #40B7EE;
	border-collapse: collapse;
	/*-webkit-box-shadow: inset 0px 5px 40px 0px #065e94;
	-moz-box-shadow: inset 0px 5px 40px 0px #065e94;
	box-shadow: inset 0px 5px 40px 0px #065e94;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;*/
	border-radius: 3px;
	color: #000;
	padding: 5px;
	
}


.botones {
	background-color: #740000;
	border: 1px solid #bbbabc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0 0 8px #dcddde;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: oblique;
	color: #FFF;
	background-repeat: repeat;
	text-decoration: blink;
	float: right;
	margin-right: 28px;
	margin-bottom: 1px;
	padding: 2px;
	
}

#reportarpagos {
	WIDTH: 400px;
	
	float: right;

}
::-webkit-scrollbar
{
    width: 6px;
    height: 6px;
}
 
::-webkit-scrollbar-track-piece
{
    background-color: #ffffff;
    -webkit-border-radius: 3px;
}
 
::-webkit-scrollbar-thumb:vertical
{
    height: 3px;
    background-color: #2ad;
    -webkit-border-radius: 3px;
}
 
::-webkit-scrollbar-thumb:horizontal
{
    width: 3px;
    background-color: #2ad;
    -webkit-border-radius: 3px;
}
.ec {
	width: 925px;
	margin-left: auto;
	margin-right: auto;
	background-color: #31869b;
	border-radius: 5px;
	font-family: "Arial Narrow", Arial, sans-serif;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 3px;
}

.rp {
	WIDTH: 400px;
	float: right;
	background-color: #740000;
	border: 1px solid #bbbabc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: oblique;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0 0 8px #dcddde;
	font-family: "Arial Narrow", Arial, sans-serif;
	color: #FFF;
	text-decoration: blink;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 25px;
}
.ec2 {
	WIDTH: 480px;
	float: left;
	background-color: #740000;
	border: 1px solid #bbbabc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: oblique;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0 0 8px #dcddde;
	font-family: "Arial Narrow", Arial, sans-serif;
	color: #FFF;
	text-decoration: blink;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;	
	padding: 1px;
}
.cajaredondeadatabladatos {
	background-color: #fff;
	border: 1px solid #bbbabc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0 0 8px #dcddde;
	margin-bottom: 5px;
	width:925px;
	margin-left:auto;
	margin-right:auto;
}
.tablaflotante {

	height: 254px;
	overflow-x: hidden;
	overflow-y: auto;
}
.resultados {
	width: 925px;
	margin-left: auto;
	margin-right: auto;
	background-color: #31869b;
	border-radius: 5px;
	margin-top: auto;
	margin-bottom: 5px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 16px;
	text-align: right;
	border: 1px solid #40B7EE;
	border-collapse: collapse;
	border-radius: 3px;
	color: #FFF;
	font-weight: bold;
}
.imprimir {
	width: 458px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border: 1px solid #bbbabc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0 0 8px #dcddde;
	float: left;
	margin-bottom: 2px;
	
}
.imprimirg {
	width: 458px;
	float: left;
	margin-bottom: 5px;
}
.reportar {
	width: 458px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border: 1px solid #bbbabc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 8px #dcddde;
	-moz-box-shadow: inset 0 0 8px #dcddde;
	-webkit-box-shadow: inset 0 0 8px #dcddde;
	float: right;
	margin-bottom: 5px;
	text-align: justify;
}
.iec {
	width: 460px;
	margin-left: auto;
	background-color: #31869b;
	border-radius: 5px;
	font-family: "Arial Narrow", Arial, sans-serif;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 3px;
	float: left;
	text-decoration: none;
	margin-top: 0px;
}
.iec2 {
	width: 458px;
	margin-left: auto;
	margin-right: 3px;
	background-color: #31869b;
	border-radius: 5px;
	font-family: "Arial Narrow", Arial, sans-serif;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 3px;
	float: right;
	
}
.boton {
	background-color: #620039;
	border: 1px solid #13659e;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 4px;
	min-width: 110px;
	font-family: "Arial Narrow", Arial, sans-serif;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	/*-webkit-transition: all 1s ease 1s;
	-moz-transition: all 1s ease 1s;
	-o-transition: all 1s ease 1s;
	transition: all 1s ease 1s;*/
	text-decoration: none;
}
.boton:hover {
	background-color:#31869b;
	color:#fff;
	cursor:pointer;
	-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
}
.campo{
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 220px;
	border: 1px solid #EEE;
}

/*.campo2{
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 2px;
	width: 238px;
	border: 1px solid #EEE;
}*/
.campo2{
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 150px;
	border: 1px solid #EEE;
}
.campo22{
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 243px;
	border: 1px solid #EEE;
}
.campo3{
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 2px;
	font-size: 14px;
	width: 237px;
	border: 1px solid #EEE;
}
.capaerrores{
	width:220px;
	display:none;
	font-size: 12px;
	background-color: #FFB7B9;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 5px;
	margin-top: 3px;
	font-weight: 100;
	color: #A50505;
}
.capa_error_de_seccion{
	width:300px;
	alignment-adjust:central;
	font-size: 14px;
	background-color: #FFB7B9;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 3px;
	margin-top: 3px;
	font-weight: 100;
	color: #A50505;
	margin-right: 10px;
	margin-bottom: 5px;
	overflow: hidden;
}

.capa_mensaje_sesion{
	width:300px;
	alignment-adjust:central;
	font-size: 14px;
	background-color: #FFB7B9;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 3px;
	margin-top: 3px;
	font-weight: 100;
	color: #A50505;
	margin-right: 10px;
	margin-bottom: 5px;
	overflow: hidden;

}

.capaerrores2{
	width:233px;
	display:none;
	font-size: 12px;
	background-color: #FFB7B9;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 5px;
	margin-top: 3px;
	font-weight: 100;
	color: #A50505;
}
.capaerrores_ae{
	width:203px;
	display:none;
	font-size: 12px;
	background-color: #FFB7B9;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 5px;
	margin-top: 3px;
	font-weight: 100;
	color: #A50505;
}
.capaexito{
	width: 300px;
	display:none;
	font-size: 12px;
	background-color: #8bea92;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 5px;
	margin-top: 3px;
	font-weight: 100;
	color: #276d2c;
}
.barramenu {
	width: 300px;
	margin-left: auto;
	margin-right: 3px;
	background-color: #31869b;
	border-radius: 5px;
	font-family: "Arial Narrow", Arial, sans-serif;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 3px;
	float: left;
	text-decoration: none;

}
.asterisco {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #F00;
	}
.cajaredondeadaloginstart {
	background-color: #31869b;
	border-radius: 5px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: oblique;
	color: #FFF;
	background-repeat: repeat;
	text-decoration: blink;
	text-align: center;
	margin-bottom: 5px;
}
.cajaredondeadaloginstart a {
	font-family: "Arial Narrow", Arial, sans-serif;
	color: #FFF;
	text-decoration: blink;
}

.tabla_act_num{ 
	border-radius: 3px;
	padding: 3px;		
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 16px;
	text-align: right;
	padding: 1px;
	border: 1px solid #31bae6;
	border-collapse: collapse;
}

.tablaresultados {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: blink;
	text-align: right;
	border: 1px solid #40B7EE;
	border-collapse: collapse;
	-webkit-box-shadow: inset 0px 5px 40px 0px #065e94;
	-moz-box-shadow: inset 0px 5px 40px 0px #065e94;
	box-shadow: inset 0px 5px 40px 0px #065e94;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;
	margin-left: 44px;
}
.dedc {
	text-align: right;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	float: none;
	height: 100px;
	width: 20px;
	margin-left: 200px;
}
.letrastablapanelnegras {
	color: #000000;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-variant: normal;
}
.letrastablapanelnegrasc {
	color: #000000;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 16px;
	font-variant: normal;
	font-style: normal;
}
.cse .gsc-control-cse, .gsc-control-cse {
padding: 0 !important;
background: none !important;
border: none !important;
text-align: left !important;
}
 
.cse .gsc-control-cse, .gsc-control-cse form.gsc-search-box {
padding: 0 !important;
background: none !important;
margin: 0 !important;
border: none !important;
text-align: left !important;
}
.ifc {
	text-decoration: none;
	width: 458px;
	margin-left: auto;
	margin-right: 3px;
	background-color: #4384d2;
	border-radius: 5px;
	font-family: 'Arial Narrow', Arial, sans-serif;
	text-decoration: blink;
	text-align: left;
	color: #FFF;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 3px;
	float: left;
	border-radius: 5px;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 1s ease 0.50s;
	-moz-transition: all 1s ease 0.50s;
	-o-transition: all 1s ease 0.50s;
	transition: all 1s ease 0.50s;
	box-shadow: inset 0 0 8px #18020d;
	-moz-box-shadow: inset 0 0 8px #18020d;
	-webkit-box-shadow: inset 0 0 8px #18020d;
	padding-left: 5px;	
}
.ifc:hover {
	background-color: #620039;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.50s ease;
	-moz-transition: all 0.50s ease;
	-o-transition: all 0.50s ease;
	transition: all 0.50s ease;
	text-decoration: blink;
}
.barra {
	text-decoration: none;
	width: 585px;
	margin-left: auto;
	margin-right: 3px;
	background-color: #4384d2;
	border-radius: 5px;
	font-family: 'Arial', Arial, sans-serif;
	text-decoration: blink;
	text-align: left;
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 3px;
	float: left;
	border-radius: 5px;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 1s ease 0.50s;
	-moz-transition: all 1s ease 0.50s;
	-o-transition: all 1s ease 0.50s;
	transition: all 1s ease 0.50s;
	box-shadow: inset 0 0 8px #18020d;
	-moz-box-shadow: inset 0 0 8px #18020d;
	-webkit-box-shadow: inset 0 0 8px #18020d;
	padding-left: 5px;	
}
.barra:hover {
	background-color: #620039;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.50s ease;
	-moz-transition: all 0.50s ease;
	-o-transition: all 0.50s ease;
	transition: all 0.50s ease;
	text-decoration: blink;
}
.men1 {
	width: 200px;
	background-color: #4384d2;
	border-radius: 5px;
	font-family: 'Arial Narrow', Arial, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font-size: 21px;
	font-weight: normal;
	font-style: normal;
	float: none;
	border-radius: 5px;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 1s ease 0.50s;
	-moz-transition: all 1s ease 0.50s;
	-o-transition: all 1s ease 0.50s;
	transition: all 1s ease 0.50s;
	box-shadow: inset 0 0 8px #18020d;
	-moz-box-shadow: inset 0 0 8px #18020d;
	-webkit-box-shadow: inset 0 0 8px #18020d;
	padding-left: 5px;
	margin: 3px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.men1:hover {
	background-color: #620039;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.50s ease;
	-moz-transition: all 0.50s ease;
	-o-transition: all 0.50s ease;
	transition: all 0.50s ease;
	text-decoration: blink;
}
.men2 {
	text-decoration: none;
	width: 350px;
	margin-right: 3px;
	background-color: #4384d2;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: blink;
	text-align: center;
	color: #FFF;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 3px;
	padding-left: 5px;
}
.menrp {
	text-decoration: none;
	/*width: 500px;*/
	margin-right: 3px;
	background-color: #4384d2;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: blink;
	text-align: center;
	color: #FFF;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 3px;
	padding-left: 5px;
}
.tildar {
	width: 18px;
	height: 18px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 4px;
	min-width:50px;	
	-webkit-transition:all 1s ease 1s;
	-moz-transition:all 1s ease 1s;
	-o-transition:all 1s ease 1s;
	transition:all 1s ease 1s;
}
.boton_aprobar {
	background-color:#620039;
	border:1px solid #13659e;
	color:#fff;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 4px;
	min-width:50px;
	font-family: "Arial Narrow", Arial, sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	-webkit-transition:all 1s ease 1s;
	-moz-transition:all 1s ease 1s;
	-o-transition:all 1s ease 1s;
	transition:all 1s ease 1s;
}
.boton_aprobar:hover {
	background-color:#31869b;
	color:#fff;
	cursor:pointer;
	-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;
}

.cap_descarga {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
	/*border: 1px solid #40B7EE;
	border-collapse: collapse;
	border-radius: 20px;*/
	color: #000;
	font-weight: bold;
	margin-left: 40px;
	margin-top: 5px;
}
.barrafloat {
	text-decoration: none;
	/*margin-right: 3px;*/
	background-color: #4384d2;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: blink;
	text-align: center;
	color: #FFF;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 3px;
	padding-left: 5px;
}
.barrafloat_rojo {
	text-decoration: none;
	margin-right: 3px;
	background-color: #FF0000;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: blink;
	text-align: center;
	color: #FFF;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 3px;
	padding-left: 5px;
}
.barrafloat_verde {
	text-decoration: none;
	margin-right: 3px;
	background-color: #276d2c;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: blink;
	text-align: center;
	color: #FFF;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 3px;
	padding-left: 5px;
}
.campo_g{
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #EEE;
}
.campo_c{
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 2px;
	font-size: 14px;
	width: 213px;
	border: 1px solid #EEE;
}
.tablaclientes {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 15px;
	text-align: right;
	border: 1px solid #40B7EE;
	border-collapse: collapse;
	border-radius: 3px;
	color: #000;
	padding: 5px;
	
}
.tabla_cobranza_select{
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 2px;
	font-size: 18px;
	/*width: 213px;*/
	border: 2px solid #4283D1;
}
.tabla_cobranza {
    font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 18px;
	text-align: right;
	padding: 1px;
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
	color: #000;

	margin-top: 10px;	
}
.cobranza_alto{
	height: 400px;
	overflow-x: hidden;
	overflow-y: auto;	
	}
.campo_cobranza{
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/*width: 220px;*/
	border: 0px solid #EEE;
	margin:0px;
	background-color:#8DFDB2;
}
.campo_cobranza_select{
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 2px;
	font-size: 14px;
	width: 213px;
	border: 1px solid #EEE;
	background-color:#8DFDB2;
}

.tabla_cobranza_grilla {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 15px;
	text-align: right;
	border: 1px solid #40B7EE;
	border-collapse: collapse;
	border-radius: 3px;
	color: #000;
	padding: 5px;	
}

.clase_nula{
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #EEE;
}

.cont {
	/*position: relative;*/
  float: left;
	width: 190px;
	margin: 0 auto;

}
/* El ID del Input Password */
#pass {
	width: 140px;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 3px;
	outline: none;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/* Especificamos el color del borde y sombra al hacer click al input */
#pass:focus {
	border-color: #39CCCC;
	box-shadow: inset 0 1px 1px rgba(0,0,0, .05),0 0 12px rgba(0,135,243, .5);
}
/* Especificamos la ubicacion de la Imagen(ojo) */
#change {
	/*position: absolute;*/
  float: right;
	width: 28px;
	height: 28px;

	top: 2px;
}
/* Ojo por defecto */
#change.eye {
	background: url("http://localhost:8080/home/skins/default/img/eye1.png");
	background-size: cover;
}
/* Ojo Nuevo */
#change.eye2 {
	background: url("http://localhost:8080/home/skins/default/img/eye2.png");
	background-size: cover;
}

/* Aqui empieza el Input Transparente*/

/* Contenedor Principal del input transparente */
.cont2 {
	position: relative;
	margin: 5px auto;
	width: 185px;
}
/* Especificamos el fondo transparente al input */
.cont2 #pass {
	background: transparent;
}