html, body {
    font-size: 14px;
    color: #333;
    font-family: Tahoma,Geneva,Verdana, Arial, Helvetica,sans-serif;
    text-align: justify;
    background: #fff;
    margin: auto;
    margin-top: 0;
    padding: 0;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: 950px;
}
html {
    background-image:url('../images/internet-in-the-world-for-all-2560.jpg');
    background-position:center top;
    background-repeat:no-repeat;
    background-attachment:fixed;
    padding-bottom: 20px;
}
div.clean { clear: both; }
.txtCenter { text-align: center; }
.txtBold { font-weight: bold; }

span.WebSvet { font-variant: small-caps; font-weight: bold; }
span.WebSvet span.WH { color: #ff9c00; }
span.domene { font-size: 11px; }
span.akcija { color: #dc1d22; }
span.precrtano { text-decoration:line-through; }

div.pogojiTitle { padding-top: 20px;text-align: center; }

div#headLeft {
    width: 315px;
    height: 120px;
    float: left;
    background: #fff url('../images/websvet-logo.jpg') no-repeat;
}
div#headLeft a {
    display: block;
    height: 57px;
    width: 192px;
    margin-top: 30px;
    margin-left: 10px;
}
div#headCenter {   
    width: 320px;
    height: 120px;
    float: left;
    background: #fff url('../images/preprosto-kvalitetno.jpg') no-repeat;
}
div#headRight {   
    width: 315px;
    height: 120px;
    float: left;
    background: #fff url('../images/30_dni_garancije.jpg') no-repeat;
}
div#headRight a {
    display: block;
    height: 120px;
    width: 95px;
    margin-left: 220px;
}



div#menuTop {
    background: #fff;
    padding: 0;
}
div#menuTop .nav { width:945px; overflow:hidden; padding: 0; margin: 0; background:url('../images/nav-bg-off.gif') left top repeat-x; }
div#menuTop .nav li { display:inline; }
div#menuTop .nav li a { display:block; float:left; background:url('../images/nav-bg-off.gif') left top repeat-x; font-size:.86em; text-transform:uppercase; text-decoration:none; height:43px; line-height:43px; color:#545454; position:relative;}
div#menuTop .nav li a em { font-style:normal; display:block; float:left;}
div#menuTop .nav li a b { display:block; float:left; background:url('../images/nav-divider.gif') no-repeat right top; font-weight:normal; cursor:pointer; }
div#menuTop .nav li a b { padding:0 38px 0 39px; }
div#menuTop .nav li a:hover { background:url('../images/nav-bg-on.gif') left top repeat-x; color:#fff;}
div#menuTop .nav li a:hover b { background:none;}
div#menuTop .nav li a.current { background:url('../images/nav-bg-on.gif') left top repeat-x; color:#fff;}
div#menuTop .nav li a.current b { background:none;}
div#menuTop .nav li a.first b { background:url('../images/nav-left-off.gif') no-repeat left top; padding-left:52px; }
div#menuTop .nav li a.first em { background:url('../images/nav-divider.gif') no-repeat right top;}
div#menuTop .nav li a.first:hover em { background:none;}
div#menuTop .nav li a.first:hover b { background:url('../images/nav-left-on.gif') no-repeat left top; padding-left:52px;}
div#menuTop .nav li a.first-current {background:url('../images/nav-bg-on.gif') left top repeat-x; color:#fff;}
div#menuTop .nav li a.first-current em { background:none;}
div#menuTop .nav li a.first-current b { background:url('../images/nav-left-on.gif') no-repeat left top !important; padding-left:52px;}
div#menuTop .nav li a.last b { background:url('../images/nav-right-off.gif') no-repeat right top; padding-right:50px;}
div#menuTop .nav li a.last:hover b {background:url('../images/nav-right-on.gif') no-repeat right top;}
div#menuTop .nav li a.last-current {background:url('../images/nav-bg-on.gif') left top repeat-x; color:#fff;}
div#menuTop .nav li a.last-current b {background:url('../images/nav-right-on.gif') no-repeat right top !important; padding-right:50px;}


