/*výchozí nastavení*/
*,html{margin:0px 0px 0px 0px;
       padding:0px 0px 0px 0px;
       background: none;}
body
  { text-align: center;
   	margin: 0px auto 0px auto;  /*vzdálenost od okraje okna!!!*/
  	font-family: "Arial", "verdana", sans-serif;
  	font-size: 10pt;
  	color: #222222;
  	letter-spacing: 0px;
  }
#container {/*entire page is in container!!*/
            width: 870px;
            position:relative;
            text-align: left;
            margin: 0px auto;}
table{
    color: #222222;
}
h1,h2{
   font-size: 16px;
   margin-top: 8px;
   margin-bottom: 8px;
   padding-left: 20px;
   color: #f66013;
   background-image: url(../img/arrow-2.gif);
   background-repeat: no-repeat;
   background-position: left 5px;
   
}
p{
margin:5px 0px 10px 0px;
}
ul,ol{
padding-left:20px;
}
li{
padding: 2px 0px 2px 5px;
list-style-image: url(../img/bullet.gif);
}
ul li ul{
padding-left:8px;
}
ul li ul li{
list-style-image: none;
font-size: 0.8em;
}
a img{
border:none;
text-decoration: none;
}

a:visited {text-decoration: underline; color: #f66013;}
a:link {text-decoration: underline; color: #f66013;}
a:hover {text-decoration: none; color: #ed4418;}
a:active {text-decoration: none; color: #f66013;}

a.footer:visited{color: #ffffff;font-size: 0.8em;text-decoration: none;}
a.footer:link{color: #ffffff;font-size: 0.8em;text-decoration: none;}
a.footer:hover{color: #ffffff;font-size: 0.8em;text-decoration: none;}
a.footer:active{color: #ffffff;font-size: 0.8em;text-decoration: none;}

a.active:visited{text-decoration: none;color: #f66013;}
a.active:link{text-decoration: none;color: #f66013;}
a.active:hover{text-decoration: none;color: #f66013;}
a.active:active{text-decoration: none;color: #f66013;}

div.spacer{clear: both;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
/*konec výchozích nastavení*/            

/*Nastavení BBcodu*/
.bold {font-weight: bold;}
.italics {font-style: italic;}
.underline {text-decoration: underline;}
.strikethrough {text-decoration: line-through;}
.overline {text-decoration: overline;}
.quotecodeheader {font-family: Verdana, arial, helvetica, sans-serif;font-size: 12px;font-weight: bold;}
.codebody {background-color: #FFFFFF;font-family: Courier new, courier, mono;font-size: 12px;color: #006600;border: 1px solid #BFBFBF;}
.quotebody {background-color: #FFFFFF;font-family: Courier new, courier, mono;font-size: 12px;color: #660002;border: 1px solid #BFBFBF;}
.listbullet {list-style-type: disc;list-style-position: inside;padding-left:15px;}
.listdecimal {list-style-type: decimal;list-style-position: inside;padding-left:15px;}
.listlowerroman {list-style-type: lower-roman;list-style-position: inside;padding-left:15px;}
.listupperroman {list-style-type: upper-roman;list-style-position: inside;padding-left:15px;}
.listloweralpha {list-style-type: lower-alpha;list-style-position: inside;padding-left:15px;}
.listupperalpha {list-style-type: upper-alpha;list-style-position: inside;padding-left:15px;}
/*Konec nastavení BBcodu*/

/*hlavička*/
#svatek{color:white;position:absolute;top:177px;right:10px;z-index: 4;font-size: 0.8em;}
#header{
   position:relative;
   height: 195px;
}
#x1{background-image: url(../img/fitplanet-header1.jpg);background-repeat: no-repeat;border:none;position:absolute;top:0px;left:0px;height:195px;width:125px;}
#x2{background-image: url(../img/fitplanet-header2.jpg);background-repeat: no-repeat;border:none;position:absolute;top:0px;left:125px;height:195px;width:125px;}
#x3{background-image: url(../img/fitplanet-header3.jpg);background-repeat: no-repeat;border:none;position:absolute;top:0px;left:250px;height:195px;width:125px;}
#x4{background-image: url(../img/fitplanet-header4.jpg);background-repeat: no-repeat;border:none;position:absolute;top:0px;left:375px;height:195px;width:125px;}
#x5{background-image: url(../img/fitplanet-header5.jpg);background-repeat: no-repeat;border:none;position:absolute;top:0px;left:500px;height:195px;width:145px;}
#x6{background-image: url(../img/fitplanet-header6-logo.jpg);background-repeat: no-repeat;border:none;position:absolute;top:0px;left:645px;height:195px;width:100px;}
#x7{background-image: url(../img/fitplanet-header7.jpg);background-repeat: no-repeat;border:none;position:absolute;top:0px;left:745px;height:195px;width:125px;}
/*konec hlavičky*/

/*levý sloupec*/
#left_column{/*setting for left column. left column is in container!*/
             position:relative;
             float:left;
             padding-top: 12px;
             width: 146px;
}

/*konec levého sloupce*/
/*pravý sloupec*/
#right_column{/*setting for left column. left column is in container!*/
             position:relative;
             float:right;
             padding-top: 12px;
             width: 146px;
}
/*konec pravého sloupce*/

/*rámečky*/
.ramec{
  position:relative;
  width: 138px;
  background-color: #ffffff;
  left:4px;
  margin-top:5px;
  margin-bottom:25px;
  padding-bottom:10px;
  background-image: url(../img/ramec-bottom.gif); /*Obrázek dolího zaoblení*/
  background-position: bottom;
  background-repeat: no-repeat;
  font-size: 0.8em;
}
.ramec h2{/*nadpis rámce se šipkou*/
  margin:0px 0px 0px 0px;
  padding:0px 0px 10px 8px;
  height:30px;
  font-size: 1px;
  position:relative;
  color: #00A1E4;
  background-repeat: no-repeat;
  background-position: right top;
}
.ramec h2#sluzby{
  background-image: url(../img/sluzby.jpg);
}
.ramec h2#anketa{
  background-image: url(../img/anketa.jpg);
}
.ramec h2#aktuality{
  background-image: url(../img/aktuality.jpg);
}
.ramec h2#kontakt{
  background-image: url(../img/kontakt.jpg);
}
/*Formát menu*/
ul#menu {
  padding-left: 8px;
  padding-right: 4px;
}

ul#menu li {
  list-style-type: none;
  list-style: none;
  list-style-image: url(none);
  height:1px;
 	margin-top: 4px;
 	margin-bottom: 4px;
 	padding-left: 18px;
	background-image: url(../img/arrow-3.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
}
ul#menu > li {height:auto;}
ul#menu > li >ul >li {height:auto;}

ul#menu li#line{/*Formát oddělující linky*/
  height: 10px;
  background-image: url(../img/menu-line.jpg);
  background-position: left center;
  background-repeat: no-repeat;
}
ul#menu a:visited,ul#menu a:link,ul#menu a:hover, ul#menu a:active {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color: #01A1E4;
}
ul#menu li ul li{
	background-image: url(../img/bullet.gif);
}
.submenu{/*Skrytá submenu*/
  position: absolute;
  padding: 10px 10px 10px 10px;
  left:10px;
  visibility:hidden;
  width:120px;
  border: 3px #ed4418 solid;
  background-color: #ffffff;
  z-index: 12;
}
/*Konec menu*/
/*Zde je formát 1 aktuality*/
.ramec div.aktualita{/*Použito i pro první odstavec kontaktu*/
  position:relative;
  padding:5px 4px 22px 4px;
  font-weight: bold;
}
.aktualita h3{
  position: relative;
  font-size:1.1em;
  color:#f66013;
  padding-left:5px;
}
.aktualita h3 a:visited, .aktualita h3 a:link,.aktualita h3 a:hover,.aktualita h3 a:active{
  position:relative;
  text-decoration: none;
}
.aktualita a{
  position:absolute;
  right: 7px;
}
.ramec p{
  margin:0px 0px 0px 0px;
  padding: 5px 4px 5px 4px;
}
/*konec rámečků*/
/*anketa*/
div.anketa{
  position:relative;
  padding:5px 4px 22px 4px;
  font-weight: bold;
}
table#anketa_table{
width: 130px;
border: none;
font-size:0.8em;
}
#anketa_table td{
padding: 3px 0px 3px 0px;
}
/*konec ankety*/
/*hlavní obsah*/
#content{ 
        background-image: url(../img/main-background.jpg);
        background-repeat: repeat-y;
        position:relative;
        width: 870px;
}
#page{
    position:relative;
    float:left;
    padding: 12px 20px 12px 20px;
    width: 534px;
    overflow: hidden;
}
/*Rámeček fotky*/
div.fotka{
    margin: 10px 12px 10px 12px;
    position:relative;
    float:left;
    width: 107px;
    height:107px;
    background-image: url(../img/foto-background.gif);
    background-repeat: no-repeat;
}
/*Formát rozvrhu*/
table.rozvrh{
   width: 100%;
   border: 3px #f66013 solid;
   background-color: #ffffff;
   
}
table.rozvrh th{
   border: 1px #f66013 solid;
   text-align: center;
}
table.rozvrh td{
   border: 1px #01A1E4 solid;
   text-align: center;
   font-size: 0.8em;
}
/*Formát rezervačního formuláře*/
form#register_form input, form#register_form textarea{
width: 250px;
border: 1px #f66013 solid;
background-color: #F9995E;
}

/*zápatí*/
#footer {
   position:relative;
   top:0px;
   left:0px;
   width: 870px;
   height: 25px;
   color: #ffffff;
   background-color: #f66013;
   padding-top: 4px;
}
#footer #f1{position:absolute;left:20px;bottom:5px;}

#footer #copyright{
   position:absolute;
   right: 15px;
   bottom: 5px;
}
/*konec zápatí*/
