/*
Theme Name: Economy theme
Theme URI: http://www.economy.hr
Description: Economy theme
Version: 1.0
Author: Augustin Ravnic
*/


*{
	margin: 0;
	padding: 0;
	outline: none;
	}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

a{
	color: #578cb1;
	text-decoration: none;
	}

a:hover{
	text-decoration: underline;
	}

p{
	line-height: 18px;
	margin-bottom:10px;
	}

.clear{
	clear: both;
	}

.left{
	float: left;
	}

.right{
	float: right;
	}

.mright_15px{
	margin-right: 15px;
	}

.w279{
	width: 279px;
	}

.orange{
	color:#F60;
	}

#wrapper{
	margin: 0 auto;
	width: 960px;
	}

#header{
	position: relative;
	}
	
	#header #logo{
		margin: 25px 25px 30px;
		border: none;
		}

	#header h1{
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 15px;
		color: #666666;
		font-weight: normal;
		position:absolute;
		top: 80px;
		left: 25px;
		}
/*		
	#header #nav{
		
		}
		
		#header ul#nav > li{
			}
		
		#header ul#nav > li.firstnavli{
			border: none;
			}
			
			#header ul#nav > li a{
				border: none;
				}

			#header ul#nav > li ul {
				z-index: 1000;
				opacity:0.9;
				filter:alpha(opacity=90);
				list-style: none;
				background: #666;
				position: absolute;
				left: 0; top: 38px;
				margin: 0; 
				padding-top: 10px;
				padding-bottom:3px;
				display: none;
				float: left;
				width: 170px;
				-moz-border-radius-bottomleft: 5px;
				-moz-border-radius-bottomright: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
	}

				#header ul#nav > li ul li{
					margin: 0;
					padding: 0;	
				
					clear: both;
					width: 170px;
				}

					#header ul#nav > li ul li a {
						float: left;
						display: block;
						width: 132px;
						margin-left: 4px;
						border-bottom: 1px solid #777;
					}
					
						#header #nav > li ul li a:hover { 
							background: #f24e1b; 
						}




*/



.navigation {
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 15px;
		color: #666666;
		position:absolute;
		top: 80px;
		right: 0;
	}
	
.navigation > li {
			position: relative; /*--Declare X and Y axis base--*/
			display: inline-block;
			padding: 0 10px;
			border-left: 1px solid #b3b3b3;
			position: relative; 
			list-style: none;
	
}

.navigation > li.firstnavli{
			border: none;
			}

.navigation > li a{	
	text-decoration: none;
	display: block;
	}	
	
.navigation > li a:hover{	
	text-decoration: underline;
	}

ul.navigation > li ul {
	z-index: 1000;
	border-left: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	background: #fff;
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -1px; top: 18px;
	margin: 0; 
	padding-bottom:10px;
	padding-top:10px;
	display: none;
	float: left;
	width: 205px;
}
ul.navigation > li ul li{
	margin: 0;
	padding: 0;	
	 /*--Create bevel effect--*/
	clear: both;
	width: 190px;
	line-height: 25px;
	font-size:12px;
	text-transform: uppercase;
	margin-left: 10px;
}

html ul.navigation li ul li a {
	float: left;
	display: block;
	width: 192px;
}	

html ul.navigation li ul li a:hover { /*--Hover effect for subnav links--*/
	text-decoration: underline;
	}





	#header #top_nav{
		position:absolute;
		top: 0;
		right: 0;
		font-size:11px;
		/*border-bottom:1px solid #ddd;*/
		}	

		#header #top_nav li{
			display: inline-block;
			margin: 5px 10px;
			}

.breadcrumb{
	font-size: 11px;
	color: #666666;
	text-indent: 15px;
	margin: 5px 0;
	}

.other_bc{
	background: url(images/bg_breadcrumb.png) no-repeat;
	height: 36px;
	width: 960px;
	margin-bottom: 15px;
	}

.other_bc p{
	height: 36px;
	line-height: 36px;
	}

.block_small{
	width: 310px;
	background: url(images/bg_smallblock_bottom.png) bottom;
	margin-bottom:15px;
	}

