body{
padding: 0;
margin: 0;



font-size: 0.88em;
font-family: Verdana;
color: #616161;


}
/*permedia*/
ul{padding-left:45px}

/*komponenty*/
.menu{
list-style: none;
padding: 0;
margin: 0;                          
margin-left:5px;
}
.prostokat
{
background: url('images/header.png') no-repeat;
}
a{
text-decoration: none;
}
#wrapper{
width: 926px;
margin: 0 auto;

}
#top_container{
width: 900px;
margin: 15px auto 0 auto;

}


#top
{
background: url('images/header.png')170px 2px no-repeat;
}

textarea
{
 width:260px;
 overflow: hidden;
}



img
{
 border:0px;
}

#top_container a{
font-weight: bold;
color: #ffffff;
}
#header_logo{
background: url('images/header.png') no-repeat;
width: 900px;
float: left;
margin: 0 auto 3px auto;
}
#logo_container{
background: url('images/logo.png') no-repeat;
float: left;
margin: -1px 30px 5px 60px;
padding: 0;
width: 211px;
height: 49px;

}
#logo_container a{
display: block;
width: 211px;
height: 49px;
}
#logo_container a span{
display:none;
}
.menu.header{
font-size: 10px;
float: right;
margin: 20px 0px 10px 20px;
}
.menu.header li{
float: left;
margin:0 5px;
padding: 3px 0;
}
.menu.header li.home a{
background: url('images/home_ico.png') no-repeat;
padding-left: 15px;
padding-top: 2px;
}

.menu.header li.ulubione{
background: url('images/top_menu_separator.png') no-repeat ;
padding-left: 10px;
margin-right: 10px;
}
.menu.header li.flaga {
background: url('images/top_menu_separator.png') no-repeat ;
padding-left: 10px;

}
.menu.header li.flaga span{
display: none;
}
.menu.header li.flaga a{
background: url('images/flaga.png') no-repeat ;
padding-left: 10px;
margin-right: 0px;
width: 15px;
height: 13px;
display: block;
}
.menu.header li.flaga1 {
background: url('images/top_menu_separator.png') no-repeat ;
padding-left: 10px;

}
.menu.header li.flaga1 span{
display: none;
}
.menu.header li.flaga1 a{
background: url('images/polish.png') no-repeat ;
padding-left: 10px;
margin-right: 10px;
width: 15px;
height: 13px;
display: block;
}

.menu.header li.flaga2 {
background: url('images/top_menu_separator.png') no-repeat ;
padding-left: 10px;

}
.menu.header li.flaga2 span{
display: none;
}
.menu.header li.flaga2 a{
background: url('images/flaga_RUS.png') no-repeat ;
padding-left: 10px;
margin-right: 10px;
width: 15px;
height: 14px;
display: block;
}



.menu.header li.flaga a:hover
{
background: url('images/flagahover.png') no-repeat ;

}
 .menu.header li.flaga2 a:hover
{
background: url('images/flaga_RUS_h.png') no-repeat ;

}

.menu.header li.flaga1 a:hover
{
background: url('images/polishh.png') no-repeat ;

}

.menu.header li.home a:hover
{
background: url('images/hover_home_ico.png') no-repeat ;


}

.menu.header li.home   :hover
{

color:red;

}
.menu.header li.ulubione   :hover
{

color:red;

}

#flash_container{
background: url('images/flash_box7.jpg') no-repeat;
width: 900px;
height: 237px;
float: left;
}
#menu_container{
background: url('images/menu_shaddow.jpg') no-repeat left bottom;
width: 926px;
height: 72px;
float: left;

}
#main_container
{
 
 
}

#menu_container .menu{
background: url('images/tlo_pod_menu.png') no-repeat;

width: 900px;
height: 55px;
margin: 5px auto;
font-size: 0.88em;
font-weight: bold;

}
#menu_container .menu li{
float: left;
height: 55px;
margin-left:15px;
padding: 0;
overflow: hidden;
}
#menu_container .menu li:hover, #menu_container .menu li.li_hover{
background: url('images/menu_hover_menu_l.png') no-repeat;
display:block;
overflow: hidden;
}

