@import url(../warp/css/layout.css);

body, html {min-height: 100%;height: 100%;}
.all {display: table;height: 100%;width: 100%;}
.kontener {display: table-cell;vertical-align: middle;}
.content .float-right {margin: 0 0 20px 30px;}
.content .float-left {margin: 0 30px 20px 0;}

/* tła */
#page {background: none #EDEDED;}
.wrapper {background: none transparent; padding-bottom: 70px;}

/* header i góra */
#header {margin: 0 15px;text-align: center;min-height:190px;}
#headerbar {margin-bottom: 0px;}
#banner {right: -54px;top: 138px;}

/* fixed */
#pasekmenu {position:fixed;right:0px;top:0px;z-index:96;margin-left:300px;}
#menu {float:right;}
#logo {position:fixed;left:15px;top:0px;z-index:97;}
#toolbar {position:fixed;left:0px;top:0px;z-index:98;padding: 9px 0 0 15px;}
#sidebar-a, #sidebar-b {padding-top:15px;}

/* treść */
#content {margin: 0 15px 15px 15px;}

/* obrazki skalowane */
.size-auto, .content img, #logo a img, #logo img, .logo img, #kontaktmodul img, .module img, .comment-body img {
height: auto;
max-width: 100%;
}

/* dół i stopka */
#bottom-a, #bottom-b, #innerbottom {padding-bottom: 15px;}
#linia {margin: 0 15px;}

#footer {
position:fixed;
left:0px;
bottom:0px;
z-index:96;
width:100%;
margin:0;
text-align:left;
padding: 5px 0 4px 0;
font-size: 10px;
line-height: 20px;
background: url(../images/stopka.png) 0 0 repeat-x;
}

#footer .module {display: block;float:left;margin:0 10px;width:auto;}
#footer .module  img, #footer .module  a img{line-height:0px;}

#totop-scroller {
display: block;
position: absolute;
top: 5px;
right: 10px;
z-index: 1;
width: 20px;
height: 20px;
background: url(../images/totop_scroller.png) 0 0 no-repeat;
text-decoration: none;
}

#totop-scroller:hover {
background: url(../images/totop_scroller.png) 0 -20px no-repeat;
-moz-transition:background-image 0.2s ease-in-out;
-webkit-transition:background-image 0.2s ease-in-out;
-o-transition:background-image 0.2s ease-in-out;
-ms-transition:background-image 0.2s ease-in-out;
transition:background-image 0.2s ease-in-out;
}

/* ikonki dół */
#icons {float:right;margin-right:35px;}
#icons #share ul {list-style: none outside none;margin:0;padding:0;}
#icons #share, #icons #sharetekst, #icons #extra, #icons #like, #icons #liketekst {float:left;width:auto;height:20px;margin-right:6px;line-height:20px;overflow:hidden;}
#icons #like {margin-right:1px;}
#icons #share {margin-right:3px;}
#icons #like {max-height:22px;}
#icons #share ul li {float: left;height: 20px;line-height: 21px;margin: 0 2px;width: 20px;}
#icons #share ul li.ico_facebook a {background-image: url(../images/facebook.png);}
#icons #share ul li.ico_twitter a {background-image: url(../images/twitter.png);}
#icons #share ul li.ico_googleplus a {background-image: url(../images/googleplus.png);}
#icons #share ul li a {background-position: 0 0;background-repeat: no-repeat;display: block;height: 20px;width: 20px;}
#icons #share ul li a:hover {background-position: 0 -20px;}

