
body {
background-color: #070707;
margin:0;
padding:0;
font-family: Tahoma, Verdana;
color: #BCBEC0;
}

#maincontainer {
width: 780px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border: 0px solid #FFF;
}

#contentwrapper{
float: left;
width: 100%;
margin-top: 10px;
}


#topsection{
background: #070707;
height: 120px; /*Height of top section*/
border: 0px solid #FFF;
}

#topsection h1{
margin: 0;
color: #F6952D;
font-size: 20px;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
border-right: 0px solid #F6952D;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -780px; /*Set left margin to -(MainContainerWidth)*/
background: #070707;
border-left: 2px solid #F6952D;
border-right: 2px solid #F6952D;
}

#footer{
clear: left;
width: 100%;
text-align: center;
padding: 4px 0;
border: 0px solid #FFF;
margin-top: 0;
}

#footer a{
color: #FFFF80;
}
.leftinnertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
min-height:350px;
margin-top: 25px;
vertical-align: middle;
border: 0px solid #FFF;
}
.menuinnertube{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
border: 0px solid #FFF;
}

.indentmenu{
font: bold 13px Tahoma;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0 0 0 20px;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #3F3F3F; /*dark purple border*/
border-width: 0px 0;
background: #070707 url(images/menu_bg_off.jpg) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #070707; /*text color*/
padding: 5px 15px;
text-decoration: none;
border-right: 2px double #3F3F3F; /*dark purple divider between menu items*/
border-left: 2px double #7F7F7F; /*dark purple divider between menu items*/
}
.indentmenu ul li.first a {
float: left;
color: #070707; /*text color*/
padding: 5px 15px;
text-decoration: none;
border-left: 2px double #7F7F7F; /*dark purple divider between menu items*/
border-right: 2px double #3F3F3F; /*dark purple divider between menu items*/
}
.indentmenu ul li.last a{
float: left;
color: #070707; /*text color*/
padding: 5px 15px;
text-decoration: none;
border-left: 2px double #7F7F7F; /*dark purple divider between menu items*/
border-right: 2px double #7F7F7F; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: #070707;
}

.indentmenu ul li a:hover, .indentmenu ul li a.current{
color: #D08432 !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: #070707 url(images/menu_bg_on.jpg) center center repeat-x;
border-right: 2px double #3F3F3F; /*dark purple divider between menu items*/
border-left: 2px double #5F5F5F; /*dark purple divider between menu items*/
}

.topinnertube{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
border-top: 2px solid #F6952D;
border-bottom: 2px solid #F6952D;
padding: 15px 20px 15px 20px;
}
.innertube{
/* min-height: 650px;*/
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 40px;
border: 0px solid #FFF;
}
.innertube p {
font-size: 12px; 
text-align: justify;
padding-right: 10px;
}
.innertube p .firstword {
font-size: 12px; 
font-weight: bold; 
text-align: justify;
color: #F6952D;
}
.innertube p.signature {
font-size: 14px; 
font-weight: bold;
text-align: right;
margin-top: 25px;
padding-right: 10px;
}
.footerinnertube {
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
border-top: 2px solid #F6952D;
}
.footerinnertube p {
color: #3F3F3F; 
font-size: 10px;
}
a:link.footerlink, a:visited.footerlink {
color: #3F3F3F; 
text-decoration: none;
font-size: 10px;
}
a:hover.footerlink {
color: #3F3F3F; 
text-decoration: underline;
font-size: 10px;
}
img.frontpage {
margin: 20px auto 10px auto;
width: 490 px;
height: 283 px;
}
img.frontpage2 {
margin: 20px auto 10px auto;
width: 490 px;
height: 340 px;
}
img.frontpage3 {
margin: 20px auto 10px auto;
width: 490 px;
height: 340 px;
}
.center {
text-align: center;}
.logo {
text-align: center;
margin-top: 20px; }
.mfr {
text-align: center;
margin-top: 40px; }
.mfr a, .mfr img {
border: none; text-decoration: none; }
ul.menuleft {
color: #F6952D;
font-size: 14px;
font-weight: bold;
list-style: none;
list-style-position: inside;
margin-top: 30px;
margin-left: 10px;
padding-left: 0px;
}
ul.menuleft li {
color: #BCBEC0;
font-size: 14px;
font-weight: bold;
}
ul.menuleft li.firstline {
color: #F6952D;
font-size: 14px;
font-weight: bold;
}
ul.menuleft li a:link, ul.menuleft li a:visited {
color: #BCBEC0;
font-size: 14px;
font-weight: bold;
margin-left: 5px;
text-decoration: none;
display: block;
}
ul.menuleft li a:hover {
color: #BCBEC0;
font-size: 14px;
font-weight: bold;
margin-left: 10px;
text-decoration: underline;
display: block;
}

