/*
 barvy:
 a A08A72
 a hover 551111
 h1 5E5B55
 tm pozadi #e1d9cc
 stredni pozadi f5f0ec
 sv pozadi #fdfdfd
*/ 
body{
  background:url(../images/bkg.gif) repeat;/*  tmavomodrocerne*/
/*background-color: #CC9966; */
/* background-color: #10494a; tmavomodrozelena */
 color:#574638; 
/* background-color: #1c7dc2; */
font-size: 62.5%;
font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
}

#wrapper{
width:850px;
margin:10px auto 0 auto;
border-left:1px #e1d9cc /*tm_okraj */ solid;
border-right:1px #e1d9cc /*tm_okraj */ solid;
border-top:1px #e1d9cc /*tm_okraj */ solid;
 /* background: #fcfcfc url(../images/snimek-sv2.jpg) bottom no-repeat; */ 
 background: #fdfdfd url(../images/snimek-sv1.jpg) bottom no-repeat; 

min-height: 755px; /* pro standardní prohlížeče */
  _height: 755px; /*  explorer 6*/ 

}

/* Header styles*/
/* #header{
margin:5px -25px;
height:203px;
  background:#e1d9cc  url(../images/top.jpg) top no-repeat;  
/* background:#FFDFBF  url(../images/top.jpg) top no-repeat; ruzovobezove 
}

#header_bottom{
background:url(../images/bottom.gif) bottom no-repeat;
}

.site_header{
position:absolute;
margin-left:100px;
margin-top:60px;
font-size:3.5em;
font-weight:bold;
/* color:#574638; hneda 
color: #551111;
text-transform: uppercase;
}

.subheader{
position:absolute;
margin-left:145px;
margin-top:115px;
font-size:2.4em;
/* color:#EBFFEB; */
 /*color: #fcfcfc; /* tmavomodrozelena 
}
*/
.main{
text-align:left;
margin-left:50px;
 
}


/*Top navigation styles*/
#main_nav{
position:relative;
top:5px;
right:5px;
text-align:right;
padding:4px;

}

#main_nav a{
color: #8C7A6C; 
font-size:1.4em;
text-decoration:none;
padding-right:20px;
background:url(../images/icon.jpg) right no-repeat;
}

#main_nav a.last{
text-decoration:none;
padding-right:5px;
background:none;
}

#main_nav a:hover{
color: #551111; 
}

/* Left navigation column styles*/
#leftbox{
position:relative;
top:10px;
float:left;
width:170px;
margin-left:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
background-color:transparent;
}

#leftbox p{
padding-left:4px;
}

#leftbox h1{
color:#5E5B55;
font-size:2.4em;
padding-left:4px;
}

#leftbox h2{
color:#5E5B55;
font-size:1.5em;
padding-left:4px;
}

#leftbox ul{
list-style:none;
font-size:1.2em;
margin:0;
padding:0;
}

#leftbox ul li{
margin:0;
padding:0 0 0 5px;
}

#leftbox ul li a{
display:block;
width:90%;
line-height:1.5em;
text-decoration:none;
padding:5px;
/* color:#A08A72; */
color: #8C7A6C;
/* border-bottom:1px solid #73593E;*/
/*border-bottom:1px solid #A08A72;*/
border-bottom:1px dotted #8C7A6C;

}

#leftbox ul li a:hover{
background:#f5f0ec url(../images/link-hover.gif) right no-repeat;
/* border-bottom:1px solid #73593E; */
border-bottom:1px solid #551111; 
color:#551111;
}

#leftbox ul li a.now{
font-weight:bold;
background:#f5f0ec url(../images/link-active.jpg) right no-repeat;
}

#boxik {
font-size:1.2em;
margin:0;
padding:0;

}
#boxik a {
text-decoration:none;
color: #8C7A6C;
padding:5px;
border:1px dotted #8C7A6C;
display:block;
}
#boxik a:hover {
text-decoration:none;
background:#f5f0ec;
padding:5px;
border:1px solid #8C7A6C; 
color:#551111;
}
#boxik a.now {
text-decoration:none;
background:#f5f0ec;
color: #8C7A6C;
}

