/* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#fff;} #colorBox{} #cboxTopLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) 0 0 no-repeat;} #cboxTopCenter{height:25px; background:url(../images/colorbox/border1.png) 0 -50px repeat-x;} #cboxTopRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) -25px 0 no-repeat;} #cboxBottomLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) 0 -25px no-repeat;} #cboxBottomCenter{height:25px; background:url(../images/colorbox/border1.png) 0 -75px repeat-x;} #cboxBottomRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) -25px -25px no-repeat;} #cboxMiddleLeft{width:25px; background:url(../images/colorbox/border2.png) 0 0 repeat-y;} #cboxMiddleRight{width:25px; background:url(../images/colorbox/border2.png) -25px 0 repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#999;} #cboxCurrent{position:absolute; bottom:3px; left:60px; color:#999;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxLoadingOverlay{background:url(../images/colorbox/loading.gif) 5px 5px no-repeat #fff;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* -------------------------------------------------------------- typography.css * Sets up some sensible default typography.-------------------------------------------------------------- */ /* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */ html{font-size:100.01%; } body{color:#1b1c20; font-size:75%; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6{font-weight:normal; color:#008d32; } h1{font-size:3em; line-height:1; margin-bottom:18px; } h2{font-size:2em; margin-bottom:9px; } h3{font-size:1.5em; line-height:1; margin-bottom:1em; } h4{font-size:1.2em; line-height:1.25; margin-bottom:0.75em; font-weight:bold;} h5{font-size:1em; font-weight:bold; margin-bottom:1.5em; } h6{font-size:1em; font-weight:bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0; } /* Text elements -------------------------------------------------------------- */ p{margin:0 0 1.5em; text-align:justify;} p img.left{float:left; margin:1.5em 1.5em 1.5em 0; padding:0; } p img.right{float:right; margin:1.5em 0 1.5em 1.5em; } a:focus, a:hover{color:#199846; text-decoration:none; } a{color:#199846; text-decoration:underline; } blockquote{margin:1.5em; color:#666; font-style:italic; } strong{font-weight:bold; } em,dfn{font-style:italic; } dfn{font-weight:bold; } sup, sub{line-height:0; } abbr, acronym{border-bottom:1px dotted #666; } address{margin:0 0 1.5em; font-style:italic; } del{color:#666; } pre{margin:1.5em 0; white-space:pre; } pre,code,tt{font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; } /* Lists -------------------------------------------------------------- */ li ul, li ol{margin:0 1.5em; } ul, ol{margin:0 1.5em 1.5em 1.5em; } ul{list-style-type:disc; } ol{list-style-type:decimal; } dl{margin:0 0 1.5em 0; } dl dt{font-weight:bold; } dd{margin-left:1.5em;} /* Tables -------------------------------------------------------------- */ table{margin-bottom:1.4em; width:100%; color:#3b3b3b; border-right:solid 1px #9fedbc; border-bottom:solid 1px #9fedbc;} th{font-weight:bold; } thead th{background:url('../images/line-bg.jpg') repeat-x top left; font-weight:bold; } th,td,caption{padding:8px 9px 5px 9px; border-top:solid 1px #9fedbc; border-left:solid 1px #9fedbc; border-right:solid 1px #fff; border-bottom:solid 1px #fff; background-color:#effff5;} tr.even td{background:#e5ecf9; } tfoot{font-style:italic; } caption{background:#eee; } /* Misc classes -------------------------------------------------------------- */ .small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em; } .large{font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; } .hidden{display:none; } .quiet{color:#666; } .loud{color:#000; } .highlight{background:#ff0; } .added{background:#060; color:#fff; } .removed{background:#900; color:#fff; } .first{margin-left:0; padding-left:0; } .last{margin-right:0; padding-right:0; } .top{margin-top:0; padding-top:0; } .bottom{margin-bottom:0; padding-bottom:0; } /* -------------------------------------------------------------- forms.css * Sets up some default styling for forms * Gives you classes to enhance your forms Usage:* For text fields, use class .title or .text * For inline forms, use .inline (even when using columns) -------------------------------------------------------------- */ fieldset{} legend{font-weight:bold; font-size:1.2em; } /* Form fields -------------------------------------------------------------- */ input[type=text], input[type=password], input.text, input.title, textarea, select{background-color:#fff; border:1px solid #96e4b4; } input[type=text]:focus, input[type=password]:focus,input.text:focus, input.title:focus, textarea:focus, select:focus{border-color:#199846; } input[type=text], input[type=password], input.text, input.title, textarea, select{margin:0 0 3px 0; padding:5px; font-size:1.2em; width:250px; background:#fff url('../images/input.jpg') no-repeat top left; } input.text, input.title{width:300px; padding:5px; } input.title{font-size:1.5em; } textarea{font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:1em; width:98%; height:88px; padding:5px; margin-top:10px; } input[type=checkbox], input[type=radio], input.checkbox, input.radio{position:relative; top:.25em; } form.inline{line-height:3; } form.inline p{margin-bottom:0; } #main .contactFormTarget ul.javascriptErrorMessage li{background:0 none; padding:0px; margin:0 0 2px 0; border:0; font-size:1em; } #main .contactFormTarget ul.javascriptErrorMessage li label{padding:5px } /* Success, notice and error boxes-------------------------------------------------------------- */ .red,.fl em, .bg label em{color:#f00;} .error, .notice, .success{border:1px solid #ddd; } label.error{background:#FBE3E4; display:block !important; } label.notice{background:#FFF6BF; } label.success{background:#E6EFC2; } .error{border-color:#f00 !important; } .notice{color:#514721; border-color:#FFD324; } .success{color:#264409; border-color:#C6D880; } .error a{color:#8a1f11; } .notice a{color:#514721; } .success a{color:#264409; } /*buttony*/ form.contactForm .submit button.button{border:1px solid #96E4B4; background:#087637 url('../images/button.jpg') repeat-x -1px -1px; padding:5px 6px 7px 6px; font-weight:bold; color:#fff; margin-left:4px; cursor:pointer; width:83px; height:33px;} form.contactForm .submit button.reset{font-weight:normal;} form.contactForm .submit button.ui-state-highlight{background-color:#4187DA;} form.contactForm .submit button.ui-state-hover{background-color:#0B5DBF;} #main .contactFormTarget ul.errorMeassages li{display:block; font-size:1em; border:1px solid #f00; padding:5px;color:#264409; margin-bottom:1px; background:#FBE3E4; } /*pevny vysky aby to neskakalo*/ form.contactForm label{float:left; width:100px; color:#333; font-size:1em; padding-top:5px; } form.contactForm .textarea label{width:190px; padding:0; } /*zprava odeslano*/ #main .contactFormTarget ul li,#main .contactFormTarget2 ul li{list-style-type:none; background:#E6EFC2; color:#264409; border:1px solid #C6D880; font-size:1.5em; padding:10px; margin-left:0;} .contactFormTarget{padding-top:10px; margin-top:10px; position:relative; margin-bottom:10px;} #main .infoMeassages{margin:0 0 10px 0; z-index:100; width:100%;} #main .bg{padding:15px 0 0 0; font-size:1.2em; background:#E2FDEC url('../images/kontakt.jpg') no-repeat top right;} #main .bg p{margin-left:0; margin-right:0; margin-bottom:13px;} textarea.error{border:1px solid #f00; margin-bottom:4px;} #main .bg p.textarea{margin-bottom:5px;} ul.nobullet li{background-image:none; padding:0;} .s{margin-bottom:1.5em;} ul.nobullet{margin:0 } form.contactForm label.error{color:#000000; float:none; font-style:italic; width:auto; padding:6px 5px 5px 5px; } .submit .fr{padding-right:1px;} /* -------------------------------------------------------------- misc.css * Miscellaneous classes. -------------------------------------------------------------- */ /* Align -------------------------------------------------------------- */ .fl{float:left; } .fr{float:right; } .ac{text-align:center; } .ar{text-align:right; } .al{text-align:left; } /* Images -------------------------------------------------------------- */ .il{float:left; margin:0 1em 0.5em 0; } /* image float left */ .ir{float:right; margin:0 0 0.5em 1em; } /* image float right */ /* Spacing -------------------------------------------------------------- */ .m1{margin:0 0 0.5em; } .m2{margin:0 0 1em; } .m3{margin:0 0 1.5em; } .m4{margin:0 0 2em; } /* No display, hidden, clear -------------------------------------------------------------- */ .hidden{position:absolute; top:-10000em; left:-10000em; } .noborder{border:0; } .nopadding{padding:0; } .nomargin{margin:0; } .nobackground{background:0; } .nodisplay{display:none; } .clear, .clr{ /*font:0;*/ font-size:100%; line-height:0; float:none; clear:both; height:0; margin:0; padding:0; border:none; visibility:hidden; } .nodecoration{text-decoration:none; } .nodecoration:hover{text-decoration:underline; } /* -------------------------------------------------------------- layout.css * Rozvržení prvků stránky * - velikost prvků * - pozice prvků * - základní barvy na pozadí prvků (podle převládající barvy v grafickém návrhu)-------------------------------------------------------------- */ /* Html, Body, #body (kontejner obsahové části webu) -------------------------------------------------------------- */ html{background-color:#fff; } #body{position:relative; } body{width:980px; margin:0px auto; } hr{display:none;} /* Header -------------------------------------------------------------- */ #header{height:253px; background-color:#fff; position:absolute; top:0; left:0; display:block; width:980px; background:url('../images/head2.jpg') no-repeat top left; } /* Main -------------------------------------------------------------- */ #main{line-height:160%; margin:0px 10px; width:960px; padding:20px 0; background:#e2fdec url('../images/main.jpg') repeat-x top left; position:relative; top:317px; /* výška menu + horní a dolní padding menu (výška menu je 18px podle řádkování,pokud není nastaveno jinak) */ } /* Menu -------------------------------------------------------------- */ #menu{position:absolute;top:253px; /* nastavit podle výšky headeru */ width:980px; /* celková šířka - levý a pravý padding (960 - 10- 10 = 940px) */ background:url('../images/menu-bg.jpg') no-repeat top left; height:64px; left:0; } #menu ul{margin:0; z-index:13; display:block; padding:0;} #menu ul li{list-style-type:none; float:left; display:block; } #menu ul li.active{} #menu ul li a{color:#ffffff; text-decoration:none; padding:14px 20px 16px 20px; display:block; background:#108439 url('../images/menu.jpg') no-repeat top right; position:relative; height:34px; font-size:1.3em; float:left; } #menu ul li.last a{background:url('../images/menu-last.jpg') no-repeat top right; position:absolute; right:0;} #menu ul li a:hover{background-position:bottom right; text-decoration:none; color:#000; background-color:#FFF16E;} #menu ul li.activeChild a:hover,#menu ul li.active a:hover{text-decoration:none; background:url('../images/menua-bg.gif') no-repeat bottom left !important; } #menu li.active a,#menu li a.activeChild{background:url('../images/menua-bg.gif') no-repeat 0 0;z-index:3; padding:27px 12px 0 32px; height:37px; } #menu ul li.last.active a{background:url('../images/menua-bg.gif') no-repeat top left;z-index:3; padding:27px 12px 0 32px; height:37px; } #menu li a .overlay span{display:none;} #menu li a.activeChild .overlay .overlay_left, #menu li.active a .overlay .overlay_left{position:absolute;top:0px;left:0px;width:15px;height:64px;display:block;background:url('../images/menu-left.gif') no-repeat top right; z-index:2;z-index:13;} #menu li a.activeChild .overlay .overlay_right, #menu li.active a .overlay .overlay_right{position:absolute;top:0px;right:-19px;width:19px;height:64px;display:block;background:url('../images/menu-right.gif') no-repeat top left;z-index:12;} #menu li.activeChild a:hover .overlay .overlay_right, #menu li.active a:hover .overlay .overlay_right{background-position:bottom;} #menu li.last a .overlay .overlay_right{display:none !important; } #menuin{position:relative; height:64px;} .okolo{background-color:#108439;} li.activeChild a:hover .okolo,li.active a:hover .okolo,a:hover .okolo{background-color:#FFF16E;} li.activeChild a .okolo, li.active a .okolo{background-color:#167a39;} /* Footer -------------------------------------------------------------- */ #footer{background:#087637 url('../images/foot.jpg') no-repeat top left; color:#ffffff; font-size:12px; height:224px; padding:25px 20px; position:relative; top:291px; /* stejné posunutí jako #main */ z-index:11; width:920px; margin:0 auto; border-top:1px #fff solid;} #footer span a{color:#ffffff; } #footer span a:hover{text-decoration:none; } #footer span .footer-oddel{margin:0 5px; } .mapa-lupa{background:url('../images/ico-lupa.jpg') no-repeat 0 7px;padding:6px 0 5px 20px; text-align:right;} .white{position:absolute; bottom:0; left:0; width:10px; height:10px; background-color:#fff; z-index:1;} .carousel{padding:5px; background-color:#fff; height:355px; margin:0 20px 20px 20px; position:relative; overflow:hidden;} #main .carousel ul{margin:0; padding:0; } #main .carousel ul li{margin:0; padding:0; list-style-type:none; background:#999; line-height:1em; position:relative;} .akce-nadpis2{height:0; margin:0; padding:0; } .jcarousel-clip-horizontal #jcarousel-control{display:none;} .panel img{position:absolute !important; top:0 !important; left:0 !important;} .panel-in{display:block; position:relative; width:910px; height:357px;padding:0;} .panel .akce-nadpis{background:url('../images/bg.png') repeat top left; color:#fff; text-align:left; font-size:1.5em; line-height:160%; display:block; position:absolute; bottom:20px; left:20px; padding:8px 18px;border:6px #bababa solid; z-index:111; font-weight: bold; text-shadow: 1px 1px 1px #000 ; text-decoration: none !important;} .panel a {text-decoration: none !important;} .panel .akce-nadpis strong {font-size: 1.2em;} .visible{display:block !important;} .blue{border-color:#5795ba !important;} .green{border-color:#6fb329 !important;} .yellow{border-color:#e3e129 !important;} .panel p{margin:0; font-weight:bold;} .panel a:hover .akce-nadpis{border-color:#fff !important;} #jcarousel-prev{float:left; z-index:10;background:url('../images/bg2.png') no-repeat top right; width:1px; height:38px; margin-left:3px; width:20px;} #jcarousel-control{float:left; z-index:10;background:url('../images/bg2.png') no-repeat top right; padding:3px 2px;margin-right:3px; } #jcarousel-control a:hover{text-decoration:none;background:url('../images/hover.gif') no-repeat 0 -32px; } #jcarousel-control a{background:0 none; width:32px; text-align:center; padding-top:4px; height:28px; display:block; text-decoration:none; float:left; color:#3ecb70; font-size:1.4em; background:url('../images/hover.gif') no-repeat bottom left; font-weight:bold; margin:0 1px; line-height:160%; z-index:111;} #jcarousel-control a.activeSlide{background:url('../images/hover.gif') no-repeat top left; width:32px; text-align:center; padding-top:4px; height:28px; display:block; color:#fff; } .jcarousel-clip-horizontal{position:relative; height:355px; overflow:hidden;} #jcarousel-control a.active:hover{text-decoration:none;} .ovladani{position:absolute; top:310px; right:7px; z-index:111; display:block;} .prednosti{background:#0B873F url('../images/box-prednosti-bg.png') no-repeat top left;padding:21px; width:492px; color:#fff;} .prednosti h2{color:#fff; margin-top:0; font-weight:bold;} .seo h2, .seo h3 {color: #3A3A3A; margin-top: 0;} .seo1{background:#E2FDEC url('../images/shadow.png') no-repeat top left; ;padding:36px 21px 0px 21px; ma1rgin-bottom: 9px; b1order-bottom: 5px solid #055D2B;} .seo2 {background: url("../images/box-prednosti-bg2.png") no-repeat scroll left top #0B873F; color: #fff;padding:21px 21px 10px 21px;} .seo2 h2,.seo2 h3, .seo2 a { color: #fff; margin-top: 0;} .seo3{background:#E2FDEC url('../images/shadow.png') no-repeat top left; ;padding:36px 21px 0px 21px; ma1rgin-bottom: 9px; b1order-bottom: 5px solid #055D2B;} .seo3 img.fl {margin: 0px 20px 0px 0px} .seo1 img.fr {margin: 0px 0px 0px 20px; border: 5px #fff solid; } .kontakty{background:url('../images/box-rychle-spojeni-bg.jpg') no-repeat top left;padding:21px 21px 17px; width:382px; border-left:1px #fff solid;} .top{padding-top:12px;background:url('../images/top.jpg') repeat-x top left; border-top:1px #fff solid;border-bottom:1px #fff solid; width:960px;} .topin{background:url('../images/pix.jpg') repeat-y 535px 0;} .black{color:#1b1c20;} .aktuality,.kontakty{color:#3a3a3a;} .topin .aktuality h2,.kontakty h2{color:#3a3a3a;font-size:2em; margin-top:0; font-weight:bold;} .topin .aktuality h2{margin-top:7px; margin-bottom:13px; height:26px; } .top .fl{border-right:1px #fff solid; width:514px; padding-top:23px; padding-left:20px;} .top .fl li{font-size:1.3em;} .top .fr{padding:26px 20px 20px 20px; width:384px;} #main ul{list-style-type:none; margin-left:0; margin-right:0; padding-left:0;} #main li{background:url('../images/li.gif') no-repeat 0 8px; padding:2px 15px; line-height:1.5em;} .objednani span{background:url('../images/objednani-katalogu.jpg') no-repeat top right; width:236px; height:58px; display:block; float:left;z-index:121; position:absolute; top:0; left:0; text-indent:-9999px; cursor:pointer; } .diskuze span{background:url('../images/diskuze.jpg') no-repeat top right; width:231px; height:58px; display:block; float:left;z-index:121;position:absolute; top:0; left:0; text-indent:-9999px; cursor:pointer; } .poradce span{background:url('../images/stavebni-poradce.png') no-repeat top right; width:232px; height:58px; display:block; float:left;z-index:121;position:absolute; top:0; left:0; text-indent:-9999px; cursor:pointer; } .poradce span:hover,.diskuze span:hover,.objednani span:hover{background-position:bottom;} .levo .objednani span{background:url('../images/buttony.jpg') no-repeat top left; width:252px; height:54px; display:block; float:left;z-index:121; position:absolute; top:0; left:0; text-indent:-9999px; cursor:pointer;} .levo .diskuze span{background:url('../images/buttony.jpg') no-repeat 0 -63px; width:252px; height:54px; display:block; float:left;z-index:121;position:absolute; top:0; left:0; text-indent:-9999px; cursor:pointer;} .levo .poradce span{background:url('../images/buttony.jpg') no-repeat bottom left; width:252px; height:54px; display:block; float:left;z-index:121;position:absolute; top:0; left:0; text-indent:-9999px; cursor:pointer;} .levo .aktualityb span{background:url('../images/akcni.png') no-repeat top left; width:252px; height:54px; display:block; float:left;z-index:121;position:absolute; top:0; left:0; text-indent:-9999px; cursor:pointer;} .levo .akcnib span{background:url('../images/akcni.png') no-repeat top right; width:252px; height:54px; display:block; float:left;z-index:121;position:absolute; top:0; left:0; text-indent:-9999px; cursor:pointer;} .levo .aktualityb:hover span{background-position:bottom left;} .levo .akcnib:hover span{background-position:bottom right;} .levo .poradce:hover span{background-position:bottom right;} .levo .diskuze:hover span{background-position:right;} .levo .objednani:hover span{background-position:top right;} .levo .aktualityb,.levo .akcnib,.levo .poradce,.levo .diskuze,.levo .objednani{float:left; position:relative; width:252px; height:54px;margin-bottom:9px; padding:0;} .poradce{position:relative; float:left;width:232px; padding-top:15px; padding-left:10px;} .diskuze{position:relative; float:left;width:231px;} .objednani{position:relative; float:left;width:236px;} .cloudtag{display:block; width:253px; height:246px; margin-bottom:11px; position:relative;} .cloudtag h3{position:absolute; top:0; left:0;} .cloudtag span{display:block; width:253px; height:246px; background:url('../images/zajimat.png') no-repeat top right; z-index:112; position:absolute; top:0;left:0;} .vsecky{padding-right:12px; background:url('../images/li.gif') no-repeat 142px 4px; float:right;} .kontakt{padding-right:12px; background:url('../images/li.gif') no-repeat 152px 4px; float:right; margin-bottom:20px;} #main .aktuality li{border-bottom:1px #09853D dotted; padding:15px 15px 15px 0;background:url('../images/calendar.gif') no-repeat 10px 10px; position:relative; height:45px; min-height:45px; height:auto !important;} .aktuality li .date{width:50px; position:absolute; top:10px; left:12px; text-align:center; display:block; background:#999 url('../images/calendar.gif') no-repeat -2px 0;} .aktuality li .date span{display:block; color:#fff;margin:1px 0 5px 0; font-size:0.9em; } .pravo .date{width:54px; text-align:center; display:block; background:#999 url('../images/calendar.gif') no-repeat 0 0; float:right; height:49px;} .pravo .date span{display:block; color:#fff;margin:0px 0 3px 0; font-size:0.9em;} .aktuality li a{margin:0 0 0 70px; width:300px; display:block; font-size:1.1em; padding-left:15px;} .aktuality.big li h3{margin:0; font-size:1em;} .aktuality.big li a{width:auto;} #main .aktuality.big li{border-bottom:1px #fff solid; padding-bottom:0; padding-right:0; } .big p{padding-left:85px; margin-top:5px;border-bottom:1px #8bd9a7 solid; padding-bottom:15px; margin-bottom:0;} #main .kontakty ul{margin-bottom:10px;} #main .kontakty li{padding:4px 0px 12px 50px; font-size:1.5em; font-weight:bold;} #main li.tel{background:url('../images/tel.png') no-repeat top left;} #main li.mobil{background:url('../images/mobil.png') no-repeat top left;} #main li.mail{background:url('../images/mail.png') no-repeat top left;} #main li.katalog{background:url('../images/katalog.png') no-repeat top left;} .prednosti p{font-size:1.1em; font-weight:bold;} .tepelne{background:url('../images/nabidka.jpg') no-repeat 260px 10px; display:block; font-size:1.4em; margin-bottom:18px;} .tepelne p{float:right; font-size:1.4em; padding:35px 3px 0 0;} #main .tepelne li{font-weight:bold; padding-left:0;} .hajedna{position:absolute; top:117px; left:11px;z-index:121; margin:0; display:block; text-indent:-9999px;} .hajedna a span{width:273px; height:81px; display:block; background:url('../images/header-logo.png') no-repeat top left; z-index:2; position:absolute;top:0px; left:0px; text-indent:-9999px; cursor:pointer;} .hajedna a:hover span{background-position:bottom left;} .hajedna a{width:273px; height:81px; display:block; position:relative;} .topin h2{font-size:2.3em;line-height:1; font-weight:bold;} .topin h2.big{margin-bottom:18px; margin-top:5px; font-weight:bold;} #mainin{padding:0 20px 20px 20px; } .levo{width:253px; float:right;} .pravo{width:645px; float:right; margin-left:22px;} #main .nobullet li{background:0 none; padding-left:0;} #mapout{padding:4px; border:4px #8adaa6 solid; margin-bottom:5px;} #mapout2{padding:3px; border:3px #8adaa6 solid; margin-left:5px; margin-bottom:5px;} #map{height:202px; width:352px;} #map2{height:135px; width:236px; padding:0; margin:0;} .ramec{background-color:#fff; border:1px #8adaa6 solid; padding:20px 20px 17px 20px; margin-bottom:20px; } .pravo h1,.pravo h2,.pravo h3,.pravo h4{color:#3a3a3a; } .pravo h1{font-size:2em;} .pravo h2{font-size:1.6em; margin-top:0; padding-top:0px; font-weight:bold;} .dottet{border-top:#aaa 1px dotted; display:block; height:0; margin:11px 0; } #main .breadCrumb{clear:both; padding-left:0px; border:1px #9fedbc solid; height:35px; background-color:#fff; padding-left:5px;} #main .breadCrumb ul{float:left; padding:0; margin:0; } #main .breadCrumb ul li{display:block; float:left;margin:0; color:#5c5c5c; padding:9px 26px 7px 10px; background:url('../images/drobky.jpg') no-repeat right bottom; height:19px; } #main .breadCrumb ul li a{display:block; float:left; color:#108439; height:19px; } #main .breadCrumb ul li a.beforeSeparator{padding-right:0; } #main .breadCrumb .separator{background:url('../images/tritecky.gif') no-repeat left bottom; display:block; float:left; height:12px; padding-left:1px; width:17px; } .tagcloudin{width:230px; height:170px; display:block; text-align:center; position:absolute; top:60px; left:10px; z-index:113; overflow:hidden; font-size:0.8em} .tagcloudin a{display:inline; font-size:2em; padding:5px; line-height:160%;} .tagcloudin a.maly{font-size:1.6em;} .tagcloudin a.mensi{font-size:1.3em;} .tagcloudin a.nejmensi{font-size:1em;} .pravo img.fr{margin-left:15px; margin-bottom:15px; padding:3px; border:3px #8adaa6 solid; background-color:#fff;} .pravo img.fl{margin-right:15px; margin-bottom:15px; padding:3px; border:3px #8adaa6 solid; background-color:#fff;} #main .vypisAkci .line,#main .line{height:1px; background-color:#fff; border-top:1px #8adaa6 solid; margin-bottom:15px; clear:both; padding:0; border-left:0; border-bottom:0; border-right:0;} .bordleft{border-left:12px #339e5c solid; padding-left:12px;} .boxik{width:250px; height:24px; border:1px #8adaa6 solid;background:#fff url('../images/arrow.jpg') no-repeat 10px 10px; float:left; margin-right:11px; margin-bottom:13px; padding:13px 10px 10px 55px; font-size:1.4em;} .nomargr{margin-right:0;} .fpravo{text-align:right; width:100%; font-size:1.5em; margin-bottom:18px;color:#3b3b3b;} .line2{width:auto; font-size:1.5em; background:url('../images/line-bg.jpg') repeat-x 0 0; border:1px solid #9FEDBC; padding:9px 15px 8px 15px; color:#008D2F; height:27px; margin-bottom:9px; position:relative;} .arrow{background:url('../images/arrow2.jpg') no-repeat 0 0; z-index:111; display:block; width:29px; height:29px; position:absolute; top:7px; right:6px;border:1px solid #9FEDBC; } .rkontakt{display:block; width:253px; height:230px; margin-bottom:11px; position:relative; font-size:1.2em; font-weight:bold;font-family:"Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;} #main .rkontakt ul{z-index:113; position:absolute; top:70px; left:50px; padding:0; margin:0; } #main .rkontakt ul li{background:0 none; padding-bottom:13px; color:#3b3b3b;} .rkontakt h3{position:absolute; top:0; left:0;} .rkontakt span{display:block; width:253px; height:230px; background:url('../images/kontakt2.png') no-repeat top right; z-index:112; position:absolute; top:0;left:0;} .zobraz{width:100%; text-align:center; position:absolute; top:193px; z-index:113;} .blak{color:#3A3A3A !important;} #main .strankovani{display:block; width:auto; height:24px; background:url('../images/line-bg.jpg') repeat-x top left; position:relative; margin-bottom:8px;border:1px solid #9FEDBC; padding:9px 15px 8px 9px; color:#008D2F; height:27px; } #main .str{} #main .strankovani ul{float:left; margin:0; padding-left:0;} #main .strankovani .fl, .strankovani .fr{padding-top:4px;} #stranky{display:none;} #main .strankovani li{float:left; background:0; margin:0 2px; background:0; padding:0; list-style-type:none; } #main .strankovani li a{background:url('../images/str2.jpg') repeat-x top left; border:solid 1px #9fedbc; text-align:center; font-weight:bold; display:block; text-decoration:none; padding:3px 6px; width:12px;} #main .strankovani li a:hover{background-position:0 -14px; text-decoration:underline; } #main .strankovani span.fr{color:#1a1a1a; } #main .strankovani li span{color:#fff; background:#087636; border:solid 1px #087636; text-align:center; font-weight:bold;display:block; padding:3px 0; width:24px; } #main .strankovani .separator{display:block; float:left; padding:5px 5px 0 5px; } #main .strankovani li a span.first{background:url('../images/first.gif') no-repeat 0 3px; text-indent:-9999px; padding:0; border:0;width:13px;} #main .strankovani li a span.prev{background:url('../images/prev.gif') no-repeat 2px 2px; text-indent:-9999px; padding:0; border:0;width:13px; } #main .strankovani li a span.next{background:url('../images/next.gif') no-repeat 3px 0px; text-indent:-9999px; padding:0; border:0; width:13px;} #main .strankovani li a span.last{background:url('../images/last.gif') no-repeat 0 3px; text-indent:-9999px; padding:0; border:0; width:13px;} .foto{background:url('../images/foto.jpg') no-repeat 0 0; text-indent:-9999px; padding:0; border:0;width:38px; height:28px; display:block;} .foto:hover{background-position:0 -56px;} .none{background-position:0 -28px !important;} .pravo img.nopad{padding:15px 0 0 0; border:0; margin-bottom:5px; background:0 none; } .line3{background:url('../images/line.jpg') no-repeat top left; padding:11px 15px 7px 15px; color:#1a1a1a; height:27px; margin-bottom:9px !important; font-weight:bold;} .line3 input{top:2px} form.contactForm .line3 label{float:none;} #main .bg .pozemek{background:#FEEAAB url('../images/bg1.jpg') repeat-x 0 0; border:1px #e9cd76 solid; width:84px; float:left; margin-right:1px; height:90px; padding:18px;} #main .bg .vystavba{background:#CBECB3 url('../images/bg2.jpg') repeat-x 0 0; border:1px #aae285 solid; width:139px; float:left; margin-right:1px;height:90px; padding:18px;} #main .bg .typ{background:#AEE6FF url('../images/bg3.jpg') repeat-x 0 0; border:1px #a9cff6 solid; width:138px; float:left; margin-right:1px;height:90px; padding:18px 0px 18px 18px;} #main .bg .termin{background:#FFC4C4 url('../images/bg4.jpg') repeat-x 0 0; border:1px #f4bad1 solid; width:130px; float:left;height:90px; padding:18px; } .termin span, .pozemek span, .vystavba span, .typ span{display:block; font-size:1.2em; font-weight:bold; color:#3a3a3a; line-height:1em; margin-bottom:10px;} .termin span.clr, .pozemek span.clr, .vystavba span.clr, .typ span.clr{margin-bottom:2px;border:medium none;clear:both;float:none;font-size:100%;height:0;line-height:0;padding:0;visibility:hidden;} form.contactForm .termin input,form.contactForm .pozemek input,form.contactForm .vystavba input,form.contactForm .typ input{float:left; margin:4px 5px 0 0; top:0; padding:0; outline:0 none;} form.contactForm .termin label,form.contactForm .pozemek label,form.contactForm .typ label{padding:0; width:65px;} form.contactForm .vystavba label{padding:0; width:120px;} .bg2{background:#fff url('../images/bg5.jpg') repeat-x bottom left; padding:15px; border:1px #80dca2 solid; line-height:160%; } .strankovani{ /*background-color:#0f2b51; color:#fff; height:27px; border:#173b6b 1px solid;*/ padding:0; margin:0; } #main .fotogalerie a{display:block; position:relative;; text-decoration:none; width:211px; height:181px; background:url('../images/bg6.jpg') no-repeat top left; float:left; padding:0; text-align:center; margin:0px 2px 10px 2px; font-weight:bold; } #main .fotogalerie img{z-index:0; padding:15px; background-color:#fff; margin:18px 6px 0 0;} #main .fotogalerie .jmeno{font-size:1.2em;z-index:101; width:211px; position:absolute; top:0;padding-top:6px; left:0; text-align:center; padding:0; margin:0; height:41px; } #main .fotogalerie .jmenoout{position:relative; display:block; margin-top:12px;} #main .fotogalerie .jmenoin{padding:9px 16px 8px 13px; background:url('../images/vypis-title2.png') no-repeat top right; height:9px;} #main .vypis li{display:block; width:230px; height:233px; background:url('../images/vypis-bg2.jpg') no-repeat 0 0; float:left; padding:0; text-align:center; position:relative; margin:5px 0 15px 0;} #main .vypis li a{text-decoration:none;} #main .vypis li .plocha a{text-decoration:none; position:relative;} #main .vypis .jmeno{font-size:1.6em;z-index:101; width:230px; position:absolute; top:0; left:0; text-align:center; padding:0; margin:0; height:38px; } #main .vypis .jmenoout{position:relative; display:block; margin-top:8px;} #main .vypis a.obalimg{width:185px;background-color:#fff; height:139px; display:block; margin:17px 0px 0 4px;padding:15px; position:relative; } #main .vypis .jmenoin{padding:7px 16px 9px 13px; background:url('../images/vypis-title.png') no-repeat top right; height:23px; margin:0 auto; } #main .vypis .plocha{display:block; margin-top:15px; font-size:1.2em; color:#3a3a3a; } #main .vypis img{z-index:0; } #main .vypis li:hover .obalimg,#main .vypis a.obalimg:hover, #main .fotogalerie a:hover img{background-color:#fff596 !important; } #main .vypis a:hover .jmenoin, #main .vypis li:hover .jmenoin, #main .vypis li:hover .jmenoin a, #main .vypis .jmenoin a:hover, #main .fotogalerie a:hover .jmenoin{color:#000 !important; background-position:bottom right; } #mainin h1{color:#3a3a3a; font-weight:bold; font-size:2.2em; margin-top:0;} #main .bg p.s{margin-bottom:1.5em;} .odpovedi{margin:20px 0 8px 0;} .poradi{padding:5px 0px; margin:0 3px 3px 0; float:left; font-weight:normal; color:#159945; font-size:1em; width:80px; text-align:center; position:absolute; top:0; left:0;} .datumovka{color:#159945;} .otazka{padding:5px 10px; border:1px solid #9FEDBC; background:url('../images/line-bg.jpg') repeat-x 0 -4px; font-weight:bold; float:left; width:auto; font-size:1.1em; margin-bottom:3px; position:relative;width:623px; float:left;} .odpoved{padding:10px 12px; border-left:1px solid #9FEDBC;border-top:1px solid #9FEDBC;border-right:1px solid #9FEDBC; background-color:#fff; clear:both; line-height:160%; margin:0; float:left;width:619px;} .od{background:url('../images/bubl.jpg') repeat-x top right; height:36px; text-align:right; padding:10px 85px 0 0; clear:both;} .man{padding-left:20px;background:url('../images/ico-man.jpg') no-repeat top left;} #main .nobg .bg{background:0 none; padding-bottom:15px; border-bottom:1px solid #9FEDBC; margin-bottom:15px;} #main .nobg input{width:116px;} #main .nobg label{width:auto; padding-right:10px;} #main .bg p.mr{margin-right:15px;} .diskuze-bg{background:url('../images/people3.png') no-repeat right top; padding:10px 200px 0 0; height:75px; margin-bottom:0; font-size:1.2em;} #main .nobg{margin-top:0; padding-top:0; margin-bottom:0;} /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container{position:relative; /*-moz-user-select:none;*/ } .jcarousel-clip{z-index:2; padding:0; margin:0; overflow:hidden; position:relative; } .jcarousel-list{z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; } .jcarousel-list li, .jcarousel-item{float:left; list-style:none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width:980px; height:364px; } /** * The buttons are added dynamically by jCarousel before * the