/* ---------------------- Formulario ---------------------- */

.txtIndex{
	font-size: 10px;
	font-family: Verdana,arial,helvetica,Sans-Serif;
	color:#008;
}
.contab {
	width: 100%;
	/*Esta opcion de 'height', restringe la altura fija del contenedor 'body', considerar la posibilidad de overflow*/
	/*height: 420px;*/
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px;
	border-collapse: collapse;
	/*background: url(../img/blue.jpg);*/
}

/* Tabla posicionadora de los elementos del formulario. Se integra junto con las pestaņas */

.formtab {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	/*margin-top: 0px;*/
	width: 740px;
	/*Esta opcion de 'height', restringe la altura fija del contenedor 'body', considerar la posibilidad de overflow*/
	/*height: 420px;*/
	border-top: 0px solid #778;
	font-size: 12px;
	font-family: arial, helvetica;
}

table.formSis {
    border-spacing: 0px;
    border-collapse: collapse;
}
table.formSis th {
    padding: 0.3em 0.1em;
    border: 0px solid #DDDDDD;
    /*background: #206DBA;*/
    background: url(../img/blue.jpg);
    color: #000000;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
}
table.formSis td {
   	padding: 0.3em 0.7em;
   	border: 0px solid #FFFFFF;
   	/*background: #DBE2F1;*/
   	text-align: left;
   	font-size: 10px;
}
/* Solo es reconocido por los navegadores Firefox
tfoot {
	border-top: 3px solid #F1F1F1;
}
*/
div.botonera {
	padding-top: 3px;
	border-top: 3px solid #F1F1F1;
}

table.formSubSis {
    border-spacing: 0px;
    border-collapse: collapse;
}
table.formSubSis th {
 padding: 0.2em 0.7em;
    border: 0px solid #DDDDDD;
    background: #F1F1F1;
    /*background: url(../img/grey.jpg);*/
    color: #000000;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
}
table.formSubSis td {
   	padding: 0.3em 0.7em;
   	border: 0px solid #FFFFFF;
   	/*background: #DBE2F1;*/
   	text-align: left;
   	font-size: 10px;
}

table.formSubEd {
    border-spacing: 0px;
    border-collapse: collapse;
}
table.formSubEd th {
 padding: 0.2em 0.7em;
    border: 0px solid #DDDDDD;
    background: #F1F1F1;
    color: #000000;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
}
table.formSubEd td {
   	padding: 0.3em 0.7em;
   	border: 0px solid #FFFFFF;
   	width: 50%;
   	text-align: left;
   	font-size: 10px;
}

/* Campos de todo formulario */
input, select {
	border:1px solid #CCCCCC;
	font-family: arial, helvetica;
	font-size: 11px;
}
input.longformat {
	margin-left: 1.0em;
	margin-bottom: 0.5em;
}
input.readonly {
	border: 0px solid #FFFFFF;
	background: #CDCDCD;
}

.bigcheck {
	font-size: 12px;
	font-weight: bold;
}

.styletextarea {
	margin-left: 0.9em;
	background-color: transparent;
	border: 1px solid #CCCCCC;
}

/* Botones del formulario y tablas*/
.buttonSubmit, .buttonSubmitHovered {
	/*width: 69px;
	height: 26px;*/
	color: #FFF;
	font-weight: bold;
	/*padding: 5px 20px;
	/*Si no se desean las imagenes se puede definir un color de fondo standart*/
	/*background: url(../img/button.gif) no-repeat left top;*/
	background-color: #1E90FF;
	cursor: pointer;
	/*border: none;*/
}
.buttonSubmitHovered {
	/*Si no se desean las imagenes se puede definir un color de fondo standart*/
	background-position: left bottom;
}


/* Botones de estado */
.buttonStateUnknown {
	color: black;
	padding: 0px 5px;
	background-color: white;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	font-family: arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	margin: 1px;
}

/* [Incidencia 533] Diferenciar el estado del potencial ecologico */
.buttonEcoStateUnknown, .buttonEcoPotentialUnknown {
	color: black;
	padding: 0px 5px;
	background-color: white;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	font-family: arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	margin: 1px;
}

