/*
      Created by Keith Donegan of Code-Sucks.com

      E-Mail: Keithdonegan@gmail.com

      You can do whatever you want with these layouts,
      but it would be greatly appreciated if you gave a link
      back to http://www.code-sucks.com
*/

* { padding: 0; margin: 0; }


/* MEYER RESET v1.0*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* BASIC TYPOGRAPHY */
body {

 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 color: #042E6F;
 line-height: 1.2em;
 background-color: #effafc;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace; }
del { text-decoration: line-through; color: #667; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #667; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* FORMS */

fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: bold; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }


/* LISTS */

ul li { margin-left: .85em; font-size: 0.8em;}
ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }
ol { list-style-position: outside; list-style-type: decimal; }
dt { font-weight: bold; }

/* TABLES */

table { border-top: 0px solid #ccc;  border-left: 0px solid #ccc; }
th, td { border-bottom: 0px solid #ddd; border-right: 0px solid #ccc; }

/* MARGINS & PADDINGS */

blockquote *:first-child { margin: .8em 0; }
hr, dl, pre, blockquote, address, table, form { margin-bottom: 1.6em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 { margin: 1em 0 .5em;  }
h2 { margin: 1.07em 0 .535em; }
h3 { margin: 1.14em 0 .57em; }
h4 { margin: 1.23em 0 .615em; }
h5 { margin: 1.33em 0 .67em; }
h6 { margin: 1.6em 0 .8em; }
th, td { padding: .8em; }
caption { padding-bottom: .8em; } /* padding instead of margin for IE */
blockquote { padding: 0 1em; margin: 1.6em 0; }
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 0.1em; }
ol { margin-left: 0.3 em; }
ol ol, ul ol { margin-left: 0.5 em; line-height: 0.1 em; }
form div { margin-bottom: .8em; }

/* COLORS */

a:link { text-decoration: underline; color: #36c; }
a:visited { text-decoration: underline; color: #99c; }
a:hover { text-decoration: underline; color: #c33; }
a:active, a:focus { text-decoration: underline; color: #000; }
code, pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */


#wrapper {
 margin: 0 auto;
 padding: 0;
 width: 998px;
 background: url("../images/page_back.gif") repeat-y;
}
#header {
 float: left;
 color: #333;
 width: 998px;
 height: 152px;
 padding: 0;
 margin: 0;
 background: url('../images/baner.gif') no-repeat;
}
#navigation {
    float: right;
margin: 122px 140px 0px 0px;
    padding: 0px 0px;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 0.8 em;
}
#navigation  ul li {
float: left;
display: block;
display: inline;
}


#leftcolumn {
 float: left;
 color: #333;
 margin: 0;
 padding: 0;
 height: 620px;
 width: 196px;
 background: url("../images/left_side.gif") no-repeat;
}
#rightcolumn {
 float: right;
 color: #333;
 padding: 0;
 margin: 0;
 width: 802px;
 /* background: url("../images/mainfoto.jpg") no-repeat; */
background: url("../images/content_up.gif") 0px top no-repeat;
 border: 0px #fff solid;
}
#sciezka-powrotu {
 float: right;
 color: #333;
 margin: 0px 20px 10px 10px ;
 width: 720px;

 /* background: url("../images/mainfoto.jpg") no-repeat; */
/* background: url("../images/content_up.gif") 0px top no-repeat; */
 /*border: 1px #fff solid;*/
}




.rightcolumntlo {

 /* background: url(../images/content_up.gif) 1px bottom no-repeat; */
 /* background: url("../images/mainfoto.jpg") no-repeat; */

 width: 740px;
 /*height: 485px;*/
 margin:20px 0px 0px 20px;
 padding:0;
}
#rightcolumn div, #rightcolumn p {
 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
}
.rightcolumntlo {
    background: url("../images/tloright.jpg") no-repeat scroll 1px bottom transparent;
    
}
#rightcolumn div, #rightcolumn p {
    font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 0.9em;
}

#content {
 float: right;
 color: #333;
 margin: 0px 20px 10px 10px ;
 width: 720px;
 
 /* background: url("../images/mainfoto.jpg") no-repeat; */
