/* CSS Document */
body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
a {
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
#container {
  width: 800px;
  background: #ffffff;
}
#lscontainer{
	width:800px; /* Used to prevent blank spaces between divs */
	margin-left:auto;
	margin-right:auto;
}	
#lsheading {
	width:800px;
	height:50px;
	background-color: #1780C1;
	margin:0;
	padding:0;
	border-bottom-color:#6995D2;
	border-bottom-style:solid;
	border-bottom-width:2px;
	
	
}
 /*
 h1 and h1 span place the title img on top of h1 text,           
 and in case the img is unreachable the text is shown.
 */
#lsheading h1 {
      margin:0; padding:0;
      position:relative;
      width:800px; height:50px;
      overflow:hidden;	
}
#lsheading h1 span{
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:800px; height:50px;
      margin:0; padding:0;
      background:url("/gfx/bg-h1.jpg") top left no-repeat;
}
/* <DROPDOWN MENU> */
#lsmenu ul{
	width:80px;
	float:left;
	margin:0;
	padding:0;
	background-color:#232323;
	list-style:none;
	color: #FFF;
	font-size:12px;
	font-weight:bold;
	border-right-width:1px;
	border-right-color:#434343;
	border-right-style:solid;
}
.top{
	padding-top:5px;
	text-align:center;
	padding-bottom:5px;
}
/* <DROPDOWN MENU> */
#lsmenu a{
	color: #FFFFFF;
	text-decoration:none;
}
#lsmenu ul .item{
	padding-top:5px;
	display:none;
}
#lsmenu ul:hover .top{
	background-color:#343434;
}
#lsmenu ul:hover .top a:hover{
	color: #FFFFFF;
}
#lsmenu ul:hover .item{
	display:block;
	background-color:#343434;
	padding-bottom:5px;
	padding-top:3px;
	padding-left:6px;
	padding-bottom:3px;		
	margin:0;
	border-bottom-width:thin;
	border-bottom-color:#434343;
	border-bottom-style:solid;	
}
#lsmenu ul:hover .item a{
	color:#fff;
	text-decoration:none;
}
#lsmenu ul:hover .item a:hover{
	color:#fff;
}
#lsmenu ul:hover .item:hover{
	background-color:#434343;
}
#lsmenu{
	position:absolute;
	
}
.clear{
	clear:both;
	height:10px;
}
/* </DROPDOWN MENU> */


/*<LSFOOTER>*/
#lsfooter{
	background:#F4F4F4 url(/gfx/footer_bg.jpg) repeat-x top left;
	width:800px;
	height:200px;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	border-bottom-color:#E1DBFF;
	border-bottom-style:solid;
	border-bottom-width:2px;	
	text-align:left;
}
#lsfooter h4{
	margin:3px 0;
	padding:0;
	font-size:14px;
}
#lsfooter ul{
	margin:0;
	padding:0;
	list-style:none;
}
#lsfooter ul li{
	line-height:150%;
}
#lsfooter .col{
	width:160px;
	margin:0 0 0 0;
	padding: 5px 0 5px 32px;
	float:left;
		}
#lsfooter a, #lsfooter a:visited{
	color: #111;
	text-decoration:none;
}
#lsfooter a:hover{
	color: #111;
	text-decoration:underline;
}
/*</LSFOOTER>*/


/* Script Directorio */
	
/*------------------------------- Div ----------------------------------*/

#content {
	/*	background-image: url(http://www.listasal.info/directorio/style/degradado.jpg); */
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
	/*  background: #eaf5ff */
	width: auto;
	margin: 15px 5px 5px 5px;
	padding: 15px 30px 30px 15px;
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	text-align: left;

}

#intermediate {
  width: auto;
  margin: 0 auto;
  padding: 5px 25px 5px 25px;
  background: #ffffff;
  border-top: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
}

#feature {
  width: auto;
  margin: 0 auto;
  padding: 5px 5px 5px 15px;
  background: #ffffff;
  border-top: 1px dotted #c0c0c0;
  border-right: 1px dotted #c0c0c0;
  border-bottom: 1px dotted #c0c0c0;
  border-left: 1px dotted #c0c0c0;
	font-family:Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.paid-pending {
  margin: 0 auto;
  margin: 5px 5px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #008000;
  text-align: left;
}

.pending {
  margin: 0 auto;
  margin: 5px 5px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
}

#hnav {
  background: url(hnav.gif);
  padding-top:30px;
  width: 800px;
}

#intermenu {
  float: right;
  width: 30%;
  margin: 0 auto;
  padding: 5px 5px 5px 5px;
  background: #e4e4e4;
  text-align: center;
  border-top: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
}

.searchclass{
  position: absolute;
  visibility: hidden;
  padding: 10px 10px 10px 10px;
  background: #eaf5ff;
  border-top: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  z-index: 100;
}


/*------------------------------- Typography ----------------------------------*/

td {
  color: #111;
	font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
}

form {
  margin: 0 auto;
  padding: 0px 0px 0px 0px;
}

a:link {
  margin: 0 auto;
/*  text-align: left; */
  text-decoration: none;
  color: #003;
}

a:visited {
  margin: 0 auto;
/*  text-align: left; */
  text-decoration: none;
  color: #003;
}

a:hover {
  margin: 0 auto;
/*  text-align: left; */
  text-decoration: underline;
  color: #009;
}

.sub-text {
  font-size: 11px;
}
.sub-text a {
  font-size: 11px;
  color: #009;  
}
.terms {
  font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}
.rojito {
	color: #306
}


.highlight {
	color: #330066;
}