/* Blech style */

*{
margin:0;
padding:0;
}

html{
width:100%;
height:100%;
}

body{
background:#fff url(../img/blech_bg.jpg) repeat-y top center;
font:62.5% Helvetica, Arial, sans-serif;text-align:left;
height:100%;
width:100%;
}

a{
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

a img{
border:0;
}

#container{
background:url(../img/blech_uklad.gif) repeat-y top left;
width:760px;
margin:0 auto;
height:100%;
}

#header{
height:105px;
}

#header h1 a{
background:url(../img/blech_logo.jpg) no-repeat 0 0;
text-indent:-9999px;
display:block;
width:240px;
height:90px;
float:left;
margin:10px 0 0 6px;
border-bottom:0;
}

#header div.menu_nav{
float:right;
width:475px;/*470px;*/
height:80px;
/*background-color:#99CC00;*/
padding:20px 0 0 20px;
}

#header li{
float:left; 
display:inline; 
list-style:none; 
} 

#header ul{
list-type:none;
}

#header ul#nav li{
position:relative;
}

#header ul li a{
display:block;
width:95px;
height:80px;
margin:0 4px;
float:left;
border-right:1px dotted #ccc;
text-decoration:none;
color:#333;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:140%;
}

/*#header ul li a.last-child{
border-right:0;
float:left;
}*/

#header ul li a.m0{background:url(../img/blech_firma.jpg) no-repeat right bottom}
#header ul li a.m1{background:url(../img/blech_oferta.jpg) no-repeat right bottom}
#header ul li a.m2{background:url(../img/blech_oddzialy.jpg) no-repeat right bottom}
#header ul li a.m3{background:url(../img/blech_kontakt.jpg) no-repeat right bottom}

#header ul.submenu{
visibility:hidden; 
width:128px; 
margin-left:5px; 
padding:10px 0 0 0;
background:#fff; 
z-index:1000;
border:1px solid #f8f8f8;
/*border: 1px solid #333333;*/
position:absolute;
left:-15px;
top:22px;
}
    
#header li:hover ul.submenu, #header li.over ul.submenu{visibility:visible;}

#header ul.submenu li{display:block; width:120px; background:#fff; padding:0 4px;}
#header ul.submenu li.first-child{background:#fff;}
#header ul.submenu li.last-child{padding-bottom:15px; background:#fff no-repeat 0 100%;}

#header ul.submenu li a{
display:block; 
width:100px; 
height:15px; 
padding:0 10px; 
text-transform:uppercase;
font-size:1.1em; 
line-height:1.5em; 
font-weight:bold; 
text-decoration:none; 
color:#333; 
background:none; 
text-indent:0;
float:none;
border-right:0; 
}

#header ul.submenu li a:hover{
background:#9172AE;
color:#fff;
}  

#header ul#nav li:hover ul, ul#nav li.over ul{
display:block;}




#flashcontent{
height:260px;
padding:10px;
}

#flash{
width:710px;
height:240px;
background:#9172AE;
border:10px solid #A98CC2;
}

#nav_left{
width:228px;
float:left;
padding:20px;
}

#nav_left p{
color:#ddd;
font-size:1.1em;
}

#nav_left h2,#nav_left h3{
color:#fff;
}

#content{
width:452px;
float:right;
padding:20px;
}

#content a{
color:#A98CC2;
}

/*#content strong,#content b{
color:#9172AE;
}*/

#content ul{
list-style-position:outside;
padding:0 0 0 30px;
list-style-type:square;
font-size:1.2em;
color:#666;
margin:20px 0;
}

#footer{
width:452px;
height:30px;
text-align:center;
float:right;
padding:20px;
}

#footer p{
color:#999;
font-size:90%;
}

#footer li{
display:inline;
list-style-type:none;
margin:0 5px;
color:#ccc;
}

#footer a{
color:#999;
}

p{
font:1.2em Helvetica, Arial, sans-serif;
line-height:1.3em;
color:#676767;
margin:10px 0;
text-align:justify;
}

p.date{
font-size:100%;
color:#A98CC2;
}

span.end a{
color:#FF9900;
}

h1, h2, h3, h4, h5, h6{font-family:Helvetica, Arial, sans-serif;font-weight:bold;color:#444;}

h2{font-size:160%;}

h3{clear:left;font-size:140%;}

h4{font-size:120%;}

h5{font-size:110%;}

h6{font-size:100%;}

h2{
color:#444;
margin:0 0 10px 0;
}

h2.newsletter{background:url(../img/newsletter.jpg) no-repeat 0 0;width:102px;height:40px;padding:30px 0 0 110px;color:#fff;}

h2.page{
font-size:240%;
}

h3{
color:#666;
}

fieldset{
border:0;
}

label{
cursor:pointer;
}

input{
font:normal 1.1em Arial, Helvetica, sans-serif;
}

input.textinput{
border:1px solid #aaa;
padding:3px;
color:#676767;
}

input.buttonSubmit{
background:#AA8BC4;
color:#fff;
padding:2px !important;
padding:1px;
border:1px solid #9172AE;
cursor:pointer;
}

address{
font-style:normal;
font-size:1.2em;
}


#nav_left div.last_events{
width:228px;
height:130px;

padding:20px 0 0 0;
}

#nav_left img{
float:left;
margin:0 10px 3px 0;
border:1px solid #aaa;
}

#nav_left div.first-child{
width:213px;
height:120px;
float:left;
border-bottom:1px dotted #ddd;
padding:0 0 20px 0;
}

#nav_left div.last-child{
padding:20px 0 0 0;
height:100px;
width:213px;
float:left;
}

#content div.hurtownia{
width:193px;
height:150px;
float:left;
border-bottom:1px dotted #ccc;
border-right:1px dotted #ccc;
padding:0 20px 20px 0;
}

#content div.hurtownia p,#content div.department p,#content div.newsletter p,#content div.produkcja p{
font-size:1.1em;
}

#content div.produkcja{
width:213px;
height:150px;
float:left;
border-bottom:1px dotted #ccc;
padding:0 0 20px 20px;
}

#content div.department img,#content div.hurtownia img,#content div.produkcja img,#nav_left div.first-child img,#nav_left div.last-child img{
float:left;
margin:0 10px 20px 0;
border:1px solid #aaa;
}

#content div.department{
width:193px;
height:140px;
float:left;
border-right:1px dotted #ccc;
padding:20px 20px 0 0;
}

#content div.newsletter{
width:213px;
height:140px;
float:left;
padding:20px 0 0 20px;

}

#content div.newsletter input.textinput{
width:120px;
margin:0 0 0 5px;
}

#content div.newsletter label{
color:#999;
margin:0 0 0 5px;
}

#content div.newsletter label.error{color:#CC0000}

#content div.newsletter p{
color:#999;
margin:0 0 10px 5px;
}

div.articles{
margin:30px 0;
}

div.articles a span.koniec{
font-size:90%;
}

#content ul li a.dzial{display:block;background:#745193;color:#fff;margin:0;padding:2px;text-decoration:none;font-weight:bold}

#content ul li>a.dzial{margin:10px 0;}
/* do wyswietlania wspolpracy */

div.photo{
float:left;
background:#FAFAFA;
border:1px solid #EFEFEF;
margin:5px;
padding:5px;
width:200px;
min-height:170px;
}

div#view{
float:left;
width:420px;
margin:30px 0 0 0;
text-align:center;
}


div#view img{
float:left;
background:#Fdfdfd;
border:1px solid #EFEFEF;
margin:5px;
padding:5px;
}

div.clear_left{
clear:left;
}

div.img{
text-align:center;
float:left;
margin:0 5px 5px 0;
}

div.img a{
border:0;
}

div.img img{
border:3px solid #fff;
}

#content div#pagination_short{
font:90% normal Tahoma, Verdana;
text-align:center;
clear:both;
}

#content div#pagination_short em{
font-style:normal;
font-weight:bold;
margin:0 5px;
}


#lightbox{
background-color:#fff;
padding:10px 10px 40px 10px;
}
#overlay{
background-image:url(../img/overlay.png);
}
#lightboxCaption{
color:#333;
background-color:#fff;
font-size:120%;
padding:10px 0;
text-align:center;
}
* html #overlay{
background-color:#000;
background-image:url(../img/blank.gif);
filter: Alpha(opacity=50);
}