@import "slimbox.css";
@import "search.css";
@import "galeria.css";

* {
	border: none;
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	background: #fff url('img/body.jpg') repeat-x;
	font: 0.8125em "trebuchet ms";
	color: #333;
}

a {
	color: #FF6F0C;	
}
a:visited {
	color: #C5A984;
}
a:hover {
	color: #FF9900;
}
h1, h2, h3 {
	clear:both;
}
h1 {
	background: url('img/h1.png') left bottom repeat-x;
	margin-bottom: 25px;
	padding-bottom: 10px;
	font-size: 1.7em;
	font-weight:normal;
	color: #FF6F0C;
}
#content h1 sup {
	font-size: .7em;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
h2 {
	background: #FAF7EB;
	margin: 10px 0 15px -6px;
	padding: 6px;
	font-size: 1.15em;
	color: #FF6F0C;
}
h3 {
	margin-bottom: 15px;
	font-size: 1.1em;
	color: #FF6F0C;
}
ul {
	list-style: none;
}
table {
	/*display: block;*/
	margin:0 auto 15px auto;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ECDDD2;
	width:100%;
}
th,
td {
	padding: 5px 20px 5px 10px;
}
th {
	background: #FBF9F5 url('img/thead_th.png') left bottom repeat-x !important;
	padding: 10px 20px 10px 10px;
}
tr.even,
li.even {
	background:#FCF8EF;
}
p#breadcrumbs {
	font-family:trebuchet ms, arial;
	font-size:.85em;
	color:#C1B393;
	margin-bottom:5px !important;
}
p.subtitle {
	text-align: center;
	font: 0.75em tahoma;
}
p.center {
	text-align:center;
}
p.lead {
	font-weight:bold;
	font-size:1.05em;
	margin:-10px 0 22px 0;
	/*color:#64866D;*/
	color:#818782;
}
#content img {
	display:block;
	margin: 10px auto 15px auto;
	clear:both;
	border: 1px solid #FFF;
	padding:2px;
	border-width:1px;
	border-style:solid;
	/*border-color: #f2f2ea #d9bd7c #d9bd7c #f2f2ea;*/
	border-color: #f2f2ea;
}
#content img.noborder {
	border-color: #fff;
}
/*#content img.center {
	display:block !important;
	margin: 0 auto 15px auto  !important;
	clear:both !important;
}*/
#content img.left {
	float:left;
	clear:none;
	margin: 0 15px 15px 0;
}
#content img.right {
	float:right;
	clear:none;
	margin: 0 0 15px 15px;	
}
#content a:hover img {
	border-width: 1px;
	border-style:solid;
	border-color:#FFEDD2 #FFB951 #FFB951 #FFEDD2;
}
.clear {
	clear:both;
}
h1 span,
hr,
big,
#logo em,
.navi,
#nav a span,
#nav span span,
#userbar h3 span,
#userbar dl span,
#g_valuation h3,
#g_valuation p span,
#player_menu span {
	display: none;
}
.submit:hover,
a#logo:hover,
#nav span:hover,
.gallery a:hover {
	background-position: left bottom !important;
}
#content p, 
#content ul,
#content ol {
	margin-bottom:15px;
}
	#content ul ul,
	#content ol ol {
		margin-bottom:0;
	}
#content ul,
#content ol {
	margin-left:15px;
}
#content p {
	text-align:justify;
}
#content p sup,
#content li sup {
	font-size: .8em;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
#content ul li {
	background: url('img/content_li1.png') left 0.65em no-repeat;
	padding-left: 10px;
}
#content ul li li {
	background-image: url('img/content_li2.png');
}
#content ul li li li{
	background-image: url('img/content_li3.png');
}
#content ol {
	padding-left: 20px;
}

