/************ RESET *************/	

/* v1.0 | 20080212 */

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, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */


h1, h2, h3, h4, h5, h6, pre, code {
	font-size:1em;
	font-weight: normal;
	line-height: 1.5em;
}


table, thead, tbody, tfoot, tr, th, td, input, select, textarea {
	font-family:inherit;
	font-size:1em;
}

q:before, q:after {
	content:"";
}

img, input, select, label {
	vertical-align:middle;
}

fieldset, img, a img {
	border:0 none;
}

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

a:hover{
	color: #d5234f;
}


/* Clearing Floats Without Structural Markup - ala http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	display: block; visibility: hidden; clear: both; 
	height: 0; 
	content: "."; 
}


/* lists ----------------------------------------------------------------- */
ul, ol, li, dl, dd { 
	list-style-type: none; 
	padding: 0px;
	margin: 0px;
}

/* common ---------------------------------------------------------------- */

body{
	color: #606060;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	background: transparent url(../images/bodyBg.png) repeat-x 0 150px;
	padding-top: 10px;
}

body.home{
	background: transparent url(../images/homeBodyBg.png) repeat-x 0 150px;
}

.hidden{
 display: none !important;
}

.row{
	clear: both;
	margin-bottom: 10px;
}

.row label{
	width: 100px;
}

.row input.checkbox{
	width: auto;
}

legend{
	display: none;;
}

#wrapAll{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#wrapTop,
#wrapContent,
#wrapBottom{
	margin-left: auto;
	margin-right: auto;
	width: 880px;
}

#wrapBottom{
  padding-bottom: 20px;
}

/* fonts ----------------------------------------------------------------- */


h6{
	font-size: 0.9em;
}

h5{
	font-size: 1em;
}

h4{
	font-size: 1.1em;
}

h3{
	font-size: 1.3em;
}

h2{
	font-size: 1.6em;
}

h1{
	font-size: 1.9em;
}

h1, h2, h3, h4, h5, h6{
	font-weight: bold;
	text-transform: uppercase;
}


.home h1, .home h2, .home h3, .home h4, .home h5, .home h6{
	text-transform: uppercase;
}



a:hover{
	color: #D5234F;
}


/* layout ---------------------------------------------------------------- */

/********** TOP **********/

#wrapTop #logLang,
#wrapTop #contactBox,
#wrapTop .regLog{
	text-transform: uppercase;
	width:275px;
}

#wrapTop #contactBox ul.notransform {
  text-transform: none;
}

#wrapAll{
	background: transparent url(../images/topBg.png) no-repeat 50% 140px;
}

.home #wrapAll{
	background: transparent url(../images/homeBg.png) no-repeat 50% 140px;
}

#logo{
	background: transparent url(../images/logo.gif) no-repeat 0 0;
	width: 131px; height: 74px;
	float: left;
}

#logo a{
	display: block;
	text-indent: -9999px;
	width: 128px; height: 78px;
}

#logLangBox{
	float: right;
	text-align: right;
}

#logLangBox ul{
	display: inline;
	float: left;
}

#logLangBox ul li{
	display: inline;
}

#contactBox h4
{
	color: #D5234F
}

#contactBox{
	/*width: 330px;*/
	background: transparent url(../images/ico_phone.gif) no-repeat 0% 17px;
	clear: right;
	float: right;
	text-align: right;
	font-size: 0.8em;
}

#contactBox ul{
	/*height: 32px;*/
	/*padding-right: 30px;*/
	margin-bottom: 3px;
}

#contactBox .contactButton{
	display: block;
	float: right;
	clear: right;
	text-indent: -9999px;
	background: transparent url(../images/bt_contact.gif) no-repeat 0 0;
	width: 61px; height: 20px;
	text-align: left;
}



/*#contactBox ul li{
	width: 150px;
	float: left;
}*/

#logLangBox{
	margin-bottom: 5px;
}

#logLangBox ul{
	margin-left: 10px;
	font-size: 0.9em;
	font-family: Trebuchet MS, Arial, sans-serif;
}

#logLangBox ul li a,
#contactBox ul li a{
	color: #606060;
}

#logLangBox ul li a{
	line-height: 19px;
}

#logLangBox ul li a:hover
{
	color: #D5234F;
}

#logLangBox ul.regLog{
	width: auto;
	float: right;
	height: 19px;
	text-align: right;
	font-weight: bold;
}

#logLangBox ul.regLog li{
	margin: 0px;
	background-color: #efefef;
	padding: 2px 5px;
}

#logLangBox ul.regLog li.register{
	border-right: solid 1px #ccc;
}

#logLangBox ul.regLog li.logIn{
	margin-left: -3px;
}

#logLangBox ul.lang{
	float: right;
}

#logLangBox ul.lang li{
	display: inline-block;
	margin: 0px;
	text-align: center;
	background-color: #efefef;
	width: 22px;
	margin: 0px -2px;
	float: left;
}

#logLangBox ul.lang li.current{
	font-weight: bold;
}
 
#logLangBox ul.lang li.first{
	background: transparent url(../images/lang_firstBg.gif) no-repeat 0 0;
	width: 22px; height: 19px;
	margin-right: -1px;
}

#logLangBox ul.lang li.last{
	background: transparent url(../images/lang_lastBg.gif) no-repeat 0 0;
	width: 22px; height: 19px;
	margin-left: -1px;
}

#logLangBox .logged dl{
	text-align: right;
	text-transform: none !important;
	margin-bottom: 5px;
	float: right;
}

#logLangBox .logged dl dt,
#logLangBox .logged dl dd{
	float: left;
}

#logLangBox .logged dl dt{
	font-weight: bold;
	margin-right: 5px;
}

#logLangBox .logged dl dd a:hover{
	color: #d5234f;
	text-decoration: underline; 
}

.logout{
	float: right;
	color: #d5234f;
	text-decoration: underline;
	margin-right: 10px;
	margin-left: 10px;
}

#navMain{
	background-color: #2d520b !important;
	width: 100%;
	clear: both;
	display: block;
	z-index: 200;
	margin-top: 7px;
	border-bottom: solid 1px #000;
	text-transform: uppercase;
}

#navMain ul{
	background-color: #2d520b;
  margin: 0 auto;
}

#navMain ul li{
	display: block;
	float: left;
	height: 40px;
	background-color: #2d520b;
	border-right: solid 1px #228B22;
	color: #fff;
	z-index: 300;
	text-align: center;
}

#navMain ul li.sh{
	position: relative;
	z-index: 300;
	height: 40px;
}


#navMain ul li.sh a{
	padding-right: 0px;
	text-align: left;
}

#navMain ul li a{
	background-color: #2d520b;
	color:#FFFFFF;
	font-weight:bold;
	height: 27px;
	padding-top: 13px;
	display: block;
	text-align: center;
	float: left;
	padding-left: 12px;
	padding-right: 12px;

}

#navMain ul li.sh span{
	float: left;
	cursor: pointer;
}

#navMain ul li.sh span.drop{
	background: transparent url(../images/navMainDrop.gif) no-repeat 50% 50%;
	width: 20px;
	height: 20px;
	display: block;
	text-indent: -9999px;
}


#navMain ul li.last{
	border: none;
}


#navMain ul li a:active,
#navMain ul li.sh a:active
{
	background-color: #28480a;
}

#navMain ul li a:hover,
#navMain ul li.sh a:hover{
	background-color: #375e14;
}


#navMain ul li.sh ul li a{
	background-image: none;
	width: 140px;
}

#navMain ul li ul.subNavMain{
	display: none;
	z-index: 400;
	width: 170px;
	position: absolute;
	top: 41px;
	left: 0px;
}
#navMain ul li.over ul.subNavMain,
#navMain ul li:hover ul.subNavMain{
	display: block;
}

#navMain ul li ul.subNavMain li{
	clear: both;
	width: 100%;
	padding: 0px;
	border-right:  solid 1px #000;
	border-left:  solid 1px #000;
	border-bottom: solid 1px #228B22;
	min-height: 27px; height: auto !important; height: 27px;
	text-align: left;
}

#navMain ul li .subNavMain li a{
	padding: 10px 15px;
	display: block;
	margin-right: 0px;
	height: auto !important;
}


#breadcrumbs{
	margin-top: 20px;
	margin-left: 20px;
	float: left;
}

#breadcrumbs ul li{
	color: #fff;
	display: inline;
	text-align: right;
	text-transform: capitalize;
	height: auto;
}

#breadcrumbs ul li.navHome a{
	font-weight: bold;
}

#breadcrumbs ul li a{
	color: #fff;
	text-transform: capitalize;
	text-decoration: underline;
}

.home #contextSearch{
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}

#contextSearch{
	width: 200px;
	float: right;
	text-align: right;
	margin-top: 20px;
}

#contextSearch label{
	color: #fff;
}

.home #contextSearch label{
	color: #606060;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 2px;
	margin-right: 10px;
}

#contextSearch input.text{
	margin-right: 5px;
}



h2.tagline{
	width: 200px;
	margin-top: 20px;
	margin-left: 20px;
	color: #fff;
}

