/*DOMUS*/
/* noticias*/
.gris { color:#525155;}
.fuente {
font-size:11px;
color:#525155;
}
.fecha {
	font-size:11px;
	color:#525155;
	margin:0 0 8px;
}
/* HTML tag styles ****************** */
body{
	background-color:#F1EDEF;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	}
form {margin:0px;}

input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left: 2px;
}
/* para firefox*/
select {border-right:1px solid #A9B9CB; border-bottom:1px solid #A9B9CB; }
/* para firefox*/
input[type=text] {border-right:1px solid #A9B9CB; border-bottom:1px solid #A9B9CB;}

img {
	border:none;
}
a, a:hover {text-decoration: none;}
a:hover {text-decoration: underline;}
	
h1, h2, h3, h4, h5, h6, legend {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 5px 0px;
}
legend{
	font-size: 100%;
	color: #001B4C;
	padding:5px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1{font-family: Verdana,Arial,sans-serif;font-size: 120%;color: #525155; }

h2 {
font-family:"Times New Roman", Times, serif;
font-size:20px;
color: #A7631A;
}
h3{
	font-size: 15px;
	color: #525155;
	padding: 5px 0px 5px;
	font-weight: normal;
}
.otrasNoticias{
	font-size: 110%;
	color: #E59E4F;
	background-color: #000000;
	padding: 2px 0 2px 10px;
	margin: 8px 0 0;
	font-weight: bold;
}

h4{font-size: 110%;color: #333333;font-weight: normal; }
h5{font-size: 100%;color: #525155; }
 
ul{list-style-type: none; padding:0; margin:0;}
ul ul{ list-style-type: disc;  }
ul ul ul{list-style-type: none; }
li {
padding:0;margin:0 0 10px 0;
}

label{
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #525155;
	float:left;
	width:70px;
}
acronym {
	cursor:help;
	}
* html acronym{
 text-decoration:underline;/*me aseguro que lo subraye en IE6*/
}
/* TD TH * *********************/
td {
	text-align:left;
	vertical-align: top;
	font-size:12px;
	padding:2px;
}
td.center {text-align:center;}
th  {
	background-color: #7E4B24;
	color:#F0E8D7;
	font-weight:bold;
	font-size:11px;
	text-transform:capitalize;	
	padding:2px;
}

/* TABLE TD TH styles ***********/
.tabla1lista {
	border: 1px solid #555;
	margin-top:3px;
	clear:both;
	margin-bottom:3px;
}
table.detalle td {background-color: #F4EEE3;}
.tabla1lista th { padding-top:5px; padding-bottom:1px; }

/* estilos fila por medio en tabla lista*/
.tableRow { background-color: #E5DAC0; }

.tableRow2 { background-color: #F0E8D7; }


th.celdacame { background-color:#202020; color:#FFFFFF; padding:2px; } /* celda th fondo negro */
.celdacame { background-color:#BCBFC1; /* fondo gris */ }


.celdaOver { background-color:#202020; }
.celdaOver2 { background-color:#F7D89C; }

.tabla1detalle {
	border: 1px solid #555; 
	margin-top:3px;
	margin-bottom: 3px;
}
.tabla2detalle {/*con widht al 100%*/
	border: 1px solid #001B4C;
	width:90%;   
	margin-top:3px;
	margin-bottom: 3px;
}
.tabla1detalle td, .tabla2detalle td, .celda2 {
	color:#000;        
	background-color: #F0EADF;
	width:80%;
}

/*para que el calendario se vea bien aunque esté dentro de una tabla */
.dateChooser td { width:1%;}
/*para que el calendario no quede debajo del boton agregar*/
#divCal {z-index:20;}

td.celda1, th.celda1 {
	font-size:11px;
	background-color: #D4C0AA;  
	color:#000;
	font-weight:bold;
	text-align:left;
	text-transform:capitalize;
	/*width:110px; saqué este valor absoluto y apliqué a td y .celda2 un anho de 80%, por lo que celda1 toma
	el resto*/
	width: auto; 
	padding-left:8px;
	vertical-align: top;
	white-space:nowrap;/*Para que no corte con saltos de líneas los nombres extensos aunque va a depender del ancho de celda2*/
}

td.celda3, th.celda3 {
	font-weight:normal;
	text-align:center;
	background-color: #CCCCCC;
	vertical-align: middle;
	color:#F0E8D7;
}

td.celda3 input, th.celda3 input {
	font-size:12px;
	color:#001B4C;
	text-align: center;
	font-weight: normal;
	font-family:Arial, sans-serif;
	padding:0px 6px;
}

td.celda3 a, th.celda3 a, .celda3 a, a.celda3 {
	background-color:#D8D8D8;
	color:#000000;
	padding: 0px 6px;
	border-top: 2px solid #EEEEEE;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 2px solid #EEEEEE;
	text-decoration: none;
}

.celdaPrivilegios {
	background-color: #DFD8CD;
	color:#001B4C;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	text-transform:capitalize;
}
	

/* LAYOUT DIVS *************/
#top{
	margin: 0;
	padding: 0;
	height:80px;
	width: 100%;
	background-color: #EEEAE5;
	}
#navGlobal{
	font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#D8A754;
	background-color:#000000;
	height:18px;
	padding:0px 10px;
	border-top:2px solid #D8A754;
}
#pie {
	clear: both;
	/*background: url(../images/degra_pie.jpg) repeat-x #DEDEE0;*/
	background-color:#000000;
	text-align:center;
	color:#FFFFFF; 
	font-size:10px;
	padding:4px 0 4px 0;
	margin:0;
	overflow:hidden;
}
#content{
	float:right;
	width: 86%;
	margin: 0;
	padding: 8px 1% 0 0;
}
#content2{
	float:right;
	width: 87%;
	margin: 0;
	padding: 8px 0 12px 0;
}
#content2 a{ color:#9D5900; }

/* la regla de #menuLateral está mas adelante */

/*CARGANDO styles **********/
/*CARGANDO este va absoluto y de lado a lado*/
#cargando {
	position:absolute;
	top:210px;
	left:0px;
	right:0px;
	text-align:center;
	z-index:300;
	}
/*CARGANDO este es el recuadro blanco  con el gif cargando dentro del div anterior*/
.recuadro_cargando{
	text-align:center;
	background:#fff url(../images/degra_loader.gif) top repeat-x;
	color:#CC0000;
	height:50px;
	width:60%;
	padding-top:40px;
	border:solid 1px #cc0000;
	margin-left:auto;
	margin-right:auto;
}

/* #NAVGLOBAL styles ***********/
#navGlobal a {
height:16px;
color:#FBD49A;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 2px 15px 0px;
display:block;
float:left;
}
#navGlobal a:hover {
	background-color:#666666;
	text-decoration: none;
}
#navGlobal p {
margin:0;
padding:0;
display:block;
float:left;
}

/* #MENULATERAL styles *****************************/
#menuLateral{
position: relative;
width: 12%;
padding: 12px 0px 0px;
margin:5px 0 0;
font-size: 12px;
background:url(../images/esq_cir1.gif) no-repeat top right;
background-color:#CCCCCC;
}
.separador {
border-top:1px solid #EED19D;
border-bottom:1px solid #B5742E;
}
#menuLateral ul {
list-style: none; 
margin: 0; 
padding: 0;
 }
#menuLateral li { 
margin: 0; 
padding:0; 
text-transform:capitalize;
 }
 
 /* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#menuLateral li {border-bottom: 1px solid #000; }
#menuLateral li li { border-bottom: 1px solid #C9B59E;}

 #menuLateral a {
	display: block;
	color:#000000;
	padding: 4px 0px 5px 10px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
}
/* esto para IE6 por si acaso*/
* html #menuLateral a {height:12px;}

#menuLateral a:hover {
display: block;
text-decoration:none; 
}
#menuLateral a:hover, #menuLateral .Msel{
	background-color: #000000;
	color: #E59E4F;
}

