body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

* html.dialog-open body {
    height: 100%;
}

* html.dialog-open,
* html.dialog-open body {
overflow: hidden;
}


body {
    font-size: 10px;
    font-family: arial, sans-serif;
    background-color: #eee;
    height: 100%;
}

strong {
font-weight: bold;
}

code {
padding: 0.2em;
font-family: arial;
font-size: 90%;
opacity: 0.8;
}

a {
color: #06c;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#content h1 a {
font-size: 360%;
display: inline-block;
text-decoration: none;
margin-bottom: 0.5em;
}

.column {
width: 922px;
margin: 0 auto;	
position: relative;
}

.clear-fix {
clear: both;
}

a.more {
    font-size: 140%;
    margin: 0 0 0.5em 0;
    padding-right: 20px;
    background: url(../images/more_off.gif) right 50% no-repeat;
    font-weight: bold;
}

a.more:hover {
    background-image: url(../images/more_on.gif);
}

#content a.more {
    margin-left: 0.5em;
}

#content .next a.more {
font-size: 100%;
margin-left: 0;
}

/* header
----------------------------------------------- */

#header {
    position: relative;
    padding: 1em 0;
    margin: 0 auto;
    background-color: #fff;
}

#header h3 a {
    background: url(../images/idikupi-logo1.png) 0 0 no-repeat;
    display: block;
    text-indent: -4000px;
    height: 71px;
    width: 500px; /*218*/
}

/* top nav
----------------------------------------------- */

#top-nav {
    position: absolute;
    right: 1em;
    top: 3.5em;
}

.user-shown #top-nav {
    top: 4.5em;
}

#top-nav li {
    float: left;
    display: block;
    margin-left: 2em;
}

#top-nav li a {
    font-size: 140%;
}

#top-nav li.current a {
    color: #06c;
    margin-top: -0.5em;
    padding: 0.5em 0.5em;
    display: inline-block;
    text-decoration: none;
    background-color: #bbef06;
    color: #666;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}


/* sidebar
----------------------------------------------- */

.sidebar {
    position: absolute;
    right: 0;
    width: 250px;
    margin-left: 5em;
}

.sidebar h5 {
    padding-top: 0;
    color: #444;
}

.sidebar ul li {
    list-style: disc;
    margin-left: 2em;
    font-size: 120%;
    color: #333;
    margin-bottom: 0.3em;
}


/* footer
----------------------------------------------- */


#wrapper {
    padding-bottom: 3em;
    background-color: #fff !important;
    
    border-bottom: solid 1px #fff;
    min-height: 45em;
}

#footer {
    position: relative;
    clear: both;
    background-color: #eee;
    padding-bottom: 3em;
}

#footer ul.nav {
    clear: left;
    padding-top: 3em;
}

#footer ul.nav li {
    float: left;
    display: block;
    margin-right: 0.5em;
    font-size: 120%;
}

#footer a {
    color: #444;
    font-weight: bold;
    text-decoration: underline;
}

#footer .blog {
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding: 0.2em 1em;
    position: absolute;
    left: 30em;
    top: 0.5em;
    width: 280px;
    color: #666;
    font: normal 140% arial;
    background-color: #ddd;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}

#footer .blog p {
    padding: 0.3em 0;
}

#footer p.copyright {
    clear: left;
    padding-top: 0.5em;
    color: #666;
    font: normal 120% arial;
}

#footer a.hosting-by {
    float: right;
    background: url(../images/compyweb.gif) right 0 no-repeat;
    height: 80px;
    line-height: 80px;
    padding-right: 55px;
    color: #888;
    font-size: 110%;
    margin: 1em 2em 0 0;
    text-decoration: none;
    display: block;
}

/* toc
----------------------------------------------- */

.toc {
    padding: 1.5em 1.5em 1em 1.5em;
    background-color: #eee;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    margin-bottom: 2em;
}

.toc li {
    font: bold 160% arial;
    letter-spacing: -1px;
    margin-bottom: 0.5em;
}

.toc li.current a {
    color: #888;
}

/* tour
----------------------------------------------- */

#content .left-column {
    width: 600px;
}

#content h3 {
    margin: 0.5em 0 0.5em;
    font-family: "Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size: 240%;
    line-height: 1.1;
    letter-spacing: -1px;
    color: #444;
    clear: left;
}

#content h3 small {
    color: #aaa;
    font-size: 60%;
    font-weight: normal;
    font-family: arial, sans-serif;
    text-transform: lowercase;
    letter-spacing: 0;
}

