@charset "utf-8";
/* CSS Document */


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, address, a, strong, em, dl, dt, dd, table, thead, tbody, tfoot, tr, td, th, form, fieldset, legend, caption { padding: 0px; margin: 0px; outline: none; background-position: left top; background-repeat: no-repeat; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background-color: #FFFFFF; }

blockquote, address { font-style: normal; }

img,
a img { border: none; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 140%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }
.red { color: #FF0000; }
.pink { color: #E51B4C; }
.no-padding { padding: 0; }
.remooz img { cursor: pointer; }
 
img { border: none; }
a img { border: none; }
a { color: #333333; text-decoration: underline; outline: 0px !important; }
a:active { outline: none !important; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }
img.odrazka { margin-left: 120px; margin-bottom: 14px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #E7E7E7; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; height: 100px; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { font-size: 14px; font-family: Arial; color: #124E76; background: #FFFFFF url(/images/body-bgr.png) no-repeat center top; }
a { color: #124E76; font-weight: bold; }
a:hover { color: #E51B4C; }
ul li { list-style: none; }
address { margin-bottom: 10px; }

fieldset { border: none; }
input, select, textarea, button { font-family: Arial, sans-serif; font-size: 12px; }

button { cursor: pointer; }
input[type=submit],
input[type=image] { cursor: pointer; }

.checkbox,
.radio { display: inline-block; vertical-align: middle; width: 22px; height: 22px; margin: 0px 2px 0px 0px; text-align: center; overflow: hidden; }
.checkbox { background: url(/images/checkbox.png) no-repeat left top; }
.radio { background: url(/images/radio.png) no-repeat left top; }
.checkbox.ready input,
.radio.ready input { display: none; }
.checkbox.checked,
.radio.checked { background-position: left -22px; }

.inline { display: inline; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body {}

#body { width: 1000px; margin: 0 auto; }
#body:after { content: '.'; display: block; height: 0px; visibility: hidden; clear: both; }

#left-column { width: 310px; float: right; padding-left: 10px; }
#main-content { width: 680px; float: right; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { width: 1000px; margin: 0px auto; height: 260px; position: relative; z-index: 1; }

#logo { padding: 17px; }
#back-2-hp { position: absolute; top: 0; left: 0; display: block; width: 87px; height: 43px; text-indent: -100px; overflow: hidden; }
#back-2-hp span { width: 87px; height: 43px; background: url(/images/header-zpet.png) 0 0 no-repeat; }

#vybrana-castka { width: 235px; height: 130px; background: url(/images/castka-bgr.png) 0 0 no-repeat; position: absolute; top: 94px; right: 24px; }
#prispejte-i-vy { width: 141px; height: 1px; padding-top: 15px; position: absolute; bottom: 0; right: 0; }
#prispejte-i-vy span { width: 141px; height: 16px; background: url(/images/prispejte-i-vy.png) 0 0 no-repeat; }
#vybrano-napis { width: 199px; height: 38px; color: #FFFFFF; font-size: 14px; font-weight: bold; margin-top: 10px; margin-left: 15px; }
#vybrano-napis span { width: 199px; height: 38px; background: url(/images/vybrano-napis.png) 0 0 no-repeat; }
#vybrano-castka { width: 204px; height: 34px; color: #C01641; font-size: 24px; font-weight: bold; text-align: right; margin-top: 7px; margin-left: 16px; line-height: 34px; }
#vybrano-castka span { width: 202px; height: 34px; background: url(/images/vybrano-castka.png) 0 0 no-repeat; margin-left: 2px; }

#under-smile { position: absolute; top: 110px; right: 35px; width: 180px; }
#under-smile-napis { width: 180px; height: 1px; font-size: 15px; color: #FFFFFF; margin-bottom: 5px; padding-top: 14px; }
#under-smile-napis span { width: 180px; height: 20px; background: url(/images/under-smile-napis.png) 0 0 no-repeat; }

#under-deti { position: absolute; width: 297px; height: 241px; background: url(/images/under-deti.png) 0 0 no-repeat; top: 0px; left: 420px; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { width: 1000px; margin: 0px auto; position: relative; padding-top: 0px; font-size: 12px; }
#footer-brand-list { width: 928px; height: 87px; background: url(/images/footer-brand-list-bgr.png) 0 0 no-repeat; margin: 0 auto; padding-top: 22px; padding-left: 35px; }
#footer-brand-list p { margin-bottom: 2px; }
#brands { float: left; width: 300px; margin-right: 35px; }
#brands img.left { margin-right: 32px; }
#partneri { float: left; width: 212px; margin-right: 27px; }
#partneri img.left { margin-right: 55px; }
#organizatori { float: left; width: 200px; margin-right: 20px; }
#organizatori img.left { margin-right: 25px; }
#smile { float: left; width: 130px; }

#footer-menu { padding-left: 35px; padding-right: 35px; color: #666666; padding-top: 15px; padding-bottom: 15px; }
#footer-menu a { color: #666666; text-decoration: none; font-weight: normal; text-decoration: underline; }
#footer-menu a:hover { text-decoration: none; }
#footer-menu ul { }
#footer-menu ul li { float: left; padding-right: 10px; height: 20px; }
#footer-menu ul.footer-under-menu { margin-top: 3px; }
#footer-menu ul.footer-under-menu li { float: none; line-height: 15px; }
#footer-menu ul.footer-under-menu li a { color: #9B9B9B; }

#footer-hp-box { float: left; width: 120px; border-right: 1px solid #D9D9D9; height: 110px; }
#footer-pro-deti-box { float: left; width: 450px; border-right: 1px solid #D9D9D9; padding-left: 20px; height: 110px; }
#footer-sdruzeni-box { float: left; width: 150px; border-right: 1px solid #D9D9D9; padding-left: 20px; height: 110px; }
#footer-o-projektu { float: right; width: 145px; padding-left: 20px; height: 110px; }

#footer-info { padding-left: 35px; padding-right: 35px; color: #999999; line-height: 22px; }
#footer-info a { color: #999999; text-decoration: none; }
/*#footer-info a:hover { text-decoration: underline; }*/
#giant { float: right; }
#giant img { vertical-align: middle; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { margin-bottom: 15px; font-size: 12px; }
#menu li { padding-left: 32px; width: 224px; text-align: left; float: none; margin-bottom: 15px; }
#menu li a { display: block; width: 224px; height: 22px; font-size: 18px; font-weight: bold; line-height: 22px; }
#menu li a#menu-pruzkum { display: block; width: 224px; height: 44px; font-size: 18px; font-weight: bold; line-height: 22px; }
#menu li p { padding-left: 7px; }

#menu-pruzkum span { background: url(/images/menu-pruzkum.png) 0 0 no-repeat; width: 224px; height: 44px; }
#menu-dotaznik span { background: url(/images/menu-dotaznik.png) 0 0 no-repeat; width: 224px; height: 22px; }
#menu-jak-prispet span { background: url(/images/menu-jak-prispet.png) 0 0 no-repeat; width: 224px; height: 22px; }
#menu-rady span { background: url(/images/menu-rady.png) 0 0 no-repeat; width: 224px; height: 22px; }
#menu-odkazy span { background: url(/images/menu-odkazy.png) 0 0 no-repeat; width: 224px; height: 22px; }

#menu-pruzkum:hover span, #page-pruzkum #menu-pruzkum span { background: url(/images/menu-pruzkum.png) 0 -44px no-repeat; }
#menu-dotaznik:hover span, #page-dotaznik #menu-dotaznik span { background: url(/images/menu-dotaznik.png) 0 -22px no-repeat; }
#menu-jak-prispet:hover span, #page-jak-prispet #menu-jak-prispet span { background: url(/images/menu-jak-prispet.png) 0 -22px no-repeat; }
#menu-rady:hover span, #page-rady #menu-rady span { background: url(/images/menu-rady.png) 0 -22px no-repeat; }
#menu-odkazy:hover span, #page-odkazy #menu-odkazy span { background: url(/images/menu-odkazy.png) 0 -22px no-repeat; }

#page-dotaznik #menu-li-dotaznik { background: url(/images/menu-highlite.png) 15px 0 no-repeat; }
#page-jak-prispet #menu-li-jak-prispet { background: url(/images/menu-highlite.png) 15px 0 no-repeat; }
#page-rady #menu-li-rady { background: url(/images/menu-highlite.png) 15px 0 no-repeat; }
#page-odkazy #menu-li-odkazy { background: url(/images/menu-highlite.png) 15px 0 no-repeat; }


/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column { }
#pro-deti-a-rodice { display: block; width: 175px; height: 32px; padding-top: 65px; padding-left: 25px; padding-right: 50px; margin-bottom: 15px; }
#pro-deti-a-rodice strong { color: #e51b4c; padding: 2px; font-size: 18px; }
#pro-deti-a-rodice span { width: 225px; height: 97px; background: url(/images/pro-deti-a-rodice.png) 0 0 no-repeat; }

#left-column .left-side-banner { padding-left: 15px; margin-bottom: 25px; margin-top: 30px; }

/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/
#main-content {}
#page-under { padding-right: 15px; }

#main-content h1 { width: 665px; height: 0px; padding-top: 34px; font-size: 20px; margin-bottom: 10px; }
#main-content h1 strong { display: inline; color: #E51B4C; }
#main-content h2 { font-size: 16px; line-height: 16px; margin-bottom: 0px; }
#main-content h2 strong { color: #E51B4C; }

#main-content p { padding-bottom: 15px; }
#main-content p.no-bottom-padd { padding-bottom: 3px; }
#main-content .no-padding { padding: 0px; }
#main-content ul { padding-bottom: 15px; }
#main-content ul li { padding-left: 15px; list-style-type: disc; list-style-position: inside; }
#main-content ol li { list-style-position: inside; }
#main-content ol.vysledky { padding-left: 25px; padding-bottom: 15px; }
#main-content ol.vysledky li { list-style-position: outside; }
#main-content ol.outside { margin: 0px 0px 15px 2em; }
#main-content ol.outside li { list-style-position: outside; }
#main-content ul.outside li { list-style-position: outside; margin-left: 1.8em; padding-left: 0px; }

table { border-collapse: collapse; margin-bottom: 18px; }
caption { font-size: 14px; text-align: left; }
thead { background-color: #EEF2F4; }
td, th { padding: 3px 5px; text-align: left; vertical-align: top; }
tbody td { border-bottom: 1px solid #EEF2F4; }
tfoot { font-weight: bold; }
tfoot td { border-top: 2px solid #EEF2F4; font-weight: bold; }

.col-price { text-align: right; white-space: nowrap; }

table.project-results td.col-price { color: #E51B4C; font-weight: bold; }
table.project-results thead th { padding: 5px 8px; }
table.project-results td { padding: 3px 8px; }

#cloud-container { position: absolute; top: 0px; left: 0px; width: 100%; height: 80px; overflow: hidden; z-index: 0;  }

div.cloud { width: 238px; height: 135px; position: absolute; bottom: 150px; left: 700px; z-index: 0; background-position: left top; background-repeat: no-repeat; }

div.cloud-1 { width: 125px; height: 81px; }
div.cloud-2 { width: 150px; height: 97px; }
div.cloud-3 { width: 232px; height: 151px; }
div.cloud-4 { width: 232px; height: 151px; }

div.cloud-1 { background-image: url(/images/cloud-1.png); }
div.cloud-2 { background-image: url(/images/cloud-2.png); }
div.cloud-3 { background-image: url(/images/cloud-3.png); }
div.cloud-4 { background-image: url(/images/cloud-4.png); }


canvas { z-index: 0; }

/* napisy v mraku */
#text-v-mraku { position: absolute; }

#page-pruzkum #text-v-mraku { background: url(/images/mrak-vysledky-pruzkumu.png) 0 0 no-repeat; width: 190px; height: 97px; top: 102px; left: 87px; }
#page-dotaznik #text-v-mraku { background: url(/images/mrak-vysledky-pruzkumu.png) 0 0 no-repeat; width: 190px; height: 97px; top: 102px; left: 87px; }
#page-jak-prispet #text-v-mraku { background: url(/images/mrak-jak-prispet.png) 0 0 no-repeat; width: 241px; height: 69px; top: 95px; left: 65px; }
#page-rady #text-v-mraku { background: url(/images/mrak-rady-a-tipy.png) 0 0 no-repeat; width: 143px; height: 76px; top: 112px; left: 102px; }
#page-odkazy #text-v-mraku { background: url(/images/mrak-odkazy.png) 0 0 no-repeat; width: 156px; height: 88px; top: 100px; left: 110px; }
#page-jak-ziskat #text-v-mraku { background: url(/images/mrak-jak-ziskat.png) 0 0 no-repeat; width: 213px; height: 95px; top: 100px; left: 70px; }
#page-o-projektu #text-v-mraku { background: url(/images/mrak-informace.png) 0 0 no-repeat; width: 220px; height: 82px; top: 110px; left: 60px; }
#page-podpora-projektu #text-v-mraku { background: url(/images/mrak-podpora.png) 0 0 no-repeat; width: 178px; height: 88px; top: 105px; left: 100px; }

/* nadpisy */
#h1-co-prinesl-pruzkum span { background: url(/images/h1-co-prinesl-pruzkum.png) 0 0 no-repeat; width: 665px; height: 35px; }
#h1-vysledky-pruzkumu span { background: url(/images/h1-vysledky-pruzkumu.png) 0 0 no-repeat; width: 665px; height: 35px; }
#h1-odpovez span { background: url(/images/h1-odpovez.png) 0 0 no-repeat; width: 665px; height: 35px; }
#h1-jak-prispet span { background: url(/images/h1-jak-prispet.png) 0 0 no-repeat; width: 680px; height: 35px; }
.nadpis { margin: 14px 0px 0px 0px; }

#main-content #h1-pravidla { height: 1px; padding-top: 40px; font-size: 14px; }
#h1-pravidla span { background: url(/images/h1-pravidla.png) 0 0 no-repeat; width: 665px; height: 41px; }
#main-content #h1-rady { height: 1px; padding-top: 36px; font-size: 14px; }
#h1-rady span { background: url(/images/h1-rady.png) 0 0 no-repeat; width: 665px; height: 37px; }
#h1-zajimave-odkazy span { background: url(/images/h1-zajimave-odkazy.png) 0 0 no-repeat; width: 665px; height: 37px; }
#h1-pro-sdruzeni span { background: url(/images/h1-pro-sdruzeni.png) 0 0 no-repeat; width: 665px; height: 37px; }
#h1-jak-ziskat-prispevek span { background: url(/images/h1-jak-ziskat-prispevek.png) 0 0 no-repeat; width: 665px; height: 37px; }
#h1-informace-o-projektu span { background: url(/images/h1-informace-o-projektu.png) 0 0 no-repeat; width: 665px; height: 37px; }
#h1-historie-projektu span { background: url(/images/h1-historie-projektu.png) 0 0 no-repeat; width: 665px; height: 37px; }
#h1-podpora-projektu span { background: url(/images/h1-podpora-projektu.png) 0 0 no-repeat; width: 665px; height: 37px; }
#h1-spravna-zivotosprava span { background: url(/images/h1-spravna-zivotosprava.png) 0 0 no-repeat; width: 665px; height: 37px; }
#main-content #h1-vyuziti-volneho-casu { padding-top: 37px; }
#h1-vyuziti-volneho-casu span { background: url(/images/h1-vyuziti-volneho-casu.png) 0 0 no-repeat; width: 374px; height: 36px; }
#h1-posilate-sve-deti-na-tabor span { background: url(/images/h1-posilate-sve-deti-na-tabor.png) 0 0 no-repeat; width: 490px; height: 36px; }
#h1-vitezne-projekty span { background: url(/images/h1-vitezne-projekty.png) 0 0 no-repeat; width: 290px; height: 36px; }
#main-content #h1-vitezne-projekty { padding-top: 36px; }

/* anketa */
#main-content #h1-anketa { background: url(/images/h1-anketa.png) 0 0 no-repeat; width: 665px; height: 1px; padding-top: 40px; }
#h1-anketa span { background: url(/images/h1-anketa.png) 0 0 no-repeat; width: 665px; height: 41px; }
#anketa-text { width: 590px; height: 25px; margin: 0 auto; }
#anketa-text span { background: url(/images/anketa-text.png) 0 0 no-repeat; width: 590px; height: 25px; }

table.anketa { width: 665px; font-size: 12px; margin-bottom: 40px; }
table.anketa th { font-weight: normal; }
td.graf { width: 450px; padding: 0; border: none; height: 30px; }
.graf-container { position: relative; background: #DCE5EB url(/images/anketa-graf-bgr.png) 0 0 no-repeat; height: 25px; }
.hodnota { display: block; width: 0px; height: 25px; background: #E51B4C url(/images/anketa-graf-bgr-red.png) 0 0 no-repeat; }
.hodnota-text { position: absolute; top: 0; left: 0; padding-left: 15px; display: block; width: 50px; height: 25px; line-height: 25px; color: #FFFFFF; }

/* anketa - end */

#h1-zivotni-styl-deti span { background: url(/images/h1-zivotni-styl-deti.png) 0 0 no-repeat; width: 665px; height: 35px; }
#h1-pripadove-studie span { background: url(/images/h1-pripadove-studie.png) 0 0 no-repeat; width: 680px; height: 35px; }
#h1-dekujeme span { background: url(/images/h1-dekujeme.png) 0 0 no-repeat; width: 680px; height: 35px; }

/* jiny veci */
#under-rady { width: 114px; height: 1px; padding-top: 15px; color: #144E76; margin-bottom: 5px; }
#under-rady span { width: 114px; height: 16px; background: url(/images/under-rady.png) 0 0 no-repeat; }

#under-zpet { width: 78px; height: 1px; padding-top: 21px; color: #88A6BA; margin-bottom: 20px; margin-top: 10px; }
#under-zpet span { width: 78px; height: 22px; background: url(/images/under-zpet.png) 0 0 no-repeat; }

/* boxy */
.box-container { padding: 30px 0; }
#main-content .box { width: 325px; height: 152px; float: left; background: url(/images/box-bgr.png) bottom left no-repeat; font-size: 12px; margin-right: 10px; margin-bottom: 25px; }
#main-content .last { margin-right: 0px; }
#main-content .box h2 { width: 148px; height: 96px; padding-right: 177px; overflow: visible; }
#main-content .box a { display: block; width: 133px; height: 90px; padding-top: 10px; padding-left: 10px; color: #124E76; font-size: 20px; line-height: 20px; }
#main-content .box a:hover { color: #E51B4C; }
#main-content .box p { padding-left: 16px; padding-right: 10px; padding-top: 10px; }
#main-content .box.two-rows p { padding-top: 4px; }

/* boxy napisy */
#main-content #zdravy-zivotni-styl-deti span.image { background: url(/images/box-deti-jablka.jpg) top right no-repeat; width: 169px; height: 106px; top: -18px; left: 138px; }
#main-content #studie span.image { background: url(/images/box-pripadove-studie.png) top right no-repeat; width: 174px; height: 129px; top: -22px; left: 138px; }
#main-content #vyziva { background: url(/images/box-zelenina.jpg) top right no-repeat; }
#main-content #volny-cas span.image { background: url(/images/box-volny-cas.jpg) top right no-repeat; width: 150px; height: 110px; top: -22px; left: 138px; }
#main-content p.padd-top-5 { padding-top: 5px; }

#zdravy-zivotni-styl-deti a span { background: url(/images/box-zivotni-styl-deti.png) 0 0 no-repeat; width: 148px; height: 89px; }
#zdravy-zivotni-styl-deti a:hover span, #zdravy-zivotni-styl-deti.active a span { background: url(/images/box-zivotni-styl-deti.png) 0 -89px no-repeat; width: 148px; height: 89px; }
#volny-cas a span { background: url(/images/box-volny-cas.png) 0 0 no-repeat; width: 148px; height: 89px; }
#volny-cas a:hover span, #volny-cas.active a span { background: url(/images/box-volny-cas.png) 0 -89px no-repeat; width: 148px; height: 89px; }
#vyziva a span { background: url(/images/box-vyziva.png) 0 0 no-repeat; width: 148px; height: 89px; }
#vyziva a:hover span, #vyziva.active a span { background: url(/images/box-vyziva.png) 0 -89px no-repeat; width: 148px; height: 89px; }
#studie a span { background: url(/images/box-studie.png) 0 0 no-repeat; width: 148px; height: 89px; }
#studie a:hover span, #studie.active a span { background: url(/images/box-studie.png) 0 -89px no-repeat; width: 148px; height: 89px; }

/* odkazy */
.link-item { margin-bottom: 15px; }
.link { font-size: 12px; color: #88A6BA; }

/* image text box */
.image-text-box { margin-top: 60px; margin-bottom: 30px; background: url(/images/image-text-box-bgr.png) 0 0 no-repeat; position: relative; height: 209px; padding-left: 20px; padding-right: 75px; padding-top: 13px; }
.rpadd-90 { padding-right: 90px; }
/* .image-text-box img { position: relative; top: -50px; margin-right: 15px; } */
.image-text-box img { position: relative; top: -5px; margin-right: 15px; }
.image-text-box h3 { margin-bottom: 5px; }

/* image wide box */
.image-wide-box { margin-top: 0px; margin-bottom: 6px; background: url(/images/image-wide-box-bgr.png) 0 0 no-repeat; position: relative; height: 228px; padding: 10px 10px 10px 22px; }
.image-wide-box img { position: relative; top: 0px; margin-right: 20px; }

/****************************/
/*        DOTAZNIK          */
/****************************/
#dotaznik { padding: 30px 0; }
#dotaznik .otazka { display: block; font-size: 16px; }
#dotaznik .hint { display: block; font-size: 12px; font-style: italic; color: #88A6BA; margin-bottom: 5px; }
#dotaznik fieldset { padding-left: 90px; padding-top: 10px; margin-bottom: 20px; }
#dotaznik label { display: block; clear: both; line-height: 25px; }
#dotaznik label.inline { display: inline; }
#dotaznik .label { width: 160px; display: block; float: left; }
#dotaznik .label-long { width: 295px; display: block; float: left; }
#dotaznik .no-hint { margin-bottom: 5px; }
#dotaznik textarea { width: 400px; }
#dotaznik textarea.option { width: 373px; margin-left: 27px; padding: 5px; }
#dotaznik span.error { color: #E51B4C; }
#dotaznik fieldset.error strong { color: #E51B4C; }

/* cisla otazek */
#otazka1 { background: url(/images/dotaznik-id-01.png) 30px 0 no-repeat; }
#otazka2 { background: url(/images/dotaznik-id-02.png) 30px 0 no-repeat; }
#otazka3 { background: url(/images/dotaznik-id-03.png) 30px 0 no-repeat; }
#otazka4 { background: url(/images/dotaznik-id-04.png) 30px 0 no-repeat; }
#otazka5 { background: url(/images/dotaznik-id-05.png) 30px 0 no-repeat; }
#otazka6 { background: url(/images/dotaznik-id-06.png) 30px 0 no-repeat; }
#otazka7 { background: url(/images/dotaznik-id-07.png) 30px 0 no-repeat; }
#otazka8 { background: url(/images/dotaznik-id-08.png) 30px 0 no-repeat; }
#otazka9 { background: url(/images/dotaznik-id-09.png) 30px 0 no-repeat; }
#otazka10 { background: url(/images/dotaznik-id-10.png) 30px 0 no-repeat; }
#otazka11 { background: url(/images/dotaznik-id-11.png) 30px 0 no-repeat; }
#otazka12 { background: url(/images/dotaznik-id-12.png) 30px 0 no-repeat; }
#otazka13 { background: url(/images/dotaznik-id-13.png) 30px 0 no-repeat; }
#otazka14 { background: url(/images/dotaznik-id-14.png) 30px 0 no-repeat; }
#otazka15 { background: url(/images/dotaznik-id-15.png) 30px 0 no-repeat; }
#otazka16 { background: url(/images/dotaznik-id-16.png) 30px 0 no-repeat; }

#otazka1.error { background: url(/images/dotaznik-id-01r.png) 0 0 no-repeat; }
#otazka2.error { background: url(/images/dotaznik-id-02r.png) 0 0 no-repeat; }
#otazka3.error { background: url(/images/dotaznik-id-03r.png) 0 0 no-repeat; }
#otazka4.error { background: url(/images/dotaznik-id-04r.png) 0 0 no-repeat; }
#otazka5.error { background: url(/images/dotaznik-id-05r.png) 0 0 no-repeat; }
#otazka6.error { background: url(/images/dotaznik-id-06r.png) 0 0 no-repeat; }
#otazka7.error { background: url(/images/dotaznik-id-07r.png) 0 0 no-repeat; }
#otazka8.error { background: url(/images/dotaznik-id-08r.png) 0 0 no-repeat; }
#otazka9.error { background: url(/images/dotaznik-id-09r.png) 0 0 no-repeat; }
#otazka10.error { background: url(/images/dotaznik-id-10r.png) 0 0 no-repeat; }
#otazka11.error { background: url(/images/dotaznik-id-11r.png) 0 0 no-repeat; }
#otazka12.error { background: url(/images/dotaznik-id-12r.png) 0 0 no-repeat; }
#otazka13.error { background: url(/images/dotaznik-id-13r.png) 0 0 no-repeat; }
#otazka14.error { background: url(/images/dotaznik-id-14r.png) 0 0 no-repeat; }
#otazka15.error { background: url(/images/dotaznik-id-15r.png) 0 0 no-repeat; }
#otazka16.error { background: url(/images/dotaznik-id-16r.png) 0 0 no-repeat; }



#form-questionary #adresa { background-color: #EEF2F4; padding: 10px 18px 18px 18px; width: 500px; }
#form-questionary #adresa .input { padding: 5px; width: 204px; margin-bottom: 15px; }
#form-questionary #adresa textarea { width: 204px; height: 103px; padding: 5px; margin-bottom: 20px; }
#form-questionary p.center { width: 540px; padding-top: 10px; }

#odpovez-text { width: 585px; height: 79px; }
#odpovez-text h2 { color: #FF0000; }
#odpovez-text h2 { font-weight: bold; }
#odpovez-text span { width: 585px; height: 79px; background: url(/images/odpovez-text.png) 0 0 no-repeat; }


/*******************************************************************/
/*                                                    WIDE CONTENT */
/*******************************************************************/
#wide { width: 946px; margin: 0px auto; padding-bottom: 100px; color: #170F05; }
/*#wide h1 { color: #AB0004; font-size: 45px; font-weight: normal; line-height: 45px; }*/

/******************/
/* PAGE: HOMEPAGE */
/******************/
#homepage { background: #FFFFFF url(/images/body-bgr-hp.png) no-repeat center top; }
#homepage #header { width: 1000px; margin: 0px auto; height: 430px; position: relative; }
#homepage #logo { padding: 0; }

#homepage #pro-deti-a-rodice { margin-bottom: 15px; }
#homepage #hp-menu-sdruzeni { margin-bottom: 15px; }

#homepage #left-column { width: 340px; min-height: 350px; padding-left: 40px; }
#homepage #main-content { width: 570px; padding-left: 50px; }

#homepage #menu li { list-style-type: none; }
#homepage #menu li p { padding-bottom: 0; }
#homepage #menu2 li { list-style-type: none; }
#homepage #menu2 li p { padding-bottom: 0; }
#homepage #menu3 li { list-style-type: none; }
#homepage #menu3 li p { padding-bottom: 0; }

#hp-form { width: 163px; height: 215px; background: url(/images/hp-form-bgr.png) 0 0 no-repeat; position: absolute; top: 150px; right: 20px; padding-left: 37px; color: #FFFFFF; }
#hp-form h2 { font-size: 20px; color: #FFFFFF; }
#hp-form h2 strong { font-size: 14px; }
#hp-form-napis { width: 143px; height: 1px; padding-top: 19px; margin-bottom: 0px; }
#hp-form-napis span { width: 143px; height: 20px; background: url(/images/hp-form-napis.png) 0 0 no-repeat; }
#hp-otazka { font-weight: bold; }
#form-poll { padding-top: 5px; }

#hp-form label { display: block; line-height: 19px; }
#hp-send-button { width: 105px; height: 32px; background: none; padding: 0; border: none; margin-top: 5px; }
#hp-send-button span { width: 105px; height: 32px; background: url(/images/hp-form-send-button.png) 0 0 no-repeat; }

#hp-vice-button { width: 122px; height: 32px; background: none; padding: 0; border: none; margin-top: 5px; position: absolute; top: 94px; left: 6px; z-index: 1; }
#hp-vice-button span { display: block; width: 122px; height: 32px; background: url(/images/hp-button-vice-informaci.png) 0 0 no-repeat; position: absolute; top: 0px; left: -6px; z-index: 2; }

#hp-intro-text { position: absolute; width: 270px; color: #FFFFFF; top: 240px; left: 40px; }
#hp-intro-text h1 { font-size: 20px; }
#hp-h1 { width: 286px; height: 1px; padding-top: 20px; margin-bottom: 5px; }
#hp-h1 span { width: 286px; height: 21px; background: url(/images/hp-h1.png) 0 0 no-repeat; }

#hp-odpovez-a-vyhraj { width: 351px; height: 0px; padding-top: 221px; margin-bottom: 5px; margin-top: 25px; margin-bottom: 25px; }
#hp-odpovez-a-vyhraj span { width: 351px; height: 221px; background: url(/images/hp-vysledky-pruzkumu.jpg) 0 0 no-repeat; }

#hp-vyplnit-dotaznik { width: 244px; height: 48px; color: #FFFFFF; text-align: center; background: #E51B4C; line-height: 48px; font-size: 18px; font-weight: bold; margin: 0 auto; margin-bottom: 25px; }
#hp-vyplnit-dotaznik span { width: 244px; height: 48px; background: url(/images/hp-vyplnit-dotaznik.png) 0 0 no-repeat; }

#hp-left-text {width: 317px; display: block; margin: 0 auto 20px; }

#menu-col-1 { width: 268px; float: left; }
#menu-col-2 { width: 288px; float: right; }

#hp-smile { position: absolute; top: 68px; right: 35px; width: 180px; }
#hp-smile-napis { width: 180px; height: 20px; font-size: 15px; color: #FFFFFF; margin-bottom: 3px; }
#hp-smile-napis span { width: 180px; height: 20px; background: url(/images/hp-smile-napis.png) 0 0 no-repeat; }

/*
#hp-deti { width: 380px; height: 1px; padding-top: 367px; position: absolute; top: 20px; left: 355px; }
#hp-deti span { width: 380px; height: 368px; background: url(/images/hp-deti.png) 0 0 no-repeat; }
*/
#hp-deti { width: 391px; height: 385px; padding: 0px; position: absolute; top: 20px; left: 355px; overflow: visible; }
#hp-deti .layer { position: absolute; background-position: left top; background-repeat: no-repeat; }
#layer-1 { width: 332px; height: 272px; top: 0px; left: 49px; background-image: url(/images/layer-1.png); z-index: 5; }
#layer-2 { width: 112px; height: 47px; top: 172px; left: 1px; background-image: url(/images/layer-2.png); z-index: 1; }
#layer-3 { width: 363px; height: 86px; top: 225px; left: 2px;  background-image: url(/images/layer-3.png); z-index: 1; }
#layer-4 { width: 123px; height: 56px; top: 312px; left: 252px; background-image: url(/images/layer-4.png); z-index: 1; }
#layer-5 { width: 185px; height: 113px; top: 270px; left: 0px; background-image: url(/images/layer-5.png); z-index: 0; }

/*************/
/* FORM POLL */
/*************/
#form-poll {}
#form-poll label { padding-bottom: 3px; font-size: 12px; }

/*******************************************************************/
/*                                                           MENU2 */
/*******************************************************************/
#hp-menu-sdruzeni { display: block; width: 215px; height: 32px; padding-top: 65px; padding-left: 25px; padding-right: 50px; margin-bottom: 15px; }
#hp-menu-sdruzeni strong { color: #E51B4C; padding: 2px; }
#left-column #hp-menu-sdruzeni strong { font-size: 18px; padding: 2px; }
#hp-menu-sdruzeni span { width: 288px; height: 97px; background: url(/images/hp-menu-sdruzeni.png) 0 0 no-repeat; }

#hp-menu-o-projektu { display: block; width: 150px; height: 37px; padding-top: 60px; padding-left: 25px; padding-right: 50px; margin-bottom: 15px; }
#hp-menu-o-projektu strong { color: #E51B4C; padding: 2px; }
#hp-menu-o-projektu span { width: 202px; height: 88px; background: url(/images/hp-menu-o-projektu.png) 0 0 no-repeat; }

#menu2 { margin-bottom: 0px; font-size: 12px; padding: 0; }
#menu2 li { padding-left: 32px; width: 224px; text-align: left; float: none; margin-bottom: 15px; }
#menu2 li a { display: block; width: 224px; height: 22px; font-size: 18px; font-weight: bold; line-height: 22px; }
#menu2 li p { padding-left: 7px; }
#homepage #menu2 { padding-bottom: 0px; margin-bottom: -5px; }

#menu3 { font-size: 12px; }
#menu3 li { padding-left: 32px; width: 224px; text-align: left; float: none; margin-bottom: 15px; }
#menu3 li a { display: block; width: 224px; height: 22px; font-size: 18px; font-weight: bold; line-height: 22px; }
#menu3 li p { padding-left: 7px; }

#menu2-jak-ziskat-prispevek span { background: url(/images/menu2-jak-ziskat-prispevek.png) 0 0 no-repeat; width: 224px; height: 22px; }
#menu2-jak-ziskat-prispevek:hover span, #page-jak-ziskat #menu2-jak-ziskat-prispevek span { background: url(/images/menu2-jak-ziskat-prispevek.png) 0 -22px no-repeat; }
#page-jak-ziskat #menu-li-jak-ziskat-prispevek { background: url(/images/menu-highlite.png) 15px 0 no-repeat; }

#menu2-vitezne-projekty span { background: url(/images/menu2-vitezne-projekty.png) 0 0 no-repeat; width: 175px; height: 22px; }
#menu2-vitezne-projekty:hover span, #page-jak-ziskat #menu2-vitezne-projekty span { background: url(/images/menu2-vitezne-projekty.png) 0 -22px no-repeat; }

#menu3-o-projektu span { background: url(/images/menu3-o-projektu.png) 0 0 no-repeat; width: 224px; height: 22px; }
#menu3-o-projektu:hover span, #page-o-projektu #menu3-o-projektu span { background: url(/images/menu3-o-projektu.png) 0 -22px no-repeat; }
#page-o-projektu #menu-li-o-projektu { background: url(/images/menu-highlite.png) 15px 0 no-repeat; }
#menu3-podpora-projektu span { background: url(/images/menu3-podpora-projektu.png) 0 0 no-repeat; width: 224px; height: 22px; }
#menu3-podpora-projektu:hover span, #page-podpora-projektu #menu3-podpora-projektu span { background: url(/images/menu3-podpora-projektu.png) 0 -22px no-repeat; }
#page-podpora-projektu #menu-li-podpora-projektu { background: url(/images/menu-highlite.png) 15px 0 no-repeat; }

.image-text-box2 { background:url(/images/text-box-bgr2.png) no-repeat scroll 0 0 transparent; height: 116px; margin-bottom: 30px; margin-top: 60px; padding-left: 20px; padding-right: 35px; padding-top: 15px; position: relative; font-size: 13px; }
.image-text-box2 img { margin-right: 15px; position: relative; top: -43px; }
.image-text-box2 h2 { position: relative; top: -5px; width: 260px; height: 19px; }
.image-text-box2 h2 span { width: 260px; height: 19px; background: url(/images/h2-posilate-deti.png) 0 0 no-repeat; }
.image-text-box2 a:hover h2 span, .image-text-box2 h2.active span { background: url(/images/h2-posilate-deti.png) 0 -19px no-repeat; }

#box-stan {}

/* Changing box at HP */
.boxshow { position: relative; padding: 0px; width: 146px; height: 180px; font-weight: bold; }
.boxshow .box { position: absolute; top: 14px; margin: 0; border: none; background: url(/images/box-bg.jpg) no-repeat left top;}
.boxshow .box b { font-size: 26px; }