/*

    Theme Name: MELD layout

    Description: Predlozak za Mato el-d d.o.o.

    Version: 1.0

    Author: Insula Bit

    Author URI: http://www.insulabit.com/

*/



* {

	margin:0;

	padding:0

	}



#nav {

	float:left;

	border-bottom:0px solid #ddd;

	height:46px;

	padding-left:30px;

	}



#nav li {

	

	border-right:1px solid #eee;

	background: url(images/) no-repeat right top  ;

	

	}



#nav li, #subnav li {

	float:left;

	list-style:none;

	}



#nav a, #nav a:visited {

	color:#444;

	text-decoration:none;

	font-weight:bold;

	font-size:12px;

	display:block;

	padding:10px;

	}



#nav a:hover, #nav a:active,

li.current_page_parent a,

li.current_page_parent a:visited,

#nav li.current_page_item a,

#nav li.current_page_item a:visited

        {

	

	color:#990000;

	text-decoration:none;

	

	}



#subnav {

	background:#fff;

	float:left;

	margin-left:190px;

	border-top:0px solid #444;

	border-bottom:0px solid #ddd;

	

	}



#subnav li {

	border-right:0px solid #ddd;

	padding-top:6px;

	padding-bottom:6px;

	padding-left:2px;

	

	}	



#subnav a, #subnav a:visited {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	padding:8px;
	background: #990000 ;
	}

#subnav a:active,
#subnav li.current_page_item a,
#subnav li.current_page_item a:visited {
	text-decoration:none;
	color:#fff;
	padding:8px;
	background: #990000 ;
	
	}
	#subnav a:hover {text-decoration:underline;background: #990000 ;color:#fff;}



#djelatnosti a:active,

#djelatnosti li.current_page_item a,

#djelatnosti li.current_page_item a:visited {

	text-decoration:none;

	

	color:#444;

	background: url(images/) no-repeat right bottom #fff ;

	

	}

#djelatnosti a:hover {text-decoration:none; background:#fff ; color:#444;}







.accordion2 li.current_page_item a {text-decoration:underline;color:#444;font-weight:bold;}

/*-------------subnav2----------

#subnav2 {

	background:#fff;

	border-top:0px solid #444;

	border-bottom:0px solid #444;

	height:38px;

	}



#subnav2 li {

	border-right:1px solid #444;

	padding:0 12px;

	}	



#subnav2 a, #subnav2 a:visited {

	color:#444;

	text-decoration:none;

	font-weight:bold;

	Font-size:11px;

	}



#subnav2 a:hover, #subnav2 a:active,

#subnav2 li.current_page_item a,

#subnav2 li.current_page_item a:visited {

	text-decoration:underline;

	

	}

------------------------------------*/



body {

	background:url(images/pozadina.jpg) repeat-x #fafafa;

	margin: 0px;

}

#header {

	width:970px;

	height:156px;

	border-bottom:0px solid #ddd;

	margin:0 auto;

	padding:10px;

	

	background-attachment: scroll;

	background-image: url(images/header.jpg);

	background-repeat: no-repeat;

	background-position: center top;

}

#home{width:290px;height:80px;float:left;display:block;cursor:pointer;}





/*+++++++++++++++++++++++++++Podmeni kraj+++++++++++++++++++++++*/





#okvir {

	padding:10px;

	margin:0 auto;

	border-top:0px solid #E3E1E1;

	font-family:Tahoma,Arial,Verdana,sans-serif;

	width:970px;

	background-color:#fff;

	background-attachment: scroll;

	background-image: url(images/);

	background-repeat: no-repeat;

	background-position: left top;

}



.sadrzaj {

	color:#444;

	font-size:11px;

	line-height:18px;

	float:left;

	width:565px;

	min-height:300px; 

    height:auto;

	padding:18px;

	border-right:0px solid #ddd;

	background:#fff url(images/content_bgr.jpg) no-repeat left top;

	

}

/* for Internet Explorer */

/*\*/

* html .sadrzaj {

height: 300px;

overflow:visible;

}