div#place1 {
    width: 950px;
    height: 270px;
    background: #fff url('../images/main-box.jpg') no-repeat;
    margin-top: 10px;
}
div#place1 div.innerLeft {
    padding: 20px;
    width: 300px;
    float: left;
    height: 230px;
    color: #fff;
}
div#place1 div.innerRight {
    float: left;
    height: 240px;
}
div#place1 div.innerRight img.image {
    margin-top: 100px;
    margin-left: 30px;
}

div#place1 div.innerLeft div.paketNaslov {
    font-weight: bold;
    font-size: 25px;
    color: #ddd;
    padding-top: 10px;
    padding-left: 25px;
}
div#place1 div.innerLeft ul {
    color: #eee;
}
div#place1 div.innerLeft ul li { list-style-type: none; background:url('../images/dot-orange.gif') no-repeat left 7px; padding:0 0 0 18px; position:relative;}

div#place2 {
    width: 950px;
    height: 121px;
    margin-top: 8px;
}
div#place2 div.innerLeft {
    float: left;
    width: 310px;
    height: 121px;
    background: #fff url('../images/paket-4-akcija.jpg') no-repeat;
    margin-right: 10px;
}
div#place2 div.innerCenter {
    float: left;
    width: 310px;
    height: 121px;
    background: #fff url('../images/paket-3-akcija.jpg') no-repeat;
    margin-right: 10px;
}
div#place2 div.innerRight {
    float: left;
    width: 310px;
    height: 121px;
    background: #fff url('../images/registracija-domen.jpg') no-repeat;
}
div#place2 div.innerLeft div.naslov, div#place2 div.innerCenter div.naslov, div#place2 div.innerRight div.naslov {
    padding-left: 90px;
    padding-top: 20px;
    font-weight: bold;
    font-size: 18px;
    color: #868485;

}
div#place2 div.innerLeft div.tekst, div#place2 div.innerCenter div.tekst, div#place2 div.innerRight div.tekst {
    color: #ff9c00;
    font-weight: bold;
    font-size: 15px;
    padding-left: 90px;
    padding-top: 10px;
}

div#place2 div.innerLeft div.gumb, div#place2 div.innerCenter div.gumb, div#place2 div.innerRight div.gumb {
    padding-left: 90px;
    padding-top: 10px;
}
div#place2 div.innerLeft div.gumb a, div#place2 div.innerCenter div.gumb a, div#place2 div.innerRight div.gumb a, table.paketi td a.gumb {
    display: block;
    height: 28px;
    width: 120px;
    background: url('../images/gumb-prazen.jpg') no-repeat;
    color: #fff;
    text-align: center;
    font-variant: small-caps;
    text-decoration: none;
    padding-top: 3px;
}
div#place2 div.innerLeft div.gumb a:hover, div#place2 div.innerCenter div.gumb a:hover, div#place2 div.innerRight div.gumb a:hover, table.paketi td a.gumb:hover  { color: #ff9c00; }
div#place2 div.innerCenter div.naslov, div#place2 div.innerCenter div.tekst, div#place2 div.innerCenter div.gumb { padding-left: 110px; }
div#place2 div.innerRight div.naslov, div#place2 div.innerRight div.tekst, div#place2 div.innerRight div.gumb { padding-left: 80px; }

div#footer {
    margin-top: 10px;
    background: #f4f4f4;
    width: 940px;
    height: 11px;
    border: 1px solid #dbdbdb;
    padding: 3px;
    padding-bottom: 8px;
    text-align: center;
    font-size: 11px;
}
div#subfooter {
    margin-top: 5px;
    text-align: right;
    font-size: 10px;
}
div#footer a, div#subfooter a, div#footer a.current {
    text-decoration: none;
    color: #333;
}
div#footer a:hover, div#subfooter a:hover, div#footer a.current { color: #ff9c00; }