#menuLateral ul ul a, #menuLateral ul ul a:hover { 
padding-left:14px;
}
#menuLateral ul ul a {
font-size:11px;
color:#00276D;    
background-color: #F1E9D2;
padding-top:3px;
padding-bottom:3px; 
}
#menuLateral ul ul a:hover, #menuLateral .Msel2{
background: #E5D8B3 url(../images/vineta.gif) no-repeat left top;
color:#810000;
}


/*TITULO PAGINA, FILTRO, PAGINADOR styles ***************/

/*TITULO PAGINA ***/
#pageName{
	padding: 4px 0px 4px 10px;
	background-color: #e8e8e8;
	margin-top:12px;
	margin-bottom: 8px;
	font-family: "Times New Roman", Times, serif;
	font-size: 165%;
	border-bottom: solid 1px #888888;
	border-top: solid 1px #888888;
	font-weight: normal;
}
/*FILTRO ***/
#filtro1, .filtro1 {
    clear:right;
	text-align:right;
	border: 1px solid #888;
	padding: 0px 5px 0px 2px;
	margin:0px;
	background-color: #F5EFE4;
}
/* personalizando inputs y selects dentro de filtro1*/
#filtro1 select, .filtro1 select { margin-right:6px; margin-bottom:2px; margin-top:2px;}
#filtro1 input, .filtro1 input, .filtro1 input.bus {  margin-bottom:2px; margin-top:2px;}

