html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: "Trebuchet MS";
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: url(../images/body_bg.jpg);
}
ol, ul {
	list-style: none;
}

#container {
	width: 960px;
	margin: 0 auto;
}

	#top {
		float: left;
		width: 960px;
		height: 98px;
		border-bottom: 1px dashed #d5d5d5;
		/*position: fixed;
		background: url(../images/body_bg.jpg);*/
	}

		#top h1 {
			position: relative;
			float: left;
		}

		#top h1 a {
			float: left;
			width: 180px;
			height: 60px;
			padding: 31px 0 0 60px;
			background: url(../images/logo_bg.png) no-repeat;
			font-size: 29px;
			color: #88857a;
			text-decoration: none;
			text-indent:-1000px;
		}

		#top h1 span {
			display: block;
			position: absolute;
			top:55px;
			right: 64px;
			font-size: 11px;
			font-style: italic;
			font-weight: normal;
			color: #444444;
			text-indent:-1000px;
		}

	ul#nav {
		float: left;
		height: 86px;
		margin: 13px 0 0 150px;
	}

		ul#nav li, ul#nav li a {
			display: block;
			float: left;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			color: #88857a;
		}

		ul#nav li {
	width: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
		}

		ul#nav li a {
			height: 16px;
			padding: 25px 0;
			width: 100%;
		}

			ul#nav li a:hover, ul#nav li.active a {
				background: url(../images/menu_hover.jpg) -17px 4px no-repeat;
				color: #66733F;
				cursor: pointer;
			}

		ul#nav li span {
			clear: left;
			float: left;
			margin-top: -27px;
			display: block;
			width:100%;
			font-size: 11px;
			font-style: italic;
			font-weight: normal;
			text-transform: none;
			color: #444444;
		}

	#middle {
		float: left;
		width: 960px;
		padding-bottom: 20px;
		
	}
	
	#middle.typewriter{
		/*background: url(../images/at_1.jpg) 92% 3% no-repeat;*/
	}
	
	#middle.blackboard{
		background: url(../images/at_2.jpg) 92% 3% no-repeat;
	}
	
	#middle.blackboard_en{
		background: url(../images/at_2_en.jpg) 92% 3% no-repeat;
	}
	
	#middle.dictionary{
		background: url(../images/at_3.jpg) 92% 3% no-repeat;
	}

		#text_placement {
			width: 940px;
			padding: 50px 0 65px 0;
			margin-left: 20px;
			
		}

			#text_placement h2 {
				color: #66733f;
				font-size: 45px;
				font-weight: normal;
				height: 80px;
				display: block;
			}

			#text_placement span {
				display: block;
				width: 95%;
				margin-bottom: -23px;
				font-size: 12px;
				font-style: italic;
				text-align: right;
				color: #444444;
			}

			#text_placement h3 {
			color:#88857A;
			font-size:17px;
			line-height:1.2;
			text-align:justify;
			text-transform:uppercase;
			width:440px
			}

			#text_placement p {
				padding-top: 15px;
				line-height: 1.3;
				font-size: 13px;
				font-style: italic;
				color: #444444;
				text-align: justify;
			}

	.content {
		position: relative;
		float: left;
		margin: 20px 0 0 0;
		width: 900px;
		padding: 0 30px;
		border-top: 1px dashed #d5d5d5;
	}

		.content span {
			font-size:11px;
			font-style:italic;
			position:absolute;
			right:77px;
			top:-7px;
			display: block;
			background: url(../images/body_bg.jpg);
			padding: 0 10px;
		}

			.content span a {
				text-decoration: none;
				color: #444444;
			}

		.content p	 {
			float: left;
			text-align: justify;
			padding: 10px 20px;
			line-height: 1.5;
			font-size: 12px;
			font-style: italic;
			color: #444444;
			width: 250px;
			min-height: 170px;
		}
		
		div#oferta ul{
			clear:both;
			float:none;
			text-align:justify;
			line-height:1.5em;
			font-size:12px;
			padding:10px 20px;
			font-style:italic;
		}
		div#oferta ul li{
			list-style-type:disc;
		}
		div#oferta ul ul li {
			list-style-type:circle;
			
		}
		
		.content table{
			line-height: 1.5;
			font-size: 12px;
			font-style: italic;
			color: #444444;
			width:100%;
			margin:20px 0;
		}
		
		.content table th{
			font-weight:bold;
			
			color:#88857A;
			text-align:left;
		}
		.content table td{
			border:1px dotted #ccc;
			padding:3px;
		}
		
		.content p {
			min-height:0;
		}

			.content p strong {
				font-weight: bold;
				font-style: normal;
				display: block;
				padding-bottom: 5px;
				text-transform: uppercase;
				font-size: 11px;
			}

			.content p a {
				color:#88857a;
				font-weight: normal;
				border-bottom: 1px dashed;
				text-decoration: none;
				padding: 0 3px;
			}


				.content p a:hover {
					border-bottom: 1px solid;
					background-color: #88857a;
					color: white; 
				} 

		.content p.border {
		border-right: 1px dashed #d5d5d5;
		}
		
		.content p.wider{
			width:408px;
		}
		
		.content p.widest{
			width:auto;
		}

	.content form {
	float: left;
	width: 565px;
	min-height: 170px;
	background: url(../images/logo_bg.jpg) 30% 63px no-repeat;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	}
	
		.content form div {
			float: right;
			width: 250px;
			padding-bottom: 5px;
			padding-right:15px;
		}

			.content form label {
				font-size: 12px;
				font-style: italic;
				font-weight: bold;
				float: left;
				line-height: 20px;
				color: #88857a;
			}

			.content form input, .content form textarea {
				float: right;
				width: 197px;
				height:20px;
				display: block;
				background: url(../images/input.jpg) left top no-repeat;
				border: none;
			}

			.content form textarea {
				height: 61px;
				background: url(../images/textarea.jpg) no-repeat;
				overflow: auto;
			}

			.content form button.submit {
				background: transparent none;
				border: none;
				font-size: 12px;
				width: 54px;
				float: right;
				cursor: pointer;
				text-transform:uppercase;
				color:#88857a
			}
			
			
			/* quirksmode - hack for file imput styling 
			
			*/
			div.fileinputs {
			position: relative;
			}

			div.fakefile {
				position: absolute;
				top: 0px;
				left: 0px;
				z-index: 1;
			}

			input.file {
				position: relative;
				text-align: right;
				-moz-opacity:0 ;
				filter:alpha(opacity: 0);
				opacity: 0;
				z-index: 2;
			}

			

		.content h4 {
			color: #88857a;
			margin-top: -8px;
			font-size: 16px;
			background: url(../images/body_bg.jpg);
			width: 160px;
			padding-left: 10px;
		}

	#footer {
		float: left;
		width: 960px;
		padding: 10px 0 20px;
		background:center no-repeat;
		border-top: 1px dashed #d5d5d5;
	}

		#footer p {
			width: 100%;
			text-align: center;
			font-size: 11px;
			color: #444444;
		}

			#footer p a {
				color: #88857a;
				text-decoration: none;
			}
			
			/*--- materialy ---*/
			
	#materialy {
		padding: 15px 10px;
		width: 900px;
	}
		#materialy ul { 
			list-style: none; 
		}
			#materialy ul li { 
				display: inline; 
				overflow: hidden;
				}
				
				#materialy ul li a {
					color: white;
				}
			
			#materialy ul a img {
				padding:10px 5px;
				border: none;
			}
			
			#materialy ul a img:hover {
				padding: 0;
				border: 5px solid #d5d5d5;
				background-image: url(../images/menu_hover.jpg);	
			}
			
.button, .button:visited {
	background: #799c35; 
	display: inline-block; 
	padding: 8px 30px 9px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	float:right;
	margin-left:20px;
	text-transform:uppercase;
}

.button:hover{
	background:#8db63d;
}