@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Condensed&display=swap');
body {
  font: 12px 'Ubuntu Condensed', sans-serif;
  background:#FFF url(http://www.drewmax.com/uploads/gfx/home-body-bg.png) repeat-x 0 100px;
}

h1 { 
	margin-bottom:10px;
	font-size:32px; text-transform:uppercase; 
}

strong { font-weight:bold; }
a { text-decoration:none; color:#E5322C; }


/* MAIN CONTAINER */
#main-container { width:960px; margin:30px auto; }


/* HEADER */
#header { position:relative; height:100px; }


/* MAIN MENU */
#main-menu { position:absolute; top:30px; right:0; }
#main-menu ul li { float:left;margin:0 15px 0 0;}
#main-menu ul li a { color:#111; }
#main-menu ul li span:hover, #main-menu ul li a:hover { color:#DD211C; }
#main-menu ul li span { 
	display:block;  padding:5px 13px 5px 0;
	font-size:20px; text-transform:uppercase;
	cursor:pointer;
}
#main-menu ul li.sectionheader,
#main-menu ul li.menuparent, #main-menu ul li.parent{ background:url(http://www.drewmax.com/uploads/gfx/main-menu-item.png) no-repeat right 12px; }
#main-menu ul li ul { border:1px solid #E6E6E6; background:#FFF; width:150px; }
#main-menu ul li ul li { margin:0; padding:5px 10px; border-top:1px solid #E6E6E6; float:none; }
#main-menu ul li ul li:first-child { border-top:0 none; }
#main-menu ul li ul li a { color:#333; text-decoration:none; }
#main-menu ul li ul li span { font-size:16px;  }
#main-menu ul li ul .parent { background: url(https://drewmax.graffiti.nq.pl/uploads/gfx/main-menu-item.png) no-repeat 185px center; }
#main-menu ul li ul li ul .sectionheader { background: url(https://drewmax.graffiti.nq.pl/uploads/gfx/main-menu-item.png) no-repeat 185px center;
 }



/* BANNER */
#banner { 
  position:relative; height: 270px; 
  background: url(http://www.drewmax.com/uploads/gfx/banner1.jpg) 0 0 no-repeat;
}
body#o-firmie #banner {
  background: url(http://www.drewmax.com/uploads/gfx/firma.jpg) 0 0 no-repeat;
}
body#fronty-meblowe #banner {
  background: url(http://www.drewmax.com/uploads/gfx/fronty-banner.jpg) 0 0 no-repeat;
}
body#uslugi #banner, body#ciecie #banner, body#oklejanie #banner, body#inne #banner {
  background: url(http://www.drewmax.com/uploads/gfx/uslugi-bg.jpg) 0 0 no-repeat; }

body#plyty-meblowe #banner {
  background: url(http://www.drewmax.com/uploads/gfx/plyty-meblowe-banner.jpg) 0 0 no-repeat; height:365px;
}


#claim { position:absolute; bottom:10px; right:10px; }
#claim a { 
  display:block; max-width:340px; padding:10px 10px 10px 80px;
  color:#FFF; 
  background:#111 url(http://www.drewmax.com/uploads/gfx/claim-bg.png) no-repeat left center;
}

/* OFERTA - element występuje tylko na stronie głównej*/
#oferta { padding:25px 0; overflow:hidden; }
#oferta ul li {
	position:relative;
	float:left; width:218px; height:148px; margin:0 10px;
	border:1px solid #DDD;
}
#oferta ul li a {
	position:absolute; bottom:40px; left:-10px;
	display:block; width:90px; padding:5px;
	background:#DD211C;
	color:#FFF; font-size: 20px; text-transform:uppercase;
}
#oferta ul li a:hover { background:#111; }
#oferta ul li#fronty-meblowe {
	background:url(http://www.drewmax.com/uploads/gfx/fronty-meblowe.jpg) no-repeat 1px 1px;
}
#oferta ul li#blaty-meblowe {
	background:url(http://www.drewmax.com/uploads/gfx/blaty-meblowe.jpg) no-repeat 1px 1px;
}
#oferta ul li#plyty-meblowe {
	background:url(http://www.drewmax.com/uploads/gfx/plyty-meblowe.jpg) no-repeat 1px 1px;
}
#oferta ul li#uslugi-stolarskie {
	background:url(http://www.drewmax.com/uploads/gfx/uslugi-stolarskie2.jpg) no-repeat 1px 1px;
}


