/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/


* {
	margin: 0px;
	padding: 0px;
}


img {
border:0;
padding-right:5px;
}

body {
background-color:#FFFFFF;
}

body, th, td, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}



h1, h2, h3 {
	color: #575656;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1em;
	font-weight: bold;
	color: #575656;
}


h3 {
	font-size: 1em;
}




a {
	text-decoration: underline;
	color: #575656;
}

a:hover {
	border: none;
	text-decoration: none;
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #575656;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #FF0000;
}

#header
{
	width:100%;
	height:200px;
	background-image: url(../images/header_background.gif);
}

#header_con
{
width:950px;
margin: 0 auto;
height:200px;
background-image:url(../images/header1.jpg);
background-repeat:no-repeat;
}

#body
{
	width:100%;
	background-image: url(../images/con_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}

#con
{
margin: 0 auto;
width:950px;
padding-top:0px;
padding-bottom:15px;
position:relative;
top:-10px;

}

#content
{
width:636px;
float:left;
background-color:#0066FF;
}

.head_content
{
	width:636px;
	height:18px;
	background-image: url(../images/content_head.gif);
	background-repeat: no-repeat;
}

.content
{
	width:600px;
	padding: 15px;
	padding-top:0;
	padding-bottom:0;
	background-color:#FFFFFF;
	position:relative;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #1d7ec2;
	border-left-color: #1d7ec2;
}


.foot_content
{
	width:636px;
	height:18px;
	background-image: url(../images/content_footer.gif);
	background-repeat: no-repeat;
}

.content .h2 {
	height:30px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:5px;
	background-image: url(../images/h2_content.gif);
	background-repeat: no-repeat;
}


.zz
{
width: 600px;
height: auto;
}

.zz_img
{
width: 255px;
float:left;
height: auto;
}

.zz_cont
{
width: 345px;
float:left;
height: auto;
}


.right
{
	width:287px;
	float:right;
	position:relative;
	background-image: url(../images/right_background.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.right_con
{
padding:10px;
}

.right_con a{
 
	padding-left:20px;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
}


.podkat
{
padding-left:30px;
}
.right_con p{
 
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 1px;
}

.right_con img, a{
vertical-align: baseline;
background-image:none;
}

.right_clear
{
width:287px;
height:10px;
}

#footer
{
width:100%;
height:50px;
background-color:#0066FF;
}

.h2 {
	height:30px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:5px;
	background-image: url(../images/h2_background.gif);
	background-repeat: repeat-x;
}

.h2_right {
	height:30px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:5px;
	background-image: url(../images/h2_right_head.gif);
}

.h2 h2, .h2_right h2{
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:150%;
	padding-left:10px;
}



.view_more
{
	width:100%;
	height:16px;
	background-image: url(../images/bulit_view.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.view_more p
{
	color: #0066FF;
	text-align:right;
	margin-right:20px;
	font-size: 13px;
	font-weight: bold;
}


/*** portfolio ****/
.portfolio
{
width: 190px;
height: 180px;
float: left;
border: #1d7ec2 1px solid;
background-color: #D7DFDF;
margin-right:5px;
padding-top:5px;
text-align:center;
}

/**** end portfolio *******/


/*** menu ***/
#tabs {
	width:950px;
	font-size:93%;
	line-height:normal;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	margin: 0 auto;
	position:relative;
	top:-34px;
	z-index:10;
	}

#tabs ul {
	margin:0;
	padding:10px 0px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:right;
	background:url("../images/left.png") no-repeat left top;
	margin-left:10px;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:right;
	display:block;
	background:url("../images/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}

/*** end menu ***/