@charset "utf-8";
/*

                                              `.-:/+osyhdo    
                                          /hdmNNNNNmdhyso+    
                                      `.. .mm/:-..`    `.-:`  
          `              .-:- .osyyhdmNNNd++No+osyyhdmNNNNNo  
          d/.`-/`       sN/ym.ddyso+/:--..myhNmdhysoo+/:--.`  
  `/+osyhdmdhy`om+`    :Nh .mshh          +Noms        ``.-::`
  yhso+//:-.-N- .yd/   dm.  sm/N/          ddomssyhhdmmNNNNNNo
  oy         yh   -yd:+N+   `mysd`         -m+`+yysso++/::-..`
  `m:.-::/+oooN:    :hNd     /y-o-                            
   .ymddhyyss+/:      `            http://designdivine.eu
   
   layout by: DesignDivine.eu

*/

/* style.css */

/* BEGIN CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END CSS RESET */
html { background:#070e83;}
body {  
    font-size:14px;
    line-height:1.5em;
	font-family: Arial,sans-serif;
    letter-spacing:0.1em;
    /*background:#ddf6bd url('http://savan.pl/media/dworek/btm_gradient.png') repeat-x bottom left; margin:0; padding:0;*/
    background:url('/media/savan/gradient_bg.png') repeat-x top left scroll;

    }
.allwidth { width:1000px; }
.centered { margin: 0 auto; }
.fullwidth { width:100% !important; }
.clear {clear:both; height:20px;}
.body1 {
    background:url('/media/savan/stars_bg_new2.jpg') no-repeat top center scroll;
    padding-bottom:8px;
}
.body3 {
    background:url('/media/savan/bg_shadow.png') repeat-y top center;
}
.body2 {
    background:url('/media/savan/bg_shadow_btm.png') no-repeat bottom center;
    padding-bottom:71px;

}
div#main {}
    div#main div#header {
        background:#ffe5bf url('/media/savan/header_new.jpg') no-repeat top left;
        height:459px;
    }
    div#main div#header #savan_header_flash {
        float:right;
        margin-right:20px;
    }
    div#main div#header #savan_header_flash_full {
		z-index:1;
    }
        div#main div#header div#topbox {
            height:386px;
            position:absolute;
        }
        
        div#main div#header div#topbox div#logo {
            padding-top:160px;
            padding-left:11px;
        }
        div#main div#header div#btmbox {
            background:url('/media/savan/content_bg_new2.jpg') no-repeat 0 30px;
            height:73px;
            position:absolute;
            left:50%;
            margin-left:-500px;
            margin-top:386px;
			z-index:2;
        }
            div#main div#header div#btmbox div.menu {
                background:url('/media/savan/menu.png') no-repeat top left;
                width:839px;
                height:64px;
            }
            div#main div#header div#btmbox div.menu a {
                display:block;
                float:left;
                height:22px;
                margin-top:20px;
                margin-left:16px;
                padding:2px 2px;
            }
            div#main div#header div#btmbox div.menu a:hover {
                margin-top:20px;
            }
            div#main div#header div#btmbox div.menu a.start {
                background:url('/media/savan/menu_text.png') no-repeat 0px 2px;
                width:45px;
            }
                div#main div#header div#btmbox div.menu a.start:hover {
                    background:url('/media/savan/menu_text_hover.png') no-repeat -4px -2px;
                }
            div#main div#header div#btmbox div.menu a.oferta {
                background:url('/media/savan/menu_text.png') no-repeat -63px 2px;
                width:54px;
            }
                div#main div#header div#btmbox div.menu a.oferta:hover {
                    background:url('/media/savan/menu_text_hover.png') no-repeat -67px -2px;
                }
            div#main div#header div#btmbox div.menu a.utwory {
                background:url('/media/savan/menu_text.png') no-repeat -136px 2px;
                width:63px;
            }
                div#main div#header div#btmbox div.menu a.utwory:hover {
                    background:url('/media/savan/menu_text_hover.png') no-repeat -140px -2px;
                }
            div#main div#header div#btmbox div.menu a.video {
                background:url('/media/savan/menu_text.png') no-repeat -215px 2px;
                width:48px;
            }
                div#main div#header div#btmbox div.menu a.video:hover {
                    background:url('/media/savan/menu_text_hover.png') no-repeat -219px -2px;
                }
            div#main div#header div#btmbox div.menu a.galeria {
                background:url('/media/savan/menu_text.png') no-repeat -281px 2px;
                width:60px;
            }
                div#main div#header div#btmbox div.menu a.galeria:hover {
                    background:url('/media/savan/menu_text_hover.png') no-repeat -285px -2px;
                }
            div#main div#header div#btmbox div.menu a.ksiega-gosci{
                background:url('/media/savan/menu_text.png') no-repeat -359px 2px;
                width:107px;
            }
                div#main div#header div#btmbox div.menu a.ksiega-gosci:hover{
                    background:url('/media/savan/menu_text_hover.png') no-repeat -363px -2px;
                    width:107px;
                }
            div#main div#header div#btmbox div.menu a.polecamy{
                background:url('/media/savan/menu_text.png') no-repeat -484px 2px;
                width:80px;
            }
                div#main div#header div#btmbox div.menu a.polecamy:hover{
                    background:url('/media/savan/menu_text_hover.png') no-repeat -488px -2px;
                }
            div#main div#header div#btmbox div.menu a.kontakt{
                background:url('/media/savan/menu_text.png') no-repeat -581px 2px;
                width:68px;
            }
                div#main div#header div#btmbox div.menu a.kontakt:hover{
                    background:url('/media/savan/menu_text_hover.png') no-repeat -585px -2px;
                }
            div#main div#header div#btmbox div.menu a.sprzet{
                background:url('/media/savan/menu_text.png') no-repeat -665px 2px;
                width:58px;
            }
                div#main div#header div#btmbox div.menu a.sprzet:hover{
                    background:url('/media/savan/menu_text_hover.png') no-repeat -669px -2px;
                }  
            div#main di#header div#btmbox div.menu a img {
                width:inherit;
                height:inherit;
            }
    div#main div#slider {
        /*background:#ffe5bf;*/
    }
    div#main div#content {
        min-height:400px;
        background:#fffd3c url('/media/savan/content_bg_new2.jpg') no-repeat 0 -43px;
    }
    div#main div#content object {
	display: block;
    }
    div#main div#content div.breadcrumb {
        padding:10px 20px; line-height:18px;
        font-style:italic;
        color:#004964;
    }
    div#main div#content div.breadcrumb span {
        height:10px;
        padding:0 10px;
    }
    div#main div#content div.breadcrumb a {
        color:#004964;
        font-style:none;
        }
		div#main div#content div.button {
			padding:0 20px; 
			text-align:right;
		}
        div#main div#content div.news-container {
            padding:10px 15px;
            }
        div#main div#content div.news-container div.aktu {
            padding: 10px;
            text-align: justify;
            }
        div#main div#content div.news-container div.heading {
            padding:10px 5px;
            border-bottom:1px dotted #278400;
            }
        div#main div#content div.news-container div.date {
            font-size:0.9em;
            border-bottom:1px dotted #278400;
            padding:0 5px;
            color:#278400;
            }
        div#main div#content div.news-container div.lurkmore {
            border-top:1px dotted #278400;
            padding:0 5px;
            text-align:right;
            font-size:0.9em;
            text-transform:uppercase;
        }
        div#main div#content div.news-container div.lurkmore a {
            color:#278400;
        }
        div#main div#content div.left {
            float:left;
            width:650px;
            }
        div#main div#content p {
            padding:10px 0;
            }
        div#main div#content strong, div#main div#content bold {
            font-weight:bold;
            }
        div#main div#content em, div#main div#content em {
            font-style:italic;
            }
        div#main div#content h2 {
            font-size:1.5em;
            letter-spacing:0.1em;
            }
        div#main div#content a {
            text-decoration:none;
            color:#211100;
            }
        div#main div#content div#terminarz {
            background:#222 url('/media/savan/menu_firewerks.jpg') no-repeat top left;
            color:#fff;
            width:320px;
            float:right;

        }
            div#main div#content div#terminarz h2 {
                font-size:2em;
                text-align:right;
                text-transform:uppercase;
                display:block;
                background:url('/media/savan/fake_transp.png') repeat;
                padding:20px 15px;
            }
            div#main div#content div#terminarz ul {
                padding:10px 0;
                margin:0; display:block;
            }
            div#main div#content div#terminarz ul li {
                margin:15px 0px;
                padding:10px;
                font-weight:bold;
                border-bottom:1px solid #ccb29c;
                border-top:1px solid #ccb29c;
                display:block;
                text-align:right;
                background:url('/media/savan/fake_transp.png') repeat;
                }
        div#main div#content div#komentarze {
            clear:both;
            padding:20px;
        }
            div#main div#content div#komentarze div.left {
                width:560px;
                float:left;
            }
            div#main div#content div#komentarze div.right {
                width:370px;
                float:left;
                padding-left:20px;
            }
            div#main div#content div#komentarze div.comment { border:1px solid #278400; margin-bottom:20px;}
            div#main div#content div#komentarze div.comment div.commenthead { margin-left:20px; border-left:1px solid #278400; padding:5px;}
                div#main div#content div#komentarze div.comment div.commenthead h3,
                div#main div#content div#komentarze div.comment div.commenthead h4 {
                    line-height:1em;
                    font-weight:bold;
                }
            div#main div#content div#komentarze div.comment div.commentbody { border-top:1px solid #ccb29c; padding:10px;}
	div#main div#content h1 {
		width:auto !important;
		text-align:right;
        display:block;
        color:#000;
		padding:0;
		font-size:2.3em;
		height:43px;
        line-height:43px;
        border-bottom:2px solid #278400;
		margin:0 50px;
        font-weight:bolder;
		}
