/**********/ /* LAYOUT */ /**********/ * { margin: 0; padding: 0; border: none; } p { padding: 0 0 10px 0; margin: 0; line-height: 1.5; } a { color: #ff0000; cursor: pointer; text-decoration: underline; outline: none; } a.visited { outline: none; } a:hover { text-decoration: none; } .clearfix:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; } h1,h2,h3,h4 { display: block; } h1 { font-size: 2.8em; font-weight: normal; margin-bottom: 20px; padding-left: 0; line-height: 1; color: #34383b; } h2 { font-size: 1.8em; font-weight: bold; margin-bottom: 10px; padding-left: 0; /*#F845A9*/ } h3 { font-size: 140%; font-weight: bold; margin-bottom: 10px; padding-left: 0; color: #ff0000; } h4 { font-size: 130%; font-weight: normal; margin-bottom: 10px; padding-left: 0; color: #ff0000; } .clear { clear: both; } .hidden, .printOnly { display: none; } ul, ol { margin: 0; padding: 0; } ul li, ol li { margin-left: 15px; } ul li { list-style-type: square; } body { background: #fff url('../files/graphic/bg_body.gif') left top repeat-x; text-align: center; font: normal 62.8%/1.3 Arial, 'Arial CE', Verdana, Helvetica, sans-serif; padding-bottom: 20px; } #page { min-height: 400px; _height: 400px; background: transparent url('../files/graphic/bg_page.jpg') center top no-repeat; font-size: 120%; } #pageCont { width: 930px; position: relative; margin: 0 auto; text-align: left; } #header { height: 120px; position: relative; } #logo { position: absolute; width: 177px; height: 81px; left: 22px; top: 15px; } #logo a { display: block; width: 100%; height: 100%; background: transparent url('../files/graphic/logo.jpg') left top no-repeat; cursor: pointer; } #logo img { display: none; } #headerFlash { position: absolute; width: 590px; height: 105px; top: 0; right: 0; } ul#serviceList { float: right; margin: 60px 0px 0px 0px; height: 50px; overflow: hidden; width: 700px } ul#serviceList li { color: #363739; display: block; font-size: 1.88em; line-height: 0.8em; list-style: none; text-align: right; font-style: italic; width: 100%; } ul#serviceList li a { color: #363739; text-decoration: none; padding-right: 20px; display: block; } ul#serviceList li small { color: #fc0000; font-size: 0.5em; font-style: normal; text-decoration: underline; } ul#serviceList li strong { color: #fc0000; font-weight: normal; text-decoration: underline; } #mainMenu { position: absolute; top: 120px; left: 0; width: 932px; height: 32px; background: #34383b url('../files/graphic/bg_mainmenu.gif') 0 0 no-repeat; font-size: .9em; } #sectionsMenu { float: left; } #sectionsMenu ul { list-style-type: none; padding-left: 20px; } #sectionsMenu ul li { list-style-type: none; display: block; float: left; padding-right: 10px; margin: 0 0 10px 0; background: transparent url('../files/graphic/bg_mainmenu_li.gif') right 5px no-repeat; } #sectionsMenu ul li.last { background: none; } #sectionsMenu ul li a { display: block; float: left; color: #fff; line-height: 28px; text-decoration: none; margin-left: 10px; cursor: pointer; } #sectionsMenu ul li span { float: left; display: block; height: 32px; } #sectionsMenu ul li span span { padding: 0 10px; } #sectionsMenu ul li a:hover { text-decoration: underline; } body#index #sectionsMenu ul li.index a span { background: transparent url('../files/graphic/bg_mainmenu_hover_left.gif') 0 6px no-repeat; font-weight: bold; } body#index #sectionsMenu ul li.index a span span { background: transparent url('../files/graphic/bg_mainmenu_hover_right.gif') right 6px no-repeat; } body.sluzby #sectionsMenu ul li.sluzby a span { background: transparent url('../files/graphic/bg_mainmenu_hover_left.gif') 0 6px no-repeat; font-weight: bold; } body.sluzby #sectionsMenu ul li.sluzby a span span { background: transparent url('../files/graphic/bg_mainmenu_hover_right.gif') right 6px no-repeat; } body#ponuka-pre-agentury #additionalMenu ul li.ponuku-pre-agentury a span { background: transparent url('../files/graphic/bg_mainmenu_hover_left.gif') 0 6px no-repeat; font-weight: bold; } body#ponuka-pre-agentury #additionalMenu ul li.ponuku-pre-agentury a span span { background: transparent url('../files/graphic/bg_mainmenu_hover_right.gif') right 6px no-repeat; } body.referencie #sectionsMenu ul li.referencie a span { background: transparent url('../files/graphic/bg_mainmenu_hover_left.gif') 0 6px no-repeat; font-weight: bold; } body.referencie #sectionsMenu ul li.referencie a span span { background: transparent url('../files/graphic/bg_mainmenu_hover_right.gif') right 6px no-repeat; } body.reference #sectionsMenu ul li.referencie a span { background: transparent url('../files/graphic/bg_mainmenu_hover_left.gif') 0 6px no-repeat; font-weight: bold; } body.reference #sectionsMenu ul li.referencie a span span { background: transparent url('../files/graphic/bg_mainmenu_hover_right.gif') right 6px no-repeat; } body#caste-otazky #additionalMenu ul li.caste-otazky a span { background: transparent url('../files/graphic/bg_mainmenu_hover_left.gif') 0 6px no-repeat; font-weight: bold; } body#caste-otazky #additionalMenu ul li.caste-otazky a span span { background: transparent url('../files/graphic/bg_mainmenu_hover_right.gif') right 6px no-repeat; } body#kontakt #sectionsMenu ul li.kontakt a span { background: transparent url('../files/graphic/bg_mainmenu_hover_left.gif') 0 6px no-repeat; font-weight: bold; } body#kontakt #sectionsMenu ul li.kontakt a span span { background: transparent url('../files/graphic/bg_mainmenu_hover_right.gif') right 6px no-repeat; } #pack { padding: 32px 0 0 0; } #mainBar { padding-top: 35px; width: 642px; float: left; margin-left: 20px; _display: inline; } #sideBar { float: right; width: 245px; margin-top: 15px; padding-top: 25px; } #mainBar h1 strong { color: #000; padding: 0 5px; } /* tabbox */ .tabBox { width: 642px; } .tabBox .tabBoxMenu { display: none; margin-bottom: -5px; position: relative; } .tabBoxActive .tabBoxMenu { display: block; } .tabBox .tabBoxMenu .fl { width: 442px; } .tabBox .tabBoxMenu .fr .icoRef { color: #34383b; font-size: .9em; } .tabBox .tabBoxMenu ul { height: 34px; overflow: hidden; list-style-type: none; font-size: .9em; } .tabBox .tabBoxMenu ul li { display: block; float: left; margin-left: 0px; padding-right: 2px; } .tabBox .tabBoxMenu ul li a { display: block; float: left; height: 34px; line-height: 29px; background: #414445 url('../files/graphic/bg_tabbox_head_li_a.gif') left top no-repeat; color: #fff; cursor: pointer; } .tabBox .tabBoxMenu ul li a span { display: block; float: left; height: 29px; background: transparent url('../files/graphic/bg_tabbox_head_li_a_span.gif') right top no-repeat; padding: 0 25px; } .tabBox .tabBoxMenu ul li.active a { background: #fff url('../files/graphic/bg_tabbox_head_active_li_a.gif') left top no-repeat; color: #ff0000; text-decoration: none; font-weight: bold; } .tabBox .tabBoxMenu ul li.active a.first { background-image: url('../files/graphic/bg_tabbox_head_active_first_li_a.gif'); } .tabBox .tabBoxMenu ul li.active a span { background: transparent url('../files/graphic/bg_tabbox_head_active_li_a_span.gif') right top no-repeat; } .tabBox .tabBoxItems { background: #e5e5e5 url('../files/graphic/bg_tabbox_items.gif') left top repeat-y; } .tabBox .tabBoxItems .bg { background: url('../files/graphic/bg_tabbox_items_item.gif') left top no-repeat; } .tabBox .tabBoxItems .item .itemCont { background: transparent url('../files/graphic/bg_tabbox_items_item_cont.gif') left bottom no-repeat; min-height: 170px; _height: 170px; padding: 30px 20px 20px; } .tabBox .tabBoxItems .item .image { float: left; position: absolute; } .tabBox .tabBoxItems .item .image a { position: absolute; right: 0; bottom: 20px; display: block; width: 136px; height: 48px; background: url('../files/graphic/bg_tabbox_bubble.gif') top no-repeat; color: #fff; text-decoration: none; font-size: .9em; text-align: center; line-height: 65px; overflow: hidden; } .tabBox .tabBoxItems .item .image a:hover { text-decoration: underline; } .tabBox .tabBoxItems .item .text { float: right; width: 365px; color: #34383b; } .tabBoxActive .tabBoxItems .item { display: none; } /***********/ /* SIDEBAR */ /***********/ /* sidebar - sidebarBox */ .sidebarBoxContainer { width: 245px; background: url('../files/graphic/bg_sidebarBoxContainer.gif') repeat-y; margin-bottom: 40px; } .sidebarBox { position: relative; background: url('../files/graphic/bg_sidebarBox.gif') center top no-repeat; } .sidebarBoxInner { background: url('../files/graphic/bg_sidebarBoxInner.gif') center bottom no-repeat; min-height:87px; } .sidebarBoxContent { font-size: 0.9em; color: #434343; padding: 25px 10px 10px 10px; } .sidebarBox h2 { background: url('../files/graphic/bg_sidebarBoxH2.gif') no-repeat; position: absolute; width: 136px; height: 48px; color: #fff; font-size: 0.9em; top: -24px; right: 0; } .sidebarBox h2 a { color: #fff; } .sidebarBox h2 span { display: block; height:29px; line-height:29px; padding-left:10px; } /* sidebar - sidemenu */ .servicesBox .sidebarBoxContainer { background: #fbd171 url('../files/graphic/bg_sidemenu_middle.jpg') repeat-y; } .servicesBox .sidebarBox { background: url('../files/graphic/bg_sidemenu_top.jpg') left top no-repeat; } .servicesBox .sidebarBoxInner { background: url('../files/graphic/bg_sidemenu_bottom.jpg') left bottom no-repeat; min-height: 255px; } .servicesBox .sidebarBoxContent { padding: 0; font-size: 1em; } .servicesBox .sidebarBoxContent ul { list-style-type: none; padding: 10px 0px; } .servicesBox .sidebarBox h2 { background: url('../files/graphic/bg_sidemenu_header.png') no-repeat; } .servicesBox .sidebarBoxContent ul li { cursor: pointer; margin: 0; list-style-type: none; } .servicesBox .sidebarBoxContent ul li a { display: block; height: 57px; padding-left: 61px; padding-top: 10px; color: #000; font-weight: bold; margin-left: 14px; margin-top: 13px;} .servicesBox .sidebarBoxContent ul li.webStranky a { background: url('../files/graphic/ico_sidemenu1.png') top left no-repeat; } .servicesBox .sidebarBoxContent ul li.grafickePrace a { background: url('../files/graphic/ico_sidemenu2.png') top left no-repeat; } .servicesBox .sidebarBoxContent ul li.seoAnalyza a { background: url('../files/graphic/ico_sidemenu3.png') top left no-repeat; } .servicesBox .sidebarBoxContent ul li.zvysovanieKonverzie a { background: url('../files/graphic/ico_sidemenu4.png') top left no-repeat; } #sluzby-tvorba-webstranok .servicesBox li.webStranky a { background: url('../files/graphic/bg_sidemenu_active_website.png') top left no-repeat; color: #fff; padding-top: 20px; margin: 0px; height: 57px; padding-left: 73px; } #sluzby-graficke-prace .servicesBox li.grafickePrace a { background: url('../files/graphic/bg_sidemenu_active_graphic.png') top left no-repeat; color: #fff; padding-top: 20px; margin: 0px; height: 57px; padding-left: 73px; } #sluzby-zvysovanie-navstevnosti .servicesBox li.seoAnalyza a { background: url('../files/graphic/bg_sidemenu_active_visit.png') top left no-repeat; color: #fff; padding-top: 20px; margin: 0px; height: 57px; padding-left: 73px; } #sluzby-zvysovanie-konverzie .servicesBox li.zvysovanieKonverzie a { background: url('../files/graphic/bg_sidemenu_active_conv.png') top left no-repeat; color: #fff; padding-top: 20px; margin: 0px; height: 57px; padding-left: 73px; } /* sidebar - sidebarBox drupalBox */ .drupalBox h2 { background: url('../files/graphic/bg_sidebarBoxH2Drupal.gif') no-repeat; } .drupalBox .sidebarBoxContent { background: url('../files/graphic/ico_drupal.gif') 15px 20px no-repeat; min-height:87px; padding: 0; } .drupalBox p { padding: 25px 10px 0 80px; } .drupalBox a { background: url('../files/graphic/bg_drupalMore.gif') 83px 13px no-repeat; padding: 8px 0 20px 93px; display: block; } /* sidebar - sidebarBox twitterBox */ .twitterBox .sidebarBoxContainer { margin-bottom: 0px; } .twitterBox .sidebarBox h2 a { background: transparent url('../files/graphic/ico_twitter.png') left top no-repeat; display: block; margin-left:10px; padding-left:10px; height: 29px; } .tweet ul.tweet_list { margin: 0; padding: 0; } .tweet ul.tweet_list li { overflow-y: auto; overflow-x: hidden; list-style-type: none; list-style-image: none; padding: 10px 15px 10px 0; background: transparent url('../files/graphic/bg_style1.gif') left top repeat-x; } .tweet ul.tweet_list li.tweet_first { background: none; } .tweet ul.tweet_list .tweet_time { display: none; } .tweet ul.tweet_list .tweet_avatar { padding-right: .5em; float: left; } .tweet ul.tweet_list .tweet_avatar img { vertical-align: middle; } .followTwitter { font-size: 0.9em; padding:0 10px 10px; text-align:right; } /* sidebar - zaujali vas nase prace */ .zaujaliVas { background: url('../files/graphic/ico_more_references.jpg') left top no-repeat; width: 245px; margin: 20px 0; position: relative; } .zaujaliVas p { padding-left: 45px; padding-top: 0px; } .zaujaliVas p a { font-size: .9em; } /**********/ /* FOOTER */ /**********/ #footer { width: 931px; background: transparent url('../files/graphic/bg_faq_foot.gif') 0 top repeat-x; margin: 20px 0px; padding-top: 20px; } #footer a { color: #FF0000; font-size: 0.9em; display: block; float: left; height: 16px; padding-left: 20px; } #footer a.facebook { background: transparent url('../files/graphic/ico_footer_facebook.gif') 0 0 no-repeat; border-right: 1px solid #434343; margin-right: 10px; padding-right: 10px; } #footer a.sitemap { background: transparent url('../files/graphic/ico_footer_sitemap.gif') 0 0 no-repeat; } #footer a.twitter { background: transparent url('../files/graphic/ico_footer_twitter.gif') 0 0 no-repeat; } #footer .footerLeft { float: left; } #footer .footerRight { float: right; } /*********/ /* PRVKY */ /*********/ .col2 {} .col2 .col { margin: 0px 0px 20px 0px; width: 48%; } .col2 table { margin: 0px 0px 10px 0px; width: auto; } .col2 table td { text-align: left; vertical-align: top; width: auto; } form input, form textarea { border: 1px solid #cacaca; font-family: Arial, 'Arial CE', Verdana, Helvetica, sans-serif; font-size: 1.1em; overflow: hidden; margin: 0px 0px 10px 0px; padding: 3px; width: 100%; } form label { cursor: pointer; display: block; } form label em { color: #ff0000; margin: 0px 3px 0px 0px; } form input { display: block; width: 100%; } form form input.submit { cursor: pointer; width: auto; } form input.hidden { display: none; } .formArea input, .formArea textarea { border: 1px solid #cacaca; font-family: Arial, 'Arial CE', Verdana, Helvetica, sans-serif; font-size: 1.1em; overflow: hidden; margin: 0px 0px 10px 0px; padding: 3px; width: 100%; } .formArea label { cursor: pointer; display: block; } .formArea label em { color: #ff0000; margin: 0px 3px 0px 0px; } .formArea input { display: block; width: 100%; } .formArea form input.submit { cursor: pointer; width: auto; } .formArea input.hidden { display: none; } .formArea .captcha { margin: 0px 0px 10px 0px; } .formArea .captcha label { float: left; width: 170px; } .formArea .captcha input { float: right; margin: 20px 0px 0px 0px; width: 240px; } /* HLASKA, CHYBA */ span.hlaska, span.chyba { display: block; padding: 15px; margin: 10px 0; color: #000; font-weight: bold; } span.hlaska { background: #3FF900 url('../files/graphic/bg_hlaska.gif') top left repeat-x; } span.chyba { background: #FF8080 url('../files/graphic/bg_chyba.gif') top left repeat-x; } /* POZICIE */ .fl { float: left; } .fr { float: right; } .cols { } .cols2 .col1 { float: left; width: 49%; } .cols2 .col2 { float: right; width: 49%; } .margTop { margin-top: .5em; } .margTopL { margin-top: 1em; } .margBottom { margin-bottom: .5em; } .margBottomL { margin-bottom: 1em; } .padTop { padding-top: .5em; } .padTopL { padding-top: 1em; } .padTopXL { padding-top: 2em; } .padBottom { padding-bottom: .5em; } .padBottomL { padding-bottom: 1em; } /* POZADIA */ .style1 { padding-bottom: 30px; margin-bottom: 30px; background: transparent url('../files/graphic/bg_style1.gif') left bottom repeat-x; } .style2 { font-size: 1.1em; } /* TEXTY */ .bigger { font-size: 1.2em; } .big { font-size: 1.5em; } .biggest { font-size: 1.8em; } .smaller { font-size: .9em; } .small { font-size: .8em; } .smallest { font-size: .7em; } /* NADPISY */ h2.feedback { background: transparent url('../files/graphic/ico_feedback.jpg') left bottom no-repeat; padding: 0 0 7px 32px; line-height: 1; font-size: 1.5em; } h2.feedback span { color: #fe2f2f; font-style: italic; } /**********/ /* SEKCIE */ /**********/ /* INDEX */ body#index .tabBox .tabBoxMenu .fr a { display: block; height: 45px; line-height: 45px; padding-right: 38px; background: transparent url('../files/graphic/ico_more_references.jpg') right top no-repeat; margin-bottom: 5px; text-align: right; } body#index .tabBox .tabBoxMenu ul { margin-top: 16px; } #tooltip { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background:#F7F5D1 none repeat scroll 0 0; border:1px solid #333333; color:#333333; display:none; padding:2px 5px; position:absolute; } .textPage { position: relative; } .textPage h1 { color: #44484c; font-size: 2.6em; } .textPage h2 { color: #44484c; font-size: 1.9em; margin: 0px 0px 20px 0px; } .textPage h2 a { text-decoration: none; } .textPage h3 { color: #ff1111; font-size: 1.3em; margin: 0px 0px 25px 0px; } .textPage p { color: #44484c; line-height: 20px; padding: 0px 20px 15px 25px; } body.reference .textPage ul, body.referencie .textPage ul { margin-bottom: 10px; } body.reference .textPage ul li, body.referencie .textPage ul li { margin:0 0 5px;} body.reference .textPage ul p, body.referencie .textPage ul p { margin-bottom:0 !important; } .textPage ul li { background: url('../files/graphic/bg_list_bullet.gif') 10px 7px no-repeat; list-style: none; margin: 0px 0px 20px 0px; line-height: 20px; padding: 0px 0px 0px 25px; } .textPage ul li p { margin: 0px; padding: 0px; } .textPage ul.technology li { margin-bottom: 5px; } .textPage strong { color: #44484c; } .textPage .itemFoot { background: url('../files/graphic/bg_faq_foot.gif') bottom left no-repeat; margin: 0px 0px 20px 0px; padding: 0px 4px 7px 0px; text-align: right; min-height: 1px;} .textPage .itemFoot a { background: url('../files/graphic/ico_faq_bullet.gif') center right no-repeat; display: block; padding: 0px 10px 0px 0px; } .textPage .itemFoot a:hover { text-decoration: underline; } .textPage .cite { background: url('../files/graphic/bg_cite_left.gif') 40px 0px no-repeat; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 80px; text-align: center; } .textPage .cite .citeInner { background: url('../files/graphic/bg_cite_right.gif') 490px 0px no-repeat; padding: 0px 100px 0px 0px; } .textPage .cite .citeInner cite { color: #44484c; font-style: italic; } .textPage .desc { margin: 0px 0px 40px 0px; } .textPage .desc li { background: none; list-style: none; margin: 0px; padding: 0px; } .textPage .desc ul { margin: 30px 0px 0px 0px; } .textPage .desc strong { color: #44484b; display: inline; height: 1.6em; } .textPage .desc .descPhoto { background: url('../files/graphic/border_desc.gif') center right no-repeat; height: 100px; float: left; width: 265px; } .textPage .desc .descPhoto img { border: 1px solid #dbdcdc; margin: 0px 25px 0px 0px; vertical-align: middle; padding: 1px; } .textPage .desc .descContact { background: url('../files/graphic/border_desc.gif') center right no-repeat; float: left; height: 100px; padding: 0px 0px 0px 30px; width: 160px; _width: 190px; } .textPage .desc .descPhone { float: left; height: 100px; padding: 0px 0px 0px 30px; width: 150px; } .formular { background: #f7f7f7; margin: 0px 0px 30px 24px; padding: 8px 16px; } label { display: block; line-height: 30px; } input { border: 1px solid #E6E6E6; box-shadow: 0 0 5px #E6E6E6 inset; -moz-box-shadow: inset 0 0 5px #E6E6E6; -webkit-box-shadow:inset 0 0 5px #E6E6E6; display: block; height: 24px; margin: 0px 0px 7px 0px; width: 240px; line-height: 24px; } #captcha { margin-top: 19px; } textarea { border: 1px solid #E6E6E6; box-shadow: 0 0 5px #E6E6E6 inset; -moz-box-shadow: inset 0 0 5px #E6E6E6; -webkit-box-shadow:inset 0 0 5px #E6E6E6; height: 90px; margin: 0; overflow: hidden; width: 347px; } .submit { background: none; border: none; padding: 0px; height: 24px; margin: 0px 0px 0px 110px; _margin: 0px 0px 0px 90px; width: 94px; } /* box*/ body#sluzby #mainBar { margin-left: 0px; } /* ***************************************************** */ /* Sluzby */ #services { background: #fbde98 url('../files/graphic/bg_services.gif') top left repeat-y; width: 930px; } #services .top { background: url('../files/graphic/bg_services_top.gif') top left no-repeat; width: 100%; } #services .bottom { background: url('../files/graphic/bg_services_bottom.jpg') bottom left no-repeat; min-height: 560px; width: 100%; } #services .padding { padding: 45px; } /* common */ #services .item { height: 105px; padding: 15px 0px 0px 195px; } #services h2 { margin: 0px 0px 10px 0px; padding: 0px; } /* ikonky */ #services .website { background: url('../files/graphic/ico_services_website.png') top left no-repeat; } #services .graphic { background: url('../files/graphic/ico_services_graphic.png') top left no-repeat; } #services .visit { background: url('../files/graphic/ico_services_visit.png') top left no-repeat; } #services .conversion { background: url('../files/graphic/ico_services_conversion.png') top left no-repeat; } /* ***************************************************** */ /* Referencie */ #references p { padding-left: 0px; margin-bottom: 10px; } #references .image a { width: 186px; height: 153px; display: block; } #references p.first { margin: 0px 0px 50px 0px; } #references h1 { position: relative; } #references .client { float: left; margin-bottom: 50px; margin-right: 26px; display: inline-block; position: relative; width: 186px; } #references .client .image img { } #references .client .head { background: url('../files/graphic/bg_sidemenu_header.png') top left no-repeat; height: 47px; position: absolute; right: 0px; top: -24px; text-align: left; width: 136px; z-index: 3; } #references .client h3 { color: #fff; font-size: 1em; line-height: 30px; margin: 0px 10px 0px 10px; } #references .client h3 a { color: #fff; display: block; text-decoration: none; } #references .client p { font-size: 1em; padding: 0; margin: 0; } #references .client p a { background: url('../files/graphic/bg_references_bullet.gif') center right no-repeat; padding-right: 10px; } #references .moreaboutproject { bottom: 30px; left: 30px; position: absolute; } #references h3 { color: #44484C; } #references h3.projectName { margin: 0 0 5px; } #references h3.projectName a { color: #44484C; text-decoration: none; } #references h2.refTitle, #references h3.refTitle { margin-bottom: 40px; } #references .preview { float: left; margin: 16px 26px 16px 0px; _margin: 16px 13px 8px 0px; position: relative; width: 186px; } #references .preview .head { background: url('../files/graphic/bg_sidemenu_header.png') top left no-repeat; height: 47px; position: absolute; right: 0px; top: -24px; text-align: left; width: 136px; z-index: 3; } #references .preview h3 { color: #fff; font-size: 1em; line-height: 30px; margin: 0px 10px 0px 10px; } #references .preview h3 a { color: #fff; display: block; text-decoration: none; } #references .cite { background: #f7f7f7; margin: 0px 0px 20px 0px; padding: 30px; text-align: left; font-style: italic; position: relative; } #references .cite h2 { background: url('../files/graphic/bg_cite.png') top left no-repeat; font-weight: normal; height: 64px; margin: 0px; padding: 0px 0px 0px 82px; font-style: normal; } #references .cite .clearfix { display: block; float: right; font-style: normal; text-align: center; } #references .cite .clearfix strong { display: block; padding: 0px 0px 0px 0px; } #references .references-image { position: relative; z-index: 2; } #references .references-normal { left: 0px; position: absolute; top: 0px; z-index: 1; } #references .image { height: 154px; } #references a.open { background: url('../files/graphic/bg_references_open.png') top right no-repeat; color: #fff; display: block; font-size: 11px; height: 28px; line-height: 28px; padding: 0px 10px 0px 0px; position: absolute; right: 0px; top: 0px; text-align: right; text-decoration: none; width: 136px;} img.referenceImage { margin: 0 18px 20px; } /* messages */ .report { display: block; padding: 5px; margin-bottom: 10px; } .error { background: #FFE6E6; } .message { background: #EAFFEA; } /* Caste otazky */ #faq ul { margin: 0px 0px 40px 0px; } #faq ul li { background: url('../files/graphic/bg_list_bullet.gif') 0px 6px no-repeat; list-style: none; margin: 0px 0px 10px 10px; padding: 0px 0px 0px 17px; } #faq ul li a { color: #44484c; font-size: 1.1em; text-decoration: none; } #faq ul li a:hover { text-decoration: underline; } #faq ul li p { padding-left: 0px; } #faq .item ul { margin: 0px; } #faq .domain { background: #f7f7f7; height: 26px; margin: 20px 0px 30px 0px; padding: 10px 12px; } #faq .domain input { float: left; margin: 0; } #faq .domain label { padding-right: 12px; float: left; line-height: 25px; } #faq .domain img { cursor: pointer; float: left; padding: 1px 0 0 10px; } #faq #report p { margin-top: 15px;} .youAsk .lab { float: left; padding-right: 10px; text-align: right; width: 180px; } .youAsk .cont { float: left; width: 250px; } .youAsk div.submit { padding-left: 164px; } /* Kontakt */ .contacts { margin: 20px 0 30px; } .contacts .person { float: left; background: transparent url('../files/graphic/border_desc.gif') right 0 repeat-y; padding-right: 45px; } .contacts .company { float: left; padding-left: 45px; } .contacts .companyinfo p { float: left; display: inline-block; margin-right: 30px; } .contacts p { padding: 0; } .contacts p.first { margin: 0px 0px 40px 0px; } .contacts strong { font-size: 1.15em; display: block; margin-bottom: 5px; } .contact p { padding-left: 0; } .contact .formular { margin-left: 0px; padding: 20px; } .contact .formular .clearfix { _margin: 0px 0px 10px 0px; } .contact .formular label { float: left; padding: 0px 10px 0px 0px; text-align: right; width: 100px; _width: 92px; } .contact .formular input { float: left; width: 151px; } .contact .formular input.select { height: auto; margin: 3px 0px 0px 0px; width: auto; } .contact .formular .long { margin: 0 0 5px 110px; } .contact .formular .long label { width: auto; } .contact .formular .long .hide { margin: 8px 0 5px; } .contact .formular #hasWebsite { margin-top: 9px; border: none; padding: 0px;} .contact .formular textarea { float: left; padding: 3px; width: 420px; } .contact .formular input#submit { background: url('../files/graphic/bg_contact_us_button.gif') top left no-repeat; cursor: pointer; font-size: 0.9em; height: 24px; width: 94px; } .contact .formular .captcha label { margin: 0 10px 0 101px; width: 180px; padding: 0; } .openContent .item .itemHead h2 { font-size: 1em; line-height: 1; } .openContent .item .itemHead h2 a { color: #000; font-weight: normal; } .openContent .item .itemHead h2 span.icon { display: block; width: 10px; height: 10px; overflow: hidden; margin-right: 10px; background: transparent url('../files/graphic/ico_open_content.gif') 0 0 no-repeat; float: left; } .openContent .item .itemOpened h2 a { color: #ff0000; font-weight: bold; text-decoration: none; } .openContent .item .itemOpened h2 span.icon { background-position: -10px 3px; } .openContent .item .itemContent { margin: 0 0 20px 20px; border-bottom: 1px solid #34383B; } .domainFree { border: 1px solid #CACACA; width: 330px; margin-bottom: 10px; } .domainFree label { display: block; padding: 10px; } .domainFree .cont { float: left; margin-left: 10px; width: 200px; } .domainFree .cont input { } .domainFree .submit { float: right; margin-right: 10px; width: 100px; } .domainFree .submit input { } .domainFree input { padding: 3px 0 !important; } ul.ul1 { margin-bottom: 20px; } ul.ul1 li { margin-bottom: 3px; } #additionalMenu { float: right; } #additionalMenu ul { list-style-type: none; padding-left: 20px; } #additionalMenu ul li { list-style-type: none; display: block; float: left; padding-right: 10px; margin: 0 0 10px 0; background: transparent url('../files/graphic/bg_mainmenu_li.gif') right 5px no-repeat; } #additionalMenu ul li.last { background: none; } #additionalMenu ul li a { display: block; float: left; color: #fff; line-height: 28px; text-decoration: none; margin-left: 10px; cursor: pointer; } #additionalMenu ul li span { float: left; display: block; height: 32px; } #additionalMenu ul li span span { padding: 0 10px; } #additionalMenu ul li a:hover { text-decoration: underline; } /* drupal page */ body#drupal .textPage ul { margin-bottom: 20px; } body#drupal .textPage ul li { margin: 0 0 5px; background: url('../files/graphic/bg_drupal_list_bullet.gif') no-repeat scroll 5px 7px transparent; color: #44484c; } body#drupal .textPage p.drupal span { background: url('../files/graphic/ico_drupal.png') no-repeat; display: block; width: 70px; height: 69px; float: left; } .whyDrupal { margin: 0 18px 25px; } .whyDrupal .item { position: relative; } .whyDrupal .item h3 { margin: 0; } .whyDrupal .item h3 a { display: block; background: url('../files/graphic/bg_itemTitle.gif') no-repeat; font-size:0.9em; height:42px; line-height:42px; } .whyDrupal .item h3 a span { padding-left: 60px; display: block; margin-left: 12px; height: 42px; } .whyDrupal .last .item h3 a:hover, .whyDrupal .item h3 a:hover { background-position: 0 -42px; } .whyDrupal .first .item h3 a:hover { background-position: 0 -43px; } .whyDrupal .last .item h3 a.active, .whyDrupal .item h3 a.active { background-position: 0 -84px; } .whyDrupal .first .item h3 a.active { background-position: 0 -86px;} .whyDrupal .first .item h3 a { background: url('../files/graphic/bg_itemTitleFirst.gif') no-repeat; height: 43px; line-height: 43px; } .whyDrupal .last .item h3 a { background: url('../files/graphic/bg_itemTitleLast.gif') no-repeat; } .whyDrupal .itemContent { background: url('../files/graphic/bg_itemContent.gif') center top no-repeat; border-bottom: 1px solid #c5c5c6; position: relative; } .whyDrupal .itemContentInner { padding:25px 30px 0; } .whyDrupal .last .itemContent { background-position: center bottom; border: none; } .whyDrupal .itemContent p { padding: 0 0 15px; } .modules h3 span { background: url('../files/graphic/ico_modules.png') no-repeat; height: 43px; } .independence h3 span { background: url('../files/graphic/ico_independence.png') no-repeat; } .seo h3 span { background: url('../files/graphic/ico_seo.png') no-repeat; } .awards h3 span { background: url('../files/graphic/ico_awards.png') no-repeat; } .trust h3 span { background: url('../files/graphic/ico_trust.png') no-repeat; } .whyDrupal .itemContentClose { padding: 0 0 0 567px; height:32px; } .whyDrupal .itemContent a.closeItem { display: block; height: 23px; width: 22px; background: url('../files/graphic/bg_itemContentClose.gif') no-repeat; text-indent: 1000px; overflow: hidden;} .whyDrupal .itemContent a.closeItem:hover { background-position: 0 -23px; } /* slider */ .slider { width: 606px; height: 246px; position: relative; background: #cecccd; margin: 0 18px 18px; } .slider a { text-decoration: none; } .slider ul li { background: none !important; padding: 0; margin: 0 !important; } .slider ul li img { width: 604px; height: 207px; } .slider .navigation { height:70px; left:0; position:absolute; top:0; width:606px; z-index:4; } .slider .navigation a { text-indent: -1000px; display: block; width: 52px; height: 70px; position: absolute; cursor: pointer; } .slider .navigation a.prev { background: transparent url('../files/graphic/bg_sliderLeftArrow.png') 0 0 no-repeat; top: 80px; left: 0px; } .slider .navigation a.next { background: transparent url('../files/graphic/bg_sliderRightArrow.png') 0 0 no-repeat; top: 80px; right: 0px;} .sliderBottom { width: 606px; height: 38px; background: transparent url('../files/graphic/bg_sliderBottom.gif') 0 0 no-repeat; position: absolute; bottom: 0; left: 0; z-index: 4; text-align: center; } .sliderContent { overflow:hidden; width:604px; margin-left: 1px; padding-top: 1px;} .sliderTop { width: 22px; height: 20px; background: transparent url('../files/graphic/bg_sliderTop.png') 0 0 no-repeat; position: absolute; top: 0; left: 0; z-index: 4; } .sliderTopRight { width: 22px; height: 20px; background: transparent url('../files/graphic/bg_sliderTopRight.png') 0 0 no-repeat; position: absolute; top: 0; right: -2px; z-index: 4; } .sliderTitle { width: 136px; height: 47px; background: transparent url('../files/graphic/bg_sliderTitle.png') 0 0 no-repeat; position: absolute; top: -24px; right: 0; z-index: 4; } .sliderTitle span { color: #fff; font-weight: bold; line-height: 29px; padding-left: 10px; } .sliderPagerWrapper { display:table; margin: 0px auto; width: auto; margin-top: 15px; line-height: 9px; } .sliderPager { display:table-row; display: inline-block; } .sliderPager .sliderPagerItem { display:table-cell; display: inline-block; float: left; height: 9px; width: 9px; margin-right: 10px; } .sliderPager .sliderPagerItem a { display: block; width: 9px; height: 9px; background: transparent url('../files/graphic/bg_sliderPagerItem.gif') 0 0 no-repeat; overflow: hidden; outline: none; } .sliderPager .actual a, .sliderPager .sliderPagerItem a:hover { background-position: 0 -9px; outline: none; } /* submenu */ .submenu { margin-bottom: 15px; } .submenu ul li { background: transparent url('../files/graphic/border_desc.gif') right 0 no-repeat; display: block; float: left; list-style: none outside none; line-height: 17px; padding: 0 15px; height: 21px; } .submenu ul a { color: #44484C; text-decoration: underline; } .submenu ul a:hover { text-decoration: none; } .submenu ul a.active { font-weight: bold; color: #FF0000; text-decoration: none; } .submenu ul li.first { padding-left: 0px; } .submenu ul li.last { background: none; } /*sitemap*/ ul.sitemap li { line-height: 22px; list-style: none outside none; } ul.sitemap li ul li { list-style: square outside none; } ul.sitemap li ul li ul li { list-style: disc outside none; } ul.sitemap li ul li ul li ul li { list-style: square outside none; }