#container {
	width: 100%;
	margin: 0 auto;
	background: url('img/container.png') left bottom repeat-x;
}
#content-container {
	overflow: hidden;
	position: relative;
	width: 955px;
	margin: 0 auto;
}
#header {
	overflow: hidden;
	height: 270px;
	background: url('img/header.jpg') no-repeat;
}
#flashHeader {
	margin-left:12px;
}
#content-wrapper {
	float: left;
	width: 706px;
	padding-left: 14px;
}
#content {
	float: right;
	width: 483px;
	margin-top: 40px;
}
#navibar {
	float: left;
	background: url('img/navibar.png') repeat-y;
}
#menu {
	width: 207px;
	background: url('img/navibar-top.png') no-repeat;
}
#userbar {
	float: right;
	width: 208px;
	background: url('img/gadgetbar.png') repeat-y;
	margin: 20px 11px 0 0;
}
#footer {
	clear: both;
	height: 46px;
	background: url('img/footer.png') no-repeat;
	padding-top: 50px;
	text-align: center;
	font: 0.85em tahoma;
	position: relative;
}
#footer * {
	color: #B05800;
}
#footer a:hover {
	text-decoration: none;
}

a#logo {
	display: block;
	width: 175px;
	height: 184px;
	background: url('img/logo.jpg') no-repeat;
	margin: 11px 0 0 21px;
}

h1#h_dachy-elewacje {
	width: 464px;
	height: 48px;
	background: url('img/home/dachy-elewacje.png') no-repeat;
}



#nav {
	background: url('img/navibar-bottom.png') left bottom no-repeat;
	padding: 14px;
}
#navibar div.bottom {
	height:25px;
	background: url('img/navibar-bottom.png') left bottom no-repeat;
}
#nav a {
	text-decoration: none;
	color: #52361B;
}
#m_strona-glowna,
#m_blacha-cynkowo-tytanowa,
#m_blacha-miedziana,
#m_pomoc-i-informacje-techniczne,
#m_galeria-realizacji,
#m_kontakt {
	display: block;
	height: 38px;
	background-repeat: no-repeat;
	cursor: pointer;
}
#m_strona-glowna:hover,
#m_blacha-cynkowo-tytanowa:hover,
#m_blacha-miedziana:hover,
#m_pomoc-i-informacje-techniczne:hover,
#m_galeria-realizacji:hover,
#m_kontakt:hover {
	background-position: 0 -38px;
}
#nav a:hover {
	text-decoration: underline;
}
/*
#nav a.current,
#nav li li a:hover {
	background: #FDC748;
	padding: 0 5px;
	color: #fff;
}
*/
#m_strona-glowna {
	background-image: url('img/menu/strona-glowna.png');
}
#m_blacha-cynkowo-tytanowa {
	background-image: url('img/menu/blacha-cynkowo-tytanowa.png');
}
#m_blacha-miedziana {
	background-image: url('img/menu/blacha-miedziana.png');
}
#m_pomoc-i-informacje-techniczne {
	background-image: url('img/menu/pomoc.png');
}
#m_galeria-realizacji {
	background-image: url('img/menu/galeria.png');
}
#m_kontakt {
	background-image: url('img/menu/kontakt.png');
}
#nav li {
	background: url('img/menu/ul.png') center bottom no-repeat;
}
#nav li li span {
	overflow: hidden;
	display: block;
	height: 20px;
	line-height: 20px;
	background: url('img/menu/li1.png');
	padding: 0 5px;
	font-size: 0.9em;
	font-weight: bold;
	color: #52361B;
}
#nav ul {
	background: url('img/menu/ul-top.png') no-repeat;
	padding: 5px;
}
#nav li li {
	background-image: none;
}
#nav li li {
	padding-bottom:0;
}
#nav ul ul {
	background: none;
	padding: 5px 7px 5px 5px;
}
#nav li li li  {
	padding-bottom:5px;
}
#nav li li li a {
	display:block;
	height: auto !important;
	line-height: 1.3em;
	font-size: 0.9em;
	padding:2px 4px 0 15px;
	background-image:url(img/navibar_li3.png);
	background-repeat:no-repeat;
	background-position:5px 8px;
}
#nav a.current {
	/*background-color:#FFB928;*/
	background-color:#FEE285;
	/*color:#fff;*/
	font-weight:bold;
	/*text-decoration:underline;*/
}
li.ico a {
	padding-left:28px !important;
	background-repeat:no-repeat !important;
}
li.natural a {
	background-image: url('img/menu/aspekty_natural.png') !important;
	background-position:2px 4px !important;
}
li.quartz a {
	background-image: url('img/menu/aspekty_quartz.png') !important;
	background-position:2px 4px !important;
}
li.anthra a {
	background-image: url('img/menu/aspekty_anthra.png') !important;
	background-position:2px 4px !important;
}
li.pigmento a {
	padding-left:32px !important;
	background-image: url('img/menu/aspekty_pigmento.png') !important;
	background-position:2px 1px !important;
}
li.strong {
	font-weight: bold;	
}
li.pdf a {
	background: url('img/icon/pdf.png') 0 2px no-repeat !important;
}

