@charset "utf-8";

* {margin:0; padding:0;}

body.main {background:url(../img/bgr-main-small.gif) top repeat-x #fff; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; margin:0 0 11px 0;}
body {background:url(../img/bgr-main-small.gif) top repeat-x #fff; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; margin:0 0 11px 0;}

h1 {float:left; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; padding:5px 0 0 5px; color:#133751; font-weight:normal;}
h2 {float:left; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; width:188px; padding:10px 0 10px 5px; border-bottom:#fff solid 1px;}
h3 {font-size:11px; color:#2b5272;}
.mini {color:#325e7f;}
.midi {color:#775f49;}
.maxi {color:#3e694b;}

#wrap {width:898px; margin:auto;}

/*  LAYOUT SEGMENTS */

/* Corners Global */
.boxTop  {height:5px; background:url(../img/corners/corner-top.png) top repeat-x;}
.boxBottom  {height:5px; background:url(../img/corners/corner-bottom.png) top repeat-x; float:left;}
img.left {float:left;}
img.right {float:right;}

.leftBoxes {width:680px;}
.rightBoxes {width:200px;}

.moreBox a{display:block; float:right; width:31px; height:18px; background:url(../img/buttons/more-button.png) center no-repeat; text-indent:-9999px; margin:5px 0 0 0;}
.moreBox a:hover {background:url(../img/buttons/more-button-over.png) center no-repeat;}

/* Top segment
--------------------------------------------------------*/
#top {float:left; width:894px; padding:0px 2px; background:url(../img/header1.gif) top left no-repeat; height:98px; margin-top:7px;}
#top img.logoImg {float:right; margin:0px 10px 0 0;}
#webmail {float:right; left no-repeat; width:160px; height:60px; margin:20px 20px 0px 0px;}
#webmail p {padding:5px 0 0 7px; text-align:left; line-height:11px; font-size:10px; color:#728896;}
#webmail a {font-size:10px; color:#728896; text-decoration:none;}
#webmail a:hover {text-decoration:underline;}

/* Header - Index only
--------------------------------------------------------*/
#header {float:left; background:url(../img/header-info-bgr.jpg) left no-repeat; width:898px; height:298px;}
#headerSmall {float:left; width:898px;}
#headerContent {float:left; width:854px; height:260px; padding:33px 0 0 44px;}

#promoBox {float:left; background:url(../img/promo-info-bgr.jpg) left no-repeat; width:382px; height:215px;}
#promoBox p{float:left; width:348px; font-size:14px; padding:10px 34px 25px 0; text-align:right; color:#fff;}
#promoBox span {float:left; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; width:230px; padding:3px 0 0 30px; text-transform:uppercase; color:#fff; font-size:14px;}
#promoBox a{color:#fff; font-weight:bold; text-decoration:none;}
#promoBox a:hover {color:#000;}
#promoBox img.promo {border:0; margin:0 32px 0 0;}
.promoImg {float:left; width:332px; padding:15px 25px 0 25px;}
img#infoPromo {margin:13px 0 0 25px;}


/* Navigation - Index only
--------------------------------------------------------*/
#navBar {float:left; width:898px; padding:13px 0 0 0;}
#navigation {float:left; width:500px; padding:0 0 0 3px;}
#navigation ul li {list-style-type:none; float:left;}
#navigation li a{padding:2px 22px; height:20px; line-height:18px; display:block; border-right:#2e3a52 solid 1px; border-left:#0c1e35 solid 1px; color:#00aeef; text-decoration:none;}
#navigation li a:hover {color:#fff; background:#143954;}
#navigation li.blankNavLeft {width:1px; height:24px; background:#2e3a52;}
#navigation li.blankNavRight {width:1px; height:24px; background:#0c1e35;}

/* Search Bar - Index only
--------------------------------------------------------*/
#searchBar {float:right; width:204px;}
#searchBar input.searchField {float:left; background:url(../img/search-field.png) left no-repeat; border:0; width:128px; height:20px; padding:5px 8px 0 8px; overflow:visible; font-size:11px;}
#searchBar input.searchButton {float:left; background:url(../img/buttons/search-button.png) left no-repeat; border:0; width:58px; height:24px; cursor:pointer;}

/*-------------------------------------------------------*/
/*----------------------- CONTENT -----------------------*/
/*-------------------------------------------------------*/

#content {float:left; width:892px; padding:15px 3px 0 3px;}
#leftColumn {float:left; width:680px;}
#rightColumn {float:right; width:200px;}


/* Main box - Index only
--------------------------------------------------------*/
#mainBox {float:left; width:680px;}

.boxHolder {float:left; width:660px; padding:4px 9px; border-left:#d4dbdf solid 1px; border-right:#d4dbdf solid 1px;}
.boxTitle {float:left; background:#dee3e7;}
.titlesLeft {width:660px;}
.titlesSubCat {width:215px;}
.titlesRight {width:180px;}

.hostingPackHolder {float:left; width:215px; margin:0 7px 0 0;}
.hostingPack {float:left; width:193px; background:url(../img/box-main-bgr.png) top repeat-x #dee3e7; padding:0 11px; margin:10px 0 0 0; height:275px;}
ul.packList {float:left; width:188px; border-top:#d5dfe7 solid 1px; padding:10px 0 5px 7px;}
ul.packList li {list-style:none; margin:0 0 5px 0; text-align:left;}

p.saznajteVise {float:right; margin:-9px 0 0 0;}

/* Sub boxes
--------------------------------------------------------*/
#subBoxes {float:left; clear:both; width:680px; margin:11px 0 0 0;}

.subBoxHolder {float:left; width:215px; margin:0 7px 0 0;}
.subBoxSingle {float:left; width:203px; background:url(../img/box-sub-bgr.png) bottom repeat-x ; padding:0px 0px 0px 10px; margin:5px 0 0 0px; height:90px;}
.subBoxSingle p {line-height:14px;}
.subBoxSingle b {color:#325e7f;}
.subBoxSingle span {color:#939ea7;}
.subBoxSingle a { text-decoration:none;}
.subBoxSingle a:hover {text-decoration:underline;}

.subBoxSingle dl {float:left; width:193px; line-height:14px; padding:0 0 0 0px;}
.subBoxSingle dt a{float:left; width:120px; color:#325e7f; text-decoration:none;}
.subBoxSingle dt a:hover {text-decoration:underline;}
.subBoxSingle dd {float:right; width:73px; text-align:right;}
.singleBox1{float:left; width:191px; height:83px;}
.singleBox2{float:right; padding-top:65px;}
.singleBox3{float:left; padding-top:0px; }


/* Right Boxes
--------------------------------------------------------*/

/* Domain search */
#domainSearch {float:left; width:180px; margin:0 0 13px 0;}
#domainSearch p {float:left; width:180px; padding:10px 0;}
#domainSearch input.searchField {float:left; width:174px; margin:0 0 10px 0; color:#8795a0; font-size:11px; padding:2px}
#domainSearch input.searchButton {float:right; color:#8795a0; font-size:11px; margin:-2px 0 0 0;}
#domainSearch select.searchList {float:left; width:110px; color:#8795a0; font-size:11px;}

/* Sub navigation */
#subNav {float:left; width:180px; margin:0 0 10px 0;}
#subNav ul {float:left; width:170px; padding:5px 0 10px 10px;}
#subNav li {list-style-type:none;}
#subNav li a span {color:#04bbff; text-decoration:none;}
#subNav li a {width:170px; display:block; line-height:23px; height:23px; border-bottom:#dee3e7 solid 1px; text-decoration:none; color:#000;}
#subNav li a:hover {background:#eff5f9;}

/* Partneri */
#partneri {float:left; width:180px; padding:0 0 9px 0;}
.baneri {float:left; width:174px; padding:0px 3px 0 3px;}
.baneri img {border:0; margin:3px 0;}


/* Footer
--------------------------------------------------------*/
#footer {float:left; width:898px; background:url(../img/footer-bgr.png) left repeat-x; height:31px; margin:11px 0 11px 0; color:#fff;}
.footerContent {float:left; width:886px; padding:8px 0 0 0;}
.copyright {float:left; padding:0 0 0 10px;}
.copyright a {color:#e6ecf0; text-decoration:none;}
.copyright a:hover {color:#fff; text-decoration:underline;}
.info {float:right; padding:0 10px 0 0;}
.info a {color:#e6ecf0; text-decoration:none;}
.info a:hover {color:#fff; text-decoration:underline;}

/* Inner pages
--------------------------------------------------------*/
#innerPage {float:left; width:660px; padding:10px 0 0 0;}

/* Hosting page */
table.hostingTable {width:660px; background:#eff3f6;}
table.hostingTable img {border:0;}
table.hostingTable td {background:#fff; text-align:center; font-size:12px;}
table.hostingTable thead td {padding:5px 0;}
table.hostingTable tbody th {font-weight:normal; padding:5px;}
table.hostingTable th {width:207px; background:#fff; text-align:right;}
table.hostingTable tfoot td {padding:5px 0; font-size:14px; font-weight:bold;}
table.hostingTable tfoot td, table.hostingTable tfoot th { border-top:#eff3f6 solid 5px;}

#hostingSpec {float:left; width:660px; clear:both; padding:10px 0 0 0;}
.hostingSpecBox {float:left; width:326px;}
.specDetails {float:right; clear:both; width:316px; padding:5px; text-align:right;}
.hostingSpecBox a {color:#0b83c7; text-decoration:none;}
.hostingSpecBox a:hover {text-decoration:underline;}

#petplusDetails {float:left; width:316px; font-size:11px; padding:5px;} 
#petplusDetails  p {text-align:justify; padding:5px 0; float:left; width:316px;}

#lopataDetails {float:left; width:316px; font-size:11px; padding:5px;}
#lopataDetails  p {text-align:justify; padding:5px 0; float:left; width:316px;}
table.lopataTable {float:left; width:316px; background:#eff3f6;}
table.lopataTable td {padding:1px; background:#fff;}

/* Contact page */
#contactBox {float:left; padding:20px; width:500px; font-size:12px;}
#contactBox label {float:left; width:150px; text-align:right; height:25px; line-height:25px; margin:0 0 9px 0; padding:0 5px 0 0;}
#contactBox input {float:left; width:247px; height:22px; margin:0 0 5px 0; padding:3px 0 0 3px;}
#contactBox textarea {float:left; width:342px; height:127px; margin:0 0 5px 0; overflow:auto;}
#contactBox input.contactButton {float:right; width:55px; height:26px; border:0; background:url(../img/buttons/posalji.png) left no-repeat; cursor:pointer;}

/* Ponuda domena */
table.ponudaDomena {font-size:10px; background:#eff3f6;}
table.ponudaDomena td {padding:2px; background:#fff;}
table.ponudaDomena a {text-decoration:none; color:#1b435c;}
table.ponudaDomena a:hover {text-decoration:underline;}

/* Resellers */
.resellLeft {float:left; width:160px; padding:70px 0 0 0; text-align:right; font-size:14px;}
.resellRight {float:right; width:160px; padding:70px 0 0 0; text-align:left; font-size:14px;}
.resellImg {float:left; width:340px; text-align:center; padding:20px 0 0 0;}
p.resellBottom {float:left; width:660px; text-align:center; clear:both; font-size:12px; padding:0 0 5px 0;}
p.resellBottom a{color:#04bbff; text-decoration:none;}
p.resellBottom a:hover {text-decoration:underline;}

/* Internet poklon */
table.intPoklon {width:100%; background:#dee3e7; color:#1c3d5b;}
table.intPoklon td {padding:2px; background:#fff; text-align:center;}
table.intPoklon img {border:0; margin:5px 0;}
table.intPoklon tfoot td {border-top:#dee3e7 solid 3px; height:35px;}
table.intPoklon thead td {border-bottom:#dee3e7 solid 3px; height:35px;}

/* Reklama */
p.reklama {text-align:center; font-size:13px;}
p.reklama a {color:#1b435c; font-weight:bold; text-decoration:none;}
p.reklama a:hover {text-decoration:underline;}

/* Paketi */
.paketBox {float:left; width:660px; padding:10px 0 0 0;}
.paketImg {float:left; width:105px; padding:0 0 0 15px;}

.paketInfo {float:right; width:490px;}
.paketInfo ol {list-style:none;}
.paketInfo li {list-style-position:inside; padding:2px 2px; height:15px; clear:both; background:#fff; margin:0 0 1px 0;}
.paketInfo li.inactive {list-style-position:inside; padding:2px 2px; height:15px; clear:both; background:#fff; color:#ccc; margin:0 0 1px 0;}
.paketInfo a {color:#0b83c7; text-decoration:none;}
.paketInfo a:hover {text-decoration:underline;}

.domainSearchPack {float:left; width:440px; padding:20px 0 20px 40px;}
.domainSearchPack p {padding:0 0 20px 0;}
.domainSearchPack label {float:left; width:100px; text-align:right; line-height:19px; padding:0 5px 0 0;}
.searchFieldPack {float:left; width:187px; height:19px; margin:0 5px 0 0;}
.searchListPack {float:left;}
.searchButtonPack {float:right; margin:10px 90px 0 0;}

.packNotice {float:left; width:390px; clear:both; padding:20px 0 20px 170px;}
.packNotice img {float:left; margin:10px 0 0 10px;}
.packNotice p {text-align:center; float:left; width:320px; border:#fff solid 1px; background:#eff5f8; padding:10px 0;}
.packNotice b {color:#aa0202;}
.packNotice a {color:#0b83c7;}
.packNotice a:hover {text-decoration:none;}
input.finishButton {width:54px; height:24px; border:0; background:url(../img/buttons/zavrsi.png) left no-repeat; cursor:pointer;}

.serviceChooser {float:left; width:660px; clear:both; padding:20px 0 20px 0; text-align:center;}
.serviceChooser a {color:#0b83c7;}
.serviceChooser a:hover {text-decoration:none;}
.serviceImgs {float:left; width:660px; clear:both; padding:20px 0;}
.serviceImgs img {margin:0 5px; border:0;}

.orderHolder {float:left; clear:both; width:630px; padding:40px 0 5px 5px;}
.orderHolder a {color:#0b83c7; text-decoration:none;}
.orderHolder a:hover {text-decoration:underline;}
.zvezdica {color:#f16406;}

.orderPoruke {float:left; width:500px; text-align:left; padding:20px 0 20px 20px;}

table.order{width:630px; float:left; background:#f8fbfe;}
table.order td { background:#fff; padding:5px; width:300px;}
table.order td.fullRow {background:#fff; padding:5px; width:630px;}
table.order th {text-align:right; font-weight:normal; background:#fff; padding:5px; width:320px;}
table.order td.titleRow {background:#f8fbfe;}

table.orderDomain {width:630px; float:left; background:#f8fbfe;}
table.orderDomain td { background:#fff; padding:5px; width:300px;}
table.orderDomain td.fullRow {background:#fff; padding:5px; width:630px;}
table.orderDomain th {text-align:right; font-weight:normal; background:#fff; padding:5px; width:320px;}
table.orderDomain td.titleRow {background:#f8fbfe;}

/* Novosti page */
.newsBox {float:left; width:640px; padding:10px 0 12px 20px; border-bottom:#e5eaef solid 1px;}
.newsBox p span {color:#C0C0C0;}
.newsBox a {color:#0b83c7; text-decoration:none;}
.newsBox a:hover {text-decoration:underline;}

/* Nasi klijenti page */
.klijentiBox {float:left; width:217px; margin:1px; background:#fafbfc;}
.klijentiBox a {color:#0b83c7; text-decoration:none;}
.klijentiBox a:hover {text-decoration:underline;}
.klijentiBox b {color:#b01202;}


/* INTERNET POKLON 
--------------------------------------------------------*/
.ipLeft {float:left; width:267px;}
p.ipMore {float:right; width:242px; padding:3px 15px 0 0; text-align:right}
p.ipMore a {color:#09b6f6; text-decoration:none;}
p.ipMore a:hover {text-decoration:underline;}
#techBox {width:247px; padding:20px 10px;}
#techBox ul {list-style-type:disc; list-style-position:inside;}

.ipTabela {float:left; width:360px;}

.ipRight {float:right; width:360px; border-left:#d4dbdf solid 1px; padding:10px 0 0 20px;}
p.iLetter {float:left; width:20px; text-align:center; font-size:16px; padding:13px 0 0 5px}
.ipTitle {float:left; width:360px; text-align:center; font-size:14px; padding:20px 0 0 0;}
.ipForm {padding:20px 0 0 0; width:360px; float:left;}
b.ipNapomena {text-align:center; float:left; width:360px; padding:20px 0;}