@charset "utf-8";

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, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

    border: 0 none;

    font: inherit;

    margin: 0;

    padding: 0;

    vertical-align: baseline;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    display: block;

}

html {

	height: 100%;

}

body {

    background-attachment: fixed;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto 100%;

    font-family: Helvetica,Arial,sans-serif;

    line-height: 1;

    position: relative;

	z-index: 1;

	height: 100%;

}

input, textarea {

    font-family: Helvetica,Arial,sans-serif;

}

ol, ul {

    list-style: outside none none;

}

blockquote, q {

    quotes: none;

}

blockquote::before, blockquote::after, q::before, q::after {

    content: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

.clear_both {

    clear: both;

    height: 1px;

    margin: 0;

    padding: 0;

    width: 100%;

}

.cookie_overlay {

	position: absolute;

	left: 0px;

	top: 0px;

	right: 0px;

	bottom: 0px;

	height: 100%;

	width: 100%;

	z-index: 1001;

}

.cookie_overlay .cookie_text_container {

	height: 41px;

	position:absolute;

	bottom: 0px;

	width: 100%;

	z-index:1001;

	background-color: #282828;

}

.cookie_overlay .cookie_text_container .cookie_text{

	bottom: 21px;

    color: #fff;

    font-size: 10px;

    left: 0px;

    position:absolute;

    right: 0px;

    width: 850px;

	margin: auto;

	height: 10px;

}

.cookie_overlay .cookie_text_container .cookie_text .cookie_text_limited{

    width: 710px;

	float: left;

}

.cookie_overlay .cookie_text_container .cookie_text .cookie_links_container{

    /*width: 135px;*/

	width: 10px;

	float: right;

}

.cookie_overlay .cookie_text_container .cookie_text a{

    color: #fff;

	text-decoration: none;

}

.cookie_overlay .cookie_text_container .cookie_text a:hover{

    color: #2940f2;

}

.cookie_overlay .cookie_text_container .cookie_text .close_cookie{

	float: right;

}

.link_overlay {

	position: absolute;

	left: 0px;

	top: 0px;

	right: 0px;

	bottom: 0px;

	height: 100%;

	width: 100%;

	cursor: pointer;

	z-index: 1000;

}

 

.container {

    margin-left: auto;

    margin-right: auto;

    width: 580px;

}

.header {

    height: 123px;

    /*padding-top: 60px;*/

	padding-top: 71px;

    width: 100%;

	position: relative;

}

.header .logo {

    background-image: url("../images/logo.png");

    background-position: left bottom;

    background-repeat: no-repeat;

    background-size: auto 119px;

    display: block;

    float: left;

    height: 119px;

    margin-top: 4px;

    width: 174px;

}

.header .languages {

    float: right;

    height: 14px;

    text-align: right;

    width: 350px;

	position:relative;

	top: -4px;

	right: 6px;

	z-index:1005;

}

.header .languages .language_link {

    color: #fff;

    display: inline-block;

    font-size: 11px;

    text-decoration: none;

}

.header .languages .language_link:hover {

    font-weight: bold;

}

.header .languages .active {

    font-weight: bold;

}

.header .navigation {

	width: 470px;

	height: 30px;

	position: absolute;

	right: 5px;

	bottom: 0px;

	text-align: right;

}

.header .navigation li{

	display:inline-block;

	margin-left: 14px;

	position: relative;

}

.header .navigation li a{

	display: block;

}

.header .navigation li .manifest{

	height: 31px;

	background-repeat: no-repeat;

	background-position: center top;

}

.header .navigation li .manifest:hover{

	background-position: center bottom;

}

.header .navigation li .kontakt{

	height: 31px;

	background-repeat: no-repeat;

	background-position: center top;

}

.header .navigation li .kontakt:hover{

	background-position: center bottom;

}

.header .navigation li .produkti{

	height: 31px;

	background-repeat: no-repeat;

	background-position: center top;

}

.header .navigation li .produkti:hover{

	background-position: center bottom;

}

.header .navigation li .reference_link {

	width: 76px;

	height: 13px;

	position: absolute;

	left: 1px;

	bottom: 40px;

	text-align: left;

	background-repeat: no-repeat;

	background-position: center top;

}

.header .navigation li .reference_link:hover{

	background-position: center bottom;

}



.header .navigation li .selected{

	background-position: center bottom;

}

.header .cart_icon{

	background-color: #282828;

	background-image: url(../images/img_cart.png);

	background-repeat: no-repeat;

	background-position: center center;

	width: 30px;

	height: 30px;

	border-radius: 15px;

	display: block;

	position: absolute;

	right: -43px;

	top: 74px;

}

.header .cart_icon:hover{

	background-color: #2940F2;

}

.header .header_title_block {

	position: absolute;

	right: 4px;

	bottom: 39px;

	height: 54px;

	width: 200px;

	text-align: right;

}

.header .header_title_block .opornici_title_block{

	position: absolute;

	right: 0px;

	bottom: 0px;

	height: 17px;

	width: 130px;

	background-repeat: no-repeat;

	background-position: right top;

}

.header .header_title_block .opornici_title_block.selected{

	background-position: right bottom;

}

.header .header_title_block .opornici_title_block:hover{

	background-position: right bottom;

}

.header .header_title_block .knjiznice_title_block{

	position: absolute;

	right: 0px;

	top: 0px;

	height: 32px;

	width: 200px;

	background-repeat: no-repeat;

	background-position: right top;

}

.header .header_title_block .knjiznice_title_block.selected{

	background-position: right bottom;

}

.header .header_title_block .knjiznice_title_block:hover{

	background-position: right bottom;

}

.content {

    margin-top: 14px;

}

.content .content_title {

	padding-top: 39px;

}

.content .content_title img{

}

.content .content_text {

	padding-top: 40px;

	color: #282828;

	font-size: 10px;

	line-height: 12px;

	text-align: justify;

	width:576px;

}

.content .content_text a{

	color: #282828;

	text-decoration: none;

}

.content .content_text a:hover{

	color: #2940F2;

}

.footer {

    bottom: 34px;

    color: #fff;

    font-size: 10px;

    left: 0px;

    position: fixed;

    right: 0px;

    width: 850px;

	margin: auto;

	height: 10px;

}

.regular {

	width: 136px;

}

.footer:hover .regular {

	display: none;

}

.links {

	display: none;

}

.footer:hover .links {

	display: block;

	position: relative;

	left: -135px;

	color: #282828;

}

.footer:hover .links a{

	font-weight: bold;

	color: #282828;

	text-decoration: none;

}

.footer:hover .links a:hover{

	color: #2940F2;

}

.product_block {

	width: 100%;

	height: 71px;

	margin-bottom: 40px;

	display: block;

}

.product_block .letter_image_container {

	width: 108px;

	height: 71px;

	float: left;

	margin-right: 17px;

	background-image: url(../images/content/crta_kratka.png);

	background-repeat: no-repeat;

	background-position: right top;

}

.product_block:hover .letter_image_container {

	background-position: right bottom;

}

.product_block .prod_text {

	width: 295px;

	float: left;

	line-height: 12px;

	font-size: 10px;

}

.product_block:hover .prod_text{

	color: #282828;

}

.product_block .prod_text .product_title {

	font-weight: bold;

	line-height: 9px;

	margin-bottom: 4px;

}

.product_block .prod_text .product_description {

	text-align: justify;

}

.product_block .product_image {

	width: 120px;

	float: right;

	height: 71px;

	text-align: left;

	position: relative;

	right: -5px;

}

.product_detail_block {

	margin-bottom: 16px;

	display: block;

}

.product_detail_block:hover .prod_text{

	color: #282828;

}

.product_detail_block .letter_image_container_detail {

	width: 108px;

	height: 132px;

	float: left;

	margin-right: 16px;

	background-image: url(../images/content/crta_duga.png);

	background-repeat: no-repeat;

	background-position: right top;

}

.product_detail_block .prod_text{

	width: 446px;

	float: right;

	line-height: 12px;

	font-size: 10px;

	margin-right: 5px;

}

.product_detail_block .prod_text .product_title {

	font-weight: bold;

	line-height: 9px;

	margin-bottom: 4px;

}

.product_detail_block .prod_text .product_description {

	text-align: justify;

}

.products_overview_container {

	width: 480px;

	text-align: right;

	float: right;

	margin-right: 6px;

}

.products_overview_container .one_product_box{

	width: 108px;

	height: 64px;

	display: inline-block;

	position: relative;

	margin-bottom: 18px;

	margin-left: 4px;

}

.products_overview_container .one_product_box .overlay_container{

	display: none;

}

.products_overview_container .one_product_box:hover .overlay_container{

	width: 91px;

	height: 62px;

	position: absolute;

	top: -5px;

	left: 0px;

	z-index: 1;

	background-color: #ececec;

	display: block;

	text-align: left;

	padding-top: 8px;

	padding-right: 9px;

	padding-bottom: 8px;

	padding-left: 9px;

}

.products_overview_container .one_product_box:hover .overlay_container .product_code{

	font-weight: bold;

	color: #282828;

	margin-bottom: 6px;

	font-size: 8px;

}

.products_overview_container .one_product_box:hover .overlay_container .product_data{

	color: #282828;

	line-height: 10px;

	font-size: 8px;

}

.products_overview_container .one_product_box .prod_thumb{

	position: absolute;

	left: 0px;

	right: 0px;

	bottom: 12px;

	margin: auto;

}

.products_overview_container .one_product_box_small{

	width: 52px;

	height: 64px;

	display: inline-block;

	position: relative;

	margin-bottom: 18px;

	margin-left: 4px;

}

.products_overview_container .one_product_box_small .overlay_container{

	display: none;

}

.products_overview_container .one_product_box_small:hover .overlay_container{

	width: 40px;

	height: 62px;

	position: absolute;

	top: -5px;

	left: 0px;

	z-index: 1;

	background-color: #ececec;

	display: block;

	text-align: left;

	padding-top: 8px;

	padding-right: 6px;

	padding-bottom: 8px;

	padding-left: 6px;

}

.products_overview_container .one_product_box_small:hover .overlay_container .product_code{

	font-weight: bold;

	color: #282828;

	margin-bottom: 6px;

	font-size: 8px;

}

.products_overview_container .one_product_box_small:hover .overlay_container .product_data{

	color: #282828;

	line-height: 10px;

	font-size: 8px;

}

.products_overview_container .one_product_box_small .prod_thumb{

	position: absolute;

	left: 0px;

	right: 0px;

	bottom: 12px;

	margin: auto;

}

.product_detail_container {

	width: 100%;

	text-align: right;

	float: right;

	position:relative;

}

.product_detail_container .product_code{

	font-size: 25px;

	font-weight: bold;

	margin-bottom: 52px;

	margin-right: 4px;

	position: relative;

	top: 6px;

}

.product_detail_container .product_description{

	line-height: 19px;

	font-size: 10px;

	margin-right: 4px;

	height: 95px;

}

.product_detail_container .product_thumb {

	position: absolute;

	left: 0px;

	bottom: 3px;

}

.product_detail_container .cart_controls {

	width: 230px;

	right: -244px;

	height: 20px;

	position: absolute;

	top: 0px;

}

.product_detail_container .cart_controls .amount{

	width: 71px;

	height: 20px;

	background-image: url(../images/img_kom_back.png);

	background-repeat: no-repeat;

	background-position: center center;

	float: left;

	margin-right: 8px;

}

.product_detail_container .cart_controls .amount .amount_input{

	float: left;

	width: 33px;

	height: 12px;

	margin: 3px;

	border:none;

	background-color: transparent;

	color: #fff;

	text-align: right;

	font-size: 9px;

	line-height: 12px;

}

.product_detail_container .cart_controls .amount .amount_unit{

float: right;
width: 22px;
height: 12px;
margin: 3px;
margin-top: 4px;
color: #fff;
text-align: center;
font-size: 9px;
line-height: 12px;
text-transform: uppercase;

}

.product_detail_container .cart_controls .color {

	width: 70px;

	height: 20px;

	background-image: url(../images/img_boja_back.png);

	background-repeat: no-repeat;

	background-position: center top;

	float: left;

	cursor: pointer;

	position: relative;

	text-align: left;

	text-transform: uppercase;

	margin-right: 8px;

}

.product_detail_container .cart_controls .color:hover {

	background-position: center bottom;

}

.product_detail_container .cart_controls .color .color_display{

	line-height: 20px;

	color: #fff;

	margin-left: 4px;

	font-size: 9px;

}

.product_detail_container .cart_controls .add_cart {

	width: 67px;

	height: 20px;

	background-image: url(../images/img_cart_back.png);

	background-repeat: no-repeat;

	background-position: center top;

	float: left;

	cursor: pointer;

	position: relative;

	text-align: left;

	text-transform: uppercase;

	line-height: 20px;

	color: #fff;

	display: block;

	padding-left: 4px;

	font-size: 9px;

}

.product_detail_container .cart_controls .add_cart:hover {

	background-position: center bottom;

	color: #fff;

}

.product_controls_container {

	width: 100%;

	text-align: center;

	margin-top: 22px;

}

.product_controls_container .product_arrow_up {

	width:33px;

	height: 19px;

	display: block;

	background-image: url(../images/img_strelice.png);

	background-repeat: no-repeat;

	background-position: center top;	

	margin-left: auto;

	margin-right: auto;

}

.product_controls_container .product_arrow_down {

	width:33px;

	height: 19px;

	display: block;

	background-image: url(../images/img_strelice.png);

	background-repeat: no-repeat;

	background-position: center bottom;	

	margin-left: auto;

	margin-right: auto;

	margin-top: 27px;

}

.product_controls_container .product_arrow_placeholder {

	width:33px;

	height: 19px;

	display: block;

	margin-left: auto;

	margin-right: auto;

}