div#footer {
        /*background:url('/media/savan/footer_bg.png') no-repeat bottom;*/
        text-align:right;
        font-size:0.8em;
        color:#fff;
    }
    div#footer blockquote    {
        padding:0 10px;
    }
    
/* media */
div#main div#content div#contact_form, div#main div#content div#ksiega_gosci {
    padding:20px;
}
div#main div#content div#galeria {
    padding:20px;
}
div#main div#content div#galeria div.left, div#main div#content div#galeria div.right {
width:49%;
float:left;
}
.gallery-cell {
  display:inline-block;
  vertical-align:top;
  width:19.99%;
  float:left;
}
/* 25% daje 4 obrazki w rzedzie
 * 20% daje 5 obrazkow w rzedzie 
 * 16.6% daje 6
 * */

.gallery-entry {
   vertical-align:baseline;
   width:130px;
   margin-top: 5px;
   margin-bottom: 20px;
}

.gallery-video .gallery-thumb {
   background: #000;
 }

.gallery-thumb {
   width:130px;
   height:95px;
   border:1px solid #eee;
   overflow:hidden;
   text-align: center;
   margin-bottom: 3px;
}

.gallery-description {
    text-align: left;
    overflow: hidden;
}

.gallery-description .title {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 1px;
    height: 30px;
    overflow: hidden;
    font-size:0.8em;
    line-height:1em;
    letter-spacing:0px;
}