#menu_container .menu li:hover a, #menu_container .menu li.li_hover a
{
background: url('images/menu_hover_menu_r.png') no-repeat top right;
display: block;

height: 55px;
float: left;
overflow: hidden;
}



#menu_container .menu li a{
display: block;
padding: 18px 18px;
color: #ffffff;
width:auto;
overflow: hidden;

}

#left_container{
width: 197px;
float: left;
margin-left: 10px;
}
#submenu{
background: url('images/left_menu_top.png') no-repeat;
float: left;
width: 197px;
padding-top: 43px;
margin-bottom: 20px;
overflow: hidden;

}
#submenu li a:hover
{
overflow: hidden;
 color:red;
}
#submenu ul{
background: url('images/left_menu_bottom.png') no-repeat left bottom;
float: left;
width: 197px;
padding-bottom: 50px;
overflow: hidden;
}
#left_container .menu{
padding: 0 10px 10px 15px;
margin: 0;
font-size: 100%;
overflow: hidden;
}
#left_container .menu li{
margin-bottom: 10px;
background: url('images/punktor_menu_1.png') no-repeat left 50%;
font-size: 0.82em;
padding-left: 15px;
overflow: hidden;
}

#left_container #submenu .menu li a{
color: #8F8F8F;
font-weight: bold;
display: block;
padding-right: 15px;
width: 130px;
display:block;
overflow: hidden;
}


#left_container #submenu .menu li a:hover{

color:#980A0E;
background: url('images/arrow_menu.png') no-repeat right top;
overflow: hidden;

}

/*TO */
#left_container #submenu .menu ol a{
color: #8F8F8F;
font-weight: bold;
display: block;
padding-right: 15px;
width: 115px;
display:block;
overflow: hidden;
}
#left_container .menu ol{
margin-bottom: 10px;
margin-left:30px;
background: url('images/punktor_menu_1.png') no-repeat left 50%;
font-size: 0.82em;
padding-left: 15px;
overflow: hidden;
}
#left_container #submenu .menu ol a:hover{
overflow: hidden;
color:#980A0E;
background: url('images/arrow_menu.png') no-repeat 120px  top;

}
 /*TO */
#content_container{
width: 924px;
float: left;
margin-right:0;
height:auto;

}
#content_container p{
margin: 20px;
padding: 0;
}

#content_container h2 span{
display: none;
}
#right_container{
width: 700px;
padding-left: 40px;
 text-align: justify;
font-size: 0.82em;

}
#main_right_container{
width: 300px;
float: left;
}
#main_content{
float: left;
width: 703px;
}
#header_content{
float: left;
width: 703px;
background:#FBFBFB url('images/header_top_title.png') no-repeat 0px 1px;
}

#main_content_container #header_content{
float: left;
width: 373px;
background:#FBFBFB url('images/header_top_title_main.png') no-repeat 0px 2px;
margin-left: -1px;
position: relative;
}
.header_content_inside{
float: left;
width: 100%;
background: url('images/header_bottom_title.png') no-repeat bottom left;
padding-bottom: 23px;
float: left;
}
.header_content_inside div{
float: left;
background: url('images/header_title_ico_main.png') no-repeat bottom right;
width: 40px;
height: 55px;
position: absolute;
right: 20px;
bottom: 7px;
} 

#main_content_container .header_content_inside{
float: left;
width: 100%;
background: url('images/header_bottom_title_main.png') no-repeat bottom left;
padding-bottom: 23px;
}

#main_content .header_content_inside h2{
font-size: 1.2em;
margin: 15px 20px 5px 20px;
background: url('images/title_section_punktor.png') no-repeat;
padding-left: 15px;
}
#main_content_container .header_content_inside h2{
font-size: 1.2em;
margin: 15px 20px 5px 20px;
background: url('images/title_section_punktor.png') no-repeat;
padding-left: 15px;
width: 200px;
}
#main_content .header_content_inside h2 a, #main_content_container .header_content_inside h2 a{
color: #AEAEAE;
}
#main_content .header_content_inside h3{
font-size: 1.0em;
margin: 5px 20px 2px 20px;
background: url('images/title_section_punktor_small.png') no-repeat;
padding-left: 15px;
}
#main_content_container .header_content_inside h3{
font-size: 1.0em;
margin: 5px 20px 2px 20px;
background: url('images/title_section_punktor_small.png') no-repeat;
padding-left: 15px;
width: 270px;

}
#main_content .header_content_inside h3 a, #main_content_container .header_content_inside h3 a{
color: #980A0E;
}