/*PAGINADOR ***/
.paginador {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	clear:both;
	color: #7E4B24;
}
.paginador table {width:20%;}
.paginador td {
	width:20%;
	padding:0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.paginador a {
	color:#BA7323;
	font-size:12px;
}
.paginador a:hover {
color:#000;
text-decoration:none;
}


/* VOLVER, AGREGAR, BOTONES styles ***********/
a.volver {
	font-size:10px;
	display:block;
	width:68px;
	height: 13px;
	padding:2px 0px 1px 15px;
	margin:0 0 0 5px;
	color: #7E3501;
	background: url(/images/volver.gif) no-repeat left top;
 }
 
 a.volver:hover { color:#8E262C; text-decoration:none;}

a.agregar {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-align:center;
	cursor:pointer;
	display:block;
	padding:2px 7px 4px 25px;
	margin:0;
	border:1px solid #555;
	background:#BCBFC1 url(../images/c_agregar.gif) no-repeat left;
	position:relative;
	top:10px;
	right:0px;
	float:right;
	z-index: 10;
}
a.agregar:hover {
	border: 1px solid #001648;
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
}
input.bus {
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#8E262C;
	margin:0px;
	padding-left:2px; padding-right:2px;
}

input.bt_gris {
font-weight:normal;
background-color:#59595E;
color:#fff;          
}

.bt_neg { /* boton imprimir*/
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#333333;
	margin:0px;
	margin-right:5px;
}

/* CLASES */
.clear {clear:both;}

.espaciador {height:16px; clear: both;}

.floatright {float:right;}

/* estilos para login ***********/
.franja_ocre {
	background:#C9A56A url(../images/degra_ocre.jpg) no-repeat top left;
	height:8px;
	font-size: 8px;
}
.pad_lg {padding-left:150px;}

.ingreso_enc {
	color:#8E262C;
	font-size:170%;
	padding-left:160px;
	margin-top:10px;
	font-family: "Times New Roman", Times, serif;
	background-color: #F4F4F4;
	/*border-bottom: 1px solid #666666;*/
}
.colorlogin {
	padding:10px 0 15px;
	background-color:#E9E9E9;
	margin-bottom: 80px;
}
.colorlogin fieldset {
	border:1px solid #29305A;
	padding:10px;
	margin: 0px;
}
.colorlogin p { margin:7px; }

.colorlogin label { font-size:100%; }

.mayusNombres{ text-transform:capitalize;}

/*titulo ficha usuario */
.titulo_fic_usuario {
	background-color:#E3E3E3;
	font-family:"Times New Roman", Times, serif;
	font-size:170%;
	color:#00174C;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	border-bottom: solid 1px #003366;
}
/*clases extras (Jorge)*/
.textoDerecha {
text-align:right;
padding-right:5px;
}
.margenDerecho20{
	margin-right:20px;
}
.h3Ficha {
	font-size:110%;
	color: #001B4C;
	padding:5px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.negrita {
	font-weight:bold;
}
#error {
	color: #CC3333;
}