* { margin: 0; padding: 0; border: 0; } * body { font: 70% Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #57595E; background: #ddddd2 url(../images/background.gif) repeat-x; text-align: center; } ul, ol { list-style: none; } form, input, textarea { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; } /****************** / STRUCTURE ***/ #divContent { background: url(../images/content_bg.gif) repeat-y; width: 762px; margin: 0 auto; text-align: left; } #bodyMain #divContent { background: url(../images/content_bg.gif) repeat-y; } #divHead { background: #ECECE4 url(../images/header_bg.gif) no-repeat 0 78px; height: 286px; position: relative; } #bodyMain #divMid { padding: 25px 16px 0 19px; } #divTitle { padding: 20px 19px 0 19px; background: url(../images/content_bg.gif) repeat-y; } #divMid { padding: 0 19px; } #bodyService .divMidDevelopment { background: url(../images/subDevelopment.jpg) no-repeat; } #bodyService .divMidProgram { background: url(../images/subProgramming.jpg) no-repeat; } #bodyService .divMidGraphics { background: url(../images/subGraphic.jpg) no-repeat; } #divMidMain { float: left; width: 708px; margin-bottom: 10px; } #divMidL { float: left; width: 534px; margin-bottom: 10px; } #divMidR { float: right; width: 174px; margin-bottom: 209px; } #bodyService #divMidR { background-color: #fff; padding-top: 10px; } #divFoot { background: url(../images/footer.gif) no-repeat; height: 130px; position: relative; clear: both; } /****************** / LINKS - GENERAL ***/ a:link, a:visited { color: #5AB10C; text-decoration: none; } a:hover, a:active { color: #000; text-decoration: underline; } #divHead a:link, #divHead a:visited, #divHead a:hover, #divHead a:active { color: #fff; } #divFoot a:link, #divFoot a:visited, #divFoot a:hover, #divFoot a:active { color: #8E8E8E; } /****************** 04/ NAVIGATION ***/ #olNav { width: 381px; height: 33px; position: absolute; top: 55px; right: 9px; z-index: 2; } #olNav li { float: left; font-size: 1.1em; color: #fff; height: 33px; text-indent: -9999px; } #olNav li a.aNav { height: 0 !important; height /**/: 33px; padding: 33px 0 0 0; overflow: hidden; float: left; } #olNav li a:hover, #olNav li a:active, #olNav li a.selektiran:link, #olNav li a.selektiran:visited, #olNav li a.selektiran:hover, #olNav li a.selektiran:active { background-position: 0 -33px; } #liNavHome { width: 61px; } #liNavServices { width: 77px; } #liNavPortfolio { width: 79px; } #liNavTestimonial { width: 92px; } #liNavContact { width: 71px; } #liNavHome a { width: 61px; background: url(../images/navhome.gif) no-repeat; } #liNavServices a { width: 77px; background: url(../images/navservices.gif) no-repeat; } #liNavPortfolio a { width: 79px; background: url(../images/navportfolio.gif) no-repeat; } #liNavTestimonial a { width: 92px; background: url(../images/navtestimonials.gif) no-repeat; } #liNavContact a { width: 71px; background: url(../images/navcontact.gif) no-repeat; } /* SUB NAVIGATION */ #olNav li ol { display: none; font-size: .9em; border-bottom: 1px solid #fff; background-color: #9EC443; } #olNav li ol#olServices { position: absolute; left: 61px !important; left /**/: 45px; top: 24px; padding-top: 9px; z-index: 3; background: url(../images/subnav.gif) no-repeat 0 0 !important; background /**/: url(../images/subnav.gif) no-repeat 16px 0; width: 120px; } #olNav li ol li { text-indent: 0; float: none; height: 30px; width: 120px; border-left: 1px solid #fff; border-right: 1px solid #fff; } #olNav li ol li a:link, #olNav li ol li a:visited, #olNav li ol li a:hover, #olNav li ol li a:active { display: block; width: 120px; w\idth: 110px; padding: 0 5px; height: 30px; line-height: 30px; background-image: none; background-color: #A8CE4C; color: #fff; float: none; text-decoration: none; } #olNav li ol li a:hover, #olNav li ol li a:active { background-color: #B3DA56; color: #000; } #olNav li:hover ol, #olNav li.over ol { display: block; } h1 { font-size: 2.2em; color: #747B89; font-weight: normal; } h1 a:link, h1 a:visited { color: #747B89; } h1 a:hover, h1 a:active { color: #000; text-decoration: none; } /** head **/ .imgLogo { position: absolute; top: 25px; left: 20px; } #divFlash, #imgHead { position: absolute; top: 88px; left: 10px; width: 742px; height: 176px; z-index: 1; } /** middle **/ .pSubpage { padding: 2px 0 20px 0; font-size: 1.3em; } #divMidMain h2, #divMidL h2 { font-size: 1.6em; padding: 20px 5px 0 10px; } #divMidMain h3, #divMidL h3 { font-size: 1.4em; padding: 20px 5px 0 10px; } #divMidMain p, #divMidL p { font-size: 1.2em; line-height: 1.6em; padding: 10px 5px 0 10px; } /* Nav - boxes */ #divDevelopmentBox01, #divProgramBox02, #divGraphicBox03, #divRightBox04 { width: 174px; height: 235px; float: left; position: relative; } #divDevelopmentBox01 { background: url(../images/boxweb.jpg) no-repeat; color: #fff; font-weight: bold; } #divProgramBox02 { background: url(../images/boxprogram.jpg) no-repeat; margin-left: 9px; color: #fff; font-weight: bold; } #divGraphicBox03 { background: url(../images/boxgraphic.jpg) no-repeat; margin-left: 10px; margin-right: 9px; color: #fff; font-weight: bold; } #divRightBox04 { background: url(../images/boxcontact.gif) no-repeat; color: #646460; } #bodyMain #divRightBox04 { background: url(../images/boxcontact.jpg) no-repeat; } #divRightBox05 { background: url(../images/boxcontact2.gif) no-repeat top left; color: #646460; } #bodyMain #divRightBox05 { background: url(../images/boxcontact2.jpg) no-repeat top left; } #divDevelopmentBox01 ul, #divProgramBox02 ul, #divGraphicBox03 ul, #divRightBox04 ul, #divRightBox05 ul { padding: 25px 10px 10px 20px; } #divRightBox04 ul.ulInfo { padding-top: 5px; } #divRightBox05 ul.ulInfo { padding-top: 5px; } #divDevelopmentBox01 ul li, #divProgramBox02 ul li, #divGraphicBox03 ul li { padding: 3px 0; font-size: 1.2em; } #divRightBox04 ul li { padding: 1px 0; font-size: 1.1em; } #divRightBox04 ul li span { font-weight: bold; } #divRightBox05 ul li { padding: 1px 0; font-size: 1.1em; } #divRightBox05 ul li span { font-weight: bold; } #divDevelopmentBox01 p, #divProgramBox02 p, #divGraphicBox03 p, #divRightBox04 p, #divRightBox05 p { text-transform: uppercase; position: absolute; bottom: 30px; right: 12px; font-size: 1.1em; } #divDevelopmentBox01 a, #divProgramBox02 a, #divGraphicBox03 a { color: #fff; } #divRightBox04 a,#divRightBox05 a { color: #646460; } #divDevelopmentBox01 h2, #divProgramBox02 h2, #divGraphicBox03 h2, #divRightBox04 h2, #divRightBox05 h2 { font-size: 1.6em; padding-top: 12px; text-align: center; } #divDevelopmentBox01 h2 a, #divProgramBox02 h2 a, #divGraphicBox03 h2 a, #divRightBox04 h2 a, #divRightBox05 h2 a { text-decoration: none; } #divDevelopmentBox01 p a, #divProgramBox02 p a, #divGraphicBox03 p a { background: url(../images/arrow.gif) no-repeat 100% 50%; padding-right: 16px; display /**/: block; } #divRightBox04 p#pBox4Pregled a { background: url(../images/arrow_gry_l.gif) no-repeat 0 50%; padding-left: 16px; display /**/: block; } #divRightBox04 p#pBox4Zatvori a, #divRightBox04 p#pBoxForm a { background: url(../images/arrow_gry_r.gif) no-repeat 100% 50%; padding-right: 16px; display /**/: block; } #divContactBox { position: absolute; width: 549px; height: 213px; z-index: 1; margin-left: 0 !important; margin-left: -724px; } #bodyContact #divContactBox { margin-left: 0 !important; margin-left: -534px; } .divBoxContact { border: 4px solid #F2F2F2; padding: 5px 15px 15px 15px; font-size: 1.1em; margin-bottom: 10px; } .divBoxContactForm { border: 4px solid #F2F2F2; padding: 15px; } .divBoxContact dt { padding-top: 10px; } .divBoxContact dd { padding-top: 3px; } .divBoxContact dt span { color: red; } #divMidMain .input,#divMidMain.textare, #divMidL .input, #divMidL .textarea { font-size: 1em; width: 250px; padding: 2px 0; border: 1px solid #A0B0BB; background: #fff url(../images/form_border.gif) repeat-x; } #divMidMain .textarea, #divMidL .textarea { width: 400px; } #divMidNav { height: 85px; position: relative; color: #fff; } #divMidNav h1 { width: 547px; w\idth: 529px; padding: 7px 9px 2px 9px; color: #fff; } #divMidNav h1 a:link, #divMidNav h1 a:visited, #divMidNav h1 a:hover, #divMidNav h1 a:active { color: #fff; } #divMidNav .pSubpage { width: 547px; w\idth: 529px; padding: 0 9px; color: #fff; } #divMidNav .pSubpage a:link, #divMidNav .pSubpage a:visited, #divMidNav .pSubpage a:hover, #divMidNav .pSubpage a:active { color: #fff; } #divMidNav h2.h2NavProgram { position: absolute; width: 158px; top: 4px; right: 7px; color: #fff; font-size: 1.3em; margin: 0; } #divMidNav h2.h2NavGraphic { position: absolute; width: 158px; top: 42px; right: 7px; color: #fff; font-size: 1.3em; margin: 0; } #divMidNav h2 a:link, #divMidNav h2 a:visited, #divMidNav h2 a:hover, #divMidNav h2 a:active { display: block; color: #fff; text-decoration: none; } .portfolioDevelopment {width: 534px; height: 98px; background: url(../images/portfolioDevelopment.gif) no-repeat; margin-bottom: 10px; clear: both; position: relative; } .portfolioProgramming {width: 534px; height: 98px; background: url(../images/portfolioProgramming.gif) no-repeat; margin-top: 10px; clear: both; position: relative; } .portfolioGraphic {width: 534px; height: 98px; background: url(../images/portfolioGraphic.gif) no-repeat; margin-top: 10px; clear: both; position: relative; } .portfolioDevelopment img, .portfolioProgramming img, .portfolioGraphic img { float: left; margin: 5px 0 0 5px; } #portfolioPhoto {float: left; margin: 0 0 0 -8px;} .portfolioDevelopment dl, .portfolioProgramming dl, .portfolioGraphic dl { float: right; width: 240px; margin-top: 15px; } .portfolioDevelopment dt, .portfolioProgramming dt, .portfolioGraphic dt { color: #4B7292; font-size: 1.4em; padding-right: 10px; } .portfolioDevelopment dt a:link, .portfolioDevelopment dt a:visited, .portfolioDevelopment dt a:hover, .portfolioDevelopment dt a:active { color: #4B7292; } .portfolioProgramming dt a:link, .portfolioProgramming dt a:visited, .portfolioProgramming dt a:hover, .portfolioProgramming dt a:active { color: #4B7292; } .portfolioGraphic dt a:link, .portfolioGraphic dt a:visited, .portfolioGraphic dt a:hover, .portfolioGraphic dt a:active { color: #4B7292; } .portfolioDevelopment dd, .portfolioProgramming dd, .portfolioGraphic dd { font-size: 1.1em; margin-top: 3px; } /** foot **/ #divFoot p { position: absolute; top: 43px; left: 15px; } #imgPtice { position: absolute; bottom: 130px; right: 19px; } #divFoot dl { width: 556px; height: 29px; position: absolute; top: 13px; right: 13px; } #divFoot dt, #divFoot dd { font-size: 1.1em; position: absolute; color: #7996A9; } #dtLogin01 { top: 29px; left: 139px; } #ddLogin02 { top: 27px !important; top: 26px; left: 198px; } #dtLogin03 { top: 29px; left: 333px; } #ddLogin04 { top: 27px !important; top: 26px; left: 390px; } #dtLogin05 { top: 27px; left: 520px; } #divFoot .input { font-size: 1em; width: 120px; height: 19px; border-left: 1px solid #A0B0BB; border-right: 1px solid #A0B0BB; background: url(../images/form_submit.gif) repeat-x; line-height: 19px; padding: 0 2px; } /****************** 07/ RAZNO ***/ hr, legend { display: none; }