@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;700&display=swap');

body {
	margin:0px;
	font-family:"Red Hat Display", sans-serif;
	font-weight: 400;
}

body,td,th {
	font-size: 16px;
	margin:0px;
	padding:0px;
	color:#31515e;
}

a:active{
    background-color: transparent;
}

.clear{clear:both;}

h1 {
	font-size:42px;
	font-weight:700;
	color:#1d272b;
	margin:0px;
}

#promo_button{
	background-color: #C0C0C0 !important;
}

h2 {
	font-size:30px;
	color:#1d272b;
	font-weight:500;
	margin:0px;
}

h3 {
	font-size:24px;
	color:#1d272b;
	margin:0px;
	font-weight:400;
}

hr{
	width:52px;
	border:2px solid #71b836;
	margin:10px 0px;
	display: inline-block;
}

ul{
	padding:0px; margin:0px;
	margin-top:10px;	
	list-style-type: none;
}

ul li{
	background: url(/images/check_icon.png) center left no-repeat;
	padding-left:38px; 
	margin:4px 0px;
}

img {border:0px;}

a:link, a:active, a:visited{
	color:#4A545B;
	text-decoration:underline;
}

a:hover {
	color:#4A545B;
	text-decoration:none;
}
/*LAYOUT*/

/*TOP*/
.main_menu_container{
	position:absolute;
	z-index:2;
	width:100%;
	height:90px;
	top:0px;
	left:0px;
}

.top {
	background-image:url(images/top_bg.png); 
	background-repeat:repeat-x; 
	height:131px;
	}
.top .top_content {
	margin:auto; 
	width:990px; 
	height:131px;
	}
.top .top_content .left {
	width:11px; 
	height:131px; 
	background-image:url(/images/top_bg_left.png); 
	float:left;
	}
.top .top_content .right {
	width:11px; 
	height:131px; 
	background-image:url(/images/top_bg_right.png); 
	float:left;
	}
.top .top_content .center {
	width:968px; 
	height:131px; 
	float:left; 
	background-image:url(/images/top_bg_center.png);
	}

/*/////HEADER BOTTOM - flash*/

/*CONTENT*/
#content_layout{
	width:940px;
	min-height:300px;
	margin:auto;
	margin-top:20px;
}

.top_location{
	padding-bottom:14px;
	color:#68542b;
	font-size:12px;
	float:left;
}

.top_location a{
	margin-bottom:20px;
	height:13px;
	font-size:11px;
	background:url(/images/icon_location_arrow.jpg) no-repeat;
	background-position:right;
	padding-right:10px;
	margin-left:8px;
}
.top_location span{
	margin-bottom:20px;
	height:13px;
	font-size:11px;
	padding-left:10px;
	display:inline;
}

.top_location a:link, .top_location a:active, .top_location a:visited{
	text-decoration:underline;
	color:#797979;
}

.top_location a:hover{
	text-decoration:none;
	color:#68543b;
}

/*stil za izpis st. strani*/
.page_style {
	clear:both;
	font-size:12px;
	float:right;
	height:20px;
	padding-right:3px;
}

.page_style div {float:left;}
.page_style .num a{
	width:12px;
	font-weight:bold;
	height:17px;
	text-align:center;
	padding-top:0px;
	margin:0px 2px;
	display:block;
	text-decoration:none;
}
.page_style .num a:hover{
	color:#000;
	text-decoration:none;
}

.page_style .num_zamik {}
.page_style .num_sel {
	width:12px;
	height:17px;
	text-align:center;
	padding-top:0px;
	margin:0px 2px;
	display:block;
	color:#000;
	font-weight:bold;
	background-color:#fff;
}
.page_style .num_sel a{
	color:#000;
	text-decoration:none;
}

.page_style img{
	margin:0px 2px
}
/*stil za izpis st. strani*/
.sort{
	padding-top:0px;
	font-size:12px;
	float:left;
	width:382px;
	font-weight:bold;
}

.sort a.down{
	margin-right:13px;
	background:url(/images/pages_arrow_d.jpg) right no-repeat;
	padding-right:30px;
}

.sort a.down:link, .sort a.down:active, .sort a.down:visited{
	color:#5e5e5e;
	text-decoration:none;
}

.sort a.down:hover{
	color:#5e5e5e;
	text-decoration:none;
}

.sort a.down_sel:link, .sort a.down_sel:active, .sort a.down_sel:visited, .sort a.down_sel:hover{
	margin-right:13px;
	text-decoration:none;
	color:#5e5e5e;
	background:url(/images/pages_arrow_d.jpg) right no-repeat;
	padding-right:30px;
	font-weight:bold;
}