/*
* BUTTON "Poradniki" na navibarze
*/

#navibar div.button {
	background:none;
	border:none;
	margin:0 0 15px 15px;
}
#navibar div.button a {
	display:block;
}
#navibar div.button span {
	display:none;
}
#navibar div.poradniki {
	width:176px;
	height:237px;
	background:url(img/poradniki_button.jpg);
}
#navibar div.poradniki a.dla-architekta {
	height:78px;
}
#navibar div.poradniki a.rabek-stojacy {
	height:78px;
}
#navibar div.poradniki a.probki-blach {
	height:78px;
}

/*
		news
*/
#news li {
	position: relative;
	background: none;
	border-bottom: 1px solid #e4e0dd;
	background: none !important;
	margin-bottom: 15px;
	padding: 0 0 15px 65px !important;
	text-decoration: none !important;
	color: #333 !important;
}
#news h3 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 25px;
	border: 1px solid #F4E6DF;
	background: url('img/news_date.png') no-repeat;
	padding-top: 22px;
	text-align: center;
	font: bold 1.4em tahoma;
	color:#333;
}
#news span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	line-height: 19px;
	background: url('img/news_date_month-and-year.png') repeat-x;
	font-size: 0.5em;
	font-weight: normal;
	color: #fff;
}
#news span span {
	display: none;
}
#news dt {
	background: #FAF7EB;
	margin-bottom: 10px;
	padding: 3px 15px 6px 9px;
	font-size: 1.15em;
	font-weight: bold;
	color: #FF6F0C;
}
#news dd {
	padding: 0 10px;
}

/*player*/

#player {
	width: 483px;
	height:260px;
	overflow:hidden;
	background: url('img/home/player/player.png') left 30px no-repeat;
}
#player_content-wrapper {
	padding: 25px 10px 15px 5px;
}
#player_content {
	font: 0.85em tahoma;
	color: #fff;
	margin:0;
	height:200px;
	overflow:hidden;
}
#player-bottom {
	width: 483px;
	height:35px;
	background: url('img/home/player/player-bottom.png') no-repeat;	
}

#player_menu {
	overflow: hidden;
	height: 38px;
	margin-bottom: -8px !important;
}
#player_menu li {
	float: left;
	position: relative;
	height: 33px !important;
	background-position: left 2px !important;
	background-repeat: no-repeat;
	padding: 0 !important;
	z-index: 1;
	cursor:pointer;
}
#player_menu li:hover {
	background-position: left -31px !important;	
}
#player_menu li.active {
	left: -4px;
	background-position: left top !important;
	height: 38px !important;
	z-index: 2;
	cursor:default;
}
#player_menu li.active:hover {
	background-position: left top !important;	
}
#player_menu a {
	display:block;
	height:100%;
}
#tab_1 {
	width: 92px;
	background-image: url('img/home/player/tab_1-inactive.png') !important;
	margin-right: -3px;
}
#tab_2 {
	width: 154px;
	background-image: url('img/home/player/tab_2-inactive.png') !important;
	margin-right: -8px;
}
#tab_3 {
	width: 124px;
	background-image: url('img/home/player/tab_3-inactive.png') !important;
	margin-right: -8px;
}
#tab_4 {
	width: 104px;
	background-image: url('img/home/player/tab_4-inactive.png') !important;
}
#tab_1.active {
	left: 0 !important;
	background-image: url('img/home/player/tab_1-active.png') !important;
}
#tab_2.active {
	background-image: url('img/home/player/tab_2-active.png') !important;
}
#tab_3.active {
	background-image: url('img/home/player/tab_3-active.png') !important;
}
#tab_4.active {
	background-image: url('img/home/player/tab_4-active.png') !important;
}

