@font-face {
    font-family: 'robotolight';
    src: url('../font/Roboto-Light-webfont.eot');
    src: url('../font/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Roboto-Light-webfont.woff') format('woff'),
         url('../font/Roboto-Light-webfont.ttf') format('truetype'),
         url('../font/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotothin';
    src: url('../font/Roboto-Thin-webfont.eot');
    src: url('../font/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Roboto-Thin-webfont.woff') format('woff'),
         url('../font/Roboto-Thin-webfont.ttf') format('truetype'),
         url('../font/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {outline:none;}
html {padding:0; margin:0; }
body{ background:#202626 url('body_bottom.png') repeat-x bottom center; height:100%; padding:0 0 198px 0; margin:0; font-family:Trebuchet MS; font-size:14px; color:#AAAAAA; line-height:150%; text-align:justify;}
h1,h2,h3 {color:#008bd0; font-style:italic;}
h1 { font-size:19px; padding:0; margin:0 0 10px 0;}
h2 { font-size:16px; }
h3 { font-size:13px; }
a {color:#008DD2; text-decoration:none;}
a:hover {color:#F1F1F1; text-decoration:none;}
#body { background:#202626 url('body_top.png') repeat-x top center; position:relative;}
#site { width:980px; margin:auto;}
#site-top {height:115px;position:relative;}
#site-top #lang { position:absolute; }
#site-top #logo {float:left;}
#site-top #logo img {border:0px;}
#site-top #menu {float:right; margin-top:48px; text-align:right; width:650px; } 
#site-top #menu span { margin:0px 10px; } 
#site-top #menu a { color: #eeefef; text-decoration:none; margin:0px; font-style:italic} 
#site-top #menu a  img { border:0px} 
#site-top #menu a:hover  { color: #008bd0; text-decoration:underline; } 
#site-top #user { bottom:0; right:0; padding:5px; position:absolute; } 
#site-top #user #login, #site-top #user #passwd { background-color:#101817; border:1px solid #000; color:#fff;}
#site-top #user #login:hover, #site-top #user #passwd:hover,#site-top #user #login:focus, #site-top #user #passwd:focus { background-color:#101817; border:1px solid #FFF; color:#FFF;}
#site-content { position:relative; overflow: hidden; width:980px; padding-top:45px; padding-bottom:45px; min-height:500px;}
#site-content #opis { min-height:400px; margin-bottom:20px; }
#site-content .UE { font-size:11px; margin-top:-80px; }
#site-content .UE a img { opacity:0.5}
#site-content .UE a:hover img{ opacity:1}
#site-content img.ikona-opisu { margin:0 20px 20px 0;}
#site-content #kategorie { height:400px; overflow:hidden;}
#site-content #kategorie div.i_wejscie { position:absolute; top:0; }
#site-content #kategorie a.kategoria { margin-right:10px; width:320px; height:400px; overflow:hidden; float:left; position:relative;}
#site-content #kategorie a.kategoria-end { margin-right:0px;}
#site-footer { margin-top:0px; margin-bottom:-50px; border-top:1px solid #008bd0; position: absolute; width: 980px;}
#site-footer .UE { position: absolute; margin-top: -76px; }
#site-footer .UE a img { opacity:0.5}
#site-footer .UE a:hover img{ opacity:1}
#site-footer #footer { overflow:hidden; position:relative; min-height:160px;}
#site-footer #footer .przelinkowania { overflow:hidden; padding-top:10px; clear:both; bottom:0px; position:absolute;}
#site-footer #footer .przelinkowania a {  height:31px; display:block; float:left; margin: 23px 38px; background-position: 0px -30px;}
#site-footer #footer .przelinkowania a:hover { background-position: 0px 0px;}
#site-footer #footer .przelinkowania .grupaszafranski { width:186px; background: transparent url('./logo_01.png') no-repeat 0px -30px;}
#site-footer #footer .przelinkowania .skicamp { width:104px; background: transparent url('./logo_02.png') no-repeat 0px -30px; }
#site-footer #footer .przelinkowania .skiservice { width:110px; background: transparent url('./logo_03.png') no-repeat 0px -30px; }
#site-footer #footer .przelinkowania .incentive { width:111px; background: transparent url('./logo_04.png') no-repeat 0px -30px; }
#site-footer #footer .przelinkowania .jumpcamp { width:85px; background: transparent url('./logo_05.png') no-repeat 0px -30px; }
#site-footer #footer-menu { margin-top:0px; text-align: right;}
#site-footer #footer-menu a { padding:0px 10px; font-size:11px; color: #999;} 
#site-footer #footer-menu a:hover { text-decoration: underline; } 
#site-footer #user { padding:10px 0px; }
#site-footer #spolecznosciowki { position:absolute; float:left; margin:25px 0px 0px 0px; width:256px;}
#site-footer #spolecznosciowki a { float:left; }
#site-footer #spolecznosciowki img{ margin-right:10px;}
#site-footer #flagi { margin-left:200px; margin-top:25px; position:absolute;}
#site-footer #flagi a { margin:0px 3px; }
#site-footer #flagi img.wersje_jezykowe_pl { margin-left:16px; margin-bottom:7px; }
#site-footer #flagi img.wersje_jezykowe_en { margin-bottom:7px; }
#site-footer #logo_footer { margin-top:18px; float:right; }

#partnerzy { }
#partnerzy img { opacity:0.3; margin:0px 10px;}
#partnerzy img:hover { opacity:1; }

#galerie {  overflow:hidden;}
#galerie li {  width: 320px; height: 400px; float: left; margin: 3px;}
.jcarousel-skin-tango { list-style:none !important; padding:0; margin:0;}
#galerie a.link { width:320px; height:200px; margin-right:0px; float:left; position:relative; padding: 3px;}
#galerie a.link img { width:320px;}
#galerie .jcarousel-item{ margin-right:7px;}
#mycarousel-next {float:right;}
#galeria { overflow:hidden; }
#galeria-nazwa {clear:both; width:615px; }
#galeria-opis {clear:both; width:615px; }
#galeria-zdjecia { width:100%; }
#galeria-zdjecia a { width:50%; max-height:300px; display:block; overflow:hidden; float:left;}
#galeria-zdjecia .foto { max-width:100%; margin:7px; }

.format-demo #galerie { }
.format-demo #galerie a.link { width:155px; margin-left:10px; float:right; position:relative; padding: 0px !important; }
.format-demo #galerie a.link img { width:155px;}
.format-demo #galeria-zdjecia { width:100%; }
.format-demo #galeria-zdjecia a { width:155px; height:155px; display:block; overflow:hidden; float:left;}
.format-demo #galeria-zdjecia .foto { width:155px; margin:7px; }

div.wpisy { float:left; margin:-7px 20px 20px 20px; width:280px; }
div.wpisy  ul { padding:0; margin:0; list-style-type:square; color:#008BD0; line-height:200%; }
div.wpisy  ul a { color:#F1F1F1; text-decoration:none;}
div.wpisy  ul a:hover, div.wpisy  ul a.active { color:#008BD0; }
div.wpisy  ul > li.level-0 a ,div.wpisy  ul > li.level-1 a { color:#008bd0;}
div.wpisy  ul > li.level-0 { padding-left:0px;margin-left: 0px;}
div.wpisy  ul > li.level-1 { padding-left:0px;margin-left: 0px;}
div.wpisy  ul > li.level-2 { padding-left:10px;list-style-type:circle}
div.wpisy  ul > li.level-3 { padding-left:20px;list-style-type:none}
div.wpisy  ul > li.level-4 { padding-left:30px;list-style-type:none}
#opis,.opis  { float:right; width:445px; border-left:1px solid #333939; padding-left:30px; overflow:hidden;}
.opis { overflow:hidden;}
.rezerwuj { text-align:center; font-size:18px;  display:block;}
.rezerwuj:hover { color:#EF7F1A;}
/* formularz z pytaniem */
#pytanie { overflow:hidden; text-align:left;  width:445px; }
#pytanie div { margin:5px 0px }
#pytanie label { display:block; float:left; width:284px; }
#pytanie input ,#pytanie textarea,#pytanie select  { border:1px solid #989898; padding:7px; background-color:#666666; color:#FFFFFF; }
/* formularz z rezerwacją */
#rezerwacja { overflow:hidden; text-align:left;  width:845px; margin:auto;}
#rezerwacja div { margin:10px 0px }
#rezerwacja label { display:block; float:left; width:284px; text-align:right; padding:7px; }
#rezerwacja input ,#rezerwacja textarea,#rezerwacja select  { border:1px solid #989898; padding:7px; background-color:#666666; color:#FFFFFF; }
#submit {padding:0 !important; margin:0 !important; border:0 !important;}
#newsletter { padding:0px; overflow:hidden; margin-top:25px; text-align:center; color:#000000; width:392px; float:right; }
#newsletter span{ float:left; color:#FFFFFF; font-size:16px; font-style:italic; letter-spacing:1px; padding:7px; }
#newsletter #email{ float:right; width:198px; background:transparent url(newsletter_input.png) no-repeat left top; border:0; margin:0; padding:7px; color:#cbcbcb; font-style:italic;}
#newsletter #submit{ float:right; border:0; margin:0;}
#komunikat { margin:10px 0px; padding:5px; border:1px solid #ff6600; background-color:#CCCCCC; color:#000000; text-align:center;}
.imprezy_rezerwacje_left {float:left; }
.dodaj_uczestnika { background: url("dodaj_uczestnika.png") no-repeat scroll left center transparent; display: block; margin: 5px 0; padding: 3px 63px; }
div.ikony { width:475px; float:left; }
div.ikony img { width:475px; margin-bottom:10px;}
div.ikony a { margin-bottom:15px; display:block;}
#mycarousel-prev { margin-left:-54px; margin-top:-210px; position:absolute; }
#mycarousel-next { margin-left:984px; margin-top:-210px; position:absolute; }
.input_bg {background-color: #999999; border: 1px solid #000000; padding: 10px;}
.input_bg:focus {background-color: #CCCCCC;}
.button { background: url("przyciski/button_bg.png") no-repeat scroll left center transparent; display:block; height: 40px;    line-height: 40px;    padding-left: 4px;    width: 100px; }
.button span { background: url("przyciski/button_bg.png") no-repeat scroll right center transparent;    float: right;    margin: 0;    padding: 0 14px; }
.lista td {background-color:#000;}
input.error, textarea.error {border:1px solid #FF0000;}
label.error {color:#FF0000; display:block;}
.red {color:#FF0000;}
.terminy { list-style: none;}
.terminy li { margin:10px 0px;}
.terminy li img { border:0; }

.RedBorder { border:1px dashed red !important;}

.welcome { font-size:11px; line-height: 1.4em; overflow:hidden; }
.welcome .colLeft { width: 485px; float:left; }
.welcome .colRight { width: 485px; float:right; }
.opisNaglowek { font-size:11px; line-height: 1.4em; overflow:hidden; padding-bottom:20px; -moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari and Chrome */ column-count:3;}

#karuzela_wrap { padding:10px 0px; position:relative;}
#karuzela {}
#karuzela .element { width:980px; height:425px; float:left;}
#karuzela_wrap #nav { position: relative; z-index: 1; height:0px; display:none;}
#karuzela_wrap #nav a {  position:absolute; bottom: 0px;font-size: 120px; font-weight: 100; color: #FFF;font-size: 160px; vertical-align:middle; width:70px; height:425px; opacity:0.5; }
#karuzela_wrap #nav a:hover {  color:#999999; opacity:1;}
#karuzela_wrap #nav #next {  background:transparent url('../images/strzalka_prawo.png') no-repeat center center; right:0px; }
#karuzela_wrap #nav #prev {  background:transparent url('../images/strzalka_lewo.png') no-repeat center center; }
#karuzela_wrap #pagination { position: absolute; bottom: 30px; width: 645px;text-align: center;}
#karuzela_wrap #pagination a { padding:10px; background: transparent url('../images/dot_black.png') no-repeat center center; }
#karuzela_wrap #pagination a span { color:#FFFFFF;  display:none;}
#karuzela_wrap #pagination a.selected {  background: transparent url('../images/dot_white.png') no-repeat center center;  }
#karuzela_wrap #pagination a.selected span { color:#008DD2;}

#wpisBlog {overflow:hidden; margin:10px 0px;}
#wpisBlog  .obraz { width:486px; float:left; height: 552px;background-color: #FFF;}
#wpisBlog  .wpisSpis { width:426px; height: 492px; float:right; padding:30px; background-color:#FFFFFF; }
#wpisBlog  .wpisSpis .temat  {  font-family: 'robotothin'; font-size: 18px; color:#91C6E5; }
#wpisBlog  .wpisSpis .tresc  {  margin-top:5px; padding:30px 0px; border-top:1px solid #91C6E5; border-bottom:0px solid #CCCCCC; }
#wpisBlog  .wpisSpis .podpis  { }
#wpisBlog  .wpisSpis .podpis  .logo {height: 31px; float: right; margin-top: 20px;}
#wpisBlog  .wpisSpis .tresc a:hover { color:#000000; }