@import "reset.css";

body {
	background: #fcfefc url(img/bg.gif) repeat-x; 

}
#container { position:relative; width: 777px; margin: 0 auto; }

	#header {
		float: left;
		width: 777px;
		height:151px;
		overflow: hidden;
		}
		#header img {
			float: left;
			display: inline;
			}
			
			#header img.napis {
				margin-left: 9px;
				margin-top: 32px;
				display: inline;
				
			}
		#header #menu {
			float: left;
			margin-top: 52px;
			margin-left: 9px;
			display: inline;
			height: 15px;
			width: 535px;
			}
			#header #menu a {
				float: left;
				height: 15px;
				
				}
				#header #menu a.main, #header #menu a.mainx {
					background: url(img/start.gif) no-repeat;
					width: 86px;
					}
					#header #menu a.main:hover, #header #menu a.mainx { background:url(img/startx.gif) no-repeat; }
				#header #menu a.kol, #header #menu a.kolx {
					background: url(img/kolektory.gif) no-repeat; width: 106px; }
					#header #menu a.kol:hover, #header #menu a.kolx { background: url(img/kolektoryx.gif) no-repeat; }
				#header #menu a.eks, #header #menu a.eksx {
					background: url(img/exp.gif) no-repeat; width: 123px; }
					#header #menu a.eks:hover, #header #menu a.eksx { background: url(img/expx.gif) no-repeat; }
				#header #menu a.zakup, #header #menu a.zakup:hover {
					background:url(img/zakup.gif) no-repeat; width: 84px; }
					#header #menu a.zakup:hover, #header #menu a.zakupx { background: url(img/zakupx.gif) no-repeat;}
				#header #menu a.kontakt, #header #menu a.kontaktx { 
					background: url(img/kontakt.gif) no-repeat; width: 84px;}
					#header #menu a.kontaktx, #header #menu a.kontakt:hover { background: url(img/kontaktx.gif) no-repeat; }
	#content {
		float: left;
		height: auto;
		width: 777px;
		border-bottom: 1px solid #e7e8e7;
		padding-bottom: 10px;
		}
		#content #left {
			float: left;
			width: 273px;
			height: auto;
			
			}
			#content #left img { float: left;}
		#content #right {
			float: left;
			width: 444px;
			height: auto;
			font-family: tahoma;
			font-size: 11px;
			color: #828282;
			padding: 30px;
			line-height: 17px;
			margin-top: 5px;
			
			}
			#content #right a {font-size: 11px;
			text-decoration: underline;
			color: #0069dc; }
			#content #right img.heading {
				float: left;
				margin-bottom: 20px;
				}
			#content #right strong {
				font-weight: bold; }
			#content #right p {
				float: left;
				width: 444px;
				margin-bottom: 20px;
				}
			#content #right h1, #content #right h3, #content #right h4 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 15px;
				font-weight: bold;
				font-style: italic;
				display: inline;
				color: #0069dc;
				float: left;
				width: 400px;
				margin-bottom: 3px;
				}
				#content #right h3 { color: #000; font-size: 12px; }
				#content #right h4 { font-size: 11px; color: #c8c8c8; font-weight: normal; font-style: normal;margin-bottom: 15px; }
			#content #right .podartem {
				float: left;
				width: 400px;
				display: inline;
				height: auto;
				}
	#last {
		float: left;
		width: 777px;
		height: auto;
		font-family: tahoma;
		font-size: 11px;
		color: #828282;
		margin-top: 10px;
		padding-bottom: 20px;
		
		}
		#last a {
			float: left;
			font-family: tahoma;
			font-size: 11px;
			text-decoration: underline;
			color: #0069dc;
			line-height: 15px;
			font-weight: bold;
			}
		#last p {
			float: left;
			clear: left;
			margin-top: 5px;
			width: 370px;
			line-height: 14px;
			
			}
		#last .data {
			float: left;
			color: #c8c8c8;
			clear: left;
			margin-top: 5px;
			}
		#last .col {
			float: left;
			width: 370px;
			margin-left: 12px;
			display: inline;
			
			}
#footer { 
	float: left;
	width: 100%;
	height: 30px;
	background: url(img/footerbg.gif) repeat-x;
	font-family: tahoma;
	font-size: 11px;
	color: #FFF; line-height: 14px;
	text-align: center;
	padding-top: 22px;
	}
	#footer a { color: #fff; }
	#footer strong { font-weight: bold; }
	
	
	#spis {
		float: left;
		width: 222px;
		height: auto;
		background: #f5f5f5 url(img/spisbg.gif) repeat-y;
		margin-top: 20px;
		
		}
		#content #left #spis a {
			float: left;
			font-family: tahoma;
			font-size: 11px;
			color: #aaa;
			margin-left: 25px;
			text-decoration: none;
			line-height: 14px;
			width: 190px;
			margin-top: 3px;
			display: inline;
			
			}
			#content #left #spis a:hover {
				text-decoration: underline;
				}
		#spis .dolek {
			width: 222px;
			float: left;
			background: url(img/spisdol.gif) no-repeat bottom;
			height: 14px;
			line-height: 12px;
			display: inline;
			}
			
			
			/* adsense */
			
			#dol {
				float: left;
				width: 767px;
				margin-left: 10px;
				margin-top: 20px;
				display: inline;
				
				}
				
				.title {
					float: left;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #0069dc;
					width: 300px;
					display: inline;
					}
					
		/* kontakt */
		
		input, select, option, textarea {
			float: left;
			clear: both;
			background: #F7F7F7;
			border: 1px solid #E9E9E9;
			width: 300px;
			margin: 7px 0 7px 0;
			font-family: tahoma;
			font-size: 12px;
			padding: 3px;
			padding-left: 4px;
			display: inline;
			margin-left: 0;
		
		}
		input:active,  select:active, option:active, textarea:active {
			bogrder: 1px solid #E9E9E9;
			background: #FFFFCC;
		}
				input:hover,  select:hover, option:hover, textarea:hover {
					border: 1px solid #CCCCCC;
			
			
		}
		
		select {
		width: 310px;
		}
		
		.wazne {
			color: #FF3333;
		
		}
				h5 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 13px;
			float: left;
			width: 300px;
		
		
		}