/* nowy player */
#tab_1n {
	width: 91px;
	margin-right: -3px;
	background-image: url('img/home/player_new/tab_1-inactive.png') !important;
}
#tab_2n{
	width: 92px;
	background-image: url('img/home/player_new/tab_2-inactive.png') !important;
	margin-right: -8px;
}
#tab_3n {
	width: 154px;
	background-image: url('img/home/player_new/tab_3-inactive.png') !important;
	margin-right: -8px;
}
#tab_4n {
	width: 119px;
	background-image: url('img/home/player_new/tab_4-inactive.png') !important;
}
#tab_1n.active {
	left: 0 !important;
	background-image: url('img/home/player_new/tab_1-active.png') !important;
}
#tab_2n.active {
	background-image: url('img/home/player_new/tab_2-active.png') !important;
}
#tab_3n.active {
	background-image: url('img/home/player_new/tab_3-active.png') !important;
}
#tab_4n.active {
	background-image: url('img/home/player_new/tab_4-active.png') !important;
}
/*koniec nowego playera*/

#play1,
#play2,
#play3,
#play4 {
	height:220px;
	overflow:hidden;
	padding:0;
	background-image:none !important;
}
#player .player_image {
	float: left !important;
	border: 1px solid;
	border-color: #161616 #939893 #939893 #161616 !important;
	margin: 0 15px 150px 0 !important;
	padding:0;
}
#player_content div {
	width:200px;
	float:left;
}
#player_content p {
	text-align:left;
}
#player_content a {
	text-decoration: none;
	color: #FF6F0C;	
}
	#player_content a.more {
		font-weight:bold;
	}
#player_content a:hover {
	text-decoration: underline;
}
#player h2 {
	background: none;
	padding: 0;
	font-size: 1.5em;
	color: #FF6F0C;
	font-weight:normal;
	clear:none;
	margin:0 0 10px 0;
}
#player h2 a {
	font-weight:normal;
}
#player h3 {
	color: #D8D8D8;
	clear:none;
	margin:0 0 10px 0;
}
#player_content,
#player_content ul {
	margin-left:0 !important;
}
#player_content li ul {
	margin-bottom:7px;
} 
#player_content li li {
	padding:0 0 3px 13px !important;
	background:url(img/home/player/player_li.png) 0 5px no-repeat !important;
}
	#player_content li li a {
		font-weight:normal;
	}
#player_content ul.miniatures li {
	float: left;
	background: none !important;
	margin-right: 5px;
	padding: 0 !important;
}
#player_content ul.miniatures img {
	overflow: hidden;
	display: block;
	width: 20px;
	height: 20px;
	margin: 2px;
	padding: 1px 0 0 1px;
	border:none !important;
}
#player_content ul.minigaleria {
	height:90px;
}
#player_content ul.minigaleria img {
	width: 40px;
	height: 40px;
	border:none !important;
}
#player_content ul.miniatures a.current img,
#player_content ul.miniatures a.current:hover img {
	border: 2px solid #FF6F0C !important;
	margin: 0 !important;
}
	#player_content ul.miniatures a:hover img {
		border:none;
	}


/*galeria*/

/*.gallery {
	overflow: hidden;
}
.gallery li {
	float: left;
	background: none !important;
	margin-right: 10px;
	padding: 0 !important;
}
.gallery a {
	display: block;
	width: 62px;
	height: 42px;
	background: url('img/galeria_img.png') no-repeat;
	margin-bottom: 4px;
	padding: 9px 14px 38px 12px;
}
.gallery a:hover {
	height: 46px;
	margin-bottom: 0;
}
.gallery img {
	width: 62px;
	height: 44px;
}*/

