/****************

    ERIC MEYER'S RESET

****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #777;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
strong{
    font-weight:bold; 
}
em{ 
    font-style:italic; 
}
.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }

.centered{ text-align:center; }

/****************

    STRUCTURE

****************/

#container{ width:960px; margin:0 auto; /**/ }
    #header{ position:relative; height:80px; background:#004280; width:100%; }
    #main-top{ float:left; padding-top:15px; background:url(bg/main-top.gif) repeat-y 0 0; }
        #navigation{ width:100%; clear:both; float:left; border:2px solid #fff; border-width:2px 0; background:#fff; }
        #triptih{ float:left; border-bottom:2px solid #fff; }
    #main-bottom{ width:100%; clear:both; float:left; padding:0 0 2px; background:#fff; }
        /* 
        #content{ float:right; width:480px; padding:40px 80px; }
        #sidebar{}
        */
    #footer{ position:relative; clear:both; /**/ background:#004280 url(bg/footer.png) repeat-y 0 0; }
    #empty-footer{ border-top:2px solid #fff; display:block; width:100%; background:#004280; height:50px; }

/****************

    TEXT

****************/

h1{ font:italic bold 19px Arial; color:#009ed4; padding-bottom:30px; }
h2{ font:italic bold 19px Arial; color:#fff; padding:10px 0 20px; }
h3{ font:italic bold 14px Arial; padding-bottom:15px; }
h4{}
h5{}
h6{}
p{ font:normal 13px Arial; padding-bottom:15px; }
p a{ font:normal 13px Arial; color:#004280; text-decoration:none; }
p a:hover{ text-decoration:underline; }
/****************

    LINKS

****************/

a{}
a:hover{}

/****************

    IMAGES

****************/

img{}

/****************

    LISTS

****************/

ul, ol, dl{ padding:0 0 15px 20px; }
dt{}
dd, li{ font:normal 12px Arial; }

/****************

    TABLES

****************/

table{}
th, td{ font:normal 13px Arial; padding:2px 2px 10px 2px; vertical-align:top; }
thead, tbody, tfoot{}

/****************

    FORMS

****************/

select{}
option{}
fieldset{}
label{ font:italic 12px Arial; color:#777; width:120px; float:left; text-align:right; padding:3px 5px 3px 0; }
input, textarea{ width:165px; border:1px solid #d9d9d9; padding:2px; background:#f1f0f0; font:normal 11px Arial; color:#666; }
.submit{ float:right; width:auto; margin-right:22px; cursor:pointer; font-weight:bold; }

/*

pocetak stylinga

*/

/* triptih */
#triptih ul{ list-style:none; float:left; padding:0; }
#triptih li{ float:left; width:230px; padding:20px 45px; color:#fff; }
#triptih a{ color:#fff; }
#triptih a:hover{ text-decoration:none; }
#triptih .linklist li{ float:none; width:auto; padding:3px 0; }
#triptih .linklist a{ display:block; background:url(bg/strelica-bijela.png) no-repeat 0 50%; text-decoration:none; padding:10px 0 10px 35px; }
#triptih .linklist a:hover{ text-decoration:underline; }


/**/

#footer ul{ text-align:center; padding:15px 0 20px; }
#footer li{ display:inline; border-left:2px solid #fb9005; padding:0 8px; }
#footer li:first-child{ border:0; }
#footer a{ color:#fff; text-decoration:none; }

/**/

#header ul{ padding-right:25px; list-style:none; }
#header li{ float:right; display:block; height:80px; font:bold 11px Arial; }
#header li a{ display:block; line-height:80px; padding:0 5px; background:#f19204; color:#fff; text-decoration:none; }
#header li a:hover{ background:#009ed4; }

/**/

#commel{ position:absolute; top:15px; left:45px; width:225px; height:48px; background:url(bg/logo.png) no-repeat 0 0; text-decoration:none; }

/**/

.quote{ width:229px; padding:40px 45px 10px; background:#f0f0f0 url(ikonice/olovka.png) no-repeat 30px 5px; } 
.quote p{ font:italic 11px Arial; }

/**/

.menu{ list-style:none; padding:15px 0 15px 50px; width:269px; }
.menu li{ font:bold 12px Arial; padding:5px 0; }
.menu a{ display:block; overflow:hidden; height:15px; padding:12px 0 12px 50px; text-decoration:none; background:url(bg/strelica-navigacija.png) no-repeat 0 50%; color:#777; }
.menu a:hover, .menu .active{ background:#004280 url(bg/strelica-navigacija-hover.png) no-repeat 0 50%; color:#fff; }


/* read more */

.read-more{ padding-bottom:0; }
.read-more a{ display:block; background:url(bg/strelica-bijela.png) no-repeat 100% 50%; color:#fff; padding:3px 0; padding-right:30px; text-align:right; text-decoration:none; }



.ikona{ padding-left:55px; }

/* ikone */

.notes{ background:url(ikonice/notes.png) no-repeat 0 0; }
.slika-povecalo{ background:url(ikonice/slika-povecalo.png) no-repeat 0 0; }
.kofer{ background:url(ikonice/kofer.png) no-repeat 0 0; }
.kucica{ background:url(ikonice/kucica.png) no-repeat 0 0; }
.znak-at{ background:url(ikonice/@znak.png) no-repeat 0 0; }
.dokument-olovka{ background:url(ikonice/dokument-olovka.png) no-repeat 0 0; }
.kamion{ background:url(ikonice/kamion.png) no-repeat 0 50%; }
.graf{ background:url(ikonice/graf.png) no-repeat 0 0; }
.papir{ background:url(ikonice/papir.png) no-repeat 0 0; }

/* sirine contenta */

.narrow-content{ width:319px; }
    .narrow-text-content{ width:219px; padding:20px 50px; background:#f0f0f0; }
.wide-content{ width:639px; }
    .wide-text-content{ width:479px; padding:20px 80px; }

.aligned-left{ float:left; }
.aligned-right{ float:right; }

/* contact form */

.contact-form{ list-style:none; padding:50px 0; }
.contact-form li{ width:100%; float:left; padding:3px 0; }

/* slogan */

#slogan{ position:absolute; height:21px; top:30px; left:25px; padding:0 0 0 35px; color:#fff; font:italic bold 17px/21px Arial; background:url(bg/strelica-narancasta.png) no-repeat 0 50%; }


/* ador logo */

#ador{ position:absolute; top:20px; right:10px; width:21px; height:11px; background:url(bg/ador.png) no-repeat 0 0; display:block; }
#ador span{ visibility:hidden; }





#proizvodi{ background:url(bg/back.png) no-repeat 0 100%; height:389px; overflow:hidden; }
#proizvodi .narrow-content{ float:left; }
#proizvodi img{ float:left; padding:0 10px 0 30px; }
#proizvodi p{ margin:0 25px; padding-top:20px; }
#proizvodi a{ color:#004280; text-decoration:none; }
#proizvodi a:hover{ text-decoration:underline; }


.arhiva-novosti{ padding:20px; }
.arhiva-novosti a{ color:#777; }
.arhiva-novosti a:hover{ text-decoration:none; }


.katalog-download{ width:210px; height:85px; margin:20px 0; background:url(bg/katalog-download.png) no-repeat 0 0; padding-left:100px; padding-right:9px; }
#proizvodi .katalog-download a{ color:#fff; }
#proizvodi .katalog-download p{ margin:0; }






















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */