﻿body {
background-color: #eee;
font-size: 12px;
font-family: 'verdana', sans-serif;
}

strong, b {font-weight: bold;}

.floatfix:after {
content:'';
display: block;
clear: both;
}


.contener {
width: 90%;
max-width: 998px;
margin: 0 auto;
}

header {
width: 100%;
height: 185px;
background:  #fff url('../images/bg-top.jpg') no-repeat center top;
position: relative;
}

header h2 {
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
color: #ddd;
position: absolute;
top: 45px;
left: 40px;
}



.main {
position: relative;
background: url('../images/bg-main.jpg') center top;

}

nav {
width: 100%;
height: 47px;
background: url('../images/bg-nav.jpg') left bottom;
}


.main h1 {
display: block;
font-size: 16px;
font-weight: normal;
margin: 20px 0 20px 20px;
}

.main img {
margin: 0 0 20px 20px;
float: left;
}

.main img#index {
margin: -5px 0 0 0;
width: 100%;
}

.main p {
padding: 0 20px 20px 20px;
line-height: 1.6;
text-align: justify;
}



/* odsyłacze */


/**/





footer {
display: block;
width: 100%;
background: #fff url('../images/bg-footer.jpg') no-repeat center top;
padding: 10px 0 15px 0;
text-align: center;
color: #fff;
clear: both;
border-top: 1px solid #aaa;
border-bottom: 1px solid #999;
}

footer a {
color: #fff;
text-decoration: none;
font-style: italic;
}

footer a:hover {
color: red;
}



/* Ajax */
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
	border-color: black;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .rounded-white {
	background: white;
}
.highslide-image-blur {
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin-bottom: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../javascript/images/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}


/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(../javascript/images/controlbar-white.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../javascript/images/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url(../javascript/images/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}
.highslide-move a {
	cursor: move;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

iframe {
width: 90%;
height: 400px;
margin: 0px 5% 10px 5%;
}


/* LAPTOPY */






/* MOBILNE */


/* sMARTFONY */

