@import "reset.css";

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#575350;

}
a {
	text-decoration: none;
	}
#container { position:relative; width: 710px; margin: 0 auto; }
	#header {
		float: left;
		width: 710px;
		height: 75px;
		overflow: hidden;
		}
		#header img { float: left; }
			#header img.logo {
				margin-left: 33px;
				margin-top: 12px;
				display: inline;
				}

	#head {
		float: left;
		width: 427px;
		height: 90px;
		overflow: hidden;
		background: url(img/head.jpg) no-repeat;
		padding-top: 79px;
		padding-left: 283px;
		
		}
		#head p {
			float: left;
			width: 175px;
			height: 100px;
			color: #575350;
			margin-left: 18px;
			margin-right: 20px;
			line-height: 13px;
			display: inline;
			}
			#head p .date {
				float: left;
				color: #a69e98;
				width: 175px;
				display: inline;
				font-size: 10px;
				margin-bottom: 5px;
				
				}
			#head p a {
				float: right;
				color: #0893cc;
				margin-right: 35px;
				margin-top: 7px;
				}#head p a:hover {text-decoration: underline;}
	#menu {
		float: left;
		width: 654px;
		height: 44px;
		background: url(img/menubg.gif) repeat-x;
		margin-top: 22px;
		margin-left: 43px;
		display: inline;
		
		}
		#menu img {
			float: left;
			}


			#menu img.right {float: right;}
		#menu a {
			float: left;
			height: 44px;
			display: inline;
			}
			#menu a.start, #menu a.startx { margin-left: 10px; background: url(img/start.gif) no-repeat; width: 72px; }
				#menu a.start:hover, #menu a.startx { background: url(img/startx.gif) no-repeat; }
				
			
			#menu a.arty, #menu a.artyx { background: url(img/arty.gif) no-repeat; width: 97px; }
				#menu a.arty:hover, #menu a.artyx { background: url(img/artyx.gif) no-repeat;}
			
			#menu a.filmy, #menu a.filmyx { background: url(img/filmy.gif) no-repeat; width: 78px; }
				#menu a.filmy:hover, #menu a.filmyx { background: url(img/filmyx.gif) no-repeat; }
			
			#menu a.gal, #menu a.galx { background: url(img/galeria.gif) no-repeat; width: 87px; }
				#menu a.gal:hover, #menu a.galx { background: url(img/galeriax.gif) no-repeat;}
			
			#menu a.linki, #menu a.linkx { background: url(img/linki.gif) no-repeat; width: 72px;}
				#menu a.linki:hover, #menu a.linkx { background: url(img/linkix.gif) no-repeat; }
			
			#menu a.kontakt, #menu a.kontaktx { background: url(img/kontakt.gif) no-repeat; width: 84px;}
				#menu a.kontakt:hover, #menu a.kontaktx { background: url(img/kontaktx.gif) no-repeat; }
	
	#content {
		float: left;
		width: 710px;
		height: auto;
		margin-top: 15px;
		display: inline;
		
		}
		#content #left {
			float: left;
			width:309px;
			height: auto;
			margin-left: 52px;
			display: inline;
			}

			#content #left p {
				float: left;
				width: 269px;
				height: 124px;
				background: url(img/witamybg.jpg) no-repeat;
				padding-left: 20px;
				padding-top: 50px;
				line-height: 14px;
				padding-right: 20px;
				}
			#content #left form {
				float: left;
				width: 265px;
				height: 67px;
				background: url(img/formbg.jpg) no-repeat;
				margin-top: 14px;
				padding-top: 33px;
				padding-left: 22px;
				}
				#content #left form input {
					float: left;
					width: 196px;
					margin-right: 30px;
					background: none;
					border: 0;
					color: #fff;
					font-family: tahoma;
					font-size: 10px;
					margin-bottom: 12px;
					padding-top: 5px;
					padding-left: 10px;
					}
					#content #left form input.but {
						width: 40px;
						margin-right: 1px;
						float: right;
						margin-right: 40px;
						margin-left: -40px;
						cursor: pointer;
						}
		#content #right {
			float: left;
			width: 340px;
			padding-top: 10px;
			height: auto;
			background: url(img/right.jpg) no-repeat;
			}
			#content #right img { float: left; margin:0; display: inline; }
			#content #right a {
				float: left;
				width: 275px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				font-style: italic;
				color: #575350;
				margin-top: 25px;
				margin-left: 53px;
				display: inline;
				}
				#content #right a img { float: left; }
				#content #right a:hover {color: #0893cc; text-decoration: underline;}
				#content #right a.img { 
					
					margin: 0; 
					margin-top: 10px;
					display: inline;
					background: url(img/filmy.jpg) no-repeat;
					width: 333px;
					height: 100px; margin-top: 30px; }
					
					
	#footer {
		float: left;
		width: 610px;
		height: 30px;
		background: url(img/footer.gif) no-repeat;
		margin-left: 52px;
		margin-top: 20px;
		color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		display: inline;
		padding-left: 31px;
		padding-top: 17px;
		}
		#footer a {
			color: #fff;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			}
			#footer a:hover { text-decoration: underline; }
			#footer p {
				float: right;
				font-weight: bold;
				display: inline;
				width: 150px;
				margin-top: -12px;
				margin-right: 5px;
				}
					
				
