/*****************************************************************************************************/ /************************************** BASIC **************************************/ /*****************************************************************************************************/ * { margin: 0; padding: 0; border: none; } a { color: #94a01d; text-decoration: underline; } a:hover { color: #94a01d; text-decoration: none; } hr { display: none; } body { background: #fff url('../files/graphics/bg_body.gif') top repeat-x; color: #000; font-family: 'Tahoma CE', 'Helvetica CE', Tahoma, lucida, sans-serif; font-size: .7em; text-align: center; padding-bottom: 20px; } .clearfix { display: block; } .clearfix:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; } h1 { font-size: 2em; font-weight: bold; color: #000; margin-top: 20px; } h2 { font-size: 1.5em; font-weight: bold; color: #000; margin-bottom: 5px; } h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; padding-left: 0; } h4 { font-size: 1em; font-weight: bold; margin-bottom: 5px; padding-left: 0; } p { line-height: 1.5em; padding: 5px 0; } .hidden { display: none; } hr { display: none; } /* POZICIE */ .fl { float: left; } .fr { float: right; } /*****************************************************************************************************/ /************************************** LAYOUT *************************************/ /*****************************************************************************************************/ #bg { position:relative;background: url('../files/graphics/bg_graphic.jpg') top no-repeat; min-height: 550px; text-align: center; margin: 0 auto; width: 100%; } #page { width: 950px; margin: 0 auto; text-align: left; position: relative; } #top { width: 100%; height: 50px; } #topContent { width: 950px; height: 50px; /* overflow: hidden */; color: #666; position: absolute; top: 0; left: 0; } #toptip { float: left; } #toptip p { background: url('../files/graphics/ico_tip.gif') left no-repeat; padding-left: 20px; margin-left: 20px; margin-top: 10px; } #toptip p strong { color: #a4b813; margin-right: 10px; font-size: 1.1em; } #tip { float: left; } #tip p { background: url('../files/graphics/ico_tip.gif') left no-repeat; padding-left: 20px; margin-left: 20px; margin-top: 10px; } #tip p strong { color: #a4b813; margin-right: 10px; font-size: 1.1em; } #search { float: right; padding-right: 30px; } #search a.mapaStranky { color: #494847; height: 16px; background: url('../files/graphics/ico_mapastranky.gif') left no-repeat; padding-left: 25px; margin-top: 18px; display: block; float: left; } #search .clearfix { float: left; padding-top: 12px; margin-left: 30px; } #search .input { float: left; height: 27px; width: 192px; background: #eee url('../files/graphics/bg_search_input.gif') left no-repeat; overflow: hidden; } #search .input input { background: transparent; margin-left: 30px; margin-top: 5px; width: 160px; height: 15px; font-size: .95em; color: #7f7f7f; } #search .input input:focus { outline: 0; } #search .submit { float: left; width: 93px; height: 27px; overflow: hidden; } #search .submit input { width: 93px; height: 27px; color: #fff; text-align: center; font-size: .95em; background: #726e60 url('../files/graphics/bg_search_submit.gif') left no-repeat; } #header { width: 100%; height: 101px; color: #fff; overflow: hidden; margin-bottom: 13px; } #logo { width: 250px; height: 100%; background: #7d8e0c url('../files/graphics/bg_logo.jpg') left no-repeat; float: left; overflow: hidden; } #logo h1 { margin: 0; padding: 0; float: left; } #logo a { display: block; width: 250px; height: 101px; text-align: right; color: #fff; text-decoration: none; position: relative; } #logo a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../files/graphics/logo.jpg') no-repeat; } #menu { width: 700px; height: 100%; float: right; background: #a6b724 url('../files/graphics/bg_menu.jpg') left no-repeat; } #menus { position: absolute; top: 50px; left: 0; width: 950px; height: 114px; } #mainMenu { position: absolute; top: 35px; right: 30px; } #mainMenu ul { list-style: none; } #mainMenu ul li { float: left; margin: 0 2px; height: 35px; background: url('../files/graphics/bg_menu_item.gif') center top no-repeat; } #mainMenu ul li a { color: #fff; text-decoration: none; font-size: 1.2em; font-weight: bold; height: 35px; display: block; text-align: center; } #mainMenu ul li a:hover { text-decoration: underline; } #mainMenu ul li a span { padding: 0 8px; display: block; height: 29px; line-height: 30px; cursor: pointer; margin: 0 1px; } #mainMenu ul li.active { background-position: center -35px; } #mainMenu ul li.active a { text-decoration: none !important; } #mainMenu ul li.active a span { border: 1px solid #92a41a; border-top: none; border-bottom: none; display: block; float: left; height: 31px; margin: 0; } #mainMenu ul li.active a:hover{ text-decoration: none; } #submenu { position: absolute; right: 0; top: 77px; width: 950px; height: 37px; background: #918e78 url('../files/graphics/bg_submenu.gif') top repeat-x; } #submenu ul { list-style: none; overflow: hidden; margin-left: 20px; } #submenu ul li { float: left; padding: 0 10px; padding-left: 11px; line-height: 37px; background: url('../files/graphics/bg_submenu_item.gif') left no-repeat; } #submenu ul li.first { background: none; } #submenu ul li a { color: #fff; text-decoration: none; font-weight: bold; background: none !important; } #submenu ul li a:hover { text-decoration: underline; } #submenu div { display: none; } #submenu div.active { display: block; } #banner { width: 948px; height: 310px; border: 1px solid #e5e5e5; overflow: hidden; position: relative; cursor: pointer; } /* + ie.css */ #banner .item { display: block; width: 948px; height: 310px; position: absolute; overflow: hidden; top: 0; left: 0; cursor: pointer; } #banner .item .image { display: block; position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; cursor: pointer; } #banner .item1 .image { background: url('../files/graphics/bannery/banner1.jpg') 0 0 no-repeat; } #banner .item2 .image { background: url('../files/graphics/bannery/banner2.jpg') 0 0 no-repeat; } #banner .item3 .image { background: url('../files/graphics/bannery/banner3.jpg') 0 0 no-repeat; } #banner .item4 .image { background: url('../files/graphics/bannery/banner4.jpg') 0 0 no-repeat; } #banner .item5 .image { background: url('../files/graphics/bannery/banner5.jpg') 0 0 no-repeat; } #banner .item6 .image { background: url('../files/graphics/bannery/banner6.jpg') 0 0 no-repeat; } #banner .navigation { position: absolute; left: 30px; bottom: 25px; } #banner .navigation ul { list-style: none; } #banner .navigation ul li { float: left; width: 20px; height: 20px; margin-right: 6px; } #banner .navigation ul li a { display: block; width: 20px; height: 20px; line-height: 20px; overflow: hidden; background: #95A328 url('../files/graphics/bg_banner_navigation.gif') 0 0 no-repeat; text-align: center; color: #fff; text-decoration: none; } #banner .navigation ul li a.active, #banner .navigation ul li a:hover { background-color: #6B675C; background-position: 0 -20px; font-weight: bold; } #shadow { width: 100%; height: 37px; background: url('../files/graphics/bg_shadow.gif') top no-repeat; } #main { } #main .padding { padding: 10px 30px; } #main h2.mini { font-size: 1em; font-weight: normal; color: #545352; padding-left: 25px; margin-top: 10px; } #ponuka, #ponuka2 { width: 950px; height: 100px; background: #e7e7e7 url('../files/graphics/bg_ponuka.gif') top no-repeat; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; } #referencie #ponuka2 { background:transparent;} #ponuka .goLeft, #ponuka .goRight { width: 42px; height: 100px; outline: none; } #ponuka .goLeft a, #ponuka .goRight a, #ponuka2 .goRight a, #ponuka2 .goLeft a { display: block; width: 100%; height: 100%; text-indent: 5em; overflow: hidden; outline: none; } #ponuka .content , #ponuka2 .content { width: 860px; height: 110px; float: left; position:relative; } #ponuka2 .content {overflow:hidden;} #frame {border:2px solid #91a700; width:110px; height:100px; position:absolute; top:3px; left:8px; } #referencie #ponuka2 .goLeft { background: transparent url('../images/left.png') right no-repeat; float: left; } #referencie #ponuka2 .goRight { background: transparent url('../images/right.png') left no-repeat; float: right; } #referencie #ponuka2 .goLeft:hover { background: transparent url('../images/left.png') left no-repeat; } #referencie #ponuka2 .goRight:hover { background: transparent url('../images/right.png') right no-repeat; } #referencie #ponuka2 .goLeft, #referencie #ponuka2 .goRight { width:16px; height: 100px; outline: none; } #referencie #ponuka2 .item { display: block;width: 130px; height: 80px; text-align: center; text-decoration: none; color: #5d5c5a; float: left; } #referencie #ponuka2 .item img {border:1px solid #fff; } #referencie #ponuka2 .item img:hover {border:1px solid #91a700; } #ponuka .goLeft { background: #686458 url('../files/graphics/bg_ponuka_left.gif') left no-repeat; float: left; } #ponuka .goRight { background: #686458 url('../files/graphics/bg_ponuka_right.gif') left no-repeat; float: right; } #ponuka ul, #ponuka2 ul { list-style: none; width: 858px; } #ponuka ul li { float: left; margin: 15px 5px; } #ponuka2 ul li { float: left; margin: 15px 0px; } #ponuka .item, #ponuka2 .item { display: block; width: 133px; height: 74px; text-align: center; text-decoration: none; color: #5d5c5a; float: left; } #ponuka .item span, #ponuka2 .item span { font-size: 1.1em; font-weight: bold; } #ponuka .item:hover span, #ponuka2 .item:hover span { text-decoration: underline; } #main .splitter { background: url('../files/graphics/splitter.gif') right top no-repeat; } #main .article { width: 477px; min-height: 188px; } #main .screencasts { width: 238px; min-height: 188px; } #main .recommended { width: 225px; } #main .article .padding { padding: 20px 25px; } #main .screencasts .padding, #main .recommended .padding { padding: 20px 25px; } #main h2 { margin: 0; padding: 0; margin-bottom: 15px; } #main p { padding: 0; padding-bottom: 10px; } #main .article h2 { color: #4b4a48; font-size: 2em; font-weight: normal; margin-bottom: 10px; } #main .screencasts h2, #main .recommended h2 { color: #90917c; } #main .celyClanok { width: 93px; height: 30px; display: block; background: #696559 url('../files/graphics/button01.gif') top no-repeat; color: #fff; text-decoration: none; } #main .celyClanok:hover { text-decoration: underline; } #main .celyClanok span { display: block; height: 30px; padding-left: 20px; margin-left: 10px; background: url('../files/graphics/ico_celyclanok.gif') left no-repeat; line-height: 28px; cursor: pointer; } #main .tac { text-align: center; } #tags { border-top: 1px solid #E5E5E5; margin: 15px 0 20px; padding: 15px 25px 0; } #tags h2 { color: #4B4A48; background: transparent url('../files/graphics/ico_tags.png') left center no-repeat; padding-left: 62px; height: 58px; line-height: 58px; font-size: 2em; } #tags p { padding: 0; line-height: 1.25; } #tags p a { color: #90917C; text-decoration: none; margin-right: 10px; } #tags p a:hover { color: #b0c82a; } #tags p a.tagSize1 { font-size: 1em; } #tags p a.tagSize2 { font-size: 1.2em; } #tags p a.tagSize3 { font-size: 1.5em; } #tags p a.tagSize4 { font-size: 1.7em; font-weight: bold; } #tags p a.tagSize5 { font-size: 2.1em; } #footer { width: 100%; height: 52px; color: #7b7769; border: 1px solid #e5e5e5; line-height: 52px; clear:both; } #footer p { padding: 0; height: 100%; line-height: 52px; margin-left: 30px; } #footer ul { list-style: none; margin-left: 10px; } #footer ul li { float: left; margin-left: 15px; } #footer ul li a { color: #9a9a99; } #heading { position: relative; height: 206px; width: 952px; overflow: hidden; } #heading h2 { margin: 0px; } #heading .banner { position: absolute; left: 0; top: 0; z-index: 1; height: 157px; width: 952px; background-position: top left; background-repeat: no-repeat; } #heading .shadow { position: absolute; top: 157px; left: 0; background: url('../files/graphics/bg_shadow_sub.png') top left no-repeat; height: 49px; width: 952px; } body#bodywebdizajn #heading .banner { background-image: url('../files/graphics/bannery/subBanner1.jpg'); } body#bodyppc #heading .banner { background-image: url('../files/graphics/bannery/subBanner2.jpg'); } body#bannery #heading .banner { background-image: url('../files/graphics/bannery/subBanner3.jpg'); } body#sme #heading .banner { background-image: url('../files/graphics/bannery/subBanner4.jpg'); } body#google #heading .banner { background-image: url('../files/graphics/bannery/ga_bannerik.jpg'); } body#bodyivizitky #heading .banner { background-image: url('../files/graphics/bannery/subBanner5.jpg'); } body#bodykontakt #heading .banner { background-image: url('../files/graphics/bannery/subBanner6.jpg'); } body#bodyseo #heading .banner { background-image: url('../files/graphics/bannery/subBanner7.jpg'); } body#analyza #heading .banner { background-image: url('../files/graphics/bannery/subBanner8.jpg'); } body#cas #heading .banner { background-image: url('../files/graphics/bannery/subBanner9.jpg'); } body#referencie #heading .banner { background-image: url('../images/banner.jpg'); } #main { margin: 0px 0px 0px 10px; position:relative;} #mainBar { float: left; width: 670px; } #main h2 { color: #5c5b59; font-size: 2em; margin: 20px 0px 11px 15px; } #main h3 { color: #5c5b59; font-size: 1.6em; margin: 20px 0px 11px 15px; } body#obsah #main h3 { color: #5c5b59; font-size: 1.3em; margin: 20px 0px 5px 15px; } #main h3.question { background: url('../files/graphics/icon/question.gif') center left no-repeat; font-size: 1.6em; margin: 20px 0px 11px 15px; height: 45px; padding: 7px 0px 0px 59px; } #main p { margin: 0px 15px 18px 15px; } #mainBar p { font-size: 1.2em} #mainBar div p { font-size: 1em} /* ADDED BY MASLENKA */ #klikacieLogo {display: block; width: 240px; height: 100px;} #obsah #content ul, #content #mainBar ul {margin: 5px 0 5px 10px;list-style-image:none;list-style-position:outside;list-style-type:none;} #content #mainBar ul {font-size:1.2em} #content #mainBar #tabs ul { padding: 0px; margin: 0px } #obsah #content li, #content #mainBar li {background:transparent url(../files/graphics/icon/list.gif) no-repeat scroll 0 4px; padding-left: 17px; padding-top: 4px} #content #mainBar .ui-tabs .ui-tabs-nav li { background: #d0cec9 url('../files/graphics/bg_tabs_nav.gif') top left no-repeat; position: relative; float: left; height: 60px; margin: 0px 1px 0px 0px; width: 133px; padding: 0} #content #mainBar .ui-tabs .ui-tabs-nav li a { display: block; text-decoration: none; height: 60px; } #content #mainBar .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: #88866f url('../files/graphics/bg_tabs_select.gif') top left repeat-x; } #content #mainBar #tabs ul {font-size: 1em;} #obsah #content {font-size: 1.2em; } #bodykontakt #mainBar {width: 470px} #bodykontakt #sideBar {width: 470px} #bodykontakt .openContent .link {background-image:url(../files/graphics/ico-ppc3.png); } #bodykontakt .openContent {margin-top: 20px} #bodykontakt #mainBar strong {color: #B4C52C; font-size: 1.2em} #bodykontakt #mainBar p {margin-bottom: 5px} #bodykontakt #mainBar h3 {margin-top: 3px} #bodykontakt #minimap {width: 380px; height: 280px; margin: 24px; margin-top: 10px; margin-bottom: 20px} /* ************** */ hr.visible { background: #dedddd; border: 0px; display: block; height: 1px; margin: 0px; padding: 0px; } #mainBar .last { margin: 0px 0px 16px 0px; } .notifyBox { background: #f4f4f4; border: 1px solid #dad9d9; color: #7d7d7b; font-weight: bold; padding: 12px; margin-bottom: 15px; } .notifyBox a { color: #b4c52c; font-weight: bold; text-decoration: underline; } .notifyBox p { margin: 0px !important; padding: 0px; } .notifyBox p.bubble { background: url('../files/graphics/icon/bubble.gif') top left no-repeat; margin: 0px; padding: 7px 0px 9px 40px !important; } .notifyBox ul { list-style: none; } .notifyBox ul li { background: url('../files/graphics/icon/list.gif') center left no-repeat; color: #000000; font-weight: normal; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; } .notifyBox ul li.last { margin-bottom: 0px; } #sideBar { float: right; width: 261px; } #contact { background: #94a229 url('../files/graphics/bg_contact.gif') top left no-repeat; border-bottom: 1px solid #a9a9a9; margin: 0px 0px 40px 0px; padding: 12px; } #contact h2 { background: url('../files/graphics/icon/mail.gif') -4px 0 no-repeat; color: #626d13; font-size: 1.2em; margin: 0px 0px 0px 0px; padding: 8px 0px 10px 40px; } #contact a { color: #ffffff; font-weight: bold; } #contact a:hover { text-decoration: underline; } #contact p { color: #ffffff; margin: 0px 0px 0px 40px; } #faq { margin: 0px 0px 15px 15px; } #faq a { color: #9b9c89; cursor: pointer; padding: 0px 0px 0px 70px; text-decoration: none; } #faq a:hover { text-decoration: underline; } #faq h2 { color: #9b9c89; font-size: 1.3em; padding: 0px; margin: 0px 0px 5px 0px; } #faq ul { list-style: none; margin: 0px 0px 0px 5px; } #faq ul li { border-bottom: 1px solid #d9d7d2; color: #9e9f8a; font-weight: bold; } #faq ul li div { font-weight: normal; padding: 0px 0px 0px 0px; } #faq ul li div p { color: #767563; padding: 20px 0px 0px 5px; } #faq ul li div h3 { font-size: 1em; color: #767563; font-weight: bold; margin: 15px 0px 0px 5px; } #faq ul li div ul { margin: 2px 0px 0px 4px; } #faq ul li div ul li { background: url('../files/graphics/icon/arrow.gif') center left no-repeat; border: 0px; color: #767563; font-weight: normal; margin: 0px 0px 0px 3px; padding: 0px 0px 0px 5px; } #faq ul li.last { border-bottom: 0px; } #faq ul li.prize { background: url('../files/graphics/icon/prize.gif') top left no-repeat; margin: 0px 0px 5px 0px; padding: 8px 0px 16px 0px; } #faq ul li.prizeHover { background: url('../files/graphics/icon/prize_hover.gif') top left no-repeat; } #faq ul li.work { background: url('../files/graphics/icon/work.gif') top left no-repeat; margin: 0px 0px 5px 0px; padding: 3px 0px 16px 0px; } #faq ul li.workHover { background: url('../files/graphics/icon/work_hover.gif') top left no-repeat; } #faq ul li.technology { background: url('../files/graphics/icon/technology.gif') top left no-repeat; padding: 8px 0px 16px 0px; } #faq ul li.technologyHover { background: url('../files/graphics/icon/technology_hover.gif') top left no-repeat; } #sideBar .notifyBox { background: #f4f4f4; border: 1px solid #dad9d9; color: #7d7d7b; font-weight: bold; padding: 12px; } #sideBar .notifyBox a { color: #b4c52c; font-weight: bold; text-decoration: underline; } #sideBar .notifyBox p { margin: 0px; padding: 0px; } #sideBar .notifyBox p.bubble { background: url('../files/graphics/icon/bubble.gif') top left no-repeat; margin: 0px; padding: 0px 0px 0px 40px !important; } /* Tabs ----------------------------------*/ #tabs { padding: 0px; margin: 0px; } #tabs p { padding: 0px; margin: 0px 30px 10px 30px; } #tabs ul { padding: 0px; margin: 0px } #tabs li.last { margin: 0px; width: 134px;} .ui-tabs { padding: 0px; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; overflow: hidden; } .ui-tabs .ui-tabs-nav li { background: #d0cec9 url('../files/graphics/bg_tabs_nav.gif') top left no-repeat; position: relative; float: left; height: 60px; margin: 0px 1px 0px 0px; width: 133px; padding: 0} .ui-tabs .ui-tabs-nav li a { display: block; text-decoration: none; height: 60px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: #88866f url('../files/graphics/bg_tabs_select.gif') top left repeat-x; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { color: #ffffff; cursor: text; padding-top: 10px; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { color: #6d6859; cursor: pointer; text-align: center; padding-top: 10px; } /* first selector in group seems obsolete, but requi to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { background: #7a766a url('../files/graphics/bg_tabs_panel.gif') top left repeat-x; color: #ffffff; display: block; border-width: 0; padding: 35px 0px 50px 0px; } .ui-tabs .ui-tabs-hide { display: none !important; } /* PPC ----------------------------------*/ body#bodyppc #contact { margin-bottom: 30px; } .moreInfo { } .moreInfo .col1, .moreInfo .col2 { width: 460px; } .moreInfo .col1 { float: left; } .moreInfo .col2 { float: right; } .openContent { background: #7A766A url('../files/graphics/bg_opencontent.gif') left top repeat-x; color: #fff; padding: 10px 20px 0px; margin-bottom: 20px; } .openContent .link { padding-left: 55px; height: 48px; line-height: 38px; overflow: hidden; background: transparent url('../files/graphics/ico_ppc_2.jpg') left top no-repeat; } .openContent .link h2 { font-size: 1em !important; margin: 0 0 10px !important; } .openContent .link h2 a { display: block; text-decoration: none; color: #fff; padding-left: 25px; background: transparent url('../files/graphics/ico_opencontent_arrow.jpg') left center no-repeat; outline: none; } .openContent .link h2 a.active { background-image: url('../files/graphics/ico_opencontent_arrow_active.jpg'); color: #D4E623; } .openContent .content { padding-bottom: 10px } .openContent .content p { margin: 0 0 10px !important; } .openContent .content ul { margin: 0; padding: 0 0 10px; } .openContent .content ul li { margin-left: 15px; list-style: square; padding: 2px 0; line-height: 1.3; } .moreInfo .ktoPouzivaPPC .link { background-image: url('../files/graphics/ico-ppc1.png'); } .moreInfo .vyhodyPPC .link { background-image: url('../files/graphics/ico-ppc2.png'); } .moreInfo .skusteSiSami .link { background-image: url('../files/graphics/ico-ppc3.png'); } .moreInfo .akoSaDeliPPC .link { background-image: url('../files/graphics/ico-ppc4.png'); } /* blog */ div.CGBlogSummary {margin: 0 30px 2px 15px; clear: both} div.CGBlogSummaryLink a { font-size: 1.4em; color: #5C5B59; font-weight: bold; text-decoration: none} div.CGBlogSummaryLink a:hover {text-decoration: underline;} div.CGBlogSummaryPostdate, div.CGBlogSummaryAuthor, div#CGBlogPostDetailDate {font-size: 0.9em; color: #94a01d;} span.CGBlogSummaryAuthor, span#CGBlogDetailAuthor { margin-left: 7px; font-weight: bold} div#CGBlogPostDetailDate { margin-left: 15px;} div.CGBlogSummarySummary, div.CGBlogSummaryContent { margin: 7px 0 15px 0; text-align: justify} #main div.CGBlogSummarySummary p , #main div.CGBlogSummaryContent p { margin: 0; padding: 0} div.CGBlogSummary img { float: left; margin: 5px 5px 0 0} div#CGBlogPostDetailContent img { margin: 5px 15px 0 15px} div#CGBlogPostDetailContent {clear: both; text-align: justify; margin-top: 15px} h2#CGBlogPostDetailTitle { margin-bottom: 0;} div#CGBlogAuthorBox { float: right; width: 180px; background: #7A766A url(../files/graphics/bg_opencontent.gif) repeat-x scroll left top; margin: 0 0 10px 15px; } div#CGBlogAuthorBox div {width: 155px; padding: 10px; text-align: left;} div#CGBlogAuthorBox div.autor, div#CGBlogAuthorBox div.autor a {padding-top: 0px; padding-bottom: 0px; color: #BDD124; font-weight: bold; text-decoration: none} div#CGBlogAuthorBox img {float: none; margin: auto; border: 3px solid #BDD124;} #commentform { width: 450px; float: right; border: 1px solid #5C5B59; background: #BDD124; } #obsah #content #comments ul { margin: 5px 470px 5px 10px; } #commentform table{ margin: 20px } #commentform table { text-align: right; color: white; font-weight: bold; } #commentform table td { vertical-align: top; } #commentform table img{ margin-right: 30px; } #commentform input, #commentform textarea{ width: 280px; border: 1px solid #5C5B59; } #commentform textarea{ height: 60px } #commentform .submit input { width: 200px; margin-top: 10px } #commentform .submit { text-align: left; } #loading {display:none; background: #fff url(../images/loader64.gif) no-repeat center 40px; padding: 10px; height:120px; position:absolute; top:50px; left:50%; font-size:1.5em; text-align:center; line-height:2; margin-left:-130px; border:2px solid #999;} .heading-box { float:left; width:210px; margin-right:20px; } #main .heading-box h3 {line-height:2; font-size:12px; background:#f4f4f4; border: 1px solid #dad9d9; display:block;text-indent:10px; margin:0; color:#7d7d7b; font-weight:normal;} .heading-box.last {margin-right:0;} .clear {clear:both;} #content {margin-bottom:20px;} .porftolio { } .portfolioitem { float: left; width: 199px; position: relative; border: 10px solid #FFFFFF; margin-left: 3px; margin-left:15px; } .portfolioitem:hover { border: 10px solid #eaeaea; cursor: pointer; } .portfolioitem h4 { font-size: 1em; padding: 5px; } .portfolioitem h4 a { text-decoration: none; color: #212121; } .portfolioitem a img { } .portfolioitem div { width: 187px; color: #FFFFFF; background-color: #212121; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; font-size: 0.9em; } .portfolioitem div.title { position: absolute; top: 0px; left: 0px; height: 139px; opacity: 0; padding-top: 10px; padding-bottom: 10px; } .portfolioitem div.title a { display: block; height: 138px; width: 182px; text-decoration: none; } .portfolioitem p a { color: #FFFFFF; } #main .portfolioitem p { margin: 0 15px 0 5px; } .portfolio_show { padding-top: 10px; padding-bottom: 10px; } .portfolio_show p, .link { background-image: url(../images/li1.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; margin-top: 5px; } .portfolio_show a img, .portfolio_show img { border: 10px solid #eaeaea; } .portfolio_show a img:hover { border: 10px solid #cccccc; }