/* Start of CMSMS style sheet 'Kocka CSS' */ /* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */ * { margin: 0; padding: 0; } /*Set initial font styles*/ body { text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 75.01%; line-height: 1em; } /*set font size for all divs, this overrides some body rules*/ div { font-size: 1em; } /*if img is inside "a" it would have borders, we don't want that*/ img { border: 0; } /*default link styles*/ a, a:link a:active { /* set all links to have underline */ text-decoration: underline; /* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */ background-color: inherit; /* this is a bluish color, you change this for all default link colors */ color: #666baf; } a:visited { /* keeps the underline */ text-decoration: underline; background-color: inherit; /* a different color is used for visited links */ color: #18507C; } a:hover { /* remove underline on hover */ text-decoration: none; background-color: inherit; /* using a different color makes the hover obvious */ color: #385C72; } /*****************basic layout *****************/ body { margin: 0; padding: 0; /* default text color for entire site*/ color: #333; } div#pagewrapper { /* min max width, IE wont understand these, so we will use java script magic in the */ width: 990px; /* now that width is set this centers wrapper */ margin: 0 auto; background-color: #fefefe; color: black; } /* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */ div#header { height: 196px; margin: 0; padding: 0; background: url(uploads/ngrey/top.jpg) top left no-repeat; } div#header h1 a { background: url(uploads/ngrey/logoCMS.png) no-repeat left top; display: block; height: 44px; width: 503px; text-indent: -999em; text-decoration: none; } div#header h1 { margin: 0; margin-left: 2px; width: 503px; padding: 0; line-height: 0; font-size: 0; float: left; background: url(uploads/ngrey/logoCMS.png) no-repeat left top; } div#header h2 { /* this is where the site name is */ float: right; line-height: 1.2em; /* this keeps IE6 from not showing the whole text */ font-size: 1.5em; /* keeps the size uniform */ margin: 35px 65px 0px 0px; /* adjust according your text size */ color: #f4f4f4; } div#header .top_menu{ margin-top: 18px; float: left; } div#header .top_menu img{ float: left; } div#header .top_menu ul{ float: left; width: 594px; margin-top: 10px; } div#header .top_menu ul li{ float: left; display: inline; font-size: 1.3em; width: 197px; height: 51px; margin-top: 2px; } div#header .top_menu ul li a, #right_menu ul li a, #left_menu ul li a{ color: #000000; display: block; padding: 0 0 51px 0; text-decoration: none; } div#header .top_menu ul li a:hover{ text-decoration: none; } div#header .top_menu ul li span, #right_menu ul li span , #left_menu ul li span { display: inline; height: 0; left: -1000px; overflow: hidden; position: absolute !important; top: -1000px; width: 0; } div#header .top_menu ul li.tm-ubytovani{ background: url(uploads/ngrey/top_menu/ubytovani.jpg) no-repeat left top; } div#header .top_menu ul li.tm-restaurace{ background: url(uploads/ngrey/top_menu/restaurace.jpg) no-repeat left top; margin-left: 1px; margin-right: 1px; } div#header .top_menu ul li.tm-tipy{ background: url(uploads/ngrey/top_menu/tipy.jpg) no-repeat left top; } div#header .top_menu ul li.tm-kockodeni{ background: url(uploads/ngrey/top_menu/kockodeni.jpg) no-repeat left top; } div#header .top_menu ul li.tm-fotogalerie{ background: url(uploads/ngrey/top_menu/fotogalerie.jpg) no-repeat left top; margin-left: 1px; margin-right: 1px; } div#header .top_menu ul li.tm-cyklotrasy{ background: url(uploads/ngrey/top_menu/cyklotrasy.jpg) no-repeat left top; } #right_menu ul li, #left_menu ul li{ float: left; font-size: 1.3em; width: 197px; height: 51px; margin-top: 2px; list-style: none; } #right_menu ul li#rm-pochod{ background: url(uploads/ngrey/right_menu/pochod.jpg) no-repeat left top; } #right_menu ul li#rm-cyklotoulka{ background: url(uploads/ngrey/right_menu/cyklotoulka.jpg) no-repeat left top; } #right_menu ul li#rm-sport{ background: url(uploads/ngrey/right_menu/sport.jpg) no-repeat left top; } #right_menu ul li#rm-pohadkove-leto{ background: url(uploads/ngrey/right_menu/pohadkove_leto.jpg) no-repeat left top; } #right_menu ul li#rm-naucne-stezky{ background: url(uploads/ngrey/right_menu/naucne_stezky.jpg) no-repeat left top; } #right_menu ul li#rm-rozhledny{ background: url(uploads/ngrey/right_menu/rozhledny.jpg) no-repeat left top; } #right_menu ul li#rm-pesi-mapa{ background: url(uploads/ngrey/right_menu/pesi_mapa.jpg) no-repeat left top; } #right_menu ul li#rm-fauna{ background: url(uploads/ngrey/right_menu/fauna.jpg) no-repeat left top; } #right_menu ul li#rm-votice{ background: url(uploads/ngrey/right_menu/votice.jpg) no-repeat left top; } #left_menu ul li#lm-kontakt{ background: url(uploads/ngrey/left_menu/kontakt.jpg) no-repeat left top; } #left_menu ul li#lm-rezervace{ background: url(uploads/ngrey/left_menu/rezervace.jpg) no-repeat left top; } #left_menu ul li#lm-cenik{ background: url(uploads/ngrey/left_menu/cenik.jpg) no-repeat left top; } #left_menu ul li#lm-darkovy{ background: url(uploads/ngrey/left_menu/darkovy_poukaz.jpg) no-repeat left top; } #left_menu ul li#lm-fotogalerie{ background: url(uploads/ngrey/left_menu/fotogalerie.jpg) no-repeat left top; } #left_menu ul li#lm-svatby{ background: url(uploads/ngrey/left_menu/svatby.jpg) no-repeat left top; } #left_menu ul li#lm-poledni-menu{ background: url(uploads/ngrey/left_menu/poledni_menu.jpg) no-repeat left top; } #left_menu ul li#lm-jidelni-listek{ background: url(uploads/ngrey/left_menu/jidelni_listek.jpg) no-repeat left top; } div.footback{ background: url(uploads/ngrey/footer.jpg) no-repeat left top; padding-top: 50px; } div.footback .footer_menu ul li{ display: inline; font-size: 1em; padding-right: 8px; } div.footback .footer_menu ul li a{ color: #5B5252; } div.footback .footer_menu ul li a:hover{ } div.breadcrumbs { padding: 0em 0em 0em 0em; font-size: 90%; margin: 0px; } div.breadcrumbs span.lastitem { font-weight: bold; } div#search { /* position for the search box */ float: right; /* enough width for the search input box */ width: 27em; text-align: right; padding: 0.5em 0 0.2em 0; margin: 0 1em; } /* a class for Submit button for the search input box */ input.search-button { border: none; height: 22px; width: 53px; margin-left: 5px; padding: 0px 2px 2px 0px; /* makes the hover cursor show, you can set your own cursor here */ cursor: pointer; /* you can set your own image here */ background: url(uploads/ngrey/search.gif) no-repeat center center; } div#content { /* some air above and under menu and content */ margin: 0px auto 0em 0; padding: 0px; } /* this gets all the outside calls that were used on the div#main before */ div.back1 { /* this will give room for sidebar to be on the left side, make sure this number is bigger than sidebar width */ margin-left: 2%; /* and some air on the right */ margin-right: 2%; /* you can set your own image here */ background: url(uploads/ngrey/mainrt1.gif) no-repeat right top; } /* this is an IE6 hack, you may see these through out the CSS */ * html div.back1 { /* unlike other browser IE6 needs float:right and a width */ float: right; width: 69%; /* and we take this out or it will stop at the bottom */ margin-left: 0%; /* and some air on the right */ margin-right: 10px; /* you can set your own image here */ background: url(uploads/ngrey/mainrt1.gif) no-repeat right top; } div#main { padding: 10px 0px; } div#main P{ padding-left: 10px; padding-right: 10px; text-align: justify; line-height:180%; } div.back #main { padding: 10px 0px 1px 0px; } div.back { margin-left: 200px; margin-right: 200px; } div#leftbar { float: left; width: 197px; display: inline; margin: 0px 0px 20px; padding: 0px; } div#leftbar img{ float: left; margin-top: 10px; } div#rightbar { float: right; width: 197px; display: inline; margin: 0px 0px 20px; padding: 0px; } div#rightbar img{ float: right; margin-top: 10px; } div#sidebara { } div#sidebarb { padding: 10px 10px 1px 0px; /* you can set your own image here */ background: url(uploads/ngrey/mainrtup.gif) no-repeat right bottom; } div#footer { /* this sets 10px on left to balance 10px right on last div */ /* color of text, the link color is set below */ color: #000; /* you can set your own image here */ } div.leftfoot { float: left; width: 30%; margin-left: 20px } div#footer p { /* sets different font size from default */ font-size: 0.8em; /* some air for footer */ padding: 1.5em; /* centered text */ text-align: center; margin: 0; } div#footer p a { /* footer link would be same color as default we want it same as footer text */ color: #595959; } /* as we hid all hr for accessibility we create new hr with div class="hr" element */ div.hr { height: 1px; padding: 1em; border-bottom: 1px dotted black; margin: 1em; } /* relational links under content */ div.left49 { /* combined percentages of left+right equaling 100% might lead to rounding error on some browser */ width: 70%; } div.right49 { float: right; width: 29%; /* set right to keep text on right */ text-align: right; } /********************CONTENT STYLING*********************/ /* HEADINGS */ div#content h1 { /* font size for h1 */ font-size: 2em; line-height: 1em; margin: 0; } div#content h2 { color: #666baf; font-size: 1.5em; text-align: right; padding-bottom: 1px; line-height: 1.5em; margin: 0 0 0.5em 0; } div#content h3 { color: #294B5F; font-size: 1.3em; line-height: 1.3em; margin: 0 0 0.5em 0; } div#content h4 { color: #294B5F; font-size: 1.2em; line-height: 1.3em; margin: 0 0 0.25em 0; } div#content h5 { color: #294B5F; font-size: 1.1em; line-height: 1.3em; margin: 0 0 0.25em 0; } h6 { color: #294B5F; font-size: 1em; line-height: 1.3em; margin: 0 0 0.25em 0; } /* END HEADINGS */ /* TEXT */ p { /* default p font size, this is set different in some other divs */ font-size: 1em; /* some air around p elements */ margin: 0 0 1.5em 0; line-height: 1.4em; padding: 0; } blockquote { border-left: 10px solid #ddd; margin-left: 10px; } strong, b { /* explicit setting for these */ font-weight: bold; } em, i { /* explicit setting for these */ font-style: italic; } /* Wrapping text in tags. Makes CSS not validate */ code, pre { /* css-3 */ white-space: pre-wrap; /* Mozilla, since 1999 */ white-space: -moz-pre-wrap; /* Opera 4-6 */ white-space: -pre-wrap; /* Opera 7 */ white-space: -o-pre-wrap; /* Internet Explorer 5.5+ */ word-wrap: break-word; font-family: "Courier New", Courier, monospace; font-size: 1em; } pre { /* black border for pre blocks */ border: 1px solid #000; /* set different from surroundings to stand out */ background-color: #ddd; margin: 0 1em 1em 1em; padding: 0.5em; line-height: 1.5em; font-size: 90%; } /* Separating the divs on the template explanation page */ div.templatecode { margin: 0 0 2.5em; } /* END TEXT */ /* LISTS */ /* lists in content need some margins to look nice */ div#main ul, div#main ol, div#main dl { font-size: 1.0em; line-height: 1.4em; margin: 0 0 1.5em 0; } div#main ul li, div#main ol li { margin: 0 0 0.25em 1.5em; } /* definition lists topics on bold */ div#main dl { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #c0c0c0; } div#main dl dt { font-weight: bold; margin: 0 0 0 1em; } div#main dl dd { margin: 0 0 1em 1em; } .clr { clear: both; } .testovaciJizda { padding-top: 0 !important; float: left; } .testovaciJizdaForm table th{ background-color: #E0EAEB; border-bottom: 2px solid white; font-size: 12px; font-weight: normal; padding: 5px 0 5px 10px; text-align: left; } .testovaciJizdaForm table td{ background-color: #F5F9F9; border-bottom: 2px solid white; line-height: 1.4em; padding: 5px 0 5px 10px; } .testovaciJizdaForm input[type="checkbox"]{ margin-right: 7px; background-color: transparent; border: medium none; color: black; font-size: 10px; width: auto; } .testovaciJizdaForm textarea{ width: 648px; } .souhlas{ height: 50px; overflow-x: hidden; overflow-y: scroll; } #language { position: absolute; top: 11px; margin-left: 844px; } #language li{ display: inline; list-style: none; } /********************** Messages */ .success { color:#3d6611; } .error { color:#df280a; } .notice {color:#e26703; } .success, .error { font-weight:bold; } .messages { width:100%; overflow:hidden; } .error-msg, .success-msg, .notice-msg, .note-msg { min-height:23px !important; margin-bottom:1em !important; border-style:solid !important; border-width:1px !important; background-repeat:no-repeat !important; background-position:10px 10px !important; padding:8px 8px 8px 32px !important; font-size:.95em !important; font-weight:bold !important; margin-left: 1%; margin-right: 1%; } .error-msg li, .success-msg li, .notice-msg li {margin-bottom:.2em; list-style: none; margin-left: 10px; margin-top: 3px; } .error-msg { border-color:#f16048; color:#df280a; background-color:#faebe7; background-image:url(uploads/ngrey/error_msg_icon.gif); } .success-msg { border-color:#446423; color:#3d6611; background-color:#eff5ea; background-image:url(uploads/ngrey/success_msg_icon.gif); } .notice-msg, .note-msg { border-color:#fcd344; color:#3d6611; background-color:#fafaec; background-image:url(uploads/ngrey/note_msg_icon.gif); } /* END LISTS */ .slideshow { display: block; position: relative; z-index: 0; } .slideshow-images { display: block; overflow: hidden; position: relative; } .slideshow-images img { display: block; position: absolute; z-index: 1; } .slideshow-thumbnails { overflow: hidden; } .slideshow-thumbnails ul { left: 0; position: absolute; top: 0; width: 100000px; } .slideshow-images { height: 400px; width: 500px; } .slideshow-images-visible { opacity: 1; } .slideshow-images-prev { opacity: 0; } .slideshow-images-next { opacity: 0; } .slideshow-images img { float: left; left: 0; top: 0; } .slideshow { height: auto; margin: 0 auto; width: 500px; } .slideshow a img { border: 0; } .slideshow-captions { background: #000; bottom: 0; color: #FFF; font: normal 12px/22px Arial, sans-serif; left: 0; overflow: hidden; position: absolute; text-indent: 10px; width: 100%; z-index: 10000; } .slideshow-captions-hidden { height: 0; opacity: 0; } .slideshow-captions-visible { height: 22px; opacity: .7; } .slideshow-controller { background: url(lib/slideshow/css/controller.png) no-repeat; height: 48px; left: 50%; margin: -24px 0 0 -122px; overflow: hidden; position: absolute; top: 50%; width: 244px; z-index: 10000; } .slideshow-controller * { margin: 0; outline: none; padding: 0; } .slideshow-controller-hidden { opacity: 0; } .slideshow-controller-visible { opacity: 1; } .slideshow-controller a { background: url(lib/slideshow/css/controller-controls.png) no-repeat -47px 0; cursor: pointer; display: block; height: 18px; left: 112px; overflow: hidden; position: absolute; top: 15px; width: 20px; } .slideshow-controller a.active { background-position: -47px -18px; } .slideshow-controller li { list-style: none; } .slideshow-controller li.first a { background-position: 0 0; left: 36px; width: 19px; } .slideshow-controller li.first a.active { background-position: 0 -18px; } .slideshow-controller li.prev a { background-position: -19px 0; left: 68px; width: 28px; } .slideshow-controller li.prev a.active { background-position: -19px -18px; } .slideshow-controller li.play a { background-position: -67px 0; } .slideshow-controller li.play a.active { background-position: -67px -18px; } .slideshow-controller li.next a { background-position: -87px 0; left: 148px; width: 28px; } .slideshow-controller li.next a.active { background-position: -87px -18px; } .slideshow-controller li.last a { background-position: -115px 0; left: 189px; width: 19px; } .slideshow-controller li.last a.active { background-position: -115px -18px; } .slideshow-loader { background: url(lib/slideshow/css/loader.png); height: 30px; right: 2px; position: absolute; top: 2px; width: 30px; z-index: 10001; } .slideshow-loader-hidden { opacity: 0; } .slideshow-loader-visible { opacity: 1; } .slideshow-thumbnails { bottom: -93px; height: 93px; left: 0; position: absolute; width: 100%; } .slideshow-thumbnails * { margin: 0; padding: 0; } .slideshow-thumbnails li { float: left; list-style: none; margin: 0; } .slideshow-thumbnails a { display: block; float: left; outline: none; margin: 5px 5px 0 0; padding: 5px; } .slideshow-thumbnails a:hover { background-color: #666BAF !important; opacity: 1 !important; } .slideshow-thumbnails img { display: block; height: 72px; } .slideshow-thumbnails-hidden { background-color: #FFF; opacity: 0; } .slideshow-thumbnails-inactive { background-color: #FFF; opacity: .5; } .slideshow-thumbnails-active { background-color: #939ED6; opacity: 1; } .kontakt{ margin-left: 10px; } .kontakt table{ border: 1px solid silver; background-color:#EFEFEF; padding: 4px; } .kontakt strong { color: red; } .kontakt table td { padding: 5px; } .kontakt .poznamka { margin-top: 10px; margin-bottom: 10px; } .kontakt .poznamka textarea { width: 472px; } .kontakt #odeslat{ background-color: #000; background-image:url(uploads/ngrey/button_bg.jpg); border: 1px solid gray; padding: 6px; width: 100px; font-weight: bold; cursor: pointer; margin-bottom: 20px; color: #FFF; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; } /* End of 'Kocka CSS' */