.gallery-description a {
    display: block;
    overflow: hidden;
}

.gallery-photo-object{
  margin-top:10px;
}




div.player  { text-align:center;} 
div#music_player {  }
div.dyskografia { float:right; width:600px; border-left:1px; }
	div.dyskografia a { color:inherit; text-decoration:none;}
	div.dyskografia img.icon{ 
		float:left !important;
		height:16px;
		padding:6px 3px;
		background-position:5px 5px;	 
		}
	div.dyskografia .play{
		background:url('http://savan.pl/media/dyskografia/pa.png') no-repeat;
		}
	div.dyskografia .stop {
		background:url('http://savan.pl/media/dyskografia/sa.png') no-repeat;
		}
	div.dyskografia h1 {
		width:auto !important;
		text-align:right;
        display:block;
        color:#000;
		padding:0;
		font-size:2.3em;
		/*background:url('/media/img/tmpl/paper_hr.jpg') no-repeat bottom;*/
		height:43px;
        line-height:43px;
        border-bottom:2px solid #ccb29c;
		margin:0 50px;
        font-weight:bolder;
		}

	div.dyskografia div.albumcontainer { 
		width:580px;
		margin-top:50px;
		padding:0 10px;
		float:left;
		}
        div.dyskografia div.videos {
		float:right;
	}
	div.dyskografia div.videos 
        div.dyskografia div.albumcontainer a.toggleLink { width:200px; display:block; float:left; padding-left:10px;}
        
        div.dyskografia div.albumcontainer div.lyricandmusic{
            clear:both;
            text-align:left;
            padding:15px 10px;
        }
        div.dyskografia div.albumcontainer div.tracklyrics {
            clear:both;
            text-align:center;
            padding:20px 10px;
        }
        div.dyskografia div.albumcontainer div.albumdescription {
           float:left;
           width:500px;
           padding:20px 50px;
        }
                div.dyskografia div.albumcontainer div.cover { 
			float:left;
			width:200px;
			padding:0px;
			}
		 div.dyskografia div.albumcontainer div.stats { 
			float:left;
			width:580px;
			padding:0px;
			margin:15px 0;
			}
		div.dyskografia div.albumcontainer div.albumtitle {
			padding:20px 0;
			text-align:center;
			width:380px;
			float:left;
			}
			div.dyskografia div.albumcontainer div.albumtitle h2 {
				font-size:2em;
				}
			div.dyskografia div.albumcontainer div.albumtitle h3 {
				font-size:1.2em;
				font-style:italic;
				}
		div.dyskografia div.albumcontainer div.tracklist {
			float:right;
			width:580px;
			}
            div.dyskografia div.albumcontainer div.albumdisplay img {
            width:100px; height:100px; float:left;
    }
		div.dyskografia div.albumcontainer div.trackline { 
			width:auto;
			height:2em;
			line-height:2em;
			padding:0 7px;
			border-top:1px dotted #666;
			clear:both;
            font-variant:small-caps;
			}
            div.dyskografia div.albumcontainer div.trackline div.darker{ background: #ccb29c;}
			div.dyskografia div.albumcontainer div.trackline:hover { 
				
				}
			div.dyskografia div.albumcontainer div.trackline div {
				padding:0 5px;
			}
            div.dyskografia div.albumcontainer div.trackline img {
                padding: 6px 4px;
            }
			div.dyskografia div.albumcontainer div.trackline  div.trackno {
				width:20px;
				float:left;
				text-align:right;
				}
			div.dyskografia div.albumcontainer div.trackline  div.tracktitle {
				width:248px;
				float:left;
				border-right:1px dotted #666;
                font-size:0.8em;
                letter-spacing:0;
				}
            div.dyskografia div.albumcontainer div.trackline  div.tracktitle a:hover {
            color:#f00 !important;
            }
			div.dyskografia div.albumcontainer div.trackline  div.tracklength {
				width:40px;
				float:left;
				border-right:1px dotted #666;
				}
			div.dyskografia div.albumcontainer div.trackline  div.trackadd{
				width:20px;
				float:left;
				text-align:center;
				border-right:1px dotted #666;
				}
            div.dyskografia div.albumcontainer div.trackline  div.trackvote{
				width:120px;
				float:left;
				text-align:center;
				border-right:1px dotted #666;
				}
				div.dyskografia div.albumcontainer div.trackline div.tracknew {
						float:left;
						width:34px;
						font-size:8px;
						color:#f00;
				}
#musicplayer_container
{
	/*position: fixed;
	bottom: -240px;
	width: 100%;
	margin-bottom:0;*/
    width:400px;
    float:left;

}

#musicplayer_container > #menuContainer
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 25px;
	padding-top: 5px;
	/*padding-left: 10px;
	padding-right: 10px;*/
}

