@charset "UTF-8";
/* CSS Document */

.flexigrid
	{
	font-family: 'Lato', sans-serif!important;
	font-size: 11px;
	position: relative;
	border: 1px solid #007A33;
	overflow: hidden;
	color: #000;
	padding:7px;
	box-shadow:inset 0 0 4px #D5D5D5;
	-moz-box-shadow:inset 0 0 4px #D5D5D5;
	-webkit-box-shadow:inset 0 0 4px #D5D5D5;
	-o-box-shadow:inset 0 0 4px #D5D5D5;
	}

	.flexigrid.hideBody
		{
		height: 26px !important;
		}

	.ie6fullwidthbug
		{
		border-right: 0px solid #ccc;
		padding-right: 2px;	
		}

.flexigrid div.nDiv
	{
	background: #00567D url(../images/line.gif) repeat-y -1px top;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: auto;
	left: 0px;
	position: absolute;
	z-index: 999;
	float: left;
	}

	.flexigrid div.nDiv table
		{
		margin: 2px;
		}

.flexigrid div.hDivBox
	{
	float: left; 
	padding-right: 40px;
	}

.flexigrid div.bDiv table
	{
	margin-bottom: 10px;
	}
	
	.flexigrid div.bDiv table.autoht
		{
		border-bottom: 0px;
		margin-bottom: 0px;
		}
	
.flexigrid div.nDiv td
	{
	padding: 2px 3px;
	/*border: 1px solid #eee;*/
	cursor: default;
	color:#FFF;
	}

/*.flexigrid div.nDiv tr:hover td, .flexigrid div.nDiv tr.ndcolover td
	{
	background: #BCE9FA url(../images/hl.png) repeat-x top;
	border: 1px solid #a8d8eb;
	}*/
	
	/*.flexigrid div.nDiv td.ndcol1
		{
		border-right: 1px solid #ccc;
		}
		
	.flexigrid div.nDiv td.ndcol2
		{
		border-left: 1px solid #fff;
		padding-right: 10px;
		}*/

	/*.flexigrid div.nDiv tr:hover td.ndcol1, .flexigrid div.nDiv tr.ndcolover td.ndcol1
		{
		border-right: 1px solid #d2e3ec;
		}*/
		
	/*.flexigrid div.nDiv tr:hover td.ndcol2, .flexigrid div.nDiv tr.ndcolover td.ndcol2
		{
		border-left: 1px solid #eef8ff;
		}*/
	
	.flexigrid div.nBtn
		{
		position: absolute;
		height: 24px;
		width: 14px;
		z-index: 900;
		background: #BCE9FA;
		border: 0px solid #ccc;
		border-left: 1px solid #ccc;
		top: 0px;
		left: 0px;
		cursor: pointer;
		display: none;
		}
		
		.flexigrid div.nBtn div
			{
			height: 24px;
			width: 12px;
			border-left: 1px solid #fff;
			float: left;
			background: url(../images/ddn.png) no-repeat center;
			}		
		
		.flexigrid div.nBtn.srtd
			{
			background: url(../images/wbg.gif) repeat-x 0px -1px;
			}
		

.flexigrid div.mDiv
	{
	background: url(../images/wbg.gif) repeat-x top;
	border: 1px solid #ccc;
	border-bottom: 0px;
	border-top: 0px;
	font-weight: bold;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	}

.flexigrid div.mDiv div
	{
	padding: 6px;
	white-space: nowrap;
	}
	
		.flexigrid div.mDiv div.ptogtitle
			{
			position: absolute;
			top: 4px;
			right: 3px;
			padding: 0px;
			height: 16px;
			width: 16px;
			overflow: hidden;
			border: 1px solid #ccc;
			cursor: pointer;
			}

			.flexigrid div.mDiv div.ptogtitle:hover
			{
			background-position: left -2px;
			border-color: #bbb;
			}
			
			.flexigrid div.mDiv div.ptogtitle span
			{
			display: block;
			border-left: 1px solid #eee;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #ddd;
			width: 14px;
			height: 14px;
			background: url(../images/uup.png) no-repeat center;
			
			}
			
			.flexigrid div.mDiv div.ptogtitle.vsble span
			{
			background: url(../images/ddn.png) no-repeat center;			
			}			

