BODY {
background: url("../img/relva.jpg");
font-family:Verdana, Sans-serif;
font-size: 100%;
margin: 0px;}

#box {
width: 860px;
margin: 20px auto 0px auto;}

#head {
background: url("../img/header.png");
height: 280px;}

#menu {
width: 120px;
float: left;
position: fixed;
margin: 20px auto 0px auto;}

#post {
width: 720px;
float: right;
margin: 20px auto 10px auto;}

.headcnt {
text-align: center;
color: #eee;
margin: 0px 740px 17px auto;}

.menutop {
background: url("../img/menutop.gif");
height: 20px;}

.menubak {
background: url("../img/menubak.gif");}

.menubot {
background: url("../img/menubot.gif");
height: 20px;}

.menuhor {
background: url("../img/menuhor.gif");
height: 40px;
margin: 0px auto 10px auto;}

.posttop {
background: url("../img/posttop.gif");
height: 20px;}

.postbak {
background: url("../img/postbak.gif");}

.postbk2 {
background: url("../img/postbk2.gif");
text-align: center;}

.postbk3 {
background: url("../img/postbk3.gif");
text-align: center;}

.postbk4 {
background: url("../img/postbk4.gif");
height: 280px;
margin: 0px auto 10px auto;}

.postbot {
background: url("../img/postbot.gif");
height: 20px;
margin: 0px auto 10px auto;}

.postbas {
margin: 0px 20px 0px 20px;}

.cxnum {
font-size: 1.5em;
color:#b21005;
font-weight: bold;}

.cxnm2 {
font-size: 1.2em;
color:#b21005;
font-weight: bold;}

.cxdat {
font-size: 0.6em;
color: #b21005;}

.cxtxt {
font-size: 0.7em;
text-align: justify;}

/* MENU VERTICAL */

.menuvlink { 
width: 100px;
font-size: 0.8em;
text-align: center;
margin: 0px 10px 0px 10px;}

.menuvlink a:link, .menuvlink a:visited { 
color: #fff;
text-decoration: none;
display: block;
padding: 0.15em;}

.menuvlink a:hover { 
background: url("../img/menuvbut.jpg");
color: #b21005;
text-decoration: none;
display: block;
padding: 0.15em;}

/* MENU HORIZONTAL */

.menuhlink { 
font-size: 0.75em;
text-align: center;}

.menuhlink a:link, .menuhlink a:visited { 
color: #fff;
text-decoration: none;
padding: 0.15em;}

.menuhlink a:hover { 
background: url("../img/menuvbut.jpg");
color: #b21005;
text-decoration: none;
display: block;
padding: 0.15em;}

table.mnhor {
width: 680px;
height: 40px;}

/* TOPO */

.topo {
font-size: 0.6em;
text-align: right;}

A.lktop:link, A.lktop:visited {
color: #666;
text-decoration: none;}

A.lktop:hover {
color: #b21005;
text-decoration: none;}

/* LINK */

A.lktxt:link, A.lktxt:visited {
font-weight: bold;
color: #b21005;
text-decoration: none;}

A.lktxt:hover {
font-weight: bold;
color: #b21005;
text-decoration: none;}

/* TEMA */

.tema {
font-size: 0.6em;
color: #666;
text-align: right;}

A.lktem:link, A.lktem:visited {
color: #b21005;
font-size: 0.7em;
text-decoration: none;}

A.lktem:hover {
font-weight: bold;
color: #b21005;
font-size: 0.7em;
text-decoration: none;}

/* ZOOM 1 */

#zoom {float:left; position:relative; margin: 0px auto 15px auto;}

#zoom a img {border:0pt none;} 

#zoom a.p1:hover {background-color:transparent;}

#zoom a .large {position:absolute; width:0px;}

#zoom a.p1:hover .large {position:absolute; top:-60px; left:90px; width:500px;}

/* ZOOM 2 */

#zoom2 {float:left; position:relative;margin: auto auto 15px auto;}

#zoom2 a img {border:0pt none;} 

#zoom2 a.p2:hover {background-color:transparent;}

#zoom2 a .large2 {position:absolute; width:0px;}

#zoom2 a.p2:hover .large2 {position:absolute; top:0px; left:0px; width:680px;}

/* ZOOM 3 */

#zoom3 {float:left; position:relative;}

#zoom3 a img {border:0pt none;} 

#zoom3 a.p3:hover {background-color:transparent;}

#zoom3 a .large3 {position:absolute; width:0px;}

#zoom3 a.p3:hover .large3 {position:absolute; top:-60px; left:0px; width:680px;}
