body {margin: 0; padding: 0; background: #6B6B6B url(img/bg-body.gif) repeat-y 942px top; color: #ccc; font-family: "Trebuchet MS", sans-serif; font-size: 0.8em;}
td, th, table, input, select, option, textarea {font-family: "Trebuchet MS", sans-serif; font-size: 1em;} 
a {color: #fff;}
a:hover {color: #000;}
a img {border: none;}
h1 {font-family: Times, serif; margin: 0 0 10px 0; color: #000; font-size: 1.1em; text-transform: uppercase; font-weight: bold; line-height: 1.2em;}
h1:first-line {color: #fff; font-size: 1.7em; font-weight: normal;}
h2 {margin: 15px 0 5px 0; font-size: 1.3em; color: #fae000; font-weight: normal;}
h2 a {color: #fae000;}
h3 {margin: 10px 0 3px 0; font-size: 1.1em; color: #fff;}
h5 {margin: 0 10px 8px 10px; font-size: 1.1em; text-align: center; color: #fff; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #353535; padding: 7px 0;}
h5 a {text-decoration: none;}
h5 a:hover {color: #fae000;}
form {margin: 0; }
p {margin: 0 0 8px 0; text-align: justify;}
ul {list-style: none; padding: 0; margin: 6px 0 6px 20px;}
ul li {background: url(img/odr.gif) no-repeat left 0.4em; padding: 0 0 6px 13px; }
strong {color: #ddd;}
fieldset {border: none; border-top: 2px solid #fae000;}
legend {color: #fae000; font-weight: bold; /*font-size: 0.9em;*/}

#container1 {min-height: 625px; _height: 625px; background: url(img/stin.jpg) no-repeat 942px top;}
#container2 {width: 942px; position: relative; background: url(img/motiv2.jpg) no-repeat 279px top;}

#hlavicka {height: 242px; background: url(img/motiv1.jpg) no-repeat left top; position: relative;}
#logo {margin: 0 0 0 48px;}
#jazyky {position: absolute; right: 23px; top: 15px; padding: 5px 10px; background: #70A3BF;}
#jazyky a img {border: 1px solid #87BEDF; margin: 0 3px;}
#jazyky a:hover img {border: 1px solid #fff;}
#menu3 {position: absolute; right: 213px; top: 18px; color: #000; font-size: 0.9em;}
#menu3 a {color: #000; margin: 0 8px;}

/* #menu1 {height: 29px; overflow: hidden; line-height: 24px; font-size: 0.9em; padding: 0 0 0 50px; background: url(img/menu1.jpg) no-repeat left top; color: #999;} */
.menu1 {height: 29px; overflow: hidden; line-height: 29px; font-size: 0.9em; padding: 0 0 0 50px; background: #161616; margin: 0 10px 1px 0; color: #666; text-align: center;}
.menu1 a {color: #bbb; text-decoration: none; margin: 0 14px; font-weight: bold;}
.menu1 a.aktivni {color: #FFCC00;}
.menu1 a:hover {color: #FFCC00; text-decoration: underline;}

.menu1rejdice {height: 29px; overflow: hidden; line-height: 29px; font-size: 0.9em; padding: 0px; background: #161616; margin: 0 10px 1px 0; color: #666; text-align: center;}
.menu1rejdice a {color: #bbb; text-decoration: none; margin: 0 6px; font-weight: bold;}
.menu1rejdice a.aktivni {color: #FFCC00;}
.menu1rejdice a:hover {color: #FFCC00; text-decoration: underline;}


#hlavni1 {background: url(img/bg-hlavni.gif) repeat-x top; width: 940px; position: relative;}


#dlazdice {background: url(img/dlazdice.gif) no-repeat left top; min-height: 67px; _height: 67px; padding: 0 0 0 48px; margin: 0px 0 1px 0;}
#dlazdice a {display: block; float: left; height: 67px; text-align: right; line-height: 1.1em; text-decoration: none; font-size: 1.2em; text-transform: uppercase; font-weight: bold; color: #000;}
#dlazdice a#lyzarska {width: 231px; background: url(img/lyzarska-skola.jpg) no-repeat; margin: 0 7px 0 0;}
#dlazdice a#detska {width: 210px; background: url(img/detska-lyzarska-skola.jpg) no-repeat; margin: 0 7px 0 0;}
#dlazdice a#snowboardova {width: 210px; background: url(img/snowboardova-skola.jpg) no-repeat; margin: 0 7px 0 0;}
#dlazdice a#pujcovna {width: 210px; background: url(img/pujcovna-lyzi.jpg) no-repeat;}
#dlazdice a span {display: block; padding: 10px 17px 0 0;}
#dlazdice a:hover, #dlazdice a.aktivni {color: #FFCC00;}
#dlazdice a#lyzarska:hover, #dlazdice a#lyzarska.aktivni {background: url(img/lyzarska-skola-over.jpg) no-repeat;}
#dlazdice a#detska:hover, #dlazdice a#detska.aktivni {background: url(img/detska-lyzarska-skola-over.jpg) no-repeat;}
#dlazdice a#snowboardova:hover, #dlazdice a#snowboardova.aktivni {background: url(img/snowboardova-skola-over.jpg) no-repeat;}
#dlazdice a#pujcovna:hover, #dlazdice a#pujcovna.aktivni {background: url(img/pujcovna-lyzi-over.jpg) no-repeat;}



#hlavni2 {background: url(img/bg-left.gif) repeat-y 12px top; min-height: 630px; _height: 630px; position: relative; padding: 0 0 0 48px; margin: 9px 0 0 0;}

#sloupec1 {float: left; width: 231px; margin: 0 7px 0 0;}
#sloupec2 {float: left; width: 648px;}
#sloupecSiroky {width: 886px; float: left; margin: 0 0 10px 0; background: #6B6B6B url(img/bg-hlavni.gif) repeat-x top; min-height: 92px; _height: 92px;}
#sloupecSirokyObsah {border: 4px solid #6e6e6e; padding: 30px 0px 10px 10px;}


#sloupec1 .box {width: 221px; _width: 231px; position: relative; border: 5px solid #353535; background: #353535 url(img/bg-box.jpg) no-repeat top left; margin: 0 0 10px 0; padding: 0 0 5px 0;}
.box a:hover {color: #fae000;}
#menu2 {text-align: right; font-size: 0.9em;}
#menu2 a {display: block; margin: 10px 10px; text-decoration: none; font-weight: bold;}
#menu2 a.aktivni {color: #FFCA00;}
#menu2 a:hover {color: #FFCA00; text-decoration: underline;}
#menu2 a span {padding: 0 0 0 10px;}

#webcam {text-align: center;}
#webcam h5 {text-align: right; font-size: 0.9em;}
#webcam img.ikona {position: absolute; top: -5px; left: 7px; margin-top: -5px;}
#webcam img#foto {border: 5px solid #000;}

#login {text-align: right;}
#login h5 {text-align: right; font-size: 0.9em;}
#login img.ikona {position: absolute; top: -4px; left: 7px; margin-top: -5px;}
#login label {font-size: 0.9em;}
#login input {margin: 0 0 3px 0; background: #505050; border: 1px solid #838383;}
#login input.tlacitko {background: #1E1E1E; color: #999; border: 2px solid #000;}

#pocasi h5 {text-align: right; font-size: 0.9em;}
#pocasi div {background: #d8ecfc; padding: 3px; margin: 0 10px; text-align: center; height: 61px; _height: 67px; overflow: hidden;}
#pocasi span {width: 62px; font-size: 0.8em; margin: 0 0 0 20px;}


#obsah {margin: 0 0 10px 0; background: #6B6B6B url(img/bg-hlavni.gif) repeat-x top; min-height: 92px; _height: 92px; border: 4px solid #6e6e6e; padding: 30px 20px 10px 20px;}

#partneri {background: #5B5B5B; text-align: center; padding: 5px 0px; width: 882px; margin: 0 0 10px 0;}
#partneri img {vertical-align: middle; margin: 0 2px;}

#paticka {text-align: center; margin: 10px 0; font-size: 0.75em; color: #444;}
#paticka a {color: #444;}


/* obecne tridy */
.cleaner {clear: both; height: 1px; overflow: hidden;}
.padd {padding: 0px 15px;}
.center {text-align: center;}
.right {text-align: right;}
.nowrap {white-space: nowrap;}
.fLeft {float: left; margin: 0 15px 10px 0;}
.fRight {float: right; margin: 0 0 10px 15px;}
.iBorder {border: 4px solid #2f2f2f;}
input.tlacitkoCerne {background: #1E1E1E; color: #999; border: 2px solid #000; font-weight: bold; font-size: 1.1em;}
input.tlacitkoSede {background: #5b5b5b; color: #000; border: 2px solid #000; font-weight: bold; font-size: 1.1em;}
input.tlacitkoZlute {background: #fae000; color: #000; border: 2px solid #000; font-weight: bold; font-size: 1.1em;}
a.tlacitkoCerne {background: #1E1E1E; color: #999; border: 2px solid #000; font-weight: bold; padding: 0 3px; font-size: 1.1em; text-decoration: none;}
a.tlacitkoSede {background: #5b5b5b; color: #000; border: 2px solid #000; font-weight: bold; padding: 0 3px; font-size: 1.1em; text-decoration: none;}
a.tlacitkoZlute {background: #fae000; color: #000; border: 2px solid #000; font-weight: bold; padding: 0 3px; font-size: 1.1em; text-decoration: none;}
.w100 {width: 100%;}
.sloupecLeft {float: left; width: 280px;}
.sloupecRight {float: right; width: 280px;}
.dulezite {background: #fff59f; width: 580px; _width: 600px; padding: 10px 10px 2px 10px; color: #000; margin: 0 0 10px 0;}
.dulezite strong {color: #000;}
.small {font-size: 0.85em;}

a.napoveda {cursor: help; position: relative; background: #fae000; color: #000; border: 1px solid #000; padding: 0 3px; font-size: 0.85em; text-decoration: none;}
a.napoveda span {display: block; position: absolute; top: 8px; left: 8px; visibility: hidden; padding: 5px; width: 150px; background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
a.napoveda:hover {visibility: visible;} /* kvuli IE6 */
a.napoveda:hover span {visibility: visible; z-index: 10;}

table.tabulka {border: none; border-collapse: collapse; margin: 6px 0 6px 0;}
table.tabulka th {text-align: center; vertical-align: top; padding: 3px 10px; background: #777; border: 1px solid #838383; color: #eee; font-weight: normal;}
table.tabulka td {vertical-align: top; padding: 3px 10px; background: #6f6f6f; border: 1px solid #838383;}

.clanek {margin: 0 0 40px 0;}
.clanek .datum {color: #333; font-size: 0.9em; margin: 0 10px 0 0;}
.clanek img {float: right; margin: 0 0 10px 10px; border: 4px solid #2f2f2f;}
.clanek h2 {margin-top: 0px;}

a.galerie {display: block; float: left; width: 180px; height: 175px; overflow: hidden; background: #666; margin: 0 10px 20px 0; text-decoration: none; text-align: center; font-weight: bold; font-size: 0.9em;}
a.galerie img {border: 4px solid #2f2f2f; margin: 5px 0 3px 0;}
a.galerie:hover {background: #fae000;}

a.galeried, div.galeried {display: block; float: left; width: 184px; height: 175px; overflow: hidden; background: #777; margin: 0 10px 10px 0; text-decoration: none; text-align: center; font-size: 0.9em;}
a.galeried img, div.galeried object {border: 2px solid #2f2f2f; margin: 5px 0 3px 0;}
div.galeried a {text-decoration: none;}

.navigace {background: #444; padding: 0px 5px; margin: 3px 0 10px 0;}
.navigace a {display: block; float: left; padding: 3px 10px; margin: 0 5px; background: #222; text-decoration: none;}
.navigace a:hover {background: #fae000;}
.navigace a.aktivni {background: #fae000; color: #000;}

.strankovani {margin: 10px 0; text-align: center; color: #999; font-size: 0.8em;}
.strankovani a {text-decoration: none; border: 1px solid #999; padding: 0px 5px; color: #999; margin: 0 3px;}
.strankovani a:hover {border: 1px solid #000; color: #000;}
.strankovani a.aktivni {border: 1px solid #fae000; color: #fae000;}

.bannery {margin: 10px 0;}
.bannery img {margin: 10px 0;}

.fotkyVedle {width: 340px;}

.velke {text-transform: uppercase;}
.ceniks {margin-left: 10em;}
#stredovka {margin: 0 auto;  width: 400px;}

#flashmapa {position: absolute; top: 0; left: 0;}

a.video:hover {color: #fae000; text-decoration: none; }
table.musite { margin: 0 15px; }
table.musite td {padding: 0; }
table.musite td.date{font-size: 0.8em; }
table.musite td.maly {font-size: 5px; line-height: 5px; height: 5px; padding: 3px ;}

.pozor {color: #af0000; background: #fff59f; padding: 5px 20px; margin: 10px;  text-align: center; font-weight: bold;}