/* CSS Document */
* 
{
margin: 0;
padding: 0;
border: none;
}
body 
{
font-family: Verdana, Arial, Tahoma, lucida, sans-serif;
font-size: 83%;
color: #000;
margin: 0;
padding: 0;
text-align: center;
background: #203601 url(img/bg_body.png) repeat-x left top; 
line-height: 1.35;
}
#container 
{
position: relative; 
background: #fff;
color: #000;
width: 960px;
margin: 0 auto;
padding: 0;
text-align: left;
}
#header_top 
{
width: 960px;
height: 48px;
background: url(img/header_top.png) no-repeat left top;
color: #fff;
}
#header 
{
width: 960px;
height: 172px;
background: url(img/header_right.jpg) no-repeat right top;
color: #fff;
}
#header img, #header object, #footer img 
{
vertical-align: top;
}
h1 
{
width: 223px;
height: 172px;
overflow: hidden;
font-size: 100%;
position: relative;
}
h1 span 
{
display: block;
width: 223px;
height: 172px;
position: absolute;
left: 0;
top: 0;
background: url(img/header_left.jpg) no-repeat;
cursor: pointer;
z-index: 1;
}
#main 
{
width: 960px;
position: relative;
background: url(img/bg_main.png) repeat-y left top;
}
#mainframe
{
width: 960px;
background: url(img/bg_content_top.png) no-repeat left top;
}
#leftblock, #page, #rightblock 
{
display: inline;
}
#page 
{
float: left;
width: 740px;
margin-left: 220px;
padding: 0;
color: #000;
overflow: hidden;
position: relative;
}
#leftblock 
{
float: left;
width: 220px;
min-height: 200px;
margin-left: -960px;
color: #fff;
padding: 0 0 40px 0;
}
#leftblockin 
{
width: 220px;
overflow: hidden;
margin: 20px 0;
padding: 0;
}

.lefttext
{
margin: 30px 0 0 10px;
padding: 0 0;
color: #000;
font-size: 95%;
}
.pagetext 
{
padding: 45px 30px 60px 25px;
min-height: 300px;
}

