body {
background:#FFF url(images/bg.gif) top left;
background-attachment:fixed;
color:#FFF;
font:12px verdana, arial, helvetica, sans-serif;
margin:0 0 2px;
padding:0;
}

h1 {
text-align:center;
text-transform:uppercase;
text-indent:-9999.99%;
font:110% "Times New Roman", Times, serif;
margin:0;
padding:5px;
}

h2 {
text-align:center;
text-transform:uppercase;
font:101% "Times New Roman", Times, serif;
margin:0;
padding:5px;
}

h3 {
font-size:80%;
text-transform:uppercase;
}

hr {
border:none 0;
border-top:1px dashed #000;
height:1px;
}

sup,sub {
color:#483D8B;
line-height:1%;
font-weight:lighter;
height:1%;
font-size:1%;
padding:0;
}

a {
font-size:95%;
color:#ECFFFF;
text-decoration:none;
border:0;
border-bottom:1px solid #FFF;
border-style:dotted;
}

#lpanel {
width:200px;
height:630px;
background:#005;
border:20px solid #FFF;
margin:50px 0 0 50px;
}

#banner {
background:#FFF url(images/banner.jpg);
width:200px;
height:200px;
margin:0;
padding:0;
}

#nt1 {
background:#447;
width:200px;
height:20px;
font-size:100%;
text-transform:uppercase;
text-align:center;
border:0;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
border-style:solid;
padding:5px 0 0;
}

#nt2 {
background:#335;
width:200px;
height:20px;
font-size:100%;
text-align:center;
border:0;
border-bottom:1px solid #FFF;
border-style:solid;
padding:5px 0 0;
}

#nav {
	text-align: center;
	padding: 0;
}

#nav ul{
	display: block;
	list-style: none;
	padding:0;
	margin: 0;
}

#nav ul li{
	margin: 0;
	padding: 0;
}

#nav a {
color:#FFF;
font: normal normal 90%/20px verdana;
display:block;
border:0;
border-bottom:1px solid #FFF;
border-style:solid;
height: 20px;
}

#nav a:hover {
background:#447;
font-weight:700;
}

#nav .active {
font-weight:700;
}

#header {
font-size:108%;
color:#483D8B;
width:460px;
position:absolute;
top:70px;
left:270px;
border:1px solid #EEE;
background:#FFF;
border-style:solid;
margin:0;
padding:10px;
}

#content {
	color: #FFF;
	position: absolute;
	width: 430px;
	top: 90px;
	left: 270px;
	padding: 50px;
	text-align: justify;
}

#content ul {
font-size:98%;
text-transform:uppercase;
}

#content ul li {
border:none;
list-style-type:square;
}

#content ul li a {
border:none;

}

#content ul li a:hover {
font-size:95%;
border:none;
font-weight:700;
color:#AECDEE;
}

fieldset {
	border: 1px solid #708090;
}

legend {
	padding: 0.2em 0.5em;
	border: 1px solid #708090;
	color: #F0FFFF;
	font-size: 90%;
	text-align: right;
}

#footer {
color:#E6E6FA;
background:transparent;
text-align:center;
font-size:75%;
position:static;
margin:75px 0 0;
padding:10px;
}

#footer a {
font-size:85%;
color:#E0FFFF;
border:0;
}

#footer a:hover {
color:#E0FFFF;
}

table.precios {
text-align:center;
border-collapse:collapse;
border:1px ridge #eee;
font-size:85%;
margin:0 auto 10px;
}

table.precios tr th {
text-align:left;
font-family:Verdana, Arial, Helvetica, Sans-serif;
background:#335;
border-top:1px groove #eee;
margin:0;
padding:3px 5px;
}

table.precios thead th {
background:#558;
text-align:center;
border-top:1px dotted #eee;
border-left:1px groove #eee;
}

table.precios tbody td {
color:#000;
background:#fff;
border-top:1px groove #eee;
border-left:1px groove #eee;
padding:2px;
}

table.precios tbody td.si {
background:#fff url(images/si.gif) no-repeat center center;
}

