@charset "utf-8";
/* Statim Computer style sheet */

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

body {
	font: normal 0.7em Arial, Helvetica, sans-serif;
	color: #333;
}

/* podstawowe style zawartosci */
p {
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

h1 {
	float: left; 
	padding: 20px 0 25px 25px;	
}
h1 a {
	display: block; width: 120px; height: 135px;
	background: transparent url(../images/logo.png) 0 0 no-repeat;
}

h2 {
	color: #c00;
	background: transparent url(../images/ico-h2.gif) 0 30% no-repeat;
	font-size: 1.8em; letter-spacing: -1px; font-weight: normal;
	padding: 0 0 5px 25px;
}
h3 {}
h4 {}
h5 {}
h6 {}

ul {
	color: #666;
	list-style-position: outside; list-style-type: disc; list-style-image: url(../images/ico-ul.gif);
}
ul li {
}
ol {}
dl {}
dl dt {}
dl dd {}

img {
	border: 1px solid #777;
}

a:link,
a:visited {
	color: #c00;
	text-decoration: underline;
}

a:link:hover,
a:visited:hover {
	text-decoration: none;
}


/* klasy elementów */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.auraltext {
	text-indent: -9999px; font-size: 0;
}

a:link.more {
	color: #333;
	background: transparent url(../images/ico-more.gif) 100% 50% no-repeat;
	font-weight: bold; text-decoration: none;
	padding: 0 15px 0 0;
}
a:visited.more {
	color: #666;
	background: transparent url(../images/ico-more.gif) 100% 50% no-repeat;
	font-weight: bold; text-decoration: none;
	padding: 0 15px 0 0;
}
a:link:hover.more,
a:visited:hover.more {
	text-decoration: underline;;
}

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

#main {
	width: 600px;
	float: left;
	/*margin: 20px 0 0 0;*/
}

#sidebar {
	float: right; width: 360px;
	text-align: center;
	/*margin: 20px 0 0 0;*/
}

#sidebar img {
	border: none;
}

#sidebar h2 {
	text-align: left;
	margin: 20px;
}

#sidebar p {
	text-align: left;
	margin: 0 20px;
}

.banner {
	margin: 10px 0 !important;
}

#top {
	min-height: 180px; /*_height: 180px;	/* watch out for IE hack! */
	background: #ED9004 url(../images/top-bg.png) 0 0 no-repeat;
}

#slogan {
	float: right; width: 370px;
	color: white;
	padding: 50px 30px 0 0;
}

/* glowna nawigacja */
ul#mainnav {
	min-height: 160px; _height: 160px;
	background: #eee url(../images/mainnav-bg.jpg) 0 0 no-repeat;
	list-style: none; list-style-image: none;
	text-align: right; font-size: 1.7em; line-height: 1.05em;
	border-right: 1px solid #d6d6d6;
	padding: 10px 0;
}

ul#mainnav li {
	letter-spacing: -2px;
	text-transform: uppercase;
}

ul#mainnav li a:link,
ul#mainnav li a:visited {
	color: #333;
	text-decoration: none;
	padding: 0 15px 0 10px;
}

ul#mainnav li a:link:hover,
ul#mainnav li a:visited:hover {
	background-color: #d2d2d2;
}

ul#mainnav li a.selected {
	color: #c00 !important;
}

/* kontener zawartosci */
#content {
	background-color: #eee;
	border-right: 1px solid #d6d6d6;
	padding: 0 15px 30px 15px;
	min-height: 320px; _height: 320px;
}

/* lista z nowosciami */
ul#news {
	list-style: none; list-style-image: none;
}
ul#news li {
	float: left; width: 165px;
	margin: 0 0 0 35px;
}

ul#news li.first { margin: 0; }
ul#news li p { margin: 0; }
ul#news li a { float: right; }

/* stopka z producentami u dolu */
#footer {
	width: 930px;
	color: #9B9B9B;
	background: #eee url(../images/producents-bg.png) 0 0 no-repeat;
	border-top: 1px solid #d6d6d6;
	padding: 85px 15px 15px 15px;
}

#footer div.Left {
	width: 465px;
	text-align: left;
	float: left;
}

#footer div.Right {
	width: 465px;
	text-align: right;
	float: right;
}

#footer a:link,
#footer a:visited {
	color: #9B9B9B;
	text-decoration: none;
}

#footer a:link:hover,
#footer a:visited:hover {
	text-decoration: underline;;
}

/* nawigacja pomocnicza u gory */
ul#helpnav {
	height: 1.8em; 
	color: white; background-color: #333;
	line-height: 1.8em;
	list-style: none; list-style-image: none;
}

ul#helpnav li {
	float: right;
	padding: 0 4em 0 0;
}

ul#helpnav a:link,
ul#helpnav a:visited {
	color: white;
	text-decoration: none;
	padding-left: 18px;
}

ul#helpnav a:link:hover,
ul#helpnav a:visited:hover {
	text-decoration: underline;
}