h2.tagline span{
	font-size: 0.8em;
}

/********** END - TOP **********/

#col_1{
	width: 230px;
	float: left;
}

#col_2{
	width: 650px;
	float: right;
	padding: 10px 0px;
}

.home #col_2{
	padding: 0px;
}

/********** HOME - CONTENT **********/

#wrapContent{
	margin-top: 20px;
}

.home #wrapContent{
		margin-top: 105px;
}

#newsBox h3 a,
#bounsProj h3,
#newsletter h3,
#advBox h3{
	color: #d5234f;
}

.home #col_1{
	width: 470px;
	float: left;
	overflow: hidden;
}

.home #col_2{
	width: 410px;
	float: right;
	overflow: hidden;
}

/********** HOME - NASZE PROJEKTY **********/

#projectsBox{
	background-color: 	#d5234f;
	color: #fff;
	padding: 10px 14px 14px 14px;
width:442px;
}

#projectsBox *{
	color: #fff;
}

#projectsBox .simpleAbstract{
	width: 218px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#projectsBox .simpleAbstract.last{
	margin-right: 0;
}

#projectsBox h3{
	width: 50%;
	float: left;
	margin-bottom: 10px;
}

#projectsBox .seeAll{
	float: right;
	background: transparent url(../images/bullet_gt_white.gif) no-repeat 100% 7px;
	padding-right: 15px;
	line-height: 21px;
}

#projectsBox .simpleAbstract img{
	width: 206px;
	height: 136px;
	display: block;
	border: solid 4px #fff;
}

#projectsBox .projName,
#projectsBox .projCode{
	color: #fff;
}

#projectsBox .projName{
	background: transparent url(../images/bullet_gt_white.gif) no-repeat 0 5px;
	font-weight: bold;
	padding-left: 8px;
}

#projectsBox form{
	display: block;
	margin-top: 10px;
}

#projectsBox form label{
	font-weight: bold;
}

#projectsBox form select{
	width: 360px;
	margin-left: 10px;
}

/********** END - HOME - NASZE PROJEKTY **********/

input.text{
	border: solid 1px #cccccc;
	padding: 3px;
}

/********** HOME - CONTEXT SEARCH **********/

.home #contextSearch{
	background-color: #efefef;
	padding: 5px 15px 5px 15px;
	width: 440px !important;
	margin: 20px 0px;
}

/********** HOME - SEARCH **********/

#searchBox {
	width: 370px;
	padding: 20px 20px 8px 20px;
	margin-top: 35px;
}

#searchBox *{
	color: #fff;
}


#searchBox .keyword label{
	font-weight: bold;
	padding-top: 5px;
	margin-right: 5px;
}

.home #searchBox fieldset{
	padding-left: 13px;
}

#searchBox fieldset.attribs{
	width: 155px;
	float: left;
	margin: 0px 10px 5px 10px;
	padding: 3px;
}



.home #searchBox fieldset.attribs{
	height: 90px;
}

#searchBox fieldset.attribs .row{
	margin-bottom: 0px;
}

#searchBox fieldset.attribs label{
	clear: right;
	display: inline;
}

#searchBox .searchConfirm{
	text-align: right;
	margin-top: 5px;
}

#searchBox .searchConfirm input{
	margin-left: 10px;
	margin-right: -20px;
}



/********** END - HOME - SEARCH **********/


/********** HOME - PARTNERZY **********/
#partnersBox #partnersNav{
	width: 410px;
}

#partnersBox #partnersNav li{
	display: inline-block;
	float: left;
	height: 40px;
	width: 135px;
	text-align: center;
	background-color: #2d520b;
	border-right: solid 1px #228B22;
	color: #fff;
}

#partnersBox #partnersNav li.last{
	border-right: none;
	padding-right: 2px;
}

#partnersBox #partnersNav li a{
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	text-transform: uppercase;
}

#partnersBox #logos{
	height: 55px;
	background: #efefef;
	
}

#partnersBox #logos ul li{
	display: inline;
	margin: auto;
}

/********** END - HOME - PARTNERZY **********/


/********** HOME - PROMOCJE **********/
#promo{
	height: 40px; width: 367px !important;
	background-color: #efefef;
	margin: 20px 0px 20px 20px;
	padding-left: 13px;
}

#promo h3 a{
	background: transparent url(../images/bullet_gt_pink.gif) no-repeat 95% 15px;
	color: #d5234f;
	line-height: 40px;
	display: block;
}


/********** END - HOME - PROMOCJE **********/

/********** HOME - DOM MIESIĄCA, PASYWNY **********/

#bonusProj{
	width: 390px !important;
	margin: 10px 0px 10px 20px;
}

#bonusProj .littleProj{
	width: 175px;
	float: left;
}

#bonusProj .littleProj.ofMonth{
	margin-right: 30px;
}

#bonusProj .littleProj .info{
	display: inline;
	float: right;
	margin-right: 14px;
}

#bonusProj .littleProj h4{
	width: auto;
	float: left;
	margin-bottom: 5px;
	margin-left: 13px;
}

#bonusProj .littleProj h4 a{
	color: #d5234f;
}

#projectsBox .projName,
#bonusProj .projName,
#recent ul li .projName{
	float: left;
	margin: 5px;
	font-weight: bold;
}

#bonusProj .projName,
#recent ul li .projName{
	color: #535353;
	background: transparent url(../images/bullet_gt_pink.gif) no-repeat 0 5px;
	padding-left: 10px;
}

#projectsBox .projCode,
#bonusProj .projCode,
#recent .projCode{
	float: right;
	margin: 5px;
}

#bonusProj .projCode,
#recent ul li .projCode{
	color: #535353;
}

#bonusProj .projName:hover,
#recent ul li .projName:hover,
#bonusProj .projCode:hover,
#recent ul li .projCode:hover{
	color: #d5234f;
}

.home #newsletter{
	width: 352px;
	margin: 10px 0px 10px 20px;
}

#newsletter{
	border: solid 4px #efefef;
	padding: 10px;
	margin-bottom: 20px;
}

#newsletter h3{
	width: auto;
	float: left;
	margin-bottom: 5px;
}

#newsletter p{
	display: block;
	clear: left;
}

#newsletter .info{
	float: right;
}

.home #searchBox input.text{
	width: 200px;
	margin-top: 5px;
	margin-right: 5px;
	padding: 3px;
}

.home #newsletter input.text,
.home #contextSearch input.text{
	width: 240px;
	padding: 3px;
	margin-right: 5px;
	margin-top: 1px;
}

.home #newsletter p{
	margin-bottom: 5px;
}

.home #advBox{
	margin-left: 20px;
	width: 380px !important;
}

.home #advBox h3{
	margin-left: 13px;
}

/********** HOME - AKTUALNOŚCI **********/

#newsBox{
	padding-bottom: 10px;
}

#newsBox .seeAll{
	display: block;
	float: right;
	text-indent: -9999px;
	background: transparent url(../images/bt_seeAll.gif) no-repeat 0 0;
	width: 112px; height: 22px;
}

#newsBox .newsMini{
	margin-bottom: 15px;
}

#newsBox .newsMini .image {
	float: left;
	margin: 4px 7px 4px 0px;
  width: 80px;
  overflow: hidden;
}


#newsBox .newsMini .newsMiniDescImage{
  margin-left: 85px;
}

#newsBox .newsMini .newsMiniDesc dt a, #newsBox .newsMini .newsMiniDescImage dt a{
	font-weight: bold;
	color: #606060;
}

#newsBox .newsMini .newsMiniDesc dt a:hover, #newsBox .newsMini .newsMiniDescImage dt a:hover{
	color: #d5234f;
}

#newsBox .newsMini .newsMiniDesc dd, #newsBox .newsMini .newsMiniDescImage dd{
	color: #cccccc;
	margin-bottom: 5px;
}

/********** WRAP BOTTOM **********/

#wrapBottom{
	clear: both;
	border-top: solid 2px #efefef;
	margin-bottom: 20px;
	padding-top: 20px;
	margin-top: 10px;
}

#wrapBottom *{
	text-align: right;
}

#wrapBottom ul{
	margin-bottom: 5px;
}

#wrapBottom ul li{
	display: inline;
	margin-right: 10px;
}

#wrapBottom ul li a{
	color: #606060;
	text-decoration: underline;
}

#wrapBottom p{
	margin-right: 10px;
}

#wrapBottom p a{
	color: 	#9ACD32;
}

/********** WYSZUKIWARKA PODSTAWOWA **********/

#col_1 h3{
	text-transform: uppercase;
	margin-bottom: 7px;
}

#col_1 #simpleSearch,
#col_1 #categories{
	background-color: #efefef;
	padding: 10px;
	margin-bottom: 10px;
}

#col_1 #simpleSearch #keyword{
	width: 210px;
	margin-top: 5px;
}

#col_1 #simpleSearch .row{
	margin-bottom: 0px;
}

#col_1 #simpleSearch fieldset{
	margin-top: 10px;
}

#col_1 #simpleSearch #energ,
#col_1 #simpleSearch #new{
	margin-left: 8px;
}
#col_1 #simpleSearch .attribs{	
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
	background-color: #f0f0f0;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #f0f0f0;
}