/* SUBPAGES */

	#holder {
		float: left;
		width: 641px;
		height: auto;
		background: #fff url(img/holdbg.gif) repeat-y;
		margin-left: 52px;
		margin-top: 20px;
		display: inline;
		
		}
		#holder img {
			float: left;
			margin-left: 20px;
			display: inline;
			}
		#holder p {
			float: left;
			margin-left: 40px;
			margin-top: 10px;
			width: 560px;
			line-height: 14px;
			display: inline;
			
			}
			#holder p strong { font-weight: bold; }
			#holder #spis p {
				margin-left: 60px;
				margin-top: 3px;
				width: 520px;
				}
			#holder #spis a {
				float: left;
				margin-left: 60px;
				width: 500px;
				color: #0893cc;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-style: italic;
				font-weight: bold;
				margin-top: 20px;
				}
		#holder .top {
			float: left;
			width: 641px;
			background: url(img/contop.gif) no-repeat top;
			height: 14px;
			}
		#holder .bot {
			float: left;
			width: 641px;
			height: 14px;
			background: url(img/confot.gif) no-repeat bottom;
			}
		
		#holder .box {
			float: left;
			width: 500px;
			margin-left: 60px;
		
		}
		#holder .box a {
			float: left;
			margin-top: 5px;
			font-size: 12px;
			color: #0893cc;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-style: italic;
			font-weight: bold;
			
			}
		#holder .box p {
			margin: 0;
			width: 300px;
			display: inline;
			
			}
		#holder .box img {
			float: left;
			margin: 15px;
			display: inline;
			}
			#holder .box object {
				float: left;
				margin-left: 35px;
				}
	#holder .foty {
		float: left;
		width: 480px;
		margin-left: 80px;
		display: inline;
	
	}
	#holder .foty img {
		float: left;
		margin: 25px;
		padding: 4px;
		background: #fff;
		border: 1px solid #CCCCCC;
		display: inline;
		}
		 #holder #tresc { 
		 	float: left; 
			width: 620px; 
			text-align: center; 
			display: inline; 
			}
		 #holder #tresc p { 
		 	float: left; 
			width: 540px; 
			text-align: left; 
			display: inline; 
			}
		 #holder #tresc p.copy { 
		 	color: #999999; 
			text-decoration: underline;
		 	text-align: right; 
		 }
		#holder #tresc img {
			float: none;
			width: auto;
			position: relative;
			margin: 10px auto;
			text-align: center;
			display: inline;
			}
			
			#holder #tresc h2, #holder #tresc h1, #holder #tresc h3 {
				float: left;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 13px;
				font-weight: bold;
				color: #0893cc;
				text-align: left;
				margin-left: 35px;
				margin-top: 10px;
				width: 500px;
				margin-bottom: 6px;
				line-height: 15px;
				display: inline;
				}
				#holder #tresc h1 {
				font-size: 16px;
				
				}
				#holder #tresc h3 {
					font-size: 12px;
					margin-left: 40px;
					
					}
					#holder #tresc .linx {
						float: left;
						width: 100%;
						}
						#holder #tresc .linx a {
							float: left;
							width: 400px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 11px;
							color: #00CC66;
							font-weight: bold;
							text-align: left;
							margin-left: 43px;
							line-height: 13px;
							margin-bottom: 5px;
							}
						#holder #tresc i {
						font-style: italic;
						
						
						}
						
						#reklama {
							float: left;
							width: 400px;
							height: 290px;
							margin-right: 100px;
							margin-left: 3px;
							display: inline;
							}