.article_box{
float: left;
margin-top: 20px;
font-size: 0.82em;
padding-left:5px;

}
.article_boxP{
float: left;
margin-top: 20px;
font-size: 0.82em;
padding-left:5px;

}

#popup .article_boxP p strong
{
margin-left:-80px;
}
#popupang .article_boxP p strong
{
margin-left:-80px;
}
.article_boxP p {
margin-top:5px;
}
.picture
{
 width:400px;
 margin-left:-105px;
}
#popup
{

float: left;
margin-top: -5px;
margin-left:0px;
font-size: 0.88em;
padding-left:125px;
background: url('images/tlo_okno_permedia.jpg') no-repeat;
width:520px;
height:556px;


}
#popup p strong
{
margin-left:-70px;
 color:#AA0000;
 margin-top:8px;
 
}


#popup table
{
margin-top:9px;

}

#popupang
{

float: left;
margin-top: -5px;
margin-left:0px;
font-size: 0.88em;
padding-left:125px;
background: url('images/tlo_okno_permediaANG.jpg') no-repeat;
width:520px;
height:556px;


}
#popupang p strong
{
margin-left:-70px;
 color:#AA0000;
 margin-top:8px;
 
}


#popupang table
{
margin-top:9px;

}




.article_box h3{

float: left;
clear: both;
width: 100%;
margin: 3px 20px 5px 20px;
padding: 0;
font-size: 1em;
}
.article_box h3 a{
color: #C80000;
padding: 0;
}
.article_box p{
clear: both;
line-height: 2em;
margin-top:5px;
}
.article_box .data_header{
display: block;
margin-left: 20px;
float: left;
color: #020202;
font-weight: bold;
padding:0 10px 5px 10px;
font-size: 0.88em;
background: url('images/arrow_news.png') no-repeat 0 50%;

}
.news_box{
float: left;
margin: 20px 10px 5px 20px;
font-size: 0.82em;
width: 680px;

} 
.news_box2{
float: left;
margin: 20px 10px 5px 20px;
font-size: 0.82em;
width: 870px;

} 
.news_box2 .data_header{
display: block;
margin-left: 20px;
float: left;
color: #020202;
font-weight: bold;
padding:0 10px 5px 10px;
font-size: 0.88em;
background: url('images/arrow_news.png') no-repeat 0 50%;

}
.news_box .data_header{
display: block;
margin-left: 20px;
float: left;
color: #020202;
font-weight: bold;
padding:0 10px 5px 10px;
font-size: 0.88em;
background: url('images/arrow_news.png') no-repeat 0 50%;

}
.news_box h3 a{
color: #C80000;
padding: 0;
}
.news_box2 h3 a{
color: #C80000;
padding: 0;
}
.news_box h3{

float: left;
clear: both;
width: 100%;
margin: 3px 20px 5px 20px;
padding: 0;
font-size: 1em;
}
.news_box2 h3{

float: left;
clear: both;
width: 100%;
margin: 3px 20px 5px 20px;
padding: 0;
font-size: 1em;
}
.news_box p{
clear: both;
line-height: 2em;
}
.news_box2 p{
clear: both;
line-height: 2em;
}
.news_box h3 a{
color: #C80000;
padding: 0;
}
#artykul
{
 width:660px;
 
  text-align: justify;
  font-size: 100%;
 
 margin-left:20px;
 float: left;
}
#artykul1
{
 width:660px;
 
  text-align: justify;
  font-size: 100%;
 
 margin-left:20px;
 margin-top:100px;
 float: left;
}
#artykul2
{background: url('images/karta_powiel.png') repeat-y ;
 width:100%;
 font-family: Tahoma;
  text-align: justify;
  font-size:0.82em;
 
 margin-left:22px;
 margin-top:-5px;
 float: left;
}
#toper
{
margin-left:20px;
margin-bottom:1px;
}
#artykul2 p
{

 margin-left:50px;
 width:34%;
 float:left;
}
#artykul2 p img{
float: right;


}
#artykul2 p  strong 
{
float:left;
font-weight:normal;
 margin-top:10px;
 
}
#artykul2 a
{
 margin-left:110px;
 
 float:left;
}


