﻿html, body, div, span, applet, object, iframe,
 blockquote, h1, h2, h3, h4, h5, h6,
a, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
strike, tt, var,
dl, dt, dd, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.3;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


html,body{
background-color:#FFFFFF;
text-align:center;
height:100%;
font-family: "PT Sans", Tahoma, Arial;
font-size:10.3pt;
color:#002741;
font-weight:normal;
margin: 0 auto;
padding:0;
}

.pudelko {
height:100%;
 height:auto !important;
 min-height:100%;
 position:relative;
width:100%;
 text-align:left;
 z-index:2000;
 top:0; left:0;
word-wrap: break-word;
 background-image: url("../fot/tapeta2.jpg");
background-position: center 80px;
background-repeat:no-repeat;
background-size:cover;
}

#gora{height:84px;
 background-image: url("../fot/belkagora.jpg");
background-position: center top;
background-repeat:repeat-x;
border-style:solid; border-width:0 0 4px 0; border-color:#FFF
}
#srodek{
padding-bottom:138px; width:100%; height:auto;
}
#dol{
position:absolute; height:54px; bottom:0; 	
 background-image: url("../fot/belkagora.jpg");
background-position: center bottom;
background-repeat:repeat-x;
border-style:solid; border-width:4px 0 0 0; border-color:#FFF;
width:100%;
color:#FFF;
padding-top:30px /*84 height*/
}

