* {margin: 0; padding: 0; border: none; text-decoration: none; list-style-type: none;}

a {
outline: none;
}

body {
	background: url(images/bg.jpg) repeat;
	background-color: #6482b2;
	text-align: center;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 17px;
}
h1 {
	display: none;
	visibility: hidden;
	}
	
h2 {font: bold 18px Arial, Helvetica, sans-serif;
	color: #5b7496;}

#mainmenu li, #mainmenu a {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #fff;}
	
#mainmenu a:hover {text-decoration: underline;}
	
#mainmenu a {
	margin: 0 20px}
	
#mainmenu li {
	padding: 0 0px;}

		
#column {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #736340; 
	margin-left: 30px;
	
	margin-top: 3px;
	padding-top: 9px; 
	background: url(images/sidebar_top.jpg) no-repeat;
	} 
	
#column_ul{
	width: 209px;	
	padding: 10px 0 0 15px;
	background: url(images/sidebar_content.jpg) repeat-y;
	color: #b9b19f;
	margin: 0
	}
	
#column #sidebar_bottom {
	background: url(images/sidebar_bottom.jpg) no-repeat;
	height: 9px;	
	}
	
#column ul li {
	padding: 10px 0;
	margin-right: 30px;
	border-bottom: 1px solid #ded8cb;}
	
#container #bottom {border-bottom: none;}

#column #column_ul a {
	/*margin-left: 10px;*/
	background: url(images/dot.jpg) 7px 4px no-repeat;
	}

#column a {
	padding-left: 20px;
	color: #736340;}
	
#column a:visited {
	color: #736340;}
	
#column a:hover, #column .active a {
	color: #b9b19f;}

#column #column_ul ul li {
	font: bold 13px Arial, Helvetica, sans-serif;
	padding: 4px 0;}

#column #column_ul ul li {
	list-style-type: none;	
	padding-left: 20px;
	border-bottom: none;
	margin-right: 0;}
	
#column #column_ul ul a {
	background: url(images/point_ul.jpg) 0 6px no-repeat;
	color: #4c79c0;
	padding-left: 10px;
	}	
	
#column #column_ul ul a:visited {
	color: #4c79c0;}
	
#column #column_ul ul a:hover, #column #column_ul ul .active a {
	color: #839bc0;}
	
#column #column_ul ul ul li {
	padding-left: 20px;
	border-bottom: none;
	margin-right: 0;
	font-size: 0.9em;}

#column #column_ul ul ul li a {
	background: url(images/point_ul_ul.jpg) 0 6px no-repeat;
	padding-left: 10px;
	color: #4a5e7d;}
	
#column #column_ul ul ul a:visited {
	color: #4a5e7d;}
	
#column #column_ul ul ul a:hover, #column #column_ul ul .active a {
	color: #6884b0;}	


#column2 {margin: 10px 0 0 40px; text-align: center;}
	
	
#content {
	margin-top: 3px;
	padding: 0 25px 70px;
	}	
	
#content p, #content ul {
	padding: 8px 0;
	}

#content h2 {
	border-bottom: 2px solid #e4d4b7;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
	
#content h3 {
	border-bottom: 1px solid #e4d4b7;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 1.4em;
	color:#5B7496;
	}
h4 {
font-size: 1.2em;
margin: 0;
color: #7D858F;
padding: 10px 0 8px;
}
	
#content ul li {
	margin-left: 40px;
	}

#content a {
color: #4D7FCF;
text-decoration: none;
}

#content a:hover {
color: #1551AF;
text-decoration: underline;
}

.content_nav {
padding-bottom: 30px;
font-weight: bold;
font-size: 1.1em;
color: #AF9A6D;
float: left;
width: 520px;
}

.content_nav a {
margin: 0 7px 0 0;
display: block;
float: left;
background: #FFFFFF;
border: 1px solid #CFBC9B;
padding: 2px 7px;
}