.flexigrid div.tDiv /*toolbar*/
	{
	   position: relative;
	  color:#FFF;
      line-height:16px;
      /*height:30px;*/
      background:#8A8D8F;
      overflow: hidden;
      margin:0;     
      font-size:1em;
      border:1px solid #707070;
      border-radius:6px 6px 0 0;
	}

	.flexigrid div.tDiv2
		{
		float: right;
		clear: both;
		padding: 1px;
		}

.flexigrid div.sDiv /*toolbar*/
	{
	/*background:url(../images/bg.gif) repeat-x top;*/
	background-color:White;
	position: relative;
	overflow: hidden;
	display: none;
	}

	.flexigrid div.sDiv2
		{
		float: left;
		clear: both;
		padding: 5px;
		padding-left: 5px;
		width: auto;
		}

		.flexigrid div.sDiv2 input, .flexigrid div.sDiv2 select
		{
		vertical-align: middle;
		
		}
			
	.flexigrid div.btnseparator
		{
		float: left;
		height: 22px;
		/*border-left: 1px solid #ccc;
		border-right: 1px solid #fff;*/
		margin: 1px;
		}
	
	.flexigrid div.fbutton
		{		    
		    background-image: url(../images/bg-fbtn.png) top left repeat-x;
		    /*background:url(../images/icon-modify.png) 5px 2px no-repeat;*/
		    /*background:url(../images/icon-modify.png) 5px 2px no-repeat;*/
		    /*background-color: White;
		    color:#626262;*/
			float: left;
			display: block;
			cursor: pointer;
			margin:2px 0 0 2px;
		}

	.flexigrid div.fbutton div
		{
			float: left;
			padding: 1px 3px;
		}		
		
	.flexigrid div.fbutton span
		{
		float: left;
		display: block;
		padding: 3px;
		}

	.flexigrid div.fbutton:hover, .flexigrid div.fbutton.fbOver
		{
		    /*background:url(../images/icon-modify.png) 5px 2px no-repeat, url(../images/bg-fbtn-hover.png) top left repeat-x;*/
		    background-image: url(../images/bg-fbtn.png) top left repeat-x;
		   /* background:url(../images/icon-modify.png) 5px 2px no-repeat;*/
		   /* background-color : #828282;*/
		    color:white;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
		    
		}

	/*.flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div
		{
			padding: 0px 2px;
			border-left: 1px solid #fff;
			border-top: 1px solid #fff;
			border-right: 1px solid #eee;
			border-bottom: 1px solid #eee;
		}*/		
		
	
/* end toolbar*/

.flexigrid div.hDiv
	{
	background:#dedede;
	position: relative;
	color:#000;
	font-weight:bold;
	/*font-family:helvetica, arial, sans-serif;*/
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	overflow: hidden;
	margin:3px 0 3px 0;
	border: 4px double #007A33;
}
.flexigrid div.hDiv.hDivBox table thead tr th
{
    font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}
.fixBrowser
{
   overflow: hidden;
   padding-left:5px !important;
}
/*.flexigrid div.hDiv table
	{
	border-right: 1px solid #fff;
	}*/

	.flexigrid div.cDrag
		{
		float: left;
		position: absolute;
		z-index: 2;
		overflow: visible;
		}

		.flexigrid div.cDrag div
			{
			float: left;
			background: none;
			display: block;
			position: absolute;
			height: 24px;
			width: 5px;
			cursor: col-resize;
			}
			
		/*.flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging
			{
			background: url(../images/line.gif) repeat-y 2px center;
			}*/

/*.flexigrid div.iDiv
	{
		border: 1px solid #316ac5;
		position: absolute;
		overflow: visible;
		background: none;
	}*/
	
	.flexigrid div.iDiv input, .flexigrid div.iDiv select, .flexigrid div.iDiv textarea
		{
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 11px;
		}
	.flexigrid div.iDiv input.tb
		{
		border: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
		padding: 0px;
		background: none;
		}			
					
.flexigrid div.bDiv
	{
	border-top: 0px;
	background: #fff;
	overflow: auto;
	position: relative;
	height:auto !important;
	min-height: 560px;
	width:101%;
	}
	