h1{font-family: Oswald, Arial, Verdana; font-size:12pt; color:#FFF; opacity:0.8}
strong{font-weight:bold; font-size:11pt}

.imgpolska{border-style:none; width:28px; height:21px; position:absolute; z-index:2; left:770px; top:100px}
.imgniemcy{border-style:none; width:28px; height:21px; position:absolute; z-index:2; left:810px; top:100px}
.imganglia{border-style:none; width:28px; height:21px; position:absolute; z-index:2; left:847px; top:100px}

.imgpolska1{border-style:none; width:28px; height:21px; position:absolute; z-index:2; left:770px; top:100px; opacity: 0.6;
}
.imgniemcy1{border-style:none; width:28px; height:21px; position:absolute; z-index:2; left:810px; top:100px; opacity: 0.6}

.imganglia1{border-style:none; width:28px; height:21px; position:absolute; z-index:2; left:847px; top:100px; opacity: 0.6}

#imglogo{border-style:none; width:139px; height:139px; position:absolute; z-index:2; left:0; top:-150px}

#imglogomale1{border-style:none; width:74px; height:74px; position:absolute; z-index:2; left:155px; top:75px; display:none}
#imglogomale2{border-style:none; width:74px; height:74px; position:absolute; z-index:2; left:238px; top:75px; display:none}


#imgkropla1{border-style:none; width:17px; height:14px; position:absolute; z-index:2; left:340px; top:-20px} /*strona główna*/
#imgkropla10{border-style:none; width:17px; height:14px; position:absolute; z-index:2; left:340px; top:0} /*strona główna*/

#imgkropla2{border-style:none; width:17px; height:14px; position:absolute; z-index:2; left:445px; top:-20px} /*klub camino*/
#imgkropla20{border-style:none; width:17px; height:14px; position:absolute; z-index:2; left:445px; top:0} /*klub camino*/

#imgkropla3{border-style:none; width:17px; height:14px; position:absolute; z-index:2; left:525px; top:-20px}/*Kronika*/
#imgkropla30{border-style:none; width:17px; height:14px; position:absolute; z-index:2; left:525px; top:0} /*Kronika*/

#imgkropla4{border-style:none; width:17px; height:14px; position:absolute; z-index:2; left:600px; top:-20px} /*Aktualności*/
#imgkropla40{border-style:none; width:17px; height:14px; position:absolute; z-index:2; left:600px; top:0}/*Aktualności*/

#imgkropla5{border-style:none; width:17px; height:14px; position:absolute; z-index:2; left:860px; top:-20px} /*Kontakt*/
#imgkropla50{border-style:none; width:17px; height:14px; position:absolute; z-index:2; left:860px; top:0} /*Kontakt*/

#imgkropla6{border-style:none; width:17px; height:14px; position:absolute; z-index:2; left:730px; top:-20px} /*droga śląsko-dąbrowska*/
#imgkropla60{border-style:none; width:17px; height:14px; position:absolute; z-index:2; left:730px; top:0} /*droga śląsko-dąbrowska*/

.imgliczedalej{border-style:none; width:14px; height:14px; vertical-align:top; padding-top:3px}
.imgliczedalej1{border-style:none; width:14px; height:14px; vertical-align:top; padding-top:3px}
.imgliczewstecz{border-style:none; width:14px; height:14px; vertical-align:top; padding-top:3px}

.goracentruje{margin-left:auto; margin-right:auto; width:960px; height:84px; display:table;position:relative}
.goralewo{width:130px; height:84px; float:left; vertical-align:top; font-family:Oswald, Arial, Verdana; opacity:0.8; color:#FFF; margin-left:150px; margin-top:20px}
.goraprawo{width:640px; height:84px; float:right; vertical-align:top; margin-top:40px}

.goraprawo ul{line-height:normal;margin:0; padding:0; list-style:none; font-size:10pt; font-family: "PT Sans", Verdana, Arial; color:#FFF; font-style:normal; float: left}
.goraprawo ul li{padding:0 3px 0 0 ; margin:0; float:left; vertical-align:top; border-style: solid; border-width: 0 1px 0 0; border-color:#FFF; display:block; margin-right:3px}

.goraprawo a{color:#FFF; font-family: "PT Sans", Verdana, Arial; font-size:13pt; text-decoration:none; font-weight:normal}
.goraprawo a:hover{color:#FFF; font-family: "PT Sans", Verdana, Arial; font-size:13pt; text-decoration:none; font-weight:normal; opacity:0.8}	

ul li.nie{border-style:none}

.goracentruje{margin-left:auto; margin-right:auto; width:930px; height:auto; display:table}

.tytul1{width:auto; padding:15px; background-color:#ffba00; font-size:12.9pt; text-align:center; position:absolute; right:90px; top:-30px; border: solid 1px #FFF; display:table; min-width:250px}
.tytul2{width:auto; padding:15px; background-color:#ffba00; font-size:12.9pt; text-align:center; position:absolute; left:30px; top:-30px; border: solid 1px #FFF; display:table; min-width:250px}

.blok{background-image:url("../fot/tlo.png"); background-repeat:repeat-y; background-position: left top; width:930px; height:auto; display:table; clear:both; position:relative; padding: 50px 0 0 0}
.blok a{color:#005895; font-family: "PT Sans", Verdana, Arial; font-size:10.3pt; text-decoration:none; font-weight:normal}
.blok a:hover{color:#005895; font-family: "PT Sans", Verdana, Arial; font-size:10.3pt; text-decoration:none; font-weight:normal; opacity:0.8}	

.blok1{background-image:url("../fot/tlo.png"); background-repeat:repeat-y; background-position: left top; width:930px; display:table; clear:both; position:relative; padding: 50px 0 0 0; height:650px}
.blok1 a{color:#005895; font-family: "PT Sans", Verdana, Arial; font-size:10.3pt; text-decoration:none; font-weight:normal}
.blok1 a:hover{color:#005895; font-family: "PT Sans", Verdana, Arial; font-size:10.3pt; text-decoration:none; font-weight:normal; opacity:0.8}	

.blok2{background-image:url("../fot/tlo.png"); background-repeat:repeat-y; background-position: left top; width:930px; display:table; clear:both}

.treleft1{width:600px; margin-left:30px; float:left; vertical-align:top; margin-bottom:30px; clear:both; position:relative; z-index:3}
.treright1{float:right; vertical-align:top; width:270px; height:260px; background-repeat:no-repeat; position:relative; z-index:3; background-position:5px top; margin-bottom:10px; overflow:hidden}

.treleft2{width:220px; margin-left:30px; float:left; vertical-align:top;  clear:both; height:260px; background-repeat:no-repeat; background-position: left top; overflow:hidden; margin-bottom:10px}
.treright2{float:right; vertical-align:top; width:580px; margin-right:90px; margin-bottom:30px}

.treall{width:830px; margin-bottom:30px; margin-left:30px; clear:both}

.srodekcentruje{width:930px; height:auto; margin-left:auto; margin-right:auto; display:table; clear:both; margin-top:75px}
.srodekcentruje p{margin:10px 0 0 0; padding:0}
.pusty{clear:both; width:830px; height:60px; margin-left:30px; position:relative; overflow:visible}
.pusty1{clear:both; width:830px; margin-left:30px;}
.pusty2{clear:both; width:830px; height:50px; margin-left:30px}
.pusty3{clear:both; width:830px; margin-left:30px; height:5px}
.pusty4{clear:both; width:410px; height:1px; background-color:#005a98; opacity:0.1; margin-top:10px; margin-bottom:20px}
.pusty5{clear:both; width:410px; height:1px; background-color:#005a98; opacity:0.1; margin-top:20px; margin-bottom:10px}
.pusty6{clear:both; width:830px; height:10px; margin-left:30px}
.pusty7{clear:both; width:830px; height:30px; margin-left:30px}
.kol400{width:900px; display:table; vertical-align:top; height:auto; clear:both; position:relative; z-index:2; padding-left:30px;margin-bottom:50px} 
.kol401{width:900px; display:table; vertical-align:top; height:auto; clear:both; position:relative; z-index:2; margin-bottom:50px} 
.nagal{width:870px; background-image:url("../fot/tlo.png"); background-repeat:repeat-y; background-position: left top; position:relative; left:-30px; z-index:1; padding-left:30px}

.nagal1{width:870px}

.zrzuc4{clear:both; width:830px; height:22px; margin-left:30px}

.centrujedol{width:930px; margin-left:auto; margin-right:auto}
#dol p{margin:0 0 5px 0; padding:0}
#dol a{color:#FFF; font-family: "PT Sans", Verdana, Arial; font-size:9.3pt; text-decoration:none; font-weight:normal}
#dol a:hover{color:#FFF; font-family: "PT Sans", Verdana, Arial; font-size:9.3pt; text-decoration:none; font-weight:normal; opacity:0.8}	

#dol ul{line-height:normal;margin:0; padding:0; list-style:none; font-size:9.3pt; font-family: "PT Sans", Verdana, Arial; color:#FFF; font-style:normal; float: left}
#dol ul li{padding:0 8px 0 0 ; margin:0; float:left; vertical-align:top; border-style: solid; border-width: 0 1px 0 0; border-color:#FFF; display:block; margin-right:8px}

.tdlewo{clear:both; width:550px; opacity:0.8; float:left; vertical-align:top}
.tdprawo{width:250px; opacity:0.8; float:right; vertical-align:top; text-align:right}

#ramka{clear:both; width:808px; height:400px; border: solid 1px #FFF; margin-top:30px}
#map{clear:both; width:808px; height:400px; border: solid 1px #FFF; margin-bottom:40px}

.formi30{width:600px; position:absolute; height:auto}
.te30{color:#002741; background-color:#FFF; width:600px; height:16px; border-style:none; padding:3px; font-size:10.3pt; margin-top:10px; font-family: "PT Sans", Verdana, Arial; border: solid 1px #CCC}
.te10{color:#002741; background-color:#FFF; width:600px; height:16px; border-style:none; padding:3px; font-size:10.3pt; margin-top:10px; font-family: "PT Sans", Verdana, Arial; border: solid 1px #CCC}
.te20{color:#002741; background-color:#FFF; width:600px; height:16px; border-style:none; padding:3px; font-size:10.3pt; margin-top:10px; font-family: "PT Sans", Verdana, Arial; border: solid 1px #CCC}
.te400{color:#002741; background-color:#FFF; width:600px; height:130px; border-style:none; padding:3px; font-size:10.3pt; margin-top:10px;resize:none; font-family: "PT Sans", Verdana, Arial; border: solid 1px #CCC}

.te30a{color:#FFF; background-color:#CB0E11; width:600px; height:16px; border-style:none; padding:3px; font-size:10.3pt; margin-top:10px; font-family: "PT Sans", Verdana, Arial; border: solid 1px #CCC}
.te10a{color:#FFF; background-color:#CB0E11; width:600px; height:16px; border-style:none; padding:3px; font-size:10.3pt; margin-top:10px; font-family: "PT Sans", Verdana, Arial; border: solid 1px #CCC}
.te20a{color:#FFF; background-color:#CB0E11; width:600px; height:16px; border-style:none; padding:3px; font-size:10.3pt; margin-top:10px; font-family: "PT Sans", Verdana, Arial; border: solid 1px #CCC}
.te400a{color:#FFF; background-color:#CB0E11; width:600px; height:130px; border-style:none; padding:3px; font-size:10.3pt; margin-top:10px;resize:none; font-family: "PT Sans", Verdana, Arial; border: solid 1px #CCC}

.but3{margin-top:5px; width:69px; height:27px; clear:both; border: solid 1px #CCC}
.gruby{font-weight:bold}

.licze{width:auto; text-align:center; display:table; margin-left:auto; margin-right:auto; margin-top:10px}
.licze a{font-family: "PT Sans", Verdana, Arial; text-decoration:none; font-size:10.3pt; padding: 3px; min-width:22px; height:20px; overflow:hidden; display:table-cell; float:left; margin-right:3px; color:#FFF; vertical-align:top; background-color:#005a98}
.licze a:hover{background-color:#ffba00; font-family: "PT Sans", Verdana, Arial; color:#002741; text-decoration:none; font-size:10.3pt; padding: 3px; min-width:22px; height:20px; overflow:table-cell; display:compact; float:left; margin-right:3px; vertical-align:top}

.namiasto{width:120px; height:auto; vertical-align:top; float:left; border-style:solid; border-width: 0 1px 0 0; border-color:#002741; display:block}
.namiasto p{margin: 5px 0 5px 0; padding:0}

.naatrakcje{width:640px; float:right; vertical-align:top}

.nakilometr{float: left; vertical-align:top; display:block; width:50px;  text-align:center}
.nakilometr p{margin:5px 0 5px 0; padding:0}

.naatrakcje ul{line-height:normal; list-style-type:disc; float:left; vertical-align:top}
.naatrakcje ul li{padding:0 8px 0 0; vertical-align:top; float:left; margin-right:16px}
.naatrakcje p{margin: 5px 0 5px 0; padding:0; float:left; vertical-align:top}

.bezul ul{line-height:normal;margin:0; padding:0; list-style-type:none}
.bezul p{margin: 0 0 10px 0; padding:0}

.naopiskoniec{width:830px; margin-top:20px}
.blue1a{color:#005895}
.blue2a{color:#005895}
.blue3a{color:#005895}

.blue1{color:#002741}
.blue2{color:#002741}
.blue3{color:#002741}

.dokropy{width:8px; height: 10px}

.wysuwa1 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../fot/face1.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    float: left;
    height: 320px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 0;
    padding-top: 20px;
    position: fixed !important;
    right: -323px;
    top: 160px;
    width: 325px;
    z-index: 8999;
}

.wysuwa2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../fot/face3.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: block;
    float: left;
    height: 223px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 37px;
    padding-right: 0;
    padding-top:3px;
    position: fixed !important;
    right: -320px;
    top: 160px;
    width: 328px;
    z-index: 8999;
}

.fb-like-box{
padding: 0; color:#000; background-color:#FFF; height:295px; margin-top:20px; margin-left:38px
}

.close2 {
    background-image:url("../fot/close1.png");
	background-position:center top;
	background-repeat:no-repeat;
    position:absolute; margin-top:-40px;
    cursor:pointer;
    height:42px;
    width:83px;
	z-index:20001;
	border-style:none
	/*left:915*/
}