/* zakladni obrazovkovy styl
 * autor: Bc. Ondrej Hanak, 2008
 * http://ondrejhanak.cz * / 

/*** OBECNE ***/
body {background-color: #fff; color: #222; margin: 0; padding: 0; font-size: 100%; text-align: center; font-family: sans-serif; line-height: 1.4;}
.cleaner{clear: both; height: 1px; font-size: 1px; border: none; margin: 0; padding: 0; background: transparent;}
.small {font-size: 80%;}
.nobr {border: none !important;}
.color {color: #f00;}
.center {text-align: center;}

.bold {font-weight: bold;}
a img {border: none;}
a {color: #f00; outline: none;}
a.orange {color: #f60;}
a.silver {color: #444;}
a.brown {color: #633;}
a.green {color: #393;}
a.blue {color: #00f;}
a.wine {color: #903;}
a.purple {color: #909;}
h1 {margin: 0; padding: 0; position: relative; left: 80px; top: 20px;}

acronym {cursor: help; border-bottom: 1px dotted #ddd;}
bdo {cursor: help; border-bottom: 1px dotted #c00; color: #c00; background-color: inherit;}
abbr[title], acronym[title] {cursor: help; border-bottom: 1px dotted #fff;}
.hidden {position: absolute; top: 0; left: -1000px; overflow: hidden;}


/*** LAYOUT ***/
#page1 {position: relative; background: url('../images/bgleft.gif') top left repeat-y; text-align: left; margin: 0 auto; width: 84%; min-width: 770px; }
#page2 {position: relative; background: url('../images/bgright.gif') top right repeat-y; padding-top: 5px;}


/*** LEVY SLOUPEC ***/
#left {position: absolute; left: 0; width: 180px; height: 38em; background: url('../images/ctverce.gif') 6px 10px no-repeat;}
#icm {position: relative; left: 58px; top: 25px; text-decoration: none; font-size: 75%; text-align: center; width: 110px; display: block;}
#icm img {border: 1px solid #f00; display: block;}
#icm {}

#validator {position: relative; left: 72px; top: 25px; width: 110px; display: block;}
#minulost {position: relative; left: 58px; top: 25px; text-decoration: none; font-size: 75%; text-align: center; width: 110px; display: block;}
#minulost img {border: 1px solid #f00; display: block;}

/* hlavni menu v levem sloupci */
#menu a {background: url('../images/menuli.gif') no-repeat 7px center; color: #f00; text-decoration: none; display: block; padding-left: 20px; border: 1px solid #fdcdcd; border-right-color: #f00;}
#menu a:hover, #menu a.active {background-color: #fff; background-image: url('../images/menulia.gif'); border: 1px solid #f00; border-right-color: #fff;}
#menu ul {list-style: none; padding: 0; margin: 40px 0 0 55px;}
#menu ul li {margin: 0; padding: 0; font-weight: bold; font-size: 90%; display: block; height: 1.6em;}


/*** PRAVY SLOUPEC ***/
#right {position: absolute; right: 0; width: 120px; height: 38em; padding-top: 10px; color: #f00; background: url('../images/maluvka.gif') 8px 30em no-repeat;}
#right form {margin: 0 0 20px 0; padding: 0;}
.main-form {text-align: center;  font-size: 70%;}
.main-form input {background: #fff; color: #f00; border: 1px solid #f00; font-size: 90%; margin-top: 5px;}
.main-form input.input {width: 100px; color: #000;}

/* menu novinek v pravem sloupci */
#menu2 ul {list-style: disc; padding: 0; margin: 10px 1px 20px 1px;font-size: 75%; border-top: 1px solid #f00; list-style-position: inside}
#menu2 li {border-bottom: 1px solid #f00; padding: 2px 0 2px 5px;}
#menu2 li.light {background: #fff; }
#menu2 a {color: #f00; text-decoration: none; }
#menu2 a:hover {text-decoration: underline; }

/* nadpisy */
#right h2 {margin: 0; padding: 0;}
#right h2 span {display: none;}
#right h2 a {display: block; width: 100%; height: 100%;}
#right h2#aktualne {background:  url('../images/aktualne.gif') no-repeat; height: 25px; width: 105px;}
#right h2#zpravodaj {background: url('../images/zpravodaj.gif') no-repeat; height: 30px; width: 105px;}
#right h2#vyhledat {background: url('../images/vyhledat.gif') no-repeat; height: 30px; width: 105px;}

/*** PROSTREDNI SLOUPEC ***/
#middle {margin: 0 136px 0 196px; font-size: 95%; min-height: 40em;}
#middle p {margin: 0 0 0.8em 10px; padding: 0;}

/* hlavni nadpis stranky */
#middle h2 {margin: 0 0 10px 0; padding-top: 0; color: #fff; font-size: 200%; background: #f00; padding-left: 80px; line-height: 70px;}
#middle h2.bg1 {background: #f00 url('../images/h2_1.gif') 15px center no-repeat;} 
#middle h2.bg2 {background: #f00 url('../images/h2_2.gif') 15px center no-repeat;}
#middle h2.bg3 {background: #f00 url('../images/h2_3.gif') 15px center no-repeat;}
#middle h2.bg4 {background: #f00 url('../images/h2_4.gif') 15px center no-repeat;}
#middle h2.bg5 {background: #f00 url('../images/h2_5.gif') 15px center no-repeat;}
#middle h2.bg6 {background: #f00 url('../images/h2_6.gif') 15px center no-repeat;}
#middle h2.bg7 {background: #f00 url('../images/h2_7.gif') 15px center no-repeat;}
#middle h2.bg8 {background: #f00 url('../images/h2_8.gif') 15px center no-repeat;}
#middle h2.bg9 {background: #f00 url('../images/h2_9.gif') 15px center no-repeat;}
#middle h2.bg10 {background: #f00 url('../images/h2_10.gif') 15px center no-repeat;}
#middle h3 {border: 1px solid #f00; background: #fcc; padding: 2px 6px; margin: 0.5em 0 0.8em 0; clear: both;}
#middle h3.orange {border: 1px solid #f60; background: #fc9; padding: 2px 6px; margin: 0.5em 0 0.8em 0; clear: both;}
#middle h3.silver {border: 1px solid #444; background: #ccc; padding: 2px 6px; margin: 0.5em 0 0.8em 0; clear: both;}
#middle h3.brown {border: 1px solid #633; background: #fc9; padding: 2px 6px; margin: 0.5em 0 0.8em 0; clear: both;}
#middle h3.green {border: 1px solid #393; background: #cf9; padding: 2px 6px; margin: 0.5em 0 0.8em 0; clear: both;}
#middle h3.blue {border: 1px solid #00f; background: #ccf; padding: 2px 6px; margin: 0.5em 0 0.8em 0; clear: both;}
#middle h3.wine {border: 1px solid #903; background: #fcc; padding: 2px 6px; margin: 0.5em 0 0.8em 0; clear: both;}
#middle h3.purple {border: 1px solid #909; background: #fcf; padding: 2px 6px; margin: 0.5em 0 0.8em 0; clear: both;}
#middle h4 {border-bottom: 2px dotted #f00; padding: 2px; margin: 0 0 4px 0; clear: left;}
#middle h4.short {margin-right: 210px;}
#middle h5 {margin-left: 10px; margin-bottom: 5px; font-size: 120%;}
#middle .navi {text-align: right; padding-right: 10px; margin-bottom: 10px;}
#middle ul {margin: 0 0 0.8em 10px; padding-left: 1em;}
#middle .imgright {float: right; margin: 0 0 10px 10px; clear: right; border: 2px solid #999;}
#middle .imgleft {float: left; margin: 0 10px 10px 5px; clear: left; border: 2px solid #999;}

dl {margin: 5px 0 15px 10px;}
dl dt {font-weight: bold; float: left;}
dl dd {margin-left: 6em;}

/* kontextove menu - seznam sekci na strance */
#pagemenu {border: 2px solid #f00; width: 380px; text-align: center; padding: 0.8em; margin: 1em auto; font-size: 90%; background: #fcc;}

/* obsah na uvodni strance */
#main {text-align: center; margin-bottom: 1em;}
#main h2 {font-size: 200%; color: #000; background: #fff; padding: 5px 0 0 0; line-height: 1em;}

/* banner na uvodni strance nahore */
#banner {text-align: center; font-size: 70%; border-bottom: 1px solid #f00; color: #888; width: 95%; margin: 0 auto 15px auto; min-width: 450px;}
#banner img {margin: 2px 0;}
#banner a {font-weight: bold; color: #888; text-decoration: none;}
#banner a:hover {text-decoration: underline;}

/* postranni panel s anketou na uvodni strance */
#sidebar {float: right; margin: 15px 0 10px 10px; text-align: center; font-size: 80%; border-left: 1px solid #f00; padding-left: 15px;}
#sidebar img {margin: 5px 0 15px 0;}
#sidebar h5 {padding: 0; margin: 0;}

/* box "aktualizace" */
#lastact {text-align: right; font-size: 75%;}

/* novinky */
#middle .news {margin-bottom: 10px; border-bottom: 1px solid #666; padding-bottom: 5px;}
#middle .news .date {font-size: 80%; color: #666; padding-right: 5px;}
#middle .news h3 {display: inline; padding-left: 5px; border: 0; background: transparent;}
#middle .news p {margin: 0 !important; padding: 0;}
/*#middle .news a {color: #f00;}*/

/* pujcovna lyz. vystroje - cenik */
#skirental {border: 2px solid #000; border-collapse: collapse; margin-left: 10px; margin-bottom: 1em;}
#skirental td {border: 1px solid #000; padding: 4px;}
#skirental th {border-bottom: 2px solid #000; border-right: 1px solid #000; font-weight: bold; text-align: center; padding: 4px; background: #ddd; vertical-align: top; padding-top: 10px;}
#skirental th span {font-weight: normal; font-size: 80%;}
#skirental td {vertical-align: top;}
#skirental tr.bg td {background: #fcc;}

/* kontakty - objekty */
dl.object dd {margin-left: 8em;}
dl.object dt {width: auto;}

/* kontakty - tabulka zamestnancu */
#employees {margin: 15px 10px; border-collapse: collapse;}
#employees td {background: #fcc; padding: 10px; border-left: 1px solid #f00; border: 1px solid #f00; }
#employees td.photo {background: #ddd; text-align: center; vertical-align: top;}
#employees h4 {border: none; padding: 0; margin: 0 0 5px 0;}

/* kontaktni formular */
#msg {margin-left: 10px;}

/* odkazy na objekty v "o nas" */
div.object {float: left; text-align: center; height: 8em; margin-bottom: 15px; padding: 0 10px;}
div.object .image {height: 105px;}

/* popisek akce/udalosti */
.action {border: 1px solid #f00; border-bottom: none; background: #fcc; margin: 0 10px 1em 10px; }
.action h5 {color: #fff; background: #f00; margin: 0 !important; padding: 2px 6px;}
.action dl {padding: 6px; margin: 0; float: left; width: 69%;}
.action dt {width: 6em;}
.action dd {margin-left: 6.5em;}
.action .desc {padding: 6px; padding-bottom: 0; border-top: 1px solid #f00; border-bottom: 1px solid #f00; background: #ddd; clear: both;}
.action .desc p {margin-bottom: 6px !important; margin-left: 0 !important;}
.action .join {padding: 6px; text-align: center; font-weight: bold; font-size: 130%; border-bottom: 1px solid #f00;}
.action img {float: right; border: 1px solid #f00; margin: 5px;}

/* krouzky - prehled*/
.rings {border-collapse: collapse; margin-bottom: 10px;}
.rings td, .rings th {border: 1px solid #666; padding: 3px; font-size: 90%}
.rings th {background: #fcc;}
.rings td a {color: #FF3F3F;}
.naz {width: 200px;}
.vek {width: 80px;}
.mis {width: 120px;}
.upl {width: 80px;}

/* krouzky - deatil */
.ring {border-collapse: collapse; width: 96%; margin: 0 2% 15px 2%; border: 1px solid #f00;}
.ring td {background: #fff; padding: 2px 3px; border: 1px solid #fcc; border-right-color: #f00; vertical-align: top;}
.ring .top td {color: #fff; background: #f00; text-align: center; font-size: 130%; border-color: #f00;}
.ring .top .new {color: #fe0;}
.ring .left {background: #fcc; text-align: right; border-left-color: #f00; width: 18%;}
.ring .content {border-right-color: #f00;}
.ring .image {background: #fcc; text-align: center; border-color: #f00; padding: 6px; width: 5%;}
.ring .image img {border: 1px solid #f00; }
.ring div.or {margin: 4px 10px; font-size: 90%;}
.bigbtn {font-size: 105%; padding: 3px 10px; margin: 20px auto; display: block;}

/* krouzky - vyberovy formular */
#ringselect {float: left; margin-bottom: 15px;}
#ringselect input, #ringselect select, #ringselect label {margin-bottom: 5px;}

/* formular prihlasky na tabor/lyzovani/... */
#application {margin-bottom: 15px; margin-left: 10px;}
#application p {padding: 0; margin: 1em 0 2em 0;}
#application #info {border: 1px solid #f00; margin-bottom: 2em; padding: 0.5em; width: auto;}
#application #info p {margin: 0;}
#application h5 {color: #f00; margin: 0;}

/* stranka odkazu */
.link {float: left; width: 170px; text-align: center; height: 10em; margin-bottom: 15px;}
.link .image {height: 80px;}

/* stranka log */
.logo {float: left; width: 170px; text-align: center; height: 19em; margin-bottom: 15px;}
.logo .image {height: 180px;}

/* kronika */
.chronicle {border: 1px solid #f00; margin-bottom: 10px; padding: 10px 0; border-bottom-width: 4px; border-right-width: 4px; clear: both; text-align: center;}
.chronicle img {margin: 5px 0 10px 0px; }
.chronicle p {text-align: left; }
.chronicle ul {text-align: left; }
img.chroniclelogo {float: right; text-align: center; }

img.chronicleright {float: right; margin: 10px 10px 10px 5px; }
img.chronicleleft {float: left; margin: 10px 5px 10px 10px; }

/* tiskove zpravy */
#press_subs {text-align:right;}
#press_footer {font-size: 80%; padding: 1em 0; margin: 1em 0; clear: both;}

/*** ZAPATI ***/
#footer {background: #f00; text-align: center; font-size: 80%; color: #fff;  padding: 1em 0; margin: 1em 0; clear: both;}
#footer a {color: #fff;} 

/* stranka tabora - fotky vedoucich */
.foto_tabor {float: left; width: 170px; text-align: center; height: 10em; margin-bottom: 45px;}
.foto_tabor .image {height: 170px;}