﻿body
{
    margin:0;
    background-color:#d5e7f4;
	font-family: Arial, Helvetica, sans-serif;
	line-height:140%;
	font-size: 12px;
}

h1 {font-size: 15px;}
h2 {font-size: 14px;}
h3 {font-size: 13px;}

#main {margin:auto; border-left: 1px solid #bcd8ec; border-right: 1px solid #bcd8ec; width: 1000px;background-color:white; padding:0;}
#header { padding: 10px; height:50px;}
#header div.logo {float:left;}
#header div.topIcon {float:right; padding: 20px 10px; cursor:pointer;}
#header div.topIcon a {text-decoration:none; color:Gray;}
#header div.topIcon a img{vertical-align: bottom; padding: 0 4px; width: 16px;}

#content {padding: 10px 20px; margin:0;}

/* kurzy*/
#kurzyMen { margin: 10px 5px; color:Gray;padding-top:20px;}
#kurzyBox{ float:left; width:150px;	padding: 0px; height:125px; margin: 0 15px 0 5px;	background: #F8F8F7;	border: 1px solid #DFDAC0;}
#kurzy {font-size: 11px;	overflow:hidden;	width: 99%;}
#kurzy img { padding: 0px;	border-style: none;	margin: 0px; width: 16px;}
#kurzy td{ border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #EDEDDB;	height: 20px; vertical-align:middle;}
.kurz {	width: 55px; text-align: right; padding-right:5px;} .teplota{width: 40px;	text-align: right; padding-right:5px;}

#reklama {float: left;}
#reklama a{margin: 0px 10px;}
#reklama a img{border: 1px solid gray;}
#reklama p {margin:0px;}

/* paticka */
#footer {width:930px; margin: 10px auto;padding: 10px; background-image:url(../img/design/paticka.gif); background-repeat:no-repeat; height: 72px; text-align:center;}
#footer p{margin: 0; padding: 0; line-height:130%; color:#535353;}
#footer p a{font-size: 11px; color:#535353; padding: 3px;}
#footer p.text {font-size: 10px; color:gray;}

/* slideshow */
#slideshow {margin: 1px 10px; position:relative; height:267px;}
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; width:980px; height:267px;}
#slideshow IMG.active { z-index:10; opacity:1.0;}
#slideshow IMG.last-active { z-index:9;}

#topImage {margin: 1px 10px; height:150px;}

table.oblibeneDest {width: 80%; margin: 20px auto;}
table.oblibeneDest a {color: Black; text-decoration:none;}
table.oblibeneDest a:hover {color: Black; text-decoration:underline;}

/*fotogalerie*/
ul#fotoMenu { list-style:none;}
ul#fotoMenu li{ font-weight:bold; padding: 15px 0 5px 15px;}

