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

.txtIndex{
	font-size: 10px;
	font-family: Verdana,arial,helvetica,Sans-Serif;
	color:#008;
	/*padding: 0.2em 0.7em;*/
	border-spacing: 30px;
	
}

.txtIndexPage{
	/* font-size: 10px;
	font-family: Verdana,arial,helvetica,Sans-Serif; */
	/* color:#008; */
	/*padding: 0.2em 0.7em;*/
	border-spacing: 12px;	
	border-collapse: separate;
}



.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;	
}

/* 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;    
    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;    
    color: #000000;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
}
table.formSubSis td {
   	padding: 0.3em 0.7em;
   	border: 0px solid #FFFFFF;   	
   	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;
	
	/*GMV SSGC. Para que desaparezcan los 2 pixeles de diferencia entre estos controles y se muestren con el mismo tama�o cuando 
	se les da el mismo width.*/
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
}
input.longformat {
	margin-left: 1.0em;
	margin-bottom: 0.5em;
}
input.readonly {
	border: 0px solid #FFFFFF;
	background: #CDCDCD;
}

input.monthstyle {
	padding: 0px 5px;
	border: 0px solid #FFFFFF;
	background: white;
	margin: 1px;
	width: 100%;
}
	
input.monthstyle1 {
	padding: 0px 5px;
	border: 0px solid #FFFFFF;
	background: white;
	margin: 1px;
	width: 100%;
}

input.monthstyle2 {
	padding: 0px 5px;
	border: 0px solid #FFFFFF;
	background: white;
	margin: 1px;
	width: 50%;
}

}

.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 {	
	color: #FFF;
	font-weight: bold;	
	background-color: #038ebf;
	cursor: pointer;	
	-moz-border-radius: 5px;
    border-radius: 5px;
    margin: 2px;
}

.buttonSubmitDestacar {	
	color: #FFF;
	font-weight: bold;	
	background-color: #004963;
	cursor: pointer;	
	-moz-border-radius: 5px;
    border-radius: 5px;
    margin: 2px;	
}

.buttonSubmitWithData {
	background-color: red;
}

.buttonBuscarGral{
	color: #ebebeb;
	font-weight: bold;
	background-color: #555555;
	cursor: pointer;	
}

/* 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;
}


/*GMVSSGC: Para marca el a�o seleccionado en la pesta�a de estado*/
.buttonEcoSelected {  
}

.buttonEcoSelected a
{
	font-size:15px;
	border: 4px solid #206dba;
	padding: 2px;
}


/* [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%;    
    border:solid 2px #004963;/*#555555;*/ /*#004963;*/     
}

table.elemSis th {
   	padding: 3px 0.5em;
   	background: #004963; /*#555555;*/ /*#004963;*//*#038ebf;*/ /*#004963*/   	
   	color: #FFFFFF; /*#000000;*/
   	text-align: center;
   	font-size: 11px;
   	font-weight: bold;
   	/*border: 1px solid #C0C0C0;*/
   	border: 1px solid #ffffff;
   	/*height:30px;*/   	   
}

table.elemSis tr:nth-child(even) {
    background-color: #e8eced;
}


table.elemSis td {
   	padding: 0.1em 0.5em;
   	/*border: 1px solid #FFFFFF;
   	background: #DBE2F1;*/   	
   	text-align: left;
   	font-size: 10px;
   	border: 1px solid #C0C0C0;   	  
}

table.elemSis tbody {
	border:solid 2px #004963; #555555; #004963;  
}

table.elemSis_footer{
	margin-top: 0px;
	margin-left: 0px;
    border-spacing: 0px;
    border-collapse: collapse;    
    width:99%;  
}

table.elemSis_footer th {
	padding: 0.1em 0.5em;
   	/*background: #038ebf;*/   	
   	color: #000000;
   	text-align: center;
   	font-size: 11px;
   	/*font-weight: bold;*/
   	/*border-bottom: 1px solid #038ebf;*/   	  
}

.celdaPaginadoTabla
{
	background: #004963; /*#038ebf;*/ /*#004963; */
	color:white;
	text-align:center !important;
	border:0;
}
.enlacePaginadoTablaAnterior
{
	border:0 !important;
	text-align:right !important;
	padding-right:7px !important;	
	text-decoration:underline;	
}
.enlacePaginadoTablaSgte
{
	border:0 !important;
	text-decoration:underline;
	padding-left:7px !important;	
}

/*GMV SSGC. Footer de la tabla*/
/*table.footerSis th {
   	padding: 0.1em 0.5em;
   	border: 2px solid #FFFFFF;
   	background: #206DBA;
   	color: #FFFFFF;
   	text-align: center;
   	font-size: 11px;
   	font-weight: bold;
}
*/

/* 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;*/
   	background: #038ebf;
   	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: 77%;
}
.msCodeColumn{
	width: 8%;
}
.euCodeColumn{
	width: 15%;
}

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

.iconMap {
	width: 19px;
	height: 19px;
	border: 0px;
	text-decoration: none;
	vertical-align: top;
	padding-right: 4px;
}

.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, 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: 5px;
	margin-bottom: 10px;
	padding-top:10px;	
}

legend{
	font-size: 12px;
	text-align: left;
	/*font-family: arial,helvetica;*/
}

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: 340px;
}

.colForm{
	width: 150px;
}

.colFormLittle{
	width: 7px;
}

.colFormVol{
	width: 100px;
}

.colEsp{
	width: 50px;
}


.pressure1SelectForm{
	width: 260px;
}

.pressure2SelectForm{
	width: 240px;
}

.pressure3SelectForm{
	width: 60px;
}