/*-------------------------------------------
KONFIGURATOR.CSS
----------------------------------------------------*/


* {
	margin: 0;
	padding: 0;
}

body{
	margin:0px;
	padding:0px;
	color:#000;
	font:12px/14px  Arial, Helvetica, sans-serif;
	background: #111 url(../images/bg.jpg) no-repeat center top;
}

.myclear {
	clear: both;
}

#site-navigation .ik_select {
display: none !important;
}

#post-article {
padding-bottom: 100px !important;
}

#post-article .title-meta .blog-posted-tags  {
display: none;
}

ul li {
padding: 0 !important;
list-style-type: none !important;
}

#wrapper {
min-height: 655px;
}

a{color:#094f96;}
a.links_for_main{color:#FFFFFF;text-decoration:none;}
a:hover{ text-decoration:none;}
h1{
	font-weight:bold;
	font-size:18px;
	color:#0c438b;
}

.clear{ clear:both;}
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
header, nav, section, article, aside, footer { display: block;}

::-webkit-input-placeholder {
	color:#333;}
:-moz-placeholder {
	color:#333;}
.placeholder {
	color:#333;}
.btn{
	 display:inline-block;
	 color:#0ba7e4;
	 padding:0 12px 4px;
	 -moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	border:1px solid #35a2e2;
	border-right:1px solid #0845a5;
	border-bottom:1px solid #0845a5;
	height:28px;
	font-size:14px;
	background:#1a88d9;
	position:relative;
	color:#fff;
}
input[type="text"]{
	padding:0 10px;
	height:34px;
	line-height:30px;
	border:1px solid #eee;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	position:relative;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px; 
	color:#333;
	outline: none;
	font-size:14px;
	background: #f4f4f4;
}
input.btn::-moz-focus-inner, button.btn::-moz-focus-inner{padding:0;border:0}
input.btn{ line-height:2em;}
textarea{
	width:215px;
	padding:5px 10px;
	border:1px solid #036b80;
	border-top:1px solid #70868f;
	position:relative;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	height:83px;
	font-size:14px;
	color:#013b51;
	outline: none;
	resize: none;
}

#container {
	width:1250px;
	margin:0 auto;
}

#post-article p {
padding: 0 !important;
}


.papers{
	margin-left:-57px;
	overflow:hidden;
	padding:0 0 18px;
}
.papers li{
	float:left;
	margin-left:57px;
}
.papers li img{
	width:154px;
	height:217px;
}


.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider {margin: 0; padding: 0;clear:both;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {position: relative; zoom: 1;height:397px;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}
.flex-direction-nav {display:none;}

.flex-control-nav {width: 100%; position: absolute; bottom: 27px; text-align: center;}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 19px; height: 18px; display: block;background: url(sprite.html) -83px -121px no-repeat;cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a:hover,.flex-control-paging li a.flex-active {background-position:-56px -121px; }
 .flex-control-paging li a.flex-active{ cursor: default; }



.jcarousel-skin-tango .jcarousel-container {
	margin:0 auto;
	height:47px;
	background: #fff;
	border:1px solid #9f9f9f;
	position:relative;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	border-bottom:1px solid #1478ff;
}
.jcarousel-skin-tango a{
	display:block;
	height:49px;
}


.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width:900px;
	padding: 20px 50px;
}

.jcarousel-skin-tango .jcarousel-clip {
	overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	height: 49px;
}

.jcarousel-skin-tango .jcarousel-item {
	height: 49px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 61px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 22px;
	right: 8px;
	width: 18px;
	height: 43px;
	cursor: pointer;
	background: url(sprite.html) -25px -109px no-repeat;
}



.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top:22px;
	left: 8px;
	width: 18px;
	height: 43px;
	cursor: pointer;
	background: url(sprite.html) 0 -109px no-repeat;
}

input.textinputs {
    border-color: #707070 #125fb4 #125fb4 #707070;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-size: 14px;
    height: 28px;
    line-height: 24px;
    outline: medium none;
    padding: 0 10px;
    position: relative;
}

.button-opt {
    background: url('../images/img/bg_button.png') repeat-x center 0 transparent;
    border-color: #35a2e2 #0845a5 #0845a5 #35a2e2;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-size: 14px;
    padding: 1px 15px 4px;
}

.for-form-opt {
    margin-top: 10px;
    text-align: center;
}

.modelier-profile-block {
    float: right;
    font-size: 15px;
    margin: 0 0 7px;
}

.clr {
	clear: both;
	font-size: 0;
	line-height: 0;
	float: none;
}

#application {
    border: 1px solid #ddd;
    margin: 0 auto;
    padding: 15px;
    width: 1250px;
    background: #ECECEC;
    position: relative;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
}

#wrapper {
    position: relative;
}

