/* CSS Document */

body {
	background-color: #FFFFFF;
	background-image:url(images/bg_main.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin:0;
	font-family:Verdana, Tahoma;
	font-size:11px;
}
a, a:link {text-align:center; text-decoration:none; color: #652A88;}
a:hover {color: #333333;}

#header {height:120px; width: 980px; margin:auto}

#logo {float:left; width: 260px; text-align:left;}

#solidni {float: left; width: 120px;}

#menu {float:right; width:470px; height:120px; text-align:right}

#topnav {height: 70px; padding-right:10px; color:#999999}

#lang {height:20px; border-bottom:#CCCCCC 1px solid; padding-top: 10px; width: 270px; float:right}
#lang a, #lang a:link {text-align:center; text-decoration:none; color: #652A88; font-weight:bold;}
#lang a:hover {color: #333333;}

#mainmenu{height: 50px; text-align:right; font-size:12px; font-family:Verdana, Tahoma;}
#mainmenu table {margin-right: 5px;}
#mainmenu table td {width: 73px; height: 50px; text-align:center !important; vertical-align:middle; padding-top: 3px;}
#mainmenu a, #mainmenu a:link {text-align:center !important; text-decoration:none; color: #999999; font-weight:bold;}
#mainmenu a:hover {color: #652A88}
td.active {text-align: center; background-image:url(images/hover.gif); background-repeat:no-repeat; background-position:bottom;}
#mainmenu .active a, #mainmenu .active a:link, #mainmenu .active a:visited {color:#FFFFFF; font-weight:bold }
#mainmenu .active a:hover {color:#F1F1F1;}

#content {
    height: 362px;
	overflow:hidden; 
	width:973px; 
	margin:auto;
	background-image:url(images/bg_content.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#cont-left {float: left; width:260px; padding-top:35px; text-align:right}
#cont-right {float: right; width:710px; color:#FFFFFF; display:block }

#t2 {padding-top: 25px; height:100px; text-align:left}
#t3 {height:220px; line-height:16px;}
#t3-left1, #t3-left2, #t3-left4 {float:left; width: 220px; margin-top:10px; margin-right:15px; position:relative;}
#t3-left3 {float:left; width: 220px; margin-top:10px; position:relative;}
#t3-right {float: right; width: 440px;}

#slider1, #slider2, #slider3 {
	float: left;
	width: 220px;
	text-align: left;
	margin: 0px auto auto 0px
}
#slider4	 {
	float: left;
	width: 240px;
	text-align: left;
	margin: 0px auto auto 0px
}
#slider4 li {width:240px; height: 529px; margin:0px; padding:0px; overflow:hidden; }
#slider1 ul, #slider1 li, #slider2 ul, #slider2 li, #slider3 ul, #slider3 li, #slider4 ul, #slider4 li {margin:0px; padding:0px; list-style:none;}
#slider1 li, #slider2 li, #slider3 li {width:220px; height: 220px; margin:0px; padding:0px; overflow:hidden; }
#slider1 p, #slider2 p, #slider3 p, #slider4 p {padding-left:0px;}
.boxtitle {
background:#333333; 
color:#FFFFFF; 
width:210px;
padding:5px; 
position:absolute; 
top:0; 
left:0; 
z-index:2;
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#logomark {
	float: left;
	width: 250px;
	text-align: left;
	height: 100px;
	margin: 0px auto 7px 0px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #FFFFFF;
	box-shadow: 0px 1px 2px #333333;
}
#logomark li {width:250px; height: 100px; float: left; margin:0px; padding:0px; overflow:hidden; text-align: center; }
#logomark ul, #logomark li {margin:0px; padding:0px; list-style:none; height: 100px;}
#logomark p {padding-left:0px;}
#logomark li a img {border: 0px;}

a.more, a.more:link {text-decoration: none; color:#9A74AF; font-size:11px; background-image:url(images/bg_more.gif); background-position:left; background-repeat:no-repeat; padding-left:20px; padding-top:1px; padding-bottom:1px;}
a.more:hover {color:#F1F1F1; background-image:url(images/bg_more.gif); background-position:right; background-repeat:no-repeat; padding-right:20px; padding-left:0px;}

.title {font-size:17px; font-family: sans-serif}

#bottom {
    width: 973px;
	margin:auto;
	background-image:url(images/bg_bottom.jpg); 
	background-position:center bottom; 
	background-repeat:no-repeat;
	height:170px;
}
#bottom-left {float:left; width:250px; padding-left:10px; padding-top:15px;}
#bottom-2 {float: left; padding-top:5px; width: 400px;}
#bottom-3 {
float: right; 
padding-top:5px; 
width: 300px; 
text-align:left;
height:auto;
overflow:hidden;
}
#bottom-3 img {
margin-right:10px;
margin-top:10px;
}
#bottom-3 a, #bottom-3 a:link {
color:#652A88; 
font-size: 24px;
text-decoration:none;
margin-top:35px;
display:block;
}
#bottom-3 a:hover {
color:#333333;
}
.bottomp {
margin-right:15px;
margin-top:10px;
text-transform: uppercase;
}

#footer {
   width: 953px;
	margin:auto;
	padding: 10px;
	text-align:right;
}

#special {
position:fixed;
width:100%;
text-align:center;
z-index:99;
top: 0px;
background-color: #333333;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
height: auto;
overflow: hidden;
}
#offer {
color:#FFFFFF;
margin-top:20px;
margin-bottom:20px;
font-size:36px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
#newsletter, #formularz {
color:#FFFFFF;
width: 390px;
padding:10px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
margin-top:20px;
margin-bottom:20px;
}

