/* CSS global BODY styles */
body {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #686868;
}
body.mainPage{
  background: url('../img/main_page_repeat_bkg.jpg') top center repeat-y;
}
body.subPage{
  background: url('../img/sub_page_repeat_bkg.jpg') top center repeat-y;
}
select {
	margin: 0px;
	padding: 0px;
}
ul, li, p, div, h1, h2, h3, form, fieldset, input, label, textarea {
	margin: 0;
	padding: 0;
	text-indent: 0;
}
fieldset{
  border:none;
}
p {
	line-height: 1.25em;
}
.textVersion {
	display: none;
}
a, a:visited {
  color:#4b4b4b;
	text-decoration: none;
	font-weight:bold;
}
 a:hover {
	text-decoration: underline;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
h2 span {
	display: none;
}
/* ------------------------------------------------------------------------------ MAIN DIVS */
#mainPageBkg{  
  min-height:650px;
  height:auto !important;
  height:650px;
  background: url('../img/main_page_bkg.jpg') top center no-repeat;
}
#subPageBkg{  
  min-height:650px;
  height:auto !important;
  height:650px;
  background: url('../img/sub_page_bkg.jpg') top center no-repeat;
}

#contener{
  width:953px;
	margin-left: auto;
	margin-right: auto;
}
.clearfix{
  clear:both;
  font-size:0px;
}
/* ------------------------------------------------------------------------------ TOP DIV */
#top{
  height:54px;
  width:911px;
  border-bottom:1px solid #b1b1b1;
}
#top h1{
  width:172px;
  height:34px;
  padding:20px 0px 0px 0px;
  float:left;
}
#top h1 img{
  float:left;
}
#top ul{
  float:left;
  padding:0px 15px 0px 92px;
  list-style-type:none;
  width:565px;
  margin-top:25px;
}
#top ul li{
  float:left;
  padding-right:15px;
}
#top ul li a{
  display:block;
  height:27px;
}
#top ul li a span{
  display:none;
}
#top ul li.oszczednosci a{
  width:99px;
  background: url('../img/menu_jak_szukac_oszczednosci.jpg');
}
#top ul li.opis a{
  width:116px;
  background: url('../img/menu_opis_techniczny.jpg');
}
#top ul li.multmiedia a{
  width:85px;
  background: url('../img/menu_multimedia.jpg');
}
#top ul li.eventy a{
  width:57px;
  background: url('../img/menu_eventy.jpg');
}
#top ul li.kontakt a{
  width:66px;
  background: url('../img/menu_kontakt.jpg');
}
#top ul li.oszczednosci a:hover, #top ul li.oszczednosci a.active{
  background: url('../img/menu_jak_szukac_oszczednosci.jpg') 0 -27px no-repeat;
}
#top ul li.opis a:hover, #top ul li.opis  a.active{
  background: url('../img/menu_opis_techniczny.jpg') 0 -27px no-repeat;
}
#top ul li.multmiedia a:hover, #top ul li.multmiedia a.active{
  background: url('../img/menu_multimedia.jpg') 0 -27px no-repeat;
}
#top ul li.eventy  a:hover, #top ul li.eventy  a.active{
  background: url('../img/menu_eventy.jpg') 0 -27px no-repeat;
}
#top ul li.kontakt a:hover, #top ul li.kontakt a.active{
  background: url('../img/menu_kontakt.jpg') 0 -27px no-repeat;
}

#mainPageMenu{
  float:left;
  padding:374px 0px 0px 5px;
  width:220px;
  height:118px;
/*  background: url('../img/main_page_menu_bkg.jpg') 0 0 no-repeat;;*/
}
#mainPageMenu ul{
  list-style-type:none;
}
#mainPageMenu ul li{
  padding-bottom:3px;
}
#mainPageMenu ul li a{
  width:126px;
  height:17px;
  display:block;
}

#mainPageMenu ul li a span{
  display:none;
}
#mainPageMenu ul li.oszczednosci a{
  background: url('../img/menu_main_page_oszczednosci.jpg');
}
#mainPageMenu ul li.opisTechniczny a{
  background: url('../img/menu_main_page_opis_techniczny.jpg');
}
#mainPageMenu ul li.eventy a{
  background: url('../img/menu_main_page_eventy.jpg');
}
#mainPageMenu ul li.multimedia a{
  background: url('../img/menu_main_page_multimedia.jpg');
}
#mainPageMenu ul li.kontakt a{
  background: url('../img/menu_main_page_kontakt.jpg');
}

