/* CSS Document */
/* Strukturni CSS za PlumFramework */
/* dipl.ing. Milan Jovanovic, za PlumDesign, admin@plum-design.net, www.plum-design.net */

/* napomene */
/* malim slovima su ispisani nazivi klasa i selektori */
/* selektori su pisani tako da pocinju malim slovom dok svaka sledeca rec pocinje velikim npr. #mojSelektor  */
/* selektori predstavljaju nazive ID atributa HTML tagova i prema DTD konvenciji ne treba da sadrze donje crte niti druge karaktere */


/*
shorthand properties

  font:(font-style) (font-variant) (font-weight) (font-size) (line-height) (font-family);
  background:(color) (url image) (repeat) (position);
  border:(size-px) (style-dashed,solid,dotted) (color);

*/
@import url(fontovi.css);

*{/* predefinisani stilovi za sve HTML tagove */
	padding:0px;
	margin:0px;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
}



html{	
	width:100%;
	height: 100%;
    overflow-y: scroll;
}
body {
	width:100%;
	height: 100%;
	margin: 0px; 
	padding:0px;
	background: #F5F5DC;
	background-attachment:fixed;

}
img {
	border:0px;

}
.oblast_strane{/* kontejner strane */
	width:100%;
	margin:auto;
	color:#fff;
	border:0px solid green;
}

.oblast_zaglavlja, .oblast_zaglavlja_pocetna{/* kontejner hedera stranice */
	position:relative;
	border:0px solid green;	

}

.sadrzaj_wrapper{
	max-width: 1000px;
	margin: auto;
}
.oblast_sadrzaja{/* kontejner sadrzaja, oblast izmedju menija i futera */
	max-width: 1000px;
	margin: auto;

	display:-webkit-box;/* safari, chrome */
	-webkit-box-orient:horizontal;

	display:-moz-box;/* firefox */
	-moz-box-orient: horizontal;

	display:box;/* default */
	box-orient: horizontal;	

	display: -ms-flexbox;/* IE 10 */
	-ms-flex-direction: row;/* vertical = column, horizontal = row */
}


.oblast_futera{
	position: relative;
	width: 100%;
	background-color: #2f3338;
	background-repeat: no-repeat;
	background-position: 20px 40px;
}