.buttonEcoStateVeryGood, .buttonChmStateGood {
	color: white;
	padding: 0px 5px;
	background-color: blue;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	font-family: arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	margin: 1px;
}

.buttonEcoStateAcceptable, .buttonEcoPotentialAcceptable {
	color: white;
	padding: 0px 5px;
	background-color: #BAA700;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	font-family: arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	margin: 1px;
}

.buttonEcoStateGood, .buttonEcoPotentialGood, .buttonEcoPotentialMaximum {
	color: white;
	padding: 0px 5px;
	background-color: green;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	font-family: arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	margin: 1px;
}

.buttonEcoStateVeryBad, .buttonChmStateLessThanGood, .buttonEcoPotentialVeryBad {
	color: white;
	padding: 0px 5px;
	background-color: red;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	font-family: arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	margin: 1px;
}

.buttonEcoStateBad, .buttonEcoPotentialBad {
	color: black;
	padding: 0px 5px;
	background-color: orange;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	font-family: arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	margin: 1px;
}



/* Tabla para los listados de los elementos del sistema */

table.elemSis {
	margin-top: 0px;
	margin-left: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    width:99%;
}
table.elemSis th {
   	padding: 0.1em 0.5em;
   	border: 2px solid #FFFFFF;
   	background: #206DBA;
   	color: #FFFFFF;
   	text-align: center;
   	font-size: 11px;
   	font-weight: bold;
}
table.elemSis td {
   	padding: 0.1em 0.5em;
   	border: 1px solid #FFFFFF;
   	background: #DBE2F1;
   	text-align: left;
   	font-size: 10px;
}

/* Tabla para los listados de los elementos del sistema muy largos*/

table.elemSisLarge {
	margin-top: 0px;
	margin-left: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    width:99%;
}
table.elemSisLarge th {
   	padding: 0.1em 0.5em;
   	border: 2px solid #FFFFFF;
   	background: #206DBA;
   	color: #FFFFFF;
   	text-align: center;
   	font-size: 10px;
   	font-weight: bold;
}
table.elemSisLarge td {
   	padding: 0.1em 0.5em;
   	border: 1px solid #FFFFFF;
   	background: #DBE2F1;
   	text-align: left;
   	font-size: 10px;
}

table.radioB {
	border-spacing: 0px;
    border-collapse: collapse;
}

table.radioB td{
	border: 0px solid #DDDDDD;
	font-weight: bold;
}

.iconColumn {
	width: 8%;
}
.codeLocalColumn {
	width: 22%;
}
.nameColumn {
	width: 70%;
}
.nameColumnAll {
	width: 92%;
}
.msCodeColumn{
	width: 8%;
}
.euCodeColumn{
	width: 8%;
}

/* Acciones sobre tablas */
.iconLink {
	width: 14px;
	height: 16px;
	border: 0px;
	text-decoration: none;
}

.iconMap {
	width: 20px;
	height: 15px;
	border: 0px;
	text-decoration: none;
}

.iconDownload {
	width: 20px;
	height: 20px;
	border: 0px;
	text-decoration: none;
}
/********/

table.elemSisVertederos {
	margin-top: 0px;
	margin-left: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    width:99%;
}
table.elemSisVertederos th {
   	padding: 0.1em 0.5em;
   	border: 0px solid #FFFFFF;
   	background: #206DBA;
   	color: #FFFFFF;
   	text-align: center;
   	font-size: 11px;
   	font-weight: bold;
}
table.elemSisVertederos td {
   	padding: 0.1em 0.5em;
   	border: 1px solid #FFFFFF;
   	background: #DBE2F1;
   	text-align: left;
   	font-size: 10px;
}


div.loading {
	position:absolute;
	left:35%;
	top:50%;
	width:150px;
	height:20px;
	background-color:#FFD700;
	border-width:1px;
	border-color:#FFD700;
	visibility:hidden;
	text-align: center;

}
span.fontLoading{
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    color:blue;
}