#artykul2 p a.thickbox{
 display: block;
 float: right;
 clear: both;
margin-top: 5px;
}


#formularz
{margin-top:160px;

 width:250px;
 margin-left:80px;

 
 

}
label
{
color:white;
padding-left:5px;


height:300px;
margin-top:20px;

}

#a
{
padding-bottom:4px;
background: url('images/tlo.png') no-repeat;

}
#dec
{

float:left;
background: url('images/koperta.png') no-repeat;
}
#adres
{
float:right;
 width:300px;
 height:320px;
 margin-right:85px;
 text-align: left;
  
  padding-top:0px;
  line-height:120%;
  font-family: Tahoma;
}

#adres h4{
color:#FF0000;
font-weight: bold;
text-align: left;
}
#naglowek
{
height:100px;
float:left;
width:420px;
margin-left:25px;
margin-top:60px;
}
#link
{
margin-top:35px;

}
#link a 
{
 margin-left:40px; 
 margin-top:15px;
 
 padding-top:15px;
 color:red;
}
#naglowek2
{
width:420px;
height:100px;
float:right;
margin-right:25px;
margin-top:60px;
}
#form
{ 
margin-top:15px;
width:303px;
height:334px;
float:right;
border:none;
 margin-right:34px;
 
}
#foto 
{ 
padding-top:40px;
width:197px;
margin-left:20px;
height:283px;
float:left;
border:none;
 
}
#foto .img
{
border:none;
float: left;
}


#footer{
float: left;
margin-top:auto;
clear: both;
width: 926px;
background: url('images/footer_tlo_2.png') no-repeat;
height: 40px;

}
#footer .menu{

width: 800px;
height: 40px;
margin: 0 auto;

}
#footer .menu li{
float: left;
padding: 0px 15px;
color: #ffffff;
margin: 7px 0;
font-size: 0.82em;
border-right: 1px solid #ffffff;
}

#footer .menu li a{
color: #ffffff;
margin-left:10px;
}
#footer .menu li:hover a{
color:#FF0000;
margin-left:10px;
}
#footer .menu li p{
padding: 25px 15px;
margin: 0;
font-size: 1em;


}
#footer .menu li img{
border: none;
}


#footer .menu li.tel_numbers{
width: 250px;
}
#footer .menu li.kontakt_footer{
width: 350px;
}
#footer .menu li.kontakt_footer a{
padding: 35px 10px;
display: block;
float: left; 
}
#footer .menu li.kontakt_footer a.more{
padding: 30px 0;
font-size: 0.70em;
margin-left: 35px;
margin-top: 5px;
color: #ffffff;
font-weight: bold;
}
#main_content_container{
width: 400px;
float: left;
}
#main_content_container .text_box{
margin: 20px 15px;
font-size: 0.82em;
float: left;
line-height: 2em;
}
#main_content .article_box{
margin: 20px 15px;
font-size: 0.82em;
float: left;
line-height: 2em;
}

/*stopka na głównej stronie*/
#footer.main_site{
float: left;
clear: both;
width: 926px;
background: url('images/shaddow_footer.jpg') no-repeat bottom left;
height: 100px;
}
#footer.main_site .menu{
background: url('images/footer_tlo.png') no-repeat;
width: 900px;
height: 90px;
//margin: 0 10px 0 11px;
}
#footer.main_site .menu li{
float: left;
width: 300px;
color: #8A0000;
border: none;
margin: 0;
padding: 0;
font-size: 1em;
}
#footer.main_site .menu li p{
padding: 25px 15px;
margin: 0;
font-size: 1em;

}
#footer.main_site .menu li img{
border: none;
}
#footer.main_site .menu li a{
display: block;
padding: 20px;
color: #8A0000;
}

