body {
	font: normal 10px Arial, Helvetica, Sans-serif; 
	margin:0px;
	padding:0px;
	width:100%;
	overflow:auto;
}
img {	border: 0px; }
html, table {  height:100%; margin:0; padding:0; }

FORM{
	margin: 0px;
	padding: 0px;
}
/* Problema del padding (IMPORTANTE USA MEJOR MARGIN EN EL HIJO ) en el div padre, con el 100% con el padding crece mas y sale scroll */
/* Problema con el pixelado. Serian 153, por diseno, pero no se que pasa que no ajusta */
#headerUsr{
	float: left;
	margin: 0px;
	width: 100%;
/* Alineado vertical de texto en el centro 
	height:20px;*/
	line-height: 28px;
	padding-top:6px;
	background-color: #F5F5F5;
}

#headerUsr div{
	float: left;
	padding:0px;
	line-height: 13px;
}

#headerUsr div#accesoSistema{
	width:40px;
	.width:60px;
	padding-left:20px;
}

#datosUsuario{
	width:600px;
	color:#F60;
}

#headerUsr A{
	color: #666;
	letter-spacing: 1px;
}

#headerUsr A:hover{
	text-decoration: underline;
}

#headerUsr #funciones{ 
	padding:0px;
	line-height: 13px;
}

#headerUsr #funciones a{ 
	margin-right: 15px;
}

.tfno{
	margin-left: 15px;
}
#headerLogo{
	float:left;
	width:100%; 
	padding-top:1px;
	padding-bottom:6px;
	line-height:26px;
	background-color: #F5F5F5;
}

#headerLogo #logo{
	float:right;
	margin-right:16px;
}

#menu{
	background-color: #F5F5F5;
	font: normal 8pt Arial, Helvetica, Sans-serif; 
	float:left;
	margin:0px;
	padding:0px;
	margin-bottom:1px;
	width:100%;
}

#menu ul{    
	float:left;
	list-style:none; 
	width:555px;
	.width:556px;
	padding:0px; 
	margin:0px;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
}
#menu li{
   position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
   width:111px; 
   float:left;
}

#menu div#first { 
	float:left;
	width:54px;
	background-color: #000;
	line-height:20px;
	border-top:1px solid #FFF;
}

#menu a{
	font: normal 8pt Arial, Helvetica, Sans-serif; 
	display:block;
	color:#d7d7d7;
	width:104px;
	.width:111px;
	padding-left:6px;
	background-color: #666;
	line-height:20px;
	border-left:1px solid #FFF; 
}

#menu a#selected{
	color:#000;
	background-color: #d7d7d7;
}

#menu ul ul
{
   position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
   top:20px;
   display:none;
   list-style:none;
   border-right:0px;
   width:111px;
}
#menu li:hover  ul , #menu li.over ul {    display:block; }


#menu ul ul a{
	width:104px;
	.width:112px;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
}
#menu a:hover, #menu ul ul a:hover, #menu a#selected:hover {text-decoration: none; color:#000;	background-color: #FF8737;}



#headerFuncion{
	float:left;
	width:100%; 
	background: #d7d7d7;
	margin-bottom:1px;
}

#headerFuncion table{
	height:41px;
	margin-left:55px;
}

#headerFuncion table td{
	font: normal 8pt Arial, Helvetica, Sans-serif; 
	color:#666;
}

#palabras, #filtros{
	font: bold 8pt Arial, Helvetica, Sans-serif; 
	float:left;
	width:80%; 
	color: #999;
	padding-left:61px;
	padding-right:150px;
}

.separador, .separadorb{
	float:left;
}

.separador div, .separadorb div{
	margin-left:55px;
	line-height:3px;
	background-color: #DDD;
	width:553px;
}

.separadorb div{
	line-height:1px;
}

.linea, .lineaDatos{
	float: left;
	line-height: 20px;
}

iframe#search{
	width:100%;
}

iframe#stats{
	width:190px;
}

#propiedades{
	display:none;
	position: absolute;
	left:629px;
	top:204px;
}

.titleL{
	font: bold 13pt Arial, Helvetica, sans-serif; 
}

.divOff{
	display: none;
}

.divOn{
	display: block;
}

A{
	color: #CCC;
	text-decoration: none;
}

A:hover{
	text-decoration: underline;
}

input{
	border:1px solid #999;
	font: normal 8pt Arial, Helvetica, Sans-serif; 
	padding-left:5px;
}

SELECT{
	border:1px solid #999;
	font: normal 8pt Arial, Helvetica, Sans-serif;
	padding-left:4px;
	width:185px;
}

.w250{
	width:250px;
}

.button{
	font: bold 8pt Arial, Helvetica, Sans-serif;
	margin-left:5px;
	height:18px;
}