.header{
	width:100%;
}
.header_bxslider{
	width:100%;
	height: 100%;
	margin: auto;
/*	background-image: url(../../cms_upload/pages/files/7_kuhinja_fioka.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;*/
}
.header_bxslider > div{
	width:100%;
	height: 100%;	
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.header .bx-pager{ position: absolute; bottom:20px;}
.bx-wrapper .bx-viewport {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:0px;
	left: 0px;
	background: none;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #999;
	width: 15px;
	height: 15px;
	margin: 0 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}


/* </ OBLASTI STRANE > */

/* < ELEMENTI ZAGLAVLJA > */
.logo{
	position:absolute;
	top: 70px;
	left: 20px;
	width:160px;
	height: 160px;
	background-color: rgba(255,255,255,0.7);
	box-shadow: 0px 0px 3px #333;
}
.logo a{
	display: block;
	width: 100%;
	height: 100%;
}
.logo a img{
	border:none;
	display: block;
	width: 100%;
	height: 100%;
}


.glavni_meni_pocetna_wraper{
	position: absolute;
	top: 0px;
	background: rgba(255,255,255,0.8);
	width: 100%;
	margin: 0px;
	border-color: #634A33;
	border-style: solid;
	border:0px;
}

.glavni_meni_pocetna {
	max-width:1024px;
	margin: auto;
}
.glavni_meni_pocetna ul{
	width: 100%;
	list-style-type: none;
	border:0px solid red;

	display:-webkit-box;/* safari, chrome */
	-webkit-box-orient:horizontal;

	display:-moz-box;/* firefox */
	-moz-box-orient: horizontal;

	display:box;/* default */
	box-orient: horizontal;	

	display: -ms-flexbox;/* IE 10 */
	-ms-flex-direction: row;/* vertical = column, horizontal = row */
}
.glavni_meni_pocetna li{
	border:0px;
	border-color: #cdbba7;
	border-style: solid;
	border-left-width: 1px;

	-webkit-box-flex:1;
	-moz-box-flex:1;
	box-flex:1;
}

.glavni_meni_pocetna li:last-child{
	border-right-width: 1px;
}

.glavni_meni_pocetna li a{
	display: block;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	line-height: 48px;
	color: #634A33;
	font-family: 'News Cycle', sans-serif;
	font-size: 22px;
	font-weight: 400;/*400,700*/
}
.glavni_meni_pocetna li a:hover{
	background-color: #E0D4CA;
}
.glavni_meni_pocetna > li > a:active, 
.glavni_meni_pocetna > li > a:focus { outline: 0;}/* skida glupi border na linku u FF-u */


.glavni_meni_wraper{
	background: rgba(255,255,255,0.8);
	width: 100%;
	margin: 0px;
	border-color: #634A33;
	border-style: solid;
	border:none;
}
.glavni_meni {
	max-width:1024px;
	margin: auto;
}
.glavni_meni ul{
	width: 100%;
	list-style-type: none;
	margin: 0px;
}
.glavni_meni li{
	border:0px;
	border-color: #e7d9c9;
	border-style: solid;
	border-left-width: 1px;
	float: left;
}

.glavni_meni li:last-child{
	border-right-width: 1px;
}
.glavni_meni li a{
	display: block;
	padding: 20px 15px 18px 15px;
	text-align: center;
	text-decoration: none;
	color: #634A33;
	font-family: 'News Cycle', sans-serif;
	font-size: 16px;
	font-weight: 400;/*400,700*/
}
.glavni_meni .meni_logo{
	border-left-width: 0px;
}
.glavni_meni .meni_logo a{
	padding: 0px 15px 0px 15px;
}
.glavni_meni .meni_logo a img{
	display: block;
	margin: auto;
	padding: 0px;
}
.glavni_meni li a:hover{
	background-color: #E0D4CA;
}
.glavni_meni > li > a:active, 
.glavni_meni > li > a:focus { outline: 0;}/* skida glupi border na linku u FF-u */

.meni-on{
	display: none;
}

/* IE - MODERNIZR */
.no-borderimage .glavni_meni_pocetna{
	display:block;
}
.no-borderimage .glavni_meni_pocetna li{
	display:inline-block;
}
.no-borderimage .glavni_meni_pocetna li a{
	padding: 0px 20px 0px 20px;
}


.meni_jezici{
	position:absolute;
	top:58px;
	right:0px;
	z-index: 1000;
}

.stranaPage .meni_jezici{
	top:10px;
}
.meni_jezici Li{
	list-style-type: none;
	display:inline-block;
	margin:0px 6px 0px 0px;
}
.meni_jezici A{
	text-decoration: none;
	display: block;
	color: #666;
	padding: 6px 12px 6px 12px;
	background-color: #ccc;
	border-radius: 6px;
}
.meni_jezici A:hover{
background-color: rgb(220, 190, 163);
}
.markLng a{
	background-color: #634A33;
	color: #fff;
	box-shadow: 0px 0px 2px 1px #888888;
}

/* </ ELEMENTI ZAGLAVLJA > */


/*PAGE.CSS*/


#coll_right, #coll_middle, #coll_left{
	border:0px solid red;
}
#coll_right{
	width: 240px;
	_padding-top: 62px;
	-webkit-box-flex:0;
	-moz-box-flex:0;
	box-flex:0;
	-ms-flex:0;
}
#coll_middle{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	box-flex:1;
	-ms-flex:1;

	position: relative;
}
#coll_left{
	width: 180px;


	-webkit-box-flex:0;
	-moz-box-flex:0;
	box-flex:0;
	-ms-flex:0;	
}

/* IE - MODERNIZR */
.no-borderimage .oblast_sadrzaja{
	display:block;
}
.no-borderimage #coll_middle{
	float:left;
		width: 75%;
}
.no-borderimage #coll_right{
	float:left;
		width: 25%;
}

.PageTrackNav ul{
	max-width: 1000px;
	margin: auto;
}

.catTitle{
    padding:10px;
	font-size:30px;
	color:#444;
	font-weight: 300;
	margin: 0px;
}
.catShortDesc{
    padding:0px 10px 10px 10px;
	font-size:14px;
	color:#666;	
}

.stranaPage .pageTitle {
    padding:10px 10px 10px 20px;
    margin:0px;
	font-size:32px;
	font-weight: 300;
	color:#634A33;
	background: rgba(255,255,255,0.9);
}
.stranaPage .pageBody{
	padding:10px 20px 10px 20px;
	margin-bottom: 15px;
	position: relative;	
	background: rgba(255,255,255,0.8);

	font-size:14px;
	color:#333;
}
.stranaPage .pageBody h1{
	font-size:28px;
	font-weight: 400;
	padding:10px 6px 4px 0px;
}

