/* -------- resetovani kaskadovych stylu (Je toho hodne co? Ale to je jen dobre. Neponechavat nic nahode!) -------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: none;outline: none;}
ul li{list-style: none;}

/* ---------------- globalni styly ---------------- */

html{background:url(/img/ga/bg-html3.gif) repeat-x #cad4dd;font-family:Arial,Helvetica,serif;font-size:75%;color: #1d1d1d;}
body{background:url(/img/ga/bg-body.jpg) no-repeat center top;}

a{color: #d20909;}
a:hover{text-decoration: none;color: #000000;}

.no-screen{display:none;}
.cleaner{clear: both;}

img{background: #eeeeee;}
hr{height: 2px;clear: both;background: url(/img/ga/bg-hr.gif) no-repeat;border: none;}

/* globalni definice zastupnych textu */

#logo, .banner, #menu li a, .banner ul li a, .dalsi-fotografie, #obal-banneru .nej li .obrazek, .video-nahled a{position: relative;}
#logo span, #menu li a span, .banner ul li a span, .dalsi-fotografie span, #obal-banneru .nej li .obrazek span, .video-nahled a span{position: absolute;display: block;top: 0;right: 0;z-index: 1;}

/* #obal{width:980px;margin:0 auto;background: url(/img/ga/bg-obal.jpg) no-repeat;text-align:left;} */

/* ---------------- hlavicka webu ---------------- */

#hlavicka{width:980px;margin:0 auto;}

/* --- logo --- */

#logo{width:322px;height:129px;float:left;}
#logo span{width:322px;height:129px;background:url(/img/ga/bg-logo-h1-plain.png) no-repeat;}
#logo a:hover span{background-position:right top;}

/* --- menu --- */

#menu{float:left;margin:48px 0 0 10px;}
#menu li{float:left;margin:0 15px 0 0;}
#menu li a{padding:12px 20px 12px 22px;display:block;background:url(/img/ga/bg-menu-li-a.png) no-repeat;text-decoration:none;color:#ffffff;}
#menu li a span{width:10px;height:39px;margin: 0 -5px 0 0;background:url(/img/ga/bg-menu-li-a.png) no-repeat right top;}
#menu li a:hover{background-position:left center;color: #000000;}
#menu li a:hover span{background-position:right center;}
#menu li.aktivni-polozka a{background-position:left bottom;}
#menu li.aktivni-polozka a span{background-position:right bottom;}
#menu li.aktivni-polozka a:hover{color: #ffffff;}

/* ---------------- velky banner se zajimavymi informacemi ---------------- */

#obal-banneru{margin:0 0 10px 0;padding:0 0 15px 0;overflow:hidden;clear:both;background:#ffffff;}

/* --- obaly banneru --- */

.banner{width:980px;height:252px;margin:0 auto;overflow:hidden;background:url(/img/ga/bg-banner-hid.jpg) no-repeat;}
.maly{width:980px;height:109px;margin:0 auto;padding: 5px 0 0 0;background:url(/img/ga/bg-banner-maly.png) no-repeat;}

/* --- formatovani obsahu --- */

.banner h2{margin:15px 30px 7px 15px;font-size:2em;color:#ffffff;font-family:Tahoma;text-shadow: #dc8e07 1px 1px 0px;}
.banner p{width:610px;margin:3px 30px 6px 15px;line-height:18px;font-size:1em;color:#000000;font-family:Tahoma;}
.maly p{width: 900px;}
.banner .tagy{font-weight:bold;}

/* --- navigace --- */

.banner ul{width: 980px;position:absolute;left:0;bottom:0;font-size:0.95em;}
.banner ul li{float:left;margin:0 5px 0 6px;font-weight:bold;}
.banner ul li.vpravo{float: right;display: inline;margin: 0 15px 0 0;text-transform:uppercase;}
.banner ul li a{padding:13px 20px;display:block;background:url(/img/ga/bg-banner-ul-li-a.png) no-repeat;text-decoration:none;color:#ffffff;}
.banner ul li a span{width:10px;height:40px;margin:0 -5px 0 0;background:url(/img/ga/bg-banner-ul-li-a.png) no-repeat right top;}
.banner ul li a:hover,.banner ul li.aktivni-polozka a,.banner ul li.vpravo a{background:url(/img/ga/bg-banner-ul-li-a.png) no-repeat left bottom;color:#000000;}
.banner ul li a:hover span,.banner ul li.aktivni-polozka a span,.banner ul li.vpravo a span{background:url(/img/ga/bg-banner-ul-li-a.png) no-repeat right bottom;}

/* --- nej videa --- */

#obal-banneru .nej{width:980px;margin:0 auto;}
#obal-banneru .nej li{width:134px;float:left;display:inline;margin:10px 3px;text-align:center;font-size:0.95em;}
#obal-banneru .nej li a{color:#000000;}
#obal-banneru .nej li .obrazek{margin:0 0 8px 0;padding:11px;display:block;background:url(/img/ga/bg-nej-obrazek.gif) no-repeat;}
#obal-banneru .nej li .obrazek span{width:111px;height:92px;top:11px;right:12px;background:url(/img/ga/bg-nej-obrazek-span.png) no-repeat;}
#obal-banneru .nej li .obrazek:hover span{background-position:right top;cursor: hand;}

/* ---------------- kompletni obsah webu ---------------- */

#obal-obsahu{width: 980px;min-height: 500px;margin: 0 auto;padding: 0 0 30px 0;overflow: hidden;background: url(/img/ga/bg-obal-obsahu.png) no-repeat center bottom;}

/* --- vypis videi --- */

/* obaly */

.obsah{margin: 20px 0 30px 0;width:624px;float:left;background:#ffffff;}
.video-nahled{margin: 20px 0 30px 0;;width:343px;float:right;background:#000000;}

/* nadpisy */

.obsah h2,.video-nahled h2,.blok h2{font-size:1em;background-repeat: no-repeat;}
.obsah h2 a,.video-nahled h2,.blok h2{padding:12px 14px;display:block;background-repeat: no-repeat;}
.obsah h2{background: url(/img/ga/bg-h2.gif) #202020;border-top: 3px solid #474747;}
.obsah h2 a{color: #ffffff;}
.sudy-obsah h2{background: url(/img/ga/bg-h2-sudy.gif) #f7b20e;border-top: 3px solid #e8841a;}
.sudy-obsah h2 a{color: #000000;}
.video-nahled h2{background: url(/img/ga/bg-h2-sudy.gif) #f7b20e;border-top: 3px solid #e8841a;color: #000000;}
.sudy-video-nahled h2{background: url(/img/ga/bg-h2.gif) #202020;border-top: 3px solid #474747;color: #ffffff;}
.blok h2{background: url(/img/ga/bg-h2-blok.gif) #f7b20e;border-top: 3px solid #ffffff;color: #000000;}
.obsah h2, .video-nahled h2{font-size:1em;}
.obsah h3{margin: 5px 15px 5px 5px;font-size:1.2em;}

.klasika{margin: 10px 0 0 0;padding: 0 0 10px 0;overflow: hidden;background: url(/img/ga/bg-klasika-h1.png) no-repeat #ffffff;}
.klasika h3{padding: 15px;font-size: 1.3em;background: url(/img/ga/bg-klasika-h1.png) no-repeat;}
.klasika p{margin: 15px 15px 5px 15px;line-height: 160%;font-size:0.95em;}
.klasika .seznam{width: 270px;margin: 5px 10px 5px 40px;float: left;}
.klasika .seznam li{margin: 3px 0 3px 0;padding: 0 0 0 10px;}
.klasika .seznam li ul li {background: url(/img/ga/bg-klasika-ul-li.gif) no-repeat left 5px;}
.klasika .seznam li strong{font-size: 1.2em;}

.text{margin: 10px 0 0 0;padding: 10px;overflow: hidden;background: url(/img/ga/bg-klasika-h1.png) no-repeat #ffffff;}
.text h3 {font-size: 12pt; margin-top: 5px; margin-bottom: 10px; }
.text h4 {margin-top: 5px; margin-bottom: 5px; }

div.upozorneni{overflow:hidden;margin:5px 0 0 0;padding:5px 0 15px 0;background:#fff;}
div.upozorneni h2{margin:15px 20px 5px 20px;font-size:1.6em;font-weight:normal;}
div.upozorneni p{margin:10px 20px;}

/* dalsi obrazky s linkem na detail tedy na galerii */

.obsah .nahledy{height: 100%;position: relative;margin: 10px 1px 7px 0;overflow: hidden;}
.obsah .nahledy img{float: left;margin: 0 15px 7px 0;}
.obsah .nahledy .dalsi-fotografie{width: 36px;height: 113px;float: right;background: #ce0404;color: #ffffff;font-size: 0.95em;}
.obsah .nahledy .dalsi-fotografie span{width: 36px;height: 113px;background: url(/img/ga/bg-dalsi-fotografie.gif) no-repeat;}
.obsah .nahledy .dalsi-fotografie:hover span{background-position: left bottom;}

.obsah .img-nahled{float: left;margin: 10px 10px 5px 10px;}

.obsah .nahledy-detail{margin: 15px 0 7px 13px;clear: both;}
.obsah .nahledy-detail h3{margin-left: 1px;}
.obsah .nahledy-detail img{float: left;margin: 0 0 16px 2px;padding: 0 2px;background: #f8f8f8;border: 1px solid #eeeeee;}

/* klasicky obsah */

.obsah p{margin: 10px 10px 0 15px;line-height: 160%;font-size:0.95em;}
.obsah .tagy{height: 100%;margin: 0;padding: 13px 15px;clear: both;background: url(/img/ga/bg-tagy.gif) no-repeat left bottom #333333;color: #bdbdbd;}
.obsah .tagy a{color: #8e8e8e;}
.obsah .tagy a:hover{color: #bcbcbc;}

.obsah .nad{margin-left:15px;}
.obsah textarea{width:580px;height:45px;margin:0 0 0 15px;overflow:hidden;padding:3px 5px;background:#f8f8f8;border:1px solid #eeeeee;font-size:0.95em;color:#525252;}

p.upozorneni{width: 950px;margin: 10px 0 10px 0;padding: 15px;clear: both;background: #f2f5f7;line-height: 160%;}

.obsah table{width: 600px;margin: 0 15px 15px 10px;border-collapse: collapse;}
.obsah table tr td{padding: 5px 7px;background: #f2f5f7;border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
.obsah table tr th{width: 120px;padding: 5px 7px;background: #cfdce6;border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}

/* box pro blok */

.blok{width: 343px;float: right;margin: 0 0 25px 0;overflow: hidden;background: url(/img/ga/bg-blok.gif) no-repeat left bottom #acbbc9;}
.blok p{padding: 10px 10px 5px 10px;background: #f2f5f7;line-height: 160%;}
.blok form{padding: 10px 10px 14px 10px;}

/* video a hover span */

.video-nahled a{width:343px;height:284px;margin: 0 0 -20px 0;display: block;}
.video-nahled a span{width:343px;height:284px;background: url(/img/ga/bg-video-nahled-span.png) no-repeat left bottom;}
.video-nahled a:hover span{background-position: right bottom;cursor: hand;}

/* --- strankovani --- */

.strankovani{margin: 20px 0 10px 0;text-align:center;font-size:1.2em;font-weight:bold;}
.strankovani li{margin:0 10px;display:inline;}
.strankovani li.obrazkove{margin:0 2px;}
.strankovani li img{margin: 0 8px;vertical-align:middle;background: #f7ad1c;}

.strankovani li a{color:#232323;}
.strankovani li a:hover{color:#ce0505;}

/* ---------------- kompletni paticka webu ---------------- */

#obal-paticky{min-height:150px;padding:0 0 15px 0;overflow:hidden;clear:both;background:#222222;border-top:1px solid #ffffff;font-size:0.95em;color:#757575;}
#obal-paticky a{color:#757575;}
#obal-paticky #paticka{width:980px;margin:0 auto;text-align:left;}

/* --- seznamy --- */

#obal-paticky #paticka ul{width: 600px;float:left;display:inline;margin: 15px 0 0 15px}
#obal-paticky #paticka ul li{width:130px;float:left;display:inline;margin:5px 0 0 15px;}
#obal-paticky #paticka ul li a{padding:0 0 0 10px;background:url(/img/ga/bg-paticka-ul-li-a.gif) no-repeat left 4px;text-decoration:none;}
#obal-paticky #paticka ul li a:hover{text-decoration:underline;color:#ffffff;}

/* --- dalsi texty --- */

#obal-paticky #paticka p{width:340px;float:right;margin:30px 15px 0 0;line-height:150%;}