#footer.main_site .menu li.tel_numbers{
width: 250px;
}
#footer.main_site .menu li.kontakt_footer{
width: 350px;
}
#footer.main_site .menu li.kontakt_footer a{
padding: 35px 10px;
display: block;
float: left; 
}
#footer.main_site .menu li.kontakt_footer a.more{
padding: 30px 0;
font-size: 0.70em;
margin-left: 35px;
margin-top: 5px;
color: #ffffff;
font-weight: bold;
}









#site_info{
width: 900px;
float: left;
clear: both;
height: 20px;
font-size: 0.72em;
text-align: center;
color: #E3E3E3;
}
#site_info  a
{
color: #E3E3E3;
}
#site_info  a:hover
{
text-decoration:underline;
}

.text_head1{
background: url('images/aktualnosci.png') no-repeat top left;
width:600px;
padding: 10px 0px;
margin: 5px 20px;
float: left;
height:90px;
}
.text_head div{
float: left;
width: 100%;
background: url('images/header_text_bottom.png') no-repeat top left;
margin: 0;
padding: 20px 50px;
}
.text_head h2{
margin: -10px 20px 2px 15px;
padding-right: 80px;
background: url('images/section_arrow.png') no-repeat right 5px;
width: 129px;
}
.text_head h3 {
margin: 3px 70px 5px 15px;
}
.text_head h3 a{
color: #A90B0F;

}
 h4  {
color: #FF0000

}
 h5 {
margin-right:90px;
float:right;
text-decoration: underline;

}
 h7 {
margin-left:90px;
margin-top:10px;
float:left;
text-decoration: underline;

}

#spacja
{
 background: url('images/belka_dolna.png') no-repeat ;
}



.main_blocks{
margin: 0;
padding: 0;
clear: both;
font-size: 0.92em;
}
.main_blocks h4{
margin: 0;
padding: 0;
clear: both;
font-size: 0.92em;
}



.main_blocks li{
float: left;
margin: 0;
display: block;

}

.main_blocks li img{
border: 0;
}
.main_blocks #block_1{
width: 355px;
height: 318px;
margin-left: 0px;
padding: 35px 10px 20px 40px;
position: relative;
//margin-left: -15px;
margin-top:-35px;
margin-bottom:30px;

}
#block_1 p.adres{

padding-left:20px;
background: url('images/box_ico_maill.png') no-repeat 0px 6px ;
}

#block_1 p.tel_number{
background: url('images/box_ico_tel.png') no-repeat 0px 6px ;
padding-left:20px;
height:20px;
}
#block_1 p.tel_fax{
background: url('images/box_ico_print.png') no-repeat 0 6px;

padding-left:20px;
height:20px;
}
#block_1 p.email_box{
background: url('images/box_ico_maill.png') no-repeat 0 6px;

line-height:150%;
padding-left:20px;
}
.main_blocks h4{
font-size: 0.92em;
color: #E0363E;
margin-left:40px;
}
.main_blocks h3{
font-size: 1em;
}
.main_blocks p{
font-size: 0.92em;
}
.main_blocks a{
color: #616161;
}

#nag
{font-weight:bold;
margin-bottom:20px;
 margin-left:90px; 
 padding-bottom:10px;
}
#nag p.prawy
{

margin-left:340px;
margin-top:-15px;
}
#nag p.lewy
{


}

#nagr
{font-weight:bold;
margin-bottom:20px;
 margin-left:5px; 
 padding-bottom:10px;
}
#nagr p.prawy
{

margin-left:340px;
margin-top:-15px;
}
#nagr p.lewy
{


}








#oferta
{
cursor: pointer;
 margin-top:270px;
}


.article_box li
{
margin-left:150px;
}
.article_box ol
{
margin-left:150px;
}
.article_box
{
 text-align:justify;
}
#transparent
{
 margin-left:15px;
}



.oferta.box{
padding: 0;

width:120%;
list-style: none;
margin-left:0px;
} 
.oferta.box li,.oferta.box li a{
float: left;

display: block;
width: 313px;
height: 108px;

}
.oferta.box li{
margin: 2px 10px 15px 10px;
width:40%;
}
.oferta.box li a span{
display: none;
}
.oferta.box li#zelazowe{


