body
{
    margin: 0;
    background: #ffffff;
    font-family: arial, helvetica, sans, serif;
    font-size: 10pt;
    color: #333;
    text-align: justify;
}

#logo
{
    margin: 0 auto;
    padding: 0;
    width: 900px;
    border: 0;
}

td.topmenuon
{
    padding: 4px 2px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: url(../../../img/menu-arrow-on.png) no-repeat bottom center;
}

td.topmenuoff
{
    padding: 4px 2px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

a:link.topmenu, a:visited.topmenu, a:active.topmenu, a:hover.topmenu { font-size: 11pt; color: #284678; font-weight: bold; text-decoration: none; }
td.topmenuon a { color: white; }
td:hover.topmenuon a { color: white; }

#glava
{
    margin: 0 auto;
    padding: 0;
    width: 900px;
    height: 170px;
    border: 0;
    background: white;
}

#mainback
{
    background: url(../../../img/ozadje.png) repeat-x top left;
}

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

#footerback
{
    background: #e0e0e0;
}
#footer
{
    margin: 0 auto;
    padding: 16px 0px;
    width: 900px;
    border: 0;
    color: #999;
    background: url(../../../img/shaddow-up.png) repeat-x top left;
}

div.calendaricon
{
    margin: -2px 20px 0 0;
    padding: 0;
    border: 0;
    width: 40px;
    height: 44px;
    background: url(../../../img/gcms_icons/calendar_40x44.png) no-repeat top left;
    text-align: center;
    float: left;
}

div.calendariconleto
{
    margin: 0;
    padding: 6px 0 0 0;
    border: 0;
    text-align: center;
    font-family: arial, helvetica, sans;
    font-size: 8px;
    font-weight: bold;
    color: white;
}

div.calendaricondan
{
    margin: 0;
    padding: 1px 0 0 0;
    border: 0;
    text-align: center;
    font-family: arial, helvetica, sans;
    font-size: 13px;
    font-weight: bold;
}

div.calendariconmesec
{
    margin: -1px 0 0 0;
    padding: 0;
    border: 0;
    text-align: center;
    font-family: arial, helvetica, sans;
    font-size: 8px;
    font-weight: bold;
}

div.menuon
{
    margin: 0 0 1px 0;
    padding: 5px 8px;
    background: #396798 url(../../../img/side-menu-on.png) repeat-x bottom left;
    text-align: left;
}

div.menuoff
{
    margin: 0 0 1px 0;
    padding: 5px 8px;
    background: #4875a4 url(../../../img/side-menu-off.png) repeat-x top left;
    text-align: left;
}
a:link.menu, a:visited.menu, a:active.menu, a:hover.menu { font-weight: normal; text-decoration: none; color: white; }
div.menuon a { color: white; }
div:hover.menuon a { color: white; }

.linija
{
    margin: 4px 0;
	padding: 0;
	background: url(../../../img/linija.png) repeat-x center center;
	font-size: 1px;
	height: 2px;
	clear: both;
}
.linija2
{
    margin: 4px 0;
	padding: 0;
	background: url(../../../img/linija-02.png) no-repeat center center;
	font-size: 1px;
	height: 19px;
	clear: both;
}

div.leftbarklasik
{
    margin: 3px;
    padding: 1px;
    border: solid 1px #ccc;
}
div.leftbarklasik div
{
    margin: 0;
    padding: 6px;
    background: url(../../../img/ozadje_okvir.png) repeat-x top left;
    border: 0;
    font-size: 8pt;
    color: #999;
}
div.leftbarklasik h4
{
    margin: 0;
    padding: 4px 0;
}

.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: 5px; 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; }
.sencaList01 { margin: 0; margin-top: -1px; padding: 0; height: 21px; font-size: 1px; background: url(../../../img/senca_list_01.png) no-repeat top left; }

.stats { font-size: 9pt; }
h1,h2,h3,h4,h5,h6 { color: #cc0000; font-family: "Trebuchet MS", arial, helvetica, sans, serif; }
h1, h1.title { font-size: 16pt; }
h2 { font-size: 14pt; }
h3 { font-size: 13pt; }
h4,h5,h6 { font-size: 12pt; }
h1.logo { margin: 0; padding: 0; font-size: 11pt; font-weight: bold; }
h1.logoTitle { margin: 0; padding: 0; font-size: 14pt; font-weight: normal; color: #42719f; text-align: center; }
h1.logoTitle big { margin: 0; padding: 0; }

div.katblock1
{
    margin: 0 0 4px 0;
    padding: 3px;
    border: 1px solid #e0e0e0;
}

div.katblock2
{
    margin: 0 0 4px 0;
    padding: 3px;
    background: url(../../../img/ozadje_okvir.png) repeat-x top left;
    border: 1px solid #e0e0e0;
}

div.novicavsebina
{
    margin: 0;
    padding: 10px;
    background: url(../../../img/ozadje_okvir.png) repeat-x top left;
    border: 0;
}

a:link, a:visited, a:active { color: #000080; text-decoration: none; }
a:hover { color: #800000; text-decoration: none; }


a:link.yellow, a:visited.yellow { color: yellow; }
a:active.yellow, a:hover.yellow { color: white; }

/* zaobljeni robovi */
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#e6e6e6; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#e6e6e6; border-right:2px solid #e6e6e6; border-left:2px solid #e6e6e6; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#e6e6e6; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#e6e6e6; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #f6f6f6;}
.headh {background: #e6e6e6; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
.headh h4 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.contenth {background: #f6f6f6; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; text-align: left;}
.contenth div {margin-left: 12px; padding-top: 5px;}
/*
<b class="b1h"></b><b class="b2h"></b><b class="b3h"></b><b class="b4h"></b>
    <div class="headh">
        <h3>Here is your Header!</h3>
    </div>
    <div class="contenth">
        <div>Look ma, no images!</div>
    </div>
<b class="b4bh"></b><b class="b3bh"></b><b class="b2bh"></b><b class="b1h"></b>
*/

div.lbar
{
    margin: 6px 0;
    padding: 6px;
    border: 0;
}

div.rbar
{
    margin: 6px 0;
    padding: 4px;
    border: solid 1px #ccc;
}


a:link.paginator, a:visited.paginator
{
    margin: 2px;
    padding: 1px 4px;
    background: url(../../../img/ozadje_okvir.png) repeat-x bottom left;
    border: solid 1px #ba8f2a;
    text-decoration: none;
}
a:active.paginator, a:hover.paginator
{
    margin: 2px;
    padding: 1px 4px;
    background: #f0f0f0;
    border: solid 1px #ba8f2a;
    text-decoration: none;
}
.paginatoron
{
    margin: 2px;
    padding: 1px 4px;
    background: #999999;
    color: #fff;
    border: solid 1px #6c9466;
    text-decoration: none;
    font-weight: bold;
}
.paginatoroff
{
    margin: 2px;
    padding: 1px 4px;
    background: #ffffff;
    color: #ccc;
    border: solid 1px #ccc;
    text-decoration: none;
}

li.novice
{
    list-style-image: url(../../../img/novice-ikona.png);
    vertical-align: middle;
}
p.podpis
{
    margin: 16px 0 8px 10px;
    padding: 4px 10px;
    border-top: 1px solid #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    font-size: 8pt;
    color: #999999;
}

img { margin: 0; border: 0; }
img.stran
{
    margin-left: 16px;
    padding: 2px;
    border: solid 1px #e0e0e0;
    float: right;
}
img.right
{
    margin-left: 0 0 8px 16px;
    float: right;
}
div.img
{
    margin: 0;
    padding: 2px 0;
    border: solid 1px #e0e0e0;
    text-align: center;
}
.mid  { vertical-align: middle; }
.vmid { vertical-align: middle; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.small { font-size: small; }
.clear { clear: both; }
.clear1px { clear: both; font-size: 1px; }
.nopix { font-size: 0px; }
.nomrgpad { margin: 0; padding: 0; }
.hid { display: none; }

form, input, select, option, textarea, legend, fieldset, submit
{
    font-size: 12px;
}
legend   { color: #999; }
fieldset { padding: 4px; border: solid 1px #ccc; }
.myform { border: solid 1px #ccc; }
tr.frmfldoff { background: white; }
tr.frmfldon  { background: #f6f6f6; }

div.hr
{
    margin: 0;
    padding: 0;
    height: 1px;
    border-top: solid 1px #e0e0e0;
}

hr.thin
{
    margin: 0;
    padding: 0;
    height: 1px;
    line-height: 1px;
    color: #e0e0e0;
}

div.hid
{
    display: none;
}

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

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

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

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

ul.arrow
{
    list-style-image: url("../../../img/gcms_icons/arrow_list_01.png");
    list-style-type: square;
}

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

ul.kosarica
{
    list-style-image: url("../../../img/gcms_icons/cart.png");
    list-style-type: square;
}

/* za cenik */
table.cenik
{
    margin: 0;
    padding: 0;
    border: solid 1px #7999bb;
    width: 100%;
}

table.cenik tr.naslov
{
    background: #7999bb;
    color: #ffffff;
}
tr.naslov h3 { margin: 0; padding: 4px 30px; color: #ffffff; }

table.cenik tr.podnaslov
{
    background: #75a8cd;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
}

table.cenik tr.bg1
{
    background: #e1ecf3;
    text-align: right;
}
table.cenik tr.bg2
{
    background: #d5e4ef;
    text-align: right;
}
table.cenik tr.bg1 td { padding: 2px 16px; }
table.cenik tr.bg2 td { padding: 2px 16px; }

/* tabela za akcije */
table.akcija
{
    margin: 0;
    padding: 0;
    border: solid 1px #bba079;
    width: 100%;
}

table.akcija tr.naslov
{
    background: #bba079;
    color: #ffffff;
}
tr.naslov h3 { margin: 0; padding: 4px 30px; color: #ffffff; }

table.akcija tr.podnaslov
{
    background: #cab498;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
}

table.akcija tr.bg1
{
    background: #efeae1;
    text-align: right;
}
table.akcija tr.bg2
{
    background: #e6ddd0;
    text-align: right;
}
table.akcija tr.bg1 td { padding: 2px 16px; }
table.akcija tr.bg2 td { padding: 2px 16px; }

p.opomba
{
    padding: 4px 20px;
    background: url("../../../img/gcms_icons/information.png") no-repeat left center;
}

/* za form obrazec naročila */
div.narocilo
{
    margin: 0;
    padding: 1px;
    border: solid 1px #acbcda;
    background: #ffffff;
}

div.narocilo fieldset
{
    margin: 0;
    padding: 10px;
    border: 0;
    background: #dfe6f1 url("../../../img/form_narocilo_bg.png") no-repeat top right;
}

div.narocilo p.naslov
{
    margin: 6px 0;
    padding: 4px 20px;
    border: solid 1px #acbcda;
    width: 75%;
    font-weight: bold;
}

div.narocilo select
{
    border: solid 1px #a78559;
    background: #efeae1;
    font-size: 10pt;
    width: 450px;
}

div.narocilo input
{
    border: solid 1px #a78559;
    background: #efeae1;
    font-size: 10pt;
    width: 450px;
}

div.narocilo textarea
{
    border: solid 1px #a78559;
    background: #efeae1;
    font-size: 10pt;
    width: 450px;
}

div.narocilo input.img
{
    border: 0;
    background: transparent;
    width: 269px;
    height: 44px;
}

/* za targetkey div */
#targetkey
{
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
}
#targetkey h4
{
    margin: 0;
    padding: 4px 0;
    font-size: 16pt;
    text-align: center;
    color: #42719f;
}
#targetkey p
{
    margin: 0;
    padding: 4px 0;
    font-size: 12pt;
    text-align: center;
    color: #42719f;
}
#targetkey p span
{
    font-size: 8pt;
    color: #cccccc;
}

div.cookieLaw
{
    position: fixed;
	bottom: 0;
	margin: 0;
	padding: 20px;
	border: 0;
	width: 100%;
	border-top: solid 8px #ff0000;
	border-bottom: solid 8px #ff0000;
	background: url('../../../img/black80percent.png');
	z-index: 9999;
}

div.cookieLaw fieldset
{
    margin: 0;
	padding: 0;
	border: 0;
	color: #ffff00;
	font-family: arial, sans, serif;
	font-size: 14pt;
	text-align: center;
}
div.cookieLaw input
{
	font-size: 14pt;
}