/* CONTENT */
#content { overflow:hidden; padding:50px; }
#content #left { width: 200px; float:left; padding-top:10px; }
#content #right { width: 550px; float:right; text-align:justify; font-size: 16px; }
#content #right p { margin-bottom:1em; }

#content #right ul { margin-bottom:1em; }
#content #right ul li { margin-left:20px; list-style-type:disc;}
#content #right ul li ul { margin: 2px 0; }
#content #right ul li ul li { margin-left:20px; list-style-type:circle;}

/* SUBMENU */
#submenu { background:#DD211C; margin-left:-45px; margin-top:-10px; }
#submenu ul li { 
	display:block; padding:12px 25px;
	font-size:18px; color:#F6C7C6; text-transform:uppercase; 
	border-top:1px solid #E44D49;
}
#submenu ul li a { display:block; color:#F6C7C6; }
#submenu ul li:first-child { border-top:0 none; }
#submenu ul li:hover { color:#FFF; background:#333; }
#submenu ul li:hover a { color:#FFF; }

#submenu ul .sectionheader {
  background:#DD211C;
  padding: 10px 10px 10px 10px;
  color: #FFF;
  border-top: none;
  font-size: 18px;
}

#submenu ul .sectionheader:hover { background:#DD211C; }

#submenu ul .sectionheader ul {
  background: #DD211C;
  margin-top: 5px;
}
.accordeon { cursor: pointer; }



/* FORMULARZ KONTAKTOWY */

#formularz-kontaktowy {
  background: #E5322C;
  padding: 20px 20px 1px 20px;
  color: #F6C7C6;
  text-transform: uppercase;
  font-weight: bold;
}
#formularz-kontaktowy fieldset { margin: 0 0 10px 0; }
#formularz-kontaktowy label {  }
#formularz-kontaktowy p { padding-bottom: 10px; color: #FFF; }
#formularz-kontaktowy p.error { font-size: 11px; margin-top: 5px;}
#formularz-kontaktowy input { width: 205px; border: none;}
#formularz-kontaktowy textarea { width: 205px; height: 150px; font: 12px Arial, sans-serif; border: none; margin-top: 5px; padding: 0px;}
#formularz-kontaktowy #submit {
  background: #E5322C;
  width: 150px;
  border: none;
  color: white;
  font-weight: bold;
  height: 30px;
  margin-left: 50px;
  cursor: pointer;
  border: 1px solid #F6C7C6;
}
#formularz-kontaktowy #submit:hover { color: #000; border: 1px solid #F6C7C6; }



/* NEWS */
.NewsSummary { margin-bottom:20px; border-bottom:1px solid #EEE; padding-bottom:20px }
.NewsSummary .NewsSummaryPostdate { font-weight: bold; color: red; margin-bottom: 5px; }




/* LOGOTYPY */
.logotypy{ position:relative;  padding:25px 0 0 0; }
.logotypy #fade-in-1 { 
	z-index:999;
	position:absolute; top:20px; left:0;
	width:120px; height:60px;
	background:url(http://www.drewmax.com/uploads/gfx/fade-in-bg.png) no-repeat 0 0;
}
.logotypy #fade-in-2 { 
	z-index:998;
	position:absolute; top:20px; right:0;
	width:120px; height:60px;
	background:url(http://www.drewmax.com/uploads/gfx/fade-in-bg.png) no-repeat 0 -60px;
}


/* FOOTER */
#footer { margin:25px auto; padding:25px 0; color:#DDD;  border-top:1px solid #888; }
#stopka_ue {  text-align: center; padding-bottom: 10px; }

/* ADRESY */
#adres1, #adres2 { width:300px; text-align:center; }
#adres1 strong, #adres2 strong { display:block; }
#adres1 {float:left; }
#adres2 { float:right; }


.back { text-align:right; }
.back a { color:#999; }

/* TABLE */
table td { padding: 5px 5px 5px 0 }

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {	margin:0; padding:0; list-style:none; }
.sf-menu { line-height: 1.0; }
.sf-menu ul { position:absolute; top: -999em; width:8em; z-index:999;  }
/* .sf-menu ul li { width:100%; } */
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:2.5em; z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:10em; top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; top:0; }