body {font-family: "Arial", Verdana, Helvetica, sans-serif; background: #CCCCCC; font-size: 12px; margin:0; padding:0;}
.clear {clear: both;height:0;}
img{border:none;}

.nadpis {width: 633px; height: 32px; background-color: #343431; color: #ffffff; font-size: 18px; padding: 8px 0 0 10px; margin: 30px 0 15px 0;}

#main_page {margin:0 auto; width: 986px; padding:5px 5px 5px 5px; border: 1px solid #e2e2e2; background-color: #ffffff;}

#main_page #header{background: url('../img/bg-header.jpg') no-repeat; width:986px; height: 134px;}
#main_page #header .logo{margin: 31px 0 0 22px;}
#main_page #header #language {float: right; margin: 50px 10px 0 0;}


#main_page #menu{background: url('../img/bg-menu.jpg') no-repeat; width:986px; height: 40px;}
#main_page #menu ul {font-size:1em; list-style: none; float: left; margin:0 0 0 18px; padding:0; color: #000000;}
#main_page #menu ul li {font-weight:bold; text-transform:uppercase; display: inline-block; margin:0 25px 0 0;  height:26px; padding:13px 0 0 0; border-bottom:5px solid transparent;}
#main_page #menu ul li.active {display:inline-block;color:#ff3600;text-decoration:none;}
#main_page #menu ul li.active a {color:#0084EE;}
#main_page #menu ul li.active a:hover {display: inline-block; color:#0084EE; text-decoration:none;}
#main_page #menu ul li a {margin:0; text-decoration:none; display:inline-block; color: #474747;}
#main_page #menu ul li a:hover {display:inline-block; color:#0084EE; text-decoration:none;}

#main_page #main_img{width:986px; height: 420px; margin: 5px 0 0 0; background: url('../img/main-img.jpg') no-repeat;}
#main_page #main_img #slide-show{position:relative; margin:0 auto; padding: 19px 0 0 0; width: 951px; height: 363px;}
#main_page #main_img #slide-show IMG {position:absolute;top:0;left:0;z-index:8;opacity:0.0; padding: 19px 0 0 0;}
#main_page #main_img #slide-show IMG.active {z-index:10;opacity:1.0;}
#main_page #main_img #slide-show IMG.last-active {z-index:9;}


#main_page #content{background: url('../img/bg-content.jpg') no-repeat; width:986px; margin: 5px 0 0 0; overflow: hidden; padding: 0;}
#main_page #content-left{width:650px; float: left; margin: 0 0 0 18px; overflow: hidden; padding: 0;}
#main_page #content-left h1{margin:15px 0 15px 0;}
#main_page #content-left table td{border: 1px solid rgb(242, 242, 242);}
#main_page #content-left .box{width: 643px; height: 150px; background-color: #f2f2f2;float:left; margin: 0 12px 15px 0;}
#main_page #content-left .box img{border: 1px solid white; margin: 8px 0 0 10px; float:left; width: 148px; height: 130px;}
#main_page #content-left .box .text{float:left; width: 475px;}
#main_page #content-left .box .text h2{font-size: 1.2em; color:#0084EE; margin: 10px 0 0 10px;}
#main_page #content-left .box .text h2 a {text-decoration:none; color:#0084EE;}
#main_page #content-left .box .text p{color: #3a3a38; margin: 12px 0 0 10px; height:70px; overflow:hidden;}
#main_page #content-left .box .text .buttons {margin:0 0 0 10px;}
#main_page #content-left .box .text .buttons a.button{color: #3a3a38;margin:0 10px 0 0; padding: 4px 0 0 19px; width:77px; height:19px; background: url('../img/button.jpg') no-repeat;display:inline-block; text-decoration: none; font-size: .8em;}
#main_page #content-left .box .text .buttons a.button:hover {background: #dddddd; color:#0084EE;}
#main_page #content-left .box .text .buttons .price{text-align:right; color:#0084EE; margin:0 0 0 210px; width:120px; padding: 4px 0 0 19px; height:19px; display:inline-block; font-size: .8em;}
#main_page #content-left .back a.button{color: #3a3a38;margin:0 10px 0 0; padding: 4px 0 0 19px; width:77px; height:19px; background: url('../img/button.jpg') no-repeat;display:inline-block; text-decoration: none; font-size: .8em;}
#main_page #content-left .back a.button:hover {background: #dddddd; color:#0084EE;}
#main_page #content-left .detail{width: 643px; background-color:#f2f2f2; margin: 0 12px 15px 0; padding:0 0 8px 0;}
#main_page #content-left .detail .img {float:left;}
#main_page #content-left .detail .img img {border: 1px solid white; margin: 8px 0 0 10px; width: 148px; height: 130px;}
#main_page #content-left .detail .text{float:left; width: 465px; padding:0 0 0 10px;}
#main_page #content-left .detail .text h2{font-size: 1.2em; color:#0084EE; margin: 10px 0 0 0;}
#main_page #content-left .detail .text h3{font-size: 1.1em; color:#0084EE; margin: 10px 0 0 0;}
#main_page #content-left .detail .text p{color: #3a3a38; margin: 12px 0 0 0;}
#main_page #content-left .detail .text a.button{color: #3a3a38;margin:10px 10px 0 0; padding: 4px 0 0 19px; width:77px; height:19px; background: url('../img/button.jpg') no-repeat;display:inline-block; text-decoration: none; font-size: .8em;}
#main_page #content-left .detail .text a.button:hover {background: #dddddd; color:#0084EE;}
#main_page #content-left .detail .text .price{text-align:right; color:#0084EE; margin:0 0 0 210px; width:120px; padding: 4px 0 0 19px; height:19px; display:inline-block; font-size: .8em;}
#main_page #content-left .detail .text .note{font-size: .8em;}
#main_page #content-left .detail .gallery {margin:18px 0 0 0; }
#main_page #content-left .detail .gallery h3{color:#0084EE; margin:20px 0 10px 0; }
#main_page #content-left .detail .gallery img {border:1px solid white; margin:0 0 10px 0;}
#main_page #content-left .foto{width: 130px; height: 100px; border: 2px solid #F0F0F0; margin: 10px 10px 0 0; float:left;}
#main_page #content-left .paging{margin:0 0 10px 0;}
#main_page #content-left .paging a{padding:0 5px;color:#FFFFFF;background:#999999;text-decoration:none;}
#main_page #content-left .paging a:hover{background:#333333;}
#main_page #content-left .paging .active{background:#333333;}
#main_page #content-left .aktuality .aktualita h2 {margin:15px 0 0 0; padding:0; font-size: 1.3em;}
#main_page #content-left .aktuality .aktualita h2 a {color:#000000; text-decoration: none;}
#main_page #content-left .aktuality .aktualita .img {float:left; margin:0 0 5px 0; padding:0; width:200px;}
#main_page #content-left .aktuality .aktualita .text {float:left; width:440px;text-align: justify;}
#main_page #content-left .aktuality .aktualita .text p {margin:0 0 5px 0; padding:0;}
#main_page #content-left .aktuality .aktualita .text .datum {margin:0; padding:0; font-style:italic; font-size: .8em;}
#main_page #content-left .aktuality .aktualita .text .back a.button{color: #3a3a38;margin:0 10px 0 0; padding: 4px 0 0 19px; width:77px; height:19px; background: url('../img/button.jpg') no-repeat;display:inline-block; text-decoration: none; font-size: .8em;}
#main_page #content-left .aktuality .aktualita .text .back a.button:hover {background: #dddddd; color:#0084EE;}
#main_page #content-left .aktualitaDetail h2 {margin:15px 0 0 0; padding:0; font-size: 1.3em;}
#main_page #content-left .aktualitaDetail h2 a {color:#000000; text-decoration: none;}
#main_page #content-left .aktualitaDetail .img {float:left; margin:0 10px 5px 0; padding:0; width:300px;}
#main_page #content-left .aktualitaDetail .text {float:left; width:320px; text-align: justify;}
#main_page #content-left .aktualitaDetail .text p {margin:0 0 5px 0; padding:0;}
#main_page #content-left .aktualitaDetail .text .datum {margin:0; padding:0; font-style:italic; font-size: .8em;}
#main_page #content-left .aktualitaDetail .text .back a.button{color: #3a3a38;margin:0 10px 0 0; padding: 4px 0 0 19px; width:77px; height:19px; background: url('../img/button.jpg') no-repeat;display:inline-block; text-decoration: none; font-size: .8em;}
#main_page #content-left .aktualitaDetail .text .back a.button:hover {background: #dddddd; color:#0084EE;}


#main_page #content-right{padding:15px 20px 15px 0; width:270px;float: right;}
#main_page #content-right .aktuality h2 a {color:#000000;}
#main_page #content-right .aktuality .aktualita h3 {margin:15px 0 0 0; padding:0; }
#main_page #content-right .aktuality .aktualita p {margin:0 0 5px 0; padding:0; font-size: .9em;}
#main_page #content-right .aktuality .aktualita .datum {margin:0; padding:0; font-style:italic; font-size: .8em;}
#main_page #content-right .aktuality .aktualita .back a.button{color: #3a3a38;margin:0 10px 0 0; padding: 4px 0 0 19px; width:77px; height:19px; background: url('../img/button.jpg') no-repeat;display:inline-block; text-decoration: none; font-size: .8em;}
#main_page #content-right .aktuality .aktualita .back a.button:hover {background: #dddddd; color:#0084EE;}

#main_page #footer{background: url('../img/bg-footer.jpg') no-repeat; width:986px; height: 75px;}
#main_page #footer .fb-button{float:right; margin: 15px 13px 0 0;}
#main_page #footer #footerMenu {float: left; color: #3a3a38; margin: 20px 0 0 13px; padding: 0;}
#main_page #footer #footerMenu span{margin: 0 0 0 5px; font-size: 0.9em;}
#main_page #footer #footerMenu span a{color: #3a3a38;}
#main_page #footer #footerMenu #nav {list-style:none; margin:0;padding:0;}
#main_page #footer #footerMenu #nav li {display:inline; list-style:none;}
#main_page #footer #footerMenu #nav li a {color: #3a3a38; padding:0 5px 0 5px; font-weight: bold;}
#main_page #footer #footerMenu #nav li a:hover {color: #3a3a38; padding:0 5px 0 5px;}


#contactForm {color:#000000; background: #DADBDD; padding:0 10px;}
#contactForm {font-size:.8em;}
#contactForm h1 {font-size:1.7em; font-weight:normal;}
#contactForm label {display:inline-block; width:80px;}
#contactForm .input {float:left; width:100px;height:25px; margin:0;padding:0;}
#contactForm .inputName {float:left; width:60px; height:25px;margin:0;padding:0;}
#contactForm #alert {font-size:1em; width:100%; margin:20px 0 0 0;}
#contactForm #alert form {display: inline-block;height: 40px; margin:10px 0 0 0; padding:0;}
#contactForm #alert p {color: #000; margin:0; font-weight:normal; font-size:.9em;}
#contactForm #alert li {color: #000; font-weight:normal; font-size:.9em;}
#contactForm #alert .red {font-weight:bold; color: #ff3600; margin:20px 0 0 0;}
#contactForm #text {padding:5px; width:200px; height:50px; display:block; margin:0; font-family:Tahoma, Verdana, Helvetica, sans-serif; font-size:1.1em;}
#contactForm #email {margin:0; padding:3px 5px 3px 5px;width:200px;font-size:1.1em;}
#contactForm #predmet {margin:0; padding:3px 5px 3px 5px;width:200px;font-size:1.1em;}
#contactForm #jmeno {margin:0; width:200px; padding:3px 5px 3px 5px;font-size:1.1em;}
#contactForm #loginBg {display:block;}

#orderForm {background: #DADBDD; color:#343431; padding:0 10px;font-size:.8em;}
#orderForm #personal {float: left; width: 260px; height:420px;}
#orderForm #personal h1 {font-size:1.7em; font-weight:normal;}
#orderForm #personal form {margin: 20px 0 0 0; background:transparent;}
#orderForm #personal label {display:inline-block; width:80px;}
#orderForm #personal .input {float:left; width:150px;height:25px; margin:0;padding:0;}
#orderForm #personal .inputText {float:left; width:160px;height:25px; margin:0;padding:0;}
#orderForm #personal .inputText2 {float:left; width:160px;height:40px; margin:0;padding:0;}
#orderForm #personal .inputName {float:left; width:60px; height:25px;margin:0;padding:0;}
#orderForm #personal .calendar {margin:2px 0 0 3px;padding:0;}
#orderForm #personal #alert {font-weight:bold; font-size:1.2em; width:100%; text-align:center; margin:60px 0 0 0; color: #FF0000;}
#orderForm #personal #note {padding:5px; width:160px; height:15px; display:block; margin:0; font-family:Tahoma, Verdana, Helvetica, sans-serif; font-size:1.1em;}
#orderForm #personal #email {margin:0; padding:3px 5px 3px 5px;width:160px;font-size:1.1em;}
#orderForm #personal #mobil {margin:0; padding:3px 5px 3px 5px;width:160px;font-size:1.1em;}
#orderForm #personal #zeme {margin:0; padding:3px 5px 3px 5px;width:160px;font-size:1.1em;}
#orderForm #personal #mesto {margin:0; padding:3px 5px 3px 5px;width:160px;font-size:1.1em;}
#orderForm #personal #vizum {margin:0; padding:3px 5px 3px 5px;width:172px;font-size:1.1em;}
#orderForm #personal #kids {margin:0; padding:3px 5px 3px 5px;width:172px;font-size:1.1em;}
#orderForm #personal #jmeno {margin:0; width:160px; padding:3px 5px 3px 5px;font-size:1.1em;}
#orderForm #personal #ic {margin:0; width:160px; padding:3px 5px 3px 5px;font-size:1.1em;}
#orderForm #personal #charge {margin:0; width:160px; padding:3px 5px 3px 5px;font-size:1.1em;}
#orderForm #personal #dic {margin:0; width:160px; padding:3px 5px 3px 5px;font-size:1.1em;}
#orderForm #personal #fax {margin:0; width:160px; padding:3px 5px 3px 5px;font-size:1.1em;}
#orderForm #personal #ulice {margin:0; width:160px; padding:3px 5px 3px 5px;font-size:1.1em;}
#orderForm #personal #odlet {margin:0; padding:3px 5px 3px 5px;width:160px;font-size:1.1em;}
#orderForm #personal #prilet {margin:0; padding:3px 5px 3px 5px;width:160px;font-size:1.1em;}
#orderForm #personal #fly {margin:0; padding:3px 5px 3px 5px;width:160px;font-size:1.1em;}
#orderForm #personal #flyback {margin:0; padding:3px 5px 3px 5px;width:160px;font-size:1.1em;}
#orderForm #personal #smluvni-podminky {margin:0; padding:0;}
#orderForm #personal #urgentMsgRed {color:#FF0000; font-weight:bold;}
#orderForm #personal #urgentMsgGreen {color:#00A400; font-weight:bold;}
#orderForm #personal #labelUrgent {width:160px;display:inline;}
#orderForm #personal #pas {width:160px; font-size: .9em;}
#orderForm #personal #labelPas {width:160px;display:block;}
#orderForm #personal #card {margin:0; padding:0;}
#orderForm #personal #account {margin:0; padding:0;}
#orderForm #center {float: left; width: 200px; height:420px; margin:0;}
#orderForm #center .inputName2 {float:left; width:138px; margin:0;padding:0;}
#orderForm #center .inputName2 label {width:200px;}
#orderForm #center .inputText2 {float:left; width:160px;height:40px; margin:0;padding:0;}
#orderForm #center #kidNames {margin:0; padding:3px 5px 3px 5px;width:160px;font-size:1.1em;}
#orderForm #center #pas2 {width:160px; font-size: .9em;}
#orderForm #center #labelPas2 {width:160px; display:block;}

#orderForm #right {float: left; width: 220px; height:420px; margin:0;}
#orderForm #right #payment {width: 160px; height:210px; margin:0; border:10px solid white; padding: 10px 10px 10px 10px;}
#orderForm #right #payment h2 {margin:0 0 10px 0;}
#orderForm #right #payment label {width:120px; margin:0;}
#orderForm #right #payment #cardsImg {margin:0 0 10px 25px; width:150px;}
#orderForm #right #payment #cardsImg img {width:60px;}
#orderForm #right #payment #cardsImg label {width:60px;}
#orderForm #right #buttons {width: 160px; height:70px; margin:10px 0 0 0; border:10px solid white; padding: 10px 10px 10px 10px;}
#orderForm #right #buttons #loginBg {display:block; margin:10px 0 0 0;}
#orderForm #right #buttons div label {width: 120px;}
#orderForm #right #priceBox {width: 160px; height: 18px;margin:10px 0 0 0; border:10px solid white; padding: 10px 10px 10px 10px; font-size:1.2em; font-weight:bold;}
#orderForm #right #priceBox #priceText {float:left; margin:3px 10px 0 0;}
#orderForm #right #priceBox #priceValue {float:left; margin:3px 0 0 0; color:#FF0000;}