#col_1 #simpleSearch a{
	color: #606060;
	text-decoration: underline;
	float: right;
	line-height: 20px;
	margin-right: 10px;
	margin-top: 10px;
	width: 100px;
	text-align: right;
}

#col_1 #simpleSearch .searchButton{
	float: right;
	margin-top: 20px;
}

/********** W PORÓWNANIU - BOX **********/

#compareBox{
	background-color: #efefef;
	padding: 10px 0px;
	margin-bottom: 10px;
}

#compareBox h3{
	width: auto;
	float: left;
	margin-left: 10px;
	margin-top: 3px;
}

.compareButton{
	float: right;
	width: 83px; height: 21px;
	background: transparent url(../images/bt_compare.gif) no-repeat 0 0;
	display: block;
	margin-right: 10px;
	text-indent: -9999px;
}

.projCompareMini{
	padding: 5px 0px;
	border-bottom: solid 2px #fff;
	height: 40px;
	width: 230px;
	clear: both;
}

.projCompareMini.last{
	border: none;
	padding-bottom: 0px;
}

#compareBox .mini img{
	width: 60px; height: 40px;
	display: inline-block;
	float: left;
}

#compareBox .mini,
#compareBox dl{
	float: left;
	margin-left: 10px;
}

#compareBox dl{
	width: 90px;
	margin-left: 10px;
}

#compareBox dl a{
	color: #606060;
}


#compareBox dl a:hover
{
	color: #d5234f;
}



#compareBox dl dt{
	font-weight: bold;
}

#compareBox .remove{
	width: 40px; height: 20px;
	float: right;
	background: transparent url(../images/bt_remove.gif) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	margin-right: 10px;
}

/**************************************************************************/



#pageHeader{
	background-color: #2D520B;
	color: #fff;
	line-height: 40px;
	padding-left: 20px;
	text-transform: uppercase;
	height: 45px;
	width: 630px;
}

#col_2 h2{
	float: left;
	/*width: 310px;*/
	padding-top: 10px;
}

#price{
	float: right;
	width: 310px; 
}

#price *{
	float: right;
	margin-left: 10px;
	text-transform: uppercase;
}

#price p{
	margin-top: 4px;
	
}

#price .old{
	color: #f6a4b8;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: line-through;
	
}

#price .price{
	font-size: 1.7em;
	font-weight: bold;
	margin-top: 2px;
	
}

#price a{
	background: transparent url(../images/bt_orderNow.gif) no-repeat 0 0;
	width: 107px; height: 28px;
	display: block;
	text-indent: -9999px;
	text-align: inherit;
	margin-top: 8px; margin-right: 10px;
}

#col_2 h2 span{
	font-size: 0.7em;
	font-weight: normal;
}

h2, h3, h4, h5, h6{
	font-family: "Myriad Pro", "Trebuchet MS", Tahoma, Arial, sans-serif;
}

.advSearch{
	color: #606060 !important;
	text-decoration: underline;
}

.tagline{
	line-height: 0.9em;
}

#col_1 h3{
	font-size: 1.1em;
	color: #D5234F;
}

.home #col_1 h3{
	font-size: 1.3em;
}

#col_1 #simpleSearch .keyword{
	margin-bottom: 10px;
}

#col_1 #simpleSearch .keyword label{
	font-weight: bold;
}

#col_1 #simpleSearch .keyword input#keyword{
	width: 200px;
}

#col_1 #categories ul li a{
	background: #fff url(../images/bullet_gt_gray.gif) no-repeat 7px 7px;
	color: #535353;
	margin-bottom: 1px;
	padding: 3px 20px;
	display: block;
	font-size: 1.1em;
}

#col_1 #categories ul li a:hover
{
	color: #D5234F;
}

#col_1 #categories ul li.current a{
	background: #fff url(../images/bullet_gt_gray_bold.gif) no-repeat 7px 7px;
	font-weight: bold;
}

#col_1 #categories ul li.current .subNav li{
	font-weight: normal;
}

#col_1 #categories ul li.current .subNav li.current{
	font-weight: bold;
}

.singleNews{
	border: solid 4px #efefef;
	margin: 10px 10px 0 10px;
	padding: 10px;
}

.singleNews .image{
	float: left;
	margin-right: 10px;
}

.singleNews .desc{
	display: inline;
}

.singleNews dl dt{
	font-size: 1.2em;
	font-weight: bold;
}

.singleNews dl dt a
{
	color: #535353;
}

.singleNews dl dt a:hover
{
	color: #D5234F;
}

.singleNews dl dd{
	color: #cccccc;
	margin-top: 2px;
	margin-bottom: 5px;
}

.singleNews a.readMore{
	color: #D5234F;
	display: block;
	float: right;
	margin-top: 5px;
	text-decoration: underline;
}

.pagination{
	margin: 10px 30px 10px 30px;
}

.pagination a{
	color: #535353;
}

.pagination ul{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	float: left;
}

.pagination ul li{
	display: inline;
	margin: 0px 2px;
}

.pagination ul li a{
	color: #535353;
	text-decoration: underline;
}

.pagination ul li a:hover{
	color: #d5234f;
}

.pagination ul li.current,
.pagination ul li.current a{
	font-weight: bold;
	color: #D5234F;
	text-decoration: none;
}

.pagination a.first,
.pagination a.prev{
	float: left;
	margin-right: 10px;
	padding-left: 15px;
}

.pagination a.next,
.pagination a.last{
	float: right;
	display: inline;
	margin-left: 10px;
	padding-right: 15px;
	text-decoration: none;
}

.pagination a.first{
	background: transparent url(../images/page_first.gif) no-repeat 0 4px;
}

.pagination a.inactive{
	color: #f1f1f1;
}

.pagination a.prev{
	background: transparent url(../images/page_prev.gif) no-repeat 0 4px;
}

.pagination a.next{
	background: transparent url(../images/page_next.gif) no-repeat 100% 4px;
}

.pagination a.last{
	background: transparent url(../images/page_last.gif) no-repeat 100% 4px;
}

/********** ARTICLE **********/

.article{
	line-height: 1.5em;
	padding: 10px 20px 20px 20px !important;
	margin: 10px;
}

.article h3,
.article h4,
.article h5,
.article h6{
	margin-bottom: 10px;
}


.article ul,
.article ol,
.article p{
	margin-bottom: 7px;
}

.article a{
	color: #535353;
	text-decoration: underline;
}

.article a:hover{
	color: #d5234f;
}

.article ul li{
	list-style-type: disc;
	margin-left: 15px;
}

.article ul li ul{
	margin-left: 10px;
}

.article ol li{
	list-style-type: decimal;
	margin-left: 20px;
}

.article ol li ul li{
	list-style-type: disc;
}

.article .gallery{
	margin: 10px 0px;
}

.article .gallery ul li{
	float: left;
/* width: 170px; */
	padding: 3px;
	border: solid 1px #ccc;
	margin: 5px;
	list-style-type:none;
}

.basicNav{
	text-align:right;
}

.basicNav a{
	display: inline;
	color: #d5234f;
	text-decoration: underline;
	margin-left: 10px;
}

/********** END - ARTICLE **********/

/********** ZAAWANSOWANE **********/

#sort{
	background-color: #efefef;
	border-left: solid 1px #ccc;
	padding: 15px 10px;
}

#sort .showFilters{
	color: #535353;
	float: right;
	background: transparent url(../images/show_filters.gif) no-repeat 0 0;
	padding-left: 20px;
	text-decoration: underline;
}

#sort form{
	float: left;
	width: 400px;
}

#sort form fieldset select{
	width: 160px;
}

.advanced{
	margin: 10px;
	border: solid 3px #efefef;
}

.advanced h3{
	margin-left: 20px;
	margin-top: 10px;
	color: #d5234f;
}

.advanced form{
	padding: 10px 10px;
}

.advanced form .row{
	margin-bottom: 0px;
}

.advanced form fieldset{
	width: 168px;
	padding: 10px;
}

.advanced form fieldset strong{
	display: block;
	margin-bottom: 10px;
}

.advanced form fieldset.attribs{
	background-color: #efefef;
	border: solid 1px #ccc;
}

.advanced form fieldset.attribs.multi{
	height: 140px;
}

.advanced form fieldset input.text{
	width: 50px;
}

.advanced form fieldset{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.advanced form fieldset.keyword{
	width: 100%;
	float: none;
}

.advanced form fieldset.keyword input.text{
	width: 250px;
}

.advanced form fieldset.area label{
	font-weight: bold;
}

.advanced form fieldset.area input.text{
	width: 100px;
	margin-bottom: 10px;
}

.advanced form fieldset.additional{
	width: 360px;
}

.advanced form fieldset.additional .row{
	width: 160px;
	float: left;
	margin-right: 10px;
	clear: none;
}

.advanced form .searchButton,
.advanced form .clear{
	float: right;
	display: block;
	margin-right: 10px;
}

.advanced form .clear{
	background: transparent url(../images/bt_reset.gif) no-repeat 0 0;
	width: 55px; height: 22px;
	display: block;
	text-indent: -9999px;
}

.advanced form .row .close{
	float: left;
	color: #d5234f;
	text-decoration: underline;
	margin-top: 5px;
}

/**** projekty ***/

#projList{
	padding-left: 10px;
	background: transparent url(../images/sep_projList.gif) repeat-y 330px 0;
	display: block;
	clear: both;
}

