/*CSS made by Zoran Perin - ALEZZO.COM*/

/*ALL................................................*/

body {
	font:12px Arial, Helvetica, sans-serif; 
	color:#303030;
	background:#B2B2B4;
	height:100%;}
	
html { height:100%;}	
	
a:link, a:visited {color:#157AB7;}
a:hover, a:active {color:#E29018;}
a:link, a:visited, a:hover, a:active {text-decoration:none;outline:none;}

h1 {}
h2 {}
h3 {}

/*RESET................................................*/

a img, :link img, :visited img {border: 0;}

ul, ol {list-style: none;}

table {border-collapse: collapse; border-spacing: 0;}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, ul, li, fieldset, input, table, th, td, embed, object {
	padding:0; margin: 0;}

:focus {outline: 0;}

:link,:visited { text-decoration:none }
	
.clear {clear:both;}

/*HEADER.............................................*/
#header {
	background:url(../images/header_bg.png) repeat-x;
	height:164px;
	width:100%;}
	
#header_hold {
	/*background:url(../images/header_radial.png) left no-repeat;*/
	background:url("../images/header_radial.png") no-repeat;
	height:163px;
	margin:auto;
	width:980px;}	
	
.logo {
	float:left;
	height:120px;
	padding:20px 0 0 130px;
	width:200px;}
	
.kontakt_podaci {
	background: url(../images/kartica.png) no-repeat;
	float:right;
	height:70px;
	padding:15px 0 0 15px;
	width:230px;}
	
.kontakt_podaci ul {
	margin:0;
	padding:0;}	

.kontakt_podaci ul li {
	margin:5px 0 0 0;
	padding-left:20px;}

.lista1 {background:url(../images/icons/icon1.gif) left no-repeat;}
.lista2 {background:url(../images/icons/icon2.gif) left no-repeat;}

/*MENU...............................................*/
.menu {
	float:right;
	margin-top:50px;
	text-align:right;
	width:560px;}

.menu span {padding:0 6px;}

.menu a:link, .menu a:visited {color:#666;}
.menu a:hover, .menu a:active {color:#000;}
.menu a:link, .menu a:visited, .menu a:hover, .menu a:active {text-decoration:none;outline:none;}


/*MAIN...............................................*/
#main {
	background-color:#fff;
	overflow:hidden;
	width:100%;}
	
#main_holder {
	overflow:hidden;
	margin:auto;
	width:960px;}
	
#main_left {
	border-right:1px solid #D0D0D0;
	float:left;
	overflow:hidden;
	margin:20px 0;
	text-align:center;
	width:249px;}
	
#main_center {
	float:left;
	margin:20px 0;
	overflow:hidden;
	text-align:center;
	width:460px;}	

#main_right {
	border-left:1px solid #D0D0D0;
	float:left;
	margin:20px 0;
	overflow:hidden;
	text-align:center;
	width:249px;}	


/*FOOTER.............................................*/
#footer {
	background-color:#B2B2B4;
	border-top:1px solid #909293;
	height:100px;
	margin:auto;
	width:960px;}

.menu_footer {
	float:right;
	margin-top:10px;
	text-align:right;
	width:560px;}

.menu_footer span {padding:0 6px;}

.menu_footer a:link, .menu_footer a:visited {color:#666;}
.menu_footer a:hover, .menu_footer a:active {color:#000;}
.menu_footer a:link, .menu_footer a:visited, .menu_footer a:hover, .menu_footer a:active {text-decoration:none;outline:none;}
/*GALERIJA.............................................*/
.slika {width:230px;height:178px;padding:10px;border:solid 1px #cccccc;margin:3px;float:left;}
.slika img{clear:both;padding:0px;margin:0px;}


.gal_thumb {
	border:1px solid #ccc;
	display:inline;
	float:left;
	height:158px;
	margin:0 10px 10px 0;
	padding:5px;
	width:210px;
	filter:alpha(opacity=100);  
	opacity: 1;
	}
.gal_thumb:hover {
	filter:alpha(opacity=70);  
	opacity: 0.7;
	}	
	