.stranaPage .pageBody h2{
	font-size:22px;
	font-weight: 400;
	padding:8px 6px 4px 0px;	
}

.stranaPage .pageBody h3{
	font-size:18px;
	font-weight: 400;
	padding:8px 6px 4px 0px;	
}


.pageBody p, .pageBody span, .pageBody li, .pageBody b, .pageBody a,.pageBody td{
	font-size:14px;
}
.pageBody p{
    padding:2px 6px 8px 0px;
}

.pageBody UL,.pageBody OL{
	padding:4px 4px 4px 20px;
}
.pageBody UL LI{
	padding:2px;
	list-style-type:square;
}

.pagesList {
	list-style:none;
    padding:15px 5px 5px 0px;
}
.pagesList LI{
	list-style:none;
	padding-bottom:10px;
	padding-top:10px;
	border:0px solid red;
	text-decoration:none;
	border-bottom:1px #d5d5d5 dashed;

}
.pagesList LI A{
	text-decoration:none;
	background:#fff url(images/siva_strelica.gif) no-repeat 0px 2px;
	padding-left:18px;
	font-size:11px;
	display:block;
}
.pagesList LI A:Hover{
	color:#4d90cd;
	background:#fff url(images/plava_strelica.gif) no-repeat 0px 2px;
}
.pagesList .markerStrane A {
	text-decoration:none;
    color:#0099CC;
    font-size:11px;
    font-weight:bold;
     background:#fff url(images/plava_strelica.gif) no-repeat 0% 0%;
}

.bocniMeniStrane {
	list-style:none;
    padding:0px;
    margin:0px 10px 10px 5px;
	border: 0px solid #634A33;
}
.bocniMeniStrane li{
	list-style:none;
	text-decoration:none;
	margin-bottom: 2px;

}
.bocniMeniStrane li a{
	text-decoration:none;
	font-size:16px;
	display:block;
	padding: 10px 5px 10px 10px;
	color: #634A33;
	background: #fff;
}
.bocniMeniStrane > li > a{
	border-left: 3px solid #634A33;
}

.bocniMeniStrane li li a{
	font-size: 14px;
}

.bocniMeniStrane li:last-child a{
	border-bottom:0px;
	margin-bottom: 0px;
	}
.bocniMeniStrane li a:Hover{
	color:#fff;
	background: #634A33; 
}
.bocniMeniStrane .markerStrane,.bocniMeniStrane .markerKategorije,.bocniMeniStrane .markerPodKategorije{

	}

.bocniMeniStrane .markerKategorije > a{
	color:#fff;
	background: #634A33; 
}
.bocniMeniStrane .markerStrane > a, .bocniMeniStrane .markerPodKategorije > a, .bocniMeniStrane .markerPodStrane a{
	background-color: #dcbea3; 
}


.tabMeniStrane {
	list-style:none;
	border-bottom: 2px solid #028ebd;
	padding:7px 7px 0px 7px;
}
.tabMeniStrane LI{
	display: inline-block;
	text-decoration:none;
	-webkit-border-radius:  5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius:  5px 5px 0px 0px;
	border: 1px solid #ccc;
	background:#fff;
	margin-bottom:-2px;
	border-bottom: 2px solid #028ebd;

}
.tabMeniStrane LI A{
	display: block;
	padding: 6px 8px 6px 8px;
	text-decoration: none;
	border: 0px;
	color:#737373;
	font-size: 13px;
	}
.tabMeniStrane LI A:hover{
	color:#028ebd;
	}	
.tabMeniStrane .markerStrane {
	border-color:#028ebd; 
	border-bottom-color:transparent;

background: #fff;
	}
.tabMeniStrane .markerStrane a{
	color:#028ebd;
	font-weight:400;

	}
.ERRporuka{
	margin:20px;
	padding:20px;
	background:#FFC;
	border:1px solid #963;
	text-align:center;
	font-size:16px;
}