#sjedista_stil {
	float: none;
    padding: 480px 0 10px;
    margin-left: 340px;
	
}

#sjedista_stil > div {
	cursor: pointer;
    background: #ECECEC;
		border-radius: 2px;
		padding: 10px 20px;
		display: block;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: bold;
		color:#7f7f7f;
		text-decoration: none;
		text-shadow:0px 1px 0px #fff;
		border:1px solid #a7a7a7;
		margin:10px 5px;
		margin-top:30px;
		box-shadow: 0px 2px 1px white inset, 0px -2px 8px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
		-webkit-transition:box-shadow 0.5s;
	width: 170px;
	float: left;
}

#sjedista_stil div:hover {
	box-shadow: 0px 2px 1px white inset, 0px -2px 20px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
}
#sjedista_stil div.active {
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5) inset, 0px -2px 20px white, 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
		background:-webkit-linear-gradient(top, #d1d1d1 0%,#ECECEC 100%);
}

#sjedista_stil span {
    padding-left: 21px;
}

#sjedista_stil div.active span, #sjedista_stil div:hover span {
    background: url("../images/img/arrow_right.png") no-repeat scroll 9px center transparent;
}

#views > div.active {
    background: green;
}

#mainlayer {
	float: right;
    height: 470px;
    position: relative;
    width: 900px;
}

#loading {
    left: 263px;
    position: absolute;
    top: 312px;
    z-index: 0;
}

.papers {
    position: absolute;
    display: none;
    z-index: 1;
}

#paper1, #paper5 {
	left: 50px;
	top: 25px;
	width: 900px !important;
	height: 480px !important;
}

#paper2, #paper6 { 
	right: 23px;
    top: 5px;
	width: 584px !important;
	height: 649px !important;
}

#paper3, #paper7 {
	right: 44px;
    top: 36px;
	width: 540px !important;
	height: 581px !important;
}

#paper4, #paper8 {
	right: 0;
    top: 96px;
	width: 625px !important;
	height: 469px !important;
}

.papers.active {
	display: block;
}

#material {
    background-color: #bdbdbd;
    float: left;
    height: 650px;
    left: 0;
    padding-left: 7px;
    position: absolute;
    top: 0;
    width: 296px;
}

#scrollmaterial {
    height: 615px;
    overflow-y: auto;
    width: 287px;
    outline: none;
}

#scrollmaterial ul {
	padding: 1px 0 0 0;
	margin: 0;
}

#scrollmaterial li {
    float: left;
    height: 101px;
    margin: 0 6px 6px;
    width: 127px;
    cursor: pointer;
}

#scrollmaterial li:hover {
    margin: 0 3px 6px;
    width: 133px;
}

#scrollmaterial li.disabled {
    opacity: 0.15;
    filter: alpha(opacity=15);
}

#scrollmaterial li .wrapimg {
	font-size: 0;
	line-height: 0;
    width: 127px;
    overflow: hidden;
    box-shadow: 1px 1px 4px #A4A4A4;
    position: relative;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}
#scrollmaterial li .wrapimg:hover
{
    box-shadow: 0px 0px 1px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.01);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.01);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.01);
    transition: all 200ms ease-in;
    transform: scale(1.01);
}

#scrollmaterial li .wrapimg .loopmaterial {
    background: url("../images/img/loop3.png") no-repeat scroll -30px 0 rgba(0, 0, 0, 0);
    display: block;
    margin: 2px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 29px;
    width: 29px;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-transition: opacity 0.2s linear 0s;
    -moz-transition: opacity 0.2s linear 0s;
    -ms-transition: opacity 0.2s linear 0s;
    -o-transition: opacity 0.2s linear 0s;
    transition: opacity 0.2s linear 0s;
}