.colRecargaIcono {
	width: 10%;
}
.colRecargaPeriodo {
	width: 20%;
}
.colRecargaSistema {
	width: 50%;
}
.colRecargaVolumen {
	width: 20%;
}

/** PanelGrid, cuatro columnas **/
.p0_c1 { width: 6%; }
.p0_c2 { width: 7%; }
.p0_c3 { width: 15%; }
.p0_c4 { width: 10%; }
.p0_c5 { width: 21%; }
.p0_c6 { width: 14%; }
.p0_c7 { width: 15%; }
.p0_c8 { width: 12%; }
/** -------------------------- **/

/** PanelGrid, dos columnas **/
.p1_c1 { width: 13%; }
.p1_c2 { width: 87%; }
/** -------------------------- **/

/** PanelGrid, dos columnas **/
.p2_c1 { width: 25%; }
.p2_c2 { width: 75%; }
/** -------------------------- **/

/** PanelGrid, dos columnas **/
.p3_c1 { width: 30%; }
.p3_c2 { width: 70%; }
/** -------------------------- **/

/** PanelGrid, cuatro columnas **/
.p4_c1 { width: 25%; }
.p4_c2 { width: 25%; }
.p4_c3 { width: 25%; }
.p4_c4 { width: 25%; }
/** -------------------------- **/

/** PanelGrid, dos columnas **/
.p5_c1 { width: 15%; }
.p5_c2 { width: 85%; }
/** -------------------------- **/

/** PanelGrid, tres columnas **/
.p6_c1 { width: 7%; }
.p6_c2 { width: 73%; }
.p6_c3 { width: 20%; }
/** -------------------------- **/

/** PanelGrid, dos columnas **/
.p7_c1 { width: 40%; }
.p7_c2 { width: 60%; }
/** -------------------------- **/

/** PanelGrid, cuatro columnas **/
.p8_c1 { width: 31%; }
.p8_c2 { width: 23%; }
.p8_c3 { width: 23%; }
.p8_c4 { width: 23%; }
/** -------------------------- **/

/** PanelGrid, dos columnas **/
.p9_c1 { width: 65%; }
.p9_c2 { width: 35%; }
/** -------------------------- **/

/** PanelGrid, dos columnas **/
.p10_c0 { width: 5%; }
.p10_c1 { width: 20%; }
.p10_c2 { width: 20%; }
.p10_c3 { width: 5%; }
.p10_c4 { width: 5%; }
.p10_c5 { width: 18%; }
.p10_c6 { width: 27%; }
/** -------------------------- **/

/** PanelGrid, tres columnas **/
.p11_c0 { width: 50%; }
.p11_c1 { width: 20%; }
.p11_c2 { width: 30%; }
/** -------------------------- **/

/** PanelGrid, cinco columnas **/
.p12_c0 { width: 10px; }
.p12_c1 { width: 95px; }
.p12_c2 { width: 10px; }
.p12_c3 { width: 50px; }
.p12_c4 { width: 5px; }
/** -------------------------- **/

/** PanelGrid, dos columnas   **/
.p13_c0 { width: 150px; }
.p13_01 { width: 100px; }

/** Panel Grid, tres columnas**/
.p14_c0 { width: 40%; }
.p14_c1 { width: 20%; }
.p14_c2 { width: 40%; }

fieldset{
	border: 1px solid #206dba;
	font-size:12px;
	width: 95%;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.fieldset{
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.infopanel  { border:2px solid #96bfe9; }
.row1       { height:60px; }
.row1 .col  { padding:10px; }
.row2       { height:2px; }
.row3       { height:20px; }
.row3 .col  { text-align:right; }
.col        { }

/** Anchura de las columnas para los formularios **/
.selectForm{
	width: 130px;
}

.searchSelectForm{
	width: 100px;
}

.longSelectForm{
	width: 280px;
}

.veryLongSelectForm{
	width: 430px;
}

.colForm{
	width: 150px;
}

.colFormLittle{
	width: 7px;
}

.colFormVol{
	width: 100px;
}

.colEsp{
	width: 50px;
}