body, html { height: 100% }
body, body * { margin: 0px; padding: 0px }
body { background: #355f72 url('../images/page_bg_top.gif') repeat-x 0px -5px; color: #FFFFFF; font-family: Arial, Verdana, Sans-Serif; font-size: 75%;  }

div#topBlackCanvas { width: 100%; background-color: #000000; }

div.wrap {  width: 733px; margin: 0 auto;  background: url('../images/page_bg_center.gif') repeat-y ; height: 100%; }
div.block { width: 100%; }
div.divHR { font-size: 1px; border-top:1px dotted #999; height: 0px; margin: 0 15px;   }

a:hover { text-decoration: underline; }
a { color: #FFFFFF; text-decoration: none; }
img { border: none }

h1 { font-size: 2em }

/* HEADER */
ul#lang {    }
ul#lang li { display: block; float: right;  }
ul#lang li a { font-size: 0.85em; padding: 2px 8px; text-decoration: none; display: block; border-right: 1px solid #333; color: #fff; margin-top: 3px; }
ul#lang li a:hover { text-decoration: underline }

div#logoContainer { background: #000000 url('../images/header_bg_top.jpg') repeat-x; height: 70px; clear: both; overflow: hidden; }
div#logoContainer img.logo { margin-top: 1px; margin-left: 240px;}
div#logoContainer h1 { display: none; }

div#bannerContainer { height: 116px; background: #8cb4fc url('../images/banner_img.jpg') no-repeat center top; border-top: 1px solid black; border-bottom: 1px solid black; }

div#mainMenu { background: #417488 url('../images/menu-container_bg.gif') repeat-x; border-bottom: 4px solid black; text-align: center; padding: 16px 0 10px 0; }
div#mainMenu ul { display: inline; list-style-type: none; background: url('../images/main-menu-separator.gif') no-repeat right top; padding-right: 3px; }
div#mainMenu ul li { display: inline; background: url('../images/main-menu-separator.gif') no-repeat; }
div#mainMenu ul li a { text-decoration: none; margin: 0px 4px 0 8px }
div#mainMenu ul li a:hover { text-decoration: underline }

div#body { float: left; width: 100%; background: url('../images/page_bg_center.gif') repeat-y }

/* CONTENT */
div#content { width: 503px; float: left; display: inline; margin: 10px; background: #FFFFFF url('../images/content-bg.png') repeat-x; color: #333333 }
div#content p { padding: 10px 15px 10px 15px }
div#content p img#cv { margin-left: 20px; }
div#content .indent { text-indent: 20px; }
div#content h2 { margin: 10px 10px; padding: 8px 15px 5px 15px; font-size: 1.15em; background: #8bc466; color: White; text-align: center; font-weight: normal; }
div#content img#indexImg { float: left; margin: 20px 25px 20px 15px; }
div#content a { color: #333333 }


div#content h4 { padding: 3px 20px; font-size: 100%; }
div#content ul { padding: 5px 30px }
img#cv { margin: 10px 20px 10px 20px; float: right; }

h4#datumyPokoje { font-size: 1em; text-align: left; padding: 0 15px 15px 15px; font-weight: normal;}

/* CONTENT galerie */
img.thumbImg { padding: 5px 10px 10px 5px; background-image: url('../images/galImgTpl.gif'); background-repeat: no-repeat; width: 120px; height: 90px; margin: 10px 5px; }
img.GaleryThumbImg { padding: 5px 10px 10px 5px; background-image: url('../images/galImgTpl.gif'); background-repeat: no-repeat; width: 120px; height: 90px; margin: 10px 5px; }
img.GaleryThumbImgHLight { padding: 5px 10px 10px 5px; background-image: url('../images/galImgTpl_hLight.gif'); background-repeat: no-repeat; width: 120px; height: 90px; margin: 10px 5px; }
/* CONTENT kontakt */

#ContactImg { float: left }
#ContactImg img { clear: both; margin: 15px; }
address { margin-top: 40px; }

/* CONTENT roomInfo */
table.roomInfo {  }
table.roomInfo td.info { padding: 15px 5px; line-height: 1.5em; }
table.roomInfo td.info span.adText { display: block; margin-top: 10px; }
table.roomInfo td.info h5 { font-size: 1.2em; margin-bottom: 10px; }
table.roomInfo td.info h5 a { color: #333 }

/* CONTENT singleCalendar */
div.singleCalendarContainer { margin-top: 20px; }
table.singleCalendar { margin: 20px; margin-top: 0; color: #fff }
table.singleCalendar td { text-align: center; }
td.singleCalendarTitle { background: #333; padding: 5px; font-size: 1em;  }

tr.singleCalendarHead td { background: #c37056; padding: 0.2em; }
table.singleCalendar td a { background: #73c466; color: #fff; display: block; width: 62px; padding: 5px 0; float: left; border: 1px solid #9cdf8e; border-bottom-color: #497c40; border-right-color: #497c40; }
table.singleCalendar td div { background: #fff; color: #ccc; display: block; width: 62px; padding: 5px 0; float: left; border: 1px solid #fff; border-bottom-color: #ccc; border-right-color: #ccc; }
table.singleCalendar .week { background: #64ab59;  }
table.singleCalendar .full { background: #e0e0e0; color: #fff; border: 1px solid #f1f1f1; border-bottom-color: #5e5e5e; border-right-color: #5e5e5e; }

table.singleCalendar td a:hover { background-color: green; text-decoration: none; }

/* .... */
div#calendarStartSel { padding: 20px 30px 0 20px; text-align: right; }

.PhotosContainer { margin: 20px 25px; }
.pagingContainer { text-align: right; padding: 0 50px 20px 0; }
.GaleryLargeImage { width: 420px; height: 315px; border: 10px solid white; }

td.infoList { width: 50%; vertical-align: top; }
td.infoList h4 { text-align: center; color: White;}
td.infoList ul { list-style-type: square; list-style-position: outside; color: White; margin: 15px 0;}
td#infoListLeto { background: #90c170 url('../images/letoBg.png') repeat-x }
td#infoListZima { background: #477c91 url('../images/zimaBg.png') repeat-x }

/* FOOTER */
div#footMenu { background-color: #ebebeb; padding: 5px 15px; color: #FFFFFF; text-align: center; margin-top: 15px; color: #666666; clear: both }
div#footMenu a { color: #333333; text-decoration: none; }
div#footMenu a:hover { text-decoration: underline; }

div#created { margin-top: 1px; padding: 5px 0px; font-size: 0.8em; text-align: right; line-height: 2em;  }
div#created span.w3 { background-color: #355f72; color: White; padding: 0.15em 0.5em; }
div#created span.w3text { background-color: #8bc466; color: White; padding: 0.15em 0.5em; }

/* RIGHT SIDE */
div#rightSide { width: 200px; float: left; overflow: hidden; padding-top: 20px; background: #8bc466 url('../images/LeftSide-Top.gif') no-repeat; }
div#rightSide h3 { font-size: 1em; background-color: #66904b; padding: 5px;}
div#rightSide p { padding: 10px }
div#rightSide img#rndImg { margin: 10px 10px; }

input.inputDate { width: 70px; font-size: 0.85em; padding: 0.15em; }
input.checkSubmit { float: right }
img.calendar_small { cursor: pointer }

img.access { border: 1px solid white; margin: 3px; }

/* HOME AKTUALITY */
div#aktuality { width: 227px; float: left; margin: 20px 25px 15px 20px; display: inline; }
div#aktuality p { margin: 0; padding: 15px 25px 0 25px; font-size: 0.85em; }
div#aktuality div#head { background: url('../images/Aktuality-head-bg.png') repeat-x bottom left; margin: 0 5px 0 2px; width: 220px; float: left; display: inline; }
div#aktuality span, h3#aktual { float: left; background-image: url('../images/Aktuality-head-text-bg.png'); color: #FFFFFF; font-size: 1.1em; padding: 10px; display: block; }
div#aktuality span.head-roh { margin: 0; padding: 10px 0; width: 10px;  }
div#aktuality span#levy { background: url('../images/Aktuality-head-roh-levy.png') no-repeat; }
div#aktuality span#pravy { background: url('../images/Aktuality-head-roh-pravy.png') no-repeat; }
div#aktuality div#in { background: url('../images/Aktuality-content-bg.png') repeat-y; clear: both; padding-bottom: 15px; }
div#aktuality div#foot { width: 100%; height: 7px; background: url('../images/Aktuality-foot-bg.png') no-repeat; }