/* CSS Document */
/* www.hellastour.cz */
/* autor: Ondrej Kunes */

* {
padding:0px;
margin:0px}

.cleaner{clear: both;}
.formMessage{color: red; font-size: 10px;}
.cara{width: 100%; height: 1px; border-top: 1px solid gray; display: block; margin-top: 9px; margin-bottom: 10px;}
.orange{color:#FF6B00;}

h1{}
h2{}

body {font-family: arial; font-size:12px; margin: 0px; padding: 0px; text-align: center; background-color: #f2f2f2;}

.halo{border-bottom: 1px solid silver; padding-bottom: 15px; margin-bottom: 15px; color:#FF6B00; font-weight: bold; padding-top: 5px;}

/* -------------------------------- */
/*              WRAPER              */
/* -------------------------------- */
.wraper{margin: 0px auto;width: 888px; height: auto; color:#ffffff; background-image: url(images/wraper.png); background-repeat: repeat-y; text-align: left;}
.wraper-obsah{margin-left: 8px; width: 870px;}
.top{width: 870px; height: 171px; background-image: url(images/top.png);}
.logo{border: none; float: left;}

.lista{color:gray; background-color: #dedede; text-align: center; padding-top: 2px; padding-bottom: 2px; margin-bottom: 10px;}
.lista a{color:gray; text-decoration: underline;}

.left{float: left; width: 205px;}

.left-box{width: 190px; height: 70px; background-color: #1e4182; text-align: center; float: right; margin-bottom: 15px;}
.left-box h1{color: white; font-weight: bold; font-size: 15px; font-family: Lithos Pro Regular; }
.left-box h2{color: white; font-weight: bold; font-size: 17px; font-family: Lithos Pro Regular; }

.left-box-obsah{padding-top: 17px;}
.catalog-menu{color:#122850;width: 190px; height: auto; padding: 10px 0px; background-color: #eaeaea; float: right; margin-bottom: 15px;line-height: 20px;}
.catalog-menu ul{list-style-type: none; padding: 0px; margin:0px; margin-left: 17px; font-weight: bold; font-size: 14px;}
.catalog-menu ul li{margin-bottom: 0px; padding-bottom:0px; vertical-align: top; width: 158px;}
.catalog-menu ul li ul li{margin-bottom: 0px; padding-bottom:0px;}
.catalog-menu ul li a{color:#122850; text-decoration: none;}
.catalog-menu ul li.subregion a{color:#2A7895;text-decoration: none; font-size: 14px;}
.catalog-menu ul li br{display:none;} 

#Backend{display: none;}

.catalog-menu a:hover{color:gray; text-decoration: underline;}

a.left-button{text-align: center;width: 190px;background-color: #1e4182; color: white; height: 42px; font-size: 14px; font-weight: bold; display: block; float: right; text-decoration: none; margin-bottom: 6px;}
a.left-button:hover{background-color: #30508c;}
.left-button-obsah{display: block; padding-top: 13px; color:#ffffff; text-decoration: none;}

a.left-button.orange{text-align: center;width: 190px;background-color: #F96800; color: white; height: 42px; font-size: 14px; font-weight: bold; display: block; float: right; text-decoration: none; margin-bottom: 6px;}
a.left-button.orange:hover{background-color: #F96800;}

a.left-button2{text-align: center;width: 190px;background-color: silver; color: #000; height: 42px; font-size: 14px; font-weight: bold; display: block; float: right; text-decoration: none; margin-bottom: 6px;}
a.left-button2:hover{background-color: gray;}

a.left-button2.vysoky{text-align: center;width: 190px;background-color: silver; color: #000; height: 55px; font-size: 14px; font-weight: bold; display: block; float: right; text-decoration: none; margin-bottom: 6px;}
a.left-button2.vysoky:hover{background-color: gray;}

.right{float: left; width: 632px; margin-left: 20px;}
#TopMenu1 ul{list-style-type: none; }
#TopMenu1 li{display:block;width: 122px;height: 40px;float: left;}
#TopMenu1 a{float:left;display: block;text-align: center;width: 122px;background-color: #1e4182; color: white; height: 40px; font-size: 14px; font-weight: bold; text-decoration: none; line-height: 14px;}
#TopMenu1 a:hover{background-color: #30508c;}

#TopMenu1 a span{display: block; padding-top: 6px;}
#TopMenu1 #TopMenu1Kontakt a span{display: block; padding-top: 12px;}
#TopMenu1 #TopMenu1Kontakt a{background-color: #f96800;}

#TopMenu1 #TopMenu1ZajezdyPobytove, #TopMenu1ZajezdyPoznavaci, #TopMenu1ZajezdyProKolektivy, #TopMenu1AutobusovaDoprava {margin-right: 5px;}
#TopMenu1 #TopMenu1AutobusovaDoprava{margin-right: 7px;}
.image{width: 632px; height: 202px; background-image: url(images/image.png); margin-top: 15px; margin-bottom: 15px;}

.text-panel{font-family: lithos Pro Regular; padding-bottom: 15px;}
.text-panel2{color: #000000; font-family: Arial; font-size: 14px; padding: 14px; font-weight: bold;}


.text-panel-left{float:left;margin-right: 75px;line-height: 31px;color:#ff6b00;}
.text-panel-left a{color:#ff6b00; text-decoration: none;}

.text-panel-right{color:#FF6B00;
    float:left;
    font-size:14px;
    font-weight:bold;
    line-height:22px;
    text-align:left;}
.text-panel5{float: left; font-weight: bold; font-size: 12px; line-height: 31px; text-align: left;color:orange;}
.text-panel-right a{color:#ff6b00; text-decoration: none;}

.text{color:#122850;}
.index-bottom-text{padding-left: 137px; height: 121px; background-image: url(images/pecet.png); background-position: left; background-repeat: no-repeat;}
.heslo-cestujte{float: left; font-size: 16px; color:#ff6b00; font-weight: bold;}
.hellas-podpis{float: right; font-size: 14px; color:#122850; font-weight: bold;}

.boxes{padding-left: 15px; padding-right: 15px;}
.boxes-obsah{border-top:1px solid black; padding-top: 20px; padding-bottom: 20px;}
.box1{width: 190px; height: 160px; background-image: url(images/box1.png); float: left;}
.box2{width: 196px; height: 160px; background-image: url(images/box2.png); float: left;}
.box3{width: 196px; height: 160px; background-image: url(images/box3.png); float: left;}
.mezera{width: 19px; height: 160px; display: block; float: left;}
.mezera2{width: 15px; height: 160px; display: block; float: left;}

.box1-obsah, .box2-obsah, .box3-obsah, .box1-nadpis, .box2-nadpis, .box3-nadpis{padding-left: 15px;}
.box1-nadpis, .box2-nadpis, .box3-nadpis{font-size: 14px; font-weight: bold; font-family: myriad Pro; color:#ffffff; padding-top: 13px; height: 58px;}
.box3-nadpis{color:#000000;}
.box1-obsah, .box2-obsah{font-weight: bold; line-height: 20px;}
.box1-obsah a{color:#343434; text-decoration: none;}
.box1-obsah a:hover{color:#000000; text-decoration: underline;}

.box2-obsah{font-size: 12px;}
.box2-obsah a{color:#ffffff; text-decoration: none;}
.box2-obsah a:hover{color:#ffffff; text-decoration: underline;}

.box2 form{padding-left: 15px;}
.box2-obsah form{font-weight: normal;font-size: 12px;}
.box2-obsah #OsobniInformace{margin-bottom: 17px;}
.box3-obsah a{color:#616161; text-decoration: none;}
.box3-odkaz{font-size: 22px; font-weight: bold; font-family: myriad Pro; }


.tabulka{border:1px solid gray; border-collapse: collapse;}
.tabulka td{padding:2px;}

.certifikat{border:15px solid #EAEAEA; margin-left: 10px;}

ol{list-style-position: inside;}

.poznavacky{font-size: 13px; line-height: 14px; margin-top: 5px;}

#promobox1{float: left; width: 228px; height: 124px; background-color: #ffffff; margin-left: 150px; margin-top: 22px;}
#promobox2{float: left; width: 228px; height: 124px; background-color: #ffffff; margin-left: 36px; margin-top: 22px;}

#promobox1 img{border:none;}
#promobox2 img{border:none;}
#promobox1 strong{padding-bottom: 10px;}

.mapa-pobyt{width: 625px; height: 556px; background-image: url(images/mapa-pobyt.png); font-weight: bold; font-family: myriad Pro; font-size: 16px;}
.mapa-pobyt a{text-decoration: none; color: black; display: block;}
.mapa-pobyt a:hover{text-decoration: underline; color: black;}
.mapa-pobyt a.d1{padding-left: 411px; padding-top: 95px;}
.mapa-pobyt a.d2{padding-left: 380px; padding-top: 3px;}
.mapa-pobyt a.d3{padding-left: 285px; padding-top: 1px;}
.mapa-pobyt a.d4{padding-left: 23px; padding-top: 0px;}
.mapa-pobyt a.d5{padding-left: 70px; padding-top: 52px;}
.mapa-pobyt a.d6{padding-left: 35px; padding-top: 83px;}
.mapa-pobyt a.d7{padding-left: 51px; padding-top: 11px;}
.mapa-pobyt a.d8{padding-left: 329px; padding-top: 10px;}
.mapa-pobyt a.d9{padding-left: 500px; padding-top: 68px;}
.mapa-pobyt a.d10{padding-left: 266px; padding-top: 137px;}

.produkt{border:1px solid silver; width: 625px; height: auto; margin-bottom: 20px;color:#1E4182;}
.produkt .photo img{float: left; margin: 10px; border:4px solid silver;}
.produkt .nadpis{float: left; margin-top: 10px; width: 425px; }
.produkt .nadpis a{font-weight: bold; font-family: myriad Pro; font-size: 15px; color:#1E4182; text-decoration: none; }
.produkt .nadpis a:hover{color:#000000;}
.produkt .popis{padding-top: 10px; width: 425px; float: left; margin-bottom: 10px;}

.strankovani{width: 625px; text-align: center;padding-bottom: 20px;}
.strankovani a{text-decoration: none; color:gray;}
.strankovani a:hover{text-decoration: underline; color:#000000;}
.strankovani span.active{font-weight: bold;}

.detail-produkt{border:1px solid silver; width: 625px; height: auto; margin-bottom: 20px; color:#122850;}
.detail-produkt-obsah{padding:10px;}
.detail-produkt .photo img{float: left; margin-right: 10px; margin-bottom: 6px; border:4px solid silver;}
.detail-produkt .nadpis{font-weight: bold; font-family: myriad Pro; font-size: 15px; color:#1E4182; float: left; width: 390px;margin-bottom: 8px;}
.next-foto-nadpis{font-family: myriad Pro; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
.fotka img{border:1px solid gray; float: left; margin-right: 10px; margin-bottom: 10px;}
.priplatky-text{color:gray;}

.formular-rezervace{margin-top: 20px;}
.formular-rezervace legend{font-size: 14px; color:#122850; margin-bottom: 10px; text-indent: 0px;}
.formular-rezervace #OsobniInformace legend{font-size: 14px; color:#122850; margin-bottom: 10px; display: inline; text-indent: 0px;}
.formular-rezervace fieldset{margin-bottom: 20px;}
.formular-rezervace label{font-weight: bold; font-size: 11px;}
.formular-rezervace .input input{width: 300px; margin-top: 2px;border:1px solid gray;}
.formular-rezervace .fieldtext input{width: 300px; margin-top: 2px;border:1px solid gray;}
.formular-rezervace .fieldtext textarea{width: 300px; margin-top: 2px;border:1px solid gray; height: 100px;}
#FormOrderSubmit{width:160px; height: 22px; background-image: url(images/poslat-rezervaci.png); cursor:pointer; border:none; background-color: transparent;}
.formular-rezervace .formMessage{float: left; }
.formular-rezervace .fieldInput{background-color: #EAEAEA; padding: 5px; margin-bottom: 1px;}
.formular-rezervace .fieldtext{background-color: #EAEAEA; padding: 5px; margin-bottom: 1px;}

.chalkidiky{background-image: url(images/circ-chalk.png);background-repeat: no-repeat;padding-left: 17px; background-position: left top;}
.kefalonie{background-image: url(images/circ-kef.png);background-repeat: no-repeat; background-position: left top;padding-left: 17px;}
.korfu{background-image: url(images/circ-kor.png);background-repeat: no-repeat; background-position: left top;padding-left: 17px;}
.kreta{background-image: url(images/circ-kre.png);background-repeat: no-repeat; background-position: left top;padding-left: 17px;}
.lefkada{background-image: url(images/circ-lef.png);background-repeat: no-repeat; background-position: left top;padding-left: 17px;}
.olympska_riviera{background-image: url(images/circ-olymp.png);background-repeat: no-repeat; background-position: left top;padding-left: 17px;}
.pelopones{background-image: url(images/circ-pel.png);background-repeat: no-repeat; background-position: left top;padding-left: 17px;}
.rhodos{background-image: url(images/circ-rho.png);background-repeat: no-repeat; background-position: left top;padding-left: 17px;}
.thassos{background-image: url(images/circ-tha.png);background-repeat: no-repeat; background-position: left top;padding-left: 17px;}
.zakynthos{background-image: url(images/circ-zak.png);background-repeat: no-repeat; background-position: left top;padding-left: 17px;}
.level2{background-image: url(images/level2.png);background-repeat: no-repeat; background-position: left top;padding-left: 17px;}
.lesbos{background-image: url(images/circ-les.png);background-repeat: no-repeat; background-position: left top;padding-left: 17px;}

.pole{border:1px solid silver; padding: 10px; margin-bottom: 15px;}
.pole-date{float: left; width: 140px; font-size: 13px; font-weight: bold;}
.pole-oblast{float: left; font-size: 13px; font-weight: bold;}
.pole-cenik{padding-top: 7px; float: left; width: 465px;}
.pole-cenik td, th{padding: 5px;}
.pole-cenik td{width: 98px;}
.pole-cenik th{border:none; border-bottom: 1px solid gray;}
.pole-cenik tr{background-color: #EAEAEA;}
.pole-cenik table input{border:1px solid gray; cursor:pointer; font-size: 11px; background-color: silver;}
.pole-img{margin-right: 10px; float: left; margin-top: 7px; border:1px solid gray;}
.poznamka{padding-top: 10px; font-size: 11px; float: left;}



/* -------------------------------- */
/*        ZASLÁNÍ LAST-MINUTE       */
/* -------------------------------- */
#FormNewsSubmit{width: 88px; height: 20px; background-image: url(images/odeslat2.png); cursor: pointer; border:none;}
#formMessageFormNewsEmail{display: none;}
#FormNewsEmail{width: 160px;border:1px solid white;}

/* -------------------------------- */
/*          ZASLÁNÍ KATALOGU        */
/* -------------------------------- */
#OsobniInformace legend{display: none;}
#OsobniInformace{margin-bottom: 20px;}
#FormCatalogSubmit{border:none; cursor:pointer; width: 160px; height: 22px; background-image: url(images/zaslat.png);}
.fotogalerie-busy{margin-left: -8px;}
.fotogalerie-busy img{border:1px solid black; margin: 8px;}


/* -------------------------------- */
/*       REGIONY,BUDOVY,CENY        */
/* -------------------------------- */
.budova{padding: 10px; border:1px solid #FF6B00; margin-bottom:22px;}
.letovisko-nahled{float: left; margin-right: 10px; margin-bottom: 10px; border:1px solid gray;}
.front-bus{border-collapse: collapse; font-size: 11px;}
.front-bus td, th{border:1px solid black; padding: 3px;text-align: center;}
.front-bus th{background-color: #EAEAEA;}

.next-photos{background-color: #EAEAEA; padding: 8px;}
.next-photo{float: left; border:1px solid silver; margin-left:4px; margin-right: 4px;}



/* -------------------------------- */
/*              KONTAKT             */
/* -------------------------------- */
.centrala{padding: 15px; border: 1px solid silver; background-color: #eaeaea;}
.pobocka{padding: 15px; border: 1px solid silver;}
.formular{padding: 15px; border: 1px solid silver; background-color: #eaeaea;}
.formular .input, textarea{margin-top: 4px; margin-bottom: 7px;}
#FormContactFieldsetCaptcha legend{display: none;}
#FormContactImgCaptcha{margin-top: 4px; width: 73px;}
#FormContactImgCaptchaRefresh{display: none;}
#FormContactCaptcha{width: 70px;}
#FormContactSubmit{width: 73px; height: 22px; cursor: pointer; background-image: url(images/odeslat.png); border:none;}

#vitejte a{color:#122850; text-decoration: underline;}


.zajezd{padding-bottom:20px; margin-bottom: 20px; border-bottom: 1px dotted gray; }
.zajezd-img{border:1px solid gray; float: left; margin-top: 10px; margin-bottom: 10px; margin-right: 10px;}
.zajezd-popis{margin-top: 10px; margin-bottom: 10px;}
.zajezd-detail{margin-right: 20px; color:#122850; text-decoration: underline;}
.zajezd-mapa{color:#FF6B00; text-decoration: underline;}
.poznavaci-cenik td{border:1px solid silver; border-collapse: separate; padding: 2px;}
.zajezd-map{width: 630px; border:1px solid gray;}

.program td{padding: 6px; background-color: #EAEAEA;}
.program td.day{width: 70px; text-align: left; background-color: #DADADA;}



.print-last{float: right;}


.sloupec_3{background-color: orange;}
.sloupec_6, .sloupec_7, .sloupec_10, .sloupec_11{background-color: yellow;}
.priplatky{padding: 10px; background-color: #EAEAEA;}


/* -------------------------------- */
/*              FOOTER              */
/* -------------------------------- */
.footer{width: 870px; height: 78px; background-image: url(images/footer.png);}
.footer a{color:white; text-decoration: none;}
.footer a:hover{color:white; text-decoration: underline;}
.footer-left{float: left; padding-top: 22px; padding-left: 10px; line-height: 20px; color:#000000;}
.footer-right{float: right; padding-top: 22px; margin-right: 10px; line-height: 20px; width: 480px; text-align: right;}
.footer-right ul{padding:0px; margin:0px; list-style-type: none;}
.footer-right li{display:block; margin-left: 10px; float: left;}


/* -------------------------------- */
/*              SLIDES              */
/* -------------------------------- */
#slider {
    width: 228px; /* important to be same as image width */
    height: 124px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#druhej {
    width: 228px; /* important to be same as image width */
    height: 124px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}


#sliderContent,#druhejContent {
    width: 228px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}


.sliderImage {
    float: left;
    position: relative;
	display: none;
}

.druhejImage {
    float: left;
    position: relative;
	display: none;
}


.sliderImage span {
    position: absolute;
	  font-size: 11px;
    padding: 8px 8px;
    width: 75px;
    height: 108px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	  -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.druhejImage span {
   position: absolute;
	  font-size: 11px;
    padding: 8px 8px;
    width: 75px;
    height: 108px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	  -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}


.clear {
	clear: both;
}

.top2 {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}



#FormOrderImgCaptcha{margin-top: 8px;}
#FormOrderImgCaptchaRefresh img{border:none;width: 30px;margin-left: 20px;}
.formular-rezervace .input input#FormOrderCaptcha{width: 78px;}



.odkazy{background-color:#DEDEDE; color:#000; text-align:left;}
.odkazy-o{padding:10px;}
.odkazy a{color:gray; text-decoration: underline;}