.projMini{
	width: 310px;
	padding: 10px 10px 10px 0px;
	border-bottom: solid 1px #ccc;
	float: left;
	/* position: relative; */
	z-index: 100;
}

.projMini *{
	z-index: 100;
}


.projMini .popup{
	display: none;
	z-index: 200;
	position: absolute;
	top: 100px;
	left: 100px;
	width: 260px; height: 140px;
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}

.projMini .image{
	width: 310px;
	height: 206px;
	display: block;
}

.projMini .image:hover .popup{
	display: block;
}

.popup table
{
	border: 1px solid #efefef;
	
}

.popup *{
	z-index: 200;
}

.popup table th{
	text-align: left;
	width: 150px;
	color: #535353;
	padding: 3px 10px;
}

.popup table td{
	padding: 1px 0px;
}



.projMini.right{
	padding-left: 10px;
	padding-right: 0px;
}

.projMini .nameCode{
	background-color: #f8f8f8;
	border-bottom: solid 1px #efefef;
	padding: 5px;
}

.projMini .nameCode a{
	color: #353535;
}

.projMini .nameCode a.name{
	font-size: 1.7em;
	font-weight: bold;
	float: left;
	line-height: 22px;
}

.projMini .nameCode a.code{
	font-size: 1.4em;
	float: right;
	line-height: 22px;
}

.projMini .projInfo dl{
	display: inline;
	float: left;
	width: auto;
	margin-right: 2px;
}

.projMini .projInfo dl dt{
	font-weight: bold;
	float: left;
	line-height: 31px;
	margin-right: 1px;
}

.projMini .projInfo dl dd{
	color: #D5234F;
	float: left;
	line-height: 31px;
}

.projMini .projInfo a{
	float: right;
	color: #D5234F;
	text-decoration: underline;
	line-height: 31px;
}

.projMini .projOptions a{
	display: block;
	float: left;
	text-indent: -9999px;
	height: 22px;
	margin-right: 8px;
}

.projMini .projOptions a.addToComp{
	background: transparent url(../images/bt_compare.gif) no-repeat 0 0;
	width: 83px;
}

.projMini .projOptions a.addToFav{
	background: transparent url(../images/bt_favorite.gif) no-repeat 0 0;
	width: 72px;
}
.projMini .projOptions a.order{
	background: transparent url(../images/bt_order.gif) no-repeat 0 0;
	width: 68px;
}
.projMini .projOptions a.show{
	position: relative;
	background: transparent url(../images/bt_show.gif) no-repeat 0 0;
	width: 62px;
	margin: 0px;
	float: right;
}


/*********** KONTAKT **********/

.navSide{
	background-color: #efefef;
	padding: 10px;
	margin-bottom: 10px;
}


.navSide ul li.current a{
	height: 22px;
	border: solid 2px #d5234f;
	padding-top: 2px;
}

.navSide ul li a{
	background-color: #fff;
	color: #535353;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	line-height: 20px;
	margin-top: 5px;
	padding-left: 10px;
	padding-top: 4px;
	min-height: 22px; height: auto !important; height: 22px;
}

.navSide ul li a:hover{
	color: #d5234f;
}

.navSide ul li .subNav{
	margin-bottom: 10px;
}

.navSide ul li .subNav li{
	height: 14px;
	margin-left: 10px;
	background: #efefef url(../images/bullet_gt_gray.gif) no-repeat 0 7px;
}

.navSide ul li .subNav li a{
	background-color: transparent;
	height: 14px;
	text-transform: none;
	font-weight: normal;
	padding-top: 0px;
}

.navSide ul li.current .subNav li a{
	border: none;
}

.navSide ul li.current .subNav li.current {
	font-weight: bold;
	background: transparent url(../images/bullet_gt_gray_bold.gif) no-repeat 0 7px;
}

.navSide ul li.current .subNav li.current a{
	font-weight: bold;
}

#wrapContact{
	padding: 10px;
}

#wrapContact h4,
#wrapContact ul,
#wrapContact dl{

}

#wrapContact h4{
	width: 230px
}

#wrapContact ul{
	margin: 20px 0px;
}

#wrapContact dl{
	width: 150px;
	clear: left;
}

#wrapContact dl dt{
	display: inline;
	font-weight: bold;
	float: left;
	margin-right: 5px;
}

#wrapContact dl dd{
	display: inline;
	float: left;
}

#contactData{
	float: left;
	width: 280px;
	clear: left;
	margin-bottom: 20px
}

#wrapContact form{
	display: block;
	width: 590px;
	margin-top: 20px;
	clear: both;
	padding: 10px;
	border: solid 3px #efefef;
}

#wrapContact form h4{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

#wrapContact form label{
	width: 150px;
	text-align: right;
	display: block;
	float: left;
	margin-right: 10px;
}

#wrapContact form div.field_errors {
  margin-left: 170px;
  color: red;
}

#wrapContact form div.field_errors ul {
  margin: 0;
}

#wrapContact form input.text {
	width: 330px;
}

#wrapContact form textarea {
  width: 334px;
}

#wrapContact form textarea{
	height: 150px;
}

#wrapContact form input#cEmail{
	width: 200px;
}

#wrapContact form div{
	margin-bottom: 10px;
}

.sendButton{
	float: right;
	margin-right: 82px;
}

.map{
	width: 335px; height: 235px;
	float: right;
	margin: 0px 10px 10px 0px;
  overflow: hidden;
}

textarea{
	border: solid 1px #ccc;
}
/*********** END -KONTAKT **********/


/********** KARTA PROJEKTU **********/

#col_1 #browseProjects{
	height: 77px;
}

#col_1 #browseProjects,
#col_1 #promo{
	background-color: #efefef;
	margin-bottom: 10px;
	padding: 10px;
}

#col_1 #browseProjects a.back,
#col_1 #promo a{
	color: #535353;
	clear: both;
	display: block;
	padding-top: 10px;
	text-align: center;
	text-decoration: underline;
}

#col_1 #browseProjects a.prev{
	background: transparent url(../images/bt_prev.gif) no-repeat 0 0;
	display: block;
	float: left;
	width: 82px; height: 22px;
	text-indent: -9999px;
}

#col_1 #browseProjects a.next{
	background: transparent url(../images/bt_next.gif) no-repeat 0 0;
	display: block;
	float: right;
	width: 82px; height: 22px;
	text-indent: -9999px;
}


#col_1 #promo{
	width: auto !important; height: auto !important;
	margin-left: 0px;
}

#col_1 #promo a{
	text-align: left;
	padding-top: 0px;
}

#wrapProject{
	padding: 10px 0px 10px 10px;
}

.box{
	border: solid 3px #efefef;
	padding: 10px;
	margin-bottom: 10px;
}

.boxHeader{
	display: block;
	clear: both;
}

.boxHeader .showHide{
	float: right;
	color: #535353;
	text-decoration: underline;
}

.inactive .boxHeader *{
	margin-bottom: 0px;
}

#wrapProject h3,
#wrapProject h3 a{
	color: #d5234f;
	text-transform: uppercase;
	width: auto;
	float: left;
	display: block;
	padding-right: 10px;
	line-height: 1em;
}

#wrapProject h3{
	margin-bottom: 10px;
	padding-right: 20px;
}

#wrapProject .active h3{
	background: transparent url(../images/bullet_gt_pink_down.gif) no-repeat 100% 3px;
	margin-top: 0px;
}

#wrapProject .inactive h3{
	background: transparent url(../images/bullet_gt_pink.gif) no-repeat 100% 3px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#options{
	background-color:#EFEFEF;
	border-left:1px solid #CCCCCC;
	clear: both;
	padding: 10px;
}

#options a{
	display: block;
	text-indent: -9999px;
	height: 22px;
}

#options .mirror{
	background: transparent url(../images/bt_mirror.gif) no-repeat 0 0;
	float: left;
	width: 106px;
}

#options .addToFav{
	background: transparent url(../images/bt_addFavorite.gif) no-repeat 0 0;
	float: right;
	width: 135px;
}

#options .addToComp{
	background: transparent url(../images/bt_addCompare.gif) no-repeat 0 0;
	float: right;
	margin-right: 10px;
	width: 146px;
}

#extraOptions{
	padding: 5px 0px;
	margin-bottom: 5px;
	border-bottom: solid 1px #ccc;
}

#extraOptions .info{
	display: inline;
	float: left;
}

#extraOptions .print,
#extraOptions .recommend{
	float: right;
	padding-left: 20px;
	color: #535353;
	text-decoration: underline;
}

#extraOptions .print{
	background: transparent url(../images/ico_print.gif) no-repeat 0 2px;
}

#extraOptions .recommend{
	background: transparent url(../images/ico_recommend.gif) no-repeat 0 2px;
	margin-right: 10px;
}

