/*
Theme Name: Ferrum
Theme URI: 
Description: 
Version: 1.0
Author: Ferrum
Author URI: 
*/

/* Begin Structure */
body {
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	background: #F1F2ED;
	color: #444444;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	line-height: 16px;
	}

#content {
	font-size: 1.2em;
	border-right:solid 6px #FBB404;
	border-left:solid 6px #FBB404;
	margin:auto;
	min-width:988px;
	max-width:1252px;
	* width: expression((documentElement.clientWidth||document.body.clientWidth) <= 1024 ? "991px" : "1247px");			
	_width: expression((documentElement.clientWidth||document.body.clientWidth) <= 1024 ? "992px" : "1248px");	 
	
}
#left_column {
	width:244px;
	float:left;
	text-align:left;
}
#left_column #menu2 {
	width:244px;
	background:url('images/bg_26.gif') bottom left no-repeat;
}
#left_column #menu2 ul {
	background:url('images/bg_27.gif') top left no-repeat;
	font:1.5em Arial;
	padding:40px 10px 60px 0px;
	display:block;
	width:234px;
}
#left_column #menu2 ul li {
	padding:20px 0px;
	_padding:10px 0px;
	margin:-20px 0px;
	//margin:0px;
	background:none;
}
#left_column #menu2 ul li a {
	color:#0082C9;
	text-decoration:none;
	padding:20px 0px 20px 40px;
	margin:-20px 0px;
	background:none;
	display:inline-block;
	outline:none;
}
#left_column #menu2 ul li a.current, #left_column #menu2 ul li.current_page_item a, #left_column #menu2 ul li.current_page_parent a {
	background:url('images/bg_44.gif') left center no-repeat;
	outline:none;
}
#left_column #menu2 ul li a:hover {
	background:url('images/bg_28.gif') left center no-repeat;
	outline:none;
}
#left_column #menu2 ul ul {
	background:none;
	font:13px Arial;
	padding:0px 0px 0px 10px;
	width:200px;
}
#left_column #menu2 ul ul li {
	padding:0px;
	margin:3px 0px;
}
#left_column #menu2 ul ul li a {
	color:#444444;
	text-decoration:underline;
	background:none !important;
	display:inline;
	outline:none;
}
#left_column #menu2 ul ul a:hover {
	background:none;
	outline:none;
	text-decoration: none;
}
#left_column #menu2 ul ul li.current_page_item a {
	color:#E8A601;
	outline:none;
}
#right_column {
	width:223px;
	float:right;
	padding-top:33px;
}



#right_column .banner {
	display:block;
	width:223px;
	height:107px;
	margin-bottom:7px;
}
#content_inner {
	overflow:hidden;
	//width:100%;
}
#text {
	margin:0px 250px 0px 250px;
	padding:0px 20px;
	text-align:left;
}

#text_private {
	margin:0px 0px 0px 250px;
	padding:0px 20px;
	text-align:left;
}


#text .post {
	padding:10px 5px 10px 5px;
}

#text_private .post {
	padding:10px 5px 10px 5px;
}

#text .post a.details{
	display:block;
	text-align:right;
	text-decoration:underline;
}
#text .post a:hover {text-decoration: none;}

#text .post p.details {
	text-align:right;
	}
#text .colored {
	background:#E4E7D7;
}



#header_outer {
	/*padding:0px 41px 35px 41px;*/
	padding:0px 0px 35px 0px;
	margin:auto;
	min-width:988px;
	max-width:1252px;
	* width: expression((documentElement.clientWidth||document.body.clientWidth) <= 1024 ? "991px" : "1247px");			
	_width: expression((documentElement.clientWidth||document.body.clientWidth) <= 1024 ? "992px" : "1248px");		
}
#header_outer .services {
	background: url('images/bg_38.png') right bottom no-repeat !important;
	//background: url('images/bg_38_2.png') right bottom no-repeat !important;
}
#header_outer .promotion {
	background: url('images/bg_39.gif') right bottom no-repeat !important;
}
#header_outer .about {
	background: url('images/bg_40.gif') right bottom no-repeat !important;
}
#header_outer .reklama {
	background: url('images/bg_41.gif') right bottom no-repeat !important;
}
#header_outer .contacts {
	background: url('images/bg_42.gif') right bottom no-repeat !important;
}
#header_outer .articles {
	background: url('images/bg_43.gif') right bottom no-repeat !important;
}
#header {
	padding: 0px 30px 0px 80px;
	height: 246px;
	background: url('images/bg_1.gif') right bottom no-repeat;
	min-width:830px;
	max-width:1130px;
	* width: expression((documentElement.clientWidth||document.body.clientWidth) <= 1024 ? "881px" : "1130px");		
	_width: expression((documentElement.clientWidth||document.body.clientWidth) <= 1024 ? "882px" : "1130px");		
	margin:auto;
	/*padding: 0px 30px;
	height: 246px;
	background: url('images/bg_1.gif') right bottom no-repeat;
	min-width:830px;
	max-width:1080px;	
	//width: expression((documentElement.clientWidth||document.body.clientWidth) <= 1024 ? "860px" : "1080px");		
	margin:auto;*/
	}	