/**/

.sadrzaj_g {

	color:#444;

	font-size:11px;

	line-height:18px;

	float:left;

	width:565px;

	padding:18px;

	border-right:0px solid #ddd;

	background:#fff url(images/) no-repeat left top;

	

}

.sadrzaj_r {

	color:#444;

	font-size:11px;

	line-height:18px;

	float:left;

	width:565px;

	padding:18px;

	border-right:0px solid #ddd;

	background:#fff;

	

}

.sadrzaj_s {

	color:#444;

	font-size:11px;

	line-height:18px;

	float:left;

	width:565px;

	padding:18px;

	

	background:#fafafa;

	margin-top:15px;

	

}

.sadrzaj ul {

	

	margin:0;

	padding-left:25px;

	padding-top: 0px;

	padding-right: 15px;

	padding-bottom: 15px;

}





.sadrzaj h1 {

	margin:2px 0 20px;

	padding:0;

	font-weight:normal;

	font-size:26px;

	color:#FF6600;

}

.sadrzaj h1 a, .katalog h3 a {

	color:#444;

	text-decoration:none;

	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;

}

.sadrzaj h2 {

	padding:0;

	margin:0 0 12px;

	font-size:20px;

	color:#444;

	font-weight:normal;

}



.sadrzaj h4 {

	padding:0;

	margin:0 0 12px;

	font-size:14px;

	font-weight:normal;

}

.sadrzaj p {

	margin:0 0 12px;

}

/*naslovi*/

.katalog h2 {

	margin:10px 0px 10px 20px;

	padding:10px 10px 10px 50px;

	font-size:18px;

	font-weight:normal;

	border-top: 0px solid #444;

	border-bottom: 0px solid #444;

	color:#444;

	height:98%;

	background: url(images/h2_title2.gif) no-repeat left bottom;

}



.katalog h3 {

	margin:0 0 10px;

	padding:10px;

	font-size:12px;

	font-weight:bold;

	border: 1px solid red;

	

	color:#444;

	background-color:#FFFF99;

}



.sidebar {

	float:right;

	width:365px;

	color:#444;

	font-size:11px;

	margin-top:45px;

	padding-left:10px;

	border-left:0px solid #ddd;

}



.kontakti {

	width: 350px;

	float:left;

	background: url(images/) no-repeat right top;

	margin-left:3px;

	padding-left:3px;

	padding-right:3px;

	border-left: solid 0px #DAAAAA;

	line-height:18px;

}

.kontakti h2 {

	padding:0;

	margin:0 0 12px;

	font-size:18px;

	color:#444;

	font-weight:normal;

}

.kontakti h3 {

	background:  url(images/) no-repeat ;

	color:#444;

	padding:0px 4px 4px 12px;

	margin-left: 0px;

	margin-bottom:8px;

	font: bold 12px Arial, Helvetica, sans-serif;

	border-bottom: solid 1px #ddd;

	

	

}



.sidebar form {

	margin:0;

	padding:0;

}

.search {

	padding-right:43px;

	text-align:right;

	margin-top:50px;

	

}

.sidebar .txtField {

	border-style:none;

	background-color:#fafafa;

	padding:3px;

	color:#444;

	width:195px;

	border:1px solid #ddd;

	font-size:10px;

}

.sidebar .gumb {

	border:1px solid #ddd;

	color:#fff;

	background:url(images/) no-repeat scroll center top #000;

	font-size:10px;

	padding:3px 0;

	width:60px;

	height:24px;

	

}

#header .txtField {

	border-style:none;

	background:url(images/input_trazi.jpg) no-repeat scroll left center ;

	padding:6px;

	color:#444;

	width:184px;

	border:0px solid #ccc;

	font-size:10px;

}

#header .gumb {

	border:0px solid #ddd;

	color:#fff;

	background:url(images/buton_trazi.jpg) no-repeat scroll center center ;

	font-size:10px;

	padding:3px 0;

	width:60px;

	height:24px;

	

}

	

.razmak {

	display:block;

	height:30px;

}