#userbar div {
	overflow: hidden;
}
#userbar div.top {
	background: url('img/gadgetbar-top.png') left top no-repeat;
	padding-top: 7px;
}
#userbar div.bottom {
	background: url('img/gadgetbar-bottom.png') left bottom no-repeat;
	padding: 0 5px 7px;
}
#userbar hr {
	clear: both;
	display: block;
	height: 2px;
	background: url('img/gadgetbar_separator.png') center top no-repeat;
	margin: 15px 0;
}

#g_contact {
	width: 198px;
	height: 68px;
	background: url('img/gadzety/kontakt/kontakt-box.png') no-repeat;
}
#g_contact a {
	display:block;
	height: 68px;
}
#g_contact a * {
	display:none;
}
#g_weather {
	position: relative;
	left: -1px;
	width: 200px;
	height: 150px;
	background: url('img/gadzety/pogoda/pogoda.png') no-repeat;
	padding: 75px 0 10px;
}
#g_weather h3 {
	position: absolute;
	top: 0;
	left: 5px;
	width: 154px;
	height: 24px;
	background: url('img/gadzety/pogoda/pogoda_title.png') no-repeat;
}
#g_weather select {
	position: absolute;
	top: 30px;
	left: 75px;
	width: 120px;
	/*border: 2px solid #fff;*/
	font: 0.9em tahoma;
	color: #333;
	padding:1px;
}
#g_weather li {
	float: left;
	width: 65px;
	height: auto;
	background: none !important;
	margin: 0 5px 5px 20px !important;
	padding: 0 !important;
}
#g_weather img {
	float: left;
}
#g_weather dl {
	float: right;
	font: 0.9em tahoma;
	color: #fff;
}
#g_weather li.first-child {
	clear: both;
	width: 185px;
	margin: 0 0 30px 0 !important;
}
#g_weather li.first-child img {
	position: relative;
	top: -45px;
	margin-bottom: -45px;
}
#g_weather li.first-child dl {
	color: #212923;
}
#g_weather li.first-child dt,
#g_weather li.first-child dd {
	display: inline;
}
#g_weather li.first-child dd {
	font-size: 1.5em;
}

#g_exchange {
	width: 188px;
	height: 228px;
	background: url('img/gadzety/cena-cynku/cena-cynku.png') no-repeat;
	padding: 15px 5px 5px;
}
#g_exchange h3 {
	width: 183px;
	height: 34px;
	background: url('img/gadzety/cena-cynku/cena-cynku_title.png') no-repeat;
	margin-bottom: 10px;
}
#g_exchange img {
	display:block;
	margin:0 auto;
}

#g_valuation {
	width: 199px;
	height: 98px;
	background: url('img/gadzety/sprawdz-koszt-swojego-dachu.png') no-repeat;
}
	#g_valuation a {
		display:block;
		width: 199px;
		height: 204px;
		/*border:1px solid red;*/
	}
	
	

#searchbox {
	position: absolute;
	top: 228px;
	right: 24px;
	width: 309px;
	height: 40px;
	background: url('img/search.jpg') no-repeat;
}
#searchbox .text {
	position: absolute;
	top: 6px;
	left: 16px;
	width: 195px;
	height: 17px;
	border: none;
	background: transparent;
	padding: 2px;
}
#searchbox .submit {
	position: absolute;
	left: 227px;
	top: 6px;
	background-image: url('img/button-szukaj.png');
	font-size: 0;
}
/*FORMULARZE*/
#content fieldset li {
	background: none;
	clear:both;
	padding:10px 15px 10px 15px;
}
#content form {
	margin:15px 0 15px 0;
	background:url(img/form.png) repeat-y;
}
	#content form .top {
		height:22px;
		background:url(img/form-top.png) repeat-y;
	}
	#content form .bottom {
		height:22px;
		background:url(img/form-bottom.png) repeat-y;
	}
#content input, 
#content textarea {
	width:185px;
	display:block;
	float:left;
}
#content input.radio {
	display:inline;
	width: auto;
	float: none;
	border: none;
	background: none;
}
#content select {
	width:190px;
	background:#F8F8F8 !important;
}
	#content form li.checkbox {
		padding-left:20px;
	}
	#content form li.checkbox input {
		display:block;
		float:left;
		width:auto;
		border-width:0;
	}
