/*
 * Evita el margen vertical en los formularios de la aplicacion.
 * Por definicion los navegadores del tipo IExplorer muestran un
 * espacio baja cada formulario definido en la aplicacion. Para
 * nuestro aplicativo ya no se contemp�la esta posibilidad.
 */
form {
	margin-bottom:0;
}

table.frmUserLogin {
	background-color: #FEFEFE;
   	border-spacing: 0px;
   	border-collapse: collapse;
   	margin-top: 5%;
   	margin-left: 10%;
   	margin-right: 60%;

}

.alignCenter {
	text-align: center;
}

body{
	background-color:#f5f5ff;
	text-align:center;
	margin-left: 10%;
	margin-right: 10%;
}

.mainPage {
	width: 100%;
	/*margin-left: 10%;
	margin-right: 10%;*/
}

table.template {
	width: 770px;
	border-collapse: collapse;

}

td.menu {
	text-align:left;
	/*background-color:#ebebeb;*/
	/*border:solid 2px #ebebeb;*/
	border: solid 1px #C1C1C1;
}

td.footerClass {
	border: solid 1px #C1C1C1;
	padding-top: 2px;
	/* background-color:#ebebeb; */
	background-color: #038ebf;	
}


td.headerClass
{
	border: solid 1px #C1C1C1;
}

td.breadcrumb {
	border: solid 1px #C1C1C1;
	text-align:left;
	background-color:#038ebf;	
}

table.template td{
	border-collapse: collapse;
}


td.bodyClass {
	border-top: 2px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
	border-left: 1px solid #C1C1C1;
	background-color:#FFFFFF;
	text-align:left;
}

.imgHeader {
	background-image: url(../img/fondo-cabecera_minuscula_chd.png);	
	color:black;
	/*border-collapse: collapse;*/
	font-family: arial, helvetica;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	height:69px;	
}

.buttonConnect {
	background-color: #555555;
	color: white;
}

.error{
   color: red;
   font-weight: bold;
   font-size: 10px;
}

.info{
   color: blue;
   font-weight: bold;
   font-size: 12px;
}

.warning {
    color: #E56717;
    font-size: 12px;
    font-weight: bold;
    display: block;
}

.breadCrumb{
	padding-left:2px;
	font-family:Verdana,arial,helvetica,Sans-Serif;
	font-weight: bold;
	font-size:0.6em;
	color:white;
}

.breadCrumb a{
		color:white;
}

a.imageLink {
	border-style:solid;
	border-width:1px 1px 2px;
	text-decoration:#2D2B2B;
}

/*-------------------- Nuevos estilos GMV:SSGC ---------------------------*/

/*Estilo general para modificar el aspecto de los select disabled */
/*gmvssgc5 Se ha modificado el estilo de los select disabled para que se quite la plecha de la lista de seleccion*/
select[disabled] { background-color: white; color:black; 
-moz-appearance: none;
 -webkit-appearance: none;
 appearance: none; }
 
/*Para el chrome, para que no pinte las opciones del select multiple en gris.*/
select[disabled] > option {color:black;}
/*Para Internet explorer 10.*/
select[disabled='disabled']::-ms-value {
    color:black;
    background-color: white;
}

select[readonly]{
   /*color: red;*/
   color:black;     
}

 
 