/* post styles */



.katalog {

	width:555px;

	float:left;

	border:none;

	

}

.katalog_s {

	width:555px;

	float:left;

	border:none;

	

}

.katalog_s h2 {

	margin:10px;

	padding:10px 10px 10px 20px;

	font-size:18px;

	font-weight:normal;

	border-top: 0px solid #444;

	border-bottom: 0px solid #444;

	color:#444;

}

.katalog_s h2 a{color:#444;}

.katalog_s h2 a:hover{color:#990000;text-decoration:none;}

.postDetails {

	line-height:18px;

}

.postEnd {

	border-bottom:3px solid #626262;

	height:20px;

}

.post {

	padding-bottom:10px;

	

	padding-top:30px;

	margin-bottom:10px;

	margin-left:10px;

	overflow:hidden;

	border-top:0px solid #ddd;

	

	width:539px;

}

.post a {

	color:#444;

	text-decoration:underline;

	border-bottom:0px solid #626262;

}

.post a:hover {

	border-style:none;

	color:#A90303;

	text-decoration:none;

}

.post img {

	text-decoration:none;

	margin-bottom:5px;

	margin-right:10px;

	margin-left:0;

	padding:12px;

	background-color:#fff;

	border: 1px solid #ddd;

	

}

/*post 2*/

.post2 {

	padding-bottom:10px;

	margin-bottom:10px;

	overflow:hidden;

	border-top:2px solid #444;

	background-color:#333;

	width:555px;

}

.post2 a {

	color:#9EAF2D;

	text-decoration:underline;

	border-bottom:0px solid #626262;

}

.post2 a:hover {

	border-style:none;

	color:#fff;

}

.post2 img {

	text-decoration:none;

	margin-bottom:10px;

	margin-right:10px;

	padding:12px;

	

	border: 0px solid #444;

	

}



/*kontakt obrazac*/



#coldform_name  {color:#444; background-color:#fafafa; border:1px solid #ddd; width:450px; margin-bottom:10px; padding:5px; font-size:10px;}

#coldform_email  {color:#444; background-color:#fafafa; border:1px solid #ddd; width:450px; margin-bottom:10px; padding:5px; font-size:10px;}

#coldform_website  {color:#444; background-color:#fafafa; border:1px solid #ddd; width:450px; margin-bottom:10px; padding:5px; font-size:10px;}

#coldform_topic  {color:#444; background-color:#fafafa; border:1px solid #ddd; width:450px; margin-bottom:10px; padding:5px; font-size:10px;}

#coldform_response  {color:#444; background-color:#fafafa; border:1px solid #ddd; width:200px; margin-bottom:10px; padding:5px; font-size:10px;}

#coldform_message  {color:#444; background-color:#fafafa; border:1px solid #ddd; width:450px; margin-bottom:10px; padding:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

#coldform .hide {color:#444; font-size:12px; font-weight:bold;}

#coldform .label {margin:3px; color:#444; display:block;}

#coldform fieldset {color:#444; border:1px solid #ddd; margin-top:5px; padding-left:10px;}

.submit {

	border:0px;

	color:#fff;

	background:url(images/) no-repeat scroll center top #444;

	font-size:10px;

	padding:3px 0;

	width:60px;

	height:24px;

	margin-top:10px;

	margin-bottom:10px;

	margin-left:15px;

	

}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.about {

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

	line-height:18px;

	color:#444;

	border-top:1px solid #555555;

	padding:15px;

}

.about img {border:none; text-decoration:none; margin-bottom:10px; margin-right:10px; padding:0;}

.footer {

	font-size:10px;

	font-family:Arial, Helvetica, sans-serif;

	line-height:16px;

	color:#989898;

	padding:65px 15px 15px 15px;

	border-top:0px solid #ddd;

	width:960px;

	height:140px;

	margin:0 auto;

	text-align:center;

	background:url(images/footer.jpg) no-repeat center top #fafafa;

	

}

.about a, .footer a {

	color:#989898;

	text-decoration:none;

	

}

.about a:hover, .footer a:hover {

	color:#666;

	text-decoration:underline;

	border-style:none;

}

blockquote {

	font-style:italic;

	border-left:1px solid #C2C2C2;

	padding:10px;

	background-color:#000;

}







/* tabovi sidebar desno */



.postList {

	padding:0;

	margin:0;

	width:290px;

}

.postList li {

	list-style:none;

	margin:0;

	border-bottom:1px solid #333;

}

.postList a {

	display:block;

	width:270px;

	padding:8px 10px 8px 24px;

	color:#444;

	text-decoration:none;

	background:url(images/) no-repeat 5px 50%;

}

.postList a:hover {

	color:#444;

	background:url(images/) no-repeat 5px 50% #fafafa;

}



.postList a .listMeta {

	color:#a3a3a3;

	font-size:10px;

	line-height:14px;

	text-decoration:none;

}







.postListSingle {

	padding:0;

	margin:0;

	width:290px;

}

.postListSingle li {

	list-style:none;

	margin:0;

	border-bottom:1px solid #eee;

}

.postListSingle a {

	display:block;

	width:270px;

	padding:8px 10px 8px 24px;

	color:#444;

	text-decoration:none;

	background:url(images/) no-repeat 5px 50%;

}

.postListSingle a:hover {

    color:#444;

	background:url(images/) no-repeat 5px 50% #eee;

}











.katbroj {

	margin-top:30px;

	margin-bottom:30px;

}

.katbroj ul { padding:0; margin: 0px;  border-left: solid 0px #5D7E92; }

.katbroj li {

	margin-right:4px;

	margin-top:4px;

	list-style-type: none;

	display: block;

	width:510px;

	float:left;

	padding:10px;

	font-weight:normal;

	text-decoration:none;

	border-right:0px solid #444;

	border-top:0px solid #444;

	background-attachment: scroll;

	background-image: url(images/custom_fields.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

.katbroj .post-meta { color:#fff; font-size: 10px; }

.katbroj .post-meta-key {color:#C27005; font-weight:normal; font-size: 11px; display: block;}

#container-1 {border-top:1px solid #444; padding-top:10px;}

.kategorija  {

	font-size:10px;

	color:#999;

	margin-left:0px;

	margin-bottom:15px;

	padding:15px;

	width:555px;

	border-top:1px solid #333;

	border-bottom:1px solid #333;

	background-attachment: scroll;

	background-image: url(images/kategorije.jpg);

	background-repeat: no-repeat;

	background-position: center center;

}

.kategorija a {font-size:10px; color:#666; text-decoration:none;}

.kategorija a:hover {font-size:10px; color:#999; text-decoration:underline;}

.rezultati {

	width:585px;

	float:left;

	border:none;

	font-size:11px;

}

.rezultati p {padding:15px 15px 15px 25px; color:#444;line-height:18px;}

/*accordion*/

.accordion2 {

	width: 350px;

	

	float:left;

	background: url(images/) no-repeat right top;

	margin-left:3px;

	padding-left:3px;

	padding-right:3px;

	

	border-left: solid 0px #DAAAAA;

}

.accordion2 h3 {

	background:  url(images/) no-repeat ;

	color:#444;

	padding:0px 4px 4px 12px;

	margin-left: 0px;

	margin-bottom:8px;

	font: bold 12px Arial, Helvetica, sans-serif;

	border-bottom: solid 1px #ddd;

	

	

}





.accordion2 .acc {}

.acc {border:0px solid #ccc; margin:0; padding:0;}



/*accordion2*/

.accordion2 .postListSingle {

	padding:0;

	margin-bottom:20px;

	

	font-size:11px;

	font-family:Arial, Helvetica, Verdana, sans-serif;

}

.accordion2 .postListSingle li {

	list-style:none;

	

	margin-bottom:1px;

	border-bottom:0px solid #ddd;

	

	

	

}

.accordion2 .postListSingle a {

	display:block;

	width:330px;

	padding:6px 6px 6px 12px;

	color:#444;

	text-decoration:none;

	background:url(images/) no-repeat left 5px;

}

.accordion2 .postListSingle a:hover {

    color:#fff;

	display:block;

	width:330px;

	background:#990000;

}

#gradjevina {width:960px; padding:0px; height:170px; background: url(images/gradjevina_bgr.jpg) no-repeat center top #B60000; margin:0 auto;}

#elektroradovi {width:960px; padding:0px; height:170px; background: url(images/elektroradovi_bgr.jpg) no-repeat center top #B60000; margin:0 auto;}

#podzemneinst {width:960px; padding:0px; height:170px; background: url(images/podzemneinst_bgr.jpg) no-repeat center top #B60000; margin:0 auto;}

#strojarstvo {width:960px; padding:0px; height:170px; background: url(images/strojarstvo_bgr.jpg) no-repeat center top #B60000; margin:0 auto;}

#onama {width:960px; padding:0px; height:170px; background: url(images/onama_bgr.jpg) no-repeat center top #B60000; margin:0 auto;}

#podrucjerada {width:960px; padding:0px; height:170px; background: url(images/podrucjerada_bgr.jpg) no-repeat center top #B60000; margin:0 auto;}

#galerija {width:960px; padding:0px; height:170px; background: url(images/galerija_bgr.jpg) no-repeat center top #B60000; margin:0 auto;}

#pretrazivanje {width:960px; padding:0px; height:170px; background: url(images/pretrazivanje_bgr.jpg) no-repeat center top #B60000; margin:0 auto;}

#kontakt {width:960px; padding:0px; height:170px; background: url(images/kontakt_bgr.jpg) no-repeat center top #B60000; margin:0 auto;}

/*slider----------*/

#djelatnosti .link {cursor:pointer; color:#fff; font-size:10px; margin-left:10px; display:block; float:left; padding:3px 6px; border:1px solid #fff;}

#djelatnosti .izbornik {margin-top:135px; margin-left:750px; position:absolute;}

#djelatnosti .link:hover {color:#000;}

#djelatnosti .slider {position:relative; overflow:hidden; border:0px solid #9ac1c9; height:120px; }

#djelatnosti .slidercontent {position:absolute; color:#fff; padding:10px; margin-top:10px;}

#djelatnosti .slidercontent .upper {border-bottom:0px solid #9ac1c9; font-size:10px; padding:10px; margin-top:10px;}

#djelatnosti .section {padding:10px; font-size:10px; margin-top:10px;}

/*boxevi naslovna*/

#prvi{width:278px; height:250px;float:left;background:#fff url(images/prvi.jpg) no-repeat center top;border:0px solid #ddd;margin-left:5px;margin-top:10px;padding:10px;font-size:11px; line-height:18px;}

#prvi p{padding:15px;color:#444;}

#prvi h3{padding-left:15px;margin-top:15px; font-size:18px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;color:#444;}

#drugi{width:278px; height:250px;float:left;background:#fff url(images/drugi.jpg) no-repeat right top;border:0px solid #ddd;margin-left:5px;margin-top:10px;padding:10px;font-size:11px;line-height:18px;}

#drugi h3{padding-left:20px;margin-top:15px; font-size:18px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;color:#444;}

#drugi p{padding-left:20px; padding-top:15px;color:#444;}

.intro_s {

	width:300px;

	height:250px;

	

	

	

	margin-left:3px;

	margin-top:0px;

	margin-bottom:15px;

	

	

	border-left: solid 0px #DAAAAA;

	line-height:18px;

}

.sidebar_intro {

	float:right;

	

	width:328px;

	height:250px;

	color:#444;

	font-size:11px;

	margin-top:10px;

	margin-right:5px;

	padding:10px;

	text-align:center;

	border:0px solid #ddd;

	background:#fff url(images/treci.jpg) no-repeat right top;

}

.random_s {

	width:328px;

	height:250px;

	background:#fff url(images/treci.jpg) no-repeat right top;

	margin-left:10px;

	margin-top:18px;

	margin-bottom:15px;

	padding:10px;

	text-align:center;

	border-left: solid 0px #DAAAAA;

	line-height:18px;

}

.sidebar_rezultati {

	width:300px;

	color:#444;

	background:#fff url(images/) no-repeat left top;

	margin-left:10px;

	margin-top:32px;

	margin-bottom:15px;

	padding:20px 10px 10px 30px;

	text-align:left;

	border-top: solid 1px #eee;

	border-bottom: solid 0px #eee;

	line-height:18px;

}

.podaci_strojarstvo {

	width:300px;

	color:#444;

	background:#fff url(images/podaci.jpg) no-repeat left top;

	margin-left:20px;

	margin-top:3px;

	margin-bottom:15px;

	padding:10px;

	text-align:left;

	border-top: solid 0px #eee;

	border-bottom: solid 0px #eee;

	line-height:18px;

}

.podaci_strojarstvo p{padding-top:30px; padding-left:25px;}

.podaci {

	width:300px;

	color:#444;

	background:#fff url(images/podaci.jpg) no-repeat left top;

	margin-left:20px;

	margin-top:18px;

	margin-bottom:15px;

	padding:10px;

	text-align:left;

	border-top: solid 0px #eee;

	border-bottom: solid 0px #eee;

	line-height:18px;

}

.podaci_kontakti {

	width:300px;

	color:#444;

	background:#fff url(images/podaci.jpg) no-repeat left top;

	margin-left:20px;

	margin-top:0px;

	margin-bottom:15px;

	padding:30px 10px 10px 10px;

	text-align:left;

	border-top: solid 0px #eee;

	border-bottom: solid 0px #eee;

	line-height:18px;

}

.podaci_kontakti p{padding-top:6px;padding-bottom:6px; padding-left:25px; border-bottom:1px solid #eee;}

.podaci p{padding-top:30px; padding-left:25px;}

#vise{float:left;  padding:10px;color:#990000;margin-left:0;margin-top:5px;}

#vise a{color:#990000;text-decoration:none;padding:8px;}

#vise a:hover{color:#fff;background:#990000;text-decoration:none;}



#vise2{float:left;  padding:10px;color:#990000;margin-left:0px;margin-top:18px;}

#vise2 a{color:#990000;text-decoration:none;padding:8px;}

#vise2 a:hover{color:#fff;background:#990000;text-decoration:none;}





#vise3{float:right;text-align:right;  padding:5px;color:#fff;margin-right:10px;margin-top:6px;}

#vise3 a{color:#999;text-decoration:none;}

#vise3 a:hover{color:#ccc;text-decoration:underline;}

.galerija_albumi {

	width: 355px;

	float:left;

	background: url(images/) no-repeat right top;

	margin-left:3px;

	padding-left:3px;

	padding-right:3px;

	margin-top:5px;

	

	border-left: solid 0px #DAAAAA;

}

.hr{width:30px;height:34px;display:block;position:absolute;padding:0; margin:0px 0px 0px 681px;}

.hr a{outline:none;width:30px;height:34px;background: url(images/hr_1.gif) no-repeat left top;text-indent:-9999px;display:block;}

.hr a:hover{width:30px;height:34px;display:block;background: url(images/hr_2.gif) no-repeat left top;}

.en{width:26px;height:34px;display:block;position:absolute;padding:0; margin:0px 0px 0px 715px;}

.en a{outline:none;width:26px;height:34px;display:block;background: url(images/en_1.gif) no-repeat left top;text-indent:-9999px;display:block;}

.en a:hover{width:30px;height:34px;background: url(images/en_2.gif) no-repeat left top;}

.sitemap{width:73px;height:34px;display:block;position:absolute;padding:0; margin:0px 0px 0px 760px;}

.sitemap a{outline:none;width:73px;height:34px;display:block;text-indent:-9999px;background: url(images/sitemap_1.gif) no-repeat left top;}

.sitemap a:hover{width:73px;height:34px;display:block;background: url(images/sitemap_2.gif) no-repeat left top;}