/* /////////////////////////////////////////////////////////////////////////
Hoja De Estilos - CASA GUATEMALA
Realizacion: digival.es 
joseignacio.marcos@digival.es
///////////////////////////////////////////////////////////////////////// */
BODY{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0;
	padding: 0;
	background:#f8f8f5;
}
IMG{
	border: 0;
}
*{
	padding: 0;
	margin: 0;
}
.clear{
	clear: both;
}
.justif{
	text-align: justify;
}
.alignIzq{
	text-align: left;
}
.alignDer{
	text-align: right;
}
P{
	line-height: 1.5em;
	margin-bottom: 10px;
}
a{
	color: #333;
	text-decoration: none;
	outline: none;
}
a.under{
	text-decoration: underline;
}
a:hover{
	color: #0e76a9;
	text-decoration: underline;
}
.centro{
	text-align: center;
}
.alignDer{
	text-align: right;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
.mtop10{
	margin-top: 10px;
}
.mtop20{
	margin-top: 20px;
}
.mbottom20{
	margin-bottom: 20px;
}
input, button, textarea, select{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.azul{
	color: #0e76a9;
}
.centroBotones{
	width: 100%;
	overflow: hidden;
}
/* ---------------------------------------------------------------------------------------- */
/*   DIVS GENERALES ----------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#sitio{
	width: 95%;
	margin: 20px auto;
	background:#f8f8f5 url(../images/administracion.gif) no-repeat right 30px;
}
#sitio.eng{
	background:#f8f8f5 url(../images/administracion_en.gif) no-repeat right 30px;
}
#cabecera{
	padding-bottom: 10px;
}
#cuerpo{
	background: #fff;
	border: 1px solid #D5D5D5;
	padding: 15px;
}
#sitio h1 a{
	height: 76px;
	width: 354px;
	text-indent: -99999px;
	display: block;
	background: url(../images/logo.gif) no-repeat left;
}
#sitio h2{
	border: 1px solid #D5D5D5;
	width: 100%;
	margin: 0px auto 10px auto;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background:#0e76a9;
	color: #fff;
}
#sitio h2 span{
	padding: 4px 4px 4px 14px;
	display: block;
}
.cambioIdioma{
	float: right;
	margin-right: 290px;
	margin-top: 32px;
}
/* ---------------------------------------------------------------------------------------- */
/*  CUERPO -------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.menu{
	height: 30px;
	overflow: hidden;
	background: url(../images/menu.gif) repeat-x;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	list-style: none;
	margin-bottom: 10px;
}
.menu li{
	float: left;
	line-height: 30px;
	padding:0px 15px;
	background: url(../images/separador.gif) no-repeat right top;
	font-weight: bold;
	color: #C5C5C5;
}
.menu li.activo{
	background: #0E76A9;
}
.menu li.activo a{
	color: #fff;
}
.menu li.activo a:hover{
	color: #fff;
	text-decoration: underline;
}
.menu li.donaciones{
	float: right;
	background: url(../images/separador.gif) no-repeat left top;
	color: #777;
}
.menu li.donaciones strong{
	color: #0E76A9;
}
.menu li.donaciones strong.saldoNegativo{
	color: #990000;
}
.menu li.donaciones strong.saldoPositivo{
	color: #7FAB41;
}
.cajaFormLogin{
	width: 500px;
	margin: 20px auto;
}
.cajaFormLogin P{
	margin-bottom: 20px;
	clear: both;
	line-height: 22px;
}
.cajaFormLogin label, .nolabel{
	width: 40%;
	font-weight: bold;
	float: left;
	text-align: right;
	margin-right: 10px;
	line-height: 22px;
	display: block;
}
.radiosNoLabel{
	width: 40%;
	margin-left: 42%;
	display: block;
}
.cajaFormLogin .radiosNoLabel label{
	float: none;
	width: auto;
	text-align: left;
	font-weight: normal;
	display: block;
}
.cajaFormLogin .combo, .cajaFormLogin select{
	width: 50%;
	border: 1px solid #d5d5d5; 
	background: #f2f2f2;
	padding: 3px 2px;
}
.cajaFormLogin button, .botonEmu{
	font-weight: bold;
	border: 1px solid #d5d5d5;
	line-height: 15px;
	background: #f2f2f2;
	cursor: pointer;
	margin-top: 10px;
	padding: 2px 0px;
}
.municipioSelect{
	width: 170px;
	overflow: hidden;
}
.nombreCombo{
	width: 95%; 
}
.botonEmu{
	padding: 4px 10px;
	line-height: 14px;
}
html>body .cajaFormLogin button{
	padding: 3px 10px;
}
.cajaFormLogin button:hover, .botonEmu:hover{
	background: #0e76a9;
	color: #fff;
}
.paginador{
	text-align: right;
	font-weight: bold;
}
.padBottom{
	padding-bottom: 10px;
}
.paginador img{
	vertical-align: text-bottom;
}
/* ---------------------------------------------------------------------------------------- */
/*  TABLA --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#myTable, #myTable2{
	border: 1px solid #D5D5D5;
	width: 740px;
	width: 100%;
	margin: 0px auto 10px auto;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#myTable th, #myTable2 th{
	background:#0e76a9;
	padding: 4px 4px 4px 14px;
	color: #fff;
}
#myTable th.header, #myTable2 th.header{
	background:#0e76a9 url(../images/icon-table-sort.gif) no-repeat 5px 5px;
	cursor: pointer;
}
#myTable th.headerSortUp, #myTable2 th.headerSortUp{
	background:#0e76a9 url(../images/icon-table-sort-asc.gif) no-repeat 5px 3px;
	color: #ffcc00;
}
#myTable th.headerSortDown, #myTable2 th.headerSortDown{
	background:#0e76a9 url(../images/icon-table-sort-desc.gif) no-repeat 5px 6px;
	color: #ffcc00;
}
.wElimEdit{
	width:60px; 
}
.wFecha{
	width:80px; 
}
.tblCasa tr {
	background-color: #f3f3f3;
	padding: 4px;
}
.tblCasa tr.altRow{
	background-color: #fff;
}
.tblCasa td {
	padding: 7px 5px;
}
.tblCasa input, .tblCasa select{
	border: 1px solid #eee;
	background: transparent;
	padding: 3px 3px;
}
.tblCasa tr.altRow input,.tblCasa tr.altRow select{
 	border: 1px solid #fff;
}
.tblCasa tr.over input,.tblCasa tr.over select{
	border: 1px solid #acc5d1;
}
.tblCasa input:hover,.tblCasa select:hover,.tblCasa input:focus,.tblCasa select:focus{
	border: 1px solid #0e76a9;
	background: #fff;
}

.calendario{
	text-align: center;
}
.error{
	font-weight: bold;
	color: #990000;
}
.cajaFormLogin P span.error{
	display:block;
	font-size: 10px;
	color: #990000;
	font-weight: normal;
	padding: 3px 2px;
	width: 58%;
	float: right;
	line-height: 1.5em;
}

.ok{
	font-weight: bold;
	color: #0e76a9;
}

.tablaIndex{
	width: 90%;
	margin: 0px auto;
	border-collapse: collapse;
}
.tablaIndex td{
	text-align: center;
	vertical-align: top;
	width: 33%;
}
.cajaIndex{
	width: 70%;
	display: block;
	border: 1px solid #D5D5D5;
	background: #f8f8f8;
	padding: 10px;
	text-align: center;
	margin: 0px auto;
}
.cajaIndex strong{
	color: #0E76A9;
}
.cajaIndex a{
	text-decoration: underline;
}
.cajaIndex span{
	font-size: 18px;
}

.gastosIndex{
	border-collapse: collapse;
	margin-bottom:15px;
}
td.gastoIndex2{
	text-align: left;
	width: 30%;
	padding: 5px 0px 5px 0px;
}
td.gastoIndex{
	text-align: right;
	padding: 5px 5px 5px 0px;
	width: 70%;
}