/* reset */
html, body { 
	font-size: 18px;;
	font-family: 'Roboto', sans-serif; font-weight: 100
 }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, big, em, img, q,
small, strong, tt, var, b, u, i, dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	border:0; margin:0; outline:0; padding:0; vertical-align:baseline }
h1, h2, h3, h4, h5, h6 { 
	font-weight: normal }
a img, :link img, :visited img, :active img, :hover img, fieldset, abbr, acronym { border:0 }
a, a:link, a:visited, a:active { 
	color:#059; text-decoration:none }
a:hover {
	opacity: 0.8 }
table { 
	border-collapse:collapse; border-spacing:0 }
th, caption {
	text-align:left }
form {
	display:inline; margin:0; padding:0 }
input, select { 
	font:12px Arial, Helvetica, sans-serif }
input[type="button"] { 
	cursor:pointer }
blockquote, q {quotes: none }
:focus {outline: 0 }
label:hover {cursor:pointer }
.bx { margin-bottom:10px }
.block { display:block }
.nowrap { white-space:nowrap !important }
.hlink { text-decoration:none !important }
.hlink:hover { text-decoration:underline !important }
.clr { font-size:0; clear:both; height:0; line-height:0 }
.red { color:#d10000 !important }
.gray { color:#777 !important }
.black { color:#000 !important }
.orange { color:#f63 !important }
.green { color:#429706 !important }
section, header, footer, nav { display:block }
a:hover img { opacity:0.96 }
form input[type=text] { color:#565c62 }
form input[type=submit] { cursor:pointer }
form input[type=submit]:hover { opacity:.9 }
form input.placeholder { font:bold 12px Arial; color:#bbb !important }
div {position:relative;}

/* ogolne */
div.all {
	padding: 10px;}
div#container_all {
	margin: auto; width: 980px;height:auto !important;  
	height:100%;background-color: white; box-shadow: 0 0 5px gray}
div.left, div.right {
	float: left; width: 45%; margin: 10px}
	
/* top */

header {
	margin: auto;padding: 0; height: 350px;}
header div {
	position: absolute;}
div.logo {margin-top:10px; margin-left:10px}
div.Menu {
	text-align: center; margin-left: 300px; 
	height: 23px; line-height: 23px;z-index: 9;
	margin-top:50px }
div.Menu * {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;}
div.Menu ul {
	margin: 0;padding: 0;}
div.Menu li {
	list-style: none;height: 23px;line-height: 23px; 
	float: left;font-size: 18px; font-weight: lighter; 
	border-right:1px solid white; 
	background-color: #818284;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
div.Menu li a {
	color: white; padding: 3px 25px}
div.Menu li:hover {
	background-color: #5d5e5e;}
body.ho li.ho,
body.fi li.fi,
body.of li.of,
body.re li.re,
body.pa li.pa,
body.ko li.ko {
	background-color: #2e6eb5;}
div.Menu li:hover a,
body.ho li.ho a,
body.fi li.fi a,
body.of li.of a,
body.re li.re a,
body.pa li.pa a,
body.ko li.ko a {
	color: white!important}
div.Menu ul.submenu { 
	position: absolute; border-top:solid 1px white; 
	z-index: 10; display:none;border-left:1px solid white}
div.Menu ul.submenu li {
	float: none; border-bottom:1px solid white; 
	opacity: 0.8;}

div.cycle {
	margin-top:90px;width: 980px; height: 200px;margin-bottom: 30px }
div.cycle img {
	width: 980px; height: 200px;}


/* footer */
footer {
	text-align: center;width:100%; 
	background-color: #eaeeed; height: 100px;}
footer p {
	text-align: center; padding-top: 20px
}
footer div.copy {
	 float:right;width: 120px; font-size: 9px; 
	line-height: normal; margin-top: 10px;}
footer div.copy a {
	color: #939393;font-family: "Trebuchet MS";text-decoration: none;
	font-size: 11px;text-transform: lowercase;
	background: transparent url(img/infocity.png) no-repeat left 50%;
	padding-left: 15px; padding-right: 20px;font-style: italic;}
footer .cookies {
	width: 200px; float: left; font-style: italic; font-size: 11px;
	text-transform: uppercase;}


/* galeria */
div.gallery {}
div.gallery .gallery-image {
	float: left; width: 170px; text-align: center; height: 180px;}
div.gallery .gallery-image img {
	width: 150px; height: 150px; box-shadow: 2px 2px 5px gray}

	
/*kontakt*/
p.adres {
	text-align: center; padding: 10px 0}
div.form-label {
	font-style: italic; color: gray;}
input[type="text"], 
textarea {
	width: 100%; padding: 3px; 
	font-family: Arial, Helvetica, sans-serif; color: black;}
input[type="submit"] {
	padding: 3px 20px}
p.info {
	font-style: italic; color: gray; font-size: 11px}
textarea {
	height: 180px}
div.form-error {
	text-align: center; color: red; padding: 10px}
div.send-success {
	width: 100%; text-align: center; color: green; padding: 10px 0}
div.send-error {
	text-align: center; color: red;}