@import url("common.css");

/********************************* COLORS*/  
/*
page bg         #06264d dark blue
footer bg       #214e87 light blue
blue link       #6f98cc light blue
yellow link     #fff500 yellow
footer text     #638ec5 light blue
*/

/********************************* GLOBAL */
body { background:#06264d; color:#fff; font-size:62.5%; }
#page { font-size:1.2em; line-height:1.4; width:1000px; margin:0 auto; position:relative; }

/********************************* LINKS */
a, a:link { color:#fff; text-decoration:underline; cursor:pointer; }
a:visited { color:#fff; }
a:active, a:focus, a:hover { color:#fff500; text-decoration:underline; }
a img { border:0 none; }


/********************************* HEADER */
#header { width:1000px; height:290px; position:relative; z-index:1; }
.summer #header { background:#123662 url('../images/bg-head-summer.jpg'); }
.winter #header { background:#123662 url('../images/bg-head-winter.jpg'); }
#header #emblem { background:url('../images/emblem.png'); width:102px; height:124px; position:absolute; top:166px; left:142px;  }
#header #logo { width:300px; height:70px; position:absolute; top:234px; left:665px;   }
#header #logo a { font-size:2.4em; font-style:italic; font-weight:700; text-transform:uppercase; letter-spacing:-2px; cursor:pointer; }
.summer #header #logo a span { background:url('../images/logo-summer.jpg') left top no-repeat; }
.winter #header #logo a span { background:url('../images/logo-winter.jpg') left top no-repeat; }
#lang { position:absolute; top:10px; right:20px; }
#lang strong,
#lang a:hover,
#lang a:focus { color:#6f98cc; font-weight:500; }
#contact-email { position:absolute; top:10px; left:20px; }
#contact-email a.link { background:url('../images/ico-email.gif') left 3px no-repeat; padding:0 0 0 20px; text-decoration:none; }
#contact-email a.link:hover { background-position:left -108px; }
#contact-email a.link span { text-decoration:underline; }


/********************************* CONTAINER */
#container { width:1000px; position:relative; z-index:0; }
.summer #container { background:url('../images/bg-body-summer.jpg') no-repeat; }
.winter #container { background:url('../images/bg-body-winter.jpg') no-repeat; }
#container p { margin:0 0 1em 0; }


/********************************* LEFT BOX */
#leftbox { width:232px; padding:8px 0 0 19px; float:left; }
#leftbox #dontmiss { background:#214e87 url('../images/bg-leftbox-dontmiss-top.png') no-repeat; width:232px; }
#leftbox #dontmiss p{ font-size:0.9em; }
#leftbox #dontmiss img { border:1px solid #4e79b0; }
#leftbox #dontmiss a { color:#fff500; }
#leftbox #dontmiss a:hover { color:#6f98cc; }
#leftbox .leftbox-bottom { background:#214e87 url('../images/bg-leftbox-bottom.png') no-repeat; width:232px; height:17px; margin:0 0 8px 0; }
#leftbox #dontmiss #play { margin:0 0 0 6px; }


#leftbox #weather { background:url('../images/bg-weather.png') 8px bottom no-repeat; width:232px; height:100px; margin:auto; position:relative; }
#leftbox #weather h2 { text-align:center; }
#leftbox #weather dl { position:absolute; top:42px; }
#leftbox #weather dt { width:18px; margin:4px 2px 0 7px; float:left; font-size:0.9em; }
#leftbox #weather dd { float:left; width:42px; height:42px; }
#leftbox #weather dd.sunny span { background:url('../images/weather01.png') left top no-repeat; }
#leftbox #weather dd.cloudy span { background:url('../images/weather02.png') left top no-repeat; }
#leftbox #weather dd.overcast span { background:url('../images/weather03.png') left top no-repeat; }
#leftbox #weather dd.mraky span { background:url('../images/weather04.png') left top no-repeat; }
#leftbox #weather dd.rain span { background:url('../images/weather05.png') left top no-repeat; }
#leftbox #weather dd.velky_dest span { background:url('../images/weather06.png') left top no-repeat; }
#leftbox #weather dd.kroupy span { background:url('../images/weather07.png') left top no-repeat; }
#leftbox #weather dd.bourka span { background:url('../images/weather08.png') left top no-repeat; }
#leftbox #weather dd.bourka2 span { background:url('../images/weather09.png') left top no-repeat; }
#leftbox #weather dd.snih span { background:url('../images/weather10.png') left top no-repeat; }
#leftbox #weather dd.snezit span { background:url('../images/weather11.png') left top no-repeat; }
#leftbox #weather dd.trakare span { background:url('../images/weather12.png') left top no-repeat; }

#leftbox #snow_status { background:url('../images/snowflake.png') left top no-repeat; height:37px; }
#leftbox #snow_status p { margin:0 0 0 45px; }


/********************************* MENU */
#leftbox #navigation { width:232px; }
.summer #leftbox #navigation { background:#214e87 url('../images/bg-leftbox-menu-top-summer.png') no-repeat; }
.winter #leftbox #navigation { background:#214e87 url('../images/bg-leftbox-menu-top-winter.png') no-repeat; }
#leftbox #navigation ul { margin:15px 0 0 0; line-height:1.5; }
#leftbox #navigation ul li { background:url('../images/menu-dot.gif') left 5px no-repeat; padding:0 0 0 15px; }
#leftbox #navigation ul li a { font-weight:700; }
#leftbox #navigation ul li strong,
#leftbox #navigation ul li a:hover,
#leftbox #navigation ul li a:focus { color:#6f98cc; font-weight:700; }
#leftbox #navigation ul li a.active,
#leftbox #navigation ul li a.active:hover { color:#6f98cc; font-weight:700; }

#leftbox #navigation ul li ul { margin:0 0 6px 10px; }
#leftbox #navigation ul li ul li { background:url('../images/menu-line.gif') left 8px no-repeat; padding:0 0 0 8px;  }
#leftbox #navigation ul li ul li a { font-weight:500; }
#leftbox #navigation ul li ul li strong,
#leftbox #navigation ul li ul li a:hover,
#leftbox #navigation ul li ul li a:focus { font-weight:500; }
#leftbox #navigation ul li ul li ul { margin:0 0 0 10px; }
#leftbox #navigation ul li ul li ul li { background:none; padding:0 0 0 8px;  }
#leftbox #navigation ul li ul li ul li a { color:#ddd; font-style:italic; }


/********************************* CONTENT BOX */
#right-content { width:740px; float:right;  }
#content { width:480px; margin:15px 0 0 0; padding:0 0 0 0; float:left;  }
#content p.more { text-align:right; margin:0; padding:0 0 1em 0; }
#content p { margin:0 0 1.4em 0; /*text-align:justify;*/ }
#content img { border:1px solid #4e79b0; }
#content a { color:#6f98cc; }
#content a:hover { color:#fff500; }
#content .events { background:url('../images/bg-rightbox-news-dots.gif') left bottom repeat-x; padding:15px 0; }
#content .contacts {  }
#content .contacts address { margin:0 0 10px 0; }
#content .contacts h2 { color:#6f98cc; font-weight:700; }
#content .contacts dl { overflow:hidden; margin:0 0 0 20px; }
#content .contacts dt { float:left; width:100px; font-style:italic; }
#content ul { margin:5px 0; }
#content ul li { background:url('../images/menu-dot.gif') left 5px no-repeat; padding:0 0 0 15px; margin:0 0 0 10px; }
#content ol { list-style-type:decimal; padding:0 0 0 15px; margin:0 0 0 10px; }
#content .searchHightLight { background:#214e87; color:#fff500; font-weight:700;   }
#content .calendar_icon { width:21px; height:23px; float:left; margin:3px 0 0 5px; }
#content .calendar_icon a span { background:url('../images/calendar_icon.png') left top no-repeat; }
#content .calendar_icon a:hover span { background-position:left bottom; }


/********************************* RIGHT BOX */
#rightbox { width:232px; padding:15px 19px 0 0; float:right; /*position:absolute; z-index:0; top:8px; right:0;*/ }
#rightbox #order-button,
#rightbox #order-button2 { /*background-color:#0b2044;*/ width:222px; height:77px; margin-left:6px; text-align:center; text-indent:-10000px; }
#rightbox #order-button a,
#rightbox #order-button2 a { font-size:1.4em; font-weight:700; text-transform:uppercase; letter-spacing:-1px; cursor:pointer; }
#rightbox #order-button a:hover,
#rightbox #order-button2 a:hover { text-decoration:none; }
.summer #rightbox #order-button.cz a span { background:url('../images/order-cz-summer.png') left top no-repeat; }
.winter #rightbox #order-button.cz a span { background:url('../images/order-cz-winter.png') left top no-repeat; }
.summer #rightbox #order-button.en a span { background:url('../images/order-en-summer.png') left top no-repeat; }
.winter #rightbox #order-button.en a span { background:url('../images/order-en-winter.png') left top no-repeat; }
.summer #rightbox #order-button.de a span { background:url('../images/order-de-summer.png') left top no-repeat; }
.winter #rightbox #order-button.de a span { background:url('../images/order-de-winter.png') left top no-repeat; }
.summer #rightbox #order-button.pl a span { background:url('../images/order-pl-summer.png') left top no-repeat; }
.winter #rightbox #order-button.pl a span { background:url('../images/order-pl-winter.png') left top no-repeat; }
.summer #rightbox #order-button.ru a span { background:url('../images/order-ru-summer.png') left top no-repeat; }
.winter #rightbox #order-button.ru a span { background:url('../images/order-ru-winter.png') left top no-repeat; }
.summer #rightbox #order-button2 a span, 
.winter #rightbox #order-button2 a span { background:url('../images/order-vila-eugen.png') left top no-repeat; }
.summer #rightbox #order-button.cz a:hover span,
.winter #rightbox #order-button.cz a:hover span,
.summer #rightbox #order-button.en a:hover span,
.winter #rightbox #order-button.en a:hover span,
.summer #rightbox #order-button.de a:hover span,
.winter #rightbox #order-button.de a:hover span,
.summer #rightbox #order-button.pl a:hover span,
.winter #rightbox #order-button.pl a:hover span,
.summer #rightbox #order-button.ru a:hover span,
.winter #rightbox #order-button.ru a:hover span, 
.summer #rightbox #order-button2 a:hover span, 
.winter #rightbox #order-button2 a:hover span { background-position:left bottom;  }

#rightbox #search { background:url('../images/bg-rightbox-search.png') no-repeat; width:232px; height:102px; margin:8px 0 0 0; }
#rightbox #search h2 { padding:20px 0 0 25px; margin:0; }
#rightbox #search form { background:#214e87 url('../images/bg-search-shadow.png') left top no-repeat; width:192px; height:42px; position:relative; left:20px; }
#rightbox #search form input.txt { background:transparent; border:0; width:95px; padding:.3em 0 .4em .4em; margin:0; position:relative; left:7px; top:1px; }
#rightbox #search form input.search { background:#0b2044 url('../images/bg-search-button.png') left top no-repeat; width:66px; height:25px; padding:0; margin:0; position:relative; top:9px; left:14px; overflow:hidden; color:#fff; }
#rightbox #search form input.search.en { background:#0b2044 url('../images/bg-search-button-en.png') left top no-repeat; }
#rightbox #search form input.search.de { background:#0b2044 url('../images/bg-search-button-de.png') left top no-repeat; }
#rightbox #search form input.search.ru { background:#0b2044 url('../images/bg-search-button-ru.png') left top no-repeat; }
#rightbox #search form input.search.pl { background:#0b2044 url('../images/bg-search-button-pl.png') left top no-repeat; }
#rightbox #search form input.search:hover,
#rightbox #search form input.search:visited,
#rightbox #search form input.search:focus { background-position:left bottom; }

#rightbox .news-top { background:#123662 url('../images/bg-rightbox-news-top.png') no-repeat; width:232px; height:18px; margin:8px 0 0 0; }
#rightbox .news-bottom { background:#123662 url('../images/bg-rightbox-news-bottom.png') no-repeat; width:232px; height:16px; margin:0 0 8px 0; }
#rightbox #news { background:#06264d; border-left:1px solid #123662; border-right:1px solid #123662; width:230px; }
#rightbox #news h2 { margin:0; }
#rightbox #news ul li { background:url('../images/bg-rightbox-news-dots.gif') left bottom no-repeat; font-size:0.9em; padding:15px 0; }
#rightbox #news ul li h3 { font-size:1.1em; }
#rightbox #news ul li h3 a { color:#6f98cc; }
#rightbox #news ul li h3 a:hover { color:#fff500; }
#rightbox #news ul li span.more { display:block; text-align:right; margin:.5em 0 0 0; }
#rightbox #news ul li span.more a { background:url('../images/arrow.png') left center no-repeat; padding:0 0 0 7px; color:#fff500; }
#rightbox #news ul li span.more a:hover { background-position:-297px center; color:#6f98cc; }


/********************************* FOOTER */
#footer { background:#214e87 url('../images/bg-footer.png') no-repeat; margin:5px 0 0 0; width:1000px; height:80px; }
#footer p { font-size:0.95em; color:#638ec5; text-align:right; padding:25px 20px 0 0; }

 { font-size:0.95em; color:#638ec5; text-align:right; padding:25px 20px 0 0; }


/********************************* FILES */
#content .files { list-style:none; margin:0; padding:0; }
#content .files li { margin:0; padding:2px 0 2px 10px; }
#content .files li a { color:#fff; text-decoration:underline; }
#content .files li a img { border:0 none; vertical-align:middle; }
#content .files li a:hover { text-decoration:none; }


/********************************* GALLERY IMAGES */
#content .images,#content .list_of_wells { list-style-type:none; margin:0; padding:0; overflow:hidden; width:100%; }
#content .images li { background-image:none; padding:0; margin:20px; float:left; position:relative; width:170px; height:130px; }
#content .list_of_wells li { background-image:none; padding:0; margin:5px; float:left; position:relative; width:110px; height:100px; }
#content .images li a:hover img, #content .list_of_wells li a:hover img { border-color:#355E8F; }
#content .images img, #content .list_of_wells img { background:#06264d; border:1px solid #123662; padding:4px; }
#content .images em { background:#06264d; color:#5A90CF; font-style:normal; padding:1px 8px; display:block; position:absolute; top:4px; left:5px; border:1px solid #123662; border-left-color:#06264d; border-top-color:#06264d; }
#content .images a { text-decoration:none; }
#content .images a:hover em { color:#ccc; }


/********************************* FORM */
#content form#order h2 { padding-top:20px; color:#6f98cc; }
#content form#order h3 { color:#6f98cc; margin:25px 0 0 0; padding:0 0 2px 0; font-style:italic; font-size:1.3em; position:relative; border-bottom:1px solid #7798BF; }
#content form#order h4 { margin:20px 0 5px 0; }
#content form#order h4.toggleProcedures { cursor:pointer; position:relative; }
#content form#order h4.toggleProcedures em { color:#6f98cc; position:absolute; right:0; font-size:0.9em; }
#content form#order ul, #content form#order ul li { background:none; border:0; margin:0; padding:0; list-style:none; }
#content form#order ul li { clear:both; list-style:none; line-height:2.5; }
#content form#order input.txt { background:#fff url('../images/bg-search-input-long.png') left top no-repeat; border:1px solid #457bbe; margin-top:2px; padding:4px 3px; float:left; width:245px; }
#content form#order input.txt.short { width:100px; }
#content form#order label { width:110px; float:left; }
#content form#order span.required { color:#fff500; font-weight:700; }
#content form#order textarea { background:#fff url('../images/bg-search-input-long.png') left top no-repeat; border:1px solid #3264a3; font-size:1em; padding:4px 3px; width:100%; height:150px; }
#content form#order ul.radio { margin:0; }
#content form#order ul.procedures li { background:#072d5a; margin:0 0 15px; padding:5px 10px; cursor:pointer; }
#content form#order ul.procedures li:hover { background:#0c386d; }
#content form#order ul.radio li label, #content form#order ul.procedures li label { float:none; width:0; }
#content form#order select { width:252px; }
#content form#order span.count { float:right;  }
#content form#order span.count a { font-weight:700; font-size:1.2em; text-decoration:none; }
#content form#order span.count input { width:30px; text-align:center; font-weight:700; font-size:1.2em; padding:0 5px; color:#06264d; border:2px solid #6f98cc; }
#content form#order button#next,
#content form#order button#back { background:#06264d url(../images/button-submit.png) no-repeat; color:#fff; text-decoration:none; font-weight:700; text-align:center; display:block; width:164px; height:32px; line-height:32px; margin:20px auto; border:none; cursor:pointer;  }
#content form#order button#back { background:#06264d url(../images/button-submit-back.png) no-repeat; }
#content form#order ul.error { background:#a30000 url('../images/bg-error.png') center top repeat-y; border:1px solid #c00; border-left:none; border-right:none; margin:10px auto 0;  }
#content form#order ul.error li { color:#fff; font-weight:700; padding:0 10px; }


/********************************* TABLES */
#content form#order table.summary { width:100%; border:1px solid #123662; }
#content form#order table.summary td, #content form#order table.summary th { border:1px solid #123662; padding:5px; }
#content form#order table.summary th { text-align:left; width:150px; }
#content form#order table.summary td h3 { color:#fff; margin:15px 0 0 0; border:none; font-size:1.1em; font-style:normal; }
#content form#order table.summary td h4 { color:#6f98cc; margin:5px 0 0 0;  }

#content table.well_houses, #content table.rekreace { width:100%; }
#content table.well_houses th, #content table.rekreace th { text-align:left; }
#content table.well_houses tbody td { border-bottom:2px solid #123662;  }

#content table.rekreace { margin:20px 0; }
#content table.rekreace td,#content table.rekreace th { border:1px solid #123662; padding:3px 5px; }
#content table.rekreace.ctr td,#content table.rekreace.ctr th { text-align:center; }

/********************************* CLASSES */
.inner { padding:10px 25px; }
.clearfloat { width:100%; overflow:hidden; }
.edit-buttons { width:100%; overflow:hidden; display:block; }
.hidden{ display:none; }
.clrl { clear:left; }

.ir,
.ir span { display:block; overflow:hidden; position:relative; top:0; left:0; } 
.ir span { width:100%; height:100%; position:absolute; }

.img-left{ display:block; float:left; margin:5px 10px 5px 0; }
.img-right { display:block; float:right; margin:5px 0 0 10px; }
.img-center { display:block; margin:5px auto; }
.fleft { float:left; }
.fright { float:right; }

.more { text-align:right; margin:0; padding:1em 0 0 0; }
.more a { font-weight:700; color:#fff500; }
.more a:hover { color:#6f98cc; }

.back { text-align:left; padding:1em 0 0 0; }

.success li{ color:#c00; font-weight:700; }
.success{ background:#ACFFAC; border-color:#017F00; }
.success li{ color:#017F00; }


/************************************** Obednavka *******************************************/
#obednavka { /*width:800px; background:white; color:black;*/ }
#obednavka h1,
#obednavka h2,
#obednavka p { text-align:center; margin-bottom:20px; }
#obednavka p.top { font-size:1em; }
#obednavka table { border:white solid 2px; margin-bottom:20px; }
#obednavka .nazev { /*width:500px; margin-left:150px;*/ }
#obednavka .zavorka { font-weight:normal; margin:0; padding:0; }

#obednavka th { font-weight:bold; /*width:150px;*/ }
#obednavka .cislo {  }
#obednavka #adresy,
#obednavka #seznam { /*margin-left:25px; width:750px;*/ }
#obednavka #paticka { border:0; /*margin-left:15px;*/ }
#obednavka #paticka td { /*width:110px;*/ text-align:left; border:0; vertical-align:top; font-size:0.8em; }

#obednavka_email { width:800px; background:white; color:black; }
#obednavka_email h1,
#obednavka_email h2,
#obednavka_email p { text-align:center; margin-bottom:20px; }
#obednavka_email p.top { font-size:1em; }
#obednavka_email table { border:black solid 2px; margin-bottom:20px; }
#obednavka_email .nazev { width:500px; margin-left:150px; }
#obednavka_email .zavorka { font-weight:normal; margin:0; padding:0; }

#obednavka_email th { font-weight:bold; width:150px; }
#obednavka_email .cislo {  }
#obednavka_email #adresy,
#obednavka_email #seznam { margin-left:25px; width:750px; }
#obednavka_email #paticka { border:0; margin-left:15px; }
#obednavka_email #paticka td { width:110px; text-align:left; border:0; vertical-align:top; font-size:0.8em; }

#obednavka td,
#obednavka th { padding:2px 5px; }

.highslide-caption { display:none; font-size:1.2em; padding:5px; background:white; color:#06264D; text-align:center; }
.tv-portal {margin:10px 0px;}