* {
	margin:0;
	padding:0;
}

html,body {
	margin:0;
	padding:0;
}

body {
	font: 76% georgia, arial; 
	text-align:justify;
	padding: 0;
}

img { margin: 0;
	   padding: 0;	
	   border: 0;
}

@media screen {
body {color: #333333; background: #171717 url('../_img/bckg1.jpg') left top repeat;}
div#main {width: 970px; background: #ffffff url('../_img/bckg_main5.jpg') left top no-repeat; margin: 0 auto; text-align: left; border-left: 3px solid #ffffff; border-right: 3px solid #ffffff; overflow: hidden; padding: 0 0 15px 0; border-bottom: 3px solid #ffffff;}
div#topmost {float: left; display: inline; width: 970px; height: 46px; padding: 0 0 0 0; text-align: right;}
div#topmost a {float: right; display: inline; width: 123px; height: 36px; padding: 10px 25px 0 0; color: #9ca586; font-size: 2.0em; text-decoration: none;}
div#topmost a:hover {background: url('../_img/bkontakt_on.jpg') right top no-repeat;}
div#top {float: left; display: inline; width: 800px; margin: 0 0 0 110px;}
#dlogo {float: left; display: inline; width: 240px; height: 130px;}
#top h1 {text-indent: -9999px; font-size: 0.8em; }
#logo {float: left; display: inline; width: 240px; height: 130px; text-decoration: none; background: url('../_img/emilis.gif') left top no-repeat;}
#logo:hover {background: url('../_img/emilis_on.gif') left top no-repeat;}
#logo span {display: none;}

ul#menu {float: left; display: inline; width: 410px; height: 100px; margin: 40px 0 0 100px; }
ul#menu li {float: left; display: inline; width: 129px; height: 100px; list-style-type: none; margin: 0 0 0px 5px; line-height: 1.0em; }
ul#menu li a {float: left; display: inline; width: 127px; height: 70px; padding: 0px; text-decoration: none; line-height: 1.6em; letter-spacing: 0.1em; padding-top: 25px !important; background: #ffffff url('../_img/guzik.jpg') left top no-repeat;}
ul#menu li a span.nazwa {cursor: pointer; float: left; display: inline; color: #9ca586; font-size: 2.0em; width: 127px; text-align: center; padding: 0 0 10px 0;}
ul#menu li a span.opis {cursor: pointer; float: left; display: inline; width: 127px; text-align: center; color: #9ca586; font-size: 1.2em; font-weight: bold; }
ul#menu li a:hover {border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; background: #ffffff url('../_img/guzik_on.jpg') left top no-repeat;}
ul#menu li a.menu_on {background: #a41c26; text-decoration: none; color: #ffffff;}

div#content {float: left; display: inline; width: 762px; margin: 0 0 0 84px; padding: 0px 20px 5px 20px;}

#przewijak_ul {float: left; display: inline; width: 762px; margin: 0;}

#s1 {float: left; display: inline; width: 762px; height: 480px; margin: 0 0 10px 0; padding: 0px; list-style: none; background: url('../_img/s1bckg.jpg') left top no-repeat; text-align: justify;}
#s1_left {float: left; display: inline; width: 460px; line-height: 1.6em; padding: 10px 10px; color: #6d4a5c;}
#s1 p {margin-bottom: 1.6em;}
#s1 p strong {color: #663333;}
#s1 a {color: #768566; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #768566; padding: 0 4px 0 4px;}
#s1 a:hover {background: #d0e6b5;}
#s1 span {padding: 0 0 0 20px; background: url('../_img/li.gif') left 1px no-repeat;}

.nomargin {margin-bottom: 0px !important;}
.small {font-size: 0.8em; line-height: 1.0em !important; margin: 5px 0 0 0;}
.extraTopMargin {margin-top: 6.4em;}
.short {width: 340px; text-align: left !important;}

#s1_right {float: left; display: inline; width: 266px; line-height: 1.6em; padding: 10px 0 0 0px; color: #6d4a5c; margin: 0 0 0 10px; text-align: center; line-height: 1.4em;}
#s1_right h2 {font-size: 1.4em; letter-spacing: 0.1em; font-weight: normal;}
#s1_guziki {font-size: 0.8em; font-family: verdana, arial; line-height: 1.0em; letter-spacing: 0.2em; margin: 15px 0 0 0;}
.s1_guziki_i {float: left; display: inline; width: 250px; height: 100px; padding: 5px 5px !important; background: #ffffff; border: 1px solid #cccccc !important; margin: 4px 0 4px 2px;}

#s2 {float: left; display: inline; width: 762px; height: 480px; margin: 0 0 10px 0; padding: 0px; list-style: none; background: url('../_img/s2bckg.jpg') left top no-repeat; text-align: justify;}
#s2_left {float: left; display: inline; width: 360px; line-height: 1.6em; padding: 10px 10px; color: #6d4a5c;}
#s2 p {margin-bottom: 1.6em;}
#s2 p strong {color: #663333;}
#s2 a.normal {color: #768566; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #768566; padding: 0 4px 0 4px;}
#s2 a.normal:hover {background: #d0e6b5;}

#s3 {float: left; display: inline; width: 762px; height: 480px; margin: 0 0 10px 0; padding: 0px; list-style: none; background: url('../_img/s3bckg.jpg') left top no-repeat; text-align: justify;}
#s3_left {float: left; display: inline; width: 290px; line-height: 1.6em; padding: 10px 10px; color: #6d4a5c;}
#s3 p {margin-bottom: 1.6em;}
#s3 p strong {color: #663333;}
#s3 a.normal {color: #768566; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #768566; padding: 0 4px 0 4px;}
#s3 a.normal:hover {background: #d0e6b5;}

#s4 {float: left; display: inline; width: 762px; height: 480px; margin: 0 0 10px 0; padding: 0px; list-style: none; background: url('../_img/s4bckg.jpg') left top no-repeat; text-align: center;}
#s4_left {float: left; display: inline; width: 290px; line-height: 1.6em; padding: 130px 10px 10px 10px; color: #6d4a5c;}
#s4_left h2 {font-size: 1.4em; letter-spacing: 0.1em; font-weight: normal; margin: 0 0 1.6em 0;}
#s4 p {margin-bottom: 1.6em;}
#s4 p strong {color: #663333;}
#s4 a.normal {color: #768566; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #768566; padding: 0 4px 0 4px;}
#s4 a.normal:hover {background: #d0e6b5;}


.p01 {float: left; display: inline; width: 280px; height: 37px; background: url('../_img/button_off.jpg') left top no-repeat; margin: 0 0 10px 40px; padding: 10px 0 0 0; text-align: center; text-decoration: none; font-family: verdana, arial; color: #ffffff; font-size: 0.8em;}
.p01:hover {background: url('../_img/button_on.jpg') left top no-repeat;}
.p02 {float: left; display: inline; width: 280px; height: 37px; background: url('../_img/button_off.jpg') left top no-repeat; margin: 3.4em 0 10px 5px; padding: 10px 0 0 0; text-align: center; text-decoration: none; font-family: verdana, arial; color: #ffffff; font-size: 0.8em;}
.p02:hover {background: url('../_img/button_on.jpg') left top no-repeat;}

div#linkownia {float: left; display: inline; width: 800px; background: #fffeee; border: 1px solid #b5cae1; margin: 0px 0 0 84px; font-family: verdana, arial, serif; text-align: center;}
div#linkownia p {margin: 10px 0; letter-spacing: 0.1em; font-size: 0.8em; color: #666666;}
#linki {float: left; display: inline; width: 790px; margin: 10px 5px;}
#linki li {float: left; display: inline; list-style-type: none; margin: 0 0 4px 4px;}
#linki a {float: left; display: inline; height: 60px; border: 2px solid #fffeee; padding: 0 0 0px 0;}
#linki a:hover {border: 2px solid #336699;}

div#footer {width: 970px; margin: 5px auto; padding: 0 0 5px 0; text-align: center; font-family: verdana, arial, serif; color: #cccccc; font-size: 0.8em;}
#footer a {color: #ffffff; text-decoration: none; font-weight: bold;}
#footer a:hover {color: #008ada; text-decoration: underline;}
#footer span {color: #ffffff; font-weight: bold;}

div.pics {display: none !important;}

}

@media print {
* {color: #000000 !important;}
#main {width: 100%; line-height: 1.6em;}
#top {display: inline;}
#top h1 {text-indent: 0; border-bottom: 1px solid #000000;}
#logo {display: inline;}
#menu {display: none;}
#content p {margin: 0 0 1.6em 0;}
#s1 {display: inline; font-size: 1.2em; height: 100%;} 
#s2 {display: inline; font-size: 1.2em; height: 100%;} 
#s3 {display: inline; font-size: 1.2em; height: 100%;}
#s1_right {display: inline; height: 100%;}
#linkownia {display:none;}
#footer {display: inline; text-align: center; border-top: 1px solid #000000;}
.small {font-size: 0.8em;}
}