/*
	Hoja de CSS
	Autor: (SMMy 2005) Daniel Miranda
	Sitio: Sitio Institucional - EPEN - Ente provincial de energía del Neuquén
*/
/*
	Backgrounds para las lineas de formato
*/
.bgtitle {
	background-image: url(../images/line/linestitle.gif);
	background-repeat: no-repeat;
	height: 30px;
	background-position: left top;
}
.bglinea {
	background-image: url(../images/line/linesa.gif);
	background-repeat: no-repeat;
	height: 20px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	padding-left: 150px;
	text-align: left;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 40px;
}
.bglineb {
	background-image: url(../images/line/linesb.gif);
	background-repeat: repeat-y;
	padding-left: 30px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	padding-bottom: 15px;
	padding-top: 15px;
	text-align: left;
	padding-right: 30px;
	vertical-align: top;
}
.bglinec {
	background-image: url(../images/line/linesc.gif);
	background-repeat: no-repeat;
	height: 30px;
}
.bglined {
	background-image: url(../images/line/linesb.gif);
	background-repeat: repeat-y;
	padding-left: 50px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	padding-bottom: 15px;
	padding-top: 15px;
	text-align: center;
	padding-right: 30px;
	vertical-align: top;
}
.bgtitlew {
	background-image: url(../images/line/linestitlew.gif);
	background-repeat: no-repeat;
	height: 30px;
}
/*
	TAGs y BODY
	Redefinición del formato para etiquetas ya existentes de HTML
*/
body {
	margin:-10px 0 0 -10px;
}
html body {
	background-image: url(../images/bg/bgPage.jpg);
	background-repeat: repeat-x;
	margin: 0px;
}
/* Estilo general para el cuerpo de la página */
p
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
}
/* Estilo para definir la separación de los items de una lista*/
li
{
	margin-top: 10px;
}
/* Estilo para notas pequeñas */
.nota
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
}
/* Estilo general para los titulos de las FAQ */
.faq
{
	/* color: #009999; */
}
a.faq:hover
{
	color: #009999;		
}
a.faq:link
{
	color: #009999;		
}
a.faq:active
{
	color: #009999;
	font-weight: bold;
}
/* Estilo general para la galeria de imagenes */
.imagehover
{
	/*border: 2px double;*/
	background-color: none;
}
a.imagehover:hover
{
	/*border: 2px double #0066CC;		*/
	background-color: #0066CC;
}
a.imagehover:link
{
	/*border: 2px double;*/	
	background-color: none;		
}
a.imagehover:active
{
	/*border: 2px double;*/
	background-color: none;	
}
/*
	FIN - TAGs y BODY
*/
/* ---------------------------------------------------------------- */
/*
	GENERALES - CUERPO PAGINA
*/
/* Fondos para los index de cada area */
.fotoitems {
	background-repeat: no-repeat;
	background-position: right top;
	}
/* "links" es estilo para los enlaces por defecto */ 
a {
	text-decoration: none;
	color: #666666;
}
a:hover {
	color: #145389;
	text-decoration: underline;
}
/* "links" es estilo para los enlaces de la home */ 
.linkshome {
	text-decoration: none;
	color: #CCCCCC;
}
a.linkshome:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/* Estilo que contiene el subrayado del título */
.line {
	background-image: url(../images/bg/line.gif);
	background-repeat: repeat-x;
}


