/*--------------------------------------------------------
	css theme name: metchem
	author: bartosz mediger (http://mediger.net)

	created: apr 14, 2008


*/


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


address {
	float: left;
	font-style: normal; }


blockquote {
	clear: both;
	line-height: 18px; }
	
	blockquote p {
		width: 470px;
		padding: 0 0 30px 0;
		font-size: 15px; 
		text-align: left !important;
		color: #1f2532; }


body, html { width: 100%;  height: 100%; }



body { background: url(../images/backc.gif) center repeat-y; }



fieldset { border: none; }



html {
	overflow: auto;
	overflow-x: hidden; }
	


	
html {
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333; }



img { border: none; }



ins { text-decoration: none; }




p {
	padding-bottom: 15px;
	text-align: justify; }



textarea {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	overflow: auto; }



ul { list-style: none; }

ul, ol { margin: 5px 0 15px 15px; }



ul li {
	background: url(../images/arrow.gif) no-repeat left 7px;
	padding: 0 0 0 15px; }








/*	naglowki */

h1 {
	padding: 0 0 15px 0;
	font-size: 20px;
	font-weight: bold;
	color: #7a6b64; }

h2 { font-size: 15px; }

h3 {
	clear: both; 
	padding: 0 0 10px 0;
	font-size: 18px; }

h4 {
	font-size: 12px;
	font-weight: bold;
}

h6 {
	line-height: 13px;
font-size: 11px;
	font-weight: normal;
	color: #999; }

h5 {
	padding: 0 0 15px 0;
	font-size: 20px;
	font-weight: bold;
	color: #7a6b64; }















/*	nawigacja */

a {
	text-decoration: none;
	color: #666666; }
	
	a:hover {
		text-decoration: underline;
	}
















#attach {
clear: both ; }

	#attach li {
		line-height: 32px;
		background: url(../images/pdf.gif) no-repeat left 0;
		padding: 3px 0 3px 40px; }

	#attach li a {
		font-size: 14px;
		color: #666; }








#center {
	width: 906px;
	position: relative;
	margin: 0 auto;
	padding: 117px 0 0 6px;
	/*padding: 0 50px 0 37px;*/
	}










#container {
	width: 100%; min-height: 1008px; float: left;
	background: url(../images/top.jpg) no-repeat center top;
	padding-bottom: 80px }












#content {
	float: left;
	width: 824px;
	padding: 0 0px 0 29px;
	 }













#flags { position: absolute; top: 62px; right: 70px; }


#flags a {
	float: left;
	width: 16px; height: 11px;
	margin: 0 6px 0 0; }
	
	#flags a.pl { background:url(../images/flag_pl.gif); }
	#flags a.gb { background:url(../images/flag_gb.gif); }



	#flags a.hit {
	filter:alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5; }
















#foot {
	float: left;
	width: 100%; height: 106px;
	background: url(../images/foot.gif) center;
	font-size: 11px;
	color: #748880; }
	

	#foot-center {
		position: relative;
		width: 824px; height: 52px;
		margin: 0 auto;
		padding: 0 50px 0 29px; }

	#foot-content {
		position: absolute; top: -60px; left: 29px;
		width: 836px; height: 52px;
		background: url(../images/dot2.gif) repeat-x top;
		padding: 10px 0 0 20px; }
		
	#foot-content a {
		padding: 0 5px 0 5px;
		font-size: 10px;
		color: #748880; }














#gallery {
	clear: both;
	padding: 25px 0 0 0; }

	#gallery, .galleries a {
		float: left;
		margin: 0 7px 5px 0;
		color: #333 !important; }

	#gallery a:hover img,
	.galleries a:hover img { border: 1px solid #999; }

	#gallery img,
	.galleries img {
		padding: 2px;
		border: 1px solid #ccc; }









/* formularz kontaktowy */

#kontakt fieldset {
    border: 1px solid #666;
    padding: 2em 0em 2em 1em; }


#kontakt input { line-height: 14px; }



#kontakt input, select,
#kontakt textarea {
    float: left;
    width: 30%;
    padding: 1px 2px 1px 2px; }



#kontakt label {
    float: left;
    width: 90%;
    margin: 1px;
    display: block;
    padding: .3em 0 .3em 0;
    cursor: pointer; }

   #kontakt  label span {
        float: left;
        width: 20%;
        margin: 1px;
        padding: 0 3px 0 0;
        text-align: right;
        color: #111; }


#kontakt legend {
    padding: 0 1em 1em 1em;
    font-weight: bold; }


#kontakt textarea {
    float: left;
    overflow: hidden;
    overflow: auto;
    width: 70%; height: 100px; }


#kontakt .button {
    float: right;
    width: 100px;
    border: 1px !important;
    padding: 4px;
    text-align: center;
    _filter:alpha(opacity=70); -moz-opacity: .7; opacity: .7; }

    #kontakt .button:hover { _filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }



















#left {
	float: left;
	width: 830px;
	padding: 0 0 100px 0; }


	.start #left {
		width: 560px;
		background: url(../images/dot.gif) repeat-y right;
		padding: 0 26px 0 0; }

















#logo {
	position: absolute; top: 45px; left: 35px;
	width: 260px; height: 65px;
	background: url(../images/empty.gif);
	text-indent: -10000px; }















#menu {
	float: left;
	padding: 0; }
	
	
#menu a { 
	float: left;
	width: 150px; height: 43px;
	background: url(../images/m_back.gif);
	line-height: 43px;
	text-align: center;
	font-size: 11px !important;
	font-weight: bold;
	cursor: pointer;
	color: #fff; }

	#menu a:hover {
		background-position: 0 -43px;
		text-decoration: none; }













#news { margin-right: -200px; }

#news .item {
	float: left;
	overflow: hidden;
	width: 200px; height: 200px;
	margin: 0 15px 0 0;
	padding: 10px 0 15px 0; }

.start #news { width: 205px; }

#news img {
	float: left;
	margin: 0 10px 5px 0; }
	
	.start #news img {
		float: none;
		margin: 0 0 5px 0;  }

	#news h1 { padding: 0 0 20px 0; }

	#news h2 {
		height: 35px;
		line-height: 17px;
		padding: 0 0 5px 0; }

	#news h4 { padding: 0 0 5px 0; }

	#news p {
		line-height: 18px;
		text-align: left;
		font-size: 12px; }

	#news a { color: #333; }

	#news p { line-height: 16px; }




















#right {
	float: right;
	width: 205px;
	padding: 50px 0 0 0;
}















/* classess */


.anim { width: 906px; height: 130px; }

.start .anim { width: 903px; height: 260px; }




.button {
	border: none;
	cursor: pointer; }

.button:hover {
	filter:alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8; }



div.back {
	clear: both;
	padding: 0 0 0 27px;
	height: 35px;
	border-bottom: 2px solid #ccc;
	margin: 0 0 10px 0; }
	
	a.back {
		float: right;
		background: url(../images/arrow2.gif) no-repeat left 0;
		line-height: 27px;
		padding: 0 0 0 32px;
		color: #990000; }


	
.frame {
	float: left;
	margin: 0 17px 0 0;
	padding: 4px;
	border: 1px solid #cacaca; }


.newsarch {
	float: right;
	background: url(../images/arrow3.gif) no-repeat left 6px;
	padding: 0 0 0 13px;
	color: #333;
	font-size: 11px; }


.right {
	float: right;
	margin: 0 0 17px 17px;
	padding: 4px;
	border: 1px solid #666; }