/*
font-family: 'Niconne', cursive;
font-family: 'Source Sans Pro', sans-serif;
*/
@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
body{
	font-family: 'Source Sans Pro', sans-serif;
    overflow-x:hidden;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#header {
	height: 103px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/family-tradition.jpg);
	background-repeat: no-repeat;
	background-position: 295px center;
}
#logo {
	background-image: url(../img/dinko-logo.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	height: 103px;
	width: 252px;
}

/* ---------------------------CSSTerm.com Simple Horizontal DropDown CSS menu */

.drop_menu {
	list-style-type:none;
}
.drop_menu li { float:right; }
.drop_menu li a {
	display:block;
	color:#571a14;
	text-decoration:none;
	font-style: italic;
	font-weight: 700;
	font-size: 16px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-top: 70px;
}

/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
}
.drop_menu li:hover { position:relative;background:#571a14; }
.drop_menu li:hover a { color: #FFF;}
.drop_menu li:hover ul {
	left:0px;
	top:94px;
	padding:0px;
	color: #FFF;
	z-index: 9999;
}

.drop_menu li:hover ul li a {
	padding:5px;
	display:block;
	width:120px;
	text-indent:15px;
	background-color:#571a14;
	color: #FFF;
}
.drop_menu li:hover ul li a:hover {
		background-color:#FFF; 	color: #571a14;
}
/*-----------------------------SLIDE SHOW------------------------------------------------*/
#slide {
	height: 570px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	z-index: -9999;
}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/* CSS za slider */

ul.bjqs-controls.v-centered li a{
	display:block; /*none da se ne prikaže*/
	padding:10px;
	background:#571a14;
	color:#FFF;
	text-decoration: none;
}
ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}
ol.bjqs-markers li a{
	display: none; /*brojevi ispod*/
}
/*-----------------------------------------------------------------------------------------------------*/
#opis-naslovna {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	text-align: center;
	padding-top: 10px;
}
#opis-naslovna a {
	color: #571a14;
	text-decoration: none;
}

.istaknuto {
	font-style: italic;
	font-weight: 700;
	color: #571a14;
	font-size: 18px;
}
#footer {
	height: 50px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 15px;
}
#footer a {
	font-size: 11px;
	text-transform: uppercase;
	color: #525252;
	text-decoration: none;
}
.paddingDesno {
	padding-right: 15px;
}
#velika-slika{	
  width:1280px;
  margin: 0 auto;
  height: 326px;
}
#sadrzaj {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}

#sadrzaj-galerija {
	width: 360px;
	float: left;
	height: 600px;
}
#sadrzaj-galerija img {
	padding-right: 5px;
	padding-bottom: 5px;
}

#sadrzaj-tekst {
	width: 370px;
	float: left;
	padding-bottom: 25px;
}
h1{
	font-family: 'Niconne', cursive;
	font-size: 55px;
	color: #601f18;
}#sadrzaj-tekst p {
	font-size: 15px;
	padding-bottom: 10px;
}
.podnaslov {
	font-weight: 700;
}

#sadrzaj-opis {
	width: 190px;
	float: right;
	text-align: right;
}
.lista {
	color: #571a14;
	background-image: url(../img/markica-mala.jpg);
	background-position: right center;
	padding-right: 24px;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	margin-bottom: 8px;
}
.size {
	font-size: 18px;
	font-weight: 700;
	color: #571a14;
	font-style: italic;
}
h2 {
	font-size: 64px;
	font-style: italic;
	font-weight: 700;
	color: #571a14;
	line-height: 50px;
}