.content_nav a:hover {
background: #CFEEFF;
border: 1px solid #7DB8DF;
}

.content_right {
float: right;
width: 200px;
}

.content_right img {
border: 1px solid #E4D4B7
}

#content .content_right p {
padding: 10px 15px;
}

#footer p {
	padding: 32px 0 0 50px;
	color: #fff;}
	
#footer #left {float: left;}

#footer #right {
	float: right; 
	text-align: right; 
	margin-right: 50px;}
	
	
#footer a { color: #fff;}

#footer a:hover {text-decoration: underline;}



/******************   overall layout        *******************/



#container {
	width: 844px;
	margin: 0 auto;
	background: url(images/content2.jpg) repeat-y;
	text-align: left;	
	color: #4f4125;
	
}
#divfirst {
	background: url(images/gradient.png) repeat-x;
	padding-top: 47px;
	padding-bottom: 100px;	
	}


#header {
	height: 113px;
	background: url(images/header.jpg) no-repeat;	
	}
#banner1, #banner2, #banner3, #banner4, #banner5 {
	height: 265px;
	width: 844px;
	}
#banner1 {
background: url(images/banners/1.jpg) no-repeat;
}
#banner2 {
background: url(images/banners/2.jpg) no-repeat;
}
#banner3 {
background: url(images/banners/3.jpg) no-repeat;
}
#banner4 {
background: url(images/banners/4.jpg) no-repeat;
}
#banner5 {
background: url(images/banners/5.jpg) no-repeat;
}

#mainmenu {float: right; margin: 63px 50px 0 0; }
#mainmenu li {float: left; list-style: none;}
/*#mainmenu {clear: both; }*/

#content {
	width: 520px;
	float: left;
}
#column_all {
	width: 239px;
	float: left;
}
#footer {
	background: url(images/footer3.jpg) no-repeat;
	height: 93px;
	clear: both;
}

.sastav_table {
border-color: #E4D4B7;
border-width: 0 0 1px 1px;
border-style: solid;
width: 300px;
float: left;
}

.sastav_table td {
border-color: #E4D4B7;
border-width: 1px 1px 0 0;
border-style: solid;
padding: 5px 7px;
}

.sastav_table_title td {
background: #EFE4D1;
text-align: left;
}

.prodajna_mjesta_table {
border-color: #E4D4B7;
border-width: 0 0 1px 1px;
border-style: solid;
margin-bottom: 10px;
}

.prodajna_mjesta_table td {
border-color: #E4D4B7;
border-width: 1px 1px 0 0;
border-style: solid;
padding: 3px 7px;
}

.prodajna_mjesta_title td {
background: #EFE4D1;
font-weight: bold;
}

.prod_col1, .prod_col2 {
width: 180px;
}

.prod_col3 {
width: 100px;
}

#gallery_table {
text-align: center;
}

.sastojci_jezici {
line-height: 20px;
}

.img_right {
float: right;
margin-right: 15px;
}

#gallery img {
float: left;
border: 1px solid #E4D4B7;
margin: 0 10px 10px 0;
}

hr {
clear: both;
height: 1px;
}

hr.hr_2 {
background: #E4D4B7;
color: #E4D4B7;
}

#content ul.reg_list {
margin: 0;
}

#content ul.reg_list li {
margin-left: 20px;
padding: 3px 0;
}

.header_link {
float: left;
display: block;
width: 230px;
height: 40px;
margin: 50px 0 0 60px;
display: inline;
}


/* FORMS */


#forma {
margin: 0;
padding-top: 10px;
}

#forma input, #forma select, #forma textarea {
color: #4C6BAF;
width: 300px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px;
background: #ffffff;
border: 1px solid #CFB78E;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}

#forma input.button {
width: 65px;
padding: 2px 0;
}

legend {
display: none;
}

fieldset {
border: 0;
margin: 0;
padding: 0
}

.emph {
font-weight: bold;
}

.alert {
color: #FF0000
}