/*.flexigrid div.bDiv table
	{
	border-bottom: 1px solid #ccc;
	}*/
	
	.flexigrid div.hGrip
	{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 5px;
	width: 5px;
	background: url(../images/line.gif) repeat-x center;
	margin-right: 1px;
	cursor: col-resize;
	}
	
		.flexigrid div.hGrip:hover, .flexigrid div.hGrip.hgOver
			{
				/*border-right: 1px solid #999;*/
				margin-right: 0px;
			}
	
	.flexigrid div.vGrip
		{
		height: 5px;
		overflow: hidden;
		position: relative;
		background: #fafafa url(../images/wbg.gif) repeat-x 0px -1px;
		border: 1px solid #ccc;
		border-top: 0px;
		text-align: center;
		cursor: row-resize;
		}
			
			.flexigrid div.vGrip span
					{
					display: block;
					margin: 1px auto;
					width: 20px;
					height: 1px;
					overflow: hidden;
					border-top: 1px solid #aaa;
					border-bottom: 1px solid #aaa;	
					background: none;
					}

.flexigrid div.hDiv th  /* common cell properties*/
	{
	text-align: left;
	border-right: #8eaabc;
	overflow: hidden;
	}

.flexigrid div.hDiv th div, .flexigrid  div.bDiv td  div, div.colCopy div /*common inner cell properties*/
			{
			padding: 5px 1px 5px 1px;
			border-left: 0px solid #8eaabc;
			font-family:Tahoma, Geneva, sans-serif;
			font-size:12px;
}

.flexigrid div.hDiv th, div.colCopy
	{
	font-weight: normal;
	height: 30px;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: bottom;
	padding-left:5px;
	}	

div.colCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #BCE9FA;
	overflow: hidden;
	}

.flexigrid div.hDiv th.sorted
	{
	border-bottom: 0px solid #ccc;
	}
	
	.flexigrid div.hDiv th.thOver
	{
	}

	/*.flexigrid div.hDiv th.thOver div, .flexigrid div.hDiv th.sorted.thOver div
	{

	border-bottom: 2px solid #007A33;
	padding-bottom: 4px;
	cursor:pointer;
	border-right:#999;
	}*/
	
	/*.flexigrid div.hDiv th.sorted div
	{
	border-bottom: 0px solid #ccc;
	padding-bottom: 5px;
	}*/

	.flexigrid div.hDiv th.thMove
	{
	background: #fff;
	color: #fff;
	}
	
	.flexigrid div.hDiv th.sorted.thMove div
		{
		border-bottom: 1px solid #fff;
		padding-bottom: 4px
		}
	
	.flexigrid div.hDiv th.thMove div
	{
		background: #fff !important;
	}	
	
	.flexigrid div.hDiv th div.sdesc
		{
		background: url(../images/ddn.png) no-repeat center top;
		}	

	.flexigrid div.hDiv th div.sasc
		{
		background: url(../images/uup.png) no-repeat center top;
		}	
		
