@charset "utf-8";

/* Body i content */

body  { font: 11px Verdana, Arial, Helvetica, sans-serif; margin : auto; text-align: center; color: #ffffff; background-color: #1a1a1a; background-image: url(../images/body_bg.jpg); background-repeat: repeat-x; background-position: left top}

#container { margin : auto; width : 960px; text-align: left; position: relative}

/* MENI */

#menu { float:right; font: 67.5% Helvetica, sans-serif; font-size:13px; font-weight:bold; padding: 25px 10px 0 0px; width: 793px;}
#menu ul{ background:#ffffff; height:35px; list-style:none; margin:0; padding:0}
#menu li{ float:left; padding:0px}
#menu li a{ background:#ffffff; color:#444444; display:block; font-weight:normal; line-height:30px; margin:0px; padding:0px 11px; text-align:center; text-decoration:none}
#menu li a:hover, #menu ul li:hover a{ background: #ed1c24; color:#FFFFFF; text-decoration:none}
#menu li ul{ background-color: transparent; display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:200px;  z-index: 200/*top:1em;	/*left:0;*/; padding-top: 11px}
#menu li:hover ul{ display:block}
#menu li li { background-color: #1a1a1a; display:block; float:none; margin:0px; padding:0px; width:200px}
#menu li:hover li a{ background:none}
#menu li ul a{ display:block; height:30px; font-size:11px; font-style:normal; margin:0px; padding:0px 10px 0px 10px; text-align:left}
#menu li ul a:hover, #menu li ul li:hover a{ background:#ed1c24; border:0px; color:#ffffff; text-decoration:none}
#menu li a.state{background: #ed1c24; color:#FFFFFF; text-decoration:none}
#menu p{ clear:left}	


/* KRAJ MENIJA */

/* SADRZAJ */

#content { width: 892px; height:auto; margin: 80px 0px 0px 34px; z-index: 1}
#logo { background-color: transparent; padding: 0 0 0 0px; position: absolute}
#logo img { border: none}
#heder{ position:relative; width:960px; height: 66px; background-color: #ffffff; z-index: 2}
#naslov { width: 650px; height: auto; position: absolute; left: 34px; top: 503px; padding-left: 10px}
#naslovgore { width: 650px; height: auto; position: absolute; left: 24px; top: 120px; padding: 5px 0 0 10px}
#naslovgore h1 { font-family: Helvetica, sans-serif; font-weight: normal; color: #ffffff;}
#omotacdole { width: 880px; height: auto; float: right}
#omotacprvi { width: 880px; height: auto; float: left; margin-bottom: 10px}
#omotacdrugi { width: 647px; height: auto; float: left; margin-bottom: 10px}
#omotactreci { width: 647px; height: auto; float: left; margin-bottom: 10px}
#omotaccetvrti { width: 647px; height: auto; float: left; margin-bottom: 10px}
#prvi { width: 637px; height: auto; float: left; line-height: 14px; padding-right: 0px}
#prvi img { border: solid 1px; border-color: #343434}
#prvi h1 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #ed1c24; font-size: 18px; padding-bottom: 2px}
#prvi h2 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #a9a9a9; font-size: 13px; padding-bottom: 2px}
#prvi li { list-style-position: inside;	list-style-type: disc}
#mapazemun { width: 438px; height: 438px}
#mapabeograd { width: 438px; height: 438px}
#drugi { width: 627px; height: auto; float: left; line-height: 14px; padding: 10px 10px 0px 0px}
#drugi img { border: solid 1px; border-color: #ffffff}
#drugi h1 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #ed1c24; font-size: 18px; padding-bottom: 2px}
#fotogalerija { width: 357px; height: auto; float: left; line-height: 14px; padding-top: 15px}
#fotogalerija img { border: solid 1px; border-color: #ffffff}
#fotogalerija h1 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #ed1c24; font-size: 16px; padding-bottom: 2px}

#omotacbrendovi { width: 100%; height: auto; line-height: 16px; float: right}
#omotacbrendovi img { border: none}
#omotacbrendovi h1 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #ed1c24; font-size: 18px; padding-bottom: 2px}
#brendovi { width: 647px; height: auto; line-height: 16px; float: right}
#kontakt { width: 430px; height: auto; float: left}
#kontakt h1 { font-family: Helvetica, sans-serif; font-weight: normal; color: #ffffff; font-size: 20px}
#onama { width: 430px; height: auto; float: right}
#onama h1 { font-family: Helvetica, sans-serif; font-weight: normal; color: #ffffff; font-size: 20px}
#fliing { float: right; width: 100%; height: auto; text-align: right; margin: 10px 0px 20px 0px; font-weight: normal; font-family: Helvetica, sans-serif; font-size: 13px}
#fliing a { color: #ffffff; text-decoration: none}
#fliing a:hover { color: #ed1c24; text-decoration: none}
#bredcrumb { height: 15px; width: 875px; margin: 15px 0 0 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-weight: normal; color: #ffffff; font-size: 12px; text-decoration: none}
#bredcrumb a { text-decoration: none; color: #ed1c24}
#bredcrumb a:hover { text-decoration: none; color: #ffffff}
#bredcrumb a.state { text-decoration: none; color: #ffffff}

#proizvoditext { width: 627px; height: auto; background-color: #2a2a2a; padding: 10px; line-height: 16px; margin-bottom: 15px}
#proizvoditext h1{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #ffffff; font-size: 18px; padding-bottom: 2px}

#menilevo { width: 220px; height: auto; padding: 10px 10px 10px 0px; line-height: 16px; float: left}
#menilevo h1{font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #ed1c24; font-size: 18px; padding-bottom: 2px}
#menilevo h2{font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #ed1c24; font-size: 15px; line-height: 18px}
#menilevo li{ padding-left: 10px}
#impressum { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #ffffff; font-size: 11px; line-height: 15px; padding: 30px 0px 0px 10px; width: 220px; float: left}
#impressum h1{font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #ffffff; font-size: 12px; padding-bottom: 3px}

/* PRETRAGA */
#pretraga { position:absolute; left: 680px; top: 80px; margin: 2px; z-index: 250; width: 150px; padding: 7px; text-align: center; font-family: Helvetica, sans-serif; font-size: 12px; font-weight: normal}
.forma { font-family : Helvetica, sans-serif; color : #ffffff; width: 100px; font-size: 11px; font-weight: normal} 
.input { font-family : Helvetica, Geneva, sans-serif; color : #000000; width: 150px; font-size: 10px; font-weight: normal;text-align : left; vertical-align : middle; background-color: #f6f6f6; border: none; padding: 2px} 
.button { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; color : #ffffff; text-align : center; vertical-align : middle; background: #ed1c24; border:none}
/* PRETRAGA KRAJ */

/* NASLOVI PROIZVODA DESNO */

#naslovproizvoda { position:absolute; left: 717px; top: 131px; margin: 2px; z-index: 250; width: 200px; padding: 7px; text-align: center; font-family: Helvetica, sans-serif; font-size: 18px; font-weight: normal}
#caja { width: auto; display: none; padding:5px 0 0 10px; background-image: url(../images/indexslide/bg90transp.png); height: 200px; font-family: Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-align: left; line-height: 13px}
#caja h1 { font-size: 13px; font-weight: bold}
#caja h2 { font-size: 11px; font-weight: bold; color: #ffffff; line-height: 1}
#mostrar{ display:block; width: auto; padding:2px; background-color: #F00}
#naslovproizvoda a{ text-decoration:none; color:#ffffff}
#naslovproizvoda a:hover{ color: #E1E1E1}

/* NASLOVI PROIZVODA DESNO KRAJ */

/* BRENDOVI GALERIJA FADE */

ul.gallery { width: 647px; /*--Adjust width according to your scenario--*/ list-style: none; margin: 0; padding: 0}
ul.gallery li { float: left; margin: 2px; padding: 0; text-align: center; display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/}
ul.gallery li a.thumb { width: 125px; /*--Width of image--*/ height: 65px; /*--Height of image--*/ cursor: pointer}
ul.gallery li span { /*--Used to crop image--*/ width: 125px; height: 65px; overflow: hidden; display: block}
ul.gallery li a.thumb:hover { background: #343434; /*--Hover effect for browser with js turned off--*/}
ul.gallery li h2 { font-size: 1em; font-weight: normal; text-transform: uppercase; margin: 0; padding: 10px; background: #f0f0f0; border-top: 1px solid #fff; /*--Subtle bevel effect--*/}
ul.gallery li a {text-decoration: none; color: #777; display: block;}

/* BRENDOVI GALERIJA FADE KRAJ */

/* FORMA*/

input, textarea { padding: 3px; border: solid 1px #cccccc; outline: 0; font: normal 13px/100% Verdana, Tahoma, sans-serif; width: 93px}
textarea { width: 400px; max-width: 400px; height: 150px; line-height: 150%}
input:hover, textarea:hover, input:focus, textarea:focus { border-color: #C9C9C9; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px}
.form label { margin-left: 10px; color: #999999}
.submit input { width: auto; padding: 4px 4px; background: #ed1c24; border: 0; font-size: 12px; color: #FFFFFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer}


/* FORMA KRAJ*/

/********* RESET *********/

/* Hedings
-------------------------------------------------------------- */
 
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, sans-serif; font-weight: normal; color: #ffffff; }

h1 { font-size: 22px; line-height: 1; margin-bottom: .2em; }
h2 { font-size: 18px; line-height: 1; margin-bottom: 0.4em; color: #622d6b }
h3 { font-size: 12px; line-height: 1; margin-bottom: .5em; font-weight: bold}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {margin: 0; vertical-align: middle}


/* Text elementi
-------------------------------------------------------------- */

p           { margin: 0 0 5px; line-height: 17px}
p a img		{ border: none}
p img.left  { float: left; margin: 0.5em 0.7em 0.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
p img.galerija { vertical-align: middle; margin: 0}
p img.galerija1 { vertical-align: middle; margin: 0}

a:focus, 
a:hover     { color: #ffffff; text-decoration: none }
a           { color: #666666; text-decoration: none; }
a.state     { color: #ffffff; text-decoration: none }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Liste
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0}
ul, ol      {  margin: 0; padding: 0}

ul          { list-style-type: none;}
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Table
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 	{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc klase
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/********* RESET KRAJ*********/