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

/*ALL................................................*/

body {
	font:12px Arial, Helvetica, sans-serif; 
	color:#666;
	background-color:#00628C;
	height:100%;
	}	
html { height:100%;}	
	
a:link {color:#157AB7;}
a:visited {color:#157AB7;}
a:hover {color:#E29018;}
a:active {color:#157AB7;}
a:link, a:visited, a:hover, a:active {text-decoration:none;outline:none;}

h1 {color:#00A2FF; font-size:20px;}
h2 {color:#00A2FF; font-size:16px;}
h3 {}

.bold { font-weight:bold;}

.text11 { font-size:11px;}

/*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, ul, li, form, 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/headerbg.gif) repeat-x;
	color:#fff;
	height:144px;
	width:100%;
	}	
#header_hold {
	height:144px;
	margin:auto;
	width:920px;
	}		
.language {
	float:right;
	padding-top:20px;
	text-align:right;
	width:200px;
	}		
.logo {
	height:60px;
	padding:40px 0 0 0;
	width:294px;
	}	
#header a:link, #header a:visited {color:#fff;}
#header a:hover, #header a:active {color:#001E2B;}
#header a:link, #header a:visited, #header a:hover, #header a:active {text-decoration:none;outline:none;}
	

/*MAIN...............................................*/
#main {
	background:#fff url(../images/mainbg.gif) repeat-x;
	overflow:hidden;
	width:100%;
	}	
#main_hold {
	margin:auto;
	overflow:hidden;
	width:960px;
	}	
#main_right {
	float:left;
	_margin-right:-3px; /*IE6 fix*/
	overflow:hidden;
	padding:10px;
	width:740px;
	}	
.rootline {
	border-bottom:1px dotted #00A2FF;
	font-size:11px;
	height:20px;
	margin-bottom:40px;
	width:740px;
	}	
.rootline2 {
	border-bottom:1px dotted #00A2FF;
	font-size:11px;
	height:20px;
	margin-bottom:20px;
	width:740px;
	}	

/*menu*/
#menu {
	background:url(../images/menu.png) no-repeat;
	color:#CCC;
	float:left;
	overflow:hidden;
	padding:20px;
	width:160px;
	}	
#menu a:link, #menu a:visited {color:#6C6C6C;}
#menu a:hover, #menu a:active {color:#00A2FF;}
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {text-decoration:none;outline:none;}	
	
#menu ul {
	margin:0;
	padding:0;
	}		
#menu ul li {
	margin:5px 0;
	padding-left:20px;
	}
#current {
	background:url(../images/bullet.gif) no-repeat top left;
	}	
	
/*baner*/
#baner {
	background-color:#fff;
	border:1px solid #ccc;
	float:left;
	height:220px;
	padding:10px;
	width:460px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
	}
.baner_hold {
	height:220px;
	width:460px;
	}	
#novo {
	background-color:#fff;
	border:1px solid #ccc;
	float:left;
	height:218px;
	margin-left:15px;
	padding:10px;
	position: relative;
	width:220px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
	}
.novo_hold {
	cursor:pointer;
	height:218px;
	width:220px;
	}
.akcija {
	position: absolute;
	left:172px;
	top: -15px;
	z-index: 501;
	}

/*index proizvodi*/
.index_box, .index_box2 {
	background-color:#fff;
	border:1px solid #ccc;
	float:left;
	margin-bottom:15px;
	_margin-right:-3px; /*IE6 fix*/
	overflow:hidden;
	padding:10px;
	width:340px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
	}
.index_box {
	margin-right:15px;
	}	
.index_box_pic {
	float:left;
	overflow:hidden;
	width:150px;
	}	
.index_box_text {
	float:left;
	overflow:hidden;
	text-align:justify;
	width:190px;
	}

/*box*/
.box {
	background-color:#fff;
	border:1px solid #ccc;
	margin:0 0 20px 0;
	overflow:hidden;
	padding:20px;
	width:700px;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
	}
.box_pic {
	float:left;
	overflow:hidden;
	width:200px;
	}	
.box_text {
	float:left;
	overflow:hidden;
	text-align:justify;
	width:500px;
	}

/*detaljnije*/
.detaljnije_pic {
	float:left;
	overflow:hidden;
	width:350px;
	}	
.detaljnije_text {
	float:left;
	line-height:18px;
	overflow:hidden;
	text-align:justify;
	width:350px;
	}	
.detaljnije_text_link ul {
	margin:0;
	padding:0;
	}		
.detaljnije_text ul li {
	margin:0;
	background:url(../images/strelica.gif) no-repeat left;
	padding-left:15px;
	}		
.pic_velika {
	margin-top:20%;
	}		

/*FOOTER.............................................*/
#footer {
	background:url(../images/footerbg.gif) repeat-x;
	color:#fff;
	height:125px;
	text-align:center;
	width:100%;
	}	
#footer a:link, #footer a:visited {color:#fff;}
#footer a:hover, #footer a:active {color:#001E2B;}
#footer a:link, #footer a:visited, #footera:hover, #footer a:active {text-decoration:none;outline:none;}	
	
#footer_hold {
	height:95px;
	margin:auto;
	padding-top:30px;
	width:960px;
	}
#footer_menu_col {
	color:#999;
	}	
	
table.tabla {margin:16px;box-shadow:0px 0px 10px #cccccc;-webkit-box-shadow:0px 0px 6px #cccccc;}
.tabla td {padding:2px 4px;text-align:center;background:#fafafa;border:1px solid #e9e9e9;}
.tabla th {padding:2px 4px;text-align:left;background:#f1f1f1;border:1px solid #e0e0e0;}