* { padding: 0; margin: 0; }

body {
	font-family: 'MuseoSlab300', "Georgia", serif;
	font-size: 80%;
	font-weight:300;
	color:#333;
	background:#cbc8b6 url(grafika/bg_all.jpg) repeat-x top;
 	margin: 0;
}

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris
 * License URL: http://www.fontspring.com/fflicense/exljbris
 *
 *
 */

@font-face {
    font-family: 'MuseoSlab300';
    src: url('font_web/Museo_Slab_300-webfont.eot');
    src: url('font_web/Museo_Slab_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('font_web/Museo_Slab_300-webfont.woff') format('woff'),
         url('font_web/Museo_Slab_300-webfont.ttf') format('truetype'),
         url('font_web/Museo_Slab_300-webfont.svg#MuseoSlab300') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
	color: #ececec;
	font: 2.2em/1em MuseoSlab300; "Georgia", serif;
	letter-spacing: -.5px;
	text-shadow:0 1px 0 #000000;
	padding-bottom: 5px;
}

h2 {
	color: #c5e5ff;
	font: 1.8em/1em MuseoSlab300; "Georgia", serif;
	text-shadow:0 1px 0 #000000;
}

h3 {
	font: 1.6em/1em MuseoSlab300; "Georgia", serif;
	font-weight:100;
	color:#ffffff;
	padding-bottom: 10px;
	text-shadow:0 1px 0 #000000;
}

h4 {
	color: #ffffff;
	font:  normal 1.4em/1em MuseoSlab300; "Georgia", serif;
	padding-bottom: 5px;
	text-shadow:0 1px 0 #000000;
}

p {
   color:#000;
	font-size: 1.1em;
	line-height: 1.6em;
	clear: left;
	margin: 4px 0 6px;
	padding-bottom: 8px;
	padding-top: 8px;
}
	
p a {
	color: #004d99;
	text-decoration: none;
}

img { border: 0; }

#all {
 float:left;
 width: 100%;
 height:auto;
 background:url(grafika/bg.jpg) no-repeat top center;
 margin: 0;
}

.szerokosc_all {
 margin: 0 auto;
 width: 100%;
}

#all_1 {
 float:left;
 width: 100%;
 height:43px;
 margin: 0;
 background:url(grafika/bg_menu.jpg) repeat-x top;
 position: fixed;
}

.szerokosc {
 margin: 0 auto;
 width: 1000px;
}

#all_2 {
 float:left;
 width: 100%;
 height:auto;
 margin: 0;
 padding-bottom:20px;
}

#all_3 {
 float:left;
 width: 100%;
 height:auto;
 margin: 0;
 padding-bottom:20px;
}

#all_4 {
 float:left;
 width: 100%;
 height:540px;
 background:url(grafika/bg2_all.jpg) repeat-x top;
 margin: 0;
}

#all_4a {
 float:left;
 width: 100%;
 height:540px;
 background:url(grafika/bg2.jpg) no-repeat top center;
 margin: 0;
}

#all_5 {
 float:left;
 width: 100%;
 height:auto;
 min-height:173px !important;
 background:#1d1c1d url(grafika/bg3.jpg) repeat-x top;
 margin: 0;
}

#top_gora {
 float:left;
 width:1000px;
 height:57px;
 margin:0;
 position: fixed;
 z-index:1000;
}


#top_menu {
 float:left;
 width:1000px;
 height:43px;
 margin:0 0 0 0px;
}

#top_menu ul,
#top_menu ul li {
 float:left;
 list-style-type:none;
}

#top_menu ul li a {
text-indent: -9999px;
}

#top_menu .logo a {
 float:left;
 width:234px;
 height:43px;
 margin:0 80px 0 10px;
 background:url(grafika/logo.jpg) no-repeat top;
 text-indent: -10000px;
 list-style-type:none;
}

#top_menu .logo a:hover {
 background-position:bottom;
}

#top_menu .start a {
 float:left;
 width:113px;
 height:43px;
 background:url(grafika/start.jpg) no-repeat top;
}
#top_menu .start a:hover {
 background-position:bottom;
}

#top_menu .oferta a {
 float:left;
 width:131px;
 height:43px;
 background:url(grafika/oferta.jpg) no-repeat top;
}
#top_menu .oferta a:hover {
 background-position:bottom;
}

#top_menu .portfolio a {
 float:left;
 width:166px;
 height:43px;
 background:url(grafika/portfolio.jpg) no-repeat top;
}
#top_menu .portfolio a:hover {
 background-position:bottom;
}

#top_menu .o_nas a {
 float:left;
 width:119px;
 height:43px;
 background:url(grafika/o_nas.jpg) no-repeat top;
}
#top_menu .o_nas a:hover {
 background-position:bottom;
}

#top_menu .kontakt a {
 float:left;
 width:141px;
 height:43px;
 background:url(grafika/kontakt.jpg) no-repeat top;
}
#top_menu .kontakt a:hover {
 background-position:bottom;
}

#left_wall {
	float:left;
	width:420px;
	height:350px;
	padding:0;
	margin:125px 10px 0 170px;
}

#rotator_all {
	float:right;
	width:400px;
	height:275px;
	padding:0;
	margin:0;
}
#rotator {
	float:left;
	position:relative;
	width:249px;
	height:142px;
	margin:200px 0 0 0;
	padding:0;
}
/* rotator css */
#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
#rotator ul li img {
	padding:0;}
	
#rotator ul li.show {
	z-index:1;
}


#top_brown {
 float:left;
 width:400px;
 height:110px;
 margin:50px 0 0 135px;
}

#text_room {
 float:left;
 width:500px;
 height:50px;
 margin:0;
 text-align:left;
}

#text_room p {
 font-size: 1.2em;
 color:#442d1f;
}

#text_room2 {
 float:left;
 width:980px;
 height:auto;
 margin:10px 10px 15px 10px;
 text-align:center;
}

#text_room2 p {
 font-size: 1.2em;
 color:#442d1f;
}
