html, body {
 vertical-align: top;
 background: #555;
 font-size: 16px;
 font-family: sans-serif, tahoma;
 color: #333366;
 margin: 0px;
 padding: 0px;
 border: none;
}

img {
 border: none;
}

.markup {
 margin-left: auto;
 margin-right: auto;
 width: 1020px;
 background: #CFAF95 url('pics/extra_light.jpg');
}

.header {
 height: 150px;
 clear: both;
 background: url('pics/logo.jpg') no-repeat top;
}

.mid {
 clear: both;
 height: 100%;
}

.footer {
 padding-top: 40px;
 height: 30px;
 clear: both;
}

.stretch {
 width: 0px;
 height: 300px;
 float: left;
}

.bl1 {
 float: left;
}

.menu {
 padding-top: 15px;
 width: 251px;
 float: left;
}

.info {
 width: 765px;
 float: left;
 display: block;
}

.adv {
 height: 150px;
 width: 150px;
 float: right;
 padding: 8px;
}

.firma1 {
 float: right;
 clear: right;
 width: 25%;
 color: #222288;
 font-size: 26px;
 padding: 10px;
 /*font-style: italic;*/
}

.login1 {
 float: right;
 clear: right;
 width: 20%;
 color: #000000;
 font-size: 16px;
 padding: 10px;
}

.counter {
 font-style: italic;
 font-size: 10px;
 color: #8888FF;
 float: right;
}

.pic_col {
 height: 482px;
 width: 90px;
 float: right;
 overflow: scroll;
 border: 1px solid #AAAAFF;
}

.wide_pic_col {
 height: 482px;
 width: 220px;
 float: right;
 overflow: scroll;
 border: 1px solid #AAAAFF;
}