body { margin:0px; padding:0px; font-size:14px; font-family: "Tahoma", "Arial", "Helvetica", sans-serif; line-height: 130%; text-align:left; background:#ecedef; color:#3e4a5a; } img { vertical-align: bottom; } img, fieldset { border: 0; } html { overflow-y: scroll; } header, nav, section, article, figure, aside, footer { display: block; } img { border: 0px; } a { text-decoration:none; font-weight:normal; color:#4e83ba;} a:hover { text-decoration:underline; color:#ddc86d; } p { padding: 15px 0 0px 0; margin:0px; } #ocisti, #clear { clear:both; clear:left; margin:0px; padding:0px; height:0px; line-height:0%; } div, form, input {margin:0px; padding:0px;} h1,h2,h3, table, tr, td {margin:0px; padding:0px; border:0px;} /*------------ glavni layout divovi -----------------*/ #container { postition:relative; z-index:2; width:960px; margin:0 auto; } #container_header { position:relative; z-index:1; background-color:#223144; width:100%; } #container_menu { position:relative; z-index:1; background-color:#0d1723; width:100%; } #container_footer { position:relative; z-index:1; background-color: #223144; width:100%; } #container_text_detaljno{ position:relative; z-index:1; width:100%; background-color:#d4dde8; } #content { padding:30px 0 0px 0; line-height:140%; } #content_text { padding:30px 0 30px 0; } /* glavni layout divovi ------------- */ /*------------ header -----------------*/ #header { position:relative; z-index:3; width:960px; height:110px; } #header .logo { position:absolute; z-index:9; top:0px; left:0px; width:250px; height:100px; background:transparent url(../images/logo.png) no-repeat left top; } #header .logo a { display:block; width:250px; height:100px; cursor:pointer; z-index:10; } #header .garancija { position:absolute; z-index:4; top:10px; left:250px; width:102px; height:90px; background:transparent url(../images/header_garancija.png) no-repeat left top; } #header .menu { position:absolute; z-index:4; top:10px; right:0px; } #header .menu ul { list-style-type:none;margin:0px; padding:0px; } #header .menu ul li { margin:0px; padding:0px; float:left; } #header .menu ul li a { padding:0px 0px 0px 20px; color:#cdd2d8; font-size:13px; text-transform:uppercase; } #header .menu ul li a.active { color:#9bb7d3; text-decoration:none; font-weight:bold; } #header .menu ul li a.active:hover { text-decoration:none; } #header .menu ul li a:hover { color:#9bb7d3; text-decoration:underline; } #header .podrska { position:absolute; z-index:6; bottom:30px; right:0px; height:18px; color:#9bb7d3; font-size:14px; padding-left:20px; background:transparent url(../images/header_podrska.png) no-repeat left top; } /* header -----------------*/ /* ------------ menu -----------------*/ #menu_okvir { position:relative; z-index:3; width:960px; height:40px; } #menu { list-style-type:none; margin:0px; padding:0px; } #menu li { display:block; margin:5px 5px 0 0; padding:0px; height:30px; float:left; } #menu li a { display:block; padding:5px 25px 0 25px;; height:25px; color:#8b9096; font-weight:normal; background-color:#1b2532; font-size:16px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(border-radius.htc); } #menu li a:hover { background-color:#90b3d7; color:#000; text-decoration:none; } #menu li a.active { background-color:#90b3d7; color:#fff; } #menu_pretraga { position:absolute; z-index:5; top:0px; right:0px; width:325px; height:40px; } #pretraga_okvir { position:relative; z-index:5; background:transparent url(../images/pretraga_back.png) no-repeat left top; width:325px; height:40px; } #pretraga_okvir .pretraga_input { position:absolute; z-index:7; top:12px; left:50px; width:140px; } #pretraga_okvir .pretraga_input input { border:0px; background:transparent; width:140px; color:#a4a7aa; font-size:14px; } #pretraga_okvir .pretraga_tld { position:absolute; z-index:6; top:8px; right:50px; } #pretraga_okvir .pretraga_tld select { } #pretraga_okvir .pretraga_button { position:absolute; z-index:6; top:0px; right:0px; width:43px; height:40px; } #pretraga_okvir .pretraga_button a { display:block; width:43px; height:40px; background:transparent url(../images/pretraga_button.png) no-repeat 0 0; cursor:pointer; } #pretraga_okvir .pretraga_button a:hover { background-position:0px -40px; } /* menu -----------------*/ /* ------------ text -----------------*/ .text_title { text-align:center; } .text_podnaslov { margin:25px 0 0 0; font-size:18px; color:#518ac1; text-align:center; line-height:180%; } .text_text { margin:25px 0 0 0; font-size:18px; color:#506278; line-height:200%; } #text_hosting_paketi { clear:both; position:relative; margin:40px 0 50px 0; z-index:5; width:960px; height:484px; background:transparent url(../images/web-hosting-paketi.png) no-repeat 0 0; } #text_hosting_paketi .paket1 { position:absolute; z-index:7; left:260px; top:410px; width:205px; height:45px; } #text_hosting_paketi .paket2 { position:absolute; z-index:7; left:500px; top:420px; width:205px; height:45px; } #text_hosting_paketi .paket3 { position:absolute; z-index:7; left:748px; top:410px; width:205px; height:45px; } #text_hosting_paketi .paket1 a, #text_hosting_paketi .paket2 a, #text_hosting_paketi .paket3 a { display:block; width:200px; height:50px; background:transparent url(../images/odaberite_paket.png) no-repeat 0 0; } #text_hosting_paketi .paket1 a:hover, #text_hosting_paketi .paket2 a:hover, #text_hosting_paketi .paket3 a:hover { background-position:0 -50px; } #text_reseller_paketi { clear:both; position:relative; margin:20px 0 30px 0; z-index:5; width:980px; height:564px; background:transparent url(../images/reseller_paketi.png) no-repeat 0 0; } #text_reseller_paketi .paket1 { position:absolute; z-index:7; left:260px; top:455px; width:200px; height:50px; } #text_reseller_paketi .paket2 { position:absolute; z-index:7; left:500px; top:465px; width:200px; height:50px; } #text_reseller_paketi .paket3 { position:absolute; z-index:7; left:748px; top:455px; width:200px; height:50px; } #text_reseller_paketi .paket1 a, #text_reseller_paketi .paket2 a, #text_reseller_paketi .paket3 a { display:block; width:200px; height:50px; background:transparent url(../images/odaberite_paket.png) no-repeat 0 0; } #text_reseller_paketi .paket1 a:hover, #text_reseller_paketi .paket2 a:hover, #text_reseller_paketi .paket3 a:hover { background-position:0 -50px; } #text_vps_paketi { clear:both; position:relative; margin:40px 0 30px 0; z-index:5; width:980px; height:564px; background:transparent url(../images/vps_paketi.png) no-repeat 0 0; } #text_vps_paketi .paket1 { position:absolute; z-index:7; left:260px; top:455px; width:200px; height:50px; } #text_vps_paketi .paket2 { position:absolute; z-index:7; left:500px; top:465px; width:200px; height:50px; } #text_vps_paketi .paket3 { position:absolute; z-index:7; left:748px; top:455px; width:200px; height:50px; } #text_vps_paketi .paket1 a, #text_vps_paketi .paket2 a, #text_vps_paketi .paket3 a { display:block; width:200px; height:50px; background:transparent url(../images/odaberite_paket.png) no-repeat 0 0; } #text_vps_paketi .paket1 a:hover, #text_vps_paketi .paket2 a:hover, #text_vps_paketi .paket3 a:hover { background-position:0 -50px; } #text_detaljno { width:960px; list-style-type:none; margin:0px; padding:0px; clear:both; } #text_detaljno li { width:280px; margin:20px 17px 5px 17px; float:left; padding-top:150px;px; } #text_detaljno li b { color:#3575b6; font-size:17px; height:160px; } #text_detaljno li p { padding-top:7px; font-size:15px; color:#506278; } #text_detaljno li.zasto-pronect1 { background:transparent url(../images/zasto-pronect1.png) no-repeat 0 0; } #text_detaljno li.zasto-pronect2 { background:transparent url(../images/zasto-pronect2.png) no-repeat 0 0; } #text_detaljno li.zasto-pronect3 { background:transparent url(../images/zasto-pronect3.png) no-repeat 0 0; } #text_detaljno li.zasto-pronect4 { background:transparent url(../images/zasto-pronect4.png) no-repeat 0 0; } #text_detaljno li.zasto-pronect5 { background:transparent url(../images/zasto-pronect5.png) no-repeat 0 0; } #text_detaljno li.zasto-pronect6 { background:transparent url(../images/zasto-pronect6.png) no-repeat 0 0; } #text_detaljno li.zasto-pronect7 { background:transparent url(../images/zasto-pronect7.png) no-repeat 0 0; } #text_detaljno li.zasto-pronect8 { background:transparent url(../images/zasto-pronect8.png) no-repeat 0 0; } #text_detaljno li.zasto-pronect9 { background:transparent url(../images/zasto-pronect9.png) no-repeat 0 0; } /* ---------------------- naslovnica ----------------- */ #container_nas_frame1 { position:relative; z-index:0; width:100%; background:#1366b2 url(../images/container_nas_frame1.jpg) repeat-x left 0px; height:452px; } #container_nas_frame1_back { position:relative; z-index:1; margin:0px auto; background:transparent url(../images/container_nas_frame1_okvir.jpg) no-repeat center top; height:452px; } #container_nas_frame2 { position:relative; z-index:0; width:100%; background:#e2d9b3 url(../images/container_nas_frame2.jpg) repeat-x left 0px; height:130px; } #container_nas_frame3 { position:relative; z-index:0; width:100%; background:transparent url(../images/container_nas_frame3.jpg) repeat-x left 0px; } #container_nas_frame4 { position:relative; z-index:0; width:100%; background:#1560a5 url(../images/container_nas_frame4.png) repeat-x left 0px; height:434px; } #container_nas_frame5 { position:relative; z-index:0; width:100%; background:#dcd1a8; } #container_nas_frame6 { position:relative; z-index:0; width:100%; background:#ebecee; } .nas_frame2 { color:#223144; height:115px; padding-top:15px; font-size:18px; font-weight:bold; line-height:180%; text-align:center; } .nas_frame2 b { color:#4f85b7; } .nas_frame3_title { padding: 20px 0 0 0; text-align:center; } .nas_frame3_podnaslov { padding-top:13px; font-size:18px; color:#518ac1; text-align:center; line-height:150%; } .nas_frame3 { width:960px; list-style-type:none; margin:25px 0 25px 0px; padding:0px; clear:both; } .nas_frame3 li { width:240px; margin:20px 5px 5px 5px; float:left; padding-left:70px; } .nas_frame3 li b { color:#3575b6; font-size:16px; height:160px; } .nas_frame3 li p { padding-top:12px; font-size:13px; color:#506278; } .nas_frame3 li.nas_frame31 { background:transparent url(../images/nas_frame31.png) no-repeat 0 -15px; } .nas_frame3 li.nas_frame32 { background:transparent url(../images/nas_frame32.png) no-repeat 0 -15px; } .nas_frame3 li.nas_frame33 { background:transparent url(../images/nas_frame33.png) no-repeat 0 -15px; } .nas_frame3 li.nas_frame34 { background:transparent url(../images/nas_frame34.png) no-repeat 0 -15px; } .nas_frame3 li.nas_frame35 { background:transparent url(../images/nas_frame35.png) no-repeat 0 -15px; } .nas_frame3 li.nas_frame36 { background:transparent url(../images/nas_frame36.png) no-repeat 0 -15px; } #container_nas_frame4_okvir { postition:relative; z-index:2; width:960px; margin:0 auto; height:434px; } #nas_frame4 { position:absolute; z-index:5; top:-5px; width:960px; height:439px; background:transparent url(../images/nas_frame4.png) no-repeat left 0px; } #nas_frame4_okvir { postition:relative; z-index:2; width:960px; margin:0 auto; height:434px; } #nas_frame4_picture1 { position:absolute; z-index:10; top:70px; left:50px; height:200px; width:241px; } #nas_frame4_picture2 { position:absolute; z-index:10; top:70px; left:340px; height:200px; width:241px; } #nas_frame4_picture3 { position:absolute; z-index:10; top:70px; left:660px; height:200px; width:241px; } #nas_frame4_hosting { position:absolute; z-index:11; top:290px; left:40px; } #nas_frame4_reseller { position:absolute; z-index:11; top:290px; left:355px; } #nas_frame4_vps { position:absolute; z-index:10; top:290px; left:680px; } #nas_frame4_button1 { position:absolute; z-index:10; top:360px; left:40px; height:100px; width:230px; } #nas_frame4_button2 { position:absolute; z-index:10; top:360px; left:365px; height:100px; width:230px; } #nas_frame4_button3 { position:absolute; z-index:10; top:360px; left:685px; height:100px; width:230px; } #nas_frame4_button1 a, #nas_frame4_button2 a, #nas_frame4_button3 a {display:block; background:transparent url(../images/nas_frame4_button1.png) no-repeat left 0px; height:50px; width:230px; } #nas_frame4_button1 a:hover, #nas_frame4_button2 a:hover, #nas_frame4_button3 a:hover { background-position:0 -50px; } } #nas_frame5 {} .nas_frame5_title { background-color:#e7dfc3; padding:40px 0 30px 0; font-size:21px; text-align:center; color:#223144; } .nas_frame5_title strong { font-weight:bold; color:#325c88; } .nas_frame5 { width:960px; list-style-type:none; padding:25px 0 25px 0px; margin:0px; clear:both; } .nas_frame5 li { width:300px; margin:20px 10px 5px 10px; float:left; } .nas_frame5 li h2 { color:#325c88; font-size:16px; height:160px; font-weight:bold; padding:15px 0 0 70px; height:40px; } .nas_frame5 li p { padding-top:12px; font-size:13px; color:#506278; } .nas_frame5 li.nas_frame51 { background:transparent url(../images/nas_frame51.png) no-repeat 0 -5px; } .nas_frame5 li.nas_frame52 { background:transparent url(../images/nas_frame52.png) no-repeat 0 -5px; } .nas_frame5 li.nas_frame53 { background:transparent url(../images/nas_frame53.png) no-repeat 0 -5px; } .nas_frame5 li.nas_frame54 { background:transparent url(../images/nas_frame54.png) no-repeat 0 -5px; } .nas_frame5 li.nas_frame55 { background:transparent url(../images/nas_frame55.png) no-repeat 0 -5px; } .nas_frame5 li.nas_frame56 { background:transparent url(../images/nas_frame56.png) no-repeat 0 -5px; } /* naslovnica -------------------------------------- */ /* ---------------------- zasto-pronect ----------------- */ #container_pronect_frame1 { position:relative; z-index:0; width:100%; background:#e5e8eb; } #pronect_frame1 { padding:40px 0; width:650px; } #pronect_frame1 h2 { color:#17599d; font-weight:bold; color:#17599d; font-size:22px; line-height:140%; } #pronect_frame1 ul { list-style-type:none; margin:0px; padding:20px 0; } #pronect_frame1 ul li { list-style-type:none; margin:0px; padding:0px; float:left; width:310px; } #pronect_frame1 ul li.left { margin-right:20px; } #pronect_frame1 ul li ul { list-style-type:none; margin:0px; padding:0px; } #pronect_frame1 ul li ul li { list-style-type:none; margin:0px; padding:5px 0 5px 35px; width:275px; background:transparent url(../images/pronect_frame1.png) no-repeat left 6px; clear:both; color:#506278; } #pronect_frame2 { padding:40px 0; width:650px; } #pronect_text { padding-top:30px; } #pronect_text h2 {color:#17599d; font-weight:bold; color:#17599d; font-size:22px; line-height:150%; margin:0px 0 0 0; } #pronect_text h3 { color:#518ac1; font-size:16px; margin:0px; padding:25px 0 0 0; line-height:140%; font-weight:normal; } #pronect_text p { color:#506278; } #pronect_text ul {list-style-type:none; margin:0px; padding:20px 0; } #pronect_text ul li {list-style-type:none; margin:0px; padding:0px; float:left; width:310px; } #pronect_text ul li.left { margin-right:20px; } #container_pronect_frame3 { position:relative; z-index:0; width:100%; background:#d3dde6; } #pronect_frame3 { padding:40px 0; width:650px; } #pronect_frame3 h2 { color:#223144; font-weight:normal; color:#17599d; font-size:20px; line-height:140%; } #pronect_frame3 h2 b { color:#3575b6; } #pronect_frame3 ul { list-style-type:none; margin:0px; padding:25px 0 10px 0; display:table; } #pronect_frame3 ul li { list-style-type:none; margin:0px 20px 0 0; padding:0px; float:left; width:200px; display:table-cell; } #pronect_frame3 ul li.last { margin-right:0px; } #pronect_frame3 ul li p {color:#17599d; font-size:14px; } #pronect_odluka_hosting, #pronect_odluka_reseller, #pronect_odluka_vps { width:195px; height:88px; margin-top:20px;} #pronect_odluka_hosting a { display:block; width:195px; height:88px; background:transparent url(../images/pronect_odluka_hosting.png) no-repeat left top; } #pronect_odluka_hosting a:hover { background-position:0 -90px; } #pronect_odluka_reseller a { display:block; width:195px; height:88px; background:transparent url(../images/pronect_odluka_reseller.png) no-repeat left top; } #pronect_odluka_reseller a:hover { background-position:0 -90px; } #pronect_odluka_vps a { display:block; width:195px; height:88px; background:transparent url(../images/pronect_odluka_vps.png) no-repeat left top; } #pronect_odluka_vps a:hover { background-position:0 -90px; } /* zasto pronect -------------------------------------- */