body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; font-size: 14px;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body { width: 100%; margin: 8px 0px 8px 0px; }
div#col-left { background: url("../images/motywglowny.jpg") no-repeat; }

div#icons-right ul { list-style-type: none; position: absolute; top: 10px; right: 20px; width: 230px; }
div#icons-right ul li { display: inline;  }
div#icons-right ul li.active { float: left; display: block; width: 30px; height: 30px; text-align: center; vertical-align: middle; text-decoration: none; }
div#icons-right ul li a { float: left; display: block; width: 30px; height: 30px; text-align: center; vertical-align: middle; text-decoration: none; }
div#icons-right ul li img { text-align: center;  margin-top: 8px;}

div#icons-right ul li.active span.plflag { background: url(../images/plflag.gif) 0px 0px no-repeat; width: 20px; height: 13px; display: block; margin-top: 8px; border: 1px solid #cccccc;}
div#icons-right ul li a.enflag { background: url(../images/engflag.gif) 0px -14px no-repeat; width: 20px; height: 13px; display: block; margin-top: 8px; border: 1px solid #cccccc;}
div#icons-right ul li a.enflag:hover { background: url(../images/engflag.gif) 0px 0px no-repeat;}
div#icons-right ul li span.textonly { display:none; }

div#col-left { float: left; width: 345px; }
div#col-left div#menu-left{ margin: 345px 0px 0px 5px; }
div#col-left div#menu-left ul { list-style-type: none; }
div#col-left div#menu-left ul li { display: inline; clear: left; }

div#col-left div#menu-left ul li.active {  display: block; width: 330px; text-decoration: none; height: 56px; vertical-align: middle;background: url("../images/rozdzielnikmenu.gif") no-repeat 20px 44px;  }
div#col-left div#menu-left ul li.active strong { float: left; display: block; font-size: 36px; font-family: Verdana, sans-serif; font-style: italic; color: #2fb2fa; vertical-align: middle; margin: 0px 20px 0px 20px; }
div#col-left div#menu-left ul li.active span { float: left; display: block; font-size: 12px; font-family: Verdana, sans-serif; font-style: italic; color: #dadde4; vertical-align: middle; line-height: 44px; height: 44px; font-weight: 900;}
div#col-left div#menu-left ul li.activelast {  display: block; width: 330px; text-decoration: none; height: 56px; vertical-align: middle;background: none;  }
div#col-left div#menu-left ul li.activelast span { float: left; display: block; font-size: 12px; font-family: Verdana, sans-serif; font-style: italic; color: #dadde4; vertical-align: middle; line-height: 44px; height: 44px; font-weight: 900;}
div#col-left div#menu-left ul li.activelast strong { float: left; display: block; font-size: 36px; font-family: Verdana, sans-serif; font-style: italic; color: #2fb2fa; vertical-align: middle; margin: 0px 20px 0px 20px; }

div#col-left div#menu-left ul li a { display: block; width: 330px; text-decoration: none; height: 56px; vertical-align: middle;background: url("../images/rozdzielnikmenu.gif") no-repeat 20px 44px; }
div#col-left div#menu-left ul li a strong { float: left; display: block; font-size: 36px; font-family: Verdana, sans-serif; font-style: normal; color: #dededf; vertical-align: middle; margin: 0px 20px 0px 20px; }
div#col-left div#menu-left ul li a span { float: left; display: block; font-size: 12px; font-family: Verdana, sans-serif; font-style: italic; color: #2f2f2f; vertical-align: middle; line-height: 44px; height: 44px; font-weight: 900;}

div#col-left div#menu-left ul li a:hover strong { font-style: italic; color: #2fb2fa; }
div#col-left div#menu-left ul li a:hover span { font-size: 12px; font-family: Verdana, sans-serif; font-style: italic; color: #dadde4; }

div#col-left div#menu-left ul li.last a { display: block; width: 330px; text-decoration: none; height: 48px; vertical-align: middle;background: none;}

div#col-left div#menu-left div { width: 380px; height: 103px; text-align: center; margin: 50px 0px 40px 0px;}
div#col-left div#menu-left div img { width: 168px; height: 103px; text-align: center; }

