* {margin:0px;padding:0px;border:none;font-weight:normal}
body {font:12px "Trebuchet MS";text-align:center;background:#00487D;}

a, a:visited {color:#333;text-decoration:underline;}
a:hover {color:#555;text-decoration:none;}
h1 {font:27px "Georgia";padding-top:25px} 
h2 {font:21px "Georgia";margin:10px;margin-top:20px !ie;} 
h3 {font:17px "Georgia";margin:5px 0}
b {font-weight:bold}

#main {margin:auto;width:1004px;}
.center {text-align:center;}

#header {display:block;height:100px;background:url('images/header.jpg') center no-repeat;border:3px solid #000;margin-bottom:5px;}
#header a, a:visited {color:#FFF}
#header a:hover {color:#FFF;text-decoration:underline} 

#menu {width:150px;float:left;padding:2px; background:#66ffff;margin-left:2px }
#menu ul {list-style-type:none;font:1.1em "Arial"; }
#menu ul li {margin-bottom:3px;}
#menu ul li a {display:block;padding:2px 5px;border:1px solid #333;background: #0099ff url('');text-decoration:none}
#menu ul li a:hover, #menu a:visited:hover {background: #FF6600;color:#333;text-decoration:none}
#menu ul li a, #menu a:visited {color:#EEE;}
#menu ul ul li {margin: 3px 0px 3px 5px;color:red;text-align:left;font-size:12px;}

#menu .active {background:#FF4400;color:#333;}/* aktivní položka */

#telo {margin-left:10px;float:left;border:1px solid;text-align:left;width:814px;;background:url('images/uproh.gif') #BFE4FF ;background-position:top ;background-repeat: no-repeat;/* si pak zkrať dle potřeby ten obrázek !!! */;padding:10px;/* ošetření šířky v Opeře a IE; jde o typický bug: padding totiž v Opeře přidává šířku, stránce, tzn. když má stránka šířku 100 px a padding 50 px (tedy na všechny strany, tak má v Opeře šířku 200 px; v tomto případě ubereme tedy skutečné šířce 20 px a vytvoříme novou deklaraci šírky pro IE*/_width:834px;}
#telo h2:first-letter {color:red;font-size:30px}
#telo p {font:12px "Trebuchet MS";line-height:15px;padding-bottom:15px;}



#telo.image { border: 1px solid #aaaaaa;}
#telo a:link .image {  border-color: #aaaaaa;}
#telo a:visited .image {  border-color: #090940;}
#telo a:hover .image { border-color: #ffffff;}


#teloend {float:left;text-align:left;width:814px;background:url('images/downroh.gif') #FFFFFF ;background-position:bottom center; background-repeat:no-repeat; padding:9px; width:834px}
/* patička */
#footer {font:12px "Trebuchet MS";border-top:1px solid #AAA;padding-top:10px;margin:15px 0px;} 


/* fotogalerie */
.fotogalerie ul{list-style-type:none; }
.fotogalerie li {color:red;float:left;width:150px;height:100px;background:#80C9FF; background-position:top center; background-repeat:no-repeat;padding:3px;margin:3px 3px 45px 3px;text-align:center;}
.fotogalerie li:hover {background: #00487D}
.fotogalerie li img {margin:auto;}
.fotogalerie a {color:black;display:block;margin:auto;}

/* index.html */
.rozcestnik ul {list-style-type:none;margin:20px 0px 0px 25px}
.rozcestnik li a{text-align:center;float:left;color:black;padding:10px 0px;font:12px "Trebuchet MS";}
.rozcestnik a {color:black;display:block;text-decoration:none;}
.rozcestnik a:hover {text-decoration:none;}
.rozcestnik img {margin:5px 20px;padding:5px;background:#000}
.rozcestnik li:hover img {background:#222}

.rozcestnik_lezata {margin:0 44px 0 44px}


a {text-decoration:underline;}
a:hover {text-decoration:none;}
a:visited {color:#333;}

div.defloat {clear:both;margin-bottom:10px !ie;}

.borderfive{float:left;}


.global a{font-size:10px;}
.global {font-size:12px;}

.ieul_debug {margin-top:-20px !ie;}
.iedeb2 {margin-top:-18px !ie;}
                        
.skypebutton{border:none;position:relative;top:7px;} 
.skypestatus{border: none;position:relative;top:2px;}

li a {text-decoration:none !ie;}

#bold {font-weight:bold;font-size:13px;color:green}