body
{
background: #334460;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 15px 0;
margin: 0;
margin-top:0px;
}
a img{
	border:0;
}


#page
{
  width: 900px;
  margin: 0 auto;
  margin-top:0px;
  overflow: hidden;
  background: #f7f7f7;
  height:640px;
}

#header
{
position:relative;
background: url(../img/header.gif);
width: 100%;
height:75px;
line-height: 75px;
}

#header_logo
{
position:absolute;
top:0px;
left:0px;
border-right:2px #f7f7f7 ridge;
width:25%;
height:100%;
text-align:center;
padding-top: 10px;
}
#header_extra
{
position: absolute;
width:20%;
top: 0px;
right: 0px;
height:75px;
border-left:2px #f7f7f7 ridge;
text-align: center;
padding-top:25px;
}


#subheader
{
position:relative;
height:25px;
line-height: 25px;
width:100%;
background: url(../img/subheader.gif);
border-top: 1px solid #333333;
border-bottom:1px solid #333333;
text-align: right;
}

#subheader_user
{
position:absolute;
left: 0px;
top: 0px;
border-right:2px #ffffff ridge;
width:25%;
height:100%;
text-align:center;
}
#subheader_data {
position:absolute;
right: 0px;
top: 0px;
float: right;
width: 75%;
height: 100%;
text-align:right;
padding-right: 10px;
}

#content
{
  width: 75%;
  float: right;
}



.box_contenido
{
width: 650px;
border: 2px solid #bbbbbb;
border-top:1px solid #bbbbbb;
margin: 0 auto;
margin-top:15px;
background:#ffffff;
}
.box_meta
{
height:29px;
background:url(../img/box_content_meta.png);
border-bottom:1px solid #bbbbbb;
color:#334460;
padding-left: 10px;
line-height:29px;
font-weight:bold;

}
.box_data
{
width: 100%;
height:400px;
text-align:center;
position:relative;
display:table;
}


#box_footer
{
bottom: 0;
width:100%;
height: 20px;
background:#e2e2e2;
border-top:1px solid #bbbbbb;
}

#contenido
{

display: table-cell;
vertical-align:middle;
}


.window
{
width: 645px;
margin-left:10px;
margin-right:10px;
border: 1px solid #bbbbbb;
margin: 0 auto;
background:#ffffff;
margin-bottom: 20px;
text-align:left;
}
.window_meta
{
position:relative;
width: 100%;
height:20px;
background:url(../img/box_content_meta.png) repeat;
border-bottom:1px solid #bbbbbb;
color:#334460;
font-weight:bold;
line-height:20px;
}
.window_data
{
width: 100%;
min-height: 50px;
background:#cbcbcb;

}

dl, dt, dd, ul, li{
margin: 0;
padding: 0;
list-style-type:none;
}
#menu
{
	height: 100%;
	width: 25%;
	float:left;
	background:#878d9b;
	border-right: 2px #878d9b;

}
#menu h1 {
color:#FFFFFF;
padding: 3px;
}

#menu dt {
cursor: pointer;
height: 22px;
padding-top:2px;
text-align: center;
font-weight: bold;
color:#FFFFFF;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #334460;
background: #969ca8;
font-size:13px;

}
#menu dd {
border: 1px solid gray;
}
#menu ul{
background: #cccfd4;
}

#menu li {
font-size:12px;
height:15px;
line-height:15px;
}
#menu li a, #menu dt a {
color: #334460;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
padding-left:5px;
}
#menu dt a {
text-align:center;
color:#FFFFFF;
}
#menu li a:hover{

background: #eee;
}
#menu dt:hover, #menu dt a:hover {
color:#dab54b;
}
.custombutton{
height:25px;
background:url(../img/button.png);
border: 1px solid #666666;
}
.custombutton:hover{
background:url(../img/button_2.png);
border: 1px solid #666666;
}