#projOfMonth{
	background-color: 	#FFD700;
	margin-bottom: 5px;
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
	
}

#projOfMonth h3{
	color: #535353;
	float: none;
}

#gallery #navGallery{
	background-color:#EFEFEF;
	padding: 10px;
	margin-bottom: 5px;
}

#gallery #navGallery h3{
	float:left;
	margin-bottom:5px;
	margin-top:5px;
}

#gallery #navGallery ul{
	float: right;
}

#gallery #navGallery ul li{
	display: block;
	float: left;
}

#gallery #navGallery ul li a{
	height: 22px;
	display: block;
	text-indent: -9999px;
	margin-left: 10px;
}

#gallery #navGallery ul li.views a{
	background: transparent url(../images/bt_views.gif) no-repeat 0 0;
	width: 49px;
}

#gallery #navGallery ul li.interior a{
	background: transparent url(../images/bt_interior.gif) no-repeat 0 0;
	width: 59px;
}

#gallery #navGallery ul li.realizPhotos a{
	background: transparent url(../images/bt_realizPhotos.gif) no-repeat 0 0;
	width: 113px;
}

#gallery .bigImage{
	width: 475px; height: 317px;
	padding-right: 5px;
	border-right: solid 1px #ccc;
	float: left;
	display: block;
	margin-top: 13px;
}

#gallery .minis{
	width: 154px;
	padding-left: 3px;
	float: right;
}

#gallery .minis li{
	margin-bottom: 6px;
	display: block;
}

#gallery .minis li.last{
	margin-bottom: 0px;
}

#gallery .minis li.up a{
	margin-bottom: 2px;
	display: block;
	text-indent: -9999px;
	background: transparent url(../images/bullet_gt_pink_up.gif) no-repeat 50% 0;
	height: 7px;
}

#gallery .minis li.down a{
	margin-top: 6px;
	display: block;
	text-indent: -9999px;
	background: transparent url(../images/bullet_gt_pink_down.gif) no-repeat 50% 0;
	height: 7px;
}


#gallery .minis li.up a{
	margin-bottom: 3px;
	display: block;
}

/* autorzy projektu */

#authors{
	padding: 5px 10px;
}

/* właściwości projektu */





#wrapProject table{
	float: left;
	/*border: solid 1px #ccc;
	border-top: none;*/
	display: block;
	margin: 10px 5px;
}

#wrapProject table.prop_1{
	width: 250px;
	clear: left;
}

#wrapProject table.prop_2{
	width: 330px;
}

/*#wrapProject table tr{
	min-height: 16px; height: auto !important; height: 16px;
}*/

table .even{
	background-color: #efefef;
}

#wrapProject table tr.additional th,
#wrapProject table tr.additional td{
	border-top: none;
	padding-top: 1px;
}

table th{
	border-top: solid 1px #ccc;
}

table td{
	border-top: solid 1px #ccc;
	padding: 5px 0px 5px 10px;
}

#wrapProject table th{
	font-weight: bold;
	text-align: right;
	border-right: solid 1px #ccc;
	
}

#wrapProject table td{
	text-align: left;
	
	
}


#wrapProject table.prop_1 th{
	width: 200px;
	padding: 5px;
}

#wrapProject table.prop_2 th{
	width: 220px;
	padding-right: 5px;
}

#wrapProject table.prop_1 td{
	width: 130px;
}


#wrapProject table.prop_2 td{
	width: 160px;
}

#wrapProject table.prop_2 th span{
	display: block;
	font-weight: normal !important;
	font-size: 0.9em;
}

.energEp,
.energEk,
.energEa{ /* te trzy elementy (Ep, Ek, Ea) powinny byś wpisywane w tej właśnie kolejności, żeby style działały */
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

.energEk,
.energEa{
	border-top: none !important;
}

#rzuty .rzut{
	width: 512px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}


#rzuty .rzut table th{
	padding: 0px 5px;
	text-align: left;
}

#rzuty .rzut table td{
	padding: 0px 5px;
}

#rzuty .rzut table td.spaceName{
	width: 170px;
}

#rzuty .rzut table td.spaceArea{
	width: 40px;
	text-align: center;
}

#rzuty .rzut table td.and{
	width: 25px;
	text-align: center;
}

#rzuty .rzut table td span{
	color: #d5234f;
	font-weight: bold;
	padding-right: 5px;
}

/* end - właściwości projektu */

#additionalInfo{
	background-color: #efefef;
	padding: 10px;
	margin-bottom: 10px;
}

#additionalInfo h3{
	width: 500px;
}

#additionalInfo img{
	float: right;
}

#additionalInfo .desc{
	clear: left;
	float: left;
	text-transform: uppercase;
	width: 400px;
}

#comments .comment .commentContent{
	background: transparent url(../images/comments_top.gif) no-repeat 0 0;
	padding-top: 13px;
	width: 610px;
	margin-top: 13px;
}

#comments .comment .commentContent p{
	background-color: #efefef;
	border-left: solid 1px #dfdfdf;
	border-right: solid 1px #dfdfdf;
	border-bottom: solid 1px #dfdfdf;
	padding: 10px;
	width: 588px;
}
#comments .comment{
	clear: left;
	margin-bottom: 20px;
}

#comments .comment .date{
	color: #D5234F;
}

#comments .comment .author{
	font-weight: bold;
	float: left;
}

#comments .comment a.quote{
	color: #535353;
	text-decoration: underline;
	float: right;
	margin-right: 5px;
}

#comments form{
	display: block;
	clear: left
}

#comments form div{
	margin-bottom: 10px;
	clear: right;
	width: 604px;
}

#comments form label,
#comments form input.text,
#comments textarea{
	display: block;
	float: left;
	clear: left;
}

#comments form label{
	font-weight: bold;
}

#comments textarea{
	width: 605px;
	height: 100px;
}

#comments img{
	border: solid 1px #d5234f;
	clear:left;
	display:block;
	float:left;
	margin-right: 20px;
}

#comments form div.row{
	clear: right;
	float: left;
	width: 200px;
}

#comments form div.row label{
	width: auto;
}

#comments .sendButton{
	margin-right: 10px;
}

/********* PRZEDSTAWICIELE *********/

.przedstawiciel.box{
	padding: 15px 20px;
}

.przedstawiciel.box h3{
	text-transform: uppercase;
}

.przedstawiciel .address{
	float: left;
	width: 260px;
}
.przedstawiciel .desc{
	float: left;
	width: 295px;
}

.przedstawiciel .desc ul li{
	list-style-type: disc;
	margin-left: 15px;
}

/********* DOMY GOTOWE **********/

#content{
	padding: 20px 10px;
}

.wrap

.wrap #logos{
	margin-bottom: 10px;
}

.wrap #logos li{
	display: block; 
	float: left;
	margin: 10px 5px 10px 5px;
	width: 145px;
	text-align: center;
	line-height: 80px;
}

.domyGotowe .box{
	margin-left: 10px;
	margin-top: 10px;
}

.domyGotowe h3{
	text-transform: uppercase;
	margin-left: 10px;
}

.domyGotowe .logos ul li{
	float: left;
	margin: 10px;
	width: 133px;
	text-align: center;
}

.domyGotowe .logos ul li a{
	color: #535353;
	display: block;
	clear: both;
	text-align: center;
	text-decoration: underline;
}

.domyGotowe h3{
	padding-left: 10px;
}

.wykonawca .logo,
.wykonawca .askButton{
	float: left;
	display: block;
	clear: left;
	width: 210px;
}

.wykonawca .askButton{
	color: #d5234f;
	text-decoration: underline;
}

.wykonawca .contact{
	display: block;
	float: right;
	width: 350px;
}

.wykonawca .desc{
	margin: 10px 0px;
}


/********** WERSJE **********/

#col_1 #projInfo *{
	color: #fff;
}

#col_1 #projInfo{
	background-color: #d5234f;
	padding: 10px 5px 10px 10px;
	width: 215px;
	margin-bottom: 10px;
}

#col_1 #projInfo .projName{
	font-weight: bold;
}

#col_1 #projInfo .projName span{
	font-weight: normal;
}


#col_1 #projInfo .image
{
	border:4px solid #FFFFFF;
	display:block;
	height:136px;
	width: 201px;
}

#col_1 #projInfo .image a{
	height:130px;
	width: 195px;
}

#col_1 #projInfo table,
#col_1 #projInfo table *{
	border: none;
}

#col_1 #projInfo table th{
	text-align: left;
	width: 150px;
}

#col_1 #projInfo table td{
	padding: 1px 0px;
}

.projectShort,
.version.box{
	padding: 15px 20px;
}

.projectShort
{
	margin-bottom: 10px;
}


.version h3{
	text-transform: uppercase;
	margin-bottom: 10px;
}

.projectShort
.version h3 span{
	font-weight: normal;
	font-size: 0.8em;
}

.projectShort .image,
.version .image,
.version img{
	width: 310px; height: 206px;
	float: left; display: block;
}

.projectShort table,
.version table{
	width: 260px;
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}