.radio{
	border: 0px;
	vertical-align: top;
	.vertical-align: middle;
	font: normal 8pt Arial, Helvetica, Sans-serif;
}

A.wSearch{
	float:left;
	font: normal 8pt Arial, Helvetica, Sans-serif; 
	color:#000;
	margin-left:5px;
	height:20px;
	line-height: 18px;
}

A.wSearch img{
	margin-right:5px;
}

.xBlock{
	float:left;
	padding:0px;
	white-space: nowrap;
	height:20px;
	line-height: 18px;
}

/* busqueda */
table.grid{
	margin:0px;
}

table.grid td { 
 	margin:0px;
 	padding:0px;
	padding-left:19px;
	padding-bottom:19px;
}

table.grid a.celda{ 
 display:block;
 border:1px solid #d7d7d7; 
 width:170px;
 .width:172px;
 height:170px;
 .height:172px;
 margin:0px;
 text-align:center;
}

table.grid a.celda:hover{ 
 	background-color: #d7d7d7;
}

div.grid{
	position:absolute;
	top:63px;
	left:37px;
}

table.grid td.pageNavigation{
	float: none;
	font: bold 8pt Arial, Helvetica, Sans-serif; 
	text-align:center;
	line-height:20px;
	padding-bottom:0px;
}

.pageNavigation div{
	float:right;
	margin-top:-20px;
	color:#d7d7d7;
	font: normal 8pt Arial, Helvetica, Sans-serif; 
		line-height:20px;
}

.pageNavigation div a{
	margin-left: 9px;
}

.pageNavigation div div{
	float:none;
	display:inline;
	margin-top:0px;
	margin-left: 9px;
	color:#666;
}

.x { 
	float:left;
	margin-left:5px;
	margin-top:5px;
}

#container {
	float:left;
}

.loading { border:1px solid #ccc; margin: 0 100px; height: 200px; vertical-align:middle; text-align:center; }
.loading img { margin-top:90px; }


div#lists{
	width: 190px;
}

div#lists div {
	float:left;
	width: 190px;
	font: bold 8pt Arial, Helvetica, Sans-serif; 
	color:white;
	text-align:left;
	background-color:#666;
	margin-bottom:1px;
}

div#lists div.title{
	background-color: #000;
	height:17px;
	line-height:17px;
	.line-height:16px;
}

div.title p{
	margin:0px;
	padding-left:22px;
}

div#lists div.dto{
	.float:none;
	height:17px;
	line-height:17px;
	.line-height:16px;
	color:#CCC;
	cursor: pointer;
}

div#lists div img{
	margin-left:7px;
	margin-right:8px;
	vertical-align:middle;
}


div#lists div.list {
float:left;
	width:190px; 
	padding:0px;
	margin:0px;
	background-color: #FFF;
}

div#lists div.list div{
	font: normal 8pt Arial, Helvetica, Sans-serif;
}

div.list a { padding-left:23px; color:#666; }

div#lists div.list div.txt { 
	float:left;
	width:194px;
}

div#lists div.list div.txt a{
	display:block;
	background-color: #F5F5F5;
	color:#666;
	height:17px;
	line-height:17px;
	.line-height:16px;
}

div#lists div.list div.txt a div{
	float:right;
	width:60px;
	background-color: #F5F5F5;
	color:#666;
	height:17px;
	line-height:17px;
	.line-height:16px;
	margin:0px;
	text-align:right; 
	padding-right:7px;
}

div#lists div.list div.sep {
float: left;
	width:190px; 
	font: bold 8pt Arial, Helvetica, Sans-serif; 
	background-color:#CCC;
	color:#666;
	height:17px;
	line-height:17px;
	.line-height:16px;
}

div.sep p{
	margin:0px;
	padding-left:22px; 
}

div.list div.aclaracion {
	float:left;
	width:190px;
	margin:0px;
	padding:0px;
}

div.list div.aclaracion a { 	
	display:block;
	font: bold 8pt Arial, Helvetica, Sans-serif; 
	background-color: #F5F5F5;
	color:#666; 
	height:17px;
	line-height:17px;
	.line-height:16px;
	color: black;
}

div#lists div.list div.txt a:hover div, div#lists div.list div.txt a:hover, div.list div.aclaracion a:hover { text-decoration:none; background-color: #CCC; color: #666; }

.center { text-align:center; }
.right { text-align:right; }

.header {
float:left;
width:810px;
margin:0;
padding:0;
background-color:#ccc;
}
.header a {
float:left;
display:block;
margin:0;
width:148px;
.width:160px;
padding:2px;
padding-left:10px;
text-align:left;
background-color:#666;
border-right: 1px solid white;
color:#D7D7D7;
}
.header a.selected{
background-color:#f5f5f5;
color:#000;
}

.header a:hover,  .header2 a:hover, .header a.selected:hover {
background-color:#FF8737;
color:#000;
text-decoration: none; 
}