/* Base styles */

	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, strong, sub, sup, tt, var, b, 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 {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: disk; list-style-position: inside; margin-top: 7px; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

	body {
		font: 15px/21px 'Open Sans', sans-serif;
		color: #333;
		background-color: #fff;
		}

	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		text-align: left;
		font-family: 'Open Sans Condensed', sans-serif;
		}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 35px; line-height: 47px; color: #6c8c31; font-family:'Conv_Rosa Marena',Sans-Serif; }
	h2 { font-size: 23px; line-height: 35px; text-transform: uppercase; font-weight: bold; }
	h3 { font-size: 17px; line-height: 25px; color: #fff; text-transform: uppercase; margin-bottom: 15px; }
	h4 { font-size: 33px; line-height: 25px; color: #fff; font-weight: bold; }
	h5 { font-size: 19px; line-height: 27px; font-weight: bold; text-shadow: none; }
	h6 { font-size: 17px; line-height: 25px; color: #fff; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

	a, a:visited { color: #6c8c31; text-decoration: none; outline: 0; }
	a:hover, a:focus {  }
	p a, p a:visited { line-height: inherit; }
	
	form { margin: 0; padding: 0; }
	form div img { padding-right: 5px; margin-bottom: -10px; }
	form p { margin: 5px 0 3px 0 }

	input[type=text], input[type=password], input[type=email], textarea, select {
		border: 1px solid #ccc;
		font-family: 'Open Sans', Arial Narrow, Tahoma, sans-serif;
		color: #111;
		margin: 0 0 20px 0;
		background: #fff;
		width: 100%;
		height: 29px;
		text-indent: 10px;
		
		-webkit-box-sizing : border-box;‌​
	    -moz-box-sizing : border-box;
	    box-sizing : border-box;
		}
	textarea  { height: 150px; }

	input[type=text]:focus, input[type=email]:focus, textarea:focus {
		border: 1px solid #000;
 		color: #111;
		}

	input[type="submit"], input[type="button"] {
		font-family: 'Open Sans', Arial Narrow, Tahoma, sans-serif;
		font-size: 15px;
		background-color: #6c8c31;
		color: #fff;
		border: none;
		display: inline-block;
		text-decoration: none;
		cursor: pointer;
		line-height: normal;
		padding: 6px 10px;
		text-transform: uppercase;
		}

	input[type="submit"]:hover, input[type="button"]:hover {
		background-color: #f9e96a;
		color: #000;
		}
/* Base styles */

html,
body { height:100%; }
.wrapper { min-height:100%;	position:relative; }
.content { padding-bottom: 50px; }
.footer { min-height: 50px; width: 100%; position: absolute; bottom:0; left:0; background-color: #fff; border-top: 7px solid #6c8c31; font-size: 13px; }

#slider { position: fixed; width: 100%; height: 100%; }
	.slider-image {
		overflow: hidden;
		width:100%;
		height: 100%;
		background: no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		}

	.slider-one { background-image: url(../images/big/detska.jpg); }
	.slider-two { background-image: url(../images/slider/spalni.jpg); }
	.slider-three { background-image: url(../images/slider/interior.jpg); }
	.slider-four { background-image: url(../images/slider/kuhni.jpg); }
	.slider-five { background-image: url(../images/slider/OP.jpg); }
.info { margin-top: 175px; }

.back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

.header { position: fixed; width: 100%; z-index: 99; top: 0; }
.header-pic { background-size: 100% auto !important; }
.title { font-size: 57px; position: relative; z-index: 66; text-indent: 7px; }

.thumb { width: 183px; height: 183px; margin-right: 2px; overflow: hidden; }
.list { width: 309px; height: 309px; margin-right: 2px; overflow: hidden; }
	.last { margin-right: 0; }
.main { margin-bottom: -5px !important; }

.fancybox-overlay { background: #333 !important; }
.fancybox-skin { padding: 0 !important; }

.green { height: 50px; background-color: #6c8c31; }
.nav, .furn, .subfurn, .menu, .lang { text-transform: uppercase; font-family: 'Open Sans Condensed', Arial Narrow, Tahoma, sans-serif; font-size: 19px; }
.lang { position: absolute; right: 10px; top: 15px; color: #fff;}
	.furn, .nav div, .menu { width: 157px; height: 35px; padding-top: 15px; cursor: pointer; display: inline-block; color: #fff; }
		.menu { display: none !important; }
	.nav div:hover, .furn:hover, .active, .lang:hover { color: #f9e96a; }
.subfurn { position: absolute; top: 50px; z-index: 999; display: none; background-color: rgba(255,255,255,.85); }
	.subfurn a { font-size: 17px; font-weight: bold; color: #666; }
		.subfurn a:hover { color: #333; }
	.subfurn div { padding: 7px 45px; }
	.subfurn div:hover { background-color: #fff; }
.logo { margin: -11px 17px 0 0; padding-bottom: 7px; }
.show { display: none; }

/* misc */
.back-white { background-color: rgba(255,255,255,.85); margin-bottom: 9px; padding: 0 10px; }
.back-yellow { background-color: rgba(249,233,106,.85); padding: 7px; }
.back-grey { background-color: #777; }
.back-none { padding: 7px; }
.header-white {
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	}
.color-white { color: #fff; }
.color-yellow { color: #f9e96a; }
.color-green { color: #6c8c31; }

.bordered { border: 1px solid; }

.remove-bottom { margin-bottom: 0 !important; }
.remove-top { margin-top: 0 !important; padding-top: 0 !important; }
.half-bottom { margin-bottom: 20px !important; }
.add-bottom { margin-bottom: 35px !important; }
.half-top { margin-top: 20px !important; }
.add-top { margin-top: 35px !important; }
.add-left { margin-left: 10px; }
.add-right { margin-right: 17px; }
.add-one { margin-right: 3px; }

.add-padd { padding-top: 141px; }
.padd-top { padding-top: 9px; }
.padd-bottom { padding-bottom: 15px; }
.padd-left { padding-left: 10px; }

.to-right { float: right !important; }
.to-left { float: left !important; }
.inline { display: inline-block; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right !important; }
.just { text-align: justify; }	
.break { clear: both; }

.animiran {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
	
	@media only screen and (max-width: 959px) {
		.menu { display: block !important; }
		.nav { position: absolute; top: 50px; width: 100%; background-color: rgba(255, 255, 255, .85); z-index: 9; }
			.nav div { display: block; width: 100%; font-weight: bold; color: #666; }
			.nav div:hover { color: #333; background-color: #fff; }
		.header-white { background-color: #fff;	}
		.logo { width: 150px; height: auto; margin: -5px 17px 0 0; padding-bottom: 5px; }
		.subfurn, .nav { top: 107px; }
		.hide { display: none; }
		.show { display: inline-block; }
		.add-padd { padding-top: 111px; }
		.main { padding-top: 107px; }
		}

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.thumb { width: 144px; height: 144px; }
		.list { width: 245px; height: 245px; }
		.header-pic { background-size: auto 100% !important; }
		}

	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.furn, .menu { width: 154px; }
		.thumb { width: 135px; height: 135px; }
		.list { width: 206px; height: 206px; }
		.last, .add-one { margin-right: 2px; }
		.title { font-size: 47px; }
		.header-pic { background-size: auto 100% !important; }
		}

	@media only screen and (max-width: 479px) {
		.furn, .menu { width: 125px; }
		.thumb, .list { width: 146px; height: 146px; }
		.last, .add-one { margin-right: 2px; }
		.title { font-size: 33px; }
		h2 { font-size: 15px; }
		.header-pic { background-size: auto 100% !important; }
		.lang { right: 130px; }
		}
		
/* varlov.com */
#varlov { position: absolute; width: 30px; height: 35px; overflow: hidden; margin:-7px 0 0 0; cursor: pointer; right: 0; top: 7px; }
	#varlov .va {
		margin-top: -20px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		}
	#varlov:hover > .va {
		margin: 0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		}

/* font */
@font-face {
	font-family: 'Conv_Rosa Marena';
	src: url('/fonts/Rosa Marena.eot');
	src: local('☺'), url('/fonts/Rosa Marena.woff') format('woff'), url('/fonts/Rosa Marena.ttf') format('truetype'), url('/fonts/Rosa Marena.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}