body{
background: url("layout/bg.jpg") repeat-y rgb(210,210,210) center;
text-align: center;
margin: 0;
font: 13px arial;
}
#maintop{
background: rgb(210,210,210);
float: left;
width: 100%;
height: 10px;
}
#main{
background: white;
margin: auto;
text-align: left;
width: 962px;
padding-top: 10px;
}

#banner{
background: url("layout/banner.jpg") no-repeat bottom;
width: 100%;
height: 226px;
}
#banner_link{
width: 320px;
height: 210px;
float: left;
}

#page{
width: 100%;
float: left;
background: url("layout/page.jpg") repeat-y;
padding-bottom: 20px;
}

#left{
width: 174px;
float: left;
border-top: rgb(145,233,24) 10px solid;
margin-top: -9px;
padding-top: 10px;
}

#right{
width: 771px;
float: left;
margin-left: 17px;
}

#right a{
color: blue;
text-decoration:none;
}

#right a:hover{
text-decoration:underline;
}

#bottom{
background: url("layout/bottom.png") no-repeat;
height: 157px;
float: left;
width: 100%;
}
#index{
background: url("layout/index.png") no-repeat;
width: 764px;
float: left;
margin-bottom:10px;
}
#index_text{
margin: 15px 10px 0 10px;
float: left;
}
#index_text h1{
font-size:14pt;
color: rgb(49,49,49);
}
#top{
float: right;
width: 266px;
background: url("layout/top.png");
margin-top: 20px;
padding-bottom: 20px;
}
#top-items{
margin-left: 16px;
}
#nejnovejsi{
background: url("layout/top-text.png") no-repeat right  center;
height: 30px;
margin-top: 10px;
margin-right: 8px;
}
#loginarea
{
  margin:5px;
}
#loginarea label
{
    font-size:9pt;
    color: #fff;
}
#bottom_links{
width: 100%;
float: left;
padding-top: 20px;
padding-bottom: 20px;
margin: 0;
}
#blinks{
width: 900px;
margin: auto;
text-align: center;
}
/* Class styly */

#blinks a{
color: #66ff33;
text-decoration: none;
}
#blinks a:hover{
text-decoration: underline;
}

.item{
width: 242px;
height: 122px;
border: 1px rgb(140,228,20) solid;
background: url("layout/random-1.png") repeat-x; 
float: left;
margin: 8px 8px 0 0;
overflow:hidden;
}
.top_item{
width: 230px;
height: 122px;
border: 1px rgb(140,228,20) solid;
background: url("layout/newest-1.png") repeat-x; 
float: left;
margin: 8px 8px 0 0;
}
.item_jmeno a{
color: rgb(0,128,57);
font-weight: bold;
float: right;
width: 122px;
margin: 5px 5px 0 0;
text-align: right;
font-size: 11px;
text-decoration: none;
line-height: 15px;
}
.top_item_jmeno a{
color: rgb(0,128,57);
font-weight: bold;
float: right;
width: 110px;
margin: 5px 5px 0 0;
text-align: right;
font-size: 11px;
text-decoration: none;
line-height: 15px;
}
.item_jmeno a:hover{
text-decoration: none;
color: black;
}
.top_item_misto{
color: rgb(240,0,0);
font-weight: bold;
float: right;
width: 110px;
margin: 4px 5px 4px 0;
text-align: right;
font-size: 11px;
}
.item_misto{
color: rgb(240,0,0);
font-weight: bold;
float: right;
width: 122px;
margin: 4px 5px 4px 0;
text-align: right;
font-size: 11px;
}

.item_img{
float: left;
margin: 5px;
}
.item_popis{
text-align: right;
font: 11px arial;
margin-left: 5px;
margin-right: 5px;
line-height: 16px;
}
.link{
float: left;
width: 100%;
}

.link a{
color: rgb(145,233,24);
font: bold 14px arial;
text-decoration: none;
float: left;
margin: 7px 0px 7px 20px;
}
.link:hover{
background: rgb(77,77,77);
}

#login{
float: left;
width: 174px;
margin: 20px 0 20px 0;
background: rgb(77,77,77);
}
#logina{
float: left;
width: 160px;
margin: 0 10px 10px 10px;
}
#login .nadpis{
padding: 0;
margin: 0;
color: white;
font: bold 24px arial;
float: left;
margin-top: 5px;
margin-left: 7px;
margin-bottom: 15px;
width: 100%;
}
.login_jmeno{
color: rgb(145,233,24);
font: bold 14px arial;
margin-bottom: 3px;
}
.login{
width: 145px;
border: 3px solid rgb(145,233,24);
background: #FFF;
color: #000;
margin-bottom: 10px;
}
.reg_name{
font: 11px 'Verdana';
color: white;
margin: 6px 0 0 6px;
}
.reg_href{
float: right;
color: rgb(145,233,24);
font: bold 10px 'Verdana';
text-decoration: none;
margin-right: 6px;
}
.reg_href:hover{
color: white;
text-decoration: underline;
}


h1{
margin: 0;
margin-bottom: 5px;
padding: 0;
font: bold 20px verdana;
}

.error{
color: red;
float: left;
padding-top: 8px;
padding-bottom: 10px;
margin-left: 20px;
height: 16px;
width: 300px;
}

#right label{   
float:left;
width:140px;
margin: 0;
margin-right: 10px;
border: 0px;
padding-top: 5px;
line-height:18px;
}

#right input, #right textarea, #right select{
margin: 0;
margin-top: 3px;
padding-left: 3px;
width: 200px;
border: 1px solid rgb(145,233,24);  
color: rgb(64,64,64);
font-size: 13px 'Verdana';
}   

#btmtext
{
    margin: 80px 6px 6px 6px;
}

#btmfoot
{
    color: white;
}

#btmfoot a
{
    color: rgb(145,233,24);  
    text-decoration:none;
}

#btmfoot a:hover
{
    text-decoration:underline;
}

.dalsi_oblast{
text-decoration: none
font-size:10px;     
}

.dalsi_oblast:hover{
text-decoration: underline;
color: red;
cursor: hand;
}

.small-info {font-size:12px;font-style:italic; margin: 6px 0;}

hr { width: 640px; border: 1px solid rgb(145,233,24);}

.table-body{
width: 754px;
}
.table-thead{
background: rgb(146,229,27);
height: 20px;
}
.oblasti{
float: left;
margin-bottom: 30px;
}
.oblast_a{
color: rgb(0,128,57);
text-decoration: none;
width: 120px;
float: left;
margin: 3px;
text-align: center;
}
.oblast_a:hover{
color: black;
text-decoration: underline;
}
.item_maly{
float: left;
width: 120px;
margin-right: 7px;
height: 140px;
}
.jmeno_maly {
color: rgb(0,128,57);
font-weight: bold;
font-size: 10px;
text-align: center;
margin-top: 5px;
}
.jmeno_maly a{
color: rgb(0,128,57);
text-decoration: none;
}
.jmeno_maly a:hover{
color: black;
}
.img_maly{
margin: 4px 8px;
width: 100px;  
height: 75px;
}
.misto_maly{
color: rgb(240,0,0);
font-weight: bold;
font-size: 10px;
text-align: center;
margin-bottom: 5px;
}

.calendar a{
color: black;
text-decoration:none;
}

.calendar a:hover{
color:white;
}