a.home { background: transparent url(../images/ico-home.gif) 0 50% no-repeat; }
a.search { background: transparent url(../images/ico-search.gif) 0 50% no-repeat; }
a.map { background: transparent url(../images/ico-map.gif) 0 50% no-repeat; }
a.contact { background: transparent url(../images/ico-contact.gif) 0 50% no-repeat;	}


/* --- oferta ------------------------------------------------ */
ul.offer {
	list-style: none;
	clear: both;
}
ul.offer li {
	float: left; width: 30%;
	background-color: #e2e2e2;
	margin: 0 2% 10px 0; padding: 0 0 10px;
}
ul.offer li h4 {
	color: white; 
	background: #909090 url(../images/ico-h4.gif) 97% 60% no-repeat;
	font-size: 1.1em; font-weight: bold;
	margin: 0; padding: 2px 4px;
}

ul.offer li h4 a {
	color: white; 
	font-size: 0.9em; font-weight: bold;
	text-decoration: none;
}

ul.offer li h4 a:hover {
	text-decoration: underline;
}

ul.offer li ul {
	width: 152px;
	margin: 0; padding: 70px 0 0 20px;
}

ul.offer li ul li {
	float: none; width: 145px;
	margin: 0; padding: 0;
}

ul.offer li ul li a:link {
	color: #666;
	text-decoration: none;
}
ul.offer li ul li a:visited {
	color: #555;
	text-decoration: none;
}
ul.offer li ul li a:link:hover,
ul.offer li ul li a:visited:hover {
	text-decoration: underline;
}

ul.category1 { background: transparent url(../images/category1.jpg) 0 0 no-repeat; }
ul.category2 { background: transparent url(../images/category2.jpg) 0 0 no-repeat; }
ul.category3 { background: transparent url(../images/category3.jpg) 0 0 no-repeat; }
ul.category4 { background: transparent url(../images/category4.jpg) 0 0 no-repeat; }
ul.category5 { background: transparent url(../images/category5.jpg) 0 0 no-repeat; }
ul.category6 { background: transparent url(../images/category6.jpg) 0 0 no-repeat; }
ul.category7 { background: transparent url(../images/category7.jpg) 0 0 no-repeat; }
ul.category8 { background: transparent url(../images/category8.jpg) 0 0 no-repeat; }
ul.category9 { background: transparent url(../images/category9.jpg) 0 0 no-repeat; }
ul.category10 { background: transparent url(../images/category10.jpg) 0 0 no-repeat; }
ul.category11 { background: transparent url(../images/category11.jpg) 0 0 no-repeat; }
ul.category12 { background: transparent url(../images/category12.jpg) 0 0 no-repeat; }
ul.category13 { background: transparent url(../images/category13.jpg) 0 0 no-repeat; }
ul.category14 { background: transparent url(../images/category14.jpg) 0 0 no-repeat; }

/* --- referencje ----------------------------------------------- */
img.reference {
	margin: 0 5px 0 0;
}

/* --- elementy w tresci ---------------------------------------- */
ul.incontent {
	margin: 0 0 0 20px;
}

ul.incontent li {
	margin-bottom: 10px;
}

img.incontent {
	float: left;
	margin: 0 15px 0 0;
}

/* --- kontakt ----------------------------------------------- */
#contactinfo {
	float: left; width: 20%;
	padding: 20px 20px 20px 10px;
}

#contactinfo span {
	color: #c00;
}

form#contact {
	float: left; width: 57%;
	background-color: #e2e2e2;
	padding: 20px 30px;
}

label {
}
input.text, textarea {
	width: 100%;
	background-color: #eee;
	border: 1px solid #353535;
	font: normal 1em Arial, Helvetica, sans-serif;
	margin: 0 0 1em 0;
}
input.submit {
	float: right; width: 5em;
	background-color: #eee;
	border: 1px solid #353535;
	font-size: 1em;
}

.map {
	margin: 2em 0;
}

/* --- nasi klienci / realizacje / --------------------------- */
ul#realizations {
	list-style: none;
}
ul#realizations li {
	float: left; width: 40%;
	background-color: #e2e2e2;
	margin: 10px; padding: 10px;
}

ul#realizations li a {
	float: right;
}

ul.sitenav {
	width: 100%;
	list-style: none;
	margin: 0 auto;
}
ul.sitenav li {
	float: left;
	margin: 0 0.5em;
}

input.inp {
	background-color: #eee;
	border: 1px solid #353535;
	font: normal 1em Arial, Helvetica, sans-serif;
	margin: 0 0 1em 0;
}

.select {
	width: 200px;
	background-color: #eee;
	border: 1px solid #353535;
	font: normal 1em Arial, Helvetica, sans-serif;
	margin: 0 0 1em 0;
}

.option {
	background-color: #eee;
	font: normal 1em Arial, Helvetica, sans-serif;
	padding: 1px 2px 0px 2px;
}

input.button {
	float: left; width: 5em;
	background-color: #eee;
	border: 1px solid #353535;
	font-size: 1em;
}

div#b1, div#mymovie {
	z-index: -100;
}