.PageTrackNav{
	padding:4px;
	border-bottom:1px solid #ddd;

background: rgb(232,232,232); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.PageTrackNav ul li{
	list-style-type: none;
	display: inline-block;
	border:0px solid red;
	padding: 2px 15px 2px 5px;
	padding-bottom: 2px;
	background: url('../images/track_nav_strelica.png') no-repeat  100% 50%;
}
.PageTrackNav ul li a{
	display:block;
	color:#888;
	text-decoration: none;
	
	border:0px solid red;
}

.PageTrackNav li a:hover{
	text-decoration: underline;
}
.PageTrackNav a.tracknav_home{/* link za kucicu */
	width: 20px;	
	background: url('../images/home_siva.png') no-repeat ;
	padding: 0px;
	border-right:0px solid red;	
}
.PageTrackNav a.tracknav_home:hover{/* hover za kucicu */
	text-decoration: none;
}

/*HOME*/
.home_sections_cnt .textright{
	height: auto;
}
.kontaktiHome a{
	color:#fff;

}
.kontaktiHome .section_coll p{
		padding:0 14px 0 4px; margin: 0!important;;
}
.kontaktiHome.section_row h3{
	display: block;
	font-size:18px;
	padding:20px 14px 10px 4px;
	font-weight: normal;
	box-sizing: border-box;
}

.stranaPage .listaStrana   .info h2{
	padding:4px 0px 0px 8px;
}
.stranaPage .listaStrana  .info h2 a{
	font-size:24px;
	text-decoration: none;
	font-weight: 200;
	color: rgb(99, 74, 51);
}
.stranaPage .listaStrana  .info h2 a:hover{
	text-decoration: underline;
}

.stranaPage .listaStrana{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.stranaPage .listaStrana li{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: #fff;
	min-height: 240px;
	border:1px solid #ccc;
}


.stranaPage .listaStrana{
	display: block;
	width:700px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.stranaPage .listaStrana li{
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: #fff;
	min-height: 200px;
	border:1px solid #ccc;
	font-size: 0;
	
}
.stranaPage .listaStrana li div.img{
	display: inline-block;
	width:260px;
	background: blue;
	margin:0; padding:0;
	vertical-align: top;
}

.stranaPage .listaStrana li div.info{
  display: inline-block;
	width:300px;

	margin:0 10px; padding:0;
	vertical-align: top;
}

.stranaPage .listaStrana li div.info a {
  display: block;
	width:300px;
}

.stranaPage  .listaStrana li div.img a {
	display: block;
	width: 260px;
}

.stranaPage  .listaStrana li div.img a img{
	display: block;
	width: 100%;
	
	}

.stranaPage .listaStrana  .antrafile{
	color: #666;
	padding:8px;
	font-size: 16px;
}
.stranaPage .listaStrana   .info h2{
	padding:4px 0px 0px 8px;
}
.stranaPage .listaStrana  .info h2 a{
	font-size:24px;
	text-decoration: none;
	font-weight: 200;
	color: rgb(99, 74, 51);
}
.stranaPage .listaStrana  .info h2 a:hover{
	text-decoration: underline;
}



.kategorijaStrane-14 .listaStrana{
	display: block;
	width:700px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.kategorijaStrane-14 .listaStrana li{
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: #fff;
	min-height: 240px;
	border:1px solid #ccc;
	font-size: 0;
	
}
.kategorijaStrane-14 .listaStrana li div.img{
	display: inline-block;
	width:260px;
	background: blue;
	margin:0; padding:0;
	vertical-align: top;
}

.kategorijaStrane-14 .listaStrana li div.info{
  display: inline-block;
	width:300px;

	margin:0 10px; padding:0;
	vertical-align: top;
}

.kategorijaStrane-14 .listaStrana li div.info a {
  display: block;
	width:300px;
}

.kategorijaStrane-14  .listaStrana li div.img a {
	display: block;
	width: 260px;
}

.kategorijaStrane-14  .listaStrana li div.img a img{
	display: block;
	width: 100%;
	
	}

.kategorijaStrane-14 .listaStrana  .antrafile{
	color: #666;
	padding:8px;
	font-size: 16px;
}
.kategorijaStrane-14 .listaStrana   .info h2{
	padding:4px 0px 0px 8px;
}
.kategorijaStrane-14 .listaStrana  .info h2 a{
	font-size:24px;
	text-decoration: none;
	font-weight: 200;
	color: rgb(99, 74, 51);
}
.kategorijaStrane-14 .listaStrana  .info h2 a:hover{
	text-decoration: underline;
}

/* ALATKE STRANE */
.clanak_alatke{
	height:35px;
	margin-top:15px;
}
.clanak_alatke A{
	display:block;
	float:left;
	margin-right:10px;
}

.print_page, .page_to_mail{
	height:20px;
	padding-left:20px;
	text-decoration:none;
	padding-top:3px;
}

.print_page{
	background:url(images/icon_print.gif) no-repeat 0px 0px;
}
.page_to_mail{
	background:url(images/icon_tell_to_friend.png) no-repeat 0px 0px;
}

.editToCMS{
	position: absolute;
	display:block;
	padding:6px;
	color: #666;
	font-size: 10px;
	top:4px;
	right:4px;
	background: #fff;
	border: 1px solid #ccc;
	text-decoration: none;
}

.navigatorStrana {


}

.navigatorStrana td{
	height: 50px;
	padding-left: 5px;

}

.NScurLink {
	background: #3b679e; /* Old browsers */
		margin-right:10px;
	padding: 5px 10px 5px 10px; 
	color: #fff;

}

.NSnextLink, .NSprevLink {
	display: none;
}

.NSnextLink {
	text-decoration: none;
	background: #e2e2e2; 
	padding: 5px 10px 5px 10px; 
	color: #4b4b4b;
	border:1px solid #787878;
}
.NSprevLink {
	text-decoration: none;
	background: #e2e2e2; 

	padding: 5px 10px 5px 10px; 
	color: #4b4b4b;
	border:1px solid #787878;
}
.NSnextLink span,.NSprevLink span{
	display:none;
}
.NSnextLink:after{
	content:"SLEDEĆA";
}
.NSprevLink:after{
	content:"PRETHODNA";
}

.NSgotoLink {
	text-decoration: none;
	background: #e2e2e2; 
	margin-right:5px;
	padding: 5px 10px 5px 10px; 
	color: #4b4b4b;
		border:1px solid #8c8c8c;
}

.glavna_slika{
	margin: 0px 8px 0px 0px;
	float: left;
	max-width: 400px;
}
.glavna_slika a{
	display: block;
	}
.glavna_slika img{
	width: 100%;
	display: block;
	}

.album{
	padding-top: 5px;
}
.album:after{
	display:block;
	content:"";
	clear: both;
	float:none;
}

.album a, .album a img{
	display: block;
	width: 175px;
	width: 175px;
}
.album a{
	float:left;
	margin: 0px 5px 5px 0px;
}
.album a:hover, .glavna_slika a:hover{
	outline:4px solid #ffe267;
}
.album hr{
	float: none;
	clear: both;
	border:none;
	background: no-repeat;
}

.baner_link{
	display: block;
}
.baner_link img{
	width: 100%;
	max-height: 225px;
	border: none;
}




/* < FOOTER > */
.futer_meni{
	list-style-type: none;
	max-width: 1024px;
	margin: auto;
}
.futer_meni > li{
	float:left;
	margin: 15px 0px 0px 15px;
	height: 200px;
	width: 200px;
}
.futer_meni > li h3{
	margin-bottom: 10px;
}
.futer_meni > li h3 a{
	color: #e8ded6;
	font-weight: normal;
	font-size:18px;
	text-decoration: none; 
}
.futer_meni > li h3 a:hover{
	text-decoration: underline;
}
.futer_meni li li{
	list-style-type: none;
	border-bottom: 1px solid #655f5b;
}
.futer_meni li li a{
	color: #e8ded6;
	font-size:14px;
	text-decoration: none; 
	display: block;
	padding:4px;
}
.futer_meni li li a:hover{
	background-color: #655f5b;
}
.futer_logo{
	position: relative;
	width: 160px;
	height: 110px;
	margin: auto;
	background: url(../../cms_upload/pages/files/8_futer_logo_blagojev_nasledink.png) no-repeat 50% 50%;
}


.copyrights{
	text-align: center;
	padding: 20px;
	color: #9e9996; 
	font-size: 12px;
}

A.plumlink {
	color:#fff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
/* KATEGORIJE STRANICA */
.desc-container {
	margin:0 0 15px 0;
}
.desc-container p{
	color:#666;
	font-size:14px;
	padding:0 10px;
}
.desc-container .glavna_slika {
	padding:0 10px;
}

/* </ FOOTER > */

.prekidFloat{
	clear:both;
	float:none;
}


/*
.ppt{
  position:absolute;
  bottom:160px;
	left:0;
	background: rgba(255,255,255,.7);
	width:0!important;
	max-width:580px!important;
	padding: 20px 10px;
	color:brown!important;
	font-size: 26px!important;
}


*/