div#col-right { margin-left: 345px; background: inherit; background: url("../images/motywglowny.jpg") no-repeat -345px 0px; }
div#col-right div#main-content { padding: 190px 0px 0px 0px; margin: 0px 0px 0px 0px; }
div#col-right div#main-content h4 { font-size: 14px; font-family: Verdana, sans-serif; color: #838793;  padding-right: 10px; overflow: auto; font-style: italic; margin: 5px;  }
div#col-right div#main-content p { font-size: 12px; font-family: Verdana, sans-serif; color: #838793;  padding-right: 10px; overflow: auto; font-style: italic; margin: 5px; text-indent: 10px; }
div#col-right div#main-content p a { font-size: 12px; font-family: Verdana, sans-serif; color: #838793;  padding: 0px; overflow: auto; font-style: italic; margin: 0px; text-indent: 10px; text-decoration: none;}
div#col-right div#main-content p a:hover { text-decoration: underline;}
div#col-right div#main-content div { border: 1px solid #6b6f7b; width: 636px; height: 162px; margin: 0 auto 0 auto; padding: 0px; }
div#col-right div#main-content div ul { list-style-type: none; margin: 0px; padding: 0px;}
div#col-right div#main-content div ul li { display: inline; }
div#col-right div#main-content div ul li#layout4 {display: none;}
div#col-right div#main-content div ul li a { margin: 5px;  float: left; display: block; width: 200px; height: 150px; text-align: center; vertical-align: middle; border: 1px solid #6b6f7b; }
div#col-right div#main-content div ul li a img { padding-top: 2px; }
div#col-right div#main-content div ul li.last { clear: both;}
div#col-right div#main-content div div.clear { clear: both; border: none; line-height: 1px; height: 1px; float: left; }

div#col-right div#main-content div#counter { border: 1px solid red; width: 200px; height: 20px; margin: 0 auto 20px auto; text-align: center; display: none ;}

h1 { display: block; height: 24px; width: 200px; margin: 20px 0px 20px 0px; }                                                  
h1.logo	{ background: url("../images/signum-studio.jpg") no-repeat 0 25%; position: absolute; top: 50px; left: 500px; width: 300px; height: 60px; }
h1.header1 { background: url("../images/projektowaniestron.gif") no-repeat 0 25%; }
h1.header2 { background: url("../images/najnowszeprojekty.gif") no-repeat 0 25%; }
h1.header3 { background: url("../images/oferta.gif") no-repeat 0 50%; }
h1.header4 { background: url("../images/kontakt.gif") no-repeat 0 50%; }
h1.header5 { background: url("../images/portfolio.gif") no-repeat 0 50%; }
h1.logo span, h1.header1 span, h1.header2 span, h1.header3 span, h1.header4 span, h1.header5 span { display: none; }


div#header { clear: both; width: 100%; margin: 0px 0px 0px 0px; background: url("../images/liniapiksel.gif") repeat-x 0px 0px; position: absolute; top: 180px; z-index: -1;}
div#footer { clear: both; width: 100%; margin: 70px 0px 0px 0px; background: url("../images/liniapiksel.gif") repeat-x 0px 0px; }


.textimg-first { margin: 0px 10px 0px 0px; display: none;}
.textimg-second { margin: 0px 0px 0px 10px; display: none;}
.textimg-third { margin: 0px 10px 0px 0px; display: none;}

div#col-right div#main-content div#portfolio { border: 1px solid #6b6f7b; width: 654px; margin: 0 auto 0 auto; padding: 0px; }

div#col-right div#main-content div#portfolio ul li.layout a {  margin: 5px 2px 5px 2px; }
div#col-right div#main-content div#portfolio ul li#arrow-left a,div#col-right div#main-content div li#arrow-right a {display: block; width: 15px; height: 160px; background: #BBBBBB; padding: 0px; margin: 0px;}
div#col-right div#main-content div#portfolio ul li#arrow-right a { float: right; }
div#col-right div#main-content div#portfolio ul li#arrow-left a img,div#col-right div#main-content div li#arrow-right a img{ margin-top: 65px;}

div#col-right div#main-content div#portfolio ul#bigimage { border: 1px solid #6b6f7b; clear: right; float: left; width: 654px; display: block; margin: 10px auto 10px auto;  }
div#col-right div#main-content div#portfolio ul#bigimage li { display: inline;}
div#col-right div#main-content div#portfolio ul#bigimage li img { margin: 10px auto 10px auto; display: block;}

form#contact {width: 495px; height:200px; float: left; margin-top: 20px;}
	form#contact h2 {text-align: center; font-size: 1.4em;}
	form#contact h3 {text-align: center; font-size: 1.2em; color: #f00;}
	form#contact h3.success {color: #0f0;}
	form#contact ul li {display: inline;}
	form#contact ul li label { display: block; width: 120px; float: left; clear: left; margin: 5px 0px 5px 0px; font-size: 12px; font-family: Verdana, sans-serif; color: #838793; overflow: auto; font-style: italic;} 
	form#contact ul li input { display: block; width: 270px; float: left; margin: 5px 0px 5px 0px; color: #000; }
	form#contact ul li textarea { display: block; width: 270px; float: left; margin: 5px 0px 5px 0px; color: #000; }
	form#contact ul li span { display: block; width: 270px; height: 18px; float: left; margin: 5px 0px 5px 0px; color: #fff; text-align: center; vertical-align: middle;}
	form#contact ul li span img { display: block; border: 1px solid white; }
h3.error { display: block; margin: 10px 10px 10px 140px; color: red; font-size: 14px; font-family: Verdana, sans-serif; overflow: auto; font-style: italic; font-weight: 900;}