body{ color: #000; font-family: "Arial"; background: url(../images/bg_body.jpg) top center no-repeat;}
ol{ list-style: decimal inside;}
.contents li ol, .contents li ul{ margin: 0 0 0 15px;}
.contents ul{ /*list-style: disc inside;*/}
.contents  ul.nostyle{ list-style: none;}
.clear{ clear: both}
.right, .fr{ float: right;}
.left, .fl{ float: left;}
.slika_desno{ float: right; margin: 0 0 10px 10px;}
.slika_levo{ float: left; margin: 0 10px 10px 0;}
a{ color: #1144d8;}
a:hover{ text-decoration: none;}
.italic{ font-style: italic;}
ul.linear li{ float: left;}
.nowrap { white-space: nowrap}
.precrtano { text-decoration: line-through; }
.big { font-size: 17px; }
@font-face {
    font-family: 'NovecentowideDemiBold';
    src: url('../fonts/novecentowide-demibold-webfont.eot');
    src: url('../fonts/novecentowide-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/novecentowide-demibold-webfont.woff') format('woff'),
         url('../fonts/novecentowide-demibold-webfont.ttf') format('truetype'),
         url('../fonts/novecentowide-demibold-webfont.svg#NovecentowideDemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
nav, h1, h2, h3 {
	font-family: 'NovecentowideDemiBold';
}

.box h2, h3.col_title, .main h1, .main_big h1, .main_big h2{ background: url(../images/bg_heading.jpg) no-repeat 1px center; padding: 0 0 0 20px;}

.yellow_button{ height: 17px; text-decoration: none; font-weight: bold; text-shadow: 1px 1px 2px #fff; background: url(../images/bg_yellow_button.png) no-repeat left; padding: 10px 5px 10px 10px; margin: 0 5px 0 0; position: relative; line-height:17px;}
.yellow_button span.end{ background: url(../images/bg_yellow_button.png) no-repeat right; position: absolute; top: 1px; right: -5px; width: 5px; height: 35px;}
a.yellow_button:hover{ text-decoration: underline;}

.yellow_small_button{ text-decoration: none; font-weight: bold; text-shadow: 1px 1px 2px #fff; background: url(../images/bg_navi_button.png) no-repeat left top; padding: 6px 5px 7px 10px; margin: 0 5px 0 0; position: relative; }
.yellow_small_button span.end{ text-decoration: underline; background: url(../images/bg_navi_button.png) no-repeat right top; position: absolute; top: 0px; right: -5px; width: 5px; height: 29px;}
a.yellow_small_button:hover{ text-decoration: underline;}
/*
a.yellow_small_button:hover{ background: url(../images/bg_navi_button.png) no-repeat right bottom; color:#fff;}
*/
.blue_small_button{ text-decoration: none; font-weight: bold; text-shadow: 1px 1px 2px #000; background: url(../images/bg_blue_button.png) no-repeat left; padding: 10px 5px 10px 10px; margin: 0 5px 0 0; position: relative; color: #fff;}
.blue_small_button span.end{ background: url(../images/bg_blue_button.png) no-repeat right; position: absolute; top: 1px; right: -5px; width: 5px; height: 35px;}
/*
a.blue_small_button:hover{ text-decoration: underline;}
*/
#page{ width: 996px; margin: 0 auto;}

header{ height: 114px; float: left; width: 960px; margin:  0 18px; position: relative;}

.logo h1, .logo h2{ text-indent: -9999px;}
header .logo{ background: url(../images/logo.gif) no-repeat center left; width: 190px; height: 73px; float: left; margin: 15px 0 0 0;}
.header_right{ float: right; position: relative; }
header .search{ float: right; margin: 20px 10px 0px 0;}
header .user { float: right; margin: 26px 150px 0 0;}
.search input.text{ background: url(../images/bg_search_input.png) no-repeat left; border: none; height: 28px; width: 166px; float: right; color: #abacac;}
.search input.submit{margin: 1px 0 0 0; float: right; }
nav.main{ float: right; clear: both; width: 100%; }
nav.main a{ position: relative; padding: 6px 6px 5px 11px; margin: 0 4px 0 6px; font-size: 12px; line-height: 18px; font-weight: bold; text-decoration: none; float: left; color: #1144d8;}
nav.main a.active/*, nav a:hover*/{ background: url(../images/bg_navi_button.png) no-repeat left top; margin: 0 4px 0 6px; position: relative;}
nav.main a.active span.end /*, nav a:hover span.end*/{ background: url(../images/bg_navi_button.png) no-repeat right top; position: absolute; top: 0px; right: -5px; width: 5px; height: 28px; float: left;}
nav.main a:hover{ background: url(../images/bg_navi_button.png) no-repeat left bottom; color:#fff;}
nav.main a:hover span.end { background: url(../images/bg_navi_button.png) no-repeat right bottom; position: absolute; top: 0px; right: -5px; width: 5px; height: 29px; float: left;}
nav .home { background: url(../images/home.png) top center; height: 18px; width: 17px; display: block;}
nav a:hover .home{ background-position: bottom center; }

.main nav{ clear: both;}

.intro{ height: 320px; float: left;  width: 960px; margin:  0 18px}
.intro_left{ width: 470px; color: #fff; padding: 0px 10px 0 0; font-size:14px; }
.intro_left h1{ text-shadow: 2px 2px 10px #000; font-family: 'NovecentowideDemiBold'; font-size:25px;}
.intro_right{ position: relative; overflow: hidden; width: 444px; margin: 0 23px 0 0; background: #fff; height:295px; }
.animacija_mask{ position: absolute; top: 0; left: 0; z-index: 1000;}

.intro_right .wrap{ float: left; width: 100%; height: 94%; margin: 3% 0;}
.intro_right img{ float: right;}

.contents{ width: 100%; float: left; width: 942px; margin:  0 8px}
/* da prikaze pike namesto puscic povsod v contentu
.contents li { background: url(../images/bullet_ul.jpg) no-repeat 0 4px; padding: 0 0 0 15px;} */
.contents li { list-style-type: disc; margin: 0 0 0 15px;}
aside ul.nostyle li { list-style-type: none;}
.box{ float: left;}
.box_wrap{ border-left: 1px solid #d3d3d3; padding: 0 10px 0 0;}
.box h2{ line-height: 32px; font-size: 17px; position: relative;}
.box h2 a {text-decoration:none;}
div.box_nav{ position: absolute; top: 0; right: 0; float: left;}
div.box_nav span{ width: 15px; height: 19px; background: url(../images/bg_cycle_buttons.png) no-repeat top left; cursor: pointer;}
div.box_nav span.right{ background-position: top right;}
div.box_nav span:hover{ background: url(../images/bg_cycle_buttons_hover.png) left no-repeat}
div.box_nav span.right:hover{ background-position: right}
.box li a{ font-weight: bold;} 
.box_content{ padding: 10px 20px;}
.one_four{ width: 25%;}
.two_four{ width: 50%; *width: 49%;}
.three_four{ width: 75%;}
.four_four{ width: 100%;}

.pdf_icon{ width: 16px; height: 16px; display: inline-block; margin: 3px 0 0 3px; background: url(../images/pdf.png)}

footer{ float: left;  width: 980px; margin:  35px 8px 15px; background: url(../images/bg_footer.png) no-repeat top center; }
footer, footer a, footer p{ color: #888888; text-decoration: none;}
footer .left, footer .right{ margin: 5px 0 0;}
footer .right a{ text-align: right; float: right;}
.footer_contents{ padding: 20px; }
.mail{ text-decoration: underline;}
.mail:hover{ text-decoration: none;}
.small_logo{ float: left; margin: 0 10px 0 0;}

.product_price { font-weight: bold; }
.box { position: relative; }
.box:hover .hidden{ display: block; }
.box .cena { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0; margin-top: 5px; width: 100%; float: left; }
.box .hidden { position: absolute; top: 90px; left: 28px; line-height: 18px; display: none; }
.cart_placeholder { margin:15px 0 0 15px; z-index: 10000; float: right; position: absolute; right: 30px; }	
	.cart { background: url(../images/cart.png) no-repeat left center; padding-left: 25px; }
	.cart_placeholder .visible { float: right; clear: both; }
		.cart_wrap .visible { padding: 11px 11px 0; }
		.cart_wrap_active .visible { padding: 2px 0 0; }
		.visible strong { white-space: nowrap; }
	.cart_wrap_active { padding: 8px 10px; border-radius: 5px; position: absolute; right: 0; border: 1px solid #B6B6B6;  /*min-width: 260px;*/ background: #fff; }
	.cart_wrap { float: right; }
	.cart_data_wrap { display: none; float: left;}
		.cart_data { float: left;/* min-width: 450px;*/ border-top: 1px solid #B6B6B6; margin-top: 10px; padding-top: 10px; font-size: 14px; line-height: 18px; }
			.cart_data td { padding: 3px 5px; }
			.cart_data .odd td{ background: #eee; }
			.cart_data .control span{ border: 1px solid #ccc; font-weight: bold; cursor: pointer; color: #fff; }
			.control .add{ padding: 1px 5px; background: url("../images/green_bg.gif") repeat-x center center;}
			.control .del{ padding: 1px 7px; background: url("../images/red	_bg.gif") repeat-x center center;}
			.cart_data .remove { background: url(../cart/images/delete.png) no-repeat -5px -8px; display: block; width: 12px; height: 12px; margin-top: 3px; }
		.cart_data .yellow_button .end { top: 1px; }

	.kolicina { width: 234px; float: right; }
		.kolicina input { width: 30px; height: 20px; margin: 6px 0 0 15px; text-align: center; }
		.kolicina label { margin: 11px 0 0; display: inline-block;}
		.kolicina .cena { font-weight: bold; font-size: 24px; float: right; }
		.kolicina .cena_small { font-weight: bold; font-size: 18px; float: right; }
		.pdf_button { float: right; margin: 0 0 0 45px !important; position: relative; top: -8px; }
			

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {			
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0 #EEEEEE;
    border-color: #CCCCCC #AAAAAA #AAAAAA #CCCCCC;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-right: 1px solid #AAAAAA;
    border-style: solid;
    border-width: 1px;
    color: #444444;
    cursor: pointer;
    display: inline-block;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 20px;
    padding: 8px 10px;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.75);
    }
    
.en .intro_left h1 { font-size: 18px; margin-top: 20px; }
.en .intro_left p { font-size: 12px; }

.lang { float: right; margin-top: 27px; }