.sort a.up{
	margin-right:13px;
	background:url(/images/pages_arrow_u.jpg) right no-repeat;
	padding-right:30px;
}

.sort a.up:link, .sort a.up:active, .sort a.up:visited{
	color:#5e5e5e;
	text-decoration:none;
}

.sort a.up:hover{
	color:#5e5e5e;
	text-decoration:none;
}

.sort a.up_sel:link, .sort a.up_sel:active, .sort a.up_sel:visited, .sort a.up_sel:hover{
	margin-right:13px;
	text-decoration:none;
	color:#5e5e5e;
	font-weight:bold;
	background:url(/images/pages_arrow_u.jpg) right no-repeat;
	padding-right:30px;
}
/*///////////////////////*/
/*/////CONTENT*/

/*FOOTER*/
.footer_container{
	padding:35px 0px 50px 0px;
	background-color:#2980a6;
	border-bottom:18px solid #2b3d44;
}

.footer_content{
	width:1150px;
	margin:auto;
	font-size:16px;
	line-height:25px;
	color:#fff;
}

.footer_content a{
	font-size:16px;
	text-decoration:none;
	color:#fff;
}

.footer_content h2{
	font-size:18px;
	color:#76c037;
	font-weight:500;
	margin-top:30px;
	margin-bottom:0px;
}

