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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
html {overflow-y: scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

/******************************* CSS3 FANCY EFFECTS *******************************/

::selection      {background:#ed1c24;color:#fff;}
::-moz-selection {background:#ed1c24;color:#fff;}

a {  
  outline:none;
 -webkit-transition: color .35s ease-out, text-shadow .25s ease-out;
  -moz-transition: color .35s ease-out, text-shadow .25s ease-out;
  -o-transition: color .35s ease-out, text-shadow .25s ease-out;
  transition: color .35s ease-out, text-shadow .25s ease-out;
}  

/*

-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 10px;

-webkit-border-bottom-right-radius: 10px 10px;
-moz-border-radius-bottomright: 10px 10px;
-moz-border-radius-bottomleft: 10px 10px;

box-shadow:-10px -10px 5px -10px #999 inset;
-moz-box-shadow:-10px -10px 5px -10px #999 inset;
-webkit-box-shadow:-10px -10px 5px -10px #999 inset;
*/

/******************************* INDEX, HEADER, FOOTER *******************************/

html {overflow-y:scroll;}
body {
    line-height:1;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size:13px;
	background:url(../images/bg.jpg) top repeat-x;
}

.wrap {width:960px; margin:0 auto; position:relative;}

header {float:left; width:960px; position:relative; height:108px;}
header h1, header h2 { background: url(../images/logo.gif);left:0; width:378px; top:0; height:108px; text-indent:-5000px; position:absolute;}

header div.search { height:50px; float: right; margin-right: 18px; margin-top: 42px; text-align:center; font-weight:bold; }
header div.search input.text { background:url(../images/text_bg.gif) no-repeat; color:#a7a7a7; padding:0 0 3px 8px; width:168px; height:27px; border:0;}
header div.search input {float:right;}

nav {position:relative; z-index:8;height:50px; font-size:15px; width:960px; float:left;}

nav div.l { float:left;background:url(../images/index_menu_left.png) no-repeat; height:50px; width:79px;}
nav div.lsub { float:left;background:url(../images/index_menu_left.jpg) no-repeat; height:50px; width:79px;}
nav div.r { float:left;background:url(../images/index_menu_right.png) no-repeat; width:77px; height:50px;}

nav div.rsub { float:left;background:url(../images/sub_right.jpg) no-repeat; width:77px; height:50px;}
nav ul { background: url(../images/nav_bg.png) repeat-x; list-style:none;  height:33px; padding:17px 0 0 0;float:left; width:804px; text-align:center;}
nav ul li { display:inline;background:url(../images/nav_ulli.gif) left 1px no-repeat;}
nav ul li a {text-shadow: #fff 1px 1px 0;-moz-text-shadow:#fff 1px 1px 0;-webkit-text-shadow:#fff 1px 1px 0; color:#010101; font-size:14px; font-weight:bold; text-decoration:none;  padding:0 12px 0 17px;}
nav ul li a.active, nav ul li a:hover { color:#ed1c24;}
nav ul li.first { background:none;}

footer.sub { border-top:none; margin-top:10px;}
footer {  float:left; margin-top:20px; width:960px; padding:15px 0 0 0; font-size:11px; border-top:1px solid #bdbdbd;}
footer p.left { color:#8f8f8f; width:450px; float:left;}
footer p.right { float:right; width:205px;}
footer p.right img { float:right; margin:0 0 0 5px; display:inline;}
footer a { color:#8f8f8f;text-decoration:none; float:right;}
footer a:hover { text-decoration:underline;}

#middle {position:relative; z-index:8; z-index:2; height:344px; margin:-37px 0 0 0; border-radius:2px 2px 70px 70px; background:#fff; float:left; width:958px; border:1px solid #d6d6d6;}

#middle a { color:#fff;}
#middle a:hover { color:#fff; text-decoration:none;}

#middle div div {positon:relative; width:958px; height:344px; }

.tekst { position:absolute; right:0; top:0; width:228px !important; height:279px !important; background:url(../images/blue_text.png) no-repeat; text-align:right; color:#fff; padding:65px 45px 0 60px;  line-height:20px; border-radius:0 2px 70px 0;}
.image {  position:absolute; left:0; top:0; width:646px !important; height:344px !important; margin:0 0 0 0; display:inline;}
.image img { border-radius:0 0 0 70px}
.tekst h2 { font-size:28px; padding-bottom:25px; text-shadow: #000 1px 1px 0;-moz-text-shadow:#000 1px 1px 0;-webkit-text-shadow:#000 1px 1px 0; line-height:33px;}
.tekst p { padding-bottom:8px;}

#boksi { float:left; width:960px; margin-top:21px;}
#boksi h4 { color:#ed1c24; text-transform:uppercase; font-size:18px; background:url(../images/boxes_title_bg.gif) 0 8px repeat-x; margin-bottom:15px;}
#boksi h4 span { padding:0 10px 0 0; background:#fff;}
#boksi span.title a { color:#2e3192; font-weight:bold; text-decoration:none; font-size:14px;}
#boksi span.title a:hover {color:#ed1c24; }
#boksi span.date { font-size:11px; color:#9b9b9b; line-height:20px;}

.box { float:left; display:inline;}
.ena { width:460px;}
.dva { width:470px; margin-left:30px;}
.tri { width:470px; margin-left:30px; margin-top:16px; position:relative; height:100px;}

.lshade { position:absolute; width:10px; height:66px; background:url(../images/zast_l.png) no-repeat; z-index:3; left:0; bottom:5px;}
.dshade { position:absolute; width:10px; height:66px; background:url(../images/zast_r.png) no-repeat; z-index:3; right:0; bottom:5px;}

.ena div {width:218px; float:left; margin-right:22px; _margin-right:18px; display:inline;}
.ena div.last { margin-right:0 !important;}
.ena div img { border-radius:0 45px 0 45px; border:1px solid #d4d4d4; margin:10px 0;}
.ena div p { line-height:20px; padding:1px 0 4px 0;}
.ena div p a { color:#2e3192; font-weight:bold;}
.ena div p a:hover { text-decoration:none; font-weight:bold;}

.dva div { width:210px; float:left; margin-right:30px; display:inline;}
.dva div p { line-height:20px;}
.dva div p a { color:#000;}
.dva div h4 { margin-bottom:10px !important;}
.dva div p a:hover { text-decoration:none;}
.dva div.last h4 { text-align:left !important;}
.dva div.last { width:230px; text-align:center;}

.last { margin-right:0 !important;}

/******************************* SUB MIDDLE *******************************/

#shadewrap { border-radius:0 0 3px 3px; float:left; width:958px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
#submiddle { border-radius:0 0 3px 3px; float:left; width:956px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; background:#fff;}

#content { float:left;width:468px; display:inline; padding:26px 24px 40px 20px; line-height:20px;}#content.produkti { width:720px;}
#content h1 { color:#2e3192; font-size:25px; background:url(../images/boxes_title_bg.gif) 0 12px repeat-x; margin-bottom:15px;}
#content h1 span { padding:0 10px 0 0; background:#fff;}
#content p { padding-bottom:8px;}
#content ul li { padding-bottom:6px;}
#content h2 { font-size:15px; font-weight:bold; padding:10px 0 8px 0;}
#content h3 { font-size:14px; font-weight:bold; padding:10px 0 8px 0;}
#content a { color:#ed1c24;}
#content a:hover { text-decoration:none;}
#content ul { list-style:none; padding:0 0 10px 0;}
#content ul li { padding:0 0 0 10px; background:url(../images/contentulli.gif) left 7px no-repeat;}
#content ul li ul {list-style:none;}
#content ul li ul li {padding:0 0 0 15px;  background:url(../images/contentulli.gif) left 7px no-repeat;}

#content img.main { border-radius:0 45px 0 45px; border:1px solid #d4d4d4; float:right; margin:0 0 15px 20px; display:inline;}

#left { float:left; width:170px; padding:32px 0 0 20px;}
#left h3 { color:#2e3192; font-size:15px; background:url(../images/boxes_title_bg.gif) 0 6px repeat-x; margin-bottom:15px;}
#left h3 span { padding:0 10px 0 0; background:#fff;}
#left ul { list-style:none;}
#left ul li { padding:0 0 12px 14px; background: url(../images/ulli.gif) left 5px no-repeat; }
#left ul li a { color:#000;}
#left ul li a:hover { text-decoration:none;}
#left ul li a.active { text-decoration:none; font-weight:bold;}

#right { float:left; width:208px; padding:2px 20px 0 25px; border-left:1px solid #c7c8c9; margin-top:30px; margin-bottom:30px}
#right h4 { color:#ed1c24; text-transform:uppercase; font-size:15px; background:url(../images/boxes_title_bg.gif) 0 6px repeat-x; margin-bottom:12px;}
#right h4 span { padding:0 10px 0 0; background:#fff;}
#right p { line-height:20px;} 
#right a { color:#000;}

a:hover { text-decoration:none;}
.alterfont {font-family: 'Ubuntu', sans-serif;}

.post {background:url(../images/post_shade.jpg) left bottom no-repeat; height:158px;}
.post img { border-radius:0 45px 0 45px; border:1px solid #d4d4d4; float:left; margin:0 22px 0 0; display:inline;}
/* products */.products-header {padding-bottom: 30px;}#content .products-header a {color: #000000;}.products-header .user-info {padding-bottom: 20px;}.products-header .cart_contact {float: right; text-align: left; padding-bottom: 20px; }.products-header .info {float: left; padding-bottom: 20px;}.products-header .cart {float: left; text-align: right; margin-left: 100px;}table.products {width: 100%; border-bottom: 1px solid #a3a3a3;}table.products th{font-size: 14px; text-align: left;}table.products td {padding: 3px 0px; background: #f3f3f3; vertical-align: middle;}table.products td:first-child {padding-left: 5px;}table.products td:last-child {padding-right: 5px;}table.products td.highlight { background: #e4f5ff;}table.products tr {border: 1px solid #a3a3a3; border-bottom: 0;}table.products tr.noborder {  border: 0;}table.products th {padding:0 0 5px 0;}table.products .right {text-align: right;}

div.alert {background: url(../images/icon_alert.png) no-repeat top left; padding-left: 30px; margin-top: 25px; color: #ED1C24; }
/**********SIMPLY SCROLL*************************/

/* Container DIV - automatically generated */
.simply-scroll-container {
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

#slider img { cursor:pointer;}

.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll {
	width: 470px;
	height: 66px;
	margin: 0 auto;
}
/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 470px;
	height: 66px;
}

/* clearfix za content */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
	
/* TRGOVINA */
.button-lezaji {float: right; margin-right:15px; margin-top: 42px; height: 30px; width: 122px; display: block; background: url(../images/btn_lezaji.png) no-repeat top left;}
.button-lezaji:hover {background-position: bottom left;}
.button-avtodeli {float: right; margin-right:15px; margin-top: 42px; height: 30px; width: 142px; display: block; background: url(../images/btn_avtodeli.png) no-repeat top left;}
.button-avtodeli:hover {background-position: bottom left;}

	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

ol {padding-left: 20px;}
.active-color {color: #ED1C24;}