@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');}
#page-wrap							{ width: 1000px; float:left;  color:#fff; position:relative;} 

a									{ text-decoration: none; }
ul									{ list-style: none; }

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; z-index:88; }
ul.dropdown li                      {  float: left; width:246px; background-image:url(../img/cc12.png); background-repeat:repeat; height:auto; display:table; margin-right:5px; text-align:center!important; border-radius:4px!important}

ul.dropdown a:hover		            { color: #fff!important; background:#fff; padding:7px 7px 7px 7px;background-image:url(../img/ccr1.png); background-repeat:repeat;border-radius:4px!important }
ul.dropdown li a                    { display: block; padding:7px 7px; font-size:16px;font-family:'Open Sans'!important; color: #fff; text-shadow: 1px 1px #555;  letter-spacing:0.8px;}
ul.dropdown li:last-child a         { border-right: none; } 
ul.dropdown li.hover,
ul.dropdown li:hover                {  color: #fff!important; text-shadow: 1px 1px #555; position: relative; }
ul.dropdown li.hover a              { color: #fff!important; text-shadow: 1px 1px #555; }
/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left:0; padding:0px; background:#FFFFFF; }
ul.dropdown ul li 					{ font-weight: normal; color: #000;  float: none; font-size:13px !important; border:none !important;  }									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; color:#939598 !important; padding:6px 8px; } 

ul.dropdown ul li a:hover { color:#D2232A !important;}
/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }
.naslovna1 {font-weight:bold; color:#555;}
.naslovna1:hover { color:#777;}
.ei-slider{
	position: relative;
	width: 100%;
	max-width: 1000px;
	height: 400px;
	margin: 0 auto;
}
.ei-slider-loading{
	height: 500px;
	width: 1000px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: #ffffff;
	color: #000000;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 500px;
	width: 1000px;
	margin:0 auto;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	right: 50%;
	margin-right: 10%;
	top: 30%;
}
.ei-title h2, .ei-title h3{
	text-align: right;
}
.ei-title h2{
	font-size: 40px;
	line-height: 50px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #f38117;
	text-shadow: 1px 1px 3px #000000;
}
.slik_2_on {padding:0px 15px 15px 15px;}
.div_podstranica_1 {float:left; margin:25px 0px 0px 17px; padding-right:18px; width:472px;}
.div_podstranica_2 {float:left; margin:25px 0px 0px 0px; width:485px;}
.slik_galerija_keramika {height: 170px;
width: 170px;
border: 5px solid #ccc;
float: left;
margin: 0px 14px 14px 0px;}

.color_black_k { color:#555;}
.ei-title h3{
	font-size: 70px;
	line-height: 70px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	color: #555555;
	text-shadow: 1px 1px 3px #000000;
}
.ei-slider-thumbs{
	width:120px;
	height: 13px;
	top:428px;
	left:10px;
	position: absolute;
	z-index:10;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 98%;
	margin-right:1px;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background:#000000;
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #666;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
	outline:none;
}
.ei-slider-thumbs li a:hover{
}
.usl2 {height:auto!important; display:table!important; padding-bottom:0px!important; margin-right:0px!important; width:985px !important; margin-bottom:0px!important; margin-top:20px!important; float:left!important;}
.usludd {width:100%!important; height:1px!important; border-bottom:2px solid #D2232A!important; margin:5px 0 0px 0!important;}
.knus {height:auto!important; display:table!important;}
.centh {text-align:center!important;}
.footl {float:left!important; position:relative!important; top:0px!important;}
.usluge3{width:960px; height:auto; float:left; display:table; padding:0 20px 50px 20px; margin:20px 0 0 0;}
.usluge4 {float:left; display:table; height:auto; width:930px; padding-right:30px;text-align:justify;}
.fot_lh {font-size:16px!important;  float:left; width:100%;color:#d2232a;}
.divgusl {float:left;width:460px;}
.divusl33 {color:#000000!important; font-style:italic!important; margin:10px 0 10px 20px!important; float:left!important; width:100%!important;}
.ddpl4 {list-style:circle !important; position:relative!important; left:25px!important; float:left!important; width:100%!important;}
.ddkl9 {float:left;width:440px; margin-left:20px;}
.dh4j {color:#000000!important; font-style:italic!important; margin:10px 0 10px 20px!important; float:left!important; width:100%!important}
.ggbh {list-style:circle; position:relative; left:25px; float:left;}
.linff {height:1px!important; width:103%!important; float:left!important; margin:20px 0px!important; border-bottom:1px dashed #d2232a!important;}
.uslugsp2 {margin:10px 0 10px 20px!important; float:left!important; width:100%!important;}
.ppl3l {color:#000000!important; font-style:italic!important; margin:10px 0 0px 20px!important; float:left!important; width:100%!important;}
.ulusluge {list-style:circle!important; position:relative!important; left:25px!important; float:left!important;}
.ppuslugep {margin:10px 0 10px 20px!important; float:left!important; width:100%!important;}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
ul.naslovna {  list-style:none; float:right;/* background:url(../images/bgul.png);*/ background-color:#939598; background-repeat:repeat-x; }
ul.naslovna li                      {  float: left; border-right:1px solid #CCCCCC; }
ul.naslovna a:hover		            { color: #D2232A; background:#fff; padding:6px 15px 6px 14px; border-left:1px solid #939598;border-top:1px solid #939598;border-bottom:1px solid #939598; }
ul.naslovna a:active                { color: #ffa500; }
ul.naslovna li a                    { display: block; padding:7px 15px; font-size:16px;font-family: 'Archivo Narrow', sans-serif; color:#fff; }
ul.naslovna li:last-child a         { border-right: none; } 
ul.naslovna li.hover,
ul.naslovna li:hover                {  color: black; position: relative; }
ul.naslovna li.hover a              { color: #D2232A; }
.lastk { border:none !important; padding-right: 0px !important}

.usluge1 {width:1000px; padding:0 20px; height:auto; display:table; margin:auto; background-color:#Fff; box-shadow:10px 10px 5px #666;}
.usluge2 {width:100%!important; height:1px!important; border-bottom:2px solid #D2232A!important; margin:5px 0 0px 0!important;}

ul.usluge {  list-style: circle;height:auto; display:table; position:relative; left:35px; }
ul.usluge li                      {  float: left; width:90%; }
ul.usluge a:hover		            { color: #D2232A;  padding:7px 0px 7px 0px;  }
ul.usluge a:active                { color: #ffa500; }
ul.usluge li a                    { display: block; padding:7px 0px; font-size:16px;font-family: 'Archivo Narrow', sans-serif; color:#555; }
ul.usluge li:last-child a         { border-right: none; } 
ul.usluge li.hover,
ul.usluge li:hover                {  color: black; position: relative; }
ul.usluge li.hover a              { color: #D2232A; padding:7px 0px !important;}
.lastk { border:none !important; padding-right: 0px !important}
.usluge-tx {width:306px; float:left; height:230px; background:#ccc; margin-right:20px; margin-bottom:30px; text-align:center;transition:background-color 2s;
-webkit-transition: background-color 2s;}
.usluge-tx:hover {width:306px; float:left; height:230px; background:#D2232A; margin-bottom:30px;text-align:center;  }
.usluge-tx1 {width:306px; float:left; height:230px; background:#ccc; margin-bottom:30px; margin-left:20px;text-align:center;transition:background-color 2s;
-webkit-transition: background-color 2s;}
.usluge-tx1:hover {width:306px; float:left; margin-left:20px; height:230px; background:#D2232A; margin-bottom:30px;text-align:center;  }
.usluge-tx2 {width:306px; float:left; height:230px; background:#ccc; margin-bottom:30px;text-align:center;transition:background-color 2s;
-webkit-transition: background-color 2s;}
.usluge-tx2:hover {width:306px; float:left; height:230px; background:#D2232A; margin-bottom:30px;text-align:center;  }
@media screen and (max-width:830px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 5px 0;
	}
	.ei-title h2, .ei-title h3{
		text-align: center;
	}
	.ei-title h2{
		font-size: 20px;
		line-height: 24px;
	}
	.ei-title h3{
		font-size: 30px;
		line-height: 40px;
	}
}