@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}

body{
width:100%;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
/*height:830px;*/
background: #FFFFFF url(../img/bg2.jpg) bottom repeat-x;
color:#6a4747;
}


#wrapper{
width:954px;/* 872px;*/
margin:0 auto;
}

#header{
border-bottom:8px solid #9e2a2a;
background-color:#fff;
height:140px;
width:100%;
}

#header img {
margin:17px 0 0 10px;
}

/* MENU */
* {margin:0; padding:0}
.menu {position:relative; float:right;background:url(../img/bg.gif) no-repeat; height:35px; width:490px;}
.menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:9px 5px}
.menu li {float:left}
.menu a, .menu a:visited {text-decoration:none; color:#6a4747;padding:10px;font-size:14px} 
.menu a:active, .menu a:hover {text-decoration:none; color:#FFF; padding:10px;}
#slide {position:absolute;  height:35px; background:#d79724; z-index:10}

#content{
background-color:#fff;
/*height:615px;*/
width:100%;
}
#content-podstrona{
/*height:400px;*/
width:100%;
}
#top{
background-color:#fff;
height:260px;
float:left;
}
#top img {
padding-top:10px;
}

.box1{
float:left;
width:320px;
padding:0 35px 0 0;
text-align:justify;
}

.box1 h2 {
font-weight:bold;
color:#372500;
margin:0 0 10px 0;
font-size:13px;
}
.box1 p{
margin-bottom:25px;
font-size:11px;
}

.box2 {
float:right;
width:242px;
text-align:justify;
}
.box2 h3 {
font-weight:bold;
color:#372500;
margin:0 0 10px 0;
font-size:14px;
}

.box2 img {
margin-top:15px;
}

img.floatLeft { 
    float: left; 
    margin: 4px 4px  4px 0; 
}

#mail {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
}
#mail a, #mail a:visited{
color:#FFFFFF;
text-decoration:none;
}


#srodek {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
}
#srodek a{
color:#b52d00;
font-weight:bold;
}
#footer{
height:76px;
background-color:#d79724;
color:#fff;
float:left;
width:100%;

}
#footer h4{
font-weight:normal;
padding:15px 0 5px 0;
font-size:17px;
}
#footer h3{
font-weight:normal;
font-size:20px;
}
#leftfooter{
text-align:center;
float:left; 
width:30%;
padding-left:14px;
}

#leftfooter a, #infooter a{
color:#FFFFFF;
text-decoration:underline;
}

#infooter a:visited, #leftfooter a:visited{
color:#FFFFFF;
text-decoration:none;
}
#leftfooter a:hover, #infooter a:hover{
color:#FFFFFF;
text-decoration:underline;
}
#infooter{
float:left;
margin-left:55px;
width:60%;
}
#infooter p {
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin-bottom:10px;
}

/* podstrona */
.box3{
float:left;
width:70%;
padding:0 15px 0 10px;
text-align:justify;
font-size:11px;
}

.box3 h2 {
	font-weight: normal;
	color: #372500;
	margin: 15px 0 10px 0;
	font-size: 22px;
	letter-spacing: -1px;
}

.box3 h4 {
	font-size: 14px;
	padding-bottom: 2px;
	margin: 10px 0 5px 0;
	border-bottom: 1px #ccc solid;
	color:#372500;

}


.box4 {
float:right;
width:25%;
margin-left:15px;
text-align:justify;
	color:#372500;
font-size:11px;
}
.box4 h3 {
font-weight:normal;
color:#372500;
margin:15px 0 10px 0;
font-size:16px;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align:left;
}

#navcontainer li {
list-style-type: none;
 margin: 0 0 .2em 0;
  }

#navcontainer a
{
	text-align: left;
	display: block;
background-color:#cfa36c;color:#fff;
	width: 225px;
	padding: .18em .6em .18em .6em;
	text-decoration: none;
}

#navcontainer a:hover
{
	background-color: #b52d00;
	color: #FFF;
}



#tabela td {
   border: 1px solid #ccc;
	padding:5px;
}

ul {
	list-style-type: square;
	list-style-image: none;
	list-style-position: inside;
}
ol  {
	list-style-type: decimal;
	list-style-position: inside;
}
ol ol {
	list-style-type: none;
}

#products img {
	margin:0 3px 10px 0;	
	cursor:pointer;	
}

.description {
	background-color: #FFF4E3;
	border: 2px solid #b52d00;
	width: 910px;
	min-height: 140px;
	display: none;
	margin-top: 17px;
	-moz-border-radius: 4px;
	padding: 0 20px;
	
}


.description h3 {
	color: #b52d00;
	margin: 7px 0 10px 0;
	font-size:15px;
}
.description p {
	
	margin: 7px 0 10px 0;
	font-size:13px;
	line-height: 140%;
}

.description a {
	margin: 7px 0 10px 0;
	font-size: 13px;
	color: #8B4513;
	text-decoration: underline;
}

.description .arrow {
	width:34px;
	height:34px;
	background:transparent url(../img/yellow.png) repeat scroll 0 -68px;
	margin-top:-28px;
	margin-left:36px;
	font-size:1px;
	position:relative;
}

#a2 .arrow {
	margin-left:200px;	
}

#a3 .arrow {
	margin-left:350px;	
}

#a4 .arrow {
	margin-left:500px;	
}

#a5 .arrow {
	margin-left:660px;	
}
#a6 .arrow {
	margin-left:815px;	
}