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

html, body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}

#nad {
    position: absolute;
    z-index: 2;
    width: 100%;
	height: 100%;
}

body {
background: #000000 url(../images/background.jpg) 50% 0 repeat fixed;
color: #000000;
}

.wrapper {
background: none;
}

h1, h2, h3, h4, h5, h6 {
color: #000000;
letter-spacing: 0px;
}

#header { margin: 0px; }
time {}

#logo {}

#logo h1 {
font-size: 72px;
letter-spacing: 20px;
line-height: 72px;
margin-left: 35px;
margin-top: 25px;
}

#banner {
right: -100px;
top: 0;
z-index: 1000;
}

#headerbar {
margin: 0 0 15px 0;
overflow: hidden;
max-height: 200px;
min-height: 100px;
margin: 0 15px 15px;
border-bottom: 1px solid #cccccc;
}

#toolbar {
position: absolute;
width: 100%;
font-size:12px;
top: 5px;
}

#toolbar .float-left .module, #toolbar .float-left > time {
margin: 0 15px 0 15px;
}

#toolbar .float-left > time {
opacity: 0.7;
font-size: 10px;
}

#toolbar .float-right .module {
margin: 0 15px 0 15px;
}

#menu {
position: absolute;
right: 10px;
bottom: 15px;
z-index: 200;
}

#content { margin: 0 15px 15px 15px;}

#footer { 
margin: 0px 15px 25px 15px;
padding: 15px 0;
font-size: 12px;
line-height: 14px;
text-align: left;
}

#footer .module {margin: 0;}

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

.komentarze-links{
padding-top:10px;
margin-top:13px !important;
}

.pagenav a, .pagenav a:hover, .pagination a , .pagination a:hover,
#system .pagination a, #system .pagination a:hover {
font-weight: normal;
opacity: 0.8;
display: inline-block;
height: 25px;
line-height: 25px;
min-width: 10px;
padding: 0 4px;
}

.jg_pagenav_active, .pagination strong, #system .pagination strong {
color: #333333;
font-style: normal;
font-weight: normal;
display: inline-block;
height: 25px;
line-height: 25px;
min-width: 10px;
padding: 0 4px;
}

.jg_pagenav_active, .jg_pagenav, .pagenav a, .pagenav a:hover {
min-width: 5px;
padding: 0 1px;
}

#jg_mini_akt {border:2px solid #ffffff;}
#motioncontainer a:hover { color:#ffffff;}

/* obrazki galerii w artykule */
article a img.jg_photo {
margin: 0 12px 12px 0;
vertical-align: bottom;
max-width: 99%;
height: auto;
}

article a:hover img.jg_photo {
margin: 0 12px 12px 0;
vertical-align: bottom;
max-width: 99%;
height: auto;
}

/* komentarze - stronicowanie */
#jc #nav-bottom span.page, #jc #nav-top span.page { 
background: #ffffff;
background: rgba(256,256,256,0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

#jc #nav-bottom span.hoverpage, #jc #nav-top span.hoverpage {
background: #ffffff;
background: rgba(256,256,256,0.3);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

#jc #nav-bottom span.activepage, #jc #nav-top span.activepage { 
background: #ffffff;
background: rgba(256,256,256,0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}

/* komentarze - avatar */
#comments .even .rbox, #comments .odd .rbox { 
background: url(../images/komentarz_avatar.png) no-repeat scroll 0 0 transparent;
}

/* komentarze - pole z kodem obrazkowym */
#kod_obrazkowy {
background: #E4E4E4;
}

/* komentarze - guzik wyślij */
#comments-form .btn a {
background: #A22B3F;
color:#ffffff;
}

#comments-form .btn a:hover {
background: #C5314B;
color:#ffffff;
}

/* komentarze - pola do wypełniania */
#comments-form input, #comments-form textarea { 
background: #FFFFFF;
background: rgba(255, 255, 255, 0.5);
color: #666666;
border: 1px solid #C9C9C9;
}

/* formularz kontaktowy */
#kontakt  h1{margin: 0px; font-size: 18px; line-height: 20px; margin-top: 0px; margin-bottom: 10px;}
div #kontaktinformacje {padding-right:30px;max-width:300px;}
div #kontaktformularz {padding:0px;max-width:280px;}
div #kontaktmodul {padding-left:30px;min-width:300px;overflow:hidden;}

/* pola typu textarea, imput, select */
textarea,
input[type='text'],
input[type='password'],
select {
background: #ffffff;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
margin: 2px 2px 2px 0px;
border-radius: 3px 3px 3px 3px;
border: 1px solid #C9C9C9;
font-size: 13px;
padding: 3px 5px;
color: #666666;
}

button, input[type="button"], input[type="submit"] {
background: #A32B40;
border: 1px solid #A32B40;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
margin: 10px 2px 2px 0px;
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover {
background: #C5314B;
border: 1px solid #C5314B;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
margin: 10px 2px 2px 0px;
}

/* 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;
transition: color 0.2s linear;
}

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


#system > .description {
	margin: -20px -20px 20px -20px;
	overflow: hidden;
	padding: 20px;
	background: #A32B40;
	color: #ffffff;
}

#system > .description h1, #system > .description h2, #system > .description h3, #system > .description h4, #system > .description h5, #system > .description h6 {
color: #ffffff;
margin:0px;
}

#bottom-a .mod-box, #footer, #jc , .komentarze-links, #comments .comment-body {
background: url(../images/hr.png) 0 0 repeat-x transparent;
}

.mejs-container .mejs-controls .mejs-time,
.mejs-controls div.mejs-time-rail {display:none;}
.mejs-container .mejs-controls,
.mejs-mediaelement,
.mejs-container .mejs-audio ,
.mejs-container {background:none transparent;}
.mejs-container {width:120px!important;}

.jg_subcatelem_photo, .jg_photo_container {text-align: center !important;}