/* Estilo para el titulo que aparece en la zona superior derecha de la página */
.titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 3px 6px 3px 3px;
}
/* Estilo para los cuerpos de parrafo*/
.cuerpocaja {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	padding-bottom: 10px;
	padding-top: 0px;
	text-align: left;
	padding-left: 50px;
	padding-right: 0px;
}
/* Estilo para los cuerpos de parrafo*/
.cuerpocajanota {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
	padding-left: 20px;
	padding-right: 10px;
	font-style: italic;
}
/* Estilo parrafos de formato NOTA o ACLARACION dentro del parrafo normal*/
.nota {
	margin: -10px 0px -10px 10px;
	padding: 0px 0px 0px 20px;
}
/* Estilo general para subtitulos en el cuerpo de la página */
.subtitulo
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
/* Estilo general para subtitulos en el cuerpo de la página */
.subtitulo2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	padding-left: 10px;
	text-align: left;
	vertical-align: top;
}
.subtitulo3 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #666666;
	padding-left: 15px;
}
.subtitulo4 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #666666;
	padding-left: 15px;
}
.subtitulo5 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #666666;
}
.subtitulo6 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000000;
	font-weight: bold;
}
/* estilo para el titulo normal del cuerpo de la página */
.titulocuerpo {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	padding: 15px 0px 3px 20px;	
	text-align: left;
	letter-spacing: 0.3em;		
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
*/
}
/* estilo para el titulo con subrayado, se usa en EPEN en numeros */
.subrayado {
	text-decoration: underline;
}
/* Estilo general, para lugares en que no se pueda usar parrafo */
.p
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;	
}
/* Estilo general, para título de noticias */
H5
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px 0px 2px;
}
/* Estilo general, para fecha de noticias */
H6
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin: 5px 0px 2px;
	color: #666666;
}
/* Estilo general para noticias */
.noticia
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin: 5px 0px 20px;
}
/* Estilo con para la viñeta de los listados */
.bullet {
	background-repeat: no-repeat;
	background-position: right top;
}
/* Estilo con para la viñeta de los listados (alineado a la mitad)*/
.bulletM {
	background-repeat: no-repeat;
	background-position: right center;
}
/* para listas con viñeta */
.lista {
	list-style-type: circle;
	list-style-position: outside;
}
/* para listas con viñeta */
.listaB {
	list-style-type: circle;
	list-style-position: outside;
}
.listaC {
	list-style-type: none;
	list-style-position: inside;
	font-size: 12px;
	font-weight: bold;
	list-style-image: url(../images/spacer.gif);
}
UL.listaB LI{
	margin: 5px;
}
/* para tutulos de Epen en el mapa */
.titMapa{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
}
/* para tutulos de Epen en el mapa */
.notaMapa{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
/* para tutulos de Epen en el mapa */
.click{
	cursor: hand;	
}
/* para tutulos pequeños */
.notaMini{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #333333;
	text-align: center;
}
/* para tutulos de Epen en el mapa */
.click{
	cursor: hand;	
}
/* Estilo para finales de página */
.aclaracion{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 15px;
}
/*
	FIN - GENERALES - CUERPO PAGINA
*/
/* ---------------------------------------------------------------- */
/*
	MENU
	Estilo para dar formato al menu de la columna izquierda de todas las páginas
*/
/* estilo para el fondo del menu de la izquierda, contiene la imagen del pie de la columna */
.colMenu {
	background-image: url(../images/bg/footerLogo.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/* Imagen de fondo para la columna con el menu */
.menuLeft{
	background-image: url(../images/bg/bgMenuLeft.jpg);
	background-repeat: no-repeat;
}
/* estilo para los enlaces del menu de la izquierda */
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
	padding: 2px 0px 2px 0px;
	width: 147px;
	font-weight: bold;
}
/* "a.menu" es estilo para los enlaces del menu de la izquierda */
a.menu:hover {
	color: #145389;
	text-decoration: underline;
}
/*
	FIN - MENU
*/
/* ---------------------------------------------------------------- */
/* 
	FORMULARIOS 
	Estilos para formularios, de deben aplicar con class a cada input o a la celda en caso que solemente exista texto
*/
/* Estilo para usar en formularios, con la respuesta de datos*/
.formDetalle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1C4A97;
	padding: 2px;
}
/* Estilo para usar en formularios */
.form{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1C4A97;
	padding-top: 0px;
}
/* Estilo para usar en formularios */
.formLabel{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1C4A97;
	padding-top: 5px;
}
/* Estilo para usar en introducciones de formularios */
.formTitulo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1C4A97;
	font-weight: bold;
}
/* Estilo para usar en introducciones de formularios es mas grande que formTitulo*/
.formTituloGrande{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1C4A97;
	font-weight: bold;
}
/* Estilo para los objetos input */
input.form{
	padding: 2px;
	/*background-color: #E1EBF4;*/
	background-color: #F0F4F7;
	border: 1px solid #BBD1E8;
	padding: 2px;
	margin: 2px;
}
/* Estilo para los objetos input */
input.buscar{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1C4A97;
	padding: 2px;
	background-color: #EFF4FA;
	border: 1px solid #BBD1E8;
	padding: 2px;
	margin: 2px;
}
/* Estilo para los objetos select */
select.form{
	padding: 0px;
/*	background-color: #E1EBF4;*/
	background-color: #F0F4F7;
	background-image: none;	
	border: 1px solid #BBD1E8;	
	margin: 2px;	
}
/* Estilo para los objetos select */
option.form{
	background-color: #F0F4F7;
	background-image: none;
}
/* Estilo para los objetos textarea */
textarea.form{
	padding: 2px;
	/*background-color: #E1EBF4;*/
	background-color: #F0F4F7;
	border: 1px solid #BBD1E8;	
	margin: 2px;	
}
/* Estilo para tablas de formulario */
.recuadro{
	padding: 2px;
	background-color: transparent;
	/*border: 1px solid #CCCCCC;*/
	margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*
	FIN - FORMULARIOS
*/
/* ---------------------------------------------------------------- */
/*
	PIE DE PAGINA
	Estilo necesarios para definir las caracteristicas del pie de página o footer
*/
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.footerLine {
	background-color: #01467F;	
}
.footerTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

/* ---------------------------------------------------------------- */

/*
	FIN - PIE DE PAGINA
*/