table.template td.rf-dt-ftr-c 
{
     /*background: #038ebf;
     color:white;
     text-align:right;
     font-size: 11px;
     */
     background:none;
     border:0;
     color:black;
     text-align:right;
     font-size: 11px;
 }
 
 
 table.template th.rf-dt-hdr-c 
{
     /*background-color: #206dba;*/
     background: #004963;
     border: 1px solid #ffffff;
     color: #ffffff; 
     text-align: center;
     font-size: 11px;
     font-weight: bold;
     padding: 3px 0.5em;      
 }
 
 
 /*GMVSSGC: Estilos para la p�gina de Inicio*/
 .marcoCuadroInformacion { 	border:solid 1px #555555; }
 
 .tituloCuadroInformacion
 {
 	background-color:#ebebeb;
 	color:black;
 	font-size:13px;
 	padding:5px 10px;
 	
 	font-family: Verdana,arial,helvetica,sans-serif; 
 }
 
 .hrCuadroInformacion
 {
 	margin:0;
 	padding:0;
 	height:4px;
 	background-color:#555555;
 	color:#555555;
 }
 .contenedorCuadroInformacion{padding:5px 10px;}
 .eltoCentradoCuadroInformacion{align:center;text-align:center;}
 
 
 
 .imagenIndexEntidades
{
	border:solid 1px #dbe2f1;
	padding:5px;
	background-color:white;
}

 /* FIN---- GMVSSGC: Estilos para la p�gina de Inicio*/
 
 
 /*Tabla de los meses para los caudales ecologicos de las masas rio.*/
 
 table.tablaMeses {
   	border-collapse: collapse;  
   	border: 1px solid #DDDDDD; 	   	   
}
table.tablaMeses th {
   	padding: 0.3em 0.1em;
   	border: 1px solid #DDDDDD;
   	color: white;
   	text-align: left;
   	font-size: 12px;
   	font-weight: bold;
   	text-align:center;
   	/*background-color: #206dba;*/
   	background: #038ebf;  
}
table.tablaMeses td {
   	padding: 0.3em 0.7em;
   	border: 1px solid #DDDDDD;
   	text-align: left;
   	font-size: 10px;
   	vertical-align: top;
   	text-align:center;   	
}



            
            
#tiposResultadosGral
{
	display:block;
	/*border:solid 1px red;*/ 
	border: 2px solid #dbe2f1;
	width:100%;
	height:100px;
	overflow:scroll;
	overflow-x:hidden;	
}

.caracterisiticasEntidades
{
	float:left;
	border:solid 1px #dbe2f1;
	width:25%;
	padding:10px;	
	font-family: arial, helvetica;
	font-size: 11px;
}

.imagenEntidades
{
	float:right;
	border:solid 1px #dbe2f1;
	padding:10px;
	background-color:white;
}

.graficaEntidades
{
	float:left;
	margin-top:3px;
	width:100%;
	height:100%;
	
	
	border:solid 1px #dbe2f1;
	
}

.caracNumeroResultadosBusqueda
{
	font-weight:normal;padding-top:8px;
}

/* Para maquetar formularios */

.fila {
  clear: both;  
  height: 25px;
}

.fila span.etiqueta {
  float: left;
  width: 35%;
  margin-right: 15px;
  margin-top: 2px;
  text-align: right;
}

.fila span.formElement {
  float: right;
  width: 60%;
  text-align: left;
  margin-bottom: 5px;  
}

.fila span.formElement input {
	font-weight:  normal;
}

.fila span.formButton
{
	float:right;	
}

.columnRios1{width: 15%;text-align:left;font-size:10px;}
.columnRios2{width: 20%;height:auto; text-align:left;font-size: 10px;}
.columnRios3{width: 30%;height:auto; text-align:left;font-size: 10px;}
.columnRios4{width: 25%;height:auto; text-align:left;font-size: 10px;}

.colVinculos{width: 40px;}
.colCodigo{width: 80px;}
.colTipo{width: 120px;}
.colNombre{}

table.tituloTabla th
{	
	padding: 0.3em 0.1em;
    border: 0px solid #DDDDDD;
    /*background: #206DBA;*/       
    color: #000000;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    width:100%;    
}

.general_searchCombo2 {
	width: 80px;
	margin-right: 4px;	
}
.general_searchCombo3 {
	width: 50px;
	margin-right: 5px;	
}
.general_searchCombo4 {
	width: 75px;
	margin-right: 5px;	
}
.general_searchCombo5 {
	width: 140px;
	margin-right: 4px;	
}

.general_inputConCombo{	width: 120px;}
.general_inputConCombo2{width: 60px;}
.general_inputConCombo3{width: 79px;}
.general_inputConCombo4{width: 90px;}
.general_inputConCombo5{width: 392px;}
.general_inputConCombo6{width: 334px;}
.general_inputConCombo33{width: 393px;}

.fieldsetTable{
	border: 1px solid #206dba;	
	margin-top: 5px;
	margin-bottom: 10px;
	padding-top:10px;	
}


/*SSGC. Tama�o para los campos del formulario */
.general_datosInput{ width:100%;}
.general_datosInputRequerido{ width:95%;}
.general_datosInputMagnitud{ width:80%;}
.general_legislacionesCombo {width: 650px;}
.general_datosInputBold{font-weight: bold; width:100%;}

/* SSGC Tama�os-anchos de columnas para las tablas de los formularios (pesta�as Datos Generales) */
.columnAportaciones{ width:35px;}
.columnAportacionesTitulo{ width:200px;}

/*Para Tablas de 2 columnas*/ 
.column1Tabla2{ width:105px;}
.column2Tabla2{ width:495px;}

.column3Tabla2{ width:200px;}
.column4Tabla2{ width:400px;}

.column5Tabla2{ width:300px;}
.column6Tabla2{ width:300px;}

.column7Tabla2{ width:150px;}
.column8Tabla2{ width:450px;}

.column9Tabla2{ width:500px;}
.column10Tabla2{ width:100px;}

.column11Tabla2{ width:450px;}
.column12Tabla2{ width:150px;}

.column13Tabla2{ width:250px;}
.column14Tabla2{ width:350px;}

.column15Tabla2{ width:225px;}
.column16Tabla2{ width:375px;}

.column17Tabla2{ width:125px;}
.column18Tabla2{ width:475px;}

.column19Tabla2{ width:540px;}
.column20Tabla2{ width:60px;}

.column21Tabla2{ width:580px;}
.column22Tabla2{ width:20px;}

.column23Tabla2{ width:210px;}
.column24Tabla2{ width:390px;}



/*Para Tablas de 3 columnas*/
.column1Tabla3{ width:100px;}
.column2Tabla3{ width:250px;}
.column3Tabla3{ width:250px;}

.column4Tabla3{ width:150px;}
.column5Tabla3{ width:100px;}
.column6Tabla3{ width:350px;}

.column7Tabla3{ width:125px;}
.column8Tabla3{ width:280px;}
.column9Tabla3{ width:195px;}

.column10Tabla3{ width:200px;}
.column11Tabla3{ width:100px;}
.column12Tabla3{ width:300px;}

.column13Tabla3{ width:100px;}
.column14Tabla3{ width:270px;}
.column15Tabla3{ width:230px;}

.column16Tabla3{ width:550px;}
.column17Tabla3{ width:25px;}
.column18Tabla3{ width:25px;}

.column19Tabla3{ width:525px;}
.column20Tabla3{ width:50px;}
.column21Tabla3{ width:25px;}

/*Para Tablas de 4 columnas*/
.column1Tabla4ms{ width:80px;font-weight: bold;}
.column2Tabla4ms{ width:200px;align:left;}
.column3Tabla4ms{ width:80px;font-weight: bold;}
.column4Tabla4ms{ width:200px;align:left;}

.column1Tabla4{ width:150px;}
.column2Tabla4{ width:150px;}
.column3Tabla4{ width:150px;}
.column4Tabla4{ width:150px;}

.column5Tabla4{ width:100px;}
.column6Tabla4{ width:200px;}
.column7Tabla4{ width:100px;}
.column8Tabla4{ width:200px;}

.column9Tabla4{ width:200px;}
.column10Tabla4{ width:100px;}
.column11Tabla4{ width:200px;}
.column12Tabla4{ width:100px;}

.column13Tabla4{ width:100px;}
.column14Tabla4{ width:100px;}
.column15Tabla4{ width:300px;}
.column16Tabla4{ width:100px;}

.column17Tabla4{ width:200px;}
.column18Tabla4{ width:150px;}
.column19Tabla4{ width:200px;}
.column20Tabla4{ width:50px;}

.column21Tabla4{ width:100px;}
.column22Tabla4{ width:200px;}
.column23Tabla4{ width:200px;}
.column24Tabla4{ width:100px;}

.column25Tabla4{ width:200px;}
.column26Tabla4{ width:100px;}
.column27Tabla4{ width:150px;}
.column28Tabla4{ width:150px;}

.column29Tabla4{ width:140px;}
.column30Tabla4{ width:160px;}
.column31Tabla4{ width:140px;}
.column32Tabla4{ width:160px;}

.column33Tabla4{ width:50px;}
.column34Tabla4{ width:50px;}
.column35Tabla4{ width:125px;}
.column36Tabla4{ width:75px;}

.column37Tabla4{ width:100px;}
.column38Tabla4{ width:200px;}
.column39Tabla4{ width:125px;}
.column40Tabla4{ width:175px;}

.column41Tabla4{ width:200px;}
.column42Tabla4{ width:150px;}
.column43Tabla4{ width:110px;}
.column44Tabla4{ width:140px;}

/*Para Tablas de 6 columnas*/
.column1Tabla6{ width:300px;}
.column2Tabla6{ width:60px;}
.column3Tabla6{ width:60px;}
.column4Tabla6{ width:60px;}
.column5Tabla6{ width:60px;}
.column6Tabla6{ width:60px;}

.column7Tabla6{ width:162px;}
.column8Tabla6{ width:23px;}
.column9Tabla6{ width:170px;}
.column10Tabla6{ width:42px;}
.column11Tabla6{ width:160px;}
.column12Tabla6{ width:43px;}




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


/*-------------------- Nuevos estilos Tablas-GWB:OVF ---------------------------*/

.gwbExploitationTable .columnView {
	width: 35px;
	text-align: center;
}

.gwbExploitationTable .columnCode {
	width: 75px;
}

.gwbExploitationTable .columnOneLine {
	/*width: 100px;*/
}

.gwbExploitationTable .columnPoints {
	width: 60px;
}

.gwbExploitationTable .columnVolume {
	width: 85px;
}

.gwbTextBold {
	display: block;
	font-size: 12px;
    font-weight: bold;
    text-align: middle;
 	margin-top: 5px;
 }
 
#frmCoreScroller .columnView {
	width: 15px;
}