#footer 
{
clear: both;
width: 960px;
height: 70px;
background: url(img/footer.png) no-repeat left top;
color: #fff;
font-size: 78%;
margin: 0 auto;
}
#bottom
{
width: 100%; 
height: 70px; 
background: #203601 url(img/bg_bottom.png) repeat-x left bottom; 
text-align: center;
}
/* ----------------- LEVÉ MENU -------------------- */
#menu
{
margin: 40px 0 0 8px;
}
#menu ul 
{
font-size: 95%;
margin: 0;
padding: 0;
width: 213px;
list-style-type: none;
background-color: #d4d4d4;
float: left;
}
#menu li 
{
margin: 0;
padding: 0;
display: block;
float: left;
position: relative;
}
#menu a 
{
font-weight: bold;
float: left;
float: none;
display: block;
color: #000;
}
#menu li ul 
{
visibility: hidden;
position: absolute;
z-index: 10;
}
#menu li ul li 
{
display: block;
float: left;
position: static;
}
html>body #menu li ul li 
{
float: none;
position: relative;
}
#menu li ul li:hover 
{
position: relative;
}
/* simulate child selector for IE */
#menu li:hover ul, #menu li:hover li:hover ul, #menu li:hover li:hover li:hover ul 
{
visibility: visible;
}
#menu li:hover li ul, #menu li:hover li:hover li ul, #menu li:hover li:hover li:hover li ul 
{
visibility: hidden;
}
#menu ul#menuList li:hover > ul 
{
visibility: visible;
}
#menu ul li 
{
margin: 1px 0 0 0;
padding: 0;
width: 213px;
}
#menu ul li.nob 
{
margin-top: 0; 
}
#menu ul li a 
{
margin: 0;
padding: 7px 4px 7px 16px;
text-decoration: none;
display: block;
height: 100%;
background: #f8f8fa url(img/navigace_sipka2.gif) no-repeat left center;
}
#menu ul li a:hover, #menu ul li.aktual a 
{
background: #d4d4d4 url(img/navigace_sipka2.gif) no-repeat -270px center;
color: #000;
}
#menu ul li.submenu1 ul 
{
margin: 0;
padding: 0;
width: 162px;
left: 213px;
top: -1px;
background: #d4d4d4;
border-bottom: 1px solid #d4d4d4;
}
#menu ul li.submenu1 ul li 
{
display: block; 
width: 160px; 
padding: 0; 
margin: 1px 0 0 0;
border-right: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
float: left;
}
#menu ul li.submenu1 ul li a 
{
display: block; 
padding: 7px 4px 7px 10px; 
margin: 0;  
background: #f8f8fa;
font-weight: bold;
color: #000;
}
#menu ul li.submenu1 ul li a:hover 
{ 
background: #d4d4d4;
}
/* -------------------- Konec Levé Menu ------------------------ */
.cleartop 
{
margin: 0;
padding: 0;
clear: both;
visibility: hidden;
}
a
{
color: #a92f00;
}
a:hover
{
text-decoration: none;
}
p
{
margin: 10px 0 0 0;
padding: 0;
}
.lefttext p
{
padding: 2px 5px;
}
#footer p
{
padding: 25px 10px 0 10px;
margin: 0;
text-align: right;
}
#footer span
{
padding: 25px 10px 0 10px;
display: block;
}
img
{
border: none;
}
.clear
{
clear: both;
}
.hrclear 
{
margin: 0;
padding: 0;
clear: both;
height: 1px; 
font-size: 1px; 
line-height: 1px;
visibility: hidden;
}
.lefttext h4
{
width: 197px;
height: 41px;
overflow: hidden;
font-size: 100%;
position: relative;
}
.lefttext h4 span 
{
display: block;
width: 197px;
height: 41px;
position: absolute;
left: 0;
top: 0;
background: url(img/kontakt.png) no-repeat left top;
z-index: 1;
}
.lefttext h4 span.wh 
{
background: url(img/reklama.png) no-repeat left top;
}
#footer a 
{
color: #fff;
}
.fleft
{
float: left;
margin: 0 10px 0 0;
}
div.uvod_info
{
width: 300px;
min-height: 270px;
background: #f8f8fa url(img/bg_uvod_info_bottom.png) no-repeat left bottom;
margin: 10px 30px 0 0;
padding: 0 0 25px 0;
float: left;
}
div.uvod_info p
{
padding: 0 10px 10px 15px;
}
h2
{
color: #666666;
font-family: Tahoma;
font-size: 130%;
font-weight: bold;
letter-spacing: 1px;
margin: 0 15px 15px 0;
padding: 4px 0 2px 15px;
background: url(img/bigsquare.png) no-repeat left 11px;
}
div.uvod_info h2
{
width: 300px;
height: 60px;
overflow: hidden;
position: relative;
margin: 0;
padding: 0;
background: none;
}
div.uvod_info h2 span 
{
display: block;
width: 300px;
height: 60px;
position: absolute;
left: 0;
top: 0;
background: url(img/bs_webdesign.jpg) no-repeat left top;
z-index: 1;
cursor: pointer;
}
div.uvod_info h2 span.graf 
{
background: url(img/bs_grafika.jpg) no-repeat left top;
}
.first, tr.first
{
background: url(img/bg_first.png) repeat-x left top;
padding:  5px 10px 20px 10px;
margin: 20px 10px 20px 0;
border: 1px solid #f3f3f8;
}
tr.first
{
border: none;
}
/* 
.first p:first-letter
{
font-size: 120%;
background-color: #bbb;
padding: 2px;
} */
h3
{
font-family: Tahoma;
font-size: 110%;
color: #264207;
margin: 20px 0 15px 0;
padding: 3px 0 3px 15px;
display: block;
background: url(img/square.png) no-repeat left center;
}
.first b
{
font-family: Tahoma;
color: #264207;
margin: 0 0 6px 0;
display: block;
letter-spacing: 1px;
}
strong
{
color: #264207;
font-size: 95%;
}
.pagetext ul
{
margin: 0 0 0 28px;
padding: 0 6px 0 0;
line-height: 1.2;
}
.pagetext li
{
padding: 0;		
margin: 0;			
list-style: none;
list-style-image: url(img/odrazka.gif);
}
dt, dd
{
margin: 0 0 5px 0;
}
table
{
width: 95%;
margin: 15px 0 25px 0;
border-collapse: collapse;
}
td
{
padding: 3px 18px 3px 8px;
border: 1px solid #e0e0e0;
}
table.refer td
{
border: none;
vertical-align: top;
padding: 10px 5px;
}
td.right
{
font-weight: bold;
text-align: right;
color: #264207;
font-size: 95%;
padding-left: 20px;
vertical-align: middle;
}
.explain
{
color: #969696;
}
.row
{
background-color: #f6f6fa;
}
#kalkulace 
{
position: relative;
overflow: hidden;
margin: 5px 0 25px 0;
padding: 0;
font-size: 120%;
}
#kalkulace, #kalkulace a, #kalkulace span 
{
display: block;
width: 210px;
height: 30px;
background: url(img/kalkulace.png) no-repeat left top;
}
#kalkulace span 
{
position: absolute;
left: 0;
top: 0;
cursor: pointer;
}
#kalkulace a:hover span 
{
background-position: -210px top;
}
/* FORMULAR */
form
{
margin: 25px 100px 25px 0;
}
label,input
{
display: block;
width: 160px;
float: left;
margin-bottom: 2px;
}
input
{
border: 1px solid #788493;
}
input.tl
{
width: 90px;
margin: 0 0 10px 10px;
background: #f2f3f7 none; 
}
label
{
text-align: right;
width: 120px;
padding-right: 10px;
}
textarea
{
width: 250px;
margin: 5px 0 10px 0;
border: 1px solid #788493;
}
fieldset
{
border: 4px double #d9dae1;
padding: 0 8px 15px 0;
background: url(img/bg_first.png) repeat-x left top;
}
form p
{
padding: 0 0 0 120px;
}
br.clear
{
clear: left;
}
legend
{
padding: 10px 10px;
font-weight: bold;
margin-left: 20px;
color: #284703;
}
.bgimg
{

padding: 11px;
background: url(img/bg_img.gif) no-repeat center center;

}
.center
{
text-align: center;
width: 26%;
}