*{
margin:0px; padding:0px;
}

html {
height:100%;
}

* html body {
height:100%;
}

body{
margin:0px;
padding:0px;
min-width:900px;
width:100%;
height:100%;
min-height:100%;
background:url('/common/img/top_bg.jpg') right top no-repeat #387ec4;
}

body table input {
width:275px;
}

body table textarea{
width:277px;
}

.left{
width:226px;
float:left;
}

.right{
margin-left:275px!important;
margin-left:272px;
}

body , .content{
font:14px Arial;
color:#ffffff;
line-height:20px;
}

#table {
border-collapse:collapse;
width:100%;
height:100%;
position:relative;
margin:0px;
padding:0px;
z-index:100;
}

/* --------------------------- logo & zagol --------------------------- */
.logo {
width:225px;
height:75px;
margin-top:30px;
}

.logo img{
border:0px;
}

.zagol{
padding-top:70px!important;
padding-top:71px;
height:90px!important;
height:79px;
font:47px Arial;
font-weight:bold;
color:#ffffff;
letter-spacing:-1px;
margin-left:-3px;
z-index:100;
}

.zagol_main{
padding-top:48px!important;
padding-top:49px;
height:127px!important;
height:126px;
font:47px Arial;
color:#ffffff;
line-height:40px;
letter-spacing:-1px;
margin-left:-3px;
}

/* --------------------------- fast links ------------------------------- */
.fast_link{
margin:57px 0px 56px 0px!important;
margin:57px 0px 56px 0px;
padding-left:38px;
width:200px;
height:13px;
text-align:center;
}

.fast_link img{
border:0px;
float:left;
}

.fast_link div {
width:50px;
float:left;
font-size:3px;
line-height:3px;
}

/* ---------------------------horizontal menu ------------------------------- */
#menu{
padding-left:0px;
background-color:#f20000;
height:25px;
margin-bottom:45px;
}

#menu img{
border:0px;
}

#menu a, #menu a:visited, #menu a:hover{
font:12px Tahoma; /* Arial, Helvetica, sans-serif; */
font-weight:bold;
text-decoration:none;
display:block;
height:16px;
padding:4px 5px 5px 6px;
float:left;
white-space:nowrap;
}

#menu a:hover{
background-color:#ffffff;
color:#f20000;
}

#menu a.selected{
background-color:#ffffff;
color:#f20000;
}

/* ---------------------------left menu ------------------------------- */
.menu{
width:226px;
height:100%;
}

.item , .item_active{
width:183px;
/* padding:5px 16px 6px 27px!important; */
padding:6px 15px 6px 28px;
font:11px sans-serif;
font-weight:bold;
letter-spacing:1.5px;
}

.item_active{
background-color:#f20000;
}

.item_active a:visited, .item_active a{
text-decoration:none;
}

.item_active a:hover{
text-decoration:underline;
}

/* ------------------------- content --------------------------- */
.content{
padding-right:75px;
z-index:999;
position: relative;
}

h1{
font:28px Arial;
padding-bottom:20px!important;
padding-bottom:21px;
}

h2{
font:20px Arial;
font-weight:bold;
padding-bottom:13px;
padding-top:2px;
}

h3{
font:14px Arial;
font-weight:bold;
padding-bottom:9px;
padding-top:2px;
}

a, a:visited {
text-decoration:underline;
color:#ffffff;
}

a:hover{
color:#ffffff;
text-decoration:underline;
}

.content p{
margin-bottom:20px;
}

.content .t{
margin-bottom:15px;
background-color:#6098d0;
border-collapse:collapse;
border-bottom:2px solid #ffffff;
font:12px Arial;
}

.content .t td{
border-right:1px solid #387ec4;
padding:5px 25px 6px 10px;
}

.content .t td.last , .content .t th.last{
border-right:none;
}

.content .t th{
text-align:left;
border-right:1px solid #387ec4;
border-bottom:2px solid #ffffff;
padding:3px 25px 4px 10px;
}

.content a.print{
height:12px;
font:12px Arial;
background-image:url('/common/img/printer.gif');
background-repeat:no-repeat;
background-position:0px 4px;
padding-left:20px;
line-height:23px!important;
line-height:22px;
}

/* -------------------------- lists ---------------------------- */

ul {
margin:0px 0px 10px 1px;
list-style:none;
}

ul li{
background-image:url('/common/img/bullet.gif');
background-repeat:no-repeat;
background-position:0px 9px;
list-style:none;
padding-left:11px;
}

ol {
margin:0px 0px 10px 24px;
}

/* -------------------------- news ---------------------------- */

.date{
font:12px Arial;
padding:1px 4px 2px 4px;
background-color:#ffffff;
color:#f20000;
margin-bottom:4px;
}

p.new{
margin:4px 0px 7px 0px;
font-weight:bold;
}

/* -------------------------- pager ---------------------------- */

.pager{
font:11px Verdana;
font-weight:bold;
margin-top:21px;
clear:both;
}

.pager span{
float:left;
width:8px;
height:14px;
color:#ffffff;
background-color:#f20000;
padding:2px 5px 2px 5px;
}

.pager a{
display:block;
float:left;
padding:2px 4px 2px 4px;
}

.pager a.last{
display:block;
float:left;
padding:2px 0px 2px 9px;
}

.pager a.first{
display:block;
float:left;
padding:2px 11px 2px 0px;
}

/* -------------------------- tech ---------------------------- */

.tech{
font:11px Verdana;
font-weight:bold;
padding-top:15px;
padding-bottom:10px;
}

/* -------------------------- archive ---------------------------- */
.arch {
margin-bottom:15px;
font:11px Verdana;
font-weight:bold;
}

.arch form input {font-size:10px;}

.arch .text{
width:70px;
height:14px;
padding:2px;
border:1px solid #ffffff;
font-weight:bold;
background-color:#f20000;
color:#ffffff;
}

.arch .button{
background-color:#f20000;
width:80px;
padding:2px;
border:1px solid #ffffff;
height:20px;
color:#ffffff;
font-weight:bold;
}

.button{
background-color:#f20000;
width:80px;
padding:2px;
border:1px solid #ffffff;
height:20px;
color:#ffffff;
font-weight:bold;
font-size:10px;
}

.content .feedback td{
padding:10px 0px 0px 10px;
}
.content .feedback input {font-size:10px;}

.arch input{
margin:0px 10px 0px 10px;
}

/* -------------------------- bottom ---------------------------- */
#podval{
width:100%;
height:267px;
border-collapse:collapse;
}

.copy{
bottom:0px;
position: absolute;
right:0px;
float:right;
padding:0px 24px 10px 0px!important;
padding:0px 24px 9px 0px;
font:11px Tahoma;
z-index:100;
}

#swf_top {
position:absolute;
width:463px;
height:175px;
top:0px;
right:0px;
z-index:2;
}

.link_swf {
position:absolute;
width:460px;
height:160px;
top:0px;
right:0px;
z-index:999;
}


#swf_bottom {
position:relative;
height:260px;
width:100%;
padding:0px;
margin:0px;
bottom:0px;
z-index:1;
}

#botto_bg {
bottom:0px;
position:absolute;
width:100%;
height:260px;
top:0px;
right:0px;
z-index:3;
background:url('/common/img/bot_bg.jpg')repeat-x;
}

#flash_bg{
width:100%;
height:260px;
}

.top { vertical-align:top;}
.bottom { vertical-align:bottom;}