#content h4 {
    letter-spacing: -1px;
    font-family: "Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    color: #444;
    font-size: 180%;
    margin: 0.5em 0 0.5em;
}

#content h5 {
    padding-top: 1em;
    letter-spacing: -1px;
    color: #666;
    font-weight: normal;
    font-size: 180%;
    margin-bottom: 0.5em;
    font-size: 220%;
    clear: both;
}

#content p {
    font-size: 140%;
    color: #555;
    margin-left: 0.5em;
    margin-bottom: 1em;
}

.steps ul ul {
    clear: left;
    padding-top: 0.5em;
}

.steps li {
    margin-bottom: 1em;
    clear: both;
    margin: 0 0 2em 0;
}

.steps ol li h4 small {
    background-color: #bbb;
    display: inline-block;
    padding: 0 0.4em;
    margin-right: 0.2em;
    color: #fff;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}

#content .steps ol li p {
    margin-left: 2em;
}

/* sidebar
----------------------------------------------- */

.steps li .screenshot-thumb {
    background-color: #eee;
    width: 220px;
    height: 150px;
    border: solid 1px #ccc;
    opacity: 0.9;
    float: right;
    margin: 0.5em 0 0 1.5em;
}

/* next
----------------------------------------------- */

#content .next {
    clear: left;
    font-size: 160%;
    color: #888;
    padding: 1em;
}

#content .next a {
    font-weight: bold;
}

/* splash2
----------------------------------------------- */

#splash2 {
    background: url(../images/mainContent.png) 0 0 repeat-x;
    margin-bottom: 15px;
}

#splash2 .about {
    margin-right: 100px;
    margin-left: 0;
    color: #fff;
    height: 80px;
    font-family: "Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

#splash2 h1 {
    font-weight: normal;
    font-size: 360%;
    letter-spacing: -1px;
    padding: 0.2em 0;
    line-height: 1.0;
}

#splash2 h2 {
    font-weight: normal;
    font-size: 160%;
    font-family: "Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    margin-top: -0.4em;
    margin-left: 0;
}

/* FORUM 
----------------------------------------------- */

#supporting #forum h1 {
    font-weight: normal;
    font-size: 260%;
    letter-spacing: -1px;
    padding: 0.2em 0;
    line-height: 1.0;
    margin-bottom: 10px;
}

#supporting #forum a {
    font-weight: normal;
    font-size: 120%;
    letter-spacing: 0px;
    padding: 0.1em 0;
    line-height: 1.0;
    margin-bottom: 10px;
}

#supporting #forum .info {
    margin-top: 50px; margin-bottom: 200px; font-size: 120%;
}

#supporting #forum .info a{
    margin-top: 10px; margin-bottom: 10px; font-size: 100%;
}

#supporting #forum table {
    margin: 0;
    clear: both;
    border-top: solid 1px #ccc;
}

#supporting #forum table td h3 {
    width: 70%;
    font-weight: bold;
    font-size: 160%;
    letter-spacing: 0px;
    padding: 0.2em 0;
    line-height: 0.3;
}

#supporting #forum table td {
    padding: 0.1em 0.1em 0 0.1em;
    width: 10%;
    vertical-align: middle;
    margin: 0;
}

/* splash
----------------------------------------------- */

#splash {
    background: url(../images/mainContent.png) 0 0 repeat-x;
}

#splash .inset {
    background: url(../images/commercial.png) 50% 25px no-repeat;
}

#splash .about {
    margin-right: 450px;
    margin-left: 1.5em;
    color: #fff;
    height: 300px;
    font-family: "Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

#splash h1 {
    font-weight: normal;
    font-size: 360%;
    letter-spacing: -1px;
    padding: 0.6em 0;
    line-height: 1.0;
}

#splash h2 {
    font-weight: normal;
    font-size: 160%;
    font-family: "Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    margin-bottom: 0.8em;
    margin-left: 0.5em;
}

#splash ol.benefits {
    margin-bottom: 1.8em;
}

#splash ol.benefits li {
    font-weight: normal;
    font-size: 160%;
    margin-bottom: 0.3em;
    margin-left: 0.5em;
    background: url(../images/check.png) 0 3px no-repeat;
    padding-left: 22px;
}

/* splash > sidebar
----------------------------------------------- */

 #kakoRadi {
    position: absolute;
    right: 1.5em;
    top: 2em;
    width: auto;
    z-index: 1000;
    border: solid 1px #999;
    display: block;
    width:  400px;
    height: 300px;
    background: #fff url(../images/kakoRadi.png) 0 0 no-repeat;
    text-align: center;
    line-height: 300px;
}

 #kakoRadi span {
    background-color: #bbef06;
    padding: 0.5em;
    font-size: 180%;
    font-weight: bold;
    color: #32322e;
    opacity: 0.8;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    display: none;
}

