/* CSS Document */
* {margin:0px; padding:0px;}
body {background:url(../img/bg.jpg) repeat-x #FFFFFF; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px;}
h1 {position:absolute; top:0px; left:-10px; width:180px; height:88px; display:block; background:url(../img/logo.jpg) no-repeat; text-indent:-11000px;}
h2 {font-size:12px; color:#FFFFFF; font-weight:normal;}
h3 {font-size:12px; color:#1e7515; border-bottom:1px solid #1e7515;}
h5 {background:url(../img/nadpis1.jpg) no-repeat; width:452px; height:21px; margin:20px 0px; padding-left:50px; font-weight:normal; text-transform:uppercase; font-size:16px; padding-top:10px;}
h6 {background:#11510f; width:548px; height:18px; margin:15px 0px; color:#e2dde3; text-transform:uppercase; font-weight:normal; font-size:12px; padding-top:3px; padding-left:15px;}
.clear {clear:both;}
.odkaz {font-size:10px; float:right; color:#FFFFFF; text-decoration:none; margin-right:8px; display:block;}
.odkaz:hover {text-decoration:underline;}
.new {text-decoration:none; color:#b01308;}
.red {color:red;}
form input {background:url(../img/input_bg.jpg) repeat-x bottom; border:solid 1px #b68b56; height:15px; padding:0px 4px;}
a img {border:0px;}
.m10 {margin:10px;}
.white {color:white;}
.vlozit-home {display:block; text-align:center; font-weight:bold; font-size:15px; color:red; border:1px solid red; margin:10px; text-decoration:none;}
img.readDir {max-width:100px; margin:3px; border:2px solid #ccc;}
img.readDir:hover {border:2px solid #807e79}

table {margin-top:10px; margin-bottom:10px; border:1px solid #ccc; border-bottom:0px;}
table td.ttop {background:url('../img/tdbg.jpg') repeat-x; padding:5px; font-size:10px; color:#fff;}
table td {border-bottom:1px solid #ccc; padding:5px; font-size:10px; color:#80807f}
table td a {color:#d19800; text-decoration:none;}

#header {position:relative; width:995px; height:325px; margin:auto; background:url(../img/logo2.jpg) no-repeat center top;}
#header .spec_pobyty {position:absolute; bottom:40px; right:0px; width:232px; height:182px; background:url(../img/specialne_pobyty.png) no-repeat;}
#header .spec_pobyty a {display:block; width:232px; height:182px;}
#header .ostatne_krajiny {position:absolute; bottom:0px; right:150px; width:249px; height:185px; background:url(../img/ostatne_krajiny.png) no-repeat;}
#header .ostatne_krajiny   a {display:block; width:249px; height:185px;}
#header .juzna_afrika {position:absolute; bottom:40px; right:380px; width:239px; height:190px; background:url(../img/juzna_afrika.png) no-repeat;}
#header .juzna_afrika   a {display:block; width:239px; height:190px;}
#header .tanzania {position:absolute; bottom:0px; left:180px; width:239px; height:190px; background:url(../img/tanzania.png) no-repeat;}
#header .tanzania   a {display:block; width:239px; height:190px;}
#header .kena {position:absolute; bottom:40px; left:0px; width:236px; height:191px; background:url(../img/kena.png) no-repeat;}
#header .kena   a {display:block; width:236px; height:191px;}
#header .jazyky {position:absolute; width:215px; height:40px; top:0px; right:5px; background:url(../img/ciara2.jpg) no-repeat bottom right;}
#header .jazyky .sk {width:32px; height:25px; margin:5px; background:url(../img/sk.jpg) no-repeat; display:block; text-indent:-11000px; overflow:hidden; float:left;}
#header .jazyky .hu {width:32px; height:25px; margin:5px; background:url(../img/hu.jpg) no-repeat; display:block; text-indent:-11000px; overflow:hidden; float:left;}
#header .jazyky .aus {width:32px; height:25px; margin:5px; background:url(../img/aus.jpg) no-repeat; display:block; text-indent:-11000px; overflow:hidden; float:left;}
#header .jazyky .de {width:32px; height:25px; margin:5px; background:url(../img/de.jpg) no-repeat; display:block; text-indent:-11000px; overflow:hidden; float:left;}
#header .jazyky .en {width:32px; height:25px; margin:5px; background:url(../img/en.jpg) no-repeat; display:block; text-indent:-11000px; overflow:hidden; float:left;}
#header .jazyky .predelovac {float:left; margin-top:5px;}
#header .suma {position:absolute; top:50px; right:5px; background:url(../img/suma.jpg) no-repeat; width:220px; height:43px;}
#header .suma .dovolenka {margin:5px; text-transform:uppercase; font-weight:bold; text-align:right; margin-right:10px; font-size:11px;}
#header .suma .cena {font-weight:bold; text-align:right; margin-right:10px; color:#FFFFFF;}
#header .ciara {position:absolute; top:92px; right:220px; width:296px; height:1px;}


#menu {position:relative; width:995px; height:34px; margin:auto;}
#menu ul {list-style:none;}
#menu ul li {float:left; display:block; height:34px;}
#menu ul li a {text-decoration:none; display:block; height:34px; text-indent:-11000px; overflow:hidden;}
#menu ul li.vyskladaj_dovolenku a {width:217px; background:url(../img/buttons/vyskladaj_si_dovolenku.jpg) no-repeat;}
#menu ul li.vyskladaj_dovolenku a:hover {background-position:left -34px;}
#menu ul li.vyskladaj_dovolenku a.active {background-position:left -34px;}
#menu ul li.zavolajte_mi a {width:139px; background:url(../img/buttons/zavolajte_mi.jpg) no-repeat;}
#menu ul li.zavolajte_mi a:hover {background-position:left -34px;}
#menu ul li.zavolajte_mi a.active {background-position:left -34px;}
#menu ul li.ockovanie a {width:165px; background:url(../img/buttons/ocakavanie_vizia.jpg) no-repeat;}
#menu ul li.ockovanie a:hover {background-position:left -34px;}
#menu ul li.ockovanie a.active {background-position:left -34px;}
#menu ul li.odporucania a {width:154px; background:url(../img/buttons/odporucania.jpg) no-repeat;}
#menu ul li.odporucania a:hover {background-position:left -34px;}
#menu ul li.odporucania a.active {background-position:left -34px;}
#menu ul li.klub_simba a {width:139px; background:url(../img/buttons/klub_simba.jpg) no-repeat;}
#menu ul li.klub_simba a:hover {background-position:left -34px;}
#menu ul li.klub_simba a.active {background-position:left -34px;}
#menu ul li.onas a {width:157px; background:url(../img/buttons/onas.jpg) no-repeat;}
#menu ul li.onas a:hover {background-position:left -34px; }
#menu ul li.onas a.active {background-position:left -34px; }


#content {position:relative; width:995px; min-height:600px; margin:auto;}
#content .left {position:relative; width:183px; min-height:500px; float:left; background:#058401; padding-bottom:30px;}
#content .left h2 {background:url(../img/h2_bg.jpg) no-repeat bottom left; height:17px; padding-left:5px; margin:10px 0px;}
#content .left .galerka {border:solid 1px #839282; margin:0px 8px; max-width:160px;}
#content .left .datum {color:#c6c4c4; margin:8px; margin-bottom:0px;}
#content .left .info {color:#fce255; margin:8px; margin-top:0px;}
#content .left .form {position:relative;}
#content .left .form input {margin:5px;  width:124px;}
#content .left .form input[type="submit"] {background:url(../img/lupa.jpg) no-repeat; width:12px; height:12px; border:none; position:absolute; top:2px; right:15px;}
#content .left .form .vyber {background:url(../img/input_bg.jpg) repeat-x #FFFFFF bottom; border:solid 1px #b68b56; height:19px; width:124px; margin:5px;}
#content .main {position:relative; width:593px; min-height:500px; float:left; border-left:solid 1px #11510f;}
#content .main .top {position:relative; width:593px;  background:#11510f; padding:5px; color:#fff; font-size:10px;}
#content .main .top a {color:#fff}
#content .main .ob {position:relative; width:563px; padding:25px 15px;}
#content .main .ob .baner {position:relative; width:574px; height:299px; background:url(../img/baner.jpg) no-repeat;}
#content .main .ob .baner .popis {position:absolute; width:400px; bottom:80px; left:20px;}
#content .main .ob ul {margin-left:40px; list-style-image:url(../img/odrazka2.jpg);}
#content .main .ob ul li {margin:5px;}
#content .main .ob span.email {width:90px; display:block; float:left; font-size:11px; margin:2px;}
#content .main .ob .mail {width:300px;}
#content .main .ob input[type="submit"] {background:url(../img/button_bg.jpg) no-repeat; width:165px; height:25px; border:none; color:#aa0000; text-align:left; padding-left:20px; margin-bottom:10px; margin:15px 0px;}
#content .main .ob .odporucit {position:relative;}
#content .main .ob .odporucit img.stranka {position:absolute; top:-40px; right:20px;}
#content .main .video {float:left; margin:10px;}
#content .main .video span {display: block; margin-bottom:5px; border-bottom:1px solid black;}
#content .main .skupina {position:relative; margin-bottom:10px; border-bottom:1px solid #ccc; padding-top:5px; padding-bottom:10px;} 
#content .main .skupina .obrazok {position:relative; float:left; margin-right:10px; width:152px;}
#content .main .skupina .obrazok .skupina-foto {max-width:150px; border:1px solid #ccc; opacity:0.85;filter:alpha(opacity=85);}
#content .main .skupina .obrazok .skupina-foto:hover {border:1px solid #ceb273; opacity:0.99;filter:alpha(opacity=99);}
#content .main .skupina .information {position:relative; float:left; width:395px;}
#content .main .skupina .information h4 {background:url('../img/h_hover.jpg') bottom repeat-x;  color:#aa0000;  text-transform:uppercase; padding:5px;}
#content .main .skupina .information h4 a {border:none; text-decoration:none; color:#aa0000}
#content .main .skupina .information h4 a img {border:0px;}
#content .main .skupina .information h4 img {max-height:16px; margin-right:5px;}
#content .main .skupina .information p {font-size:11px; margin:5px;}
#content .main .skupina .information a.button  {font-size:11px; margin:5px; background:url(../img/button_bg.jpg) no-repeat; display:block; color:#aa0000; padding-left:20px; padding-top:8px;}

#content .main .dovolenka {position:relative; width:250px; margin:10px; float:left; border:1px solid #ccc; min-height:230px; background:url('../img/dovolenka-bg.jpg') bottom repeat-x; border-top:0px;}
#content .main .dovolenka h4 { padding:5px; font-size:11px; text-transform:uppercase; font-weight:300; background:url('../img/h_hover.jpg') bottom repeat-x;  }
#content .main .dovolenka h4 a {text-decoration:none; color:#000;}
#content .main .dovolenka img {position:absolute; top:23px; right:0px; max-width:100px; max-height:85px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
#content .main .dovolenka p { margin:10px;}
#content .main .dovolenka p.cena {color:red;}
#content .main .dovolenka div a.vlozit {margin:10px; display:block; text-decoration:none; color:#b01308; background:url('../img/a-bg.png') no-repeat left; padding-left:20px;}
#content .main .dovolenka div.down {position:absolute; bottom:2px;}

#content .right {position:relative; width:217px; min-height:710px; float:left; border-left:solid 1px #11510f;}
#content .right .letenky {background:url(../img/letenky_bg.jpg) no-repeat; width:177px; height:25px; color:#ad0000; padding-left:40px; padding-top:10px;}
#content .right .letenky a {text-decoration:none; color:#ad0000}
#content .right .partneri {background:url(../img/partneri.jpg) no-repeat; width:177px; height:26px; color:#075e04; padding-left:40px; padding-top:10px;}
#content .right .anketa {background:url(../img/anketa.jpg) no-repeat; width:177px; height:25px; color:#a87e0c; padding-left:40px; padding-top:10px;}
#content .right img.upr {margin:10px 10px; max-width:80px;}
#content .right .ank {color:#075e04; margin:5px; margin-bottom:15px;}
#content .right .ank1 {color:#424242; margin:5px 10px; display:block;}
#content .right .graf {background:url(../img/graf_bg.jpg) repeat-x; height:9px; width:100px; margin:0px 10px; }
#content .right span.frm {width:70px; display:block; float:left; text-align:right; margin:3px; margin-right:5px; color:#5e5e5e;}
#content .right span.frm1 {display:block; margin:5px; color:#5e5e5e; margin-bottom:0px;}
#content .right span.frm2 {display:block; margin:5px; color:#5e5e5e; float:left; width:100px;}
#content .right input.datum_p {width:195px; margin-left:5px;}
#content .right input.poc_pas {width:87px;}
#content .right input {width:120px; margin:3px;}
#content .right input[type="submit"] {background:url(../img/button_bg.jpg) no-repeat; width:165px; height:25px; border:none; color:#aa0000; text-align:left; padding-left:20px; margin-bottom:10px;}
#content .right img.podc {margin:5px;}
#content .right img.prevadykovatel {margin-bottom:10px;}

.information2 {background:#69ec5b; border-bottom:1px solid #1e7515; padding:10px;}
.information2 a {color:#d41405; font-weight:bold; text-decoration:none;}
.information2 a:hover {text-decoration:underline;}

.formular {margin:10px;}
.formular div {margin:5px;}
.formular div label {display:block; float:left; width:200px; padding:10px;}
.formular div input {padding:10px; width:200px;}
.formular div select {padding:10px; width:200px;}
.formular div textarea {padding:10px; width:200px; height:200px; font-family:arial;}
.formular div em {color:red; font-style:normal;}
                                     
.galeria-first {position:relative; border:2px solid #ccc; margin-bottom:10px;}
.galeria-first:hover {background:#ebf8cc;}
.galeria-first .border-r {border-right:2px solid #ccc; float:left; margin-right:10px;}
.galeria-first h3 {margin:5px; border:0px;}
.galeria-first p {margin:5px; font-size:11px; color:#807e79}
.galeria-first p a {text-decoration:none; color:#ee6500;}
.galeria-first p a:hover {text-decoration:underline;}

.skupina-info {position:relative}
.skupina-info h6 {border-bottom:1px dotted black; background:none; color:black; padding-left:0px; font-weight:400;}
.skupina-info ul {margin-left:10px;}
.skupina-info ul li {margin-left:25px;}

.info-dovolenka {margin-top:10px; margin-bottom:10px;}
.info-dovolenka .obrazok {position:relative; float:left; margin-right:10px; width:152px;}
.info-dovolenka .obrazok img {max-width:150px; border:1px solid #ccc; opacity:0.85;filter:alpha(opacity=85);}
.info-dovolenka .obrazok img:hover {border:1px solid #ceb273; opacity:0.99;filter:alpha(opacity=99);}
.info-dovolenka .info {position:relative; float:left; width:395px;}
.info-dovolenka .info .cena {text-shadow:1px 1px 0px #ccc; color:black; font-size:14px;}
.info-dovolenka .info a {display:block; text-decoration:none; color:#b01308; background:url('../img/a-bg.png') no-repeat left; padding: 5px; padding-left:20px; border:1px dotted #ccc;}
.info-dovolenka .info a.volaj { background:url('../img/a-volaj.png') no-repeat left;}
.info-dovolenka .info a.volaj:hover {background:url('../img/a-volaj.png') no-repeat left #c9f7c4;}
.info-dovolenka .info a:hover {background: url('../img/a-bg.png') no-repeat left #faeed4}

#footer {position:relative; min-height:49px; background:url(../img/footer_bg.jpg) repeat-x #e4e3e3;}
#footer .f_container {position:relative; width:995px; min-height:49px; margin:auto;}
#footer .f_container ul {list-style:none; padding-top:10px;}
#footer .f_container ul li {float:left; display:block;}
#footer .f_container ul li a {text-decoration:none; color:#4e524d; margin-left:15px; padding-left:15px; background:url(../img/odrazka.jpg) no-repeat left; font-size:11px;}
#footer .f_container ul li a:hover {text-decoration:underline;}
#footer .f_container .nitraweb {position:absolute; top:5px; right:15px; width:111px; height:29px; background:url(../img/nitraweb.jpg) no-repeat; text-indent:-11000px; overflow:hidden;}
