* {padding:0px; margin:0px; border:none;}
:focus {outline:none;}

body {background:white url('../pictures/body.gif') repeat-y;
text-align:center;
color:black;
font-size:70%;
font-family:Verdana,"Geneva CE",lucida,sans-serif;
height:100%;
width:100%;
}
#pozadi {position:absolute; left:0px; top:0px; width:100%; min-height:100%; background:url('../pictures/pozadi.gif') right top repeat-y;}             

#telo {position:relative;
background:white;
padding:20px 10px 60px 10px;
width:920px;
height:auto;
text-align:left;    
margin:auto;
}             

#header {position:relative;
width:920px;
height:146px;
}                   
#header h1 a, #header h1 span {position:absolute;
width:743px;
height:54px;
bottom:16px;
left:11px;
text-decoration:none;
display:block;
float:left;
color:black;
overflow:hidden;
cursor:pointer;
z-index:2;
}
#header h1 span {position:absolute; left:0px; top:0px; background:url('../pictures/logo.gif') no-repeat;}
#header h1 {font-size:180%;}

#header ul {position:absolute; top:20px; left:0px; background:black; width:906px; height:36px; padding:14px 0px 0px 14px;}
#header ul li {display:block; float:left; list-style-type:none; height:24px; padding:0px 0px 0px 21px; background:url('../pictures/lomitko.gif') 5px 4px no-repeat;}
#header ul a {position:relative; cursor:pointer; display:block; float:left; height:23px; line-height:23px; font-size:130%; text-align:center; color:white; text-transform:uppercase; text-decoration:none; font-weight:bold;}
#header ul a:hover, #header ul a.vyber {border-bottom:1px solid white;}
#header ul li a span {position:absolute; cursor:pointer; top:0px; left:0px; height:23px;}
#header ul li.homepage {padding:0px; background:none;}
#header ul li.homepage a {width:163px;}
#header ul li.homepage a span {width:163px; background:url('../pictures/homepage.gif') no-repeat;}
#header ul li.services a {width:78px;}
#header ul li.services a span {width:78px; background:url('../pictures/services.gif') no-repeat;}
#header ul li.webdesign a {width:120px;}
#header ul li.webdesign a span {width:120px; background:url('../pictures/webdesign.gif') no-repeat;}
#header ul li.photos a {width:121px;}
#header ul li.photos a span {width:121px; background:url('../pictures/photos.gif') no-repeat;}
#header ul li.art a {width:40px;}
#header ul li.art a span {width:40px; background:url('../pictures/art.gif') no-repeat;}
#header ul li.curriculum a {width:99px;}
#header ul li.curriculum a span {width:99px; background:url('../pictures/curriculum.gif') no-repeat;}
#header ul li.contacts a {width:93px;}
#header ul li.contacts a span {width:93px; background:url('../pictures/contacts.gif') no-repeat;}

#header p {position:absolute; right:11px; top:0px;}
#hideHl {position:absolute; top:0px; left:11px;}
#hideHead {position:relative;
height:25px;
line-height:25px;
padding:0px 0px 0px 11px;
background:black;
color:white;
display:none;
}
#hideHead a {color:white; text-decoration:underline;}
#hideHead a:hover {color:white; text-decoration:none;}

#navigace {position:relative;
padding:10px 11px 10px 11px;
background:#dddddd;
margin:0px 0px 5px 0px;
}                               
#obsah {position:relative;
padding:20px 11px 30px 11px;
background:white;
line-height:1.5;
}             
#obsah h2 {margin:0px 0px 15px 0px;}
#obsah h3 {margin:30px 0px 10px 0px;}
#obsah p {margin:15px 0px 15px 0px; color:#454545;}
#obsah ul, #obsah ol {margin:15px 0px 25px 20px;}
#obsah ul {list-style-type:circle;}

#obsah .galerie {position:relative; width:208px; height:156px; text-align:center; margin:0px 6px 6px 0px; padding:6px; float:left; background:#e5e5e5;}
#obsah .galerie:hover {background:#c7c7c7;}
#obsah .galerie img {width:208px; height:156px; float:left; cursor:url('../pictures/zoom.cur'), pointer;}
#obsah .okraje {margin:0px 0px 6px 0px !important;}

#obsah ul.ctiriPrvni {float:left; width:210px;}
#obsah ul.ctiriDruhy {float:left; width:210px;}
#obsah ul.ctiriTreti {float:left; width:210px;}
#obsah ul.ctiriCtvrty {float:left; width:170px;}
                            
#paticka {position:relative;
padding:10px 11px 10px 11px;
background:#dddddd;
line-height:1.5;
} 
#paticka span {float:right;}

div.clean {font-size:0px; line-height:0px; height:0px; overflow:hidden; clear:both;}       

a {color:black; text-decoration:underline;}
a:hover {color:white; background:black; text-decoration:none;}

h2 {color:black; font-size:200%; font-weight:normal; font-family:sans-serif;}
h3 {color:black; font-size:140%; font-weight:bold; font-family:sans-serif;}
h4 {color:black; font-size:120%; font-weight:bold;}
h2, h3, h4 {text-transform:uppercase;}

input {border:1px solid black; background:white; color:black; padding:6px 3px 0px 3px;}
textarea {border:1px solid black; background:white; color:black; padding:2px;}
select {border:1px solid black; background:white; color:black;}
option {cursor:pointer;}

.justify {text-align:justify;} 
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.middle {vertical-align:middle;}
.top {vertical-align:top;}
.neviditelne {display:none;}

strong {font-weight:bold;}

.red {color:red;}
ul {list-style-type:square;}
img {border:none;} 
br.clear {clear:both;}

table {font-size:100%;}

.title {border-bottom:1px dotted black; cursor:help;}
#hideHead .title {border-bottom:1px dotted white;}

#tooltip {display:none; background:white; font-size:90%; padding:10px; color:black; border:1px solid black;}