#siteMenuBar ul
{
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

#siteMenuBar li
{
	display: inline-block;
	margin: 0;
	padding: 0 5px 0 5px;
	margin-right: 10px;
}

#siteMenuBar ul:first-child
{
	float: left;
	margin-left: 10px;
}

form.formularz label, form.formularz input, form.formularz textarea {
    margin:5px 0;
    padding:5px;
    }
form.formularz label {
		display:block; float:left; width:125px;
        text-align:right; margin-right:10px;
	}
form.formularz input, form.formularz textarea {
		width:320px;
		background:transparent;
        border:0;
		border-left:1px solid #667;
        border-bottom:1px solid #668;
		color:inherit;
	}
form.formularz input {
        background: url('http://savan.pl/media/ksiega_gosci/input_gradient.png') no-repeat bottom left;
    }
form.formularz textarea {
        background: url('http://savan.pl/media/ksiega_gosci/textarea_gradient.png') no-repeat bottom left;
    }
form.formularz input.button {
    border:1px solid #667;
    }
    
form.formularz div { margin:0 !important; padding:0 !important; float:left; clear:both; }
div.ksiegagosci { color:inherit; padding:15px; }
div.ksiegagosci a { color:inherit; }

div.ksiegagosci div.wpis { padding:15px 10px; border-bottom:1px solid #ccb29c;}
div.ksiegagosci div.wpis div.tresc { padding:10px 15px; }
div.ksiegagosci div.wpis div.naglowek{ border-bottom:1px dotted #fd9; line-height:1.19em;}
div.ksiegagosci div.wpis div.naglowek span.tytul{ font-weight:bold; font-size:1.2em;}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url('/media/images/controls.png') top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url('/media/images/controls.png') top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url('/media/images/loading.gif') center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url('/media/images/controls.png') top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
#slider-transition { margin-left:45px;}
#slider-transition > div {display:none;}