#header #logo {
	height:102px;
	padding-top:58px;
	position:relative;
	width:41%;
	float:left;
	background:url('images/bg_2.gif') right top no-repeat;
	text-align:left;
}
#header #inner_logo {
	position:relative;
	width:100%;
	height:100%;
	background:url('images/bg_5.gif') left bottom no-repeat;
}
#header #inner_logo a:active, #header #inner_logo a{
	outline:none;
}
#header #phone {
	height:160px;
	position:relative;
	width:14%;
	float:left;
	//background:url('images/phone2.gif') right bottom no-repeat;
	background:url('images/bg_4.gif') right bottom no-repeat;		
	text-align:left;
}

#header #phone .phones   {

	position: relative; 
	padding-top: 3px; 
	padding-left:px; 
	color: #0b8fd7;
	font-size: 12px;
	font-weight: bold;
}
.phones .city {color: #444444; font-weight: normal; font-size: 11px;}

#header #icons {
	height:160px;
	position:relative;
	width:45%;
	float:left;
	background:url('images/bg_3.gif') left top no-repeat;	
}
#header #icons #icons_inner {
	position:relative;
	top:16px;
	left:27px;
	overflow:hidden;
	//width:100%;
}
#header #icons #icons_inner a{
	display:block;
	float:left;
	width:27px;
	height:27px;
	margin-right:5px;
	outline:none;
}
#header #icons #icons_inner a.home {
	background:url('images/icon_home.gif') center center no-repeat;
}
#header #icons #icons_inner a.home:hover, #header #icons #icons_inner a.home_select {
	background:url('images/icon_home_hover.gif') center center no-repeat;
}

#header #icons #icons_inner a.mail {
	background:url('images/icon_mail.gif') center center no-repeat;
}
#header #icons #icons_inner a.mail:hover, #header #icons #icons_inner a.mail_select {
	background:url('images/icon_mail_hover.gif') center center no-repeat;
}

#header #icons #icons_inner a.map {
	background:url('images/icon_map.gif') center center no-repeat;
}
#header #icons #icons_inner a.map:hover, #header #icons #icons_inner a.map_select {
	background:url('images/icon_map_hover.gif') center center no-repeat;
}
#header #icons .enter {
	position: absolute;
	float: left;
	clear: both;
	top:40px;
	left:35px;

}

#menu {
	clear:both;
	height:82px;
	padding:8px 0px 0px 47px;
	display:inline-block;
	float:left;
	width:auto;
	background:url('images/bg_31.gif') left top no-repeat;	
}
#menu ul {
	list-style-type:none;
	display:inline-block;
	height:57px;
	padding:25px 25px 0px 0px;
	_padding:22px 25px 0px 0px;
	margin:0px;
	background:url('images/bg_30.gif') right center no-repeat;		
	position:absolute;
	z-index:5;	
}
#menu ul li {
	display:inline-block;
	float:left;
	clear:right;
	white-space:nowrap;
	padding:0px 10px;
	margin:0px -10px;		
	position:relative;
	z-index:8;
	_top:3px;
}
#menu a {
	text-decoration:none;
	color:#444444;
	font:1.6em Arial;
	display:block;
	height:60px;
	position:relative;
	z-index:10;
	padding:0px 30px;
	margin:0px -20px;			
}
#menu a:active {
	outline: none;
}	
#menu a:hover, #menu ul li.current a, #menu ul li.current_page_item a, #menu ul li.current_page_ancestor a{
	color:#E8A601;
}	

#footer {
	padding:0px 116px 10px 116px;
	max-width:1019px;
	min-width:768px;
	//width: expression((documentElement.clientWidth||document.body.clientWidth) <= 1024 ? "768px" : (documentElement.clientWidth||document.body.clientWidth) > 1024 ? "1019px" : "100%");			
	clear: both;
	height:122px;
	margin:-12px auto 0px auto;
	}	

#footer #footer_inner_1 {
	height:132px;
	background:url('images/bg_33.gif') right bottom no-repeat;		
	position:relative;

}
#footer #footer_inner_2 {
	padding-top:53px;
	background:url('images/bg_32.gif') left top no-repeat;		
	height:79px;
	position:relative;
}