#scrollmaterial li .wrapimg .loopmaterial:hover {
    background: url("../images/img/loop3.png") no-repeat scroll 0px 0 rgba(0, 0, 0, 0);
    margin: 2px 3px 0 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#scrollmaterial li:hover .wrapimg {
    width: 133px;
}

#scrollmaterial li .headingmaterial {
	line-height: 22px;
    padding-left: 1px;
    font-size: 11px;
}

#scrollmaterial li:hover .headingmaterial {

}

#scrollmaterial li img {
	height: 78px;
}

#scrollmaterial li:hover img {
    height: 81px;
}

.hmaterial {
    color: #333;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 11px 0 8px 6px;
	font-weight: bold;
}

#menumaterial {
    position: absolute;
    left: 303px;
    top: 35px;
}

#menumaterial ul {
    margin: 0;
    padding: 0;
}

#menumaterial li {
    margin-bottom: 1px;
    background: #111;
    border-radius: 0 2px 2px 0;
}

#menumaterial li:hover, #menumaterial li.active {
    background: #333;
}

#menumaterial li.disabled {
    background: #111;
}

#menumaterial li.disabled a {
    cursor: default;
}

#menumaterial li.disabled:hover {
    background: #111;
}

#menumaterial a {
    display: block;
    height: 110px;
    width: 29px;
    cursor: pointer;
}

#menu_platno a {
	background: url('../images/img/materijal3.png') no-repeat 8px center transparent;
}

#menu_alcantara a {
	background: url('../images/img/materijal1.png') no-repeat 6px center transparent;
}

#menu_eko-koza a {
	background: url('../images/img/materijal2.png') no-repeat 6px center transparent;
}

#menu_materijal4 a {
    background: url('../images/img/materijal4.png') no-repeat 8px center transparent;
}
#menu_econubuck a {
	background: url('../images/img/econubuk.png') no-repeat 8px center transparent;
}

#views {
	float: left;
	margin-left: 5px;
}

#views a {
	background: url("../images/img/matmenubg.png") repeat scroll right center transparent;
    display: block;
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 5px;
	opacity: 0.65;
    cursor: pointer;
	filter: alpha(opacity=65);
	-webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

#views a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#views a.active {
	opacity: 1;
	filter: alpha(opacity=100);
}

#views a img {
	width: 90px;
	padding: 5px;
}

#opt {
    position: absolute;
    right: 15px;
    top: 50px;
    cursor: pointer;
    -webkit-transition: width 0.2s linear 0s;
    -moz-transition: width 0.2s linear 0s;
    -ms-transition: width 0.2s linear 0s;
    -o-transition: width 0.2s linear 0s;
    transition: width 0.2s linear 0s;
}

#opt a {
    text-decoration: none;
    font-size: 16px;
}

#opt a:hover {
    text-decoration: underline;
}

#bigmaterial {
    background-color: rgba(0, 0, 0, 0.3);
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
    display: none;
    z-index: 40;
}

#bigmaterialhide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bigmaterialwrap {
    background-color: #FFFFFF;
    border: 5px solid #FFFFFF;
    border-radius: 10px;
    height: 389px;
    margin: 121px auto 0;
    position: relative;
    width: 800px;
}

.zonebigmaterial {
    border-radius: 7px;
    height: 389px;
    margin: 0 auto;
    overflow: hidden;
    width: 800px;
}

#startchange {
	background-color: rgba(203, 211, 224, 0.89);
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
    z-index: 40;
}

.wrapstartchange {
	background-color: #FFFFFF;
    height: 295px;
    margin: 170px auto 0;
    padding: 41px;
    position: relative;
    width: 762px;
}

.textstart {
	border-bottom: 1px solid #0000B7;
    color: #000066;
    font-size: 25px;
    margin-bottom: 20px;
    padding-bottom: 25px;
}

.startmarka, .startmodel {
    float: left;
    padding-right: 10px;
}


.selecttext {
    color: #000066;
    font-size: 20px;
    line-height: 1;
    padding-bottom: 5px;
}