#kakoRadi:hover {
    background: #fff url(../images/kakoRadi.png) 0 0 no-repeat;
    text-decoration: none;
}

#kakoRadi:hover span {
display: inline;
}

/* splash > tracking
----------------------------------------------- */

#validation {
background-color: #ddd;
color: #333;
margin-bottom: 2em;
clear: left;
font: normal 140% arial, sans-serif;
padding: 1em;
}


/* supporting
----------------------------------------------- */

#supporting {
clear: both;
}

#supporting table {
margin: 2em 0;
clear: both;
border-top: solid 1px #ccc;
}

#supporting table td {
padding: 2em 2em 0 0.5em;
width: 50%;
vertical-align: top;
}

#supporting table td h3 {
font-family: "Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
font-size: 240%;
line-height: 1.1;
letter-spacing: -1px;
color: #444;
}

#rightClolumnDiv h3 {
    font-family: "Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size: 240%;
    line-height: 1.1;
    letter-spacing: -1px;
    color: #444;
    padding-left: 10px;
    margin-bottom: 10px;
}

#supporting table td p {
font-size: 120%;
color: #666;
margin: 1em 0;
}

#supporting .left-column {
float: left;
width: 750px;
}

#supporting .right-column {
width: 170px;
float: left;
height: 340px;
border-left: solid 1px #ccc;
}

#supporting .left-column .more {
margin: 0 0 0 0.5em;
}

/* brands
----------------------------------------------- */

#brands h5 {
letter-spacing: -1px;
color: #666;
font-weight: normal;
font-size: 180%;
margin-bottom: 0.5em;
font-size: 220%;
clear: both;
float: left;
}

#supporting #brands .more {
float: left; 
margin-top: 4px; 
margin-left: 1em;
}

#brands ul {
    clear: left;
}

#brands li {
float: left;
margin: 0 18px 0 0;
}

#brands li a {
display: block;
height: 93px;
width: 130px;
text-indent: -4000px;
background-repeat: no-repeat;
}

#brands li.kupovina a {
    border: solid 1px #bbef06;
    background-image: url(../images/kupovina.jpg);
    cursor: default;
}

#brands li.lekovi a {
    border: solid 1px #bbef06;
    background-image: url(../images/apoteka.jpg);
    cursor: default;
}

#brands li.posta a {
    border: solid 1px #bbef06;
    background-image: url(../images/posiljke.jpg);
    cursor: default;
}

#brands li.cvece a {
    border: solid 1px #bbef06;
    background-image: url(../images/cvece.jpg);
    cursor: default;
}

#brands li.racuni a {
    border: solid 1px #bbef06;
    background-image: url(../images/racuni.jpg);
    cursor: default;
}

#brands li.kupovina a:hover {
    background-position: 0 -93px;
}

#brands li.posta a:hover {
    background-position: 0 -93px;
}

#brands li.sling a:hover {
    background-position: 0 -93px;
}

#brands li.racuni a:hover {
    background-position: 0 -93px;
}

#brands li.cvece a:hover {
    background-position: 0 -93px;
}

#brands li.lekovi a:hover {
    background-position: 0 -93px;
}

/* press
----------------------------------------------- */

#rightClolumnDiv #press {
    padding-left: 1.5em;
    font-size: 12px;
}

#rightClolumnDiv #adminmenu {
    padding-left: 1.5em;
    font-size: 12px;
}

.quote {
    border: solid 1px #66cc00;
    padding: 5px;
}

table.generic {}
table.generic th { background-color:#0aadf1; color:#FFFFFF; font-size:1.1em; font-weight:bold;padding:8px; }
table.generic tr.even { background-color:#e4e4e4;padding:8px; }
table.generic tr.odd { background-color:#f1f1f1;padding:8px; }
table.generic tr.button { background-color:#f6f6f6;padding:0px; margin:0; }

table.generic td, table.generic th { padding:8px; }
table.generic table th { padding:2px; font-size:1em; background-color:#eee; color:#333; }
table.generic input {width:150px;}
input#submit {font-weight:bold; width:150px; margin-top:10px;}

table.generic p {margin:0; padding:0; }
table.generic label.username, table.generic label.password {margin-left:35px;}

#pocinjemo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1005;
    width: 100%;
    height: 500px;
    margin: 0 auto;
    text-align: center;
    margin-top: 200px;
    /*background: url(../images/pocinjemo.png) no-repeat 50% 50%;*/
}