html,
body {
    width: 100%;
    height: 100%;
}

body {
 font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;

	background-color:#fae9cb;
	background-image: url(../img/bg_body.jpg);
	background-repeat: no-repeat;
    background-position: top left;
	margin-top:0px;
}
.main
{
	position: relative;
	z-index:15;
	margin: 14px auto 20px auto;
	margin-bottom:50px;
	background-color:#fff;
	min-height:800px;
	width:910px;
	padding-bottom:20px;
	-webkit-box-shadow: 0 2px 10px 1px #9E9E9E;
	box-shadow: 0 2px 10px 1px #9E9E9E;

}

.main #top { width: 900px; height: 200px; margin-top: 15px; position:relative; }
.main #top #logo { width: 60px; height: 50px; position:absolute; left: 35px; top: px; }
.main #top #tis { width: 87px; height: 150px; position:absolute; left: 7px; top: 27px; }
.main #top #fsc { width: 140px; height: 190px; position:absolute; left: 108px; top: 7px; }
.main #top #jezyki { width: 200px; height: 30px; position:absolute; right: 30px; top: 20px; text-align:right; }
.main #content { width: 100px; min-height: 900px; margin-top: 0px; position:relative;margin-left:10px; 
	background-color:#fff;
	background-image: url(../img/pattern_lewy.gif);
	background-repeat: repeat-y;
    background-position: top left;
	}
.main #content #banner { width: 778px; height: 450px; position:relative; left:102px; }
.main #content #banner2 { width: 778px; height: 180px; position:relative; left:102px; }


.main #content2 { width: 100px; min-height: 720px; margin-top: 0px; position:relative;margin-left:10px; 
	background-color:#fff;
	background-image: url(../img/pattern_lewy.gif);
	background-repeat: repeat-y;
    background-position: top left;
	}
.main #content2 #banner { width: 778px; height: 450px; position:relative; left:102px; }


.guziki{
	padding:5px 5px;
	margin:5px 2px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c7c7c7+0,fbfbfb+100 */
	background: rgb(201,158,100); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(201,158,100,1) 0%, rgba(251,251,251,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,158,100,1)), color-stop(100%,rgba(251,251,251,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(201,158,100,1) 0%,rgba(251,251,251,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(201,158,100,1) 0%,rgba(251,251,251,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(201,158,100,1) 0%,rgba(251,251,251,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(201,158,100,1) 0%,rgba(251,251,251,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c99e64', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */border-radius: 5px;
	border:1px solid #c7c7c7;
	-webkit-box-shadow: 0 1px 5px 0 #D9D9D9;
	box-shadow: 0 1px 5px 0 #D9D9D9;
	font-size:14px;
	font-weight:bold;
	  -webkit-transition: all .55s;
    -moz-transition: all .55s;
    transition: all .55s;
}
.navi{position:absolute; z-index:25;margin-left:220px;margin-top:100px;margin-bottom:0px;list-style:none}
.navi>li{position:relative;display:inline; }
.navi>li>a{position:relative;display:inline;padding:5px 3px; }
.navi>li>a:focus,.navi>li>a:hover{text-decoration:none;}


.guziki:hover,
.guziki:focus, .aktywna {
cursor: pointer;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8e8e8e+0,fbfbfb+100 */
background: rgb(104,155,200); /* Old browsers */
background: -moz-linear-gradient(top, rgba(104,59,21,1) 0%, rgba(104,59,21,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,59,21,1)), color-stop(100%,rgba(104,59,21,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(104,59,21,1) 0%,rgba(104,59,21,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(104,59,21,1) 0%,rgba(104,59,21,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(104,59,21,1) 0%,rgba(104,59,21,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(104,59,21,1) 0%,rgba(104,59,21,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#683b15', endColorstr='#683b15',GradientType=0 ); /* IE6-9 */
 color: #fff;
}
.guziki a {
    color: #542e0e;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	text-decoration:none;
}

.guziki a:hover,
.guziki a:focus,
.aktywna a
{
    color: #fff;
}

.tresc{width:870px;position:absolute; z-index:50;padding-left:105px; padding-top:10px;margin-bottom:0px;font-size:13px;color:#683b15;}
.tresc h1{font-size:30px; margin-top:2px;margin-bottom:10px; color:#683b15;}
.tresc .lewa1 {position:absolute; top:80px;  text-align:center;}
.tresc .lewa2 {position:absolute; top:400px; text-align:center;}
.tresc .prawa1 {position:absolute; margin-left: 350px; text-align:justify; font-size:16px; margin-top:0px;}
.tresc .lewa_c {position:absolute; padding-left: 30px; z-index:52}
.tresc .prawa_c {position:absolute;  margin-left: 400px;z-index:54	}
.tresc .googlemap {position:absolute;margin-left: 0px; top:410px; font-size:16px;}
.tresc li{position:relative;display:inline;list-style:none }
.tresc li a img {border:1px solid #683b15; margin-right:10px; margin-bottom:2px; }
.tresc a 
{   cursor: pointer;
	color:#683b15;
	text-decoration:none;
}
.tresc .pdf {
	display:block;
	padding-left:20px;
	margin-left:50px;
	background-image: url(../img/icon_pdf.gif);
	background-repeat: no-repeat;
    background-position: top left;

}
.tresc a:hover 
{
	color:#915e36;
	text-decoration:underline;
}

 hr { border-color: #c99e64;    border-width: 1px;}
 
 .stopka
 {
 width:100%;
 text-align:center;
 margin:0px auto;
 font-size:12px;
 color:#915e36;
 }
.container2{
 display:table;
 margin-left:100px;
 margin-top:-10px;
}
.container3{
 display:table;
}

.image { 
   display: table-cell;
   vertical-align: middle;
   padding:5px;
   text-align:center;
}

.img{
    display: block!important;;
    margin: 0 auto!important;
}
#formularz
{
z-index:150;
position:absolute;
top:60px;
left:100px;
display:none;
width:740px;
height:450px;
background-color:#fbe9c5;
border:1px solid #d5bc97;
-webkit-box-shadow: 0 5px 5px 0 #777;
box-shadow: 0 5px 5px 0 #777;
border-radius: 10px;
padding:30px 20px;
}
.wylacznik
{
position:absolute;
right:10px;
top:10px;
}