#mainPageMenu ul li.oszczednosci a:hover{
  background: url('../img/menu_main_page_oszczednosci.jpg') 0 -17px no-repeat;;
}
#mainPageMenu ul li.opisTechniczny a:hover{
  background: url('../img/menu_main_page_opis_techniczny.jpg') 0 -17px no-repeat;;
}
#mainPageMenu ul li.eventy a:hover{
  background: url('../img/menu_main_page_eventy.jpg') 0 -17px no-repeat;;
}
#mainPageMenu ul li.multimedia a:hover{
  background: url('../img/menu_main_page_multimedia.jpg') 0 -17px no-repeat;;
}
#mainPageMenu ul li.kontakt a:hover{
  background: url('../img/menu_main_page_kontakt.jpg') 0 -17px no-repeat;;
}
#mainPageQuestionMark{
  float:left;
  width:450px;
  padding:196px 0px 0px 0px;
}
#mainPageQuestionMark ul{
  list-style-type:none;
}
#mainPageQuestionMark ul li {
  float:left;
}
/* ------------------------------------------------------------------------------ CONTENT DIV */
#subPageImg{
  float:left;
  width:271px;
  height:514px;
  background: url('../img/sub_page_img.jpg') 0 0 no-repeat;
}
#subPageImg2{
  float:left;
  width:271px;
  height:514px;
  background: url('../img/sub_page_img2.jpg') 0 0 no-repeat;
}
#subPageImg3{
  float:left;
  width:271px;
  height:514px;
  background: url('../img/sub_page_img3.jpg') 0 0 no-repeat;
}
#subPageImg4{
  float:left;
  width:271px;
  height:514px;
  background: url('../img/sub_page_img4.jpg') 0 0 no-repeat;
}
#subPageDownload{
  float:left;
  width:120px;
  padding:53px 0px 0px 0px;
}
#subPageDownload h2{
  width:118px;
  height:46px;
  background: url('../img/head_meterialy_informacyjne.png') 0 0 no-repeat;
  border-bottom:1px solid #d4d1cf;
  padding-bottom:9px;
}
#subPageDownload ul{
  list-style-type:none;
}
#subPageDownload ul li{
  padding:30px 0px 0px 0px;
}
#subPageDownload ul li a{
  color:#545454;
  display:block;
  padding:0px 0px 0px 50px;
  font-size:16px;
  font-weight:normal;
  width:70px;
  background: url('../img/pdf_ico.png') 0 0 no-repeat;
}
#subPageDownload ul li a:hover{
  text-decoration:underline;
}
#mainPageMain{
  width:450px;
  float:left;
  padding:75px 70px 0px 0px;
}
#mainPageMain h2{
  font-size:20px;
  color:#6e6e6e;
  font-weight:normal;  
  border-bottom:1px solid #d4d1cf;
  padding-bottom:9px;
}
#mainPageMain p{
  padding:10px 0px;
  line-height:1.5em;
  text-align:justify;
}
#mainPageMain ul{
  list-style-type:square;
  list-style-position:inside;
  padding:10px 0px 10px 20px;
}
#mainPageMain ul.decimal{
  list-style-type:decimal;
}
#mainPageMain ul li{
  line-height:1.5em;
  padding:3px 0px;
}
#content{
  clear:both;
  padding:0px 0px 20px 0px;
}

#content form{
  width:450px;
  padding-top:5px;
}
#content form p{  

}
#content form p.required{
  padding: 20px 0px 0px 143px;
  float:left;
}
#content form p.requiredSecond{
  padding: 20px 0px 0px 143px;
  text-align:right;
}
#content label.lRequested{
  font-weight:normal;
  display:block;
  font-size:14px;
  line-height:25px;
  padding:0px 0px 0px 0px;
  text-align:right;
}
#content .mesages{
  float:right;
}
#content form ul.input_text_list{
  list-style-type:none;
  padding:0px;
}
#content form ul.input_text_list li{
  width:450px;
  padding:4px 0px 0px 0px;
}
#content form ul.input_text_list label{
  font-weight:normal;
  display:block;
  width:115px;
  float:left;
  font-size:14px;
  line-height:25px;
  padding:0px 25px 0px 0px;
  text-align:right;
}
#infoAdd{
  display:none;
}
#content form ul.input_text_list label.error{
   width:450px;
   color:red;
   font-size:11px;
}
#content form ul.input_text_list label span, #content form p.required span, #content form p.requiredSecond span{
  color:red;
}
#content form ul.input_text_list input{
  width:294px;
  height:16px;
  padding:3px 5px;;
  background: #FFF;
  border: 1px solid #6d6d6d;
  font-family:Arial;
  font-size:12px;
}
#content form ul.input_text_list_long label{
  width:250px !important;
}
#content form ul.input_text_list_long select{
  background: #FFF;
  border: 1px solid #6d6d6d;
  font-family:Arial;
  font-size:12px;
    width:170px;
  height:20px;
}
#content form ul.input_text_list label.error{
    width:450px !important;
}
#content form ul.input_text_list_long input{
  width:160px;
  margin-left:275px;
}
#content textarea{
  width:294px;
  height:110px;
  padding:3px 5px;;
  background: #FFF;
  border: 1px solid #6d6d6d;
  overflow:hidden;
  margin:0px 0px 10px 0px;
  font-family:Arial;
  font-size:12px;
}
#content ul.input_text_list .mesages{
  float:none;
}
#content form input.formAccept{
  margin:5px 10px 0px 119px;
  float:left;
}
#content form label.formAccept{
  display:block;
  float:left;
  width:304px;
}
#content form .sendForm{
  float:right;
  margin: 20px 0px 0px 0px;
}



