html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0 0; padding: 0 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
:focus { outline: 0; }

body {
	background: url('../images/bg.png') repeat-x #D7D7DA;
	color: #0ca1d0;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

body#verona {
	background: url('../images/bg_verona.png') repeat-x #c5d1da;
	color: #114574;
}

a {
	text-decoration: none;
	color: #279;
}

a:hover {
	text-decoration: underline;
}

h1, h1.verona {
	color: #369B8C;
	font-size: 11pt;
	margin: 10px 0;
}

h2, h2.verona {
	font-size: 12px;
	margin: 8px 0;
	color: #369B8C;
	text-transform: uppercase;
}

h1.verona {
	color: #114574;
}

h2.verona {
	color: #114574;
}

hr {
	border:0;
	background: #55c5e9;
	color: #55c5e9;
	height: 1px;
	width: 95%;
}

ul {
	margin: 8px 0;
}

ul li {
	margin-left: 36px;
	list-style: square;
}

textarea {
	overflow: auto;
}

#layout {
	margin: 0 auto;
	width: 900px;
	padding-top: 45px;
}
#logo {
	float: left;
}
#sideMenu, #sideMenuverona {
	position: absolute;
	left: 0;
	top: 159px;
	border-collapse: collapse;
	/*
border: 1px solid #acc8dc;
*/
	border: 1px solid #88d8d8;
}
#sideMenuverona {
	border: 1px solid #acc8dc;
}
#menuImage {
	width: 200px;
	border-bottom: #d9d9da 1px solid;
	vertical-align: bottom;
	background-color: #e5e5e6;
}

#menuImageThumbs, #menuImageThumbsverona {
	width: 200px;
	border-bottom: #d9d9da 1px solid;
	vertical-align: top;
	padding: 6px 0;
}

#menuImageThumbsverona {
	padding-top: 14px;
}

#productsMenu, #productsMenuverona {
	background: #227799;
	border-bottom: #d9d9da 1px solid;
	vertical-align: top;
	padding: 7px 0;
}
#productsMenuverona {
	background: #114574;
}
#productsMenu img, #productsMenuverona img {
	margin: 6px 0;
}
#productsMenuverona img.secondLevel {
	margin: 0 0 6px 0;
}
#topMenu, #footer {
	border: 1px solid #55c5e9;
	padding: 5px 10px;
}

#topMenu {
	position: absolute;
	right: 0px;
	width: 368px;
}

#topMenu a {
	float: left;
	background: url('../images/arr.gif') no-repeat;
	padding-left: 26px;
	margin: 0 15px;
}

#container {
	min-height: 562px;
	height: auto !important;
	height: 562px;
}

#footer {
	font-size: 10px;
	width: 880px;;
	height: 14px;
}
#footer a {
	color: #0ca1d0;
}

#flash {
	position: relative;
	left: 302px;
	top: -4px;
}

#content {
	margin-left: 310px;
	padding-top: 33px !important;
	padding-top: 50px;
	width: 580px;
}

.absol {
	position: absolute;
	width: inherit;
}

.clear {
	clear: both;
}

.centr {
	text-align: center;
}

.toRight {
	float: right;
}
.toLeft {
	float: left;
}

.tabela {
	border-collapse: collapse;
	border: 1px solid #55c5e9;
	width: 90%;
	margin: 5px auto;
}

.tabela th, .tabela td {
	text-align: center;
	border: 1px solid #55c5e9;
	padding: 3px 2px;
	font-size: 11px;
	vertical-align: middle;
}
.tabela th {
	background: #BBB;
}
#zamowienie input, #zamowienie textarea {
	color: #0ca1d0;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	background: #d9d9da;
	border: 1px solid #55c5e9;
	width: 200px;
}

#zamowienie input:focus, #zamowienie textarea:focus {
	background: #e8e8ea;
}

table.formularz {
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px 8px;
	margin: 0;
	font-size: 11px;
}

table.formularz td {
	text-align: right;
	vertical-align: middle;
}

table.formularz th {
	padding: 5px;
	text-align: left;
}

/* KOLORY TKANIN */
.kolor {
	width: 100px;
	height: 50px;
	margin: 5px 21px;
	border: 1px solid #000;
}

.bialy {
	background: #fff;
}

.jasnoniebieski {
	background: #9CC5E4;
}

.jasnozielony {
	background: #9ED9D0;
}

.morelowy {
	background: #FCDBD5;
}

.popielaty {
	background: #DAE2E7;
}

.bezowy {
	background: #F4F2E5;
}

