html{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
body
{
    margin: 0;
    height: 100%;
    background: white;
    font-family: calibri, arial, sans, serif;
    font-size: 11pt;
    color: #333;
    text-align: justify;
}

#header
{
    margin: 0 auto;
    padding: 0;
    width: 960px;
    height: 70px;
    border: 0;
    background: url(./img/glava.png) no-repeat top left;
    cursor: pointer;
}

#reklama
{
    margin: 0 auto;
    padding: 0;
    width: 960px;
    height: 200px;
    border: 0;
    background: #fff;
}

#reklamain
{
    margin: 0 auto;
    padding: 0;
    width: 960px;
    height: 218px;
    border: 0;
}

.klikrek
{
    margin: 0 auto;
    padding: 0;
    width: 960px;
    height: 218px;
    border: 0;
}

.klikrekover
{
    margin: 0 auto;
    padding: 0;
    width: 960px;
    height: 218px;
    border: 0;
    background: url(./img/reklame/klik.png) no-repeat top left;
    cursor: pointer;
}

#main
{
    margin: 0 auto;
    padding: 0;
    width: 960px;
    border: 0;
    background: white;
}

#footer
{
    margin: 0 auto;
    padding: 12px;
    width: 936px;
    border: 0;
    background: url(./img/footer.png) no-repeat top left;
    color: white;
    font-size: 10pt;
}

#divhead
{
    margin: 0 auto;
    padding: 0;
    border: 0;
    background: #087a96;
    width: 960px;
    height: 1px;
}
#divhead h2.title { margin: 0; padding: 0; font-size: 0px; color: #087a96;}

#divhead div
{
    margin: 0 auto;
    padding: 0px 10px;
    border: 0;
    width: 940px;
    text-align: center;
}

#divokvirtop1
{
    margin: 0 auto;
    padding: 0 6px;
    width: 230px;
    border: 0;
    background: url(./img/okvir_top_087a97.png) no-repeat top left;
}

#divokvirbot1
{
    margin: 0 auto;
    padding: 0;
    width: 242px;
    height: 19px;
    border: 0;
    font-size: 1px;
    background: url(./img/okvir_bot_087a97.png) no-repeat top left;
}

#divokvirtop2
{
    margin: 0 auto;
    padding: 0 6px;
    width: 230px;
    border: 0;
    background: url(./img/okvir_top_fcaf00.png) no-repeat top left;
}

#divokvirbot2
{
    margin: 0 auto;
    padding: 0;
    width: 242px;
    height: 14px;
    border: 0;
    font-size: 1px;
    background: url(./img/okvir_bot_fcaf00.png) no-repeat top left;
}

#emailprijava
{
    margin: 0 auto;
    padding: 0;
    width: 230px;
    height: 100px;
    border: 0;
    font-size: 9pt;
    background: url(./img/email_prijava.png) no-repeat top left;
}

div.menuon
{
    margin: 0;
    margin-bottom: 1px;
    padding: 2px 0 2px 10px;
    background: #f7b101;
    text-align: left;
    color: white;
}

div.menuoff
{
    margin: 0;
    margin-bottom: 1px;
    padding: 2px 0 2px 10px;
    background: #087a96;
    text-align: left;
    color: white;
}

div.domeneakcija
{
    margin: 0 auto;
    padding: 0;
    background: url(./img/okvir_ponudba_domene.png) no-repeat top left;
    width: 160px;
    height: 80px;
}
h1.domeneakcija { margin: 0; padding: 0; font-size: 14px; }
p.domeneakcija  { margin: 0; padding: 0; font-size: 24px; font-weight: bold; color: #fcaf00; margin-bottom: -4px; }

div.paketi
{
    margin: 0 auto;
    padding: 0;
    background: url(./img/okvir_gostovanje.png) no-repeat top left;
    width: 220px;
    height: 160px;
}
div.paketi1
{
    margin: 3px 0;
    padding: 0;
    background: url(./img/okvir_gostovanje.png) no-repeat top left;
    width: 220px;
    height: 160px;
}
p.paketi      { margin: 0; padding: 0 0 6px 0; font-size: 26px; font-weight: bold; color: #03566b; }
p.paketnaslov { margin: 0; padding: 0; font-size: 17px; font-weight: bold; color: #03566b; }

div.paketvpstop
{
    margin: 0 auto;
    padding: 0;
    background: url(./img/paket_vps_top.png) no-repeat top left;
    width: 340px;
    height: 117px;
}
div.paketvpsbot
{
    margin: 0 auto;
    padding: 0 8px 6px 135px;
    background: url(./img/paket_vps_bot.png) no-repeat bottom left;
    width: 197px;
    font-size: 14px;
    text-align: left;
}
p.vpspaketcena { margin: 0; padding: 0; font-size: 36px; font-weight: bold; color: #fff; }
p.vpspaketnaslov { margin: 0; padding: 0; font-size: 26px; font-weight: bold; color: #03566b; }

#divheadwoman
{
    margin: 0;
    padding: 3px 20px 0px 80px;
    border: 0;
    height: 70px;
    background: url(./img/header_woman_pointing.png) no-repeat bottom left;
}

#okvirlinetop
{
    margin: 0;
    padding: 8px 16px;
    border: solid 1px #087a95;
    border-top: 0;
    background: #eaf4f6 url(./img/okvir_line_top.png) repeat-x top left;
}

.divponudbakazalecdol
{
    margin: 0;
    padding: 177px 0 0 0;
    border: 0;
    background: url(./img/ponudba_kazalec_dol.png) no-repeat top center;
}

.divponudbamanpointleft
{
    margin: 0;
    padding: 0 0 0 170px;
    border: 0;
    background: url(./img/ponudba_man_point_left.png) no-repeat top left;
}

.divponudbamanpointright
{
    margin: 0;
    padding: 0 170px 0 0;
    border: 0;
    background: url(./img/ponudba_man_point_right.png) no-repeat top right;
}

.divgirlsmileleft
{
    margin: 0;
    padding: 0 0 10px 220px;
    border: 0;
    background: url(./img/girl_smile_left_big.png) no-repeat bottom left;
}

.divgirlsmileright
{
    margin: 0;
    padding: 0 220px 10px 0;
    border: 0;
    background: url(./img/girl_smile_right_big.png) no-repeat bottom right;
}

.divgirlsmileleftsmall
{
    margin: 0;
    padding: 0 0 0 80px;
    border: 0;
    background: url(./img/girl_smile_left_small.png) no-repeat bottom left;
}

.divgirlsmilerightsmall
{
    margin: 0;
    padding: 0 80px 0 0;
    border: 0;
    background: url(./img/girl_smile_right_small.png) no-repeat bottom right;
}

#divponudbakazaleclevo
{
    margin: 0;
    padding: 0px 12px 8px 160px;
    border: 0;
    background: url(./img/ponudba_kazalec_levo.png) no-repeat top left;
}

#divponudbakazalecdesno
{
    margin: 0;
    padding: 0px 160px 8px 12px;
    border: 0;
    background: url(./img/ponudba_kazalec_desno.png) no-repeat top right;
}

.divponudbagirlboy
{
    background: url(./img/signtable_bg.png) repeat-y top left;
}

.divponudbagirlboy div
{
    margin: 8px auto;
    padding: 8px 140px 8px 140px;
    border: 0;
    background: url(./img/signtable.png) no-repeat top left;
}

#divponudbagirllevo
{
    margin: 8px auto;
    padding: 0 0 0 160px;
    border: 0;
    background: #fcfafb url(./img/signtable_girl_left.png) no-repeat top left;
}

#divponudbagirllevo div
{
    margin: 0;
    padding: 10px 151px 10px 0;
    border: 0;
    background: #fcfafb url(./img/signtable_man_right.png) no-repeat top right;
}

#divponudbathumbuplevo
{
    margin: 0;
    padding: 8px 12px 8px 200px;
    border: 0;
    background: url(./img/ponudba_thumbup_levo.png) no-repeat top left;
}

#divponudbathumbupdesno
{
    margin: 0;
    padding: 8px 200px 8px 12px;
    border: 0;
    background: url(./img/ponudba_kazalec_desno.png) no-repeat top right;
}

#divmanoktop
{
    margin: 0;
    padding: 230px 0 0 0;
    border: 0;
    background: url(./img/ponudba_man_ok_top.png) no-repeat top center;
}

#noviceheader
{
    margin: 0;
    padding: 10px 0 0 120px;
    border: 0;
    height: 80px;
    background: url(./img/novice_header.png) no-repeat top left;
}

a:link, a:visited { color: #03566b; text-decoration: underline; }
a:active, a:hover { color: #087a96; text-decoration: underline; }

a:link.menu, a:visited.menu { color: white; text-decoration: none; }
a:active.menu, a:hover.menu { color: #03566b; text-decoration: underline; }

a:link.white, a:visited.white { color: white; text-decoration: none; }
a:active.white, a:hover.white { color: #ff0; text-decoration: underline; }

a:link.yellow, a:visited.yellow { color: #ff0; text-decoration: none; }
a:active.yellow, a:hover.yellow { color: white; text-decoration: underline; }

h1,h2,h3,h4,h5,h6 { color : #03566b; }
h1 { font-size: 16pt; }
h2 { font-size: 14pt; }
h3 { font-size: 13pt; }
h4,h5,h6 { font-size: 12pt; }

.shaddow { background: #fafafa url(../img/shaddow-up.png) repeat-x top left; border: solid 1px #e0e0e0; border-top: solid 1px #999; border-left: solid 1px #999; }

.maingrey { margin: 0 auto; padding: 12px; border: solid 1px #e0e0e0; background: #fafafa url(../../../img/shaddow-up.png) repeat-x top left; }
.mainwhite { margin: 0; padding: 12px; border: solid 1px #e0e0e0; background: white url(../../../img/shaddow-up.png) repeat-x top left; }
.okvirNaslov { margin: 0 auto; padding: 0; height: 30px; border: solid 1px #ddb861; background: #ecdaa8; }
.listBottom { margin: 0 0 8px 0; padding: 0; height: 16px; background: url(../../../img/list-bottom.png) no-repeat top right; }
.listBottom01 { margin: 0; padding: 0; height: 15px; background: url(../../../img/list-bottom-01.png) no-repeat top center; }
.listBottom02 { margin: 0; padding: 0; height: 16px; background: url(./img/senca_list.png) no-repeat top center; font-size: 1px; }
.listBottom03 { margin: 0; padding: 0; height: 6px; background: url(./img/senca_list_mali.png) no-repeat top center; font-size: 1px; }

.white { color: white; }
.stats { font-size: 9pt; }
.hid   { display: none; }
.novis { display: none; }
#h1.title { margin: 0; padding: 3px 0 6px 0; color: white; font-weight: normal; font-size: 12pt; }

ul.tick
{
    list-style-image: url("./img/icons/tick.png");
    list-style-type: square;
}

ul.warn
{
    list-style-image: url("./img/icons/exclamation.png");
    list-style-type: square;
}

ul.info
{
    list-style-image: url("./img/icons/information.png");
    list-style-type: square;
}

ul.help
{
    list-style-image: url("./img/icons/help.png");
    list-style-type: square;
}

.gcmsform
{
    border: solid 1px #ccc;
    border-bottom: solid 3px #ccc;
}