body {
font-size: 10px;
font-family: 'verdana', sans-serif;
}

strong, b {font-weight: bold;}

.floatfix:after {
content:'';
display: block;
clear: both;
}

body {
width: 100%;
min-height: 640px;
background: #e3e3e3;

}

.contener {
width: 90%;
max-width: 1200px;
margin: 0 auto;

}

header {
width: 100%;
height: 370px;
background:  #fff url('../images/bg_header.jpg') no-repeat left top;
background-size: cover;
overflov: hidden;



position: relative;
}


header h2 a {
display: block;
width: 630px;
height: 300px;
text-indent: -999em;
background: url('../images/logo.png') no-repeat center top;
position: absolute;
top: 30px;
left: 30px;
}


.main {
position: relative;
}


nav {
width: 100%;
height: 47px;
background: #cfcfcf url('../images/bg_nav.jpg') no-repeat center top;
position: absolute;
left: 0px;
top: 0px;
}



/* odsyłacze */


/**/


#facebook {
position: absolute;
top: 7px;
right: 20px;
}




.content {
position: absolute;
width: 100%;
top: 0px;
left: 0;
background: #dbc79c url('../images/bg-header.jpg') no-repeat center top;
}


#left {
width: 270px;
margin-top: 47px;
float: left;
margin-right: 1%;
padding: 0 0 10px 0;

}


.news {
position: relative;
width: 270px;
height: 840px;
background: #5B2E2D url('../images/bg_news.jpg')  no-repeat center top;

}


.news h2 {
font-size: 3em;
font-family: 'Tahoma', sans-serif;
color: #fff;
padding: 15px 30px 10px 40px;
letter-spacing: 2px;
}

.article_news {
margin: 10px;

}


.article_news h3 {
font-size: 1.2em;
font-family: 'Tahoma', sans-serif;
color: #fff;
padding: 2px 0 4px 0;
letter-spacing: 1px;
font-weight: bold;
}

.article_news a.news_pic {
display: block;
height: 140px;
width: 250px;
background-size: cover;
}

.article_news img {
margin: 0 5px 0 0;
}

.article_news p.data {
display: block;
width: 140px;
height: 18px;
background: #006EB5;
color: #fff;
padding: 5px 0 0 5px;
text-align: center;
margin-top: -1px;
font-weight: bold;
}

.article_news p {
line-height: 1.1;
color: #fff;
font-size: 10px;
font-weight: bold;
}

.news a#all_news {
position: absolute;
right: 10px;
top: 820px;

display: block;
width: 210px;
text-align: right;
text-decoration: none;
color: #fff;
font-weight: bold;
}


#left img#baner {
display: block;
margin: 10px auto;
}

#left img.logo {
margin: 5px 0px;
}



#right{
margin-left: 270px;
margin-top: 47px;
clear: right;
}

#right img.fot {
float: right;
margin: 5px 0 5px 5px;
border: 0px;
}

#right h1 {
font-size: 3em;
font-family: 'Tahoma', sans-serif;
color: #032241;
padding: 40px 2% 20px 2%;
letter-spacing: 1px;
line-height: 1.4em;

}

.article {
width: 94%;
font-size: 12px;
text-align: justify;
margin: 2%;
line-height: 1.6em;
}


.article a {
tex-align: left;
text-decoration: none;
color: #000;
}

.article a:hover {
color: red;
}


.article a.more{
display: block;
width: 100%;
text-align: right;
text-decoration: none;
color: #000;
}

.article a.more:hover {
color: red;
}


#right h2 {
font-size: 2.4em;
font-family: 'Tahoma', sans-serif;
color: #032241;
padding: 20px 0 20px 10px;
letter-spacing: 1px;
}

#right h3 {
font-size: 1.6em;
font-family: 'Tahoma', sans-serif;
color: #032241;
padding: 20px 0 10px 20px;
letter-spacing: 1px;
}

#right h3#index {
margin: -40px  0 20px 0px;
}

#right h4 {
font-size: 1.2em;
font-family: 'Tahoma', sans-serif;
color: #032241;
padding: 10px 0 0px 0px;
letter-spacing: 1px;
}

#right h3 a {
color: #000;
text-decoration: none;
}

#right h3 a:hover {
color: red;
}

#right div.linki {
font-size: 1.2em;
line-height: 1.6em;
}

#right div.linki img {
margin-left: 50px;
margin-right: 10px;
}

#right div.linki a {
text-decoration: none;
color: #000;
}

#right div.linki a:hover {
color: red;
}

/**/

div.galery {
width: 80%;
min-height: 130px;
margin-left: 10%;
border: 0px solid #C4E0F9;
}


div.pic {
float: left;
width: 130px;
height: 130px;
margin: 5px 10px 5px 0px;
border: 1px solid #431918;


}

div.pic-last {
float: none;
width: 1px;
height: 130px;
border: 1px solid black;
margin: 0px;


}



div.pic a {
margin: 0px;
float: none;
} 

div.pic img {
float: none;
border: 1px solid #aaa;

}


#right a#player {
margin-left: 10%;

}
/**/


.banery {
width: 100%;
height: 80px;
text-align: center;
padding: 10px 0;
clear: both;
}


.banery img {
margin: 0 20px;
float: none;
}

div#moja-mapa {
width: 90%;
height: 480px;
margin-left: 5%;}


footer {
display: block;
width: 100%;
height: 15px;
background: #cfcfcf url('../images/bg_nav.jpg') no-repeat center top;
padding: 10px 0;
text-align: center;
color: #000;
clear: both;
}

footer a {
color: #000;
}

footer a:hover {
color: red;
}


.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;}



b {
font-weight: bold;
}


i {
font-style: italic;
}


table.basic {
width: 80%;
margin: -280px 10% 10px; 10%;
border: 0;
border-top: 1px solid #000; 
border-left: 1px solid #000; 
}

table.basic td{
width: 25%;
text-align: left;
border: 0;
border-bottom: 1px solid #000; 
border-right: 1px solid #000;
padding: 2px;
}


/* LAPTOPY */






/* MOBILNE */


/* sMARTFONY */