.menu {font-size: 13px; padding:0 10px;}
.menu ul {margin: 0;padding: 0;float: left;width: 100%;background: #0B8111; background-image:url(../img/design/menuLista.gif); }
.menu ul li {display: inline;}
.menu ul li a {float: left;color: white;padding: 5px 15px;text-decoration: none;}
.menu ul li a:hover, .menu ul li .selected {color: white !important;padding-top: 5px;background: blue; background-image:url(../img/design/menuHover.gif); }

#frameContainer {float:left;}
div.frame{float:left; margin:15px; padding: 0px; width:170px; font-size: 13px;}
div.frame h2 {font-size: 13px; margin: 2px 0;}
div.frame h2 a {color: black; font-family:Tahoma; text-decoration:none;}
div.frame img {border: 1px solid white;}
div.frame div.desc {padding: 5px; font-size:11px;background-image:url(../img/design/newsPruh.gif);}

div.oddelovac {text-align:center;}
div.article {padding: 0 30px;}
#rightPanel {border: 1px solid #A7CFE5; float:left; margin: 20px 0 20px 10px; padding: 5px;float:left; 
width:330px; _width:280px; background-color:#E7F0F7;}
#rightPanel h3 {font-size: 12px; padding:5px; margin: 5px; border: 1px solid white;color:white;background-image:url(../img/design/bar.gif);}

#rightPanel .item {padding: 10px 20px; font-size: 11px; color:Black;}
#rightPanel .item a {color: #030985; font-weight:bold;font-size: 12px;}
#rightPanel .item img {float:left; margin: 0px 6px 4px 0px; border: 1px solid #CFCFCF;}
#rightPanel .item img.flag {width: 16px; padding:0px; border: 1px solid #CCCCCC;}
.leftContent {width: 570px; _width: 590px; margin:15px;}

#rightPanel.customBox {padding: 0; border:0; background-color:white; color:#727272; width:290px; margin: 20px 0 20px 50px; _margin: 20px 0 20px 25px;}
#rightPanel.customBox h3 { margin:0; border:0;}
div.kontakBox { padding:10px;border:1px solid #BABABA;}
div.kontakBox div{ color:#666600; font-weight:bold;}
div.tipZajezdy {border: 1px solid #BABABA; background-color:#F2F2F2;}


#cesta{color:gray;padding:10px 0px 0px 30px;font-size:11px;line-height:10px;}
#cesta a{color:gray;text-decoration:underline;}

/* Strankovani*/		
.strankovani{height:25px;display:block;	font:11px;text-align:center;clear:both;margin:0px;padding:10px 0;}
.strankovani a{border:1px solid #BCD7EA;color:#333333;padding:3px 6px 3px 6px;cursor:pointer;}
.strankovani a.selected{text-align:center;background-color:#3399FF;color:#FFFFFF;}
.strankovani a:hover{text-align:center;background-color:#BCD7EA;color:#FFFFFF;}

/*HP - Hledej*/	
#hledej form{width:210px;display:block;margin:0px;padding:0px;}	
#hledej select, #vysledkyHledani select{width:155px;height:20px;line-height:18px;border:1px solid #003399;padding:0px;margin:0px 0px 10px 20px;}
#hledej input{height:83px;width:210px;cursor:pointer;display:block;font-size:1px;color:#F4F7F9;border:0px none;margin:0px;padding:0px;}
#hledej input:hover{background-color:#F4F8FB;}
#vysledkyHledani input {font-weight: bold;border:2px outset #775E26;padding:0px;margin:0px 0px 10px 16px; width:80px;}
#hledej span, #vysledkyHledani span {font-size:12px;padding-left: 15px}
#hledej span input, #vysledkyHledani span input { width: 50px;}

#vysledkyHledani, .vysledkyHledani {padding:0px 60px;}

/*zajezd preview*/
.zajezd img{float:left; border-width:1px; border-color: #c8c8c8;margin:10px 10px 10px 15px}
.zajezd {padding: 0 15px;margin:0px;}
.zajezd h2{padding:5px 8px;margin:0px; color:#666600; font-size:12px;}
.zajezd p{margin:0 0 0 120px;}
.zajezd a{padding:5px 0; color:Black; line-height: 25px;}
.tecky {clear:both;margin: 15px 0 15px 125px; height:15px;}
.tecky img {width: 460px; height:7px;}
img.flag{border:1px solid #CCCCCC;margin:2px 5px 0px 0px;width:16px;}
img.icon{vertical-align:middle;width:16px;border:0;float:none;margin:0 3px 0 0;}
/*katalog*/
table.CatalogForm td.catalogFirstColumn {width:60px; }
table.CatalogForm td.catalogSecondColumn { width:150px; }
table.CatalogForm input { width:100%; }
table.CatalogForm input.catalogSubmit { width:200px; }
table.CatalogForm td.catalogError { color:red; }
table.CatalogForm td.catalogSent { color:green; }

/*rezervace*/
table.rezervace td {border-bottom: 1px dashed  #C3C691; padding-left:10px; line-height:130%;font-size:12px;}
table.rezervace td.priceType {border: none; font-size:13px;	color: #2C5567; font-weight:bold; padding: 7px 0 2px 2px;}

table.rezervace td.lm span.reservationPrice { color: #cc0000;}
table.rezervace {margin:10px; font-size: 11px; width: 95%;}
table.rezervaceUdaje input { border: 1px double #C3C691; margin: 3px;}
table.rezervaceUdaje textarea {width:400px; border: 1px double #C3C691; margin: 3px;}

div#TotalPriceDiv{font-weight:bold;}
table.rezervaceUdaje .submit {font-weight: bold;color: #FFFFFF;background-color: #0066FF; border: 1px solid black;	cursor: pointer;	display: block;}

table.naPrani {padding: 20px; font-size:12px;}
table.naPrani tr td select, table.naPrani tr td input {width: 200px;}
table.naPrani .submit {width: 80px; font-weight: bold;color: #FFFFFF;background-color: #0066FF; border: 1px solid black; cursor: pointer;display: block;}

table.naPrani tr td p.praniError { color:red; padding:0px; }
table.naPrani tr td p.praniSent { color:green; padding:0px; }
a.indent0 {font-weight:bold; padding-top:15px; display:block;}
a.indent1 {padding-left:15px; display:block;}
a.indent2 {padding-left:30px; display:block;}

option.indent0{font-weight:bold; padding-top:5px;}
option.indent1{padding-left:10px; }
option.indent2{padding-left:20px; }

table.naPrani tr td.kategorieTD select {height:20px;}

/*zajezd preview*/
#content .zajezd {width:800px;padding:10px 0;clear:both; margin: auto;}
.zajezd img{float:left;border:1px solid #c8c8c8;margin:10px 0px 25px 0px;}
.zajezd div.t{padding:5px 20px 5px 170px;}
.zajezd div.t h2{margin:0 0 5px 0;padding:0px;line-height:normal;}
.zajezd div.t h2 a{color:#003399;margin:0px;padding:0px;display:block;line-height:normal;}
.zajezd div.t h3{background-color:#F4F7F9;margin:0 0 5px 0;padding:0px;line-height:normal;}
.zajezd div.t h3 a{color:#003399;margin:0px;padding:0px;display:block;line-height:normal;}
.zajezd div.t h3 a:hover{background:#DEE7EE;}
.zajezd div.l{display:block;padding:5px 20px 5px 170px;}
.zajezd i{color:#333333;font-style:normal;}
.zajezd b{font-size:14px;color:black;}
.zajezd b.lm{font-size:14px;color:#CC0000; cursor:help;}
.zajezd div.l a{display:block;float:right;font:11px;line-height:22px;font-weight:bold;padding:0px 25px 0px 10px;}
.zajezd div.l a:hover{color:#1A580B;}
.zajezd .info{padding:5px 0px 5px 140px;margin:0px;}
.zajezd .popis{padding:5px 0px 5px 140px;margin:0px;}
img.flag{border:1px solid #CCCCCC;margin:2px 5px 0px 0px;width:16px;}

/*rezervace*/
table.rezervace td {border-bottom: 1px dashed  #C3C691; padding-left:10px; line-height:130%;font-size:12px;}
table.rezervace td.priceType {border: none; font-size:13px;	color: #2C5567; font-weight:bold; padding: 7px 0 2px 2px;}

table.rezervace td.lm span.reservationPrice { color: #cc0000;}
table.rezervace {margin:10px; font-size: 11px; width: 95%;}
table.rezervaceUdaje input { border: 1px double #C3C691; margin: 3px;}
table.rezervaceUdaje textarea {width:400px; border: 1px double #C3C691; margin: 3px;}

div#TotalPriceDiv{font-weight:bold;}
table.rezervaceUdaje .submit {font-weight: bold;color: #FFFFFF;background-color: #0066FF; border: 1px solid black;	cursor: pointer;	display: block;}

table.naPrani {padding: 20px; font-size:12px;}
table.naPrani tr td select, table.naPrani tr td input {width: 200px;}
table.naPrani .submit {width: 80px; font-weight: bold;color: #FFFFFF;background-color: #0066FF; border: 1px solid black; cursor: pointer;display: block;}

table.naPrani tr td p.praniError { color:red; padding:0px; }
table.naPrani tr td p.praniSent { color:green; padding:0px; }
a.indent0 {font-weight:bold; padding-top:15px; display:block;}
a.indent1 {padding-left:15px; display:block;}
a.indent2 {padding-left:30px; display:block;}

option.indent0{font-weight:bold; padding-top:5px;}
option.indent1{padding-left:10px; }
option.indent2{padding-left:20px; }

table.naPrani tr td.kategorieTD select {height:20px;}


/*zajezd*/
.zajezd-foto{float:right;border:1px solid #2978AE;padding:2px;margin:10px 0px 25px 20px;background-color:#C6E6F4;}
.foto img{padding:2px;background-color:#CDE6F3;border:1px solid #1871AB;margin:6px;float:left;}

table.program tr td {color:black; line-height:150%;}
table.program tr td.den {color:#CC0000; font-weight:bold; vertical-align:top; width:60px;}
.cenik {text-align: right; height: 450px; overflow:auto; width: 370px; border: 1px solid black;}
.cenik col.odjezd, .cenik col.cena {width:100px;}
.cenik col.odkaz {width:80px;}
.cenik col.delka {width:50px;}

.cenik b, .terminy b{color:black;}
.cenik b.lm, .terminy b.lm{color:#CC0000; cursor:help;}
.lmPrice {width: 60px; cursor:help;}
#zajezd-info {padding: 0px 20px;}
