/*Autor: Grzegorz JaworekE-mail: grzegorz.jaworek@gmail.comwww: http://gjaworek.pl Tel.: +48 696 818 300
*/


/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0; font-family: Arial;}
img { border: 0; vertical-align: middle; }
a, button, object, input{ text-decoration: none; outline: none; }
button::-moz-focus-inner , input::-moz-focus-inner { border: 0; }
a {color: #fd494a;}
a:hover { text-decoration: none; color: #8a0b1a; }
ul { list-style: none; text-align: left; }
fieldset { border: 0; }
.submit:hover { cursor: pointer;}
input, textarea { font-size: 12px;}
  
/*Layout

------------------------------------------------------------------------- */
html { height: 100%; }
body { height: 100%; width: 100%; background: #fff; font: 12px Arial,Helvetica,sans-serif; color: #666;}

#head {width: 100%; margin: 0 auto; clear: both; background: #ff4b4b url(../images/bg-head.jpg) 0 100% repeat-x; border-top: 1px solid #ff8080; border-bottom: 10px solid #ff8080;}
#start #head {background-image: url(../images/bg-head-home.jpg); }
#top, #content, #footer, .inner { width: 980px; margin: 0 auto; clear: both;}
#page { width: 100%; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto -80px; clear: both;}

/* Top

------------------------------------------------------------------------- */
#logo { float: left; margin: 28px 0 0 -4px; display: inline;}
#alarm{ border: 2px solid #000; padding: auto; margin-top: 22px;font-size: 20px; color:rgb(60, 9, 241) ; width: 500px; float:left;}
#contact { float: right;}
#contact ul { margin: 22px 0 0;}
#contact li { margin: 4px 0 0; line-height: 30px; font-size: 20px; }
#contact img { margin: 0 5px;}

#menu_bg { background: url(../images/bg-menu.jpg) 0 0 repeat; width: 100%; overflow: hidden; float: left; clear: both; margin: 28px 0 0;}
#menu { float:right;position:relative;left:-50%;text-align:left; margin: 0; padding: 0; position: relative; clear: both; }
#menu ul { overflow: hidden; margin: 0; float: none; position:relative; left:50%;}
#menu li { float: left; font-size: 12px; color: #0feb51; text-transform: uppercase; font-weight: bold; padding: 0 0 0 1px; background: url(../images/bg-menu.jpg) 0 -120px no-repeat; position:relative; }
#menu li:first-child { padding: 0; background: none;}
#menu li a { float: left; height: 40px; line-height: 40px; color: #fff; padding: 0 18px; background: url(../images/bg-menu.jpg) 0 0 repeat-x;}
#menu li a:hover, #menu li a.current { text-decoration: none; color: #fff; background-position: 0 -80px;}

/* Content

------------------------------------------------------------------------- */
#content { overflow: hidden; padding: 0 0 60px; }
h2 { font-size: 18px; color: #fff; line-height: 18px; font-weight: normal; position: relative; z-index: 2;}
h2 a {color: #fff;}
h3 { font-size: 17px; color: #5e3618; line-height: 17px; font-weight: bold; overflow: hidden; position: relative; z-index: 2;}
h3 a {color: #5e3618;}
h4 { font-size: 11px; color: #993300; line-height: 15px; font-weight: bold; margin: 0 0 8px;}
h4 a {color: #993300;}
h5 { font-size: 11px; color: #988373; line-height: 15px; font-weight: normal; margin: 8px 0 0; text-indent: 2px; float: left; clear: both; width: 100%;}
h5 a {color: #988373;}
h1 a, h2 a, h3 a, h4 a, h5 a { display: block;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: none; }
p { line-height: 17px;}
.more { float: right; clear: both; color: #be0117;}
.more:hover { text-decoration: none; color: #8a0b1a; }
.button { width: 79px; height: 24px; border: 0; background: url(../images/btn.png) 0 0 no-repeat; font-size: 14px; line-height: 24px; color: #fff; font-weight: bold; text-align: center; cursor: pointer; float: right; margin: 10px 0 0;} 
.button:hover { text-decoration: none; background-position: 0 -100px; color: #fff;}
#featured .button { width: 144px; padding: 7px 10px 7px 0; background-image: url(../images/btn-large.png); font-size: 16px;}
#sidebr { border-top: 10px solid #ffea99; height: 0; width: 240px; position: absolute; z-index: 1; bottom: -10px; left: 0;}

.box { float: left; width: 734px; clear: both; margin: 0; padding: 0 8px; }

.content_wide { float: left; width: 100%;}
.content { float: right; width: 680px; margin: 0 30px 0 0; padding: 0 0 20px; color: #000; line-height: 18px; position: relative;}
.content h3 { margin: 30px 0; color: #000; font-size: 24px; line-height: 24px; padding: 0 0 8px; font-weight: normal;}
.content h3.pagetitle {border-bottom: 1px solid #acacac;}
.content h4 { margin: 20px 0; border-bottom: 1px solid #acacac; color: #000; font-size: 18px; line-height: 18px; padding: 0 0 8px; font-weight: normal;}
.content p { font-size: 13px; color: #000; margin: 0 0 20px; line-height: 18px;}
.content ul {}
.content ul li { list-style: none; padding-left: 10px; margin-left: 12px;}
.content .list { overflow: hidden; margin: 0;}
.content .list ul { overflow: hidden; margin: 0 0 0 -24px;}
.content .list ul li { float: left; width: 150px; margin: 10px 0 0 0; overflow: hidden; padding: 0 0 30px 26px; position: relative; z-index: 1;}
.content .list ul li a.border { width: 150px; height: 150px; background: url(../images/project-150.png) 0 0 no-repeat; display: block; }
.content .list ul li a.border img { width: 150px; height: 150px; position: relative; z-index: -1;}
.content .list ul li a.border:hover { background-position: 0 -150px;}
.content .list ul li h4 { font-size: 16px; line-height: 16px; margin: 10px 0; color: #bf0218;}
.content .list ul li h4 a { color: #bf0218;}
.content .list dt { float: left; margin-right: 4px; font-size: 11px; color: #9b5b00; font-weight: normal;}
.content .list dd { font-size: 11px; color: #9b5b00; font-weight: normal;}
.content .list dl strong { font-weight: bold; color: #777; }


.gallery ul { float: left; width: 680px; margin-bottom: 20px; list-style: none; }
.gallery ul li { float: left; width: 130px; height: 100px; margin-right: 15px; }
.gallery ul li a img { float: left; width: 130px; height: 100px; border: 3px solid #f0f0f0; }
.content a img {
	border: 1px solid #BBB;
	padding: 2px;
	margin: 10px 20px 10px 0;
	vertical-align: top;
  }
.column { float: left;}

.sidebar { float: left; width: 240px; margin: 0; padding: 0;}
.sidebar h3 { margin: 30px 0 0; color: #fff; font-size: 24px; line-height: 24px; padding: 0 0 7px; font-weight: bold;}

.sidemenu { float: left; width: 200px; clear: both; margin: 0; border-top: 1px solid #ffde5c; padding: 0 20px 40px; background: #ffc207 url(../images/bg-sidemenu.jpg) 0 0 repeat-x;}
.sidemenu ul { float: left; width: 100%; clear: both; margin: 0; padding: 10px 0 0;}
.sidemenu li { float: left; width: 100%; clear: both; margin: 20px 0 0; padding: 0; position: relative; line-height: 18px; overflow: hidden; }
.sidemenu li a { float: left; width: 90%; clear: both; margin: 0; position: relative; line-height: 18px; overflow: hidden; font-weight: bold; color: #fff; padding: 0 0 0 10%; background: url(../images/sidemenu.gif) 0 50% no-repeat;}
.sidemenu li a:hover, .sidemenu li a.current { text-decoration: none; color: #d48c00;}
.sidemenu h3 {text-transform: uppercase; border-bottom: 1px solid #e3ab00; text-shadow: #c08901 2px 2px 2px; }
.sidemenu p { color: #fff; width: 100%; float: left; margin-top: 20px;}

.pagination { overflow: hidden; text-align: right; margin: 15px 0 0; font-size: 12px; color: #707070; line-height: 29px; padding: 1px 0;}
.pagination ul { float: right; margin: 0 0 0 10px; padding: 0;}
.pagination ul li { float: left; margin: 0 0 0 10px; padding: 0;}
.pagination ul li a { float: left; margin: 0; padding: 0; background: url(../images/pagination.gif) 0 0 repeat-x; height: 29px; line-height: 29px; width:  29px; text-align: center; margin: -1px 0; border: 1px solid #acacac; font-weight: bold; color: #000;}
.pagination ul li a:hover, .pagination ul li a.current { background: #fff; border-color: #000;}

.search { float: left; width: 200px; clear: both; margin: 0; border-top: 10px solid #427a00; border-bottom: 1px solid #bfe590; padding: 0 20px 40px; background: #94d345 url(../images/bg-search.jpg) 0 0 repeat-x;}
.search h3 {  border-bottom: 1px solid #427a00; text-shadow: #508412 2px 2px 2px;}
.search form { float: left; width: 100%; clear: both; border-top: 1px solid #afc900;} 
.search .submit { width: 93px; height: 34px; border: 0; background: url(../images/search.png) 0 0 no-repeat; font-size: 0; text-indent: -9999px; cursor: pointer; float: right;} 
.search .submit:hover { text-decoration: none; background-position: 0 -100px;}
.search label { display: block; color: #fff; font-size: 11px; margin: 0 0 2px 2px;}
.search .text { padding: 7px 9px; border: 1px solid #376500; width: 180px;}
.search p { float: left; width: 100%; margin: 10px 0 0;}
.search p span { width: 45%; display: inline;}
.search p span label { float: left; margin: 0 2px 0 2px;}
.search select { width: 197px;}
.search span select { width: 63px; }
.search .cnt { float: left; color: #fff; font-size: 10px; margin: 3px 0 0; }
.search .cnt strong { font-size: 24px; display: block; margin: 0 0 -6px;}

#offer { overflow: hidden; padding: 0 0 11px; background: url(../images/bg-offer.jpg) 0 100% no-repeat; margin: 10px 0 0; }
#offer ul {float: left; width: 992px; height: 252px; overflow: hidden; margin: 0 -10px 0 -1px; }
#offer li { float: left; width: 303px; padding: 0; margin: 0 0 0 22px; height: 252px; overflow: hidden; position: relative;}
#offer li img { position: relative; z-index: 1; margin: 0 auto;}
#offer li h2 { position: absolute; background: url(../images/bg-offer.png) 50% 0 no-repeat; bottom: 0; left: 0; z-index: 2; width: 100%; height: 50px; overflow: hidden; line-height: 50px; text-align: center; color: #be0117; font-size: 18px; padding: 10px 0 0;}
#offer li h2 a { padding-right: 30px; color: #be0117; background: url(../images/bulk.gif) 100% 4px no-repeat; display: inline; }
#offer li h2 a:hover {text-decoration: none; color: #8a0b1a; background-position: 100% -96px;}

#home { overflow: hidden; width: 100%; margin: 35px -7px 0 7px;}
#home ul { float: left; margin: 0; width: 100%; padding: 0;}
#home li { float: left; margin: 0 18px; width: 290px; padding: 0; text-align: justify;}
#home li img { float: left; margin: 2px 12px 5px 0;}
#home h2 {color: #000; font-size: 16px; padding: 0 0 15px; border-bottom: 1px solid #e2e2e2; margin: 0 0 15px;}
#home h2 a { color: #000;}
#home h2 a:hover {color: #8a0b1a;}

#newsletter { float: left; width: 298px; padding: 20px 30px 11px; margin: 0; background: url(../images/bg-newsletter.jpg) 0 100% no-repeat; height: 134px; overflow: hidden;}
#newsletter p { float: left; width: 100%; margin: 0 0 10px; font-size: 11px; color: #999;}
#newsletter p.text { height: 23px; padding: 10px; width: 278px; background: url(../images/newsletter.jpg) 0 0 no-repeat; }
#newsletter p.text input { width: 100%; height: 23px; line-height: 23px; font-size: 20px; border: 0; background: none; color: #dbdbdb;}
#newsletter p.text input.active { color: #666;}
#newsletter h3 { font-size: 18px; font-weight: bold; color: #666;}
#newsletter .submit { width: 79px; height: 24px; border: 0; background: url(../images/signin.png) 0 0 no-repeat; font-size: 0; text-indent: -9999px; cursor: pointer; float: right;} 
#newsletter .submit:hover { text-decoration: none; background-position: 0 -100px;}

#head .inner { position: relative;}
#head h3 { margin: 0; font-size: 24px; line-height: 24px; color: #fff; font-weight: normal;}
#head h3 a {color: #fff;}
#head .box  { float: left; width: 300px; margin: 35px 0 0 22px; text-align: justify;}
#head .box h3 { text-shadow: #89111b 2px 2px 2px; margin: 0 0 15px;}
#head .box p { color: #fff; font-size: 13px;}
#head .fl { float: left; position: relative; z-index: 2; margin: 0 -100px -40px 0;}
#head .fr { float: right; width: 800px; position: relative; z-index: 3;}
#head .fr h1 {text-shadow: #cc282d 2px 2px 2px; color: #e2e2e2; font-style: italic; font-size: 31px; line-height: 34px; text-align: right; font-weight: normal; margin: 15px 0 0;}
#head .fr h1 strong { font-size: 44px; display: block; font-weight: normal;}
#head .fr h2 { overflow: hidden; text-shadow: #cc282d 2px 2px 2px; color: #ffde5d; font-style: italic; font-size: 22px; line-height: 22px; text-align: right; font-weight: bold; margin: 10px 0 0;}
#head .fr h2 a { display: inline; color: #ffde5d; background: url(../images/arr.gif) 0 50% no-repeat; padding-left: 8px; margin-left: 4px;}
#start #head .fl { margin: 0 -100px -91px 11px;}
#start #head .fr { width: 500px;}
#start #head .fr h1 { font-size: 34px; margin: 35px 0 0;}
#start #head .fr h2 { margin: 15px 0 0;}
#featured { position: relative; z-index: 1; float: right; margin: 0 0 -165px; border-top: 10px solid #ffea99; border-bottom: 1px solid #ffea99; background: #ffc000 url(../images/bg-featured.jpg) 0 100% repeat-x; width: 534px; padding: 25px 42px 10px;}
#featured h3 { text-shadow: #b19644 2px 2px 2px; padding: 0 0 8px; border-bottom: 1px solid #e3ab00;}
#featured .list { overflow: hidden; margin: 0;}
#featured ul { border-top: 1px solid #ffde5c; border-bottom: 1px solid #ffeca3; overflow: hidden; margin: 0 0 0 -42px;}
#featured ul li { float: left; height: 230px; width: 150px; margin: 10px 0 0 0; overflow: hidden; padding: 0 0 10px 42px; border-bottom: 1px solid #ffc105; position: relative; z-index: 1;}
#featured ul li a.border { width: 150px; height: 150px; background: url(../images/shadow-150.png) 0 0 no-repeat; display: block; }
#featured ul li a.border img { width: 150px; height: 150px; position: relative; z-index: -1;}
#featured ul li a.border:hover { background-position: 0 -150px;}
#featured ul li h4 { font-size: 16px; line-height: 16px; margin: 10px 0; color: #bf0218;}
#featured ul li h4 a { color: #bf0218;}
#featured dt { float: left; margin-right: 4px; font-size: 11px; color: #9b5b00; font-weight: normal;}
#featured dd { font-size: 11px; color: #9b5b00; font-weight: normal;}

#gallery { float: left; width: 530px; height: 393px; overflow: hidden; border: 7px solid #e5e5e5; text-align: center;}
#gallery img { height: 393px; margin: 0 auto;}
#gallery_nav { float: right; width: 101px; overflow: hidden; margin: 0;}
#gallery_nav li { float: left; width: 101px; clear: both; overflow: hidden; margin: 0 0 8px;}
#gallery_nav li a { float: left; width: 101px; clear: both; overflow: hidden; margin: 0;}
#gallery_nav li a img { float: left; width: 99px; height: 73px; clear: both; overflow: hidden; margin: 0; border: 1px solid #868686;}
#gallery_nav li a:hover img, #gallery_nav li a.activeSlide img { border-color: #fa5455;}

.price { position: absolute; top: 20px; right: 0; font-size: 14px; font-weight: bold; color: #acacac; text-align: center;}
.price strong { font-size: 20px; color: #000; display: block; margin: 5px 0 0; }

#project_nav  { color: #000; text-align: center; overflow: hidden;}
#project_nav a { color: #000;  float: left; margin: 0 0 0 30px;}
#project_nav a:first-child { margin: 0;}
#project_nav a:hover, #project_nav a.activeSlide { color: #8a0b1a;}
.project { overflow: hidden; padding: 15px 30px 45px; width: 620px;}
.project img { float: left; }
.project table { float: right; }
.project table td { padding: 5px; color: #000;}

.info { float: left; width: 330px; padding: 0 0 15px;}
.info h4 { padding: 0; border: 0; color: #000;}
.info dl { overflow: hidden; padding: 15px; margin: 0; background: #e5e5e5; border: 1px solid #acacac; display: block;}
.info dl dt { float: left; width: 50%; font-weight: bold;}
.tools { float: right; width: 330px; padding: 0 0 15px;}
.tools h4 { padding: 0; border: 0; color: #898989;}
.tools ul { overflow: hidden; padding: 15px; margin: 0; background: #f2f2f2; border: 1px solid #c8c8c8; display: block;}
.tools ul li { margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #c8c8c8; overflow: hidden;}
.tools ul li:first-child {margin: 0; padding: 0; border-top: 0;}
.tools ul li a { display: block; min-height: 40px; line-height: 20px; padding-left: 50px; position: relative; color: #666; font-size: 12px;}
.tools ul li a img.ico { max-height: 41px; max-width: 41px; position: absolute; top: 0; left: 0;}
.tools ul li a strong { display: block; color: #be0117; font-size: 18px; font-weight: normal;}
.tools ul li a:hover { color: #000;}
.tools ul li a:hover strong { color: #8a0b1a;}

/* Footer 


------------------------------------------------------------------------- */
#footer { height: 80px; line-height: 35px; padding: 0; overflow: hidden;font-size: 10px; color: #c4c4c4; font-weight: bold;}
#footer .fr { padding: 0 24px 0 0; }
#footer .fr strong { position: relative; float: left; z-index: 1;} 
#footer .fr a { font-style: italic; color: #c4c4c4; font-family: georgia; position: relative; float: left; z-index: 1; text-indent: 2px;}
#footer a:hover, #footer a.current { text-decoration: none; color: #999;}

#footer_logo { float: left; margin: 0 0 0 16px;}
#footer_menu{ overflow: hidden; margin: 0; border: 1px solid #e2e2e2; background: #f2f2f2;}
#footer_menu ul { margin: 0 0 0 -4px; float: left; }
#footer_menu ul li { float: left; padding: 0 12px; height: 35px; line-height: 35px; border-left: 1px solid #e2e2e2;}
#footer_menu ul li:first-child { border-left: 0;}
#footer_menu ul li a {color: #c4c4c4; position: relative; float: left; z-index: 1; text-transform: uppercase;}


/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.push { height: 80px; }
.hide { display: none;}


/* Drop downs 

------------------------------------------------------------------------- */
.dd {text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:12px;float:left;padding: 0;}
.dd .ddTitle {background:#f2f2f2;border:0;padding: 0 0 0 7px;text-indent:0;cursor:default;height:18px; background:url(../images/dd_select.gif) no-repeat 0 0;}
.dd .ddTitle span.arrow {background:url(../images/dd_arrow.gif) no-repeat 0 0; float:right; margin: 0 -3px 0 0; display:inline-block;width:18px; height:18px; cursor:pointer; }
.dd .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:18px;}
.dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {padding:0 3px 0 0;vertical-align:top;}
.dd .ddChild {position:absolute;border:1px solid #c3c3c3;border-top:none;display:none;margin:0;width:auto;overflow:auto;overflow-x:hidden !important;background-color:#ffffff;}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {display:block;padding:2px 0 2px 3px;text-decoration:none;color:#000;overflow:hidden;white-space:nowrap;cursor:pointer;}
.dd .ddChild a:hover {background-color:#66CCFF;}
.dd .ddChild a img {border:0;padding:0 2px 0 0;vertical-align:middle;}
.dd .ddChild a.selected {background-color:#66CCFF;}
.hidden {display:none;}



/* Google maps */
#google_map
{
	float: left;
	width: 645px;
	height: 380px;
	border: 1px solid #CCCCCC;
	margin: 10px 0 0px 10px !important;
	margin/**/: 10px 0 0px 5px;
}

#google_maker_msg
{
	display: block;
}
			#google_map span {
				float: left;
				margin: 0;
				width: auto;
				background: none;
				}
				#google_map span p {
					color: #000;
					margin: 0;
					width: auto;
					text-align: left;
					}