background: url('images/1.png') no-repeat;
}
.oferta.box li#zelazowe:hover{
background: url('images/1h.png') no-repeat ;
}
.oferta.box li#kadmowe{
background: url('images/2.png') no-repeat;
}
.oferta.box li#kadmowe:hover{
background: url('images/2h.png') no-repeat ;
}
.oferta.box li#tlenkowe{
background: url('images/3.png') no-repeat;
}
.oferta.box li#tlenkowe:hover{
background: url('images/3h.png') no-repeat ;
}
.oferta.box li#mieszanki{
background: url('images/4.png') no-repeat; 
}
.oferta.box li#mieszanki:hover{
background: url('images/4h.png') no-repeat ; 
}  
.oferta.box li#koncentraty{
background: url('images/5.png') no-repeat; 
}
.oferta.box li#koncentraty:hover{
background: url('images/5h.png') no-repeat ; 
}  
.oferta.box li#pasty{
background: url('images/6.png') no-repeat; 
}
.oferta.box li#pasty:hover{
background: url('images/6h.png') no-repeat ; 
}  
.oferta.box li#iron{
background: url('images/iron.png') no-repeat; 
}
.oferta.box li#iron:hover{
background: url('images/ironh.png') no-repeat ; 
}  
.oferta.box li#cadm{
background: url('images/cadium.png') no-repeat; 
}
.oferta.box li#cadm:hover{
background: url('images/cadiumh.png') no-repeat ; 
}  
.oferta.box li#oxide{
background: url('images/oxide.png') no-repeat; 
}
.oferta.box li#oxide:hover{
background: url('images/oxideh.png') no-repeat ; 
}  
.oferta.box li#mixture{
background: url('images/mixture.png') no-repeat; 
}
.oferta.box li#mixture:hover{
background: url('images/mixtureh.png') no-repeat ; 
}  
.oferta.box li#concentrate{
background: url('images/concentrate.png') no-repeat; 
}
.oferta.box li#concentrate:hover{
background: url('images/concentrateh.png') no-repeat ; 
}  
.oferta.box li#paste{
background: url('images/paste.png') no-repeat; 
}
.oferta.box li#paste:hover{
background: url('images/pasteh.png') no-repeat ; 
}  



.oferta.box li#zelazower{


background: url('images/zelazowe_ros.png') no-repeat;
}
.oferta.box li#zelazower:hover{
background: url('images/zelazowe_rosh.png') no-repeat ;
}
.oferta.box li#kadmower{
background: url('images/kadmowe_ros.png') no-repeat;
}
.oferta.box li#kadmower:hover{
background: url('images/kadomwe_rosh.png') no-repeat ;
}
.oferta.box li#tlenkower{
background: url('images/tlenkowe_ros.png') no-repeat;
}
.oferta.box li#tlenkower:hover{
background: url('images/tlenkowe_rosh.png') no-repeat ;
}
.oferta.box li#mieszankir{
background: url('images/mieszanki_ros.png') no-repeat; 
}
.oferta.box li#mieszankir:hover{
background: url('images/mieszanki_rosh.png') no-repeat ; 
}  
.oferta.box li#koncentratyr{
background: url('images/koncentraty_ros.png') no-repeat; 
}
.oferta.box li#koncentratyr:hover{
background: url('images/koncentraty_rosh.png') no-repeat ; 
}  
.oferta.box li#pastyr{
background: url('images/pasty_ros.png') no-repeat; 
}
.oferta.box li#pastyr:hover{
background: url('images/pasty_rosh.png') no-repeat ; 
}  








.pigment_title
{
margin-top:-3px;
margin-left:100px;
 color:#AA0000;
font-size:10pt;
font-weight:bold;
}


#popuprus
{

float: left;
margin-top: -5px;
margin-left:0px;
font-size: 0.88em;
padding-left:125px;
background: url('images/tlo_okno_permediaRUS.jpg') no-repeat;
width:520px;
height:556px;


}
#popuprus p strong
{
margin-left:-70px;
 color:#AA0000;
 margin-top:8px;
 
}


#popuprus table
{
margin-top:9px;

}