.projectShort table th,
.version table th{
	width: 200px;
	text-align: left;
	padding-left: 10px;
}

.projectShort table td,
.version table td{
	width: 50px;
	color: #d5234f;
}

.projectShort a.show,
#col_1 #projInfo a.show,
.version a.show
{
	background:transparent url(../images/bt_show.gif) no-repeat scroll 0 0;
	margin:0;
	width:62px; height: 22px;
	display: block; text-indent: -9999px; float: right;  margin-right: 5px;
}

.projectShort a.button {
  display: block; float: right; margin-right: 14px;
}

.projectShort a.show{
	float: left;
	margin-left: 10px;
}


#col_1 #projInfo a.show{
	float: left; margin-left: 0px;
}

.version .order{
	background:transparent url(../images/bt_order.gif) no-repeat scroll 0 0;
	width:68px; height: 22px; 
	display: block; 
	text-indent: -9999px;
	float:left; 
	margin: 0 10px;
}

.wrap{
	padding: 20px;
}

#recent ul {
  margin-left: 15px;
}

#recent ul li{
	float: left; display: block;
	height: 143px; width: 171px;
	margin: 0 5px;
}


#recent ul li.prev a{
	background: transparent url(../images/bt_recentPrev_inact.gif) no-repeat 0 0;
	width: 13px; height: 113px;
	display: block;
	text-indent: -9999px;
}

#recent ul li.prev a.inact{
	background: transparent url(../images/bt_recentPrev.gif) no-repeat 0 0;
}

#recent ul li.next a{
	background: transparent url(../images/bt_recentNext_inact.gif) no-repeat 0 0;
	width: 113px; height: 113px;
	display: block;
	text-indent: -9999px;
}

#recent ul li.next a.inact{
	background: transparent url(../images/bt_recentNext.gif) no-repeat 0 0;
}


#recent ul li.prev,
#recent ul li.next,
#recent ul li.prev a,
#recent ul li.next a{
	width: 12px; height: 113px;

}

#recent h3{
	display: block;
	clear: both;
	width: 575px;
}

.seeAllProj{
	float: right;
	color: #d5234f;
	text-decoration: underline;
}

/*********** POPUPY **********/

#loginBox,
.contactForm{
	width: 350px; height: 170px;
	border: solid 3px #efefef;
	margin: 10px;
	padding: 10px 20px;
	font-size: 1.2em;
}

#loginBox h3,
.contactForm h3{
	margin-bottom: 10px;
	color: #d5234f;
}

#loginBox .row label,
.contactForm label{
	font-weight: bold;
	margin-right: 10px;
}

#loginBox .row input.text{
	width: 250px;
	padding: 5px;
}

#loginBox a{
	color: #d5234f;
	text-decoration: underline;
	float: left;
	margin-right: 20px;
}

#loginBox .loginButton{
	float: right;
	margin: 10px 0px;
}

.contactForm{
	width: 600px;
	height: auto;
}

.contactForm p{
	margin: 20px 0px;
}

.contactForm label{
	width: 150px;
	display: block;
	clear: both;
	margin-bottom: 5px;
}

.contactForm select{
	width: 500px;
}

.contactForm input.text{
	width: 300px;
	margin-bottom: 10px;
}

.contactForm fieldset{
	margin: 10px 0px;
	padding: 10px;
}

.contactForm fieldset.projList,
.contactForm fieldset.execList{
	background-color: #efefef;
}

.contactForm ul{
	margin: 10px;
}

.contactForm ul li{
	display: block;
	margin-bottom: 10px;
	border-bottom: dotted 1px #ccc;
	width: 490px;
}

.contactForm ul li a{
	color: #d5234f; text-decoration: underline;
}

.contactForm ul li a.projName,
.contactForm ul li a.execName{
	float: left;
}

.contactForm ul li a.remove{
	float: right;
	background: transparent url(../images/bt_remove.gif) no-repeat 0 0;
	width: 41px; height: 22px;
	display: block;
	text-indent: -9999px;
}

.contactForm .sendButton{
	margin-right: 0px;
}

/*********** END - POPUPY **********/


/*********** KATALOGI **********/

.navSide .cCD a{
	background: #fff url(../images/bt_cCD.gif) no-repeat 50% 50%;
	display: block;
	text-indent: -9999px;
	height: 33px !important;
	padding: 5px;
}

.navSide .cDG a{
	background: #fff url(../images/bt_cDG.gif) no-repeat 50% 50%;
	display: block;
	text-indent: -9999px;
	height: 33px !important;
	padding: 5px;
}


.navSide .cCDDC a{
	background: #fff url(../images/bt_cCDDC.gif) no-repeat 50% 50%;
	display: block;
	text-indent: -9999px;
	height: 18px !important;
	padding: 12px;
}

.catMini{
	width: 150px;
	float: left;
	margin: 10px 20px;
}

.catMini dl *{
	text-align: center;
}

.catMini dl dt{
	font-weight: bold;
	margin-top: 5px;
}

.catMini dl dd{
	color: #d5234f;
	margin-bottom: 5px;
}

.catMini .show{
	background: transparent url(../images/bt_show.gif) no-repeat 0 0;
	display: block;
	height: 22px; width: 62px;
	text-indent: -9999px;
	float: left;
	margin-left: 10px;
}

.catMini .order{
	background: transparent url(../images/bt_order.gif) no-repeat 0 0;
	display: block;
	height: 22px; width: 68px;
	text-indent: -9999px;
	float: right;
	margin-right: 7px;
}

#col_2 h3{
	margin: 10px 10px 10px 0;
}

.catDesc,
.promo.box{
	margin: 10px 20px;
}


.catWrap{
	margin: 10px;
	padding: 10px 20px;
}

.catWrap .article.desc,
.catWrap .article.index{
	padding: 0px !important;
	clear: both;
}

.catWrap .article.index{
	float: left;
	width: 361px;
	clear: left;
}

.catWrap .cost{
	float: left;
	width: 290px;
	clear: left;
	margin: 10px;
}

.catWrap .cost dl dt{
	float: left;
	margin-right: 5px;
}

.catWrap .cost dl dd{
	color: #d5234f;
	float: left;
	font-weight: bold;
}

.catWrap .cover{
	float: right;
	width: 200px;
	text-align: right;
}

.catWrap h3{
	width: auto;
	float: left;
}

.catWrap .order{
	background: transparent url(../images/bt_order_2.gif) no-repeat 0 0;
	display: block;
	height: 22px; width: 68px;
	text-indent: -9999px;
	float: left;
	margin-top: 7px;
}

.catWrap .gallery ul li{
	float: left;
	margin: 5px;
	padding: 3px;
	border: solid 1px #ccc;
}

/*********** end - KATALOGI **********/

#searchBox h3{
	margin-bottom: 0px;
}

/*********** FORMULARZ ZAMÓWIENIA **********/

.wrapOrder{
	margin: 10px;
	color: #000;
}

.wrapOrder .notice h3{
	margin-top: 0px !important;
	color: #d5234f;
}

.wrapOrder .notice a{
	color: #d5234f;
	text-decoration: underline;
}

.wrapOrder .notice ul li{
	background: transparent url(../images/bullet_arrow_pink.gif) no-repeat 0 5px;
	padding-left: 13px;
}

.wrapOrder .muratorInfo{
	margin-bottom: 20px;
	padding-left: 10px;
	width: 570px;
}

.wrapOrder h3 span{
	color: #d5234f;
}

.wrapOrder form fieldset{
	margin-bottom: 10px;
}

.wrapOrder form fieldset h4{
	text-transform: none;
	margin-bottom: 10px;
}

.wrapOrder form fieldset.attribs{
	background-color: #efefef;
	padding: 10px;
	width: 584px;
	display: block;
}

.wrapOrder form fieldset.address label{
	width: 150px;
	text-align: right;
	float: left;
	display: block;
	margin-top: 2px;
	margin-right: 5px;
	margin-left: 5px;
}

.wrapOrder form fieldset.address label.short{
	width: auto;
}

.wrapOrder form fieldset.address input.text{
	width: 175px;
}

.wrapOrder form fieldset.address input.text,
.wrapOrder form fieldset.address img,
.wrapOrder form fieldset.address input.radio,
.wrapOrder form fieldset.address input.chceckbox{
	float: left;
	margin-right: 5px;
}

.wrapOrder form fieldset.segment input.text,
.wrapOrder form fieldset.extras input.text,
.wrapOrder form fieldset.address #zip_2,
.wrapOrder form fieldset.address #recZip_2,
.wrapOrder form fieldset.address #constrZip_2,
.wrapOrder form fieldset.address #number,
.wrapOrder form fieldset.address #recNumber,
.wrapOrder form fieldset.address #constrNumber{

	width: 50px;
}


.wrapOrder form fieldset.address #zip_1,
.wrapOrder form fieldset.address #recZip_1,
.wrapOrder form fieldset.address #constrZip_1
{
	width: 30px;
}

.wrapOrder .ps p,
.wrapOrder p.ps{
	color: #999;
	font-style: italic;
}

.wrapOrder span.ps2{
	color: #d5234f;
	font-style: italic;
}

