/*******************************
 * Created by: Domagoj Gračan
 * Date: August 4, 2012
 * Website: http://www.active.hr/
********************************/


/***** RESET STILOVA ZA BROWSER *****/

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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

body { background: url(../slike/pozadina.jpg) #eaded5; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 21px; }

input,select,textarea,button { color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; outline: none; margin: 0; }

/*input[type=checkbox].css-checkbox {
							display:none;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding-left:22px;
							height:17px; 
							display:inline-block;
							line-height:17px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:17px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -17px;
						}
						label.radio {
				background-image:url(../slike/checkbox.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}*/

blockquote { 
	font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 15px; line-height: 28px; 
	padding: 20px 20px 20px 60px; background: #f9f9f9 url(../images/quotes.png) no-repeat 20px 25px; color: #999; margin: 20px 0;
}
blockquote.bqfloatleft { float: left; width: 500px; margin: 0 25px 25px 0; }
blockquote.bqfloatright { float: right; width: 500px; margin: 0 0 25px 25px; }


a, a:active { text-decoration: none; outline: none; }
h1,h2,h3,h4 { color: #333; font-weight: normal; }
h1 { font-size: 28px; line-height: 38px; }
h2 { font-size: 24px; line-height: 30px; }
h3 { font-size: 18px; line-height: 28px; }
h4 { font-size: 16px; line-height: 26px; }
table { border-collapse: collapse; }
table tr td { padding: 5px 0; }
hr { border: 0; border-top: 1px solid #ddd; margin: 25px 0; clear: both; }

input {
	background: #fae1e1;
	padding: 5px;
	margin-bottom: 5px;
	border: none;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #c86868;
}
textarea {
	background: #fae1e1;
	padding: 5px;
	margin-bottom: 5px;
	border: none;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #c86868;
}

.lijevo { float: left; }
.desno { float: right; }

/***** GLOBALNI STILOVI *****/

a { color:#999999; } 
a:hover { color: #bbb; }


/***** GLAVNA STRUKTURA *****/

.wrapper {
	width: 100%;
	position: relative;	
}
.main-wrapper {
	margin: 0 auto;
	width: 868px;
	position: relative;			
}
.title {
	background:url(../slike/glavna-pozadina-top.png) no-repeat;
	height: 190px;
	width: 868px;	
}
.wrapper-back-content {
	background:url(../slike/glavna-pozadina-nastavak.png) repeat-y;		
}
.wrapper-back-content-tirkiz {
	background:url(../slike/glavna-pozadina-nastavak-tirkiz.png) repeat-y;		
}
.wrapper-back-content-zelena {
	background:url(../slike/glavna-pozadina-nastavak-zelena.png) repeat-y;
}
.wrapper-back-content-crvena {
	background:url(../slike/glavna-pozadina-nastavak-crvena.png) repeat-y;
}
.wrapper-content {
	background:url(../slike/glavna-pozadina-bottom.png) no-repeat;
	width: 868px;
	min-height: 604px;
}
.content-top {
	width: 616px;
	float: left;
}
.content {
	width: 616px;
	float: left;
}
.content-pro {
	width: 616px;
	float: right;
	margin-right: 20px;
}
.footer {
	background:url(../slike/footer.png) no-repeat;
	width: 788px;
	height: 83px;
	padding: 40px 40px 0 40px;
}


/***** NAVIGACIJA *****/

.navig-top {
	color: #a06666;
	position: absolute;
	top: 15px;
	right: 150px;
	z-index: 1200;
	font-weight: bold;
	font-size: 13px;
}
.navig-top ul {
	display: inline;
}
.navig-top ul li {
	display: inline;
	margin-left: 10px;
}
.navig-top ul li div {
	float: left;
}
.navig-top ul li a {
	color: #a06666;
}
.navig-top ul li a:hover {
	color: #804646;
}

.navig-content-top-responsive {	display: none; }
.navig-content-top {
	font-weight: bold;
	font-size: 13px;
	margin: 15px 0 10px 0;
}
.navig-content-top ul {
	text-align:center;
}
.navig-content-top ul li {
	display: inline;
	margin: 0 8px;
}

#home 			{ display: inline-block; }
#home a 		{ background:url(../slike/navigacija-gornja.png) 0 0 no-repeat; width: 35px; height: 15px; display: block;}
#home a:hover, #home a.active	{ background:url(../slike/navigacija-gornja.png) 0px -15px no-repeat; width: 35px; height: 15px; display: block; }

#onama 			{ display: inline-block; }
#onama a 		{ background:url(../slike/navigacija-gornja.png) -70px 0 no-repeat; width: 49px; height: 15px; display: block; }
#onama a:hover, #onama a.active	{ background:url(../slike/navigacija-gornja.png) -70px -15px no-repeat; width: 49px; height: 15px; display: block; }

#pitanja 		{ display: inline-block; }
#pitanja a 		{ background:url(../slike/navigacija-gornja.png) -140px 0 no-repeat; width: 53px; height: 15px; display: block; }
#pitanja a:hover, #pitanja a.active	{ background:url(../slike/navigacija-gornja.png) -140px -15px no-repeat; width: 53px; height: 15px; display: block; }

#kontakt 		{ display: inline-block; }
#kontakt a 		{ background:url(../slike/navigacija-gornja.png) -210px 0 no-repeat; width: 57px; height: 15px; display: block; }
#kontakt a:hover, #kontakt a.active { background:url(../slike/navigacija-gornja.png) -210px -15px no-repeat; width: 57px; height: 15px; display: block; }

#blog-top 			{ display: inline-block; }
#blog-top a 		{ background:url(../slike/navigacija-gornja.png) -280px 0 no-repeat; width: 31px; height: 15px; display: block; }
#blog-top a:hover, #blog-top a.active	{ background:url(../slike/navigacija-gornja.png) -280px -15px no-repeat; width: 31px; height: 15px; display: block; }


#navig-left { float: left; width: 145px; padding: 200px 20px 0 60px; }
#navig-left ul { margin: 0; font-size: 14px; font-weight: bold; }
#navig-left ul li { list-style: none; margin-bottom: 5px; }
#navig-left ul li .linija { margin: 10px 0; }

#pozivnice a 		{ background:url(../slike/navigacija-lijeva.png) 0 0 no-repeat; width: 150px; height: 20px; display: block; }
#pozivnice a:hover, #pozivnice a.active	{ background:url(../slike/navigacija-lijeva.png) -150px 0px no-repeat; width: 150px; height: 20px; display: block; }

#zagoste a 			{ background:url(../slike/navigacija-lijeva.png) 0 -20px no-repeat; width: 150px; height: 20px; display: block; }
#zagoste a:hover, #zagoste a.active		{ background:url(../slike/navigacija-lijeva.png) -150px -20px no-repeat; width: 150px; height: 20px; display: block; }

#dekoracije a 		{ background:url(../slike/navigacija-lijeva.png) 0 -40px no-repeat; width: 150px; height: 20px; display: block; }
#dekoracije a:hover, #dekoracije a.active	{ background:url(../slike/navigacija-lijeva.png) -150px -40px no-repeat; width: 150px; height: 20px; display: block; }


#napravitesami a 		{ background:url(../slike/navigacija-lijeva.png) 0 -60px no-repeat; width: 150px; height: 20px; display: block; }
#napravitesami a:hover, #napravitesami a.active 	{ background:url(../slike/navigacija-lijeva.png) -150px -60px no-repeat; width: 150px; height: 20px; display: block; }

#personalizirano a 		{ background:url(../slike/navigacija-lijeva.png) 0 -80px no-repeat; width: 150px; height: 20px; display: block; }
#personalizirano a:hover, #personalizirano a.active 	{ background:url(../slike/navigacija-lijeva.png) -150px -80px no-repeat; width: 150px; height: 20px; display: block; }

#razno a 		{ background:url(../slike/navigacija-lijeva.png) 0 -100px no-repeat; width: 150px; height: 20px; display: block; }
#razno a:hover, #razno a.active 	{ background:url(../slike/navigacija-lijeva.png) -150px -100px no-repeat; width: 150px; height: 20px; display: block; }

#blog-left a 			{ background:url(../slike/navigacija-lijeva.png) 0 -120px no-repeat; width: 150px; height: 20px; display: block; }
#blog-left a:hover , #blog-left a.active	{ background:url(../slike/navigacija-lijeva.png) -150px -120px no-repeat; width: 150px; height: 20px; display: block; }

#christmass a 		{ background:url(../slike/navigacija-lijeva.png) 0 -140px no-repeat; width: 150px; height: 20px; display: block; }
#christmass a:hover, #christmass a.active 	{ background:url(../slike/navigacija-lijeva.png) -150px -140px no-repeat; width: 150px; height: 20px; display: block; }

#pokloni a 		{ background:url(../slike/navigacija-lijeva.png) 0 -160px no-repeat; width: 150px; height: 20px; display: block; }
#pokloni a:hover, #pokloni a.active 	{ background:url(../slike/navigacija-lijeva.png) -150px -160px no-repeat; width: 150px; height: 20px; display: block; }


#navig-left ul li a img {
	vertical-align: middle;
}



/***** FOOTER *****/

.footer-email {
	color:#FFF;
	float: left;
}
.footer-email span {
	float: left;
}
.footer-email form {
	float: left;
}
.footer-email input {
	background: url(../slike/pozadina-email-footer.png);
	width: 190px;
	padding: 5px;
	border: none;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #dc9999;
}

.footer-navig {
	float: right;
	text-align: right;
}
.footer-navig a {
	color:#22201c;
}
.footer-navig a:hover {
	color:#dc9999;
}
.footer-navig .sredina {
	margin-right:50px;
}

.footer-social {
	color:#FFF;
}
.footer-social img {
	vertical-align: middle;
}



/***** SITNICE *****/

.cipka {
	background: url(../slike/cipka.png) repeat-x;
	height: 76px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
}


.dobrodosli {
	background: url(../slike/dobrodosli.png) no-repeat;
	position: absolute;
	top: 570px;
	left: -110px;
	width: 172px;
	height: 198px;
	z-index: 1300;
	
	-moz-animation: 2s ease 0s normal none infinite swing;
    -moz-transform-origin: 50% 7%;
    -webkit-animation:swing 2s infinite ease-in-out;
    -webkit-transform-origin: 50% 7%;
}
@-moz-keyframes swing{
    0%{-moz-transform:rotate(-4deg)}
    50%{-moz-transform:rotate(4deg)}
    100%{-moz-transform:rotate(-4deg)}
}
@-webkit-keyframes swing{
    0%{-webkit-transform:rotate(-4deg)}
    50%{-webkit-transform:rotate(4deg)}
    100%{-webkit-transform:rotate(-4deg)}
}

.akcija-pro-mala { position: absolute; background:url(../slike/akcija.png); height: 22px; width: 59px; top: 19px; left: -3px;}

.zastavica {
	background: url(../slike/zastavica.png) no-repeat;
	position: absolute;
	top: 760px;
	left: 7px;
	width: 187px;
	height: 34px;
	z-index: 1400;
}

.zastavica-naslov { width: 520px; height: 45px; padding: 14px 0 0 58px; margin-top: 35px; color: #fff; font-size: 20px; font-weight: bold; font-style: italic; }
.zastavica-naslov-blog { width: 520px; height: 45px; padding: 14px 0 0 58px; margin-top: 35px; color: #fff; font-size: 20px; font-weight: bold; font-style: italic; }
.naslov-crvena { background: url(../slike/zastavica-naslov-crvena.png) no-repeat; }
.naslov-plava {	background: url(../slike/zastavica-naslov-plava.png) no-repeat; }
.naslov-roza { background: url(../slike/zastavica-naslov-roza.png) no-repeat; }
.naslov-smedja { background: url(../slike/zastavica-naslov-smedja.png) no-repeat; }
.naslov-tirkiz { background: url(../slike/zastavica-naslov-tirkiz.png) no-repeat; }
.naslov-zelena { background: url(../slike/zastavica-naslov-zelena.png) no-repeat; }

.glavna-slika {
	width: 616px;
	height: 434px;
	background-position: 16px 15px;
	background-repeat: no-repeat;
	position: relative;
}
.glavna-slika-top {
	width: 616px;
	height: 434px;
	background-position: 16px 15px;
	background-repeat: no-repeat;
	position: relative;
}


.glavni-tekst {
	width: 500px;
	margin: 15px auto 20px auto;
	font-size: 14px;
	color: #8e9093;
}
.glavni-tekst-top {
	width: 500px;
	margin: 15px auto 20px auto;
	font-size: 14px;
	color: #8e9093;
}
.glavni-tekst a {
	color: #ff9999;
}
.glavni-tekst a:hover {
	color: #663300;
}
.glavni-tekst-siroki {
	width: 580px;
	margin: 20px auto;
}
.glavni-tekst-siroki h3 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #f19a9a;
	margin: 15px 0;
}
.glavni-tekst-siroki p {
	font-size: 13px;
	color: #8e9093;
}

.glavni-tekst-uski {
	width: 280px;
}
.glavni-tekst-uski h3 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #f19a9a;
	margin: 15px 0;
}
.glavni-tekst-uski p {
	font-size: 13px;
	color: #8e9093;
}

.tekst-linija1 {
	background: url(../slike/linija01.png) no-repeat;
	margin: 0 0 10px 0;
	width: 580px;
	height: 9px;
}

.tekst-linija2 {
	background: url(../slike/linija02.png) no-repeat;
	margin: 20px 0;
	width: 580px;
	height: 1px;
}
.tekst-linija4 {
	background: url(../slike/linija04.png) no-repeat;
	margin: 5px 0;
	width: 540px;
	height: 9px;
}
.tekst-linija5 {
	background: url(../slike/linija05.png) no-repeat;
	margin: 10px 0;
	width: 540px;
	height: 1px;
}

.kosarica {
	background: url(../slike/kosarica.jpg) no-repeat;
	height: 76px;
	position: absolute;
	top: 0;
	right: 20px;
	width: 100px;
	height: 131px;
	z-index: 1100;
}
.kosarica-broj {
	font-size: 17px;
	font-weight: bold;
	color: #f19a9a;
	margin: 28px auto;
	text-align: center;
}
.blogfooter {
	height: 35px;
	font-size: 12px;
	font-weight: bold;
}
.blogfooter a {
	color: #8e9093;
}
.blogfooter a:hover {
	color: #aeb0b3;
}
.numeracija {
	float: left;
	color: #8e9093;
}
.pogledaj {
	float: right;
	padding-right: 35px;
	color: #8e9093;
}

.odmakcontent { float: left; width: 145px; padding: 20px 20px 0 60px; }

.okvir_slike {
	position:absolute;
	top:0px;
	left:0px;
	z-index: 1100;
	width:616px;
	height: 434px;
}
.okvir_slider {
	position:absolute; top:14px; left:17px; z-index: 1000; width: 577px; height: 397px;
}


/***** PROIZVODI *****/

.thumb-gal-pro {
	width: 500px;
	margin: 15px auto 20px auto;
}
.thumb-gal-pro ul li {
	display: inline;
	margin: 0 3px;
}
.thumb-gal-pro ul li a img {
	width: 73px;
}

.tablica-pro {
	width: 550px;
	font-size: 16px;
	color: #8e9093;
}
.tablica-pro input {
	background: #fae1e1;
	padding: 5px;
	border: none;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #c86868;
	text-align: right;
}

.gumb-sjena {
	margin-left: -9px;
	width: 257px;
	height: 51px;	
}

.pro-lista {
	position: relative;
	float: left;
	width:180px;
	margin: 20px 5px 0 5px;
}
.pro-lista h3 {
	padding: 5px 15px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #ff9999;
}
.pro-lista h3 a {
	color: #ff9999;
}
.pro-lista h3 a:hover {
	color: #cf7979;
}
.pro-lista .izdvojeno a {
	color: #999966;
}
.pro-lista .izdvojeno a:hover {
	color: #797956;
}

.pro-lista p {
	padding: 5px 10px 10px 10px;
	font-size: 14px;
	color: #a2a4a7;
}

.pro-lista img {
	width: 180px;
}

.pro-linija-mala {
	background: url(../slike/linija03.png) no-repeat;
	margin: 0 0 10px 0;
	width: 180px;
	height: 9px;
}


/***** KOŠARICA I CHECKOUT *****/
.opis-polja {
	color:#888;
	margin: 5px 10px -5px 0;
	font-weight: normal;
}

.tablica-stranica {
	width: 540px;
	font-size: 15px;
	color: #8e9093;
}
.tablica-stranica .kosarica-sirina {
	width: 540px;
}
.tablica-stranica .prijava-sirina {
	width: 616px;
}
.tablica-stranica td {
	padding: 3px;	
}
.ukupnacijena {
	background: #fff1f1;	
}
.tablica-stranica h5 {
	color: #cc5555;
}
.tablica-stranica a {
	color: #ef8888;
	font-size: 16px;
	font-weight: bold;
}
.tablica-stranica p {
	margin-bottom: 10px;
	font-size: 16px;
}
.tablica-stranica input {
	background: #fae1e1;
	padding: 5px;
	border: none;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #c86868;
	margin: 5px 0;
	width: 91%
}
.tablica-stranica input.desno {
	text-align: right;
}
.tablica-stranica input.lijevo {
	text-align: left;
}



/***** DODATCI *****/

.pagination {
    font-size: 12px;
    font-weight: bold;
    color:#888;
}
.pagination ul span {
    margin-right: 30px; 
}
.pagination li {
    display: inline;
    margin-right: 7px;
}
.pagination li a{
    color:#888;
}
.pagination li a:hover {
    color:#aaa;
}
.pagination li a.curentpage {
    color:#f29a9a;
}

.clear{
	clear: both;
}


@media only screen and (min-width: 320px) and (max-width: 640px) {
    /* 321px and up */
	body { background: none; }
	.main-wrapper { width: 100%; }
	.wrapper-content { background: #fff; width: 100%; min-height: 604px; }
	.wrapper-back-content { background: none; }
	.wrapper-back-content-tirkiz { background-image: none; background-color: #e8f7f7; }
	.wrapper-back-content-zelena { background-image: none; background-color: #f7f7e3; }
	.wrapper-back-content-crvena { background-image: none; background-color: #f19a9a; }
	.content-top { width: 100%; }
	.content { width: 100%; }
	.content-pro { width: 100%; clear: both; margin-right: 0; }
	
	.glavni-tekst { width: 91%; margin: 15px 0 20px 0; padding: 10px; }
	.glavni-tekst-top { width: 91%; margin: 15px auto 20px auto; }
	.glavni-tekst-siroki { width: 95%;}
	
	.tekst-linija1 { background: url(../slike/linija01.png) no-repeat center; width: 100%;	}
	.tekst-linija2 { background: url(../slike/linija02.png) no-repeat center; width: 100%; }
	.tekst-linija4 { background: url(../slike/linija04.png) no-repeat center; width: 100%; }
	.tekst-linija5 { background: url(../slike/linija05.png) no-repeat center; width: 100%; }
	
	.odmakcontent { width: 10px; padding: 20px 20px 0 0; }
	.navig-content-top { display:none; }
	.navig-content-top-responsive { display: block; font-weight: bold; font-size: 12px; padding: 79px 10px 0 140px; }
	.navig-content-top-responsive div { background: #e8f7f7; width: 100%; margin-bottom: 1px; height: 28px; padding-top: 7px; }
	.navig-content-top-responsive div a { color: #52bfbf; margin: 0 10px; display: block; }
	/* responsive navigacija */
	#navig-pro-responsive {padding-top: 0; display: none; position:absolute; z-index: 10000;}
	
	.pro-lista { float: none; width:95%; margin: 20px auto 0 auto; background-color:#e5e5e5;  }
	.pro-lista p { color: #111;  }
	.pro-lista h3 { padding-bottom: 15px; }
	.pro-lista h3 a { color: #a45a5a;  }
	.pro-lista img { width:100%; }
	.pro-linija-mala { display: none; }
	
	/* FOOTER */
	.footer { background: #d6ba9c; width: 100%; height: 127px; padding: 20px 0 0 0; margin-left: 0; }
	.footer-email { float: none; margin-left: 20px; }
	.footer-email input { width: 190px;}
	.footer-navig {	text-align: left; clear: both; float: none; margin-top:15px; margin-left: 20px;	}
	.footer-navig .sredina { margin-bottom: 10px; float: none; clear: both; display: block; }
	.footer-social { float: none; clear: both; }
	.title { background: url(../slike/glavna-pozadina-top-res2.png) no-repeat #fff; background-size:cover; height: 300px; width: 100%; }
	
	#navig-left { display: none; }
	.kosarica { background: #fff; top: 0; right: 10px; width: 40px; height: 40px; }
	.kosarica a { font-size: 11px; }
	.kosarica-broj { margin: 13px auto; }
	.navig-top { position: absolute; top: 15px; right: 60px; }
	.navig-top ul li {display: inline; margin-left: 5px; }
	.dobrodosli { display: none; }
	.zastavica { display: none; }
	
	/* okvir i slika */
	.okvir { display: none; }
	.okvir_slike { display: none; }
	.okvir_slike img { width: 100%; }
	.okvir_slider { position:absolute; top:14px; left: 0px; z-index: 1000; width: 100%; }
	.glavna-slika { width: 100%; height: 410px;	margin-bottom: 0; background-position: top center; background-size: cover; }
	.glavna-slika-top {	width: 100%; height: 410px; margin-bottom: 0; background-position: top center; background-size: cover;	}
	.thumb-gal-pro { width: 410px; width: 100%; }
	.thumb-gal-pro ul { margin-left: 10px; }
	
	/* zastavice za naslove*/
	.zastavica-naslov { width: 91%; height: auto; padding: 15px; margin: 25px auto 0 auto; }
	.zastavica-naslov-blog { width: 91%; height: auto; padding: 15px; margin: 25px auto 0 auto; }
	.naslov-crvena { background-image: none; background-color: #ff6666; }
	.naslov-plava {	background-image: none; background-color: #9999cc }
	.naslov-roza { background-image: none; background-color: #ff9999 }
	.naslov-smedja { background-image: none; background-color: #663300 }
	.naslov-tirkiz { background-image: none; background-color: #66cccc }
	.naslov-zelena { background-image: none; background-color: #b1b185; }
	
	.desno { float: none; }
	.glavni-tekst-uski { margin: 0 20px; }
	
	.tablica-pro { width: 100%; font-size: 16px; color: #8e9093; }
	.tablica-stranica { width: 100%; }
	
	.gumb-sjena { margin-left: -9px; width: 170px; height: 33px; }
	
	.no-xs { display: none; }
	
}

@media only screen and (min-width: 641px) and (max-width: 768px) {
    /* 641px and up */
	body { background: none; }
	.main-wrapper { width: 620px; }
	.wrapper-content { background: none; width: 620px; min-height: 604px; margin-top: -270px; }
	.wrapper-back-content { background: none; }
	.wrapper-back-content-tirkiz { background-image: none; background-color: #e8f7f7; }
	.wrapper-back-content-zelena { background-image: none; background-color: #f7f7e3; }
	.wrapper-back-content-crvena { background-image: none; background-color: #f19a9a; }
	
	.content-top { width: 420px; }
	.content { width: 100%; }
	.content-pro { width: 570px; float: none; margin: 0 auto; clear: both; margin-right: 0; }
	.odmakcontent { width: 10px; padding: 20px 20px 0 0; }
	
	.navig-content-top ul li { margin: 0 5px; }
	.navig-content-top-responsive {	display: none; }
	
	.footer { background: #d6ba9c; width: 580px; height: 91px; padding: 20px 20px 0 20px; margin-left: 0; }
	.footer-email { float: none; }
	.footer-email input { width: 190px; }
	.footer-navig { text-align: left; clear: both; float: none; margin-top:15px; }
	.footer-navig .sredina { margin-right:40px; float: left; }
	.footer-social { float: right; }
		
	.title { background: url(../slike/glavna-pozadina-top-res2.png) no-repeat #fff; height: 369px; width: 620px; }
	.glavni-tekst { width: 500px; margin: 15px auto 20px auto; }
	.glavni-tekst-top { width: 410px; margin: 15px auto 20px auto; }
	.glavni-tekst-siroki { width: 410px; }
	
	.tekst-linija1 { background: url(../slike/linija01.png) no-repeat center; width: 410px;	}
	.tekst-linija2 { background: url(../slike/linija02.png) no-repeat center; width: 410px; }
	.tekst-linija4 { background: url(../slike/linija04.png) no-repeat center; width: 410px; }
	.tekst-linija5 { background: url(../slike/linija05.png) no-repeat center; width: 410px; }
	
	.kosarica { background: #fff; top: 0; right: 20px; width: 50px; height: 40px; }
	.kosarica-broj { margin: 13px auto;	}
	.navig-top { color: #a06666; position: absolute; top: 15px; right: 82px; }
	#navig-left { padding: 270px 20px 0 30px; }
	
	/* okvir i slika */
	.okvir { display: none; }
	.okvir_slike { display: none; }
	.okvir_slike img { width: 515px; height: 363px; }
	.okvir_slider { position:absolute; top:14px; left: 0px; z-index: 1000; width: 410px; height: 282px; }
	.glavna-slika { width: 100%; height: 320px; margin-bottom: 0; background-position: center; background-size: contain; }
	.glavna-slika-top { width: 410px; height: 300px; margin-bottom: 10px; background-position: top center; background-size: contain; }
	
	.thumb-gal-pro { width: 410px; }
	
	.dobrodosli { display: none; }
	.zastavica { display: none; }
	
	.zastavica-naslov-blog { background-position: center; width: 97%; height:auto; padding: 8px; margin-top: 25px; font-size: 15px; }
	
	.tablica-pro { width: 455px; font-size: 16px; color: #8e9093; }
	.tablica-stranica { width: 100%; }
	
	.gumb-sjena { margin-left: -9px; width: 170px; height: 33px; }
	
	.no-s { display: none; }
}

@media only screen and (min-width: 769px) and (max-width: 890px) {
    /* 769px and up */
	.main-wrapper { width: 750px; }
	.wrapper-content { background:url(../slike/glavna-pozadina-bottom.png) no-repeat; width: 750px; min-height: 604px; }
	.content-top { width: 515px; }
	.content { width: 515px; }
	.content-pro { width: 570px; float: none; margin: 0 auto; clear: both; margin-right: 0; }
	
	.odmakcontent { width: 80px; padding: 20px 20px 0 20px; }
	
	.navig-content-top ul li { margin: 0 7px; }
	.navig-content-top-responsive {	display: none; }
	
	.footer { background: #d6ba9c; width: 700px; height: 43px; padding: 20px 20px 0 20px; margin-left: 10px; }
	.footer-email input { width: 150px;	}
	.footer-navig .sredina { margin-right:40px;	}

	.title { background:url(../slike/glavna-pozadina-top-res1.png) no-repeat; height: 190px; width: 750px; }	
	
	.glavni-tekst { width: 500px; margin: 15px auto 20px auto; }
	.glavni-tekst-top { width: 500px; margin: 15px auto 20px auto; }
	.glavni-tekst-siroki { width: 500px; }
	
	.tekst-linija1 { background: url(../slike/linija01.png) no-repeat center; width: 500px; }	
	.tekst-linija2 { background: url(../slike/linija02.png) no-repeat center; width: 500px; }
	.tekst-linija4 { background: url(../slike/linija04.png) no-repeat center; width: 490px; }
	.tekst-linija5 { background: url(../slike/linija05.png) no-repeat center; width: 490px; }

	/* okvir i slika */
	.okvir { width:515px; height: 363px; }
	.okvir_slike { position:absolute; top:0px; left:0px; z-index: 1100; width:515px; height: 363px; }
	.okvir_slike img { width:515px;	height: 363px; }
	.okvir_slider { position:absolute; top:14px; left:17px; z-index: 1000; width: 477px; height: 328px; }
	.glavna-slika {	width: 495px; height: 341px; margin-bottom: 40px; background-size: contain; }
	.glavna-slika-top { width: 495px; height: 341px; margin-bottom: 40px; background-size: contain; background-position: 12px 15px; }
	
	.zastavica { display: none; }
	
	.zastavica-naslov-blog { width: 490px; height: 42px; background-size:contain; padding: 10px 0 0 19px; margin-top: 25px; }
	
	.tablica-pro { width: 510px; font-size: 16px; color: #8e9093; }
	.tablica-stranica { width: 100%; }
	
	.gumb-sjena { margin-left: -9px; width: 210px; height: 42px; }
	
	.no-m { display: none; }
}



/* Za Privacy i Cookies */
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}