#content label {
	display:block;
	width:150px;
	text-align:right;
	float:left;
	padding:0 15px 0;
	font-style:italic;
}
	#content form li.required label {
		font-style:normal;
		font-weight:bold;
	}

	#content form li.file {
		padding-left:0;
	}
	#content form li.file label {
		width:165px;
		font-size:0.88em;
		font-weight:bold;
	}
	#content form li.checkbox label {
		width:90%;
		text-align:left;
		font-size:0.8em;
	}
#content form li sup {
	color:red;
	font-size:.7em;
	font-weight:bold;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
#content input, 
#content select, 
#content textarea {
	border-width: 1px;
	border-style:solid;
	/*border-color:#B3CED9 #CFDFE7 #CFDFE7 #B3CED9;*/ /*niebieskie*/
	border-color:#E4C49E #F0DFCA #F0DFCA #E4C49E; /*brazowe*/
	background: #fff url('img/input.png') no-repeat;
	padding: 4px 2px 4px 2px;
	font: 0.9em tahoma;
}
.submit, 
input.button, 
button {
	cursor: pointer;
	display: block;
	width: 65px !important;
	height: 20px;
	background: url('img/button.png') no-repeat !important;
	margin-bottom: 20px;
	text-align: center;
	font: 0.9em "trebuchet ms" !important;
	color: #fff !important;
	text-decoration:none;
	border-width:0 !important;
	padding:0 !important;
}
#content input.submit {
	float:none;
	margin: 10px auto;
}
form li.file span.errorMessage{
	width:140px;
	margin-top:5px;
	padding-left: 0;
}
.none {
	display:none !important;
}

/* bledy walidacji formularza */
form span.error {
	color:red;
}
form input.error,
form textarea.error {
	border: 1px solid red !important;
}
form span.errorMessage {
	display:block;
	float:left;
	width:55px;
	margin-top:-5px;
	padding-left: 10px;
	color: red;	
	font-size: 0.8em;	
}

/*falszywy file input - do js'a*/
/*form div.input_file {
	position:relative;
}
form div.input_file input.file {
	position: relative;
	-moz-opacity: 0.2 ;
	filter:alpha(opacity: 20);
	opacity: 0.2;
	z-index: 2;
	width:10px;
}
form div.fake_input {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}*/
#Gmap {
	border: 1px solid black;
	width: 450px;
	height: 400px;
	overflow:hidden;
}
div.minigaleria {
	width: 350px;
	margin:0 auto 15px auto;
}
div.minigaleria img {
	float:left;
}
div.minigaleria a {
	display: block;
	float:left;
	margin-right:10px;
}
p.podpis,
ol.podpis {
	font-size:.8em;
	clear: both;
	font-style: italic;
}
p.podpis {
	width:300px;
	margin: 0 auto 10px auto !important;
	text-align: center !important;
}
.podpis sup {
	font-size: .7em;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
#content dl {
	margin-bottom:15px;
}
p.detale {
	font-style: italic;
}
#content form.simple {
	background: none !important;
	margin-bottom:15px;
}
#content form.simple li {
	/*line-height:16px;*/
	padding:10px 15px 0;
}
#content form.simple label {
	width:140px;
}
#seo4 {
	position: absolute;
	top: 46px;
	right: 20px;
}	
#boze_narodzenie_flash {
	width:370px !important;
	height:210px !important;
	margin:0 auto 25px auto !important;
	float: none !important;
	border: 1px solid;
	border-color: #939893 #161616 #161616 #939893;
}
div.warning {
	border: 1px solid #FF6F0C;
	padding:15px;
	margin-top:20px;
	color:#FF6F0C;
}
ul.imglist {
	clear: both !important;	
	margin-left: 0 !important;
}
ul.imglist li {
	background: none !important;
	clear: both !important;	
	padding:20px 0 0 0 !important;
	margin-left: 0 !important;
}
ul.imglist img {
	float: left;
	margin: -20px 20px 10px 0 !important;
}
ul.imglist a {

}
.button-poradnik {
	display: block;
	clear:both;
	width:327px;
	height:72px;
	margin:15px auto 20px auto;	
}
	.button-poradnik:hover {
		background-position:0 -100% !important;
	}
	.button-poradnik span {
		display: none;
	}