#frmCoreScroller .columnCode {
	width: 30px;
}
#frmCoreScroller .columnName{
	width: 150px;
}

#frmCoreScroller .columnPobPerm {
	width: 30px;
}

#frmCoreScroller .columnPobEstac {
	width: 30px;
}

#frmCoreScroller .columnHabit {
	width: 100px;
}

#frmCoreScroller .columnVol{
	width: 100px;
}


 /*Waiting icon*/
.waiting-blocks{ padding: 0; display: inline-block;}
.waiting-blocks-element{ float:left; background-color: #caddfb; border: solid 1px #c9ccdb;
    margin: 0 2px 0 0; width: 15px; height: 15px; display: inline-block; 
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.waiting-blocks-play-0{ background-color: #038ebf;/*background-color: #2891d2;*/ /*background-color: #b0c5ee;*/ }
.waiting-blocks-play-1{ background-color: #caddfb; }

.waterBodyNoRisk {
   color: #5e88e8; /*blue;*/
   font-weight: bold;
   font-size: 14px;
   align:center;
   text-align:center;
   margin-top: 5px;   
}

.waterBodyNoRisk2 {
   color: #5e88e8; /*blue;*/
   font-size: 12px;
   align:center;
   text-align:center;
   margin-top: 5px;   
}

.waterBodyInRisk {
   color: #e15b64; /*red;*/
   font-weight: bold;
   font-size: 14px;
   align:center;
   text-align:center;
   margin-top: 5px;   
}

.waterBodyInRisk2 {
   color: #e15b64; /*red;*/
   /*font-size: 12px;*/
   align:left;
   text-align:left;
   margin-top: 5px;   
}
.waterBodyInRisk3 {
   color: black;
   font-weight: bold;
   font-size: 12px;
   align:left;
   text-align:left;
   margin-top: 1px;   
}

.waterBodyPressureNoRisk {
   color: green; /*green;*/
   font-weight: bold;
   font-size: 14px;
   align:center;
   text-align:center;
   margin-top: 5px;   
}

.waterBodyPressureInRisk1 {
   color: #e15b64; /*red;*/
   font-weight: bold;
   font-size: 14px;
   align:center;
   text-align:center;
   margin-top: 5px;   
}

.waterBodyPressureInRisk2 {
   color: orange; 
   font-weight: bold;
   font-size: 14px;
   align:center;
   text-align:center;
   margin-top: 5px;   
}

.contarAlgoStyle {
  background: #6B95C7;
  background: linear-gradient(#6B95C7, #5980BE);
  border: 2px solid #385D8A;
  /*border-radius: 5px;*/
  color: #fff;
  font-family: arial, helvetica;
  padding: 15px 20px;
  text-align:center;
}



.mainPageSectionTiles {
  font-size:18px;
  font-weight:bold;
  color: #038ebf;
  font-family: arial, helvetica;
  width: 300px;
}