.wrapOrder form fieldset.twin label{
	margin-right: 60px;
}

.wrapOrder form fieldset .row{
	padding-left: 10px;
}

.wrapOrder form fieldset.twin .row{
	margin-top: 7px;
}

.error input.text,
.error textarea{
	border-color: #ff0000;
}

form div.field_errors {
  margin-left: 160px;
  color: red;
}

form div.field_errors ul {
  margin: 0;
}

#wrapContact form label{
	background: transparent url(../images/ico_req.gif) no-repeat 100% 0;
	padding-right: 10px;
}

.wrapOrder form fieldset div.txt{
	width: 280px;
	float: left;
	margin: 0px 10px;
}

.wrapOrder form fieldset div.txt label{
	font-weight: bold;
}

.wrapOrder form fieldset div.txt textarea{
	width: 280px;
}

.wrapOrder form fieldset div.txt p {
  padding: 0 10px;
}

.wrapOrder #summary{
	margin: 20px 0px;
	float: left;
}

.wrapOrder #summary th{
	width: 520px;
	text-align: left;
	padding-left: 10px;
}

.wrapOrder #summary th span{
	font-weight: normal;
}

.wrapOrder #summary td{
	width: 60px;
	text-align: right;
	color: #d5234f;
	padding-right: 10px;
}

.wrapOrder #summary h3.sum{
	text-transform: none;
	text-align: right;
}

.fromWhere select{
	width: 250px;
	margin-right: 10px;
}

.fromWhere input.text{
	width: 250px;
}

.box.register{
	padding-bottom: 0px;
	width: 550px;
	float: left;
}

#newAccount,
#profile{
	margin-top: 10px;
}

#profile{
	margin-top: 30px;
	width: 580px;
	margin-left: auto;
	margin-right: auto;
}

#newAccount label,
#profile label{
	width: 100px;
	text-align: right;
	display: block;
	float: left;
	padding-top: 3px;
	margin-right: 10px;
}

#newAccount input.text,
#profile input.text{
	width: 175px;
	float: left;
	margin-right: 10px;
}

#profile #zip_1{
	width: 30px;
}

#profile #zip_2{

	width: 50px;
}

#profile #number{
	width: 50px;
}

#profile label.short{
	width: auto !important;
}

form#register{
	padding: 20px;
}

#profile .agreement{
	margin-left: 105px;
}

#newAccount .agreement input.checkbox,
#profile .agreement input.checkbox{
	float: left;
}

#newAccount .agreement label{
	width: 500px;
	text-align: left;
	padding-top: 0px;
}
#profile .agreement label{
	width: 200px;
	text-align: left;
	padding-top: 0px;
}

#register h5{
	text-transform: none;
}

#newAccount .registerButton,
#profile .saveButton{
	float: left;
	display: block;
}

#newAccount .cancel,
#profile .cancel{
	float: left;
}

#newAccount .cancel,
.wrapOrder form .cancel,
#profile .cancel{
	background: transparent url(../images/bt_cancel.gif) no-repeat 0 0;
	width: 55px; height: 22px;
	display: block; 
	text-indent: -9999px;
	margin-right: 10px;
}

#profile h5{
	margin-bottom: 10px;
}

#profile .buttons{
	text-align: center;
}

#profile .buttons .cancel{
	margin-left: 230px;
}


.wrapOrder form .register h5{
	text-transform: none;
	margin-bottom: 5px;
}

.wrapOrder form .cancel,
.wrapOrder form input.makeOrderButton{
	float: right;
}

.wrapOrder form .agreement{
	padding: 10px;
}

.wrapOrder form .agreement label{
	display: inline-block;
	width: 500px;
}


#projInfo .projName{
	background: transparent url(../images/bullet_gt_white.gif) no-repeat 0 3px;
	padding-left: 8px;
	margin-bottom: 5px;
}

.wrapOrder .info h5{
	font-weight: bold;
	width: auto;
	float: left;
	text-transform: none;
	margin-right: 5px;
}

.wrapOrder .info ul{
	display: block;
	width: 150px;
	float: left;
}

.wrapOrder .info div
{
	margin-top: 10px;
}

.wrapOrder .info{
	padding: 10px;
	background-color: #efefef;
	margin-bottom: 10px;
}

.wrapOrder .info.address{
	width: 276px;
	margin-right: 10px;
	float: left;
}

.wrapOrder .info.address.short{
	margin-right: 0px;
	margin-bottom: 14px;
	display: block;
	clear: right;
}

.wrapOrder .info .txt{
	width: 282px;
	float: left;
	padding-right: 10px;
}

.wrapOrder .info .txt p{
	padding: 0px 10px;
	line-height: 1.7em;
}

.paymentType label{
	margin-right: 50px;
}

.paymentInfo{
	border-top: solid 1px #ccc;
	padding: 10px 10px 0px 10px; 
	margin-top: 10px;
}

.shortInfo.box{
	width: 270px;
	float: left;
}

a.send{
	background: transparent url(../images/bt_send_2.gif) no-repeat 0 0;
	height: 22px; width: 56px;
	display: block;
	float: right;
	text-indent: -9999px;
}

a.changeData{
	background: transparent url(../images/bt_changeData.gif) no-repeat 0 0;
	height: 22px; width: 77px;
	display: block;
	float: right;
	margin-right: 10px;
	text-indent: -9999px;
}

/********* PORÓWNYWARKA **********/

#wrapCompare{
	padding: 10px 0px 10px 10px;
}

#wrapCompare .attrib{
	width: 200px;
	float: left;
	margin-right: 10px;
}

#wrapCompare .show{
	display: block; clear: both;
	margin-bottom: 20px;
	margin-top: 5px;
	float: left;
}

#wrapCompare .wrapTable{
}

#wrapCompare .wrapTable .tableMinis{
	width: 172px;
	float: left;
	border: solid 1px #ccc;
	padding: 1px;
	padding-top: 171px;
}

#wrapCompare .wrapTable .tableMinis .project
{
	border-top:  solid 1px #ccc;
	padding-top: 1px;
	padding-bottom: 2px;
}

#wrapCompare .wrapTable .tableMinis .projName{
	background: transparent url(../images/bullet_gt_pink.gif) no-repeat 0 5px;
	padding-left: 10px;
	font-weight: bold;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 1px;
}

#wrapCompare .wrapTable .tableMinis .projCode{
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 1px;
}

.wrapTable .compTable{
	width: 460px;
	overflow: auto;
	border: none !important;
}

.wrapTable .compTable table{
	border-top: none;
}

.wrapTable .compTable th{
	height: 150px; width: 60px;
	border-top: soolid 1px #ccc;
	border-bottom: none;
	border-right: solid 1px #ccc;
}

.wrapTable .compTable th a{
	display: block;
	text-indent: -9999px;
	width: 60px;
	height: 100%;
}

.wrapTable .compTable th.last{
	border-right: none;
}

.wrapTable .compTable thead td{
	border-bottom: none;
	padding: 3px 10px;
	text-align: center;
	vertical-align: middle;
	height: 10px;
}

.wrapTable .compTable thead td a{
	width: 10px; height: 10px;
	line-height: 10px;
}

.wrapTable .compTable td{
	width: 50px;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
	border-right: solid 1px #ccc;
}

.wrapTable .compTable td.colSchema{
	width: 125px;
	padding: 10px;
}

a.asc{
	display: inline-block;
	background: transparent url(../images/bt_up.gif) no-repeat 0 0;
	width: 9px; height: 6px;
	text-indent: -9999px;
	float: left;
	margin-top: 4px;
}

a.asc_active{
	display: inline-block;
	background: transparent url(../images/bt_up_active.gif) no-repeat 0 0;
	width: 9px; height: 6px;
	text-indent: -9999px;
	float: left;
	margin-top: 4px;
}

a.desc{
	display: inline-block;
	background: transparent url(../images/bt_down.gif) no-repeat 0 0;
	width: 9px; height: 6px;
	text-indent: -9999px;
	float: right;
	margin-top: 4px;
}

a.desc_active{
	display: inline-block;
	background: transparent url(../images/bt_down_active.gif) no-repeat 0 0;
	width: 9px; height: 6px;
	text-indent: -9999px;
	float: right;
	margin-top: 4px;
}


.wrapTable table tbody tr{
	height: 162px;
}