.ciemnoniebieski {
	background: #006C9F;
}

.granatowy {
	background: #000E49;
}

.ciemnozielony {
	background: #00B185;
}

.amarant {
	background: #ce3b6d;
	/*
background: #E61C66;
*/
}

.braz {
	background: #85222f;
}

.kiwi {
	background: #b2d345;
}

/* PODSTRONY PRODUKTOWE */

.produkt {
	float: left;
}

#content .produkt {
	width: 21%;
	padding-left: 20px;
	margin: 10px 0 20px 0;
}

#sideMenu .produkt {
	padding-left: 6px;
	padding-top: 8px;
}

#sideMenuverona .produkt {
	padding-left: 7px;
	padding-right: 6px;
	padding-top: 8px;
	
}

.miniaturka:hover, .miniaturka1:hover, .miniaturka2:hover, .miniaturka3:hover, a.powiekszenie:hover {
	background: #87a6b3;
}

.miniaturka, .miniaturka1, .miniaturka2, .powiekszenie, .miniaturka3 {
	display: block;
	background: #98b7c4;
	
}

#content.miniaturka, .powiekszenie {
	margin-bottom: 7px;
}
#content .miniaturka {
	width: 100px;
}

#sideMenu .miniaturka {
	width: 60px;
	height: 90px;
	margin-bottom: 3px;
}

#sideMenu .miniaturka1 {
	width: 92px;
	height: 56px;
	margin-bottom: 3px;
}

#sideMenu .miniaturka2 {
	width: 92px;
	height: 120px;
	margin-bottom: 3px;
}

.miniaturka3 {
	width: 87px;
	height: 130px;
	margin-bottom: 3px;
}

.miniaturka img, .powiekszenie img, .miniaturka1 img, .miniaturka2 img, .miniaturka3 img {
	border: 1px solid #fff;
	position: relative;
}

#content .miniaturka img, .powiekszenie img {
	left: -5px;
	top: -5px;
}

#sideMenu .miniaturka img, #sideMenu .miniaturka1 img, #sideMenu .miniaturka2 img, .miniaturka3 img {
	left: -3px;
	top: -3px;
}
.naglowek, .naglowekverona {
	width: 140px;
	height: 30px;
	text-align: center;
	background: #227799;
	line-height: 21px;
	font-size: 23px;
	margin: 16px;
}

.naglowekverona {
	background: #114574;
}

.nazwa { font-size: 14px; }

.naglowek img {
	vertical-align: middle;
}

.strzalka, .strzalkaB {
	background: url('../images/arr_small.gif') no-repeat left center;
	color: #227799;
	padding-left: 14px;
	font-size: 10px;
	font-weight: bold;
}
a.strzalka:hover, a.strzalkaB:hover {
	text-decoration: none;
}

.strzalkaB {
	background: url('../images/arr_small.gif') no-repeat left 2px;
	display: block;
}

.zdjecieKol {
	float: left;
	width: 310px;
	padding: 10px 0 10px 20px;
}

.modele, .modeleverona {
	background: #227799;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 7px;
	margin-left: 15px;
}
.modeleverona {
	background: #114574;
}

.opis, .opisverona {
	color: #227799;
	font-size: 11px;
	font-weight: bold;
	padding: 7px;
	margin-left: 15px;
}

.opisverona {
	color: #114574;
}



.grupHeader {
	color: #227799;
	font-size: 11px;
	font-weight: bold;
	padding: 7px;
	margin: 0 0 10px 10px;
}

.infoKol {
	float: left;
	width: 250px;
}

.norm { font-weight: normal; margin-bottom: 3px; }

.algMid { vertical-align: middle; }

h3 {
	font-size: 10px;
	text-decoration: none;
	margin: 0px;
	font-weight: normal;
}

.collections { position: absolute; left: 0; margin: 21px 0 0 0; padding: 0; width: 302px; }
.collections p, .collections p.verona { font-weight: bold; font-size: 13px; margin-bottom: 3px; color: #02937d; }
.collections p.verona { color: #284275; margin-left: 151px; }
.tytulKol { float: right; width: 250px; }
.tytul { text-transform: uppercase; font-size: 12px; font-weight: bold; padding: 0 7px; margin: 0 0 -10px 15px; position: relative; top: -20px; }
table.kolory { border-collapse: collapse; margin: 15px 0 0 25px; }
table.kolory td { border: 0; padding: 0 25px 15px 0; text-align: left; }
sup { font-size: 75%; position: relative; top: -5px; }