.adres {
/* position:absolute;  */
bottom: 20px;
margin-top: 80%;
margin-bottom: 10px;
color: #F6952D;
text-align: left;
vertical-align: text-bottom;
font-size: 12px;
margin-left: 20px;
font-weight: bold;
}

ul.menuleft2 {
color: #F6952D;
font-size: 14px;
font-weight: bold;
list-style: none;
list-style-position: inside;
margin-top: 30px;
margin-left: 10px;
padding-left: 0px;
}
ul.menuleft2 li {
color: #F6952D;
font-size: 14px;
font-weight: bold;
}
ul.menuleft2 li a:link, ul.menuleft2 li a:visited {
color: #F6952D;
font-size: 14px;
font-weight: bold;
margin-left: 0px;
text-decoration: none;
display: block;
}
ul.menuleft2 li a:hover {
color: #F6952D;
font-size: 14px;
font-weight: bold;
margin-left: 5px;
text-decoration: underline;
display: block;
}
.salon_kontakt {
text-align: center;
} 
.salon_kontakt h1 {
margin: 0;
color: #F6952D;
font-size: 16px;
}
.salon_kontakt h2 {
margin: 0;
color: #BCBEC0;
font-size: 14px;
}

img.mapka {
margin: 20px auto 40px auto;
width: 470 px;
height: 392 px;
border: 3px double #BCBEC0;
}
.dzialhandlowy {
margin-top: 100px;
margin-bottom: 100%;
color: #BCBEC0;
text-align: left;
vertical-align: middle;
font-size: 12px;
margin-left: 20px;
font-weight: bold;
}
.dzialhandlowy h3 {
color: #F6952D;
font-size: 14px;
font-weight: bold;
}
.dzialhandlowy p.nazwisko {
color: #F6952D;
font-size: 12px;
font-weight: bold;
margin-top: 40px;
}
.dzialhandlowy p.telefon {
color: #BCBEC0;
font-size: 12px;
font-weight: bold;
margin: 0px;
}
.dzialhandlowy p.email {
color: #FFFFFF;
text-decoration: underline;
font-size: 12px;
font-weight: bold;
margin-bottom: 40px;
}
.dzialhandlowy p.email a:link, .dzialhandlowy p.email a:visited {
color: #FFFFFF;
text-decoration: underline;
font-size: 12px;
font-weight: bold;
margin-bottom: 40px;
}
.dzialhandlowy p.email a:hover {
color: #BCBEC0;
text-decoration: underline;
font-size: 12px;
font-weight: bold;
margin-bottom: 40px;
}
ul.referencje {
color: #F6952D;
font-size: 14px;
font-weight: bold;
list-style: none;
list-style-position: inside;
margin-top: 30px;
margin-left: 10px;
padding-left: 0px;
}
ul.referencje li.firstline {
color: #F6952D;
font-size: 14px;
font-weight: bold;
}
ul.referencje li {
color: #BCBEC0;
font-size: 14px;
font-weight: normal;
}
ul.referencje li a:link, ul.referencje li a:visited {
color: #BCBEC0;
font-size: 14px;
font-weight: normal;
margin-left: 0px;
text-decoration: none;
display: block;
}
ul.referencje li a:hover {
color: #BCBEC0;
font-size: 14px;
font-weight: normal;
margin-left: 10px;
text-decoration: underline;
display: block;
}
ul.realizacje {
color: #F6952D;
font-size: 14px;
font-weight: bold;
list-style: none;
list-style-position: outside;
margin-top: 10px;
margin-left: 10px;
padding-left: 0px;
}
ul.realizacje li {
color: #F6952D;
font-size: 8px;
font-weight: bold;
margin-left: 0px;
margin-bottom: 0px;
padding-left: 0px;
}
ul.realizacje li.firstline {
color: #F6952D;
font-size: 14px;
font-weight: bold;
margin-left: 0px;
margin-bottom: 0px;
padding-left: 0px;
}
ul.realizacje li.codruga {
color: #FFB000;
font-size: 8px;
font-weight: bold;
margin-left: 0px;
margin-bottom: 0px;
padding-left: 0px;
}
img.plyty {
width: 490px; height: 260px; margin: 20px auto 20px auto; border: 0px double #BCBEC0;
}
.oferta_front h2 {
color: #F6952D;
font-size: 14px;
font-weight: bold;
text-align: left;
margin: 5px auto 5px auto;
clear: both;
}
.oferta_front p {
color: #BCBEC0;
font-size: 12px;
font-weight: bold;
text-align: left;
margin: 5px auto 5px auto;
clear: both;
}
.oferta_frontleft {
width: 225px;
float: left;
text-align: left;
color: #BCBEC0;
border: 0px double #BCBEC0;
margin: 10px auto 10px auto;
}
.oferta_frontright {
width: 225px;
float: right;
text-align: left;
color: #BCBEC0;
border: 0px double #BCBEC0;
margin: 10px auto 10px auto;
}
.maximus_frontleft {
width: 245px;
height: 140px;
float: left;
border: 0px double #BCBEC0;
margin: 20px auto 20px 0px;
padding: 0px 5px 0px 5px;
}
.maximus_frontright {
width: 245px;
height: 140px;
float: right;
border: 0px double #BCBEC0;
margin: 20px 0px 20px auto;
padding: 0px 5px 0px 5px;
}
.maximus_frontright img, .maximus_frontleft img {
width: 102px;
height: 120px;
float: left;
border: 0px double #BCBEC0;
margin: 0px 10px 20px 0px;
}
.maximus_frontright p, .maximus_frontleft p {
text-align: left;
color: #BCBEC0;
font-size: 12px;
font-weight: bold;
}
.classic_frontleft {
width: 245px;
height: 130px;
float: left;
border: 0px double #BCBEC0;
margin: 10px auto 10px 0px;
padding: 0px 5px 0px 5px;
}
.classic_frontright {
width: 245px;
height: 130px;
float: right;
border: 0px double #BCBEC0;
margin: 10px 0px 10px auto;
padding: 0px 5px 0px 5px;
}
.classic_frontright img, .classic_frontleft img {
width: 120px;
height: 120px;
float: left;
border: 0px double #BCBEC0;
margin: 0px 10px 10px 0px;
}
.classic_frontright p, .classic_frontleft p {
text-align: left;
color: #BCBEC0;
font-size: 12px;
font-weight: bold;
}
.prymat_frontleft {
width: 245px;
height: 130px;
float: left;
border: 0px double #BCBEC0;
margin: 10px auto 10px 0px;
padding: 0px 5px 0px 5px;
}
.prymat_frontright {
width: 245px;
height: 130px;
float: right;
border: 0px double #BCBEC0;
margin: 10px 0px 10px auto;
padding: 0px 5px 0px 5px;
}
.prymat_frontright img, .prymat_frontleft img {
width: 120px;
height: 120px;
float: left;
border: 0px double #BCBEC0;
margin: 0px 10px 10px 0px;
}
.prymat_frontright p, .prymat_frontleft p {
text-align: left;
color: #BCBEC0;
font-size: 12px;
font-weight: bold;
}
.delta_frontleft {
width: 245px;
height: 130px;
float: left;
border: 0px double #BCBEC0;
margin: 10px auto 10px 0px;
padding: 0px 5px 0px 5px;
}
.delta_frontright {
width: 245px;
height: 130px;
float: right;
border: 0px double #BCBEC0;
margin: 10px 0px 10px auto;
padding: 0px 5px 0px 5px;
}
.delta_frontright img, .delta_frontleft img {
width: 95px;
height: 120px;
float: left;
border: 0px double #BCBEC0;
margin: 0px 10px 10px 0px;
}
.delta_frontright p, .delta_frontleft p {
text-align: left;
color: #BCBEC0;
font-size: 12px;
font-weight: bold;
}
.ergo_frontleft {
width: 245px;
height: 130px;
float: left;
border: 0px double #BCBEC0;
margin: 10px auto 10px 0px;
padding: 0px 5px 0px 5px;
}
.ergo_frontright {
width: 245px;
height: 130px;
float: right;
border: 0px double #BCBEC0;
margin: 10px 0px 10px auto;
padding: 0px 5px 0px 5px;
}
.ergo_frontright img, .ergo_frontleft img {
width: 95px;
height: 120px;
float: left;
border: 0px double #BCBEC0;
margin: 0px 10px 10px 0px;
}
.ergo_frontright p, .ergo_frontleft p {
text-align: left;
color: #BCBEC0;
font-size: 12px;
font-weight: bold;
}
.omega_frontleft {
width: 245px;
height: 130px;
float: left;
border: 0px double #BCBEC0;
margin: 10px auto 10px 0px;
padding: 0px 5px 0px 5px;
}
.omega_frontright {
width: 245px;
height: 130px;
float: right;
border: 0px double #BCBEC0;
margin: 10px 0px 10px auto;
padding: 0px 5px 0px 5px;
}
.omega_frontright img, .omega_frontleft img {
width: 102px;
height: 120px;
float: left;
border: 0px double #BCBEC0;
margin: 0px 10px 10px 0px;
}
.omega_frontright p, .omega_frontleft p {
text-align: left;
color: #BCBEC0;
font-size: 12px;
font-weight: bold;
}
div.middleimages {
width: 520px; 
border: 0px solid #FFFFFF;
margin: 0px auto 0px auto;
}
.stoly_frontleft {
width: 245px;
height: 130px;
float: left;
border: 0px double #BCBEC0;
margin: 20px auto 10px 0px;
padding: 0px 5px 0px 5px;
}
.stoly_frontright {
width: 245px;
height: 130px;
float: right;
border: 0px double #BCBEC0;
margin: 20px 0px 10px auto;
padding: 0px 5px 0px 5px;
}
.stoly_frontright img, .stoly_frontleft img {
width: 95px;
height: 120px;
float: left;
border: 0px double #BCBEC0;
margin: 0px 10px 10px 0px;
}
.stoly_frontright p, .stoly_frontleft p {
text-align: left;
color: #BCBEC0;
font-size: 12px;
font-weight: bold;
}
.lady_frontcenter {
width: 500px;
height: 120px;
border: 0px double #BCBEC0;
margin: 20px auto 20px auto;
padding: 0px 0px 0px 0px;
}
.lady_frontcenter p {
text-align: center;
color: #BCBEC0;
font-size: 12px;
font-weight: bold;
}
img.firmaprodukcja {
margin: 20px auto 10px auto;
width: 170 px;
height: 113 px;
}
h3.welcome {
font-size: 14px; 
font-weight: bold; 
text-align: center;
margin-top: 30px;
color: #F6952D;
}
