/*
 *
 * Stylesheet for ^ginn
 *
 * @section		screen
 * @author		Krzysztof Lojniewski
 * @version		1.00
 * @copyright	zaciecie.pl
 * @media		screen
 *
 * 
*/
 
@import "reset.css";

body {
	background: url(../img/bodybg.gif) no-repeat center top;
	font: 12px/15px tahoma;
	color: #7f7f7f;
}
a {
	text-decoration: none;
	}
a:hover { text-decoration: underline;}
a:active, a:link { text-decoration: none;}
.container { position:relative; width: 775px; margin: 0 auto; }
/* HEADER */
#header {
	float: left;
	width: 775px;
	height: 251px;
	background: url(../img/headerbg.jpg) no-repeat;
	}
#header img {
	float: left;
	margin-top: 66px;
	margin-left: 138px;
	}

#header ul {
	float: left;
	display: inline;
	margin: 107px 0 0 18px;
	clear: left;
	width: 700px;
}
#header ul li {
	float: left;
	}
#header ul li a {
	background: url(../img/m_start.gif);
	width: 75px;
	text-indent: -9999%;
	font-size: 0;
	line-height: 0;
	display: inline;
	float: left;
	height: 31px;
	}
#header ul li#catalog a {
	background: url(../img/m_gin.gif);
	width: 123px;
	}
#header ul li#search a {
	background: url(../img/m_szukaj.gif);
	width: 84px;
	}
#header ul li#partners a {
	background: url(../img/m_partnerzy.gif);
	width: 109px;
	}
#header ul li#contact a {
	background: url(../img/m_kontakt.gif);
	width: 90px;
	}
/* CONTENT */
#content {
	float: left;
	width: 775px;
	}
#main-content {
	float: left;
	width: 455px;
	margin: 20px 0 0 18px;
	display: inline;
	font-size: 11px;
	padding-bottom: 20px;
	}
h1.wellcome {
	float: left;
	background: url(../img/h1polec.gif) no-repeat;
	width: 100%;
	height: 33px;
	text-indent: -9999%;
	line-height: 0;
	font-size: 0;
	margin-bottom: 18px;
	}
#main-content p {
	float: left;
	width: 235px;
	margin-bottom: 30px;
	}
#main-content p span {
	font-weight: bold;
	color: #74b205;
	}
#content ul {
	float: left;
	width: 175px;
	padding-bottom: 25px;
	display: inline;
	margin-left: 30px;
	}
#content ul li {
	float: left;
	color: #20acbd;
	padding-left: 15px;
	width: 160px;
	background: url(../img/ulli.gif) no-repeat 0 6px;
	margin-top: 4px;
	
	}
#content ul li a {
	color: #20acbd;
	}
#main-content img {
	clear: both;
	float: left;
	}
#main-content .usg {
	float: left;
	width: 215px;
	margin-top: 10px;
	margin-left: 25px;
	display: inline;
	}
.usg h3 {
	float: left;
	width: 100%;
	background: url(../img/h3badania.gif) no-repeat;
	height: 27px;
	text-indent: -9999%;
	line-height: 0;
	font-size: 0;
	margin-bottom: 10px;
	}
.usg .art {
	float: left;
	font-size: 10px;
	width: 150px;
	margin-left: 3px;
	display: inline;
	}
.usg .art a {
	font-weight: bold;
	color: #74b205;
	float: left;
	}
.usg .art p {
	float: left;
	}
#sidebar {
	float: left;
	width: 275px;
	margin-top: 10px;
	background: url(../img/sidebarbg.gif) no-repeat left top;
	padding-left:25px;
	padding-top: 15px;
	}
#content #sidebar ul {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
#sidebar h3 {
	float: left;
	background: url(../img/ost_dod.gif) no-repeat;
	height: 29px;
	width: 180px;
	line-height: 0;
	font-size: 0; text-indent: -9999%;
	}
#sidebar h3.comments {
	background: url(../img/lastcomm.gif);
	width: 195px;
}

/* FOOTER */
#footer {
	float: left;
	width: 100%;
	height: 80px;
	text-align: center;
	font-size: 10px;
	padding-top: 16px;
	background: url(../img/footerbg.gif) repeat-x;
	}
#footer p {
	float: left;
	margin-left: 20px;
	display: inline;
	}
#footer a {
	color: #7F7F7F;
	}
#content .content p {
	width: 430px;
	}
#content a {
	color: #20ACBD;
	text-decoration: underline;
	}
#content .content h1 {
	font-size:18px;
	line-height: 20px;
	color:#20ACBD;
	margin-bottom:10px
}
				form.cont {
					float: left;
					border: 1px solid #eee;
					width: 310px;
					padding: 0px 20px 20px 20px;
					background: #F9F9F9;
					display: inline;
		
					}
					form.cont label, form.cont input, form.cont textarea {
						float: left;
						width: 300px;
						border: 2px solid #ECECEA;
						font-family: tahoma;
						font-size: 11px;
						color: #8F8F8F;
						}
					form.cont label { border: 0; padding: 5px 0;}
						form.cont input.but {
							width: 100px;
							margin-top: 10px;
							background: #fff;
							}
#add {
	float: left;
	clear: left;
	width: 420px;
	}
#add a { color: #20ACBD; text-decoration: underline;}
#add label {
	float: left;
	width: 100%;
	margin-top: 4px;
	}
#add input:focus, #add label textarea:focus { background: #FFFFCC; border-color: #20ACBD;}
#add label span {
	float: left;
	width: 180px;
	text-align: right;
	padding-right: 20px;
	}
#add label input, #add label textarea {
	border: 1px solid #BEC4C6;
	float: left;
	width: 190px;
	font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 5px;
	}
#add input.but {
	float: left;
	margin-left: 200px;
	display: inline;
	margin-top: 10px;
	border: 1px solid #BEC4C6;
	background: #FFFFCC;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	}
h4 {
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 22px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	margin-top: 25px;
	}
	
.opinia {
background:#FFFFFF url(../img/opiniex.gif) no-repeat scroll left top;
border-bottom:1px solid #F0F0F0;
float:left;
margin-top:20px;
width:415px;
}
.opinia .podpis {
color:#20ACBD;
float:left;
font-weight:bold;
padding-left:15px;
padding-top:10px;
padding-bottom: 10px;
width:400px;
}
#content .opinia p {
float:left;
padding-left:15px;
padding-top:15px;
text-indent:0pt;
width:380px;
}
.opinia .dol {
color:#7F7F7F;
float:left;
height:40px;
width:385px;
padding-left: 15px;
}
.opinia .dol span {
	float: left;
	display: block;
	width:385px;
}
.opinia .dol b {
color: #74B205;
font-weight: bold;

}
.opinia strong {
	color: #74B205;
	font-weight: bold;
	text-decoration: underline;
	}
	
#main-content .art p  {
	margin-bottom: 5px;
}
.content form em {
	color: red;
	display: block;
	margin-left: 200px;
}