table.precios tbody td.no {
background:#fff url(images/no.gif) no-repeat center center;
}

table.precios tbody tr.apertura td {
font-weight:700;
background:#DBDDF4;
}

table.precios tbody tr.precio td {
font-weight:700;
background:#E6E6FA;
}

#info ul {
list-style-type:none;
width:158px;
height:158px;
position:relative;
margin:30px auto 115px;
padding:0;
}

#info img {
border:0;
}

#info li {
display:block;
height:50px;
width:50px;
float:left;
margin:1px;
}

#info a {
display:block;
width:48px;
height:48px;
border:1px solid #000;
line-height:48px;
text-align:center;
text-decoration:none;
color:#fff;
}

a#link1 {
background:#444;
}

a#link7 {
background:#eee;
color:#000;
}

a:hover#link1 span {
display:block;
position:absolute;
left:-245px;
top:-100px;
width:235px;
height:155px;
border:1px solid #000;
background:#697210;
}

a:hover#link1 em {
display:block;
position:absolute;
left:-10px;
top:-25px;
width:35px;
height:25px;
border-right:1px solid #000;
border-top:1px solid #000;
line-height:1px;
}

a:hover#link2 span {
display:block;
position:absolute;
left:-60px;
top:-220px;
width:362px;
height:211px;
border:1px solid #000;
background:#e09222;
}

a:hover#link2 em {
display:block;
position:absolute;
left:78px;
top:-9px;
width:1px;
height:10px;
font-size:0.1%;
overflow:hidden;
border-right:1px solid #000;
line-height:1px;
}

a:hover#link3 span {
display:block;
position:absolute;
left:168px;
top:-100px;
width:260px;
height:150px;
border:1px solid #000;
background:#f0c992;
color:#000;
}

a:hover#link3 em {
display:block;
position:absolute;
left:132px;
top:-25px;
width:35px;
height:25px;
border-left:1px solid #000;
border-top:1px solid #000;
line-height:1px;
}

a:hover#link4 span {
display:block;
position:absolute;
left:-300px;
top:2px;
width:260px;
height:150px;
border:1px solid #000;
background:#ffd610;
color:#000;
}

a:hover#link4 em {
display:block;
position:absolute;
left:-11px;
top:75px;
width:12px;
height:1px;
border-top:1px solid #000;
line-height:1px;
}

a:hover#link5 span {
display:block;
position:absolute;
left:168px;
top:2px;
width:260px;
height:150px;
border:1px solid #000;
background:#b55568;
}

a:hover#link5 em {
display:block;
position:absolute;
left:104px;
top:75px;
width:65px;
height:1px;
border-top:1px solid #000;
line-height:1px;
}

a:hover#link6 span {
display:block;
position:absolute;
left:-390px;
top:105px;
width:220px;
height:150px;
border:1px solid #000;
background:#847b52;
}

a:hover#link6 em {
display:block;
position:absolute;
left:-10px;
top:155px;
width:35px;
height:25px;
border-right:1px solid #000;
border-bottom:1px solid #000;
line-height:1px;
}

a:hover#link7 span {
display:block;
position:absolute;
left:168px;
top:105px;
width:268px;
height:83px;
border:1px solid #000;
background:#724a10;
}

a:hover#link7 em {
display:block;
position:absolute;
left:154px;
top:110px;
width:25px;
height:1px;
border-left:1px solid #000;
border-top:1px solid #000;
line-height:1px;
}

table.precios tbody td.si span,table.precios tbody td.no span,#info a em,#info a span {
display:none;
}

table.precios tbody tr.apertura th,table.precios tbody tr.precio th {
font-weight:700;
background:#558;
}

a#link2,a#link4 {
background:#777;
}

a#link3,a#link5,a#link6 {
background:#aaa;
color:#000;
}

a:hover#link1,a:hover#link2,a:hover#link4 {
background:#ffd610;
color:#000;
}

a:hover#link3,a:hover#link5,a:hover#link6,a:hover#link7 {
background:#ffd610;
}