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/r-bg-top.jpg) top no-repeat; position: relative; top: 0; left: 0; overflow: hidden; }
#global { width: 1080px; height: auto; min-height: 100%; overflow: hidden; text-align: center; margin: 0 auto; position: relative; background: url(../images/layout/background/bg-bottom.png) 65% 100% no-repeat; _background: url(../images/layout/background/bg-bottom.gif) 65% 100% no-repeat; }
.hp #global { padding-bottom: 144px; background: url(../images/layout/background/r-hp-bottom.png) 80px 560px no-repeat; _background: url(../images/layout/background/r-hp-bottom.gif) 80px 560px no-repeat; }
#foot-clr { width: 1000px; height: auto; background: #ffffff; }
#content { padding: 410px 70px 90px 80px; min-height: 330px; _height: 330px; }
#content.no-photos { padding-top: 225px; }
.hp #content { padding: 193px 70px 80px 100px; min-height: 518px; _height: 518px; }

#footer { position: absolute; bottom: 36px; left: 110px; font-size: 0.85em; color: #2e310f; }
.hp #footer { bottom: 180px; left: 110px; }
#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: 25px; left: 35px; z-index: 10; }
h1, h1 a, h1 span.ir { width: 113px; height: 124px; overflow: hidden; }
h1 span.ir { background: url(../images/layout/background/logo.png) top left no-repeat; _background: url(../images/layout/background/logo.gif) top left no-repeat; }
h1 a { color: #ffffff; font-size: 13px; text-decoration: none; text-transform: uppercase; cursor: pointer; padding: 40px 0 0 13px; display: block; }

#logo-hp { width: 262px; height: 291px; background: url(../images/layout/background/r-hp-bg.gif) top no-repeat; position: absolute; top: 374px; left: 637px; }
#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: 15px; left: 730px; width: 170px; height: 44px; padding: 14px 0 0 15px; background: url(../images/layout/background/r-hp-search.png) top left no-repeat; _background: url(../images/layout/background/r-hp-search.gif) top left no-repeat; }
#but-top input#search { background: #ffffff url(../images/layout/background/r-search-inp.png) top left no-repeat; border: none;  width: 99px; height: 30px; padding: 0 5px 0 25px; }
#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: 200px; 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; }

.hp-text { width: 550px; background: url(../images/layout/background/r-hp-text-mid.png) top left repeat-y; }
.hp-text-top { background: url(../images/layout/background/r-hp-text-top.png) top left no-repeat; }
.hp-text-btm { background: url(../images/layout/background/r-hp-text-btm.png) bottom left no-repeat; padding: 7px 13px; }
.wysiwyg .hp-text h2 { height: 24px; margin-bottom: 0; }

#hp-odkazy { position: absolute; top: 195px; left: 690px; }
#hp-odkazy h3 { margin: 0; }
#hp-odkazy a { display: block; text-decoration: none; font-size: 14px; overflow: hidden; position: relative; }
#hp-a1 a { width: 226px; height: 75px; }
#hp-a2 a { width: 278px; height: 58px; }
#hp-a3 a { width: 278px; height: 58px; }
#hp-a1 a span.ir { width: 226px; height: 75px; background: url(../images/layout/headings/h3-volna-mista.png) top left no-repeat; }
#hp-a2 a span.ir { width: 278px; height: 58px; background: url(../images/layout/headings/h3-vyberte-si-skolu.png) top left no-repeat; }
#hp-a3 a span.ir { width: 278px; height: 58px; background: url(../images/layout/headings/h3-vyberte-si-praxi.png) top left no-repeat; }
#hp-a1 a:hover span.ir { background-position: 0 -75px; }
#hp-a2 a:hover span.ir { background-position: 0 -58px; }
#hp-a3 a:hover span.ir { background-position: 0 -58px; }

#banner-box { width: 535px; height: 275px; position: relative; left: 5px; background: #99cc00; }
#banner-box img { border: none; }
#banner { width: 470px; height: 255px; position: absolute; top: 15px; left: 0; }
#banner-layer { width: 470px; height: 255px; position: absolute; top: 0; left: 0; z-index: 5; background: url(../images/layout/background/banner-layer.png) top left no-repeat; _background: url(../images/layout/background/banner-layer.gif) top left no-repeat; }
#banner a { display: block; width: 460px; height: 243px; position: absolute; z-index: 7; cursor: pointer; }
#fb-play { width: 170px; height: 94px; padding: 40px 0 0 70px; position: absolute; top: 0; left: 9px; z-index: 10; text-decoration: none; font-size: 16px; font-weight: bold; cursor: pointer; }
#fb-play span.ir { width: 240px; height: 134px; background: url(../images/layout/background/zahrajte-si-na-fb.png) top left no-repeat; _background: url(../images/layout/background/zahrajte-si-na-fb.gif) top left no-repeat; }
#cool { width: 220px; height: 45px; padding: 40px 0 0 10px; position: absolute; top: 190px; left: 250px; z-index: 10; text-decoration: none; font-size: 16px; font-weight: bold; cursor: pointer; }
#cool span.ir { width: 230px; height: 85px; background: url(../images/layout/background/vyhrajte-odmenu.png) top left no-repeat; _background: url(../images/layout/background/vyhrajte-odmenu.gif) top left no-repeat; }
#fb { position: absolute; top: 10px; left: 475px; cursor: pointer; }

#kousek-papiru { position: absolute; top: 225px; left: 982px; width: 28px; height: 88px; background: url(../images/layout/background/kousek-papiru.png) top left no-repeat; }

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

#navh { position: absolute; top: 90px; left: 160px; }
#navh li { list-style-type: none; overflow: hidden; float: left; display: block; position: relative; width: 90px; height: 83px; padding-top: 20px; }
#navh li a { color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer; }

#navh li#li2, #navh li#li2 a, #navh li#li2 span.ir { width: 89px; height: 103px; }
#navh li#li27, #navh li#li27 a, #navh li#li27 span.ir { width: 86px; height: 103px; }
#navh li#li5, #navh li#li5 a, #navh li#li5 span.ir { width: 92px; height: 103px; }
#navh li#li3, #navh li#li3 a, #navh li#li3 span.ir { width: 86px; height: 103px; }
#navh li#li28, #navh li#li28 a, #navh li#li28 span.ir { width: 86px; height: 103px; }
#navh li#li7, #navh li#li7 a, #navh li#li7 span.ir { width: 86px; height: 103px; }
#navh li#li24, #navh li#li24 a, #navh li#li24 span.ir { width: 81px; height: 103px; }
#navh li#li25, #navh li#li25 a, #navh li#li25 span.ir { width: 93px; height: 103px; }

#navh li#li2 span.ir { background: url(../images/layout/navh/navh1.png) top left no-repeat; }
#navh li#li27 span.ir { background: url(../images/layout/navh/navh2.png) top left no-repeat; }
#navh li#li5 span.ir { background: url(../images/layout/navh/navh3.png) top left no-repeat; }
#navh li#li3 span.ir { background: url(../images/layout/navh/navh4.png) top left no-repeat; }
#navh li#li28 span.ir { background: url(../images/layout/navh/navh5.png) top left no-repeat; }
#navh li#li7 span.ir { background: url(../images/layout/navh/navh6.png) top left no-repeat; }
#navh li#li24 span.ir { background: url(../images/layout/navh/navh7.png) top left no-repeat; }
#navh li#li25 span.ir { background: url(../images/layout/navh/navh8.png) top left no-repeat; }

#navh li#li2 a:hover span.ir, #navh li#li27 a:hover span.ir, #navh li#li5 a:hover span.ir, #navh li#li3 a:hover span.ir, #navh li#li28 a:hover span.ir, 
#navh li#li7 a:hover span.ir, #navh li#li24 a:hover span.ir, #navh li#li25 a:hover span.ir { background-position: 0 -103px; }

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

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

.wysiwyg { color: #ffffff; font-family: Arial, Tahoma, sans-serif; background: #99cc00; min-height: 200px; _height: 200px; padding: 0 70px 0 80px; _padding: 0 50px 0 60px; text-align: left; }
.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 { background: none; padding: 0; }
.hp .wysiwyg h2 { font-size: 1.2em; position: relative; }
.hp .wysiwyg h2#welcome span.ir { background: url(../images/layout/headings/h2-welcome.png) top left no-repeat; width: 400px; height: 24px; }
.hp .wysiwyg h2#what span.ir { background: url(../images/layout/headings/h2-what.png) top left no-repeat; width: 400px; height: 24px; }
.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 .h27 span.ir { background: url(../images/layout/headings/h2-soutez.png) top left no-repeat; }
.wysiwyg .h28 span.ir { background: url(../images/layout/headings/h2-praxe-v-globusu.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;
  min-height: 100px;
  _height: 100px;
  padding: 0 70px 0 80px; _padding: 0 50px 0 60px;
  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; }

/**/
.soutez-ukoncena {
  position: absolute; z-index: 10; left: 80px; top: 283px;
  border: 0 !important;
}