.clear{ width: 100%; clear: both; display: block; height: 0px; } /************* kolone *************/ .content_inner_1_contentwrapper{ float: left; width: 100%; } .content_inner_1_contentcolumn{ margin: 0 0 0 645px; } .content_inner_1_leftcolumn{ float: left; width: 645px; margin-left: -100%; } .content_inner_1_innertube_lijeva { margin: 10px; } .content_inner_1_innertube_glavna { padding: 10px; } /************* content sigurnost *************/ #content_sigurnost { position: relative; background-color: #edeef0; padding-top: 10px; } .content_inner_1_innertube { background-color: #edeef0; text-align:justify; } .pronect_sigurnost { background-image: url('../images/pronect_sigurnost.png'); background-repeat: no-repeat; width: 432px; height: 49px; margin-left: 4px; margin-bottom: 27px;} .sigurnost_naslov { font-size: 48px; font-weight: bold; line-height: 75px; } .sigurnost_naslov1 { color: #17599d; } .sigurnost_naslov2 { color: #cab66d; } .sigurnost_podnaslov { color: #518ac1; font-size: 18px; line-height: 30px; } .sigurnost_tekst { color: #5a6b80; font-size: 18px; line-height: 30px; margin-top: 30px; } .sigurnost_slika { background-image: url('../images/stit.png'); background-repeat: no-repeat; width: 208px; height: 204px; float: left; margin-right: 30px; position: relative; top: 10px;} .sigurnost_okvir { position: relative; width: 320px; height: 290px; background-image: url('../images/pronect_sigurnost_background.png'); background-repeat: no-repeat; } .sigurnost_okvir_naslov { position: absolute; top: 25px; left: 0px; width: 320px; height: 26px; color: #223144; font-weight: bold; font-size: 24px; text-align: center; } .sigurnost_okvir_podnaslov { position: absolute; top: 58px; left: 0px; width: 320px; height: 44px; text-align: center; font-size: 22px; font-weight: bold; } .sigurnost_okvir_podnaslov1 { color:#165799; } .sigurnost_okvir_podnaslov2 { color:#cAb66d; } .sigurnost_okvir_podnaslov3 { color:#165799; } .sigurnost_okvir_tekst { position: absolute; top: 100px; left: 10px; width: 300px; height: 90px; font-size: 12px; font-weight: bold; text-align: center; line-height: 20px; color: #506278; } .sigurnost_okvir_gumb div { position: absolute; top: 192px; left: 15px; width: 290px; height: 50px; margin-top: 7px; background-image: url('../images/gumb_sigurnost_prijedite.png'); background-repeat: no-repeat; text-align: center; } .sigurnost_okvir_gumb:hover div { background-position: 0 -50px; } /************* content nesiguran *************/ #content_nesiguran { background-color: #e3e5e8; } .content_nesiguran_naslov { padding-top: 50px; font-size: 22px; font-weight: bold; color: #17599d; line-height: 30px; } .content_inner_1_innertube2 { background-color: #e3e5e8; } .content_nesiguran_lista { } .content_nesiguran_lista ul { padding: 0; margin: 0; list-style: none; } .content_nesiguran_lista ul li { width: 295px; float: left; margin-right: 25px; list-style-type: none; } /************* content pruzamo *************/ #content_pruzamo { } #content_pruzamo, .content_inner_1_innertube_content_pruzamo { background-color: #edeef0; } /************* content odaberite *************/ #content_odaberite { } #content_odaberite, .content_inner_1_innertube_content_odaberite { background-color: #d2dce6; } /************* misija *************/ #misija { position: relative; background-color: #dcd1a8; width: 980px; } .misija_vrh { background-color: #e7dfc3; } .misija_vrh_naslov { padding-top: 40px; width: 980px; height: 50px; text-align: center; font-size: 22px; } .misija_vrh_naslov_1 { color: #3d4854; } .misija_vrh_naslov_2 { color: #4d7090; font-weight: bold; } /* display:table-row; display:table-cell; vertical-align: middle; */ .misija_tekstovi { } .misija_tekstovi ul { padding: 0; margin: 0; list-style: none; } .misija_tekstovi ul li { width: 295px; float: left; margin-right: 25px; list-style-type: none; } .misija_tekstovi_tekst { color: #506278; font-size: 13px; } .misija_tekstovi_vrh { position: relative; width: 320px; height: 70px;} .misija_tekstovi_naslov { font-size: 18px; font-weight: bold; color: #325c88; height: 50px; padding-left: 55px; padding-top: 20px; } .misija_tekstovi_ikona1 { background-image: url('../images/pronect_misija_ikona1.png'); background-repeat: no-repeat; } .misija_tekstovi_ikona2 { background-image: url('../images/pronect_misija_ikona2.png'); background-repeat: no-repeat; } .misija_tekstovi_ikona3 { background-image: url('../images/pronect_misija_ikona3.png'); background-repeat: no-repeat; } .misija_tekstovi_ikona4 { background-image: url('../images/pronect_misija_ikona4.png'); background-repeat: no-repeat; } .misija_tekstovi_ikona5 { background-image: url('../images/pronect_misija_ikona5.png'); background-repeat: no-repeat; } .misija_tekstovi_ikona6 { background-image: url('../images/pronect_misija_ikona6.png'); background-repeat: no-repeat; } .misija_tekstovi_1 { margin-left: 20px; margin-top: 25px; padding-bottom: 25px; } /************* prijedite na siguran hosting *************/ #prijedite_na_siguran_hosting { position: relative; width: 980px; height: 395px; background-color: #eaebed; } .prijedite_na_siguran_hosting_naslov { position: absolute; top: 82px; left: 0px; width: 455px; font-size: 20px; line-height: 28px;} .prijedite_na_siguran_hosting_naslov_1 { color: #3c4857; font-weight: bold; } .prijedite_na_siguran_hosting_naslov_2 { color: #3c4857; } .prijedite_na_siguran_hosting_naslov_3 { color: #5087be; font-weight: bold; } .prijedite_na_siguran_hosting_tekst { position: absolute; top: 200px; left: 0px; width: 455px; color: #506278; font-size: 14px; line-height: 22px; font-weight: bold; } .prijedite_na_siguran_hosting_okvir { position: absolute; top: 57px; right: 0px; height: 300px; width: 480px; z-index: 5; background-image: url('../images/siguran_hosting_okvir.png'); background-repeat: no-repeat; } .siguran_hosting_stit_kucista {position: absolute; top: 44px; left: 19px; width: 130px; height: 130px; background-image: url('../images/siguran_hosting_stit_kucista.png'); background-repeat: no-repeat; z-index: 6;} .prijedite_na_siguran_hosting_okvir_naslov { position: absolute; top: 40px; left: 165px; z-index: 10; width: 290px; background-image: url('../images/siguran_hosting_okvir_naslov.png'); background-repeat: no-repeat; width: 289px; height: 24px; } .prijedite_na_siguran_hosting_okvir_tekst { position: absolute; color: #506278; line-height: 22px; font-weight: bold; font-size: 13px; top: 75px; left: 170px; width: 280px; z-index: 10; text-align: center; } .prijedite_na_siguran_hosting_okvir_gumb { position: absolute; top: 192px; left: 45px; z-index: 10; width: 385px; height: 100px; } .prijedite_na_siguran_hosting_okvir_gumb a { display: block; width: 385px; height: 50px; background-image: url('../images/siguran_hosting_gumb.png'); background-repeat: no-repeat; } .prijedite_na_siguran_hosting_okvir_gumb a:hover { background-position: 0 -50px; } /************* naruci hosting 3 gumba *************/ #naruci_hosting { position: relative; width: 980px; height: 215px; background-color: #eaebed;} .naruci_hosting_naslov { font-size: 22px; } .naruci_hosting_naslov_1 { color: #3c4857; } .naruci_hosting_naslov_2 { color: #5085bd; font-weight: bold; } #naruci_hosting_opcija1 { position: absolute; width: 310px; height: 114px; bottom: 50px; left: -20px; } #naruci_hosting_opcija2 { position: absolute; width: 310px; height: 114px; bottom: 50px; left: 323px; } #naruci_hosting_opcija3 { position: absolute; width: 310px; height: 114px; bottom: 50px; left: 666px; } #naruci_hosting_opcija1 a { display: block; width: 310px; height: 114px; background: url('../images/nas_gumb_hosting.png') no-repeat left top; } #naruci_hosting_opcija2 a { display: block; width: 310px; height: 114px; background: url('../images/nas_gumb_reseller.png') no-repeat left top; } #naruci_hosting_opcija3 a { display: block; width: 310px; height: 114px; background: url('../images/nas_gumb_vps.png') no-repeat left top; } #naruci_hosting_opcija1 a:hover { background-position: 0 -115px; } #naruci_hosting_opcija2 a:hover { background-position: 0 -115px; } #naruci_hosting_opcija3 a:hover { background-position: 0 -115px; } /************* footer *************/ #footer { position: relative; width: 980px; height: 550px; font-family: Tahoma, Arial, Verdana; background-color: #223144; } #footer_box1 { position: absolute; top: 60px; left: 18px; width: 180px; height: 390px; } #footer_box2 { position: absolute; top: 60px; left: 216px; width: 180px; height: 390px; } #footer_box3 { position: absolute; top: 60px; left: 414px; width: 180px; height: 390px; } #footer_box4 { position: absolute; top: 60px; left: 612px; width: 350px; height: 390px; } #footer_copyright { position: absolute; top: 500px; left: 0; width: 962px; height: 30px; color: #737d8a; font-size: 12px; margin-left: 18px; } .footer_naslov { color: #737d8a; font-size: 18px; font-weight: bold; line-height: 26px; padding-bottom:5px;} .footer_tekst { margin-bottom: 30px; line-height: 24px;} .footer_tekst a { color: #737d8a; font-size: 14px; font-weight: none; cursor: hand; cursor: pointer; text-decoration: none; } .footer_tekst a:hover { color: #c7cacd; } .footer_telefon { font-size: 18px; color: #949ba4; font-weight: bold; font-family: Arial, Tahoma, Verdana; display: inline; } .footer_tekst_nelink { color: #6d7885; } .footer_box_ikona{ position: relative; top: 4px; } .footer_box_4_logo { font-size: 32px; color: #949ba4; } .footer_siguran_hosting1 { font-size: 18px; color: #949ba4; font-weight: bold; font-family: Arial, Tahoma, Verdana; line-height: 34px; } .footer_siguran_hosting2 { font-size: 14px; color: #949ba4; font-weight: bold; line-height: 22px;} #footer_box4_pretraga { width: 337px; height: 54px; background-color: #17212e; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(border-radius.htc); padding:15px 0 0 13px; } .footer_box4_input_maska { background-color: #fff; border: 2px #445b72 solid; width: 273px; height: 28px; position: relative; left: 15px; top: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(border-radius.htc); } .footer_box4_input_label { display: inline; color: #0d1723; position: relative; top: 4px; left: 9px; font-weight: bold; } .footer_box4_input_maska input { color: #7a8189; border: none; width: 140px; height: 20px; position: relative; top: 4px; left: 9px; font-weight: bold; } .footer_box4_input_maska select { color: #0d1723; border: none; width: 73px; height: 20px; position: relative; top: 4px; left: 4px; font-weight: bold; } .footer_box4_pretraga_submit { width: 41px; height: 32px; position: absolute; top: 12px; right: 15px; } .footer_box_4_pronect { position: relative; top: 16px; } .footer_box_4_newsletter { position: relative; background: #152438; padding: 20px 10px 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(border-radius.htc); } .footer_box_4_newsletter span { color: #4e5c6f; line-height: 16px; } .footer_box_4_informirani { color: #737d8a; font-weight: bold; } .footer_box_4_newsletter_forma { margin-top: 16px; } .footer_box_4_newsletter_email { width: 213px; height: 28px; border: 2px #2a3e56 solid; background-color: #1e2d40; color: #6e767f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(border-radius.htc); padding-left: 5px;} .footer_box_4_newsletter_submit { width: 97px; height: 34px;} #footer_box_4_newsletter_submit { position: absolute; top: 73px; left: 247px; margin-top: 5%; } #footer_box_4_newsletter_submit a { display: block; width: 100px; height: 28px; text-decoration: none; background-image: url('../images/prijavi_me.jpg'); background-repeat: no-repeat; } #footer_box_4_newsletter_submit a:hover { background-position: 0px -28px; } .footer_box_4_soc_gumbi { position: relative; margin: 30px 0 20px 0; height: 29px; width: 350px; } #footer_box_4_soc_1 { position: absolute; top: 0px; left: 0px; width: 29px; height: 29px; } #footer_box_4_soc_2 { position: absolute; top: 0px; left: 48px; width: 29px; height: 29px; } #footer_box_4_soc_3 { position: absolute; top: 0px; left: 96px; width: 29px; height: 29px; } #footer_box_4_soc_4 { position: absolute; top: 0px; left: 144px; width: 29px; height: 29px; } #footer_box_4_soc_1 a { display: block; width: 29px; height: 29px; background-image: url('../images/soc_facebook_hover.jpg'); background-repeat: no-repeat; } #footer_box_4_soc_2 a { display: block; width: 29px; height: 29px; background-image: url('../images/soc_twit_hover.jpg'); background-repeat: no-repeat; } #footer_box_4_soc_3 a { display: block; width: 29px; height: 29px; background-image: url('../images/soc_gplus_hover.jpg'); background-repeat: no-repeat; } #footer_box_4_soc_4 a { display: block; width: 29px; height: 29px; background-image: url('../images/soc_in_hover.jpg'); background-repeat: no-repeat; } #footer_box_4_soc_1 a:hover { background-position: 0px -29px; } #footer_box_4_soc_2 a:hover { background-position: 0px -29px; } #footer_box_4_soc_3 a:hover { background-position: 0px -29px; } #footer_box_4_soc_4 a:hover { background-position: 0px -29px; }