html, body { height: 100%;  margin: 0; padding: 0; background: #261F15; font: 0.9em/160% "Palatino Linotype","Times New Roman", serif; color: #665e51; }

/* linki globalne */

a { padding: 0; margin: 0; text-decoration: none; color: #444;}
a:hover { padding: 0; margin: 0; text-decoration: none; color: #444;}
a:visited { padding: 0; margin: 0; text-decoration: none; color: #444; }


/* struktura */

#main { width: 955px; background: url(img/bg.jpg) 0% 0% repeat-y; margin: 0; padding: 0; z-index: 1; }
#top { height: 50px; background: #2a1a10; margin: 0; padding: 0; text-align: centert; }
#lewa { width: 200px; float: left; margin: 0 0 0 -200px; position: relative; padding: 0; background: transparent; text-align: left; }
#srodek { margin: 0 15px 0 200px; padding: 0; background: transparent; height: 100%; position: relative; }
.baner { width: 734px; height: 271px; background: #2e2418; margin: auto; padding: 0; text-align: center; }
#top h1 { padding: 0; margin: 0 0 0 20%; background: transparent; font-size: 2em; line-height: 200%; font-style: italic; color: #b7aea2;  letter-spacing: 0.1em; text-align: center; text-transform: none; }
/* style kolumny */
#lewa h5 { display: block; width: 200px; margin: 0 auto; padding: 0.3em 0; border: 0; text-align: center; text-transform: capitalize; font-size: 1.4em; color: #fff; }
#lewa .pink { background: #ac4672; }
#lewa .blue { background: #85aecd; }
#lewa .green { background: #759238; }
#lewa a { display: block; width: 190px; margin: 0.1em auto; padding: 6px 0 6px 10px; background-color: #261f15; background-position: 0.2em 1.2em; background-repeat: no-repeat; text-decoration: none; font-size: 1.2em; border-bottom: 1px solid #2e2418; border-top: 1px solid #2e2418; color: #796D5D; }
#lewa a:hover { color: #fff; }
#lewa a.bluelink:hover {color:#0c98f5}
#lewa .p { background-image: url(img/menu.gif); }
#lewa .b { background-image: url(img/menu-b.gif); }

#lewa .kontakt { width: auto; margin: 0.5em 0; padding: 1em 0.5em; font-size: 1.2em; color: #85aecd; text-align: left; }
#lewa .kontakt a { display: inline; width: 10px; margin: 0; padding: 0; border-top: 1px dotted #85aecd;  color: #85aecd; font-size:0.85em}


/* struktura */
#srodek p { margin: 2em 3em 2em 2em; font-size: 1.1em; color: #aa9f91; text-align: justify; }
#srodek .druga-wyprawa p { margin: 0.2em 3em 0em 2.2em; font-size: 1.1em; color: #aa9f91; text-align: justify; }

#srodek h2 { margin: 0 0 0em 0.6em; padding: 0.5em 0 0.5em 1em; background: url(img/h5.gif) left center no-repeat; font: 0.5em; font-style: italic; font-weight: normal; color: #796D5D; text-align: left; text-transform: capitalize; }
#srodek q { display: block; padding: 0; margin: 2em 0 0 70%; font-size: 1.3em; color: #fff; letter-spacing: 1%; }
#srodek q.relacje { display: block; padding: 0; margin: 2em 3em 2em 2em; font-size: 1.3em; font-style: italic; color: #beb6ab; letter-spacing: 1%; }
#srodek q.relacje cite { padding: 0; margin: 0 0 0 2px; font-size: 0.9em; color: #bce9ff; letter-spacing: 1%; }
#srodek BLOCKQUOTE { margin: 2em 3em 2em 2em; padding: 1em; background: #261f15; font-size: 1.1em; font-style: italic; line-height: 150%; color: #aa9f91; }
#srodek BLOCKQUOTE cite { display: block; padding: 0; margin: 0; font-size: 0.9em; letter-spacing: 1%; }
#srodek p strong { font-size: 1.1em; text-decoration: none; color: #85aecd; }
#srodek p .logo { padding: 0 1em 0 0; margin: 0 0.5em 0 0; border-right: 2px solid #ECEAE1; float: left; }
#srodek p .logo a { padding: 0; margin: 0; border: 0; }


#srodek .f { background: #261f15; margin: 0px; padding: 0.7em; border: 0; font: 0.9px Verdana, Helvetica, sans-serif; color: #aa9f91; }
#srodek .r { float: right; margin-right:40px; margin-left:15px; margin-top:15px; margin-bottom:15px }
#srodek .l { float: left; margin-left:27px; margin-right:15px; margin-top:15px; margin-bottom:15px}
#srodek .r img, #srodek .l img, #srodek .r a, #srodek .l a { border: 0; margin: 0; padding: 0; }

#srodek p.o .os { float: right; margin: 0 0 10px 10px; border: 1px solid #85aecd; padding: 2px; }
#srodek p.o { margin: 2em 3em 2em 2em; font-size: 1.1em; color: #aa9f91; text-align: justify; clear: right; }


#srodek .sponsorzy {float: left; margin: 2em auto; text-align: center; width: 100px; height: auto; }
#srodek .sponsorzy a, .sponsorzy a:hover {  display:block;width: 80px; height: 36px; border: 0; margin: 1em 0; padding: 0; background: #fff; background-position: center; background-repeat: no-repeat; }
#srodek .sponsorzy a.urbanek { background-image: url(loga/urbanek.gif); }
#srodek .sponsorzy a.lyovit { background-image: url(loga/lyovit.gif); }
#srodek .sponsorzy a.colorado { background-image: url(loga/colorado.gif); }
#srodek .sponsorzy a.cetus { background-image: url(loga/cetus.gif); } 
#srodek .sponsorzy a.proauto { background-image: url(loga/proauto.gif); }
#srodek .sponsorzy a.autodelta { background-image: url(loga/autodelta.gif); }
#srodek .sponsorzy a.wroclaw { background-image: url(loga/wroclaw.gif); }
#srodek .sponsorzy a.szn { background-image: url(loga/szczecin.gif); }
#srodek .sponsorzy a.msz { background-image: url(loga/msz.gif); }
#srodek .sponsorzy a.w-tvp { background-image: url(loga/w-tvp.gif); }
#srodek .sponsorzy2 a.offroad { background-image: url(loga/off-road.gif); }
#srodek .sponsorzy2 a.gazeta { background-image: url(loga/gazeta.gif); }
#srodek .sponsorzy2 a.onet { background-image: url(loga/onet.gif); }
#srodek .sponsorzy2 {float: right; margin: auto 2em; text-align: center; width: 100px; height: auto; }
#srodek .sponsorzy2 a, .sponsorzy2 a:hover {  display:block;width: 80px; height: 36px; border: 0; margin: 1em 0; padding: 0; background: #fff; background-position: center; background-repeat: no-repeat; }


#srodek .linki { margin: 2em 3em 2em 2em; text-align: left; }
#srodek .linki a { margin: 0.5em 3em 0.5em 2em; padding: 0.2em; width: auto; height: 20px; display: block; background: #261f15; color: #796D5D;}
#srodek .linki a:hover { color: #c1022d; }

table { width: 700px; font: 0.9em/160% "trebuchet ms",verdana, sans-serif; background: #2e2418; margin: 5px auto; padding: 0; border-collapse: collapse; text-align: left; color: #aa9f91; line-height: 19px; }     
table td { margin: 0; padding: 0.9em; border: 0px solid #fff; }          
table th { font-weight: normal; text-transform: uppercase; }          
table tr th { background: #c3002f; padding:  0.9em; color: #fff; font-weight: bold; border: 0; text-transform: uppercase; text-align: left; }           
table tr { background-color: #2e2418; padding:  0.5em; }
table tr.niep { background-color: #261f15; }          
table tr:hover { background-color: #dad5c9; color: #2e2418; }          
table tr:hover td, table tr:hover td a, table tr:hover th a { background-color: #dad5c9; color: #444; }          
table td:hover {}
table tr:hover th a:hover { background-color: #F7FBEF; }
table a { color: #608117; background-image: none; text-decoration: none; border-bottom: 1px dotted #8A8F95; padding: 2px; padding-right: 12px; background: transparent; }
table a:hover {color: #BBC4CD; background-image: none; text-decoration: none; border-bottom: 3px solid #333;     padding: 2px;     padding-right: 12px; color: #A2A2A2; background: transparent; }
table a:visited { text-decoration: none; border-bottom: 1px dotted #333; text-decoration: none; padding-right: 12px; color: #A2A2A2; background: transparent; }
table a:visited:hover { background-image: none; text-decoration: none; border-bottom: 3px solid #333; padding: 2px; padding-right: 12px; color: #A2A2A2; background: transparent; }
table td a.fotomedia, table td a.fotomedia:hover { margin: 0; padding: 0; width: 20px; height: 18px; display: block; background: transparent url(img/fotka.gif) no-repeat; border: 0; }
table td a.fotomedia:hover { background: transparent url(img/fotka-h.gif) no-repeat; }

table.geografia img {border:0}
table.geografia { width: 700px; font: 0.9em/160% "trebuchet ms",verdana, sans-serif; background: #2e2418; margin: 5px auto; padding: 0; border-collapse: collapse; text-align: left; color: #aa9f91; line-height: 19px; }     
table.geografia td { margin: 0; padding: 0.9em; border: 0px solid #fff;text-align:Center }          
table.geografia th { font-weight: normal; text-transform: uppercase; }          
table.geografia tr th { background: #c3002f; padding:  0.9em; color: #fff; font-weight: bold; border: 0; text-transform: uppercase; text-align: left; }           
table.geografia tr { background-color: #2e2418; padding:  0.5em; }
table.geografia tr.niep { background-color: #261f15; }          
table.geografia tr:hover { background-color: #2e2418; color: #aa9f91; }          
table.geografia tr:hover td, table.geografia tr:hover td a, table.geografia tr:hover th a { background-color: #2e2418; color: #aa9f91; }          
table.geografia td:hover {}
table.geografia tr:hover th a:hover { background-color: #2e2418; }
table.geografia a { color: #608117; background-image: none; text-decoration: none; border-bottom: 0px dotted #8A8F95; padding: 2px; padding-right: 12px; background: transparent; }
table.geografia a:hover {color: #BBC4CD; background-image: none; text-decoration: none; border-bottom: 0px solid #333;     padding: 2px;     padding-right: 12px; color: #A2A2A2; background: transparent; }
table.geografia a:visited { text-decoration: none; border-bottom: 1px dotted #333; text-decoration: none; padding-right: 12px; color: #A2A2A2; background: transparent; }
table.geografia a:visited:hover { background-image: none; text-decoration: none; border-bottom: 3px solid #333; padding: 2px; padding-right: 12px; color: #A2A2A2; background: transparent; }
table.geografia td a.fotomedia, table td a.fotomedia:hover { margin: 0; padding: 0; width: 20px; height: 18px; display: block; background: transparent url(img/fotka.gif) no-repeat; border: 0; }
table.geografia td a.fotomedia:hover { background: transparent url(img/fotka-h.gif) no-repeat; }

/*galeria*/
#gal { width: 700px; height: auto; display: block; margin: 0 auto; background: transparent; }

#gal a.p:hover { color:#85aecd; text-decoration:underline}

#gal a.p {color:#aa9f91;}

#srodek .obr { width: 176px;     margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto;     padding: 10px; float: left; }

#srodek .obr span { width: 192px; height: 30px; margin: 0; padding: 2px; display: block; background-color: #261f15; text-transform: capitalize; text-align: center; vertical-align: baseline; color: #93846f; font-size: 1em; }

#srodek .obr p { margin: 0; padding: 0; display: block; }

#srodek .obr p a, #srodek .obr p a:hover { width: 196px; height: 100px; display: block; border: 1px solid #261f15; background-color: transparent; background-repeat: no-repeat; background-position: 0% 0%; }

#srodek .obr p a.polska { background-image: url(kraje/polska.jpg); }
#srodek .obr p a.ukraina { background-image: url(kraje/ukraina.jpg); }
#srodek .obr p a.kazachstan { background-image: url(kraje/kazachstan.jpg); }
#srodek .obr p a.mongolia { background-image: url(kraje/mongolia.jpg); }
#srodek .obr p a.rosja { background-image: url(kraje/rosja.jpg); }

#srodek .obr p a.polska:hover,
#srodek .obr p a.ukraina:hover,
#srodek .obr p a.kazachstan:hover,
#srodek .obr p a.mongolia:hover,
#srodek .obr p a.rosja:hover { background-position: 0% 100%; }


#srodek .obr p a.p, #srodek .obr p a.p:hover { margin: 0; padding: 0; display: inline; visibility: hidden; }

hr.both { clear: both;     visibility: hidden;     font-size: 1px;     line-height: 1px;     height: 1px; }



/*przewin gora*/
#srodek .gora { width: 90%; height: 20px; margin: 0; padding: 0.5em 0; display: block; text-align: right;  }
#srodek .gora a { width: 100%; height: 20px; display: block; background: url(img/up.gif) right no-repeat; }
#srodek .gora a:hover { background: url(img/up-h.gif) right no-repeat; }

/* style stopka */
#stopka { margin-top: 20px; text-align: center; background: url(img/bg.jpg) 0% 0% repeat-y; padding-bottom: 10px; }
#stopka div { background: #2e2418; padding: 10px 0; color: #b56d85; margin: 0; }
#stopka div a { color: #796D5D; text-decoration: none; font-weight: bold; padding: 0 10px; }
#stopka .loga { display: block; padding: 0.5em 0; margin: 0em 5em 0em 0em; background: #242016; text-align: center; width: 98%; }     
#stopka .loga img { height: 44px; border: 0; margin: 0em 0.1em; padding: 0; }