.block_medium{
	width: 635px;
	background: url(images/bg_mediumblock_bottom.png) bottom;
	margin-bottom:15px;
	}

	.block_small div{
		background: url(images/bg_smallblock_top.png) no-repeat top;
		position: relative;
		}

	.block_medium div.top_medium{
		background: url(images/bg_mediumblock_top.png) no-repeat top;
		position: relative;
		padding: 20px 0 10px 0;
		}

	.block_small div.homeblock{
		height: 235px;
		}
	
		.block_small h1{
			font-size: 18px;
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			color: #666666;
			font-weight: normal;
			margin: 0 15px;
			padding: 15px 0;
			border-bottom: 1px solid #CCC;
			margin-bottom:10px;
			}

		.block_small p, .block_medium p{
			padding: 0 15px 0;
			}
			
		.block_medium p.date{
			color: #999;
			margin-top: -10px;
			}	
		
		.block_small p img, .block_medium p img{
			float: left;
			border: 1px solid #ccc;
			padding: 1px;
			margin-right: 5px;
			margin-bottom:5px;
			}
			
		.block_small h2, .block_medium h2{
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-size: 18px;
			font-weight: normal;
			margin: 15px;
			}

		.block_small ul{
			list-style: none;
			}

		.block_small ul, .block_medium ul, .block_small ol, .block_medium ol{
			margin-left: 35px;
			margin-bottom:10px;
			}
			
		.block_medium ul{
			list-style: square inside;
			}	

			.block_medium ul li{
				line-height: 20px;
				}	
		
		.block_medium .post{
			clear:both;
			margin-bottom:10px;
			}
			
			
		.block_medium .post a.post-edit-link{
			clear: both; 
			}
			
		.block_medium .post a.more-link{
			background: none;
			display: inline;
			position:inherit;
			font-weight: normal;
			text-transform: lowercase;
			}

		.block_medium .post a.more-link:hover{
			text-decoration: underline;
			}
			
a.more-link{
	background: url(images/bg_button.png) top right;
	display: block;
	position: absolute;
	bottom: 15px;
	left:15px;
	font-weight: bold;
	text-transform: uppercase;
	}	
		
	a.more-link span{
		height: 29px;
		display: block;
		background: url(images/bg_button_span.png) top left no-repeat;
		line-height: 29px;
		text-indent: 20px;
		position:relative;
		}
  
		a.more-link span img{
			border: none;
			position: absolute;
			right:15px;
			top: 3px;
			}
  
	a.more-link:hover{
		background: url(images/bg_button.png) bottom right;
		text-decoration: none;
		}	
  
		a.more-link:hover span{
			background: url(images/bg_button_span.png) bottom left no-repeat;
			}

.login_form_homepage{
	font-size: 10px;
	text-transform: uppercase;
	margin-top:20px;
	}
	
	.login_form_homepage label{
		width: 70px;
		line-height:29px;
		margin-bottom:8px;
		float:left;
		}
		
	.login_form_homepage input[type=text], .login_form_homepage input[type=password]{
		background: url(images/bg_form.png) no-repeat;
		height: 15px;
		width: 184px;
		border: none;
		float:left;
		margin-bottom:8px;
		padding: 7px;
		}	

	.login_form_homepage input[type=text]:focus, .login_form_homepage input[type=password]:focus{
		background: url(images/bg_form.png) 0 -29px no-repeat;
		}	
		
	.login_form_homepage input[type=submit]{
		background: url(images/bg_form_loginbutton.png) 0 0 no-repeat;
		width: 198px;
		height: 25px;
		border: none;
		font-size:11px;
		margin-top:4px;
		color: #fff;
		text-align:left;
		text-indent: 15px;
		margin-left: 70px;
		text-transform: uppercase;
		cursor: pointer;
		}		
		
	.login_form_homepage input[type=submit]:hover{
		background: url(images/bg_form_loginbutton.png) 0 -25px no-repeat;
		}

#sidebar{
	float: left;
	width: 310px;
	margin-right:15px;
	}
	
	#sidebar .heading_h1{
		background: url(images/bg_heading.png);
		width: 290px;
		height: 80px;
		margin-bottom: 15px;
		line-height: 80px;
		font-size: 22px;
		color: #FFF;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		text-align:right;
		padding-right: 20px;
		}
	
	#sidebar .block_small ul{
		text-align: right;
		padding-bottom: 20px;
		}	

		#sidebar .block_small ul li{
			ee: none;
			background: url(images/dot_black.png) right 9px no-repeat;
			margin-right: 35px;
			padding-right: 20px;
			line-height: 24px;
			}	

#content{
	float: left;
	width: 635px;
	}