#footer #footer_address {
	width:279px;
	text-align:left;
	font-size:11px;
	padding-left:40px;
	float:left;
}

#footer .counter {
	padding:5px 10px 0px 0px;
	float:left;
}
#footer .copyright {
	float:right;
	font-size:1em;
	color:#0077BE;
	padding:0px 30px 0px 0px;
	width: 200px;
	line-height: 14px;
}
.clear {
	clear:both;
}
/* End Structure */


/* Begin Typography & Colors */
a img {
	border:none;
}
h1 {
	margin:0px;
	color:#0082C9;
	font:1.6em Arial;
	padding-left:5px;
}
h1 a {
	text-decoration:none;
}
h2 {
	margin:0px;
	color:#E58204;
	font:1.6em Arial;
}
h2 a {
	color:#E58204;
	text-decoration:none;
}
h3 {
	margin-bottom: 6px;
	color:#E58204;
	font:bold 1.2em Arial;
}
a {
	color:#0082C9;
}

#content4_inner1 a {
	color:#444444;
}

p {
	margin:0px;
	padding:7px 0px;
}
/* End Typography & Colors */

div.breadcrumbs {
	color:#0082C9;
	padding-bottom:20px;
	font-size: 10px;
}
div.breadcrumbs img {
	margin:0px 5px;
}

div.breadcrumbs a {text-decoration: underline;}
div.breadcrumbs a:hover {text-decoration: none;}

#left_column h1 {
	margin-left:15px;
	margin-top:30px;
}
#right_column h1 {
	margin:25px 0px 5px 0px; 
}

ul {
	list-style-type:square;
	padding-left:15px;
	margin:0px;


}
li {	overflow: hidden;
}
#text .post ol {
	list-style:decimal outside;
	padding-left:20px;
	margin-bottom:10px;
}
#text .post ol li {
	overflow: visible;
}


/* Begin Images */


p img {
	margin: 5px;
	max-width: 100%;
	border: 1px solid #C7CEAD;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

#text .post ul {list-style-type: square; }
#text .post ul li {overflow: visible; line-height: 1.5em;}

.special {
	border:solid 9px #ffffff;
	background:#EDEFE3;
	padding:10px 10px;
	color: #000;
}

table {
	border: 0px;
	border-collapse:collapse;
	width: 90%;
	
}
table th {font-weight: bold; border: 1px solid #D5D5D1;}

table td {
	border: 1px solid #D5D5D1; padding: 2px;
}
table.borderless td {width: 150px; text-align: left; border: 0px; padding:0px 0px 5px 5px;}
table.borderless td img {border: 3px solid #fff;}
table.borderless td ul li {list-style-image: url('images/mark.gif'); margin-left: 20px;}

table.noborder {
	width: 100%; 
	text-align: left;
	margin-top:10px; 
	margin-bottom:0px;
	border: 0px;
	border-collapse:collapse;
	}
table.noborder td {
	padding: 2px;
	border: 0px;
	vertical-align: top;
}

.seo_title {font-weight: bold;
	text-align: left;
	color: #344C6C;
	padding-left: 15px;
	}
ul.speciallist {
	text-align: left;
	list-style-type:none;
	padding-bottom: 7px;
}
ul.speciallist li {
	padding-top: 6px;
}

ul.speciallist li a:hover {
	text-decoration: none;
}	
a.more-link-seo {
	color: #344C6C;
	margin-top: 7px;
	padding-bottom: 7px;
	text-align: left;
}

.pmeta	{
	font-size: 11px;
	color: #575C61;
	padding-top: 5px;
}
.date {
  background: url(images/icon-date.gif) 0 2px no-repeat;
	padding: 0 0 0 14px;
  margin-right: 3px;
}
.googleMap {border: 3px solid #fff; margin-bottom: 15px; margin-top:15px;}
.kontakt {
        padding-top:20px;
	color:#0082C9;
	font-size:14pt;
        margin-left:3px;
        font-family:Arial;
	padding-bottom:9px;
.maint {
        margin:0px;
	color:#0082C9;
	font:1.6em Arial;
	padding-left:5px;
       }



.dhtmlgoodies_question {
	color:#FFF;
	font-size:0.9em;
	background-color:#317082;
	width:430px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	background-image:url('images/bg_answer.gif');
	background-repeat:no-repeat;
	background-position:top right;	
	height:20px;
	
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer {
	border:1px solid #317082;
	background-color:#E2EBED;
	width:400px;
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content {
	padding:1px;
	font-size:0.9em;	
	position:relative;
}
h3.dhtmlgoodies_question {text-decoration: underline; color: black; font-weight: normal;}