a#slick-slidetoggle2 {
display:block;
width:100px;
margin: 0px auto 20px auto;
padding:5px;
border: 1px dotted #CCCCCC;
background-color: #652A88;
color: #FFFFFF;
}

a.push {
display:block;
width:90px;
margin-left:0px;
margin-right:auto;
padding:5px;
background-color: #333333;
color:#FFFFFF !important;
border-right: 1px solid #CCCCCC;
text-align:center !important;
}

/* podstrony */
#sub-content {
	width:973px; 
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	background-color: #652A88;
	background-image:url(images/bg_sub_content.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:auto;
	overflow:hide;
	display:block;
	color:#FFFFFF;
	clear: both;
}
#box {color:#FFFFFF; padding: 10px; height:auto; overflow:hidden; line-height:16px; clear: both;}
#sub-content a, #sub-content a:link {color:#E6C9F9; text-decoration:none; text-align:left}
#sub-content a:hover {color:#f1f1f1}

.subbox {height:auto; overflow:hidden; padding:10px; position: relative; clear: both;}
.subbox h2 {
	position: absolute;
	top: 30px;
	right: 0px;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	margin: 0px;
	z-index: 1;
	text-align: right;
	padding-right: 10px;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
.subbox table {}
.subbox table td {padding: 10px; vertical-align:top; text-align:left;}

ul.lista, ul.lista li {
list-style: none;
margin-left: 0px;
padding: 0px;
}

#subleft {float: left; width:250px; text-align:left; padding-top:10px;}
#subright {float: right; width:700px; color:#FFFFFF; height:auto; overflow:hidden; padding-top:10px; text-align:left}

#boxes {width:690px; margin-left:auto; margin-right: auto}

#closebox { width:973px; margin: 0px auto 0px auto; clear: both;}

.promoleft {width: 670px; float:left; height: auto; overflow: hidden;}
#promoright, #promoright-offer {width:250px; float:right;}
#promoright-offer {}
.promotitle {font-size:18px; font-family: Tahoma; text-align:left; padding-bottom:0px; margin:0px; clear: both; font-weight:normal;}
#promoright-offer .promotitle {font-size:18px; font-family: Arial; text-align:left; padding-bottom:0px; margin:0px; clear: both; font-weight:normal;}
.promoinfo {
padding:10px; 
background-color:#F1F1F1; 
color:#333333; 
border: 1px dotted #562576; 
}
#promoright-offer .promoinfo {
padding:10px; 
background-color:#F1F1F1; 
color:#333333; 
border: none; 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-shadow: 0px 1px 2px #333333;
}
a.promoright, a.promoright:link, a.promoright:visited, 
#promoright-offer a.promoright, #promoright-offer a.promoright:link, 
#promoright-offer a.promoright:visited {
	color: #652A88;
	text-transform: uppercase; 
	padding: 3px 0px 3px 25px;
	height: 15px;
	display: block;
	background-image: url(images/gjg.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
#promoright-offer .promoinfo {background: #8A57A9;}
#promoright-offer a.promoright, #promoright-offer a.promoright:link,
#promoright-offer a.promoright:visited {
	background: url('images/more.png') left center no-repeat;
	color: #DDDDDD;
	text-shadow: 1px 1px #000000;
}
#promoright-offer a.promoright:hover {color:#FFFFFF; padding-left: 30px;}
a.promoright:hover {color:#333333; padding-left: 30px;}
#promoright a, #promoright a:link, #promoright a:visited {color: #652A88;}
#promoright a:hover {color:#333333;}

.promo {height:auto; overflow:hidden; margin-bottom:10px; padding:10px; border:1px dotted #b5b5b5; display: block; clear: both; }
.promo img {margin-right:10px;}
#pokaz {
	clear: both;
}
#wypz {margin: 200px 0px 0px 0px;display: none;}
.clear {clear:both}

/**formularz**/

.contact {text-align:left; color: #000000;}
.contact input {width:370px;}
.contact textarea {width:370px;}
.contact .button {width: 150px;}

.wiadomosci {
	color: #333333;
	border: 1px dotted #333333;
	padding: 5px;
	text-align: left;
}
.formtytul {
	color: #652A88;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 5px;
	border: 1px dotted #652A88;
}

#formKontakt label.error {color: red;margin-left: 0px;}
#kontaktForm label.error {color: Yellow;margin-left: 0px;}
.f1, .f4 {margin-top: 5px;}
.f3 {margin-bottom: 5px;}
.f4 {color: #ffffff;}

#map {
width: 645px; 
height: 360px; 
background-repeat: no-repeat; 
background-position: center; 
border: #642986 1px solid;
}
.gmnoprint {color: #333333; text-align: left; }

#ss_logo {float:left; width: 260px; text-align:left;position:absolute}

#footer span{
color: #652A88;
cursor: pointer;
}

#mb_p1{font-weight:bold;text-transform:uppercase;}
#mb_h41{font-size:11px;font-weight:401;margin:0;}

.catalogues a {
	display: block;
	font-size: 14px;
	background: #8A57A9 url('images/more.png') left center no-repeat;
	padding: 7px 10px 7px 30px;
	/*border-bottom: 1px dotted #CCCCCC;*/
	text-shadow: 1px 1px #000000;
	margin: 7px 0px;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-shadow: 0px 1px 2px #333333;
}
.catalogues a:hover {
	box-shadow: 0px 1px 5px #000000;
}