/* Main body text styles*/
#text{
position:relative;
top:10px;
float:right;
width:650px;
min-height: 600px; /* pro standardní prohlížeče */
  _height: 600px; /*  explorer 6*/ 
}


#text p{
padding:2px 12px 2px  12px; 
font-size: 1.2em;
line-height:150%; 
margin-top:0px;
margin-bottom:5px
}

#text ul{
list-style:url(../images/bullet.jpg);
line-height:150%;
font-size: 1.2em;
margin-bottom:0px;
}

#text ol{
/* list-style:lower-roman; */
line-height:150%;
font-size: 1.2em;
margin-bottom:0px;
}

#text li {
margin-bottom:5px;
margin-right:12px;
margin-top:0px;
}

#text h1{
color: #551111;
font-size:2.4em;
padding:5px;
margin:15px 5px 5px 2px;
/*border-top:2px solid #81a882;
border-left:2px solid #81a882;
border-right:2px solid #81a882;
*/
border-top:2px solid #E0D8CB;
border-left:2px solid #E0D8CB;
border-right:2px solid #E0D8CB;
}

#text h2{
font-size:1.6em;
/* padding:2px 2px 2px 5px; */
margin-bottom:2px;
margin-left:12px;
}

#text h3{
font-size:1.4em;
/* padding:2px 2px 2px 5px; */
margin-bottom:4px;
margin-top:9px;
margin-left:12px;
}

#text h4{
margin:18px 2px 0px 0px; 
color: #5E5B55;
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #e1d9cc ; /*tm_okraj */
}

#text h5 {
margin:0; 
color: #5E5B55;
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #e1d9cc ; /*tm_okraj */

}

#text blockquote{
background:#FBFFFB url(../images/block.jpg) top left no-repeat;
border-top:1px solid #EBFFEB;
border-bottom:1px solid #10494a;
border-right:1px solid #10494a;
border-left:4px solid #10494a;
padding:4px 4px 4px 25px;
margin:2px 10px;
text-align:justify;
line-height:150%;
font-size: 1.2em;
}

#text a{
color:#4E6EA7; /* modra LOGO*/
/* color:#289646;*/
border-bottom:1px dotted #4E6EA7;
/* color:#A08A72; 
border-bottom:1px dotted #777;*/
text-decoration:none;
}

#text a:hover{
 color:#551111; 
/* border-bottom:1px solid #000; */
/* color:#52739C; */
border-bottom:1px solid #551111; 
/*  background:#EDF0F4; */
}

#text img{
border:1px solid #E0D8CB;
margin:2px;
padding:4px;
/*float:right; */
}

#text a:hover img, a:active img, a:focus img {
 /* background:#9ACC53; 
  background:#8C7A6C; */
  border:1px solid #551111;
  margin:2px;
  padding:4px;
  
} 


/*Table styles (I'm not good at tables - and very likely this will need some tweaking before use)*/
#text table{
width: 620px;
padding:12px;
caption-side:top;
border-collapse:collapse;
text-align:center;
border-bottom:1px solid #E0D8CB;
font-size: 1.2em;
/* line-height:150%; */
}

table th{
border-top:1px solid #E0D8CB;
border-bottom:1px solid #E0D8CB;
background:#f5f0ec;
padding:8px;
/*width:75px;*/
}

table td{
background: transparent;
padding:8px;
border-bottom:1px dotted #E0D8CB;
/*width:75px;*/
}

/*If you want a table caption, uncomment this and add a caption in the HTML using the tags < caption > < /caption >, with no spaces*/
caption{
font-size:1.5em;
border:0;
}

/* Form styles */
input{
border:1px solid #83BB83;
background:#FBFFFB;
color:#808080;
padding:4px;
margin:0 0 4px 4px;
}