a.removeAll{
	height: 22px; width: 186px;
	display: block;
	background: transparent url(../images/bt_removeAll.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 5px;
}

.project a.remove{
	height: 22px; width: 41px;
	display: block;
	float: left;
	margin-left: 2px;
	background: transparent url(../images/bt_remove.gif) no-repeat 0 0;
	text-indent: -9999px;
}

.project a.order{
	background: transparent url(../images/bt_order.gif) no-repeat 0 0;
	width: 68px; height: 22px;
	display: block;
	text-indent: -9999px;
	float: right;
	margin-right: 2px;
}

.compTable .colArea a{
	background: transparent url(../images/colArea.gif) no-repeat 50% 35px;
}

.compTable .colAreaNetto a{
    background: transparent url(../images/colAreaNetto.gif) no-repeat 50% 38px;
}

.compTable .colAreaDev a{
    background: transparent url(../images/colAreaDev.gif) no-repeat 50% 10px;
}

.compTable .colGarage a{
	background: transparent url(../images/colGarage.gif) no-repeat 50% 113px;
}

.compTable .colBedr a{
	background: transparent url(../images/colBedr.gif) no-repeat 50% 73px;
}

.compTable .colFirepl a{
	background: transparent url(../images/colFirepl.gif) no-repeat 50% 95px;
}

.compTable .colRoom a{
	background: transparent url(../images/colRoom.gif) no-repeat 50% 85px;
}

.compTable .colBathr a{
	background: transparent url(../images/colBathr.gif) no-repeat 50% 70px;
}

.compTable .colPromo a{
	background: transparent url(../images/colPromo.gif) no-repeat 50% 91px;
}

.compTable .colSouth a{
	background: transparent url(../images/colSouth.gif) no-repeat 50% 44px;
}

.compTable .colFamily a{
	background: transparent url(../images/colFamily.gif) no-repeat 50% 43px;
}

.compTable .colEnergo a{
	background: transparent url(../images/colEnergo.gif) no-repeat 50% 16px;
}

.compTable .colCost a{
	background: transparent url(../images/colCost.gif) no-repeat 50% 65px;
}

.compTable .colWidth a{
	background: transparent url(../images/colWidth.gif) no-repeat 50% 47px;
}

.compTable .colRidgeA a{
	background: transparent url(../images/colRidgeA.gif) no-repeat 50% 66px;
}

.compTable .colRidgeH a{
	background: transparent url(../images/colRidgeH.gif) no-repeat 50% 37px;
}

.compTable .colSchema a{
	background: transparent url(../images/colSchema.gif) no-repeat 50% 57px;
}

.compTable .colparter a{
	background: transparent url(../images/colParter.gif) no-repeat 50% 110px;
}

.compTable .colpoddasze a{
	background: transparent url(../images/colPoddasze.gif) no-repeat 50% 90px;
}

.compTable .colpiwnica a{
	background: transparent url(../images/colPiwnica.gif) no-repeat 50% 57px;
}

.compTable .colpietro a{
	background: transparent url(../images/colPietro.gif) no-repeat 50% 105px;
}

.compTable .colstudio a{
	background: transparent url(../images/colstudio.gif) no-repeat 50% 109px;
}

.compTable .colprzekroj a{
	background: transparent url(../images/colprzekroj.gif) no-repeat 50% 97px;
}

.compTable .coldzialka a{
	background: transparent url(../images/coldzialka.gif) no-repeat 50% 106px;
}





.compTable .colSchema a img{
	border: solid 1px #ccc;
	margin: 2px;
	

}

.table{
	border: solid 1px #ccc;
	border-bottom: none;
	margin-top: 20px;
}

#wrapProject .table table{
	margin: 0px;
}

#wrapProject .table table.sizes,
#wrapProject .table table.additional{
	margin: 0px;
	float: left;

}

#wrapProject .table table.additional{
	float: right;
}

#wrapProject .table table.sizes{
	border-top: solid 1px #ccc;
}

#wrapProject .table table.and{
	width: 50px;
	border-top: solid 1px #ccc;
	float: left;
	color: #d5234f;
	font-weight: bold;
}

#wrapProject .table table.and td{
	border-bottom: solid 1px #ccc;
	border-top: none;
	width: 40px;
}



#wrapProject .table table.additional{
	border-top: solid 1px #ccc;
}

#wrapProject .table table td{
	border-bottom: solid 1px #ccc;
	border-top: none;
	height: 23px;
	line-height: 23px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	font-size: 11px;
}
#wrapProject .table table td sup{
	line-height: 10px;
}

#wrapProject .table table p{
	width: auto;
	display: inline;
	float: left;
}



#wrapProject #properties table{
	border: solid 1px #ccc;
	border-top: none;
}

#wrapProject .table .general{
	width: 500px; height: 23px;
	float: left;

}

#wrapProject .table .general a{
	width: 17px; height: 17px;
}

#wrapProject .table ul{
	width: 500px;
	clear: both;
	display: block;
}

#wrapProject .table ul li{
	float: left;
	margin-right: 10px;
	height: 19px;
}

#wrapProject .table ul li.label{
	padding: 2px 5px 0px 5px;
	font-weight: bold;
}

.placeholder{
	height: 23px;
}

.infoBox{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.infoBox.error{
	border-color: #FF0000;
}

.infoBox.success{
	border-color: #32CD32;
}

.infoBox ul{
	margin: 10px 10px 10px 20px;
}

.infoBox ul li{
	list-style-type: disc;
}

.infoBox a
{
	color: #D5234F !important;
	text-decoration: underline;
}

.infoBox h3{
	margin-top: 0px !important;
}

.advanced h3{
	margin-left: 10px !important;
}

.advanced form fieldset.attribs.multi .row{
	display: block;
	height: 20px;
}

#wrapProject .table ul{
	padding-top: 2px;
}

#wrapProject .table ul li.flashLink{
	float: right;
	padding-top: 2px;
	margin-right: 0px;
}

#wrapProject .table ul li.flashLink a{
	color: #d5234f;
	text-decoration: underline;
}

#elewacje table{
	width: 620px;
	margin: 0px;
}

#elewacje table tbody tr td{
	border-top: none;
	text-align: center;
	vertical-align: center;
	width: 300px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#elewacje table tbody tr.top td{
	border-bottom: solid 1px #ccc;
}

#elewacje table tbody tr td.left{
	border-right: solid 1px #ccc;
	padding-left: 0px;
	padding-right: 5px;
}


div#tagline{
	width: 450px;
	float: left;
}

div#tagline p{
	color: #A8A8A8 ;
	font-size: 11px;
}

#logo{
	clear: both;
	margin-top: 15px;
}

#logLangBox{
	margin-top: -25px;
}

#contactBox h4{
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
}


/*#contactBox ul
{
	padding-left:33px;
}

#contactBox ul li {
	text-align:left;
	width:108px;
}
*/



#navMain ul li.sh span.drop{
	height: auto !important;
}

#navMain ul li.sh span.drop span{
	width: 20px !important;
}

#navMain ul li.sh span.drop span *{
	display: none;
}

#navMain ul li.sh span{
	padding-top: 0;
}

#col_2{
	overflow: hidden;
}

.contactForm{
	width: 560px;
}

.contactForm textarea{
	width: 500px;
}

#contactBox{
	font-size: 1em;
}

#contactBox ul{
	float: left;
}

#contactBox ul li{
	line-height: 1.5em;
}

#contactBox ul.notransform big{
		font-weight: bold;
	font-size: 1.1em;
	
	}
#contactBox ul.notransform small{
	
	}	
	
		
	.notransform li span {
	display:block;
	margin:0 0 0 32px;
	clear:both;
	}
	.specialContactSpan {
	position:absolute;
	
	}
	
	.notransform .topMargin {
	margin:7px 0 0 0 !important;
	}
	
	.notransform .noMargin {
	display:inline !important;
	margin:0 0 0 4px !important;
	}
	
#contactBox ul.phone{
	margin-left: 0;
	margin-right: 0;
	float: right;
	/*width:100px;*/
	font-size: 0.8em;
	margin-top:3px;
}
#contactBox ul.phone li {
	text-align:right;
	}
	#contactBox ul.phone li a {
	display:block;
	margin-top:10px;
	}
#contactBox ul li{
	display:block;
	clear:both;
	text-align: left;
}


#col_1 #appendixbox {
margin-left:0;
width:auto !important;
}
#col_1 #browseProjects, #col_1 #appendixbox {
background-color:#EFEFEF;
margin-bottom:10px;
padding:10px;
}
#appendixbox {
background-color:#EFEFEF;
height:40px;
margin:20px 0 20px 20px;
padding-left:13px;
width:367px !important;
}

.energy_description_box {
float:right;
}

.energy_description {
float:left;
width:180px;
}

.dateSelectAsk {
width:100px !important;
}

#pricePreview {
font-size:14px;
display:none;
margin:5px 10px 10px 0;
text-align:right;
}

#pricePreview span {
font-size:20px;
}

.bottomTableBorder {
border-bottom:1px solid #CCCCCC !important;
}

.project_attachments {
	background:#EFEFEF;
	margin:10px 0 0 0;
	padding:0;
	}
	
	.project_attachments p {
	margin:0 0 5px 0;
	}
	
.projectAttachment {
margin:0 5px 0 0;
}

.introCategoriesTable {
border:0;
width:440px;
clear:both;
}

.introCategoriesTable td {
border:0 !important;
}

.projectCategoryDescription {
margin:10px;
}

.comment_link {
margin:10px 0 10px 0;
}

.facebook_zone {
width:380px;
height:50px;
background:url('../images/fb_bg.jpg') no-repeat;
margin:5px 0 0 20px;
}

.facebook_zone div {
float:left;
width:190px;
padding:15px 0 0 0;
}

.facebook_zone div iframe {
	margin:0 0 0 70px;
}