#footer{
	clear: both;
	background: url(images/bg_bigblock_bottom.png) bottom;
	}

	#footer div.inner_footer{
		background: url(images/bg_bigblock_top.png) top no-repeat;
		padding: 15px;
		}

	#footer .footer_block_big{
		float: left;
		width: 616px;
		padding-right: 10px;
		}

	#footer .footer_block_big h3{
		font-size: 18px;
		font-weight: normal;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		padding: 10px 0 20px 30px;
		background: url(images/bg_quotes.png) no-repeat 7px 4px;
		}
	
	#footer .footer_block_small{
		position: relative;
		border-left: 1px solid #dedede;
		float: left;
		width: 288px;
		padding-left:15px;
		font-size:11px;
		}

		#footer .footer_block_small p{
			line-height: 14px;
			margin-bottom:8px;
			}

	#footer .footer_block_small .footer_logo{
		position:absolute;
		right:0;
		top: 0;
		}
		
	#footer .footer_block_small a.button_contactform_home{
		position: absolute;
		right: 0;
		bottom: 0;
		background:url(images/bg_button.png) top right;
		}
	
	#footer .footer_block_small a.button_contactform_home:hover{
		background:url(images/bg_button.png) right -29px;
		}
	
		#footer .footer_block_small a.button_contactform_home span{
			background:url(images/bg_button_span.png) top left no-repeat;
			display: block;
			height: 29px;
			line-height: 29px;
			width: 100px;
			text-align: center;
			text-decoration: none;
			}	
			
		#footer .footer_block_small a.button_contactform_home:hover span{
			background:url(images/bg_button_span.png) left -29px no-repeat;
			text-decoration: none;
			}

#footer_bottom p{
	font-size: 11px;
	padding:4px 15px;
	color:#999;
	}

#footer_bottom a.izradawebstranica{
	color: #333;
	cursor: text;
	}
	
#footer_bottom a.netlex{
	color: #000;
	}

#footer_bottom a.netlex span{
	color: #F00;
	}
	
	
/* KONTAKT FORMA */	

.wpcf7{
	border: none;
	padding: 10px 30px;
	margin-bottom: 10px;
	}
	
.wpcf7 label{
	width: 200px;
	line-height: 36px;
	display: inline-block;
	font-size:12px;
	text-indent: 30px;
	}	

.wpcf7 input[type=text]{
	background:transparent url(images/bg_form.png) repeat scroll 0 0;
	height:24px;
	padding:5px 5px 0;
	width:188px;
	border: none;
	}	

.wpcf7 input[type=text]:hover, .wpcf7 input[type=text]:focus{
	background:transparent url(images/bg_form.png) repeat scroll 0 -29px;
	}	

.wpcf7 select{
	background: url(images/bg_form.png) 0 0;
	width: 198px;
	height: 29px;
	border: none;
	padding: 5px 5px 2px;
	display: inline-block;
	}	

.wpcf7 select:hover, .wpcf7 select:focus{
	background: url(images/bg_form.png) 0 -29px;
	}	

.wpcf7 textarea{
	font-size:12px;
	line-height: 18px;
	background: url(images/bg_form.png) 0 -58px;
	width: 178px;
	height: 132px;
	padding:6px 10px;
	border: none;
	margin-top:4px;
	}
	
.wpcf7 textarea:hover, .wpcf7 textarea:focus{
	background: url(images/bg_form.png) 0 -202px;
	}	

.wpcf7 select option{
	background: #f8f8f8;
	border-bottom: 1px solid #E0E0E0;
	padding-left: 7px;
	}	

.wpcf7 input[type=submit]{
	background: url(images/bg_form_loginbutton.png) 0 0;
	font-size:11px;
	width: 198px;
	height: 25px;
	border: none;
	color: #fff;
	text-transform:uppercase;
	text-align:left;
	text-indent:7px;
	display: inline-block;
	margin-left:200px;
	margin-top:8px;	
	margin-bottom: 10px;
	cursor: pointer;
	}	

.wpcf7 input[type=submit]:hover{
	background: url(images/bg_form_loginbutton.png) 0 -25px;
	}

.wpcf7 div.wpcf7-response-output{
	border: none;
	background: none;
	}
	
a.logout_button{
	background: url(images/bg_form_loginbutton.png) 0 0;
	display: block;
	width: 188px;
	height: 15px;
	padding: 3px 0 7px 10px;
	color: #fff;
	margin: 36px 36px 0;
	}

a.logout_button:hover{
	background: url(images/bg_form_loginbutton.png) 0 -25px;
	text-decoration: none;
	}