input:hover{
border:1px solid #5A885A;
background:#EBFFEB;
}

input:focus{
border:1px solid #5A885A;
background:#EBFFEB;
}

textarea{
border:1px solid #83BB83;
background:#FBFFFB;
padding:4px;
margin:0 0 4px 4px;
}

textarea:hover{
border:1px solid #5A885A;
background:#10494a;
}

textarea:focus{
border:1px solid #5A885A;
background:#10494a;
}

/*Info styles*/
#info{
margin:-13px auto 0 auto;
width:850px;
height:auto; 
background: #f5f0ec;
border-left:1px #e1d9cc /*tm_okraj */ solid;
border-right:1px #e1d9cc /*tm_okraj */ solid;

}
#info p {
line-height:150%;
font-size: 1.2em;
text-align: center; 
}

#info a{
color:#A08A72;
text-decoration:none;
}

#info a:hover{
color:#551111;
}

.xsnazzy_velky h1, .zsnazzy_velky h1, .xsnazzy_maly h1, .xsnazzy_maly h1{
margin:0; 
color: #5E5B55;
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #e1d9cc ; /*tm_okraj */
}

.xsnazzy_velky p, .zsnazzy_velky p, .xsnazzy_maly p, .xsnazzy_maly p, .xsnazzy_kurzy p {
  margin:0; 
  padding:5px 10px; 
  font-size:10px;
}
.image a {border-bottom: none;}

.xsnazzy_maly {
background: #fdfdfd; 
margin:20px 5px 20px 25px;
width:180px; 
float:left; 
/*margin:0 3px;*/
}

.xsnazzy_velky {
background: #fdfdfd; 
margin:20px 5px 20px 25px;
width:270px; 
float:left; 
/*margin:0 3px;*/
}

.xsnazzy_kurzy {
background: #fdfdfd; 
margin:5px 15px 20px 15px;
width:160px; 
float:right; 
}
.okraj_img {
margin: 4px 12px;
}

/*
.xsnazzy_kurzy img{
border:1px solid #E0D8CB;
margin:2px;
padding:4px;

}
.xsnazzy_kurzy a img{
 text-decoration: none;
}

.xsnazzy_kurzy a:hover img, a:active img, a:focus img {
  border:1px solid #551111;
  margin:2px;
  padding:4px;
  text-decoration: underline;
  
}*/
.xtop, .xbottom {
display:block; 
/*background:transparent; */
background:#f5f0ec;
font-size:1px;
}
.xtop_text, .xbottom_text {
display:block; 
/*background:transparent; */
background:#fff;
font-size:1px;
}

.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;

}
.xb1, .xb2, .xb3 {
height:1px;

}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #e1d9cc ; /*tm_okraj */
border-right:1px solid #e1d9cc ; /*tm_okraj */
}
.xb1 {
margin:0 5px; 
background:#e1d9cc ; /*tm_okraj */
}

.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #e1d9cc ; /*tm_okraj */ 
border-width:0 1px; 
height:auto;

}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#e1d9cc;
}

/*Clany*/
#clanky_left {
float:left; 
width:170px; 
margin-top:8px;
}
#clanky_right {
float:left; 
width:460px;
margin: 0px auto  auto 3px;
}
/*Footer styles*/
#footer {
width:850px;
margin:0px auto 0 auto;
padding:5px 0px 5px 0px;
background:#e1d9cc ; /*tm_okraj */
font-size:1.0em;
text-align:center;
border-left:1px #e1d9cc /*tm_okraj */ solid;
border-right:1px #e1d9cc /*tm_okraj */ solid;
border-bottom:1px #e1d9cc /*tm_okraj */ solid;
}


#footer a {
color:#808080;
border-bottom:1px dotted #000;
text-decoration:none;
}

#footer a:hover {
border-bottom:1px solid #808080;
text-decoration:none;
}
div.cleaner {
	clear: both;
}