.button-poradnik.dla-architekta {
	background:url(img/button-poradnik.jpg) 0 0;
}
.button-poradnik.rabek {
	background:url(img/button-poradnik-rabek.jpg) 0 0;
}

/*
* TABELE z rynnami
*/
td.natural, 
td.quartz,
td.anthra {
	padding-left:30px;
	background-position:4px 50%;
	background-repeat:no-repeat;
}
td.natural {
	background-image: url('img/menu/aspekty_natural.png');
}
td.quartz {
	background-image: url('img/menu/aspekty_quartz.png');
}
td.anthra {
	background-image: url('img/menu/aspekty_anthra.png');
}
th,
td {
	font-size:.9em;
}


#realizacje {
	float:left;
	display: block;
	width: 483px;
	background: url('img/realizacje_top.jpg') no-repeat 0 0;
}

#content h2 {
	font: 15px "trebuchet ms";
}

#content #realizacje h2 {
	color:#FF6E0C;
	float:left;
	font:18px/20px "trebuchet ms";
	height:25px;
	margin:0;
	padding:6px 6px 0;
	background:none repeat scroll 0 0 transparent;
}

#content #realizacje img {
	clear: none;
	display:block;
	margin: 6px 0 0;
	padding: 0;
}
#realizacje  h4 {
	padding:10px 0;
	font: bold 13px "trebuchet ms";
	color: #FF6F0C;
}

#realizacje div {
	padding: 1px 9px 0;
	border-right: 1px solid #EBE6DC;
}

#realizacje .photo {
	background: #FAF7EB;
	height: 110px;
}

#content #realizacje .photo img {
	border:1px solid #F2F2EA;
	clear:both;
	display:block;
	margin:5px auto;
	padding:2px;
	width:133px;
}
	
#realizacje .description {
	font: 10px tahoma;
	color: #3C3422;
	height: 165px;
	border-top: 1px solid #EBE6DC;
}

#realizacje .more
#content ul.galeria .more {
	height: 22px;
	margin-top: 6px;
}

#realizacje .more a,
#content ul.galeria .more a {
	display: block;
	width: 48px;
	height: 18px;
}

#realizacje a.more,
#content ul.galeria a.more {
	float: left;
	border: none;
	padding: 1px;
	text-decoration: none;
	font: 9px/14px "Trebuchet MS";
	color: #fff;
	text-align: center;
	width: 48px;
	background: url('img/more.png') no-repeat 0 0; 
}

#realizacje ul a.more,
#content ul.galeria a.more {
	margin-top: 0;
}

#realizacje a.more:hover,
#content ul.galeria a.more:hover{
	text-decoration: underline;
}
/*masti*/
#realizacje a {
	text-decoration: none;
}
#realizacje .more {
	margin-bottom:2px;
}
#content ul.galeria .more {
	height: 28px;
}
#realizacje .h2 {
	margin:9px 0 5px 6px;
	height: 19px;
}
/*end of masti*/
#content h1.gallery {
	font: 22px "trebuchet ms";
	color: #FC7210;
	border-bottom: 1px solid #EEDFD1;
	background: none;
}

#content h1.filters {
	margin-bottom: 13px;
}

#content #realizacje ul {
	float: left;
	margin: -2px 0 0;
	clear: both;
	border: none;
	background: url('img/realizacje_bottom.jpg') no-repeat 0 bottom;
}

#content #realizacje ul li {
	background: none;
	padding: 0;
	width: 159px;
	float: left
}

#realizacje ul li:first-child {
	border-left: 1px solid #EBE6DC;
}

a.back {
	font: 12px/14px "Trebuchet MS"; 
	color: #FC7210;
	text-decoration: none;
}