html, body { border: 0; margin: 0; padding: 0; }
body, p, form, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, li, table, td, th { margin: 0; padding: 0; }
body { font-size: 0.8em; color: #ffffff; font-family: Arial, Tahoma, sans-serif; text-align: center; background: #ffffff; width: 100%; height: 100%; }
fieldset { border: none; }
textarea { font-family: Arial, Tahoma, sans-serif; font-size: 13px; }
.ir { display: block; position: absolute; top: 0; left: 0; }
.clear { clear: both; }
span.clear { clear: both; height: 1px; display: block; }
img { border: none; }
.imgr { float: right; margin: 10px 0 5px 10px; }
.imgl { float: left; margin: 10px 10px 5px 0; }
.taj { text-align: justify !important; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.tac { text-align: center !important; }
.fl { float: left; }
.fr { float: right; }

html { overflow: hidden; }
body { overflow: auto; min-height: 100%; }
#all { background: #c99972 url(../images/layout/background/bg.jpg) top repeat; position: absolute; top: 0; left: 0; min-height: 100%; overflow: auto; height:100%; width:100%; }
#page { background: url(../images/layout/background/bg-top.jpg) top no-repeat; position: relative; top: 0; left: 0; overflow: hidden; }
#global { width: 1000px; height: auto; min-height: 100%; overflow: hidden; text-align: center; margin: 0 auto; position: relative; background: url(../images/layout/background/bg-bottom.png) 90% 100% no-repeat; _background: url(../images/layout/background/bg-bottom.gif) 90% 100% no-repeat; }
.hp #global{ background: url(../images/layout/background/hp-bottom.png) 40px 560px no-repeat; _background: url(../images/layout/background/hp-bottom.gif) 40px 560px no-repeat; padding-bottom: 144px; }
.hp .wysiwyg { background: none; }
#foot-clr { width: 1000px; height: auto; background: #ffffff; }
#content { padding: 380px 30px 90px 40px; min-height: 330px; _height: 330px; }

#footer { position: absolute; bottom: 35px; left: 70px; font-size: 0.85em; color: #2e310f; }
.hp #footer { bottom: 180px; }
#footer a { text-decoration: none; color: #2E310F; }
#footer a span { color: #e46900; }
#footer a.pb { margin-left: 58px; }
#footer a span.ir { background: url(../images/layout/background/hp-logo-globus.png) top no-repeat; width: 183px; height: 34px; }

h1 { position: absolute; top: 100px; left: 60px; z-index: 10; }
h1, h1 a, h1 span.ir { width: 113px; height: 124px; overflow: hidden; }
h1 span.ir { background: url(../images/layout/background/logo.gif) top left no-repeat; }
h1 a { color: #ffffff; font-size: 14px; text-decoration: none; text-transform: uppercase; cursor: pointer; padding: 40px 0 0 13px; display: block; }

#logo-hp { width: 328px; height: 362px; background: url(../images/layout/background/hp-bg.gif) top no-repeat; position: absolute; top: 245px; left: 431px; }
#but-top a { display: block; color: #f29400; text-decoration: none; position: relative; }
#but-top #top-dotazy {  position: absolute; top: 32px; left: 410px; }
#but-top #top-dotazy a { background: #f9f8f5; width: 116px; height: 58px; }
#but-top #top-dotazy a span.ir { background: url(../images/layout/background/hp-dotazy.png) top left no-repeat; width: 116px; height: 58px; }
#but-top #top-dotazy a:hover span.ir { background-position: 0 -58px; }
#but-top #top-form {  position: absolute; top: 32px; left: 526px; }
#but-top #top-form a { background: #f9f8f5; width: 125px; height: 58px; }
#but-top #top-form a span.ir { background: url(../images/layout/background/hp-form.png) top left no-repeat; width: 125px; height: 58px; }
#but-top #top-form a:hover span.ir { background-position: 0 -58px; }
#but-top #top-search {  position: absolute; top: 25px; left: 651px; background: url(../images/layout/background/hp-search.png) top left no-repeat; width: 208px; height: 51px; padding: 14px 0 0 25px; }
#but-top input#search { background: #ffffff url(../images/layout/background/search-inp.png) top left no-repeat; border: none; width: 127px; height: 23px; padding: 15px 10px 0 30px; }
#but-top #top-search input { float: left; }

#kolage { width: 753px; height: 185px; background: url(../images/layout/background/kolage1.jpg) top left no-repeat; position: absolute; top: 170px; left: 160px; }
#kolage.kolage2 { background: url(../images/layout/background/kolage2.jpg) top left no-repeat; }
#kolage.kolage3 { background: url(../images/layout/background/kolage3.jpg) top left no-repeat; }
#kolage.kolage4 { background: url(../images/layout/background/kolage4.jpg) top left no-repeat; }
#kolage.kolage5 { background: url(../images/layout/background/kolage5.jpg) top left no-repeat; }
#ruka { width: 157px; height: 233px; background: url(../images/layout/background/ruka.png) no-repeat; _background: url(../images/layout/background/ruka-ie6.gif) no-repeat; position: absolute; top: 265px; left: 813px; }

.photo { margin: 10px 0; }
.photo img { margin: 7px 5px; }

a.but-detail { width: 78px; height: 48px; display: block; position: relative; margin: 0 0 0 auto; text-decoration: none; cursor: pointer; }
.but-detail span.ir { width: 78px; height: 48px; background: url(../images/layout/background/but-detail.png) top left no-repeat; }

/* -------------------- Menu na titulce -------------------- */

#navh li { list-style-type: none; overflow: hidden; position: absolute; z-index: 10; }
#navh li a { color: #ffffff; text-decoration: none; font-size: 18px; font-weight: bold; text-transform: uppercase; cursor: pointer; }

#navh li#li3 { top: 542px; left: 317px; }
#navh li#li4 { top: 438px; left: 140px; }
#navh li#li5 { top: 333px; left: 159px; }
#navh li#li6 { top: 243px; left: 377px; }
#navh li#li7 { top: 168px; left: 515px; }
#navh li#li8 { top: 243px; left: 712px; }
#navh li#li9 { top: 333px; left: 767px; }
#navh li#li10 { top: 438px; left: 780px; }

#navh li#li3, #navh li#li3 a, #navh li#li3 span.ir { width: 146px; height: 21px; }
#navh li#li4, #navh li#li4 a, #navh li#li4 span.ir { width: 258px; height: 21px; }
#navh li#li5, #navh li#li5 a, #navh li#li5 span.ir { width: 254px; height: 21px; }
#navh li#li6, #navh li#li6 a, #navh li#li6 span.ir { width: 112px; height: 21px; }
#navh li#li7, #navh li#li7 a, #navh li#li7 span.ir { width: 173px; height: 35px; }
#navh li#li8, #navh li#li8 a, #navh li#li8 span.ir { width: 198px; height: 24px; }
#navh li#li9, #navh li#li9 a, #navh li#li9 span.ir { width: 107px; height: 21px; }
#navh li#li10, #navh li#li10 a, #navh li#li10 span.ir { width: 141px; height: 16px; }

#navh li#li3 span.ir { background: url(../images/layout/nav/najdi-si-skolu.png) top left no-repeat; }
#navh li#li4 span.ir { background: url(../images/layout/nav/velke-finale.png) top left no-repeat; }
#navh li#li5 span.ir { background: url(../images/layout/nav/10a1-duvodu.png) top left no-repeat; }
#navh li#li6 span.ir { background: url(../images/layout/nav/premiovky.png) top left no-repeat; }
#navh li#li7 span.ir { background: url(../images/layout/nav/navstevy-v-zakulisi.png) top left no-repeat; }
#navh li#li8 span.ir { background: url(../images/layout/nav/pomer-sily.png) top left no-repeat; }
#navh li#li9 span.ir { background: url(../images/layout/nav/fotime-se.png) top left no-repeat; }
#navh li#li10 span.ir { background: url(../images/layout/nav/globus-games.png) top left no-repeat; }

/* ------------------ Konec menu na titulce --------------- */

/* ------------------- Menu vnitřní ---------------------- */

#nav { position: absolute; top: 125px; left: 185px; border-bottom: 1px solid #ffffff; padding-bottom: 10px; }
#nav li { list-style-type: none; float: left; overflow: hidden; position: relative; margin-right: 23px; }
#nav li a { color: #ffffff; text-decoration: none; font-size: 12px; font-weight: bold; text-transform: uppercase; cursor: pointer; }

#nav li#li3, #nav li#li3 a, #nav li#li3 span.ir { width: 56px; height: 32px; }
#nav li#li4, #nav li#li4 a, #nav li#li4 span.ir { width: 87px; height: 32px; }
#nav li#li5, #nav li#li5 a, #nav li#li5 span.ir { width: 84px; height: 32px; }
#nav li#li6, #nav li#li6 a, #nav li#li6 span.ir { width: 67px; height: 32px; }
#nav li#li7, #nav li#li7 a, #nav li#li7 span.ir { width: 63px; height: 32px; }
#nav li#li8, #nav li#li8 a, #nav li#li8 span.ir { width: 69px; height: 32px; }
#nav li#li9, #nav li#li9 a, #nav li#li9 span.ir { width: 62px; height: 32px; }
#nav li#li10, #nav li#li10 a, #nav li#li10 span.ir { width: 46px; height: 32px; }

#nav li#li3 span.ir { background: url(../images/layout/nav/nav1.png) top left no-repeat; }
#nav li#li4 span.ir { background: url(../images/layout/nav/nav2.png) top left no-repeat; }
#nav li#li5 span.ir { background: url(../images/layout/nav/nav3.png) top left no-repeat; }
#nav li#li6 span.ir { background: url(../images/layout/nav/nav4.png) top left no-repeat; }
#nav li#li7 span.ir { background: url(../images/layout/nav/nav5.png) top left no-repeat; }
#nav li#li8 span.ir { background: url(../images/layout/nav/nav6.png) top left no-repeat; }
#nav li#li9 span.ir { background: url(../images/layout/nav/nav7.png) top left no-repeat; }
#nav li#li10 span.ir { background: url(../images/layout/nav/nav8.png) top left no-repeat; }

#nav li#li3 a:hover span.ir, #nav li#li3 a.act span.ir,
#nav li#li4 a:hover span.ir, #nav li#li4 a.act span.ir,
#nav li#li5 a:hover span.ir, #nav li#li5 a.act span.ir,
#nav li#li6 a:hover span.ir, #nav li#li6 a.act span.ir,
#nav li#li7 a:hover span.ir, #nav li#li7 a.act span.ir,
#nav li#li8 a:hover span.ir, #nav li#li8 a.act span.ir,
#nav li#li9 a:hover span.ir, #nav li#li9 a.act span.ir,
#nav li#li10 a:hover span.ir, #nav li#li10 a.act span.ir { background-position: 0px -32px; }

/* ----------------- Konec menu vnitřní ------------------ */

/* -------------------- Wysiwyg ------------------------- */

.wysiwyg { color: #ffffff; font-family: Arial, Tahoma, sans-serif; background: #99cc00; min-height: 200px; _height: 200px; text-align: left; padding: 0 70px 0 145px; _padding: 0 50px 0 125px; }
.wysiwyg h2 { font-size: 1.9em; margin-bottom: 15px; }
.wysiwyg h3 { font-size: 1.4em; margin-top: 20px; }
.wysiwyg h4 { font-size: 1.2em; margin-top: 20px; }

.wysiwyg p { margin: 10px 0; }
.wysiwyg a { color: #ffffff; }
.wysiwyg img { border: 5px solid #ffffff; }
.wysiwyg ul { margin: 10px 0; }
.wysiwyg li { list-style-type: none; padding-left: 15px; background: url(../images/layout/background/li.png) left no-repeat; }
.wysiwyg table { border-collapse: collapse; font-size: 1em; width: 700px; }
.wysiwyg table td, .wysiwyg table th { border: 1px solid #99cc00; padding: 4px 10px; background: #a8d426; } 
.wysiwyg table tr.even td { background: #add633; }
.wysiwyg table th { background: #dd7300; text-align: left; font-weight: normal; }

.wysiwyg .skola { width: 310px; float: left; margin: 0 20px 10px 20px; }
.wysiwyg .skola h3 { margin: 0; }
.wysiwyg .skola h3 a { text-decoration: none; }

.wysiwyg .benefit { clear: both; }
.wysiwyg .benefit img{ width: 250px; height: 221px; float: left; margin: 0px 10px 30px 0px;}
.wysiwyg .benefit h3{ text-transform:uppercase; float: left; clear: right; }
.wysiwyg .benefit p{ float: left; width: 425px;}

.wysiwyg .anot-top { background: #90bf05 url(../images/layout/background/anot-top.png) top left no-repeat; width: 707px; margin-bottom: 20px; }
.wysiwyg .anot-btm { background: url(../images/layout/background/anot-btm.png) bottom left no-repeat; padding: 10px; }

.wysiwyg .note { background: url(../images/layout/background/note-mid.png) top left repeat-y; width: 238px; color: #000000; }
.wysiwyg .note-top { background: url(../images/layout/background/note-top.png) top left no-repeat; width: 238px; }
.wysiwyg .note-btm { background: url(../images/layout/background/note-btm.png) bottom left no-repeat; width: 188px; min-height: 166px; _height: 166px; padding: 30px 25px; }
.wysiwyg .note h3 { margin: 0; font-size: 0.9em; }
.wysiwyg .note a { color: #000000; }

.wysiwyg #frm1 { background: url(../images/layout/background/bg-kontakt.png) top left no-repeat; width: 639px; height: 455px; padding: 109px 0 0 120px; color: #000000; position: relative; }
.wysiwyg #frm1 input.inp1 { width: 200px; height: 25px; padding-top: 5px; }
.wysiwyg #frm1 textarea.inp1 { width: 195px; height: 134px; }
.wysiwyg #frm1 input, .wysiwyg #frm1 textarea { background: none; border: none; float: left; }
.wysiwyg #frm1 .f_mail, .wysiwyg #frm1 #f_mail { margin-top: 18px; }
.wysiwyg #frm1 .f_message { margin-top: 9px; }
.wysiwyg #frm1 #f_message { margin-top: 18px; }
.wysiwyg #frm1 label { position: relative; width: 70px; height: 30px; display: block; float: left; }
.wysiwyg #frm1 label span.ir { width: 60px; height: 30px; }
.wysiwyg #frm1 .f_name span.ir { background: url(../images/layout/background/f_name.png) top left no-repeat; }
.wysiwyg #frm1 .f_mail span.ir { background: url(../images/layout/background/f_mail.png) top left no-repeat; }
.wysiwyg #frm1 .f_message span.ir { background: url(../images/layout/background/f_message.png) top left no-repeat; }
.wysiwyg #frm1 .button input { position: absolute; top: 296px; left: 410px; }

.hp .wysiwyg { position: absolute; top: 600px; left: 50px; background: url(../images/layout/background/hp-note.png) top left no-repeat; width: 395px; height: 103px; padding: 0 0 0 25px; }
.hp .wysiwyg h2 { font-size: 1.2em; margin: 5px 0; }
.hp .wysiwyg h2 span.ir { background: url(../images/layout/headings/hp-h2.png) top left no-repeat; width: 385px; height: 27px; margin-left: 25px; }
.hp .wysiwyg p { margin: 0; }

.wysiwyg h2.first { position: relative; width: 485px; height: 65px; }
.wysiwyg h2.first span.ir { width: 485px; height: 65px; }
.wysiwyg .h3 span.ir { background: url(../images/layout/headings/h2-najdi-si-skolu.png) top left no-repeat; }
.wysiwyg .h4 span.ir { background: url(../images/layout/headings/h2-velke-finale.png) top left no-repeat; }
#ten_and_one .h5 span.ir { background: url(../images/layout/headings/h2-10-duvodu.png) top left no-repeat; width: 485px; height: 65px; }
.wysiwyg .h6 span.ir { background: url(../images/layout/headings/h2-premiovky.png) top left no-repeat; }
.wysiwyg .h7 span.ir { background: url(../images/layout/headings/h2-navstevy.png) top left no-repeat; }
.wysiwyg .h8 span.ir { background: url(../images/layout/headings/h2-pomer-sily.png) top left no-repeat; }
.wysiwyg .h9 span.ir { background: url(../images/layout/headings/h2-fotime-se.png) top left no-repeat; }
.wysiwyg .h10 span.ir { background: url(../images/layout/headings/h2-globus-games.png) top left no-repeat; }
.wysiwyg .h11 span.ir { background: url(../images/layout/headings/h2-skola11.png) top left no-repeat; }
.wysiwyg .h12 span.ir { background: url(../images/layout/headings/h2-skola12.png) top left no-repeat; }
.wysiwyg .h13 span.ir { background: url(../images/layout/headings/h2-skola13.png) top left no-repeat; }
.wysiwyg .h14 span.ir { background: url(../images/layout/headings/h2-skola14.png) top left no-repeat; }
.wysiwyg .h15 span.ir { background: url(../images/layout/headings/h2-skola15.png) top left no-repeat; }
.wysiwyg .h16 span.ir { background: url(../images/layout/headings/h2-skola16.png) top left no-repeat; }
.wysiwyg .h17 span.ir { background: url(../images/layout/headings/h2-skola17.png) top left no-repeat; }
.wysiwyg .h18 span.ir { background: url(../images/layout/headings/h2-skola18.png) top left no-repeat; }
.wysiwyg .h19 span.ir { background: url(../images/layout/headings/h2-skola19.png) top left no-repeat; }
.wysiwyg .h20 span.ir { background: url(../images/layout/headings/h2-skola20.png) top left no-repeat; }
.wysiwyg .h21 span.ir { background: url(../images/layout/headings/h2-skola21.png) top left no-repeat; }
.wysiwyg .h22 span.ir { background: url(../images/layout/headings/h2-skola22.png) top left no-repeat; }
.wysiwyg .h23 span.ir { background: url(../images/layout/headings/h2-vyhledavani.png) top left no-repeat; }
.wysiwyg .h24 span.ir { background: url(../images/layout/headings/h2-vase-dotazy.png) top left no-repeat; }
.wysiwyg .h25 span.ir { background: url(../images/layout/headings/h2-kontaktni-formular.png) top left no-repeat; }

/* ------------------- Wysiwyg konec --------------------- */

#popup {
  display: none;
  position: absolute;
  top: 32px;
  left: 15px;
  width: 955px;
  height: 671px;
  background: #b1c800;
  z-index: 20; 
  overflow: hidden;
}

#popup_close {
  position: absolute;
  display: block;
  top: 19px;
  right: 20px;
  width: 28px;
  height: 30px;
  background: #fff url(../images/layout/background/popup_close.png) 0 0 no-repeat;
  cursor: pointer;
}

#photogallery-list div {
  float: left;
}

/* addon */

.clr {
  clear: both; 
  display: block; 
  height: 1px; 
  font-size: 1px;
}
.ir {
  position: absolute; 
  top: 0px; 
  left: 0px; 
  display: block;
}
a .ir {
  cursor:pointer;
}
.shb {
  position: absolute;
  left: 0px;
  bottom: 0px; _bottom: -1px;   
  font-size: 1px;
}

/* 10+1.tpl */

#ten_and_one {
  position: relative;
  width: 715px;
  min-height: 100px;
  _height: 100px;
  padding: 0 70px 0 145px; _padding: 0 50px 0 125px;
  background: #99cc00;
  text-align: left; 
}

#ten_and_one h2 {
  font-size:1.9em;
  margin-bottom:15px;
  position: relative;
  width: 485px;
  height: 65px;
}

#ten_and_one #annotation {
  position: relative;
  width: 673px;
  padding: 10px 17px 10px 17px;
  background: url(../images/layout/background/annotation.png) 0 0 no-repeat;
  margin-bottom: 20px;
}

#ten_and_one #annotation .shb {
  display: block;
  width: 707px;
  height: 8px;
  background: url(../images/layout/background/annotation_shb.png) 0 0 no-repeat; 
}

#ten_and_one ul.benefits {
  list-style: none;
  width: 715px;
}

#ten_and_one ul.benefits li {
  position: relative;
  float: left;
  _display: inline;
  width: 165px;
  height: 66px;
  padding: 195px 10px 10px 10px;
  margin-right: 79px;
  margin-bottom: 12px;
  overflow: hidden;
}

#ten_and_one ul.benefits li.third {
  margin-right: 0px;
}

#ten_and_one ul.benefits li .shb {  
  display: block;
  width: 185px;
  height: 10px;  
  background: url(../images/layout/background/benefits_shb.png) 0 0 no-repeat;  
}

#ten_and_one ul.benefits li.benefits_1 {
  background: #90bf05 url(../images/layout/background/benefits_1.jpg) 0 0 no-repeat;    
}