div.content a:link, div.content a:visited {
    text-decoration: none;
    color: #333;
    font-weight: bold;
}
div.content a:hover, div.content a:active { color: #ff9c00; }


div.qa {
    float: left;
    margin-top: 30px;
    margin-bottom: 40px;
    width: 560px;
    padding-right: 20px;
}
div.q {
    width: 370px;
    float: left;
    margin-top: 30px;
    margin-bottom: 40px;
}
div.content span.title,
div.qa span.title, div.q span.title
{ font-size: 16px; font-weight: bold; color: #ff9c00; }

div.q span.title { font-size: 14px; font-weight: normal; }
div.q a { text-decoration: none; color: #333; font-size: 11px; }
div.q a:hover { color: #ff9c00; }
div.qa p.qa { font-weight: normal; font-size: 12px; }
div.qa p.qa a:link, div.qa p.qa a:visited { text-decoration: underline; color: #333; font-weight: normal; }
div.qa p.qa a:hover { color: #ff9c00; }
div.qa span.q { font-weight: bold; }

table.paketi td.col1 a:link, table.paketi td.col1 a:visited { color: #333; text-decoration: underline; }
table.paketi td.col1 a:hover, table.paketi td.col1 a:active { color: #ff9c00; }
table.paketi {
    margin: auto;
    margin-top: 30px;
    margin-bottom: 40px;
    border: 1px solid #dadada;
    border-bottom: none;
}
table.paketi td.col1 {
    width: 220px;
    text-align: left;
    padding: 8px;
    border-bottom: 1px solid #dadada;
}
table.paketi td.col2, table.paketi td.col3, table.paketi td.col4 {
    width: 145px;
    text-align: center;
    border-bottom: 1px solid #dadada;
    
}
table.paketi td.col2 {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
}
table.paketi td.col3 {
    border-right: 1px solid #dadada;
}
table.paketi td.title {
    font-weight: bold;
    background: #ebebeb;
}
table.paketi td.last {
    border-right: none;
}

table.dodatni_kontakt {
    width: 605px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 40px;
}

div.content {
    margin-top: 30px;
    margin-bottom: 40px;
    text-align: justify;
    font-size: 14px;
}
div.content div.title {
    color: #ff9c00;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}
div.content a {
    text-decoration: none;
    font-weight: bold;
    color: #333;
}
div.content a:hover {
    color: #ff9c00;
}

a:link, a:visited,
table.form td.col1 a:link, table.form td.col1 a:visited,
table.form td.col2 a:link, table.form td.col2 a:visited,
table.form td.col2 span a:link, table.form td.col2 span a:visited,
table.dodatni_kontakt a:link, table.dodatni_kontakt a:visited,
div.formSent a:link, div.formSent a:visited
{ color: #333; text-decoration: underline; }
a:hover, a:active,
table.form td.col1 a:hover, table.form td.col1 a:active,
table.form td.col2 a:hover, table.form td.col2 a:active,
table.form td.col2 span a:hover, table.form td.col2 span a:active,
table.dodatni_kontakt a:hover, table.dodatni_kontakt a:active,
div.formSent a:hover, div.formSent a:active
{ color: #ff9c00; }

table.form {
    margin: auto;
    margin-top: 30px;
    margin-bottom: 40px;
    border: 1px solid #dadada;
    border-bottom: none;
    width: 500px;
}
table.form td.col2 span { font-size: 11px; }
table.form td.col1 {
    text-align: right;
    padding: 8px;
    border-bottom: 1px solid #dadada;
    width: 200px;
}
table.form td.col2 {
    text-align: left;
    border-bottom: 1px solid #dadada;
    padding: 8px;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
}
table.form td.title {
    font-weight: bold;
    background: #ebebeb;
}
div.formError {
    width: 500px;
    margin:auto;
    color: #ed2025;
    padding-top: 30px;
}
div.formSent {
    color: #ff9c00;
    width: 500px;
    margin:auto;
    padding-top: 30px;
    text-align: center;
}
table.form input[type=text] { width: 250px; border: none; border: 1px solid #dadada; }
table.form input[type=text].human_test { width: 30px; border: none; border: 1px solid #dadada; margin-left: 8px; }
table.form input[type=text].nova_domena { width: 180px; border: none; border: 1px solid #dadada; }
table.form textarea { width: 250px; height: 100px; border: none; border: 1px solid #dadada; }
table.form input[type=text].qError, table.form textarea.qError { border-bottom: 1px solid #ed2025; }