@charset "utf-8";
* { margin:0; padding:0;}
body { background:#3679a8; font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; line-height:1.125em; color:#042d42;}

input, select, textarea { font-family:Georgia, "Times New Roman", Times, serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:18px}

.tail-top { background:url(../images/tail-top.jpg) left top repeat-x #2e7a9e;}
.tail-bottom { background:url(../images/tail-bottom.jpg) left bottom repeat-x;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#booking-form { color:#6fbfe6;}
#booking-form label { display:block; height:29px;}
#booking-form label.alt { height:54px;}
#booking-form input { width:209px; background:#094360; border:1px solid #2077a3; color:#6fbfe6; padding:2px 0 3px 5px;}
#booking-form select { width:105px; background:#094360; border:1px solid #2077a3; color:#6fbfe6; padding:1px 0 1px 5px;}
#booking-form select.select1 { width:68px; margin-right:6px;}
#booking-form select.select2 { width:68px;}

#contacts-form label { display:block; height:44px;} 
#contacts-form label input { width:210px; padding:2px 0 2px 3px; color:#eee; background:#166389; border:1px solid #094360;}
#contacts-form textarea {width:210px; height:152px; padding:2px 0 2px 3px; color:#eee; overflow:auto; background:#166389; border:1px solid #094360;}


/*==================list====================*/
ul { list-style:none}

.nav { float:right; padding:49px 50px 0 0;}
.nav li { display:inline;}
.nav li a { float:left; background:url(../images/divider.gif) no-repeat left 0px; padding:2px 29px 2px 31px; color:#2c3438; text-decoration:none; font-weight:bold;}
.nav li a.first { background:none;}
.nav li a:hover { color:#2e7a9e;}
.nav li a.current { color:#2e7a9e;}

.slides-list { position:absolute; right:0; top:5px;}
.slides-list li { padding:0 6px 4px 6px; vertical-align:top; overflow:hidden;}
.slides-list a { display:block; width:13px; height:13px; overflow:hidden; background:#17709c; text-decoration:none; vertical-align:top;}
.slides-list a:hover {  background:#a2c6d7; text-decoration:none;}
.slides-list a.current { background:#a2c6d7;}

.list1 li, #archiv li { background:url(../images/marker.gif) no-repeat left 3px; padding:0 0 3px 26px; border-bottom:1px solid #2e7394; font-size:1.17em; margin-bottom:2px;}
.list1 li.last { border-bottom:none !important;}
.list1 li a { color:#042d42; font-weight:bold; text-decoration:none;}
.list1 li a:hover { color:#fff;}

.list2 dt { color:#fff; font-weight:bold; margin-bottom:5px;}
.list2 dd { border-bottom:1px solid #357a9c; padding-bottom:12px; margin-bottom:6px;}
.list2 dd a { color:#042d42; font-weight:bold; font-size:1.17em;}

.list3 { width:100%; overflow:hidden;}
.list3 li { float:left; margin-right:12px;}
.list3 li.last { margin-right:0;}

.list4 {font-size:1.1em; line-height:1.6em; color:#6fbfe6; font-weight:700}
.list4 dt ins {color:#17BF2E; text-decoration:none; font-size:1.1em} /*#0c354a*/
.list4 dt ins.prvni {color:#CF0000}

.list4 dt.upraveno {background:url(../images/zelena.gif) 99% 1px no-repeat}
.list4 dt.neupraveno {background:url(../images/oranzova.gif) 99% 1px no-repeat}
.list4 dt.mimo {background:url(../images/seda.gif) 99% 1px no-repeat}
.list4 dt.castecne {background:url(../images/oranzovaOK.gif) 99% 1px no-repeat}
.list4 dt.menulevel1 {padding-left:30px; font-size:.8em; line-height:1.6em; margin-bottom:.8em}

.banners { width:100%; overflow:hidden; margin-top:-5px; background:#09425F /*url(../images/banner0.jpg) 0 0 no-repeat*/}
.banners li { float:left; margin-right:5px; padding: 9px 18px 5px 22px}
.banners li.last { margin-right:0; width:460px}
.banners p {color:#fff; font-size:1.3em; margin-bottom:8px; clear:left}
.banners span {float:right}
.banners span a {color:#fcc726; font-size:1.1em; font-weight:700}
.banners h3 {background:none}

/*==================other====================*/
.img-indent { margin:0 20px 5px 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:10px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:18px;}
.p2 { margin-bottom:12px;}


/*==================txt, links, lines, titles====================*/
a {color:#fff;}
/*a:hover{text-decoration:none;}*/
.list4 a {text-decoration:none}

h2 { font-size:2em; color:#fff; line-height:1.2em; font-weight:normal; background:url(../images/title-bg.gif) no-repeat left bottom; height:48px; margin-bottom:9px;}
h2.alt {background:url(../images/title-bg2.gif) no-repeat left bottom;}
h3 { font-size:2em; color:#fff; line-height:1.2em; font-weight:normal; background:url(../images/title-bg1.gif) no-repeat right bottom; height:48px; margin-bottom:9px;}
h4 { font-size:2em; color:#fff; font-weight:normal; line-height:1.2em; margin-bottom:12px;}
h5 { font-size:1.2em; color:#fff; margin-bottom:7px;}
h5 span { color:#a5d9f3;}

.box2 h2, .box3 h2  {background:none; margin-bottom:9px; height:inherit}
.box3 h3 {background:none; margin-bottom:0; font-size:1.2em; font-weight:600}

.txt1 { color:#fff;}

.link1 { font-size:1.17em; color:#042d42; font-weight:bold;}

.button { display:block; float:right; background:url(../images/button-bg.gif) left top repeat-x #7fd5ff; border:1px solid #094360; color:#135e84; text-decoration:none; padding:0 10px 1px 10px; margin-left:4px;}
.button:hover { text-decoration:underline; color:#000;}

.button1 { display:block; float:right; background:url(../images/button1.gif) left top repeat-x #094562; color:#fff; text-decoration:none; padding:1px 10px 2px 10px; text-transform:uppercase; margin-left:4px;}
.button1:hover { text-decoration:underline;}

.line-hor { background:#498caf; height:1px; overflow:hidden; font-size:0; line-height:0; margin:13px 0 8px 0;}
.line-hor1 { background:#4188aa; height:1px; overflow:hidden; font-size:0; line-height:0; margin:0 0 8px 0;}
.line-ver { background-image:url(../images/line-ver.gif); background-repeat:repeat-y; width:100%;}

.title { margin-bottom:5px;}


/*==================boxes====================*/
.box { background:url(../images/box-bg.jpg) left top repeat-y; width:100%; color:#6fbfe6;}
.box .top { background:url(../images/box-top.jpg) no-repeat left top;}
.box .bottom { background:url(../images/box-bottom.jpg) no-repeat left bottom;}
.box .inner { padding:36px 13px 22px 36px;}
.box .inner .inner { padding:0 20px 0 0;}
.box-bottom { background:url(../images/box-bottom.png) no-repeat left top; height:10px; overflow:hidden; font-size:0; line-height:0;}
.box .list1 li, #archiv li { background:url(../images/marker1.gif) no-repeat left 3px; border-bottom:1px solid #0d4867;}
.box .list1 li a, #archiv li a { color:#a5d9f3;}

.akce {margin-bottom:3em}
.akce span.datum, .banners li span.datum {font-size:1.25em; font-weight:600; color:#A4D8EF; float:none; display:block}
.last {margin:0}
.akce .intxt li, #archiv li {border:none}

.box1 { background:url(../images/box1-bg.jpg) no-repeat left top; width:305px; height:310px;}
.box1 .inner {background:#2E7A9E; padding:23px 27px 28px 60px;}
.box2 {background:url(../images/box3-line-bg.gif) -13px 0 repeat-y; width:292px;}
.box2 .inner {background:url(../images/box3-bg.jpg) no-repeat -13px top; padding:38px 2px 28px 40px}
.box3 {background:url(../images/box4-line-bg.gif) 0 0 repeat-y; width:210px;}
.box3 .inner {background:url(../images/box4-line2-bg.gif) left bottom no-repeat}
.box3 .inner .inner2 {background:url(../images/box4-bg.jpg) no-repeat 0 -13px; padding:38px 28px 28px 16px}
.box3 .wrapper {margin-bottom:1.5em}

.slide-box { background:#fff; border:1px solid #0a4562; position:relative;}
.slide-box .inner { padding:3px 0 3px 3px;}
.slide-box .inner1 { padding:3px 3px 0 3px}
.slide-box .img-indent { margin-right:0;}

.cont-box { padding:15px 30px 0 0; margin:0 0 0 245px;}
.cont-box span { float:right;}


/*header*/
#header .flash-menu { position:absolute;}
#header .flash-header { position:absolute; top:175px;}
#header .map {padding:10px 0 0 60px; background:url(../images/box1-bg.jpg) 29px 10px no-repeat; font-size:1.25em}

/*content*/
#content { padding:5px 45px 0 36px;}
#content .indent { padding:38px 0 10px 29px;}
#content .indent .indent { padding:0 14px 0 0;}
#content p {font-size:1.25em; line-height:1.6em}
#content p strong {color:#A4D8EF}
#content .box3 p {color:#6fbfe6; font-size:1.2em; line-height:1.4em}
#content #wcl p {font-size:1.1em; margin-bottom: 1em; padding-bottom: 1em;}

#content .col-1 .indent h3 {background:none; height:auto; font-size:1.5em}
#content .col-1 .indent .wrapper {margin-bottom:1em}
#content .col-1 .indent p {margin-bottom: 1em;}
#content .col-1 .indent .line-hor {margin-bottom:18px}

/*footer*/
#footer { text-align:right;}
#footer p { margin:0; padding:79px 46px 0 0;}
#footer a {color:#042d42; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/*==========================================*/

#rop {margin:12px 0 12px 19px }

.thumb_row {display:block; padding:0}
.thumb {float:left; line-height:130%; padding:0 0px 10px 0; width:175px}
.thumb_img {background:#fff; height:117px; text-align:center; width:157px; padding:3px}

#wcl p,#wcl p a {padding-bottom:1em; font-weight:600; color:#CFF7FF}
#wcl p a {border:none; font-weight:300; text-decoration: none;}
#wcl p a:hover {text-decoration: underline;}
#wcl p span {color:#fff;}
#wcl p span.detail {color:#042D42; font-size:.78em; font-weight:300; line-height:1.2em}
#wcl p.measure {margin-left:115px}
#kam1,#kam2,#kam3,#kam4,#kam5,#kam6,#kam7,#kam8,#kam9
{width:100px; height:77px; margin-bottom:5px; border:3px solid #fff; float:left; margin-bottom:1.5em}
#kam9 {height:64px}
#kam1 a, #kam2 a, #kam3 a, #kam4 a, #kam5 a, #kam6 a, #kam7 a, #kam8 a, #kam9 a
	{display:block; width:100px; height:77px}
#kam9 a {height:64px}
#kam1 {background:url(http://www.webcamlive.cz/camera_image.php?idCamera=120&width=102&clear=true) 0 50%}
#kam2 {background:url(http://www.webcamlive.cz/camera_image.php?idCamera=125&width=102&clear=true) 0 50%}
#kam3 {background:url(http://www.webcamlive.cz/camera_image.php?idCamera=190&width=102&clear=true) 0 50%}
#kam4 {background:url(http://www.webcamlive.cz/camera_image.php?idCamera=197&width=102&clear=true) 0 50%}
#kam5 {background:url(http://www.webcamlive.cz/camera_image.php?idCamera=20&width=102&clear=true) 0 50%}
#kam6 {background:url(http://www.webcamlive.cz/camera_image.php?idCamera=19&width=102&clear=true) 0 50%}
#kam7 {background:url(http://www.webcamlive.cz/camera_image.php?idCamera=16&width=102&clear=true) 0 50%}
#kam8 {background:url(http://www.webcamlive.cz/camera_image.php?idCamera=201&width=102&clear=true) 0 50%}
#kam9 {background:url(http://www.webcamlive.cz/camera_image.php?idCamera=318&width=102&clear=true) 0 50%}

#wcl .line-hor {margin:15px 0 24px 0; clear: both;}
#wcl h5 span {font-size:.7em}

#content p.error {color:#A4D8EF; margin-bottom:10px; line-height:1em}
#content p.form {margin-bottom:15px}
#okMessage {font-weight:600}

.popis-box {width:50%}
.popis-box1 {width:65%}
.popis-box span, .popis-box1 span { float:right; font-weight:600; color:#fff}

#mailem {background:url(../images/vlocky.gif) 0 0 no-repeat; padding:0 0 1em 40px}
p#mailem span {width:100%;float:none}

table#trailinfo {margin: 0 0 20px 0; width:100%}
th {border-bottom:1px solid #3688B0; padding:5px 10px 5px 0; color:#C2E4EF}
table#trailinfo td {padding:5px 8px}
table#trailinfo tr.even {background:#1B698F}

#archiv {margin:2em 0; padding-bottom:2em}