/* komentarze - avatar */
#comments .even .rbox, #comments .odd .rbox { background: url(../images/komentarz_avatar.png) no-repeat 0 0 transparent;}
#comments .comments-list {margin-top:10px;}
/* komentarze - h4 */
#jc h4 {margin:10px 0;}
/* komentarze - błędy */
#comments-form div.comments-policy {font-style:italic;margin:0 0 10px 0;}
.comments-form-message-error {background:url(../images/dol_h.png) repeat 0 0 transparent; color: #ffffff;text-shadow: 0 0 2px #000000;}
.comments-form-message-info {background:url(../images/dol_h.png) repeat 0 0 transparent; color: #ffffff;text-shadow: 0 0 2px #000000;}
/* komentarze - kod obrazkowy */
#kod_obrazkowy {background: #000000;}
#comments-form input.captcha {box-shadow: none;color: #000000;}
/* komentarze - linki */
.komentarze-links {padding: 5px 0;margin: 15px 0 -15px 0;}
/* komentarze - h4 */
#jc {margin-top:0px;}
#jc h4 {margin:0;padding:10px 30px;}


/* formularz kontaktowy */
#kontakt  h1{line-height: 130%; margin-top: 0px; margin-bottom: 10px;}
div #kontaktinformacje {display:none;}
div #kontaktformularz {}
div #kontaktmodul {padding-bottom:15px;}


/* pola typu textarea, imput, select */
textarea,
input[type='text'],
input[type='password'],
select {
background: #1A1A1A;
margin: 2px 2px 2px 0px;
border: 1px solid #353535;
font-size: 13px;
padding: 5px;
color: #ffffff;
font-style:italic;
border-radius: 0px;
box-shadow: none;
}

button, input[type="button"], input[type="submit"] {border: 0;margin: 10px 2px 2px 0px;padding: 8px 15px;}
button:hover, input[type="button"]:hover, input[type="submit"]:hover {border: 0;margin: 10px 2px 2px 0px;padding: 8px 15px;}
#comments-form input, #comments-form textarea {background:#1A1A1A;border: 1px solid #353535;color: #ffffff;}


/* guziki wyślij */
#comments-form .btn a {background: url(../images/dol_l.png) repeat 0 0 transparent;color:#ffffff;padding: 8px 15px;}
#comments-form .btn a:hover {background: url(../images/dol_l2.png) repeat 0 0 transparent;color:#ffffff;padding: 8px 15px;}
button, input[type="button"], input[type="submit"] {background: url(../images/dol_l.png) repeat 0 0 transparent;color:#ffffff;color: #FFFFFF;}
button:hover, input[type="button"]:hover, input[type="submit"]:hover {background: url(../images/dol_l2.png) repeat 0 0 transparent;color:#ffffff;}


/* animacje CSS */
body, html {-webkit-font-smoothing: antialiased;}

a, a:link, a:hover {
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
-ms-transition: color 0.2s linear;
transition: color 0.2s linear;
}

.menu-dropdown li .level1, .menu-dropdown li.level2, button, input[type="button"], input[type="submit"] {
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
}


.spotlight .overlay-default {
background:rgba(0,0,0,0.1);
box-shadow:0 0 15px 5px rgba(0, 0, 0, 0.5) inset, 0 0 50px 10px rgba(0, 0, 0, 0.5) inset, 0 0 60px 30px rgba(0, 0, 0, 0.4) inset;
background-image:none;
}

.spotlight .overlay-default>div {
position:absolute;
top:100%;
left:50%;
width:50px;
height:50px;
margin-left:-25px;
background-position:0 0;
background-repeat:no-repeat
}

.spotlight .overlay-default:hover>div {
top:50%;
margin-top:-25px
}

.spotlight .overlay-default > div {
background-image: url(../images/magnifier.png);
}

.spotlight .overlay-default > div {
-moz-transition:all 0.6s ease-in-out;
-webkit-transition:all 0.6s ease-in-out;
-o-transition:all 0.6s ease-in-out;
-ms-transition:all 0.6s ease-in-out;
transition:all 0.6s ease-in-out
}

.spotlight .overlay-default > div {
background-position: 0 0;
background-repeat: no-repeat;
height: 50px;
left: 50%;
margin-left: -25px;
position: absolute;
top: 100%;
width: 50px;
}

.spotlight {-webkit-transform:translateZ(0);}

.spotlight .overlay-default>div {
-moz-transition:all 0.6s ease-in-out;
-webkit-transition:all 0.6s ease-in-out;
-o-transition:all 0.6s ease-in-out;
-ms-transition:all 0.6s ease-in-out;
transition:all 0.6s ease-in-out;
}

.spotlight .overlay-default:hover>div {
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}

.spotlight .overlay-default {
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg)
}

.spotlight .overlay-default:hover {
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}

/*
.super_container .jg_imgalign_gal {
transform: rotate(-3deg);
}

.super_container > *:nth-child(2n) .jg_imgalign_gal {
transform: rotate(3deg) scale(1.05);
}

.jg_imgalign_catimgs .spotlight {
transform: scale(0.95);
}

.jg_imgalign_catimgs .spotlight:hover {
transform: scale(1);
position:absolute;
z-index:2000;
}
*/


#main, #bottom-a, #bottom-b, #sidebar-a, #sidebar-b, #top-a, #top-b, #innertop, #innerbottom{
animation-duration: 2s;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-name: slidein;
-webkit-animation-name: slidein;
-moz-animation-name: slidein;
-o-animation-name: slidein;
-ms-animation-name: slidein;
}

@keyframes slidein {
  from {opacity: 0.0;}
  to {opacity: 1;}
}

/* ----- kropki i linie ------ */
.menu-sidebar li.level1 {border-bottom: 1px dotted #353535;}
#linia {border-top: 0px dotted #353535;}
.komentarze-links, #comments .comment-body {border-top:1px dotted #353535;}

/* ----- ikonki ------ */
.comment-link {background: url(../images/komentarze.png) no-repeat 0 100% transparent;padding-left: 20px;}
.readmore-link {background: url(../images/more.png) no-repeat 0 100% transparent;padding-left: 17px;}
#jc .busy { background: url(../images/jc_busy.gif) no-repeat;}

/* ----- stronicowanie ------ */
#jc #nav-bottom span.page, #jc #nav-top span.page,
#jc #nav-bottom span.activepage, #jc #nav-top span.activepage,
#jc #nav-bottom span.hoverpage, #jc #nav-top span.hoverpage,
#system .pagination a, #system .pagination strong,
.jg_paginationgal a, .jg_paginationimg a, .jg_paginationsubcats a,
.jg_paginationgal .jg_pagenav_active,
.jg_paginationimg .jg_pagenav_active,
.jg_paginationsubcats .jg_pagenav_active,
.jg_userpanelview .pagination a,
.jg_userpanelview .pagination strong{
background: url(../images/dol_t.png) 0 0 repeat;
font-size: 10px;
font-style: normal;
font-weight: normal;
display: inline-block;
height: 21px;
line-height: 21px;
margin: 0px 2px 2px 2px !important;
min-width: 13px;
padding: 2px 6px;
color: #ffffff;
}

#jc #nav-bottom span.page, #jc #nav-top span.page,
#system .pagination a, #system .pagination strong,
.jg_paginationgal a, .jg_paginationimg a, .jg_paginationsubcats a,
.jg_paginationgal .jg_pagenav_active,
.jg_paginationimg .jg_pagenav_active,
.jg_paginationsubcats .jg_pagenav_active,
.jg_userpanelview .pagination a,
.jg_userpanelview .pagination strong{
background: url(../images/dol_t.png) 0 0 repeat;
border: none;
border-radius: 3px 3px 3px 3px;
color: #868686;
opacity: 0.8;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}

#jc #nav-bottom span.activepage, #jc #nav-top span.activepage,
#system .pagination strong,
.jg_paginationgal .jg_pagenav_active,
.jg_paginationimg .jg_pagenav_active,
.jg_paginationsubcats .jg_pagenav_active,
.jg_userpanelview .pagination strong {
border: none;
border-radius: 3px 3px 3px 3px;
color: #868686;
opacity: 1;
}

#jc #nav-bottom span.hoverpage, #jc #nav-top span.hoverpage,
#system .pagination a:hover,
.jg_paginationgal a:hover,
.jg_paginationimg a:hover,
.jg_paginationsubcats a:hover,
.jg_userpanelview .pagination a:hover{
border: none;
border-radius: 3px 3px 3px 3px;
color: #ffffff;
opacity: 1;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
cursor: pointer;
}

/* ----- megagaleria ------ */
.jg_minis a img, .jg_minis a:hover img {border: none;}

/* ----- moduł najnowsze i popularne ------ */
ul.latestnews, ul.mostread {list-style: none outside none;margin: 0;padding: 0;}
ul.latestnews > li, ul.mostread > li{background: url(../images/list.png) no-repeat scroll 0 50% transparent;margin-top: 2px;padding-left: 15px;padding-top: 2px;}
ul.line > li:first-child {margin-top: 0;padding-top: 0;}


/* cieniowanie
.gallery a.spotlight,
.gallery .jg_minis a img,
.joomimg_imgct a.spotlight,
#jc #nav-bottom span.page, #jc #nav-top span.page,
#jc #nav-bottom span.activepage, #jc #nav-top span.activepage,
#jc #nav-bottom span.hoverpage, #jc #nav-top span.hoverpage,
#system .pagination a, #system .pagination strong,
.jg_paginationgal a, .jg_paginationimg a, .jg_paginationsubcats a,
.jg_paginationgal .jg_pagenav_active,
.jg_paginationimg .jg_pagenav_active,
.jg_paginationsubcats .jg_pagenav_active,
.jg_userpanelview .pagination a,
.jg_userpanelview .pagination strong,
p.kategoria_opis_top,
div #kontakt,
#system .items .item, .item .content,
#comments .even, #comments .odd,
#comments-form,
#bottom-a, #bottom-b,
.wk-slideshow-default > div, .wk-slideshow-inside > div, .wk-gallery-slider{
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
} */

/* zaokrąglenia */
.gallery a.spotlight, .gallery .jg_minis a img, .joomimg_imgct a.spotlight,
#comments-form .btn a, #comments-form .btn a:hover,
button, input[type="button"], input[type="submit"] ,
button:hover, input[type="button"]:hover, input[type="submit"]:hover  {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radiusn:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}

/* tła wzorkowe i inne */
#system .items .item {background:none;}
.content, #system .item > header, #comments .even, #comments .odd, #comments-form, #jc h4  {background: url(../images/dol_c.png) 0 0 repeat;}
#bottom-a, #bottom-b {background: url(../images/dol_c.png) 0 0 repeat;padding: 25px 15px 15px 15px;margin: 0px 15px 15px 15px;}
div #kontakt {background: url(../images/dol_c.png) 0 0 repeat transparent;}
.galeria_opisfoto {margin: 10px 0;padding:30px;background: url(../images/dol_c.png) 0 0 repeat;}

a p.kategoria_tytul, a p.subkategoria_tytul, a p.kategoria_tytul_top  {
background-color: #000000;
display: inline-block;
padding: 5px 10px;
width: auto;
-moz-transform:rotate(3deg);
-webkit-transform:rotate(3deg);
-o-transform:rotate(3deg);
-ms-transform:rotate(3deg);
}

a:hover p.kategoria_tytul, a:hover p.subkategoria_tytul, a:hover p.kategoria_tytul_top  {
background-color: #00B4D8;
display: inline-block;
padding: 5px 10px;
width: auto;
-moz-transform:rotate(3deg);
-webkit-transform:rotate(3deg);
-o-transform:rotate(3deg);
-ms-transform:rotate(3deg);
}

.jg_element_txt, .jg_subcatelem_txt {margin: -20px 3px 5px;padding: 10px 5px;}

/* nowe odstępy */
#comments .even, #comments .odd, #comments-form, div #kontakt, .content  {padding: 30px;}
#system .item > header {padding: 30px 30px 0 30px;}
.joomimg_imgct {margin:6px;}
.joomimg_row {margin: 0 -6px;}