@import url('reset.css');

body {
    background: #fff url('../images/bg.jpg') repeat-x;
    font-family: verdana;
}

a {
    text-decoration: none;
}
h1 {
    color: #890346;
    font-size: 30px;
    margin: 20px 15px;
    text-align: center;
}

#wrapper {
    width: 1000px;
    margin: auto;
}

#header {
    height: 72px;
    border-bottom: 1px solid #2e4461;
}

#nav {
    float: right;
}

#nav li {
    display: inline-block;
    margin-left: 35px;
    margin-top: 43px;
}

#nav a {
    color: #fff;
    font-size: 18px;
}

#h {
    margin: 20px auto;
    overflow: hidden;
    padding-left: 17px;
}

.h {
    display: inline-block;
    float: left;
    margin-right: 14px;
}

.bottom {
    margin-top:-3px;
    padding: 10px;
    font-size: 0.9em;
    line-height: 1.3em;
    color: #3c566b;
}

.title2 {
    color: #890346;
    font-size: 30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 7px;
}
.page-min {
    width: 280px;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: none;
    padding: 15px 15px 15px 15px;
    text-align: left;
    text-indent: 15px;
}
.page-min-bottom {
    width: 310px;
    background: url('../images/shadow_min.png') bottom center no-repeat;
    height: 12px;

}




#footer {
    color: #222;
    line-height: 1.5em;
    font-size: 16px;
    text-align: right;
    min-height: 55px;
    border-top: 10px solid #92b6ca;

    padding-top: 5px;

}
#footer a {
    color: #21364D;
    display: inline-block;
    padding: 2px 5px 0px 5px;
}
#footer span {
    padding-left: 5px;
}
#foot {
    width: 1000px;
    margin: auto;
}



/* -------------------- Start Horisontal Accordion ------------------------------------- */

.accordion_container	{
				width:964px;
				height:319px;
				position:relative;
				overflow:hidden;
                background: url('../images/accordion_bg.png');
				padding:18px;

				}

.title			{
                margin-top: 250px;
				width:200px;
				position:absolute;
				font:1.7em Arial, Helvetica, sans-serif;
                color: #fff;
				}

.kwicks {
				/* recommended styles for kwicks ul container */
				list-style: none;
				position: relative;
				margin: 0;
				padding:0;
				float:right;
				}

.kwicks li{
				/* these are required, but the values are up to you (must be pixel) */
				width: 112px;
				height: 318px;
				
				/*do not change these */
				display: block;
				overflow: hidden;
				padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
				background:none;
				}

.kwicks.horizontal li {
				/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
				margin-right: 14px; /*Set to same as spacing option. */	
				float: left;
				}

#kwick_1 		{background:#000000;}
#kwick_2 		{background:#000000;}
#kwick_3 		{background:#000000;}
#kwick_4 		{background:#000000;}
#kwick_5 		{background:#000000;}
#kwick_6 		{background:#000000;}

.kwicks.horizontal #kwick_6 {
				margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
				}


#text {
    font-size: 1.0em;
    line-height: 1.3em;
    color: #3c566b;
    width: 980px;
    margin: 15px auto 0;
}
.center {
    text-align: center;
}

.page {
    width: 950px;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: none;
    padding: 0 15px 15px 15px;
    text-align: left;
}
.page-bottom {
    width: 980px;
    background: url('../images/shadow.png') bottom center no-repeat;
    height: 12px;
}
#cennik {
    width: 800px;
    margin: 60px auto 10px auto;
    background: #bfd5e0;
        opacity: 0.7;
}

#cennik td, th {
    border: 1px solid #000;
    padding: 10px 25px;
}
.light {
    background: #76A8BC;
}


#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrappper {width:906px; margin:30px auto 50px auto; display:none}
#wrappper * {margin:0; padding:0}
#fullsize {position:relative; width:900px; height:500px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:900px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:900px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:856px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}



#contact {
    margin: 50px 0 25px 30px;
    display: inline-block;
    float: left;
}
#contact label {
    display: block;
    margin-top: 20px;
    margin-bottom: 8px;
    font-size: 16px;
    color: #fff;
}

#contact .input {
    width: 450px;
    height: 27px;
    border: 1px solid rgb(207,207,207);
    padding-left: 5px;
    color: rgb(98,98,98)
}

#contact .input:focus, .input:hover {
    border: 1px solid rgb(170,170,170);
}
.input:hover {
    border: 1px solid rgb(170,170,170);
}

#contact div {
    color: red;
    font-size: 11px;
}