body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: #888;
	background-color: white;
	line-height: 150%;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Set the page width */
#wrapper-menu-top, #wrapper-content, #wrapper-footer, {
	width: 85%;
	.width: 85%;
	_width: 85%;
	margin: 0 0 0 auto;
	text-align: left;
}

#wrapper-menu-top {
	background: white url('images/bg02-white-left.png') no-repeat left top;
	margin-left: 77px;
	.margin-left: 0;
	_margin-left: 0;
	margin-right: 78px;
	.margin-right: 0;
	_margin-right: 0;
}

#menu-top {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#menu-top ul {
	margin: 0px 0px -1px 39px;/*margin: 0px 0px -12px 39px;*/
	.margin: 0 20px;
	_margin: 0 20px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
}

#menu-top li {
	display: inline;
	float: left;
}

#menu-top a {
	float: left;
	background:url(images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#menu-top a span {
	background: transparent url(images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#5b8fbe;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

#menu-content a span {
	background: transparent url(images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#5b8fbe;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

 #menu-top a:hover { background-position:0% -42px; }
 #menu-top a:hover span {	background-position:100% -42px; }

#wrapper-header {
	background: transparent url('images/bg.png') top center repeat-x;
}

#wrapper-header2 {
	background: transparent url('images/bg02-blue-left.png') top left no-repeat;
	margin-left: 77px;
	margin-right: 78px;
}

#wrapper-header3 {
	background: transparent url('images/bg02-blue-right.png') top right no-repeat;
}

#header h1 {
	margin: 0 20px;
	padding: 0;
	height: 192px;
	line-height: 3em;
	color: #ccc;
	font-size: 80%;
}

#wrapper-content {
	background: white url('images/logo-fondo.jpg') repeat;
	.background: white url('') no-repeat left top;
	_background: white url('') no-repeat left top;
	margin-right: 78px;
}

* html #wrapper-content { height: 1%; }

#content {
	background: transparent url('images/logo-fondo.jpg') no-repeat right top;
	padding: 5px 245px 5px 120px;
	.padding: 5px 245px 5px 40px;
	_padding: 5px 245px 5px 40px;
}

#content-bg {
	background: transparent url('images/logo-fondo.jpg') repeat;
}
	
#content .li {
	margin-left: 20px;
}

#wrapper-menu-page {
	float: right;
	width:180px;
	margin: 20px 108px 3em 2em;
	background: transparent url('images/menu.png') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; }

#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}

#menu-page h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.15em;
}

#menu-page a:link,
#menu-page a:visited { color: #888; }
#menu-page a:hover { color: #5b8fbe; }
#menu-page a:active { color: #000; }

#wrapper-footer {
	margin-top: 1em;
	text-align: center;
}

#footer {
	margin: 0 20px;
	background-color: #ffffff;
	border: 0px solid #ccc;
	border-bottom: 0;
	clear: both;
}

h2 { font-size: 110%; }
h3 { font-size: 100%; }

a:link, a:visited { color: #ffffff; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }


/*----FOOTER PANEL---*/
#footermainPan{height:195px; background:url(images/footerbg.gif) 0 0 repeat-x; clear:both;}

#footerPan{align:center; width:100%; height:90px; display:block; position:relative; margin:0 auto; color:#fff; background:url(images/footerbg.gif) 0 0 repeat-x #979797; font-family:Tahoma,Arial, Helvetica, sans-serif;}
#footerPan p{padding:51px 0 0;}
#footerPan p span{background:#1C1B19; color:#AC2626; font-size:10px;}
#footerPan p.copyright{background:#979797; display:block; position:absolute; top:100px; left:270px; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; padding:0;}

#footerPan ul{width:769px; display:block; position:absolute; left:90px; top:39px; padding:0; }
#footerPan li{float:left; font:13px/18px Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 12px; color:#fff; background:#979797; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul.info{width:424px; height:45px; display:block; position:absolute; left:120px; top:70px; padding:0;}
#footerPan ul.info li{display:block; width:109px;}
#footerPan ul.info li.address{width:97px; background:url(images/vertical-dot.gif) 100% 0 repeat-y #979797; color:#353535; font-size:10px; font-family:Tahoma,Arial, Helvetica, sans-serif;  font-weight:bold; padding:0 0 0 12px;}
#footerPan ul.info li.phone{width:94px; background:url(images/vertical-dot.gif) 100% 0 repeat-y #979797; color:#353535; font-family:Tahoma,Arial, Helvetica, sans-serif; font-size:10px; padding:0 0 0 15px; font-weight:bold;}
#footerPan ul.info li.fax{width:94px; background:#979797; color:#353535; font-size:10px; padding:0 0 0 15px; font-family:Tahoma,Arial, Helvetica, sans-serif; font-weight:bold;}
#footerPan ul li span{background:#979797; color:#FFDB5D; font-size:10px; font-weight:bold; line-height:18px;}

#footerPan ul.templateworld{width:250px; background:#979797; color:#fff; display:block; position:absolute; top:147px; left:192px;}
#footerPan ul.templateworld li{widows:150; font-size:11px;}
#footerPan ul.templateworld li a{background:#979797; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

/* COMIENZA CONTENIDO de la base de datos */
.menu {width:560px; height:220px; padding:100px 0 0 0; font-size:11px; background: #edeff5;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
width:101px;
padding:0;
margin:0;
list-style-type:none;
}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
}

/* get rid of the table */
table {
	position:absolute;
	top:263px;
	left:633px;
	width: 207px;
}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:24px;
line-height:23px;
width:89px;
color:#fff;
background:#444;
text-indent:5px;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
cursor:default;
}

/* style the link hover */
.menu a:hover{
color:#666; 
background:#eee;
}
.menu :hover > a{
color:#666; 
background:#eee;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:90px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible;
}
.menu ul :hover ul a {background:#888;}
.menu ul :hover ul a:hover {background:#ddd; color:#333;}
.menu ul :hover ul :hover > a {background:#ddd; color:#333;}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
.menu ul :hover ul :hover ul a {background:#666;}
.menu ul :hover ul :hover ul a:hover {background:#ccc; color:#000;}
.menu ul :hover ul :hover ul :hover > a {background:#ccc; color:#000;}

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
text-align:center;
}

.menu ul :hover ul :hover ul :hover ul li.pos1 {top:-100px;}
.menu ul :hover ul :hover ul :hover ul li.pos2 {top:-125px;}
.menu ul :hover ul :hover ul :hover ul li.pos3 {top:-150px;}
.menu ul :hover ul :hover ul :hover ul li.pos4 {top:-175px;}
.menu ul :hover ul :hover ul :hover ul li.pos5 {top:-200px;}
.menu ul :hover ul :hover ul :hover ul li.pos6 {top:-225px;}

.menu ul :hover ul :hover ul :hover ul li a {background:transparent; color:#fff; width:298px; height:320px;}
.menu ul :hover ul :hover ul :hover ul li a img {border:1px solid #fff; margin-top:5px;}
/* FIN CONTENIDO de la base de datos */

#ley {
	float: left;
	width:580px;
	margin: -170px 100px 4em 2em;
	background: transparent url('images/back-content.png') no-repeat; margin-left: 60px;
	text-align: justify;
	padding: 10px 5px 5px 0px;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

#ley ul {
	margin: 10px 20px 10px 20px;
	font-size: 85%;
}