#content form span.incorrect{
  color:#ff2c2c;
  display:block;
  padding:5px 0px 3px 80px;
  height:13px;
}
#content ul.input_radio_list{
  list-style-type:none;
  padding-top:45px;
}
#content ul.input_radio_list li{
  text-align:right;
  float:left;
  display:block;
}
#content ul.input_radio_list li ul li{
  float:right;
  clear:both;
  color:#686868;
  width:125px;
  line-height:1.5em;
}
#content ul.input_radio_list li label{
  padding-right:5px;
}
label.error{
  color:red;
}
#content ul.input_radio_list li ul li label.error{

  display:block;
}
#content ul.input_radio_list b{
  font-weight:normal;
  font-size:14px;
}
#content ul.input_radio_list b span{
  color:red;
}
#content ul.input_radio_list li.timeframe{
  width:140px;
  text-align:right;
  padding-right:10px;
}
#content ul.input_radio_list li.timeframe ul li{
  width:140px;
}
#content ul.input_radio_list li.kindOfCompany{
  width:170px;
  text-align:right;
  padding-right:10px;
}
#content ul.input_radio_list li.kindOfCompany ul li{
  width:170px;
}
#content ul.input_radio_list li.companySize{
  width:90px;
  text-align:right;
}
#content ul.input_radio_list li.companySize ul li{
  width:90px;
}

#content ul.input_radio_list ul{
  list-style-type:none;
}

#content label.mesages{
  text-align:left;
  font-weight:bold;
  color:#4d748d;
}
#content input.agree{
  float:left;
}
#content label.agree{
  width:340px;
  float:left;
  color:#686868;
}

#content input.sendForm:hover{
  background: url('../img/input_send.jpg') 0 -26px no-repeat;
}

.transsparentBoxTop{
  height:19px;
  background: url('../img/transparent_box_top_bkg.png');
}
.transsparentBoxMain{
  padding:0px 0px;
  background: url('../img/transparent_box_main_bkg.png');
}
.transsparentBoxBottom{
  height:19px;
  background: url('../img/transparent_box_bottom_bkg.png');
}
.transsparentBoxMain strong{
  display:block;
  text-align:left;
  font-size:16px;
  padding-left:20px;
}
.transsparent{
  margin-bottom:20px;
  position:relative;
  width:450px;
  
}
.transsparent .medal{
  width:189px;
  height:194px;
  position:absolute;
  top:0px;
  right:0px;
}
.transsparent .medalBronze{
  background: url('../img/medal_bronze.png');
}
.transsparent .medalSilver{
  background: url('../img/medal_silver.png');
}
.transsparent .medalGold{
  background: url('../img/medal_gold.png');
}
.transsparent .medalPlatinium{
  background: url('../img/medal_platinium.png');
}
#mainPageMain .transsparent ul{
  padding-left:20px;
  list-style-type:none;
  list-style-position:outside;
}
#mainPageMain .transsparent ul li{
  padding:3px 0px 3px 10px;
  margin:0px;
  background: url('../img/li_ico_square.jpg') 0 8px no-repeat;
}
      
#mainPageMain .transsparent ul li ul{
  padding:0px 0px 0px 10px;
}
/* ------------------------------------------------------------------------------ FOOTER DIV */
#footer{
  height:33px;
  width:911px;
  border-top:1px solid #b1b1b1;
  padding:11px 0px 0px 0px;
  color:#7e8da3;
}
#footer a:hover{
  text-decoration:underline;
}
#footer .comarch{
  float:left;
  margin-right:8px;
}
#footer ul{
  float:left;
  width:300px;
  list-style-type:none;
}
#footer ul li{
  float:left;
  padding:0px 8px;
  line-height:17px;
}
#footer ul li a{
  font-weight:normal;
  font-size:10px;
  color:#7e8da3;
}
#footer .copy{
  display:block;
  float:left;
  font-weight:normal;
  font-size:10px;
  color:#7e8da3;
  line-height:17px;
}
#footer .copy a{
  color:#7e8da3;
  font-weight:normal;
}
#footer .sointeracitve{
  float:right;
}