/* background: url("../images/content_up.gif") 0px top no-repeat; */
 /*border: 1px #fff solid;*/

}

#footer {
 width: 998px;
 height: 64px;
 color: #333;
 margin: 0;
 padding: 0 10px;
 background: url("../images/footer_back.gif") no-repeat;
}

#art-hmain {
		float: right;
		margin: 122px 50px 0 0;
		padding: 6px 0;
		font-size: 0.8em;
		font-weight: bold;
        line-height: 1.1em;
}


#mpnaglowek {
	float: right;
	color: #333;
	margin: 0px 20px 10px 10px ;
	width: 700px;
	height: 20px;
	
	margin: 20px 10px;
	padding-left: 20px;
	font-family: Verdana;
	font-size: 125%;
	color: #042E6F;
}

#flagi {
	margin:390px auto 0;
	margin:105px 0px 15px 30px;
	width: 110px;
}
.flaga {
	margin:10 5px;
	border: 0px #fff solid;
}


#menuboczne{
width:120px;
height:210px;
margin:50px 0 0 20px;
}

#reklama{
float: left;
width:187px;
height:210px;
margin: 0px 0 0 10px;
/*background-color:yellow;*/
}




.mainfoto {
	margin: 0;
	padding: 0;
	margin-left:1px;
}
.containerst {
	padding: 5px 0;
	font-size: .65em;
    line-height: 1.3em;
	text-align: center;
}
.copyright {
	color:#252525;
	padding:0px;
	text-decoration:none;
}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
.zdjeciekategorie {
    border-right:  #C8CDD2 1px outset;
    border-top:    #D9E0E6 1px outset;
    border-left:   #D9E0E6 1px outset;
    border-bottom: #C8CDD2 1px outset;
    background-color:   #f8f8f8;
    margin: 10px 0px;
    padding: 5px;
}
.kategorialink {
    width: 192px;
    padding: 5px 5px;
    border: #ddd 2px outset;
    display: block;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #eee;
    text-align: center;
    color: #042E6F;
}
a.kategorialink:hover {
    border: #f44 2px outset;
    background-color: #FFF6BF;
}
.tytulmapa {
    padding: 0;
    margin:0;
    padding-left:30px;
}
.tytulmapa span {
    font-size: 1.4em;
    padding:0;
    display: block;
    margin:0;
    color: #042E6F;
}
#map {
    margin-top: 30px;
    width: 720px; height: 400px;
    padding: 0;
    margin-right:0;
    margin-left:30px;
}
#map a {
    color: blue;
}
.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.clear {clear: both;}
.dokumentmain { padding: 0 20px 20px 20px;}
dt {font-size: 1.1em;}
dd {font-size: 0.9em;margin-bottom:10px;}
.data  {font-size:0.75em;font-style:italic;font-weight:normal;}
.help {font-size:0.85em;font-weight:bold;}
.help a {font-decoration:none;}
.help img {vertical-align:middle;}
.opislinkupodkat {font-style: italic;}

#art-hmain {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
        background-color: rgb(255, 255, 255);
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
    margin: 0px auto;
        margin-top: 0px;
        margin-right-value: auto;
        margin-bottom: 0px;
        margin-left-value: auto;
        margin-left-ltr-source: physical;
        margin-left-rtl-source: physical;
        margin-right-ltr-source: physical;
        margin-right-rtl-source: physical;
    font-size: 13px;
    font-family: Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
    font-weight: normal;
    font-style: normal;
    position: relative;
    width: 100%;
    min-height: 100%;
    left: 0px;
    top: 0px;
    cursor: default;
    overflow: hidden;
}
.custom_pige
{
float: left;
margin-left: 0px;
width: 187px;
height: 50px;
}

.custom_pige img
{
float: left;
margin-top: 5px;
margin-left: 7px;
width: 170px;
}

.custom_certyfikat
{
float:left;
margin-left:0px;
width: 187px;
margin-top:5px;
//margin-bottom: 5px;
}
.custom_certyfikat img
{
float:left;
margin-left:40px;
width: 100px;
height: 150px;
margin-bottom: 0px;
}


.custom_certyfikat p
{
float: right;
margin-right: 10px;
line-height: 1em;
font-size: 0.8em;
}