@CHARSET "ISO-8859-1";

/*estilos de la plantilla principal de la pagina web*/
body {
	background-color: #EBEBEB;
}

div { /*border: 1px red solid;*/
	
}

.page {
	width: 900px;
	margin: 0 auto;
	background-color: #FFFFFF;
	-moz-border-radius: 5px;
	border-right: 2px #DEDEDE solid;
	border-top: 1px #DEDEDE solid;
	border-bottom: 3px #DEDEDE solid;
}

.header {
	width: 99%;
	height: 100px;
	position: relative;
	margin: 0 auto;
}

.loginMini {
	
}

.links {
	width: 650px;
	height: 20px;
	float: right;
	padding-right: 10px;
	color: #B51414;
}

.links a {
	text-decoration: none;
}

.work {
	width: 100%;
	position: relative;
	top: 30px;
	margin: 0 auto;
}

.footer {
	width: 900px;
	margin: 0 auto;
	color: #7F7F7F;
}

.formConsulta {
	width: 90%;
	margin: 0 auto;
	background-color: #F8F6F6;
	-moz-border-radius: 5px;
	padding: 5px 5px 10px 5px;
	border: 1px #DEDEDE solid;
}

.formConsulta .titulo {
	t-size: 14px;
	font-weight: bold;
	color: #7F7F7F;
}

/*estilos de los componentes plantilla*/
.edit {
	position: relative;
	width: 90%;
}

.label {
	position: relative;
	float: left;
	margin-right: 10px;
	width: 20%;
	font-weight: bold;
	text-align: left;
}

.display {
	text-transform: none;
}

.prop {
	margin-right: 10px;
	font-weight: bold;
	text-align: left;
	width: 30%;
}

.get {
	text-align: justify;
	padding-left: 10px;
	width: 65%;
}

.message {
	position: relative;
	width: 70%;
	text-align: left;
}

/* Estilos que aplican a los componentes de ingreso de datos del formulario*/
textarea {
	padding: 5px;
	border: 1px #8A8A8A solid;
	-moz-border-radius: 5px;
}

input[type='text'],input[type='password'] {
	-moz-border-radius: 5px;
	padding: 2px;
	border: 1px #8A8A8A solid;
}

select {
	-moz-border-radius: 5px;
	padding: 2px;
	border: 1px #8A8A8A solid;
	text-transform: lowercase;
}

a:active,a:link,a:visited {
	color: #B51414;
}

a img {
	border: 0;
}

input[type='submit'],input[type='reset'],input[type='button'] {
	background: #CD0101;
	color: white;
}

/*Otros estilos*/
.title {
	text-align: center;
	font-weight: bold;
}

.importante {
	font-size: 14px;
	font-weight: bold;
}

.fondoConsulta {
	background-image: url("../img/buscar.gif");
	background-position: 93% 98%;
	background-repeat: no-repeat;
}

.fondoNotificaciones {
	background-position: 87% 90%;
	background-repeat: no-repeat;
}

.fondoUsuario {
	background-image: url("../img/user.gif");
	background-position: 98% 98%;
	background-repeat: no-repeat;
}

.fondoRecargar {
	background-image: url("../img/recargarPeq.gif");
	background-position: 98% 98%;
	background-repeat: no-repeat;
}

/*Estilo de los listados de menus*/
.linkMain:hover {
	background-image: url("../img/fondin.gif");
}

.tituloMenu {
	font-size: 22px;
}

.listaMenu {
	
}

.listaFix {
	position: relative;
	top: -25px;
}

.listaMenu li {
	display: inline;
}

.listaMenu li a:hover {
	text-decoration: underline;
}

.listaMenu li a {
	color: black;
	text-decoration: none;
}

.listaMenu li .seleccionado {
	color: #B51414;
	font-weight: bolder;
}

/*Estilos para las paginas de contenidos*/
.informacion {
	width: 90%;
	margin: 0 auto;
	background-color: #F8F6F6;
	border: 1px #DEDEDE solid;
	-moz-border-radius: 5px;
	padding: 5px 5px 5px 5px;
}

.informacion .contenido {
	width: 550px;
	min-height: 65px;
	margin: 0px 5px 0px 10px;
	-moz-border-radius: 5px;
	float: left;
	background-color: White;
	border: 1px #DEDEDE solid;
	color: #999999;
	padding: 5px 5px 5px 5px;
	text-align: justify;
}

.informacion .contenido .titulo {
	font-weight: bolder;
	font-size: 14px;
}

.informacion .noticias {
	width: 200px;
	min-height: 65px;
	margin: 0px 5px 0px 5px;
	-moz-border-radius: 5px;
	float: right;
	border: 1px White solid;
	background-color: #F7F9C4;
	background-image: url("../img/noticias.png");
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 0px 10px 0px 10px;
}

.informacion .clear {
	clear: both;
}

/*Estilo de los servicios*/
.servicios li {
	text-transform: uppercase;
}

/*Estilo de las noticias*/
.cuadroNoticias {
	padding: 5px 5px 30px 5px;
}

.cuadroNoticias .titulo {
	font-weight: bolder;
}

/*Estilo del home*/
.cuadroRojo {
	width: 205px;
	height: 235px;
	margin-left: 15px;
	background-image: url("../img/cuadroRojo.gif");
	background-repeat: no-repeat;
	background-image: url("../img/cuadroRojo.gif");
}

.cuadroGris {
	width: 205px;
	height: 160px;
	background-image: url("../img/cuadroGris.gif");
	background-repeat: no-repeat;
}

.cuadroRojo .chachara {
	padding: 10px 15px 10px 10px;
	font-size: 14px;
	color: #FFFFFF;
}

.listaHome li a {
	color: #FFFFFF;
	text-decoration: none;
}

.cuadroGris .chachara {
	padding: 20px 15px 10px 15px;
	font-size: 10px;
}

.cuadroGris .chachara a {
	color: #000000;
	text-decoration: none;
}