#ten_and_one ul.benefits li.benefits_2 {
  background: #90bf05 url(../images/layout/background/benefits_2.jpg) 0 0 no-repeat;    
}

#ten_and_one ul.benefits li.benefits_3 {
  background: #90bf05 url(../images/layout/background/benefits_3.jpg) 0 0 no-repeat;    
}

#ten_and_one ul.benefits li.benefits_4 {
  background: #90bf05 url(../images/layout/background/benefits_4.jpg) 0 0 no-repeat;    
}

#ten_and_one ul.benefits li.benefits_5 {
  background: #90bf05 url(../images/layout/background/benefits_5.jpg) 0 0 no-repeat;    
}

#ten_and_one ul.benefits li.benefits_6 {
  background: #90bf05 url(../images/layout/background/benefits_6.jpg) 0 0 no-repeat;    
}

#ten_and_one ul.benefits li.benefits_7 {
  background: #90bf05 url(../images/layout/background/benefits_7.jpg) 0 0 no-repeat;    
}

#ten_and_one ul.benefits li.benefits_8 {
  background: #90bf05 url(../images/layout/background/benefits_8.jpg) 0 0 no-repeat;    
}

#ten_and_one ul.benefits li.benefits_9 {
  background: #90bf05 url(../images/layout/background/benefits_9.jpg) 0 0 no-repeat;    
}

#ten_and_one ul.benefits li.benefits_10 {
  background: #90bf05 url(../images/layout/background/benefits_10.jpg) 0 0 no-repeat;    
}

#ten_and_one ul.benefits li.benefits_11 {
  background: #90bf05 url(../images/layout/background/benefits_11.jpg) 0 0 no-repeat;    
}

#ten_and_one ul.benefits li h3 {
  text-transform: uppercase;
  font-size: 1.2em;
  text-align: center;
  margin-bottom: 4px;
}

#ten_and_one ul.benefits li p {
  font-size: 0.85em;
  line-height: 1em;
  text-align: center;
  
}

#volna-mista { display: block; position: absolute; top: 50px; left: 485px; width: 222px; height: 193px; background: url(../images/layout/background/volna_mista.png) top left no-repeat; _background: url(../images/layout/background/volna_mista.gif) top left no-repeat; }