.content_conteiner {padding-top:20px; background-color:#FFF; padding-left:10px; padding-right:10px; margin:auto;}
.content_conteiner a{color:#0066b3;}


.filter_layout .title {color:#ED1C24;}


.prod_layout{
	width:241px; 
	height:245px;
	float:left;
	margin-top:10px;
}
.prod_layout a{
	text-decoration:none;}

.prod_pic{
	height:196px; 
	width:238px; 
	border-top:1px solid #cacaca; 
	border-left:1px solid #cacaca; 
	background-repeat:no-repeat;
	background-position:center 15px;
}

.prod_title{
	width:150px; 
	height:29px; 
	float:left; 
	border:1px solid #ed1c24;
	font-size:12px;
	color:#4A545B;
	padding:7px;
	line-height:13px;
}

.prod_price{
	width:59px; 
	height:25px; 
	padding:7px;
	padding-top:11px;
	float:left;
	color:#FFF;
	font-weight:bold;
	border:1px solid #ed1c24; 
	background-color:#ed1c24;
}
.prod_title_over{
	width:150px; 
	height:29px; 
	float:left; 
	border:1px solid #0066b3;
	font-size:12px;
	color:#4A545B;
	padding:7px;
	line-height:13px;
}

.prod_price_over{
	width:59px; 
	height:25px; 
	padding:7px;
	padding-top:11px;
	float:left;
	color:#FFF;
	font-weight:bold;
	border:1px solid #0066b3; 
	background-color:#0066b3;
}

.prod_price_discount_1{
	width:68px;
	float:left;
	padding-top:5px;
	text-align:center;
	color:#ff9100;
	font-size:14px;
	font-weight:bold;
	margin-left:4px;
}
.prod_price_discount_2{
	width:68px;
	float:left;
	padding-top:5px;
	text-align:center;
	color:#fb352d;
	font-size:14px;
	font-weight:bold;
	margin-left:4px;
}

.akcija_do_30{
	background:url(/images/disc_under_30.png) no-repeat;
	width:55px;
	height:70px;
	color:#FFF;
	font-size:18px;
	text-align:center;
	position:absolute;
	padding-top:20px;
	padding-left:35px;
	top:0px;
	right:0px;
}

.akcija_nad_30{
	background:url(/images/disc_over_30.png) no-repeat;
	width:55px;
	height:70px;
	color:#FFF;
	font-size:18px;
	text-align:center;
	position:absolute;
	padding-top:20px;
	padding-left:35px;
	top:0px;
	right:0px;
}

.art_related_title{
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#4A545B;
	height:26px;
	padding:5px 15px;
}

/*strani*/
.art_pages{
	float:right;
	width:352px;
	padding:8px 15px;
	height:20px;
}


.related_item {
	margin-top:20px;
	width:180px; float:left; height:280px;
	padding-left:5px;
	padding-right:5px;
	color:#000;
	position:relative;
	background-image:url(/images/art_item_bg.png);
	background-repeat:no-repeat;
}

/*////////*/
/*thumb*/
.related_item a.thumb {
	background-position:center;
	background-repeat:no-repeat;
	width:175px;
	height:153px;
	margin-top:13px;
	display:block;
}
.related_item .price_container{
	width:170px;
	height:100px;
	display:block;
	padding:10px 0px 0px 3px;
}
.related_item .price_container a{
	text-decoration:none;
	color:#000;
	font-size:12px;
	font-weight:bold;
}
.related_item .price_container span{
	color:#000;
	font-size:10px;
}
.related_item .c2 {display:inline-block;
color:#000;
padding-left:10px;}

.stamp_orange{ width:39px; height:31px; font-size:18px; color:#FFF; position:absolute; top:20px; right:6px;  background-image:url(images/discount_2.png); padding-top:4px; padding-left:20px;}
.stamp_red{width:39px; height:31px; font-size:18px; color:#FFF; position:absolute; top:20px; right:6px;  background-image:url(images/discount_1.png); padding-top:4px; padding-left:20px;}
.separator {background-image:url(/images/dashed_separator.png); text-align:center; color:#cdcdcd; height:20px;}
.separator span {padding-left:10px; padding-right:10px; background-color:#FFF; display:inline-block; font-size:18px; font-weight:bold;}

table.order_table{
	text-align:left !important;
}

table.order_table td{
	font-size:18px !important;
	padding-right:5px;
	line-height:20px;
	color:#313131 !important;
}

.selected_menu{
	font-weight:bold;
	color:#2980a6 !important;
}

.menu_container_floating{
	position:fixed !important;
	z-index:999 !important;
	height:70px !important;
	background-color:rgba(255,255,255,0.8);
	box-shadow:0px 2px 8px rgba(0,0,0,0.3);
}

.menu_container_floating .main_menu_holder{
	margin-top:10px !important;
}

.menu_container_floating .logo{
	width:135px;
}

.menu_container_floating .logo img{
	width:100%;
	height:auto;
}

/*.menu_container_floating .side_menu_right{
	display:none;
}*/

.menu_container_floating .main_menu_content a{
	float:none;
	display:inline-block;
}

h1 .blue_text{
	color:#25769a;
	border-bottom:1px solid #25769a;
	display:block;
	font-size:25px !important;
}

.resp_menu_button{
	position:relative;
	text-align:center;
	z-index:3;
	padding-left:0px !important;
	height:25px;
	width:30px;
	margin-left:0px;
	display:none !important;
	margin-top:10px !important;
}

.resp_menu_button span{
	display:inline-block;
	width:30px;
	height:4px;
	background-color:#000;
	position:absolute;
	left:50%;
	margin-left:-15px;
	transition:all ease-in-out 0.3s;
	border-radius:10px;
}

.resp_menu_button span:nth-child(1){
	top:0px;
}

.resp_menu_button span:nth-child(2){
	top:9px;
}

.resp_menu_button span:nth-child(3){
	top:18px;
}

.resp_menu_button.open span:nth-child(1){
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 8px;
}

.resp_menu_button.open span:nth-child(2){
	width: 0%;
	opacity: 0;
}

.resp_menu_button.open span:nth-child(3){
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 8px;
}

/****EDITOR****/
a.blue_button{
	display:inline-block;
	padding:12px 23px 12px 23px;
	font-size:16px;
	text-decoration:none;
	background-color:#2980a6;
	color:#fff;
	font-weight:400;
	box-shadow:2px 2px 6px rgba(0,0,0,0.2);
}

a.blue_button::after{
	content:' ';
	width:9px;
	height:13px;
	background:url(/images/button_arrow.png) center center no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-left:8px;
	margin-top:-2px;
}

a.green_button{
	display:inline-block;
	padding:12px 23px 12px 23px !important;
	font-size:16px;
	text-decoration:none;
	background-color:#76c037;
	color:#fff !important;
	font-weight:400;
	box-shadow:2px 2px 6px rgba(0,0,0,0.2);
}

a.green_button::after{
	content:' ';
	width:9px;
	height:13px;
	background:url(/images/button_arrow.png) center center no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-left:8px;
	margin-top:-2px;
}

a.green_button.no-arrow::after{
	display: none !important;
}

h1.white_text,
h2.white_text,
h3.white_text,
span.white_text,
a.white_text,
div.white_text{
	color:#fff !important;
}

h1.blue_text,
h2.blue_text,
h3.blue_text,
span.blue_text,
a.blue_text,
div.blue_text{
	color:#2980a6;
}

hr.blue{
	border-color:#2980a6 !important;
}