.flexigrid div.bDiv td
	{
	border-bottom: 0px solid #fff;
	vertical-align: top;
	white-space: nowrap;
	}

		.flexigrid div.hDiv th div
			{
			}
			
			.flexigrid span.cdropleft
			{
			display: block;
			background: url(../images/prev.gif) no-repeat -4px center;
			width: 24px;
			height: 24px;
			position: relative;
			top: -24px;
			margin-bottom: -24px;
			z-index: 3;
			}

			.flexigrid div.hDiv span.cdropright
			{
			display: block;
			background: url(../images/next.gif) no-repeat 12px center;
			width: 24px;
			height: 24px;
			float: right;
			position: relative;
			top: -24px;
			margin-bottom: -24px;
			}


		.flexigrid div.bDiv td div
			{
			border-top: 0px solid #fff;
			padding-bottom: 4px;
			}
	
				
		.flexigrid tr td.sorted
				{
				background: #FFF;
				border-right: 0px solid #FFF;
				border-bottom: 0px solid #FFF;
				}		

				.flexigrid tr td.sorted div
					{
					}


		.flexigrid tr.erow td
				{
				/*background: #f7f7f7;*/
				background:rgb(230, 230, 230);
				border-bottom: 1px solid #f7f7f7;
				}
				
		.flexigrid tr.erow td.sorted
				{
				background: rgb(230, 230, 230);
				border-bottom: 1px solid #FFF;
				}						

				.flexigrid tr.erow td.sorted div
					{
					}

		.flexigrid div.bDiv tr:hover td, 
		.flexigrid div.bDiv tr:hover td.sorted,
		.flexigrid div.bDiv tr.trOver td.sorted, 
		.flexigrid div.bDiv tr.trOver td
			{
			background: #c8c8c8;
			border-bottom: 1px dotted #e6e6e6;
			}
					
		.flexigrid div.bDiv tr.trSelected:hover td, 
		.flexigrid div.bDiv tr.trSelected:hover td.sorted,
		.flexigrid div.bDiv tr.trOver.trSelected td.sorted, 
		.flexigrid div.bDiv tr.trOver.trSelected td,
		.flexigrid tr.trSelected td.sorted, 
		.flexigrid tr.trSelected td
			{
			background: #b4b4b4;
			border-right: 0px solid #FFF;
			border-bottom: 1px solid #FFF;
			}
			
		.flexigrid tr.trSelected td.sorted a, 
		.flexigrid tr.trSelected td a
			{
			color: #d2d2d2;
			}			

	/* novstripe adjustments */

	.flexigrid.novstripe .bDiv table
	{
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	.flexigrid.novstripe  div.bDiv td  
		{
		border-right-color: #fff;
		}
		
	.flexigrid.novstripe div.bDiv tr.erow td.sorted
		{
		border-right-color: #e3e3e3;
		}

	.flexigrid.novstripe div.bDiv tr td.sorted
		{
		border-right-color: #f3f3f3;
		}

	.flexigrid.novstripe  div.bDiv tr.erow td  
		{
		border-right-color: #f7f7f7;
		border-left-color: #f7f7f7;
		}
		
		.flexigrid.novstripe div.bDiv tr.trSelected:hover td, 
		.flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,
		.flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted, 
		.flexigrid.novstripe div.bDiv tr.trOver.trSelected td,
		.flexigrid.novstripe tr.trSelected td.sorted, 
		.flexigrid.novstripe tr.trSelected td
			{
			border-right: 1px solid #969696;
			border-left: 1px solid #969696;
			}		

	.flexigrid.novstripe div.bDiv tr.trOver td, .flexigrid.novstripe div.bDiv tr:hover td
		{
		border-left-color: #d9d9d9;
		border-right-color: #d9d9d9;
		}

	/* end novstripe */

.flexigrid div.pDiv
	{
	background: url(../images/wbg.gif) repeat-x 0 -1px;
	border-top: 0px;
	overflow: hidden;
	white-space: nowrap;
	}

.flexigrid div.pDiv div.pDiv2
	{
	margin: 3px;
	margin-left: -2px;
	float: left;
	width: 1024px;
	}	
	
	div.pGroup
		{
		float: left;
		background: none;
		height: 24px;
		margin: 0px 5px;
		}
	
	.flexigrid div.pDiv .pPageStat, .flexigrid div.pDiv .pcontrol
		{
		position: relative;
		top: 5px;
		overflow: visible;
		}
		
	.flexigrid div.pDiv input
		{
		vertical-align: text-top;
		position: relative;
		top: -5px;
		}
	
	.flexigrid div.pDiv  div.pButton
		{
		float: left;
		width: 22px;
		height: 22px;
		border: 0px;
		cursor: pointer;
		overflow: hidden;
		}

		.flexigrid div.pDiv  div.pButton:hover, .flexigrid div.pDiv  div.pButton.pBtnOver
			{
			width: 20px;
			height: 20px;
			border: 1px solid #ccc;
			cursor: pointer;
			}
		
	.flexigrid div.pDiv  div.pButton span
		{
		width: 20px;
		height: 20px;
		display: block;
		float: left;
		}		
	
		.flexigrid div.pDiv  div.pButton:hover span, .flexigrid div.pDiv  div.pButton.pBtnOver span
			{
			width: 19px;
			height: 19px;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			}		
		

		.flexigrid .pSearch
			{
			background: url(../images/magnifier.png) no-repeat center;
			}
	
		.flexigrid .pFirst
			{
			background: url(../images/first.gif) no-repeat center;
			}
			
		.flexigrid .pPrev
			{
			background: url(../images/prev.gif) no-repeat center;
			}

		.flexigrid .pNext
			{
			background: url(../images/next.gif) no-repeat center;
			}

		.flexigrid .pLast
			{
			background: url(../images/last.gif) no-repeat center;
			}
			
		.flexigrid .pReload
			{
			background: url(../images/load.png) no-repeat center;
			}
			
		.flexigrid .pReload.loading
			{
			background: url(../images/load.gif) no-repeat center;
			}															

/* ie adjustments */
			
		.flexigrid.ie div.hDiv th div, .flexigrid.ie  div.bDiv td  div, div.colCopy.ie div/* common inner cell properties*/
			{
			overflow: hidden;
			}			
.flexigrid div.fbutton .add
		{
			background: url(../images/add.png) no-repeat center left;
		}	

	.flexigrid div.fbutton .delete
		{
			background: url(../images/close.png) no-repeat center left;
		}
		
		.flexigrid div.fbutton .vialidad
		{
			background: url(../images/vialidad.png) no-repeat center left;
		}
		.spanMenos
		{
		   background: url(menos.png) no-repeat left;
		}
		.spanMas
		{
		    background: url(mas.png) no-repeat left;
		}
		.temporalCaduca
		{
		     background: url(icon-warning.png) no-repeat left;
		}
		.warring
		{
                border-color:Red;
                border-width: 2px;
		}
		.flexigrid div.fbutton .print
		{
			background: url(../images/report.png) no-repeat center left;
		}
		.flexigrid div.fbutton .report
		{
			text-decoration: none;
	        color: #000;
	        font-weight: bold;
	        padding: 0 20px;
	        font-size: 12px;
	        border-radius: 10px;
	        background-color: #dedede;	
	      	position: relative;
	        border-bottom: 1px solid rgba(255,255,255,0.2);
	        display: inline-block;
	        font-family: helvetica, arial, sans-serif;
	        border:4px double #c3002F;
		}
		
		.flexigrid div.fbutton .report:hover {
	        color: #000 !important;
        }

        .flexigrid div.fbutton .report:active {
	        color: #000 !important;
        }
      
		
  .textbox
  {
        background-color:transparent;border-width:0;
  }
  h3.table-footer {
	background: #707070;
	border-color: #e6e6e6;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	padding: 8px;
	text-align: center;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
.buttonSearch {
	background: url(grad60.png) repeat-x scroll 0 0 #707070;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	padding: 5px;
	text-align: left;
	margin: 0;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
.buttonSearch input[type=button]{
  font: 12px helvetica,arial,sans-serif;
	color: #fff;
  border: 1px solid #ffffff;
  background: #707070 url(grad-button.png) repeat-x;
  padding: 2px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.buttonSearch input[type=button]:hover{
  background: #707070 url(grad-button.png) repeat-x;
  padding: 2px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

 .sasc
{
 cursor:pointer;
            
}

.divContent
{
   overflow:auto;
          
}
.flexigrid
{
   max-width:965px;
   max-height:3000px;
}


.editable{
    background:url(write.png) no-repeat left;    
}
input.button_add {
    background-image: url(../images/add.png); /* 16px x 16px */
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}
input.button_refresh {
    background-image: url(../images/load.png); /* 16px x 16px */
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}
input.button_update {
    background-image: url(write.png); /* 16px x 16px */
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}
input.button_delete {
    background-image: url(../images/close.png); /* 16px x 16px */
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}

 a.up {
        background-image: url(../images/Arriba.png); /* 16px x 16px */
        background-color: transparent;
        background-repeat: no-repeat;
        border: none;
        cursor: pointer;        /* make the cursor like hovering over an <a> element */
        height: 16px;
        padding-left: 16px;     /* make text start to the right of the image */
        vertical-align: middle; /* align the text vertically centered */
    }

    a.down {
        background-image: url(../images/Abajo.png); /* 16px x 16px */
        background-color: transparent;
        background-repeat: no-repeat;
        border: none;
        cursor: pointer;        /* make the cursor like hovering over an <a> element */
        height: 16px;
        padding-left: 16px;     /* make text start to the right of the image */
        vertical-align: middle; /* align the text vertically centered */
    }
    
.layGralHome
    {
   /*  margin: 20px auto 10px;
     height:auto;        
     font-family: Arial;
     font-size:11px; 
     max-width:750px;*/
    }  
 .layGralHome img
  {
   margin-left:55px;    
  }
  .layGralHome span
  {
   margin-left:12px;    
  }
  .layGralOther
    {
   /*  height:auto;        
     font-family: Arial;
     font-size:11px;*/ 
     /*width:500px;
     max-width:500px;
     float: right;*/
    }  
 .layGralOther img
  {
   margin-left:55px;    
  }
  .layGral
    {
    /* margin: 10px auto 10px;
     height:auto;        
     font-family: Arial;
     font-size:11px; 
     max-width:965px;*/
    }  
 .layGral img
  {
   margin-left:55px;    
  }
  .layGral span
  {
   margin-left:33px;    
  } 
   .layGralHid
    {
     /*margin: 10px auto 10px;
     height:auto;        
     font-family: Arial;
     font-size:11px; 
     max-width:735px;
     width:735px;*/
    }  
 .layGralHid img
  {
   margin-left:55px;    
  }
  .layGralHid span
  {
   margin-left:33px;    
  }   
  .LoginInfo
  {
  /*border: 4px double #007A33;
   border-radius: 10px;  
   padding: 10px;  
   background: url(../images/bgpixels.png);
   background-repeat: repeat;*/
  }
  .LoginInfo p
  {
      font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
      }
  .LogoutInfo
{
    background-position: center;
    float: right;
    background-image: url(../images/logout.png);
    background-repeat: no-repeat;
    height:25px;
    font-size:12px;
}
.LogoutInfo:hover
{
    opacity:0.8;
}
.LogoutInfo span
{
    padding-right:9px;
    margin-top: 28px;
    float: left;   
    color:#000;
}
  .LogoutInfoOther
{
    background-position: center;
    float: right;
    background-image: url(../images/logout.png);
    background-repeat: no-repeat;
    height:25px;
    font-size:12px;
}
.LogoutInfoOther span
{
    margin-top: 28px;
    float: left;   
    color:#000;
}
.LogoutInfoOther:hover
{
    opacity:0.8;
}
.BreadCrumbOther
{
 margin: 0 auto 10px;
 height:auto; 
 font-size:13px; 
 max-width:500px;
}
.BreadCrumbOther p a 
{
    color:#C72D4A;
    font-weight:bold;
}
.BreadCrumbOther p a:hover
{
 color:#990000;   
}
.BreadCrumbHid
{
 margin: 10px auto 10px;
 height:auto; 
 font-size:13px; 
 max-width:735px;
 width:735px;
}
.BreadCrumbHid p a 
{
    color:#C72D4A;
    font-weight:bold;
}
.BreadCrumbHid p a:hover
{
 color:#990000;   
}
.BreadCrumb
{
 margin: 10px auto 10px;
 height:auto; 
 font-size:13px; 
 max-width:965px;
}
.BreadCrumb p a 
{
    color:#C72D4A;
    font-weight:bold;
}
.BreadCrumb p a:hover
{
 color:#990000;   
}
p, span.current
{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.bullet
{
color:#007A33;
font-size:14px;   
}
#reloj
{
font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#reloj b
{
 font-size:11px;   
 font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-weight:bold; 
}
.bg-hidrica
{
    width: 700px;
    text-align: justify;
    color: black;
    background-image: url('../images/bg-hidry.png');
    background-repeat: repeat;
    border-radius: 20px;
    box-shadow: 1px 3px 10px black;
    padding:20px;
}
.bg-hidrica img
{
/* cursor:pointer;
 padding-left:320px;*/
}
.bg-hidrica img:hover
{
/*  opacity:0.8;  */
}
.bg-hidrica a
{
text-align:center;
width:100%;
float:left;  
color:#C72D4A;
font-weight:bold;    
}
.bg-hidrica a:hover
{
color:#000;
font-weight:bold;    
}
.links-hidrica
{
  text-align: left !important;  
  width:100% !important;
  font-weight: normal !important;
  float: none !important;
  color:#000 !important;
}