.kantnal {
    color: #006;
	font-size: 20px;
	padding: 20px 0;
	height: 38px;
	margin-bottom: 40px;
}


.kantnal > span {
    display: block;
    float: left;
    line-height: 39px;
}

.kantnalimg {
	background: url("../images/img/noedge.png") no-repeat scroll center center transparent;
    border: 1px dashed #BAD3F3;
    display: inline-block;
    float: right;
    height: 38px;
    padding: 0;
    width: 41px;
}

.kantnalimg.active {
	background: url("../images/img/yesedge.png") no-repeat scroll center center transparent;
}


.buttonstart {
    background: url("../images/img/bg_select.png") repeat-x scroll 0 0 transparent;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-shadow: 0 0 5px #000000;
    width: 680px;
}

.buttonstart:hover {
    background: url("../images/img/bg_select.png") repeat-x scroll 0 -40px transparent;
    box-shadow: 0 -1px 2px #303030 inset;
}

#selectmodel {
	font-size: 18px;
    left: 303px;
    line-height: 25px;
    padding: 4px 50px 5px;
    position: absolute;
    top: 0;
    z-index: 30;
}

#selectmodel > a {
    border-bottom: 1px dashed;
    color: #0E3DA2;
    padding: 0 4px;
    text-decoration: none;
    cursor: pointer;
}

#selectmodel > a:hover {
	color: #3B6BD3;
}

#mlayer {
	background-color: rgba(203, 211, 224, 0.89);
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
    z-index: 39;
    display: none;
}

.mwrap {
	background-color: #FFFFFF;
    border: 10px solid #3F6FAD;
	height: 710px;
    /*height: 641px;*/
    margin: 35px auto 0;
    position: relative;
    width: 780px;
}

.mtintro {
    background: url("bm.html") no-repeat scroll center 0 #3F6FAD;
    color: #FFFFFF;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 1.2;
    padding: 92px 10px 6px;
    text-align: justify;
    -ms-text-align-last: center;
    text-align-last: center;
}

#toorder {
    float: left;
    position: relative;
}

.imagemt {
    float: right;
    height: 478px;
    overflow: hidden;
    margin: 0 38px 0 0;
    position: relative;
    width: 318px;
}

#order_preview {
    height: 500px !important;
    left: 0;
    position: absolute;
    top: 0;
    width: auto !important;
}

.loading {
    left: 0;
    padding: 174px 114px;
    position: absolute;
    top: 0;
}

/*#order_preview.loading {
	height: auto;
	padding: 150px 91px;
}*/


.fieldorder {
	margin: 7px 0;
}

.fieldorder label {
    clear: both;
    display: block;
    float: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 29px;
    padding-right: 10px;
    text-align: right;
    width: 160px;
    cursor: default;
}

.fieldorder input {
    background-color: #F5F5F5;
    border: 1px solid #3F6FAD;
    border-radius: 0;
    color: #606060;
    font-size: 15px;
    height: 20px;
    line-height: 20px;
    padding: 2px;
    width: 180px;
}

.fieldorder textarea {
    background-color: #F5F5F5;
    border: 1px solid #3F6FAD;
    border-radius: 0;
    color: #606060;
    height: 60px;
    padding: 2px;
    width: 180px;
}


button.js-textareacopybtn {
    background: url("../images/img/bg_select.png") repeat-x scroll center 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 15px;
height: 34px;
line-height: 21px;
margin-right: 26px;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    width: 110px;
}

button.js-textareacopybtn:hover {
    background: url("../images/img/bg_select.png") repeat-x scroll center -40px transparent;
}

.mwrapcontent {
    padding: 15px 15px 0;
}

.pricemore {
	margin: 0 10px;
}

.pricemore span {
    float: right;
}

.pricemore p {
    margin: 1em 0;
}

#order.active .pricemore {
	display: block;
	/*height: 100px;*/
}

#addtext_price {
    color: #000066;
    text-transform: uppercase;
}

.priceitem {
    /*height: 42px;*/
    height: auto;
    min-height: 42px;
    max-height: 42px;
    margin-bottom: 42px;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#order.active .priceitem {
    max-height: 500px;
    /*padding-bottom: 10px;*/
}

.buttonorder {
    /*background: url("../images/img/bg_select.png") repeat-x scroll center 0 transparent;*/
	
background: rgb(64,139,196); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(64,139,196,1) 0%, rgba(25,23,124,1) 47%, rgba(64,139,196,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,139,196,1)), color-stop(47%,rgba(25,23,124,1)), color-stop(100%,rgba(64,139,196,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(64,139,196,1) 0%,rgba(25,23,124,1) 47%,rgba(64,139,196,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(64,139,196,1) 0%,rgba(25,23,124,1) 47%,rgba(64,139,196,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(64,139,196,1) 0%,rgba(25,23,124,1) 47%,rgba(64,139,196,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(64,139,196,1) 0%,rgba(25,23,124,1) 47%,rgba(64,139,196,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#408bc4', endColorstr='#408bc4',GradientType=0 ); /* IE6-9 */


	
    border-radius: 5px;
    bottom: 7px;
    color: #FFFFFF;
    font-size: 17px;
    left: 7px;
    line-height: 40px;
    /*padding-bottom: 3px;*/
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    width: 222px;
    cursor: pointer;
}

.buttonorder:hover {
    /*background: url("../images/img/bg_select.png") repeat-x scroll center -40px transparent;*/
	
	background: rgb(25,23,124); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(25,23,124,1) 0%, rgba(64,139,196,1) 48%, rgba(25,23,124,1) 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,23,124,1)), color-stop(48%,rgba(64,139,196,1)), color-stop(98%,rgba(25,23,124,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(25,23,124,1) 0%,rgba(64,139,196,1) 48%,rgba(25,23,124,1) 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(25,23,124,1) 0%,rgba(64,139,196,1) 48%,rgba(25,23,124,1) 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(25,23,124,1) 0%,rgba(64,139,196,1) 48%,rgba(25,23,124,1) 98%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(25,23,124,1) 0%,rgba(64,139,196,1) 48%,rgba(25,23,124,1) 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19177c', endColorstr='#19177c',GradientType=0 ); /* IE6-9 */

	
}

.price {
    height: 29px;
    margin: 0 10px;
    cursor: pointer;
}

.textprice {
    display: block;
    float: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 22px;
    line-height: 31px;
    padding-left: 1px;
    color: #006;
}

.pricecen {
	border-bottom: 1px dashed #000066;
    color: #fff;
    display: block;
    float: right;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 19px;
    line-height: 27px;
    padding-top: 1px;
}

.close, .close2, .close3 {
    cursor: pointer;
    height: 15px;
    margin: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
    z-index: 41;
}

.close {
	background: url("../images/img/close.png") no-repeat scroll left center transparent;
}

.close:hover {
	background: url("../images/img/close.png") no-repeat scroll right center transparent;
}

.close2 {
	background: url("../images/img/close2.png") no-repeat scroll left center transparent;
}

.close2:hover {
	background: url("../images/img/close2.png") no-repeat scroll right center transparent;
}

.close3 {
    background: url("../images/img/close3.png") no-repeat scroll left center transparent;
}

.close3:hover {
    background: url("../images/img/close3.png") no-repeat scroll right center transparent;
}

#sjedista_stil div.disabled {
    display: none;
}

.echogroup {
    bottom: 10px;
    color: #000066;
    font-size: 14px;
    position: absolute;
    right: 10px;
}

.echogroup a {
	color: #3F6FAD;
}

.chooseautomt {
    border-bottom: 1px dotted;
    color: #0E3DA2;
    display: none;
    font-size: 14px;
    margin: 5px 5px 0 0;
    padding-bottom: 2px;
    position: absolute;
    right: 0;
    top: 208px;
    cursor: pointer;
}

.chooseautomt:hover {
    color: #3B6BD3;
}

.chooseorhidden {
    visibility: hidden;
}

.chooseorhidden + .chooseautomt {
    display: block;
}

@-webkit-keyframes fornotselect {
    0%, 100% {
        color: #0F3381;
    }
    50% {
        color: #0051FF;
    }
}
@-o-keyframes fornotselect {
    0%, 100% {
        color: #0F3381;
    }
    50% {
        color: #0051FF;
    }
}
@-moz-keyframes fornotselect {
    0%, 100% {
        color: #0F3381;
    }
    50% {
        color: #0051FF;
    }
}
@keyframes fornotselect {
    0%, 100% {
        color: #0F3381;
    }
    50% {
        color: #0051FF;
    }
}

.notselected a {
    -webkit-animation: fornotselect 1s infinite;
    -o-animation: fornotselect 1s infinite;
    -moz-animation: fornotselect 1s infinite;
    animation: fornotselect 1s infinite;
}

.notselected a:hover {
    -webkit-animation: none;
    -o-animation: none;
    -moz-animation: none;
    animation: none;
}

    











/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0px;
	/*background: red;*/
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #fff;
	position: relative;
}

.jspDrag
{
	background: #333;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}



		.bottom-text p {
margin-bottom: 30px;
font-family: 'Source Sans Pro', sans-serif;
width: 77%;
}

#prefooter .links li {
padding: initial !important;
list-style-type: initial !important;
line-height: 30px;
}


/*SELECT*/

.ik_select {
	/*
	Wraps all the plugin's HTML code.
	Probably you should not add any styles here
	*/
}
	.ik_select_link{
		font-family: 'Source Sans Pro', sans-serif;
		background: url("../images/img/bg_select.png") repeat-x scroll 0 0 transparent;
	    border-radius: 4px 4px 4px 4px;
	    color: #FFFFFF;
	    cursor: pointer;
	    height: 36px;
	    line-height: 30px;
	    text-align: center;
	    text-shadow: 1px 1px 1px #000000;
	    width: 220px;
	    -webkit-transition: all 0.2s linear;
	    -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	    -o-transition: all 0.2s linear;
	    transition: all 0.2s linear;
        overflow: hidden;
	}
	.ik_select_link_focus{
	}
	.ik_select_link_extracted {
	    border-radius: 4px 4px 0px 0px;
	    background: url("../images/img/bg_select.png") repeat-x scroll 0 -40px  transparent;
	    text-shadow: 1px 1px 1px #2E6F88;
	}
	.ik_select_link_disabled{
		/* Disabled state of the fake select */
	}
		.ik_select_link_text {
			background: url("../images/img/arrow_i.png") no-repeat scroll right -7px transparent;
		    height: 100%;
		    line-height: 36px;
		    margin-right: 8px;
		    padding-right: 26px;
            font-size: 16px;
		}
		
		
	.chrome .ik_select_link_extracted  {
    margin-top: -32px;
	}
	
	.chrome .ik_select_dropdown {
	margin-top: -16px;
	}

	.ik_select_block{
		/*
		Dropdown wrapper. Needed for script calculations.
		You should not add any visual styles here.
		You can shift the position of the dropdown
		by changing top and left values like
		top: -2px;
		left: -5px;
		*/
	}
		.ik_select_list{
			background-color: #EEEEEE;
            border: 1px solid #1258C0;
            border-radius: 0 0 5px 5px;
            font-size: 14px;
            overflow: hidden;
		}
			.ik_select_optgroup {
				/* Optgroup */
			}
				.ik_select_optgroup_label{
					/* Optgroup label */
				}
				.ik_select_option {
					border-bottom: 1px solid #B0D0FF;
					line-height: 31px;
					text-align: center;
					cursor: pointer;
					font-family: 'Source Sans Pro', sans-serif;
				}
				.ik_select_option:last-child {
					border-bottom: none;
				}
				.ik_select_hover{
					background-color: #1C4EB9;
					color: #FFF;
				}
				.ik_select_active {
					/* The active state of an option */
				}

		.ik_select_filter_wrap {
			padding: 7px 7px;
		}
		.ik_select_filter{
			/* Filter input */
		}
		.ik_nothing_found {
			/* Block that's shown when there's nothing found. */
		}
		.ik_select_list ul {
			margin: 0;
			padding: 0;
		}
		.ik_select_list_inner li:first-child{
			
		}
		.ik_select_list_inner {
			margin-bottom: 3px;
		}
	.footer {margin: 20px; color:#fff; text-align: center;}
	
@media (max-width: 1000px) {
#scrollmaterial li .wrapimg .loopmaterial {display: none;}
}