/*CSS made by Zoran Perin - ALEZZO.COM*/

/*ALL................................................*/
body {
	background:#fff;
	color:#666;
	font:12px Arial, Helvetica, sans-serif; 
	height:100%;
	line-height:1.4em;
	}
a:link, a:visited {color:#5BA2E5;}
a:hover, a:active {color:#C91532;}
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;}
body, div, dl, dt, dd, pre, form, fieldset, input, table, th, td, embed, object {
	padding:0; margin: 0;
	}
:focus {outline: 0;}
:link,:visited { text-decoration:none }
.clear {clear:both;}
.bold {font-weight:bold;}

/*HEADER.............................................*/
#header {
	background:url(../images/headerbg.gif) repeat-x;
	height:120px;
	width:100%;
	}
#header_hold {
	height:120px;
	margin:auto;
	width:960px;
	}
#logo {
	display:inline;
	float:left;
	height:110px;
	width:270px;
	}
#header_info {
	background:#f5f5f5;
	border:2px solid #fff;
	border-top:none;
	display:inline;
	float:right;
	padding:20px;
	width:220px;
	}
#header_info ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#header_info ul li {
	list-style:none;
	margin:5px 0 0 0;
	padding-left:22px;
	}
.lista1 {background:url(../images/icon1.gif) left no-repeat;}
.lista2 {background:url(../images/icon2.gif) left no-repeat;}
	

/*menu*/
#menu {
	background:#5BA2E5;
	height:30px;
	width:100%;
	}
#menu_hold {
	height:30px;
	margin:auto;
	width:960px;
	}	
.menu_box {
	display:inline;
	float:left;
	line-height:30px;
	padding:0 20px 0 0;
	}	
#menu a:link, #menu a:visited {color:#fff;}
#menu a:hover, #menu a:active {color:#000;}
	

/*MAIN...............................................*/
#main_hold {
	margin:auto;
	overflow:hidden;
	width:960px;
	}
	
/*main*/
#main {
	display:inline;
	float:left;
	margin:0 20px 0 0;
	overflow:hidden;
	padding:20px 0;
	width:680px;
	}
.head_top {
	background:url(../images/header_top.gif) repeat-x;
	color:#fff;
	font-weight:bold;
	height:25px;
	line-height:25px;
	padding:0 0 0 20px;
	width:660px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	}
.main_txt {
	margin:20px 10px 10px 10px;
	overflow:hidden;
	text-align:justify;
	width:660px;
	}
.main_video {
	display:inline;
	float:left;
	height:324px;
	margin:20px 20px 20px 0;
	width:400px;
	}	
.main_info_box {
	background:#F5F5F5;
	display:inline;
	float:left;
	height:304px;
	margin:20px 0 0 0;
	padding:10px;
	width:236px;
	}	

/*right*/
#right {
	display:inline;
	float:left;
	overflow:hidden;
	padding:20px 0;
	width:260px;
	}
.right_top {
	background:url(../images/right_top.gif) repeat-x;
	color:#fff;
	font-weight:bold;
	height:25px;
	line-height:25px;
	padding:0 0 0 20px;
	width:240px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	}
.right_ponuda_hold {
	border:1px solid #ccc;
	margin-bottom:20px;
	overflow:hidden;
	width:258px;
	}	
.right_ponuda_box {
	height:70px;
	margin:10px auto;
	width:248px;
	}
.right_ponuda_box img {
	float:left;
	margin:0 10px 0 0;
	}	
	
.banka {
	margin:10px 0;
	text-align:center;
	width:248px;
	opacity: 0.6;
	filter:alpha(opacity=60);
	-ms-filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	}
.banka:hover {
	opacity: 1;
	filter:alpha(opacity=100);
	-ms-filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	}	
.izaberi {
	border:1px solid #dfdfdf;
	color:#666;
	padding:4px;
	width:220px;
	-moz-border-radius:0.3em;
	-khtml-border-radius:0.3em;
	}	

/*FOOTER.............................................*/
#footer {
	background-color:#5BA2E5;
	height:90px;
	width:100%;
	}
#footer_hold {
	height:80px;
	margin:auto;
	padding-top:10px;
	text-align:center;
	width:960px;
	}	
#footer a:link, #footer a:visited {color:#fff;}
#footer a:hover, #footer a:active {color:#000;}


/*INDEX page.........................................*/
#slider_main {
	height:280px;
	margin:0 auto;
	width:660px;
	}
#slider_main ul, #slider_main ul li {
	margin:0;
	padding:0;
	list-style:none;
	}
#slider_main ul li {
	display:block;
	float:left;
	height:260px;
	padding:10px 20px;
	text-align:justify;
	width:290px;
	}

/*RUMA page..........................................*/
.ruma_slike_hold {
	overflow:hidden;
	width:680px;
	}
.ruma_slika1, .ruma_slika2 {
	height:150px;
	margin:0 0 5px 0;
	width:220px;
	}
.ruma_slika1 {
	margin:0 0 5px 0;
	}		
.ruma_slika2 {
	margin:0 5px 5px 5px;
	}	
th {
	background:#5BA2E5;
	color:#fff;
	padding:3px;
	}
td {
	background:#f3f3f3;
	text-align:center;
	}