body {
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
background-color:#242c35;


}

body, input, textarea, select, div, td  {  font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify;
		font-size: 12px; color: #000000 ;}


table ,td { padding:0px; margin:0px; }
.fl{ float:left;}
.fr{ float:right;}
.cl {clear: both;}
img {border:none;margin:0px;padding:0px }
h1 , h2 , h3{padding:0px; font-size: 18px; margin:0px;  font-weight: normal; }
form , a, input{ padding:0px; margin:0px;}
div { float:left;} 
a:link , a:visited , a:hover {text-decoration: none; color:#000000;}
a:hover {color: #ff0000;}
input , form{ margin:0px; padding:0px;}

iframe { border:1px solid #242c35;}

#all { width:100%; background:#b7c8d6; background-image:url(../graf/tlo.jpg); background-repeat:no-repeat; background-position:50% 0px; padding-bottom:40px;}
.all{ width:1000px; float:none; margin:auto;}
#logo{ width:1000px; height:288px;}
.logo{ width:300px; height:62px; padding-top:8px;}

#tlumaczenie {width:700px; height:15px; text-align:right; padding-top:5px;}
#slogan{ width:700px; height:25px; padding-top:25px; text-align:right; color:#234b93; }
#slogan h1{ font-size:18px;}

#menuup{ width:100%; height:35px; background-image:url(../graf/menu.png); background-repeat:repeat-x;}
.menuup{width:1000px; float:none; margin:auto; text-align:right;}
.menuup a , .menuup a:VISITED{ color:#FFFFFF; font-size:12px; font-family:Verdana; font-weight:bold; padding:9px 10px 0px 10px; height:24px; display:inline-block;  margin-right:5px; border-bottom:1px solid #161414; border-top:1px solid #242c35; }
.menuup a:hover { background:#FFFFFF; color:#000000; height:24px; border-bottom:1px solid #FFFFFF; }


#lewa{ width:650px; padding:10px 0px 20px 0px; display:inline;}
#lewa h2 , #prawa h2 , #tagi dt { width:650px; color:#005fff;  background-image:url(../graf/h2.png); background-repeat:no-repeat; padding-left:15px; padding-bottom:15px; background-position:0px 6px; font-size:17px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#lewa img { float:left; margin-right:10px; border:1px solid #242c35;}

#prawa{ width:330px; padding:10px 0px 20px 0px; margin-left:20px; font-family:tahoma; font-size:11px; display:inline;}
#prawa h2 {width:330px;}

ul{ padding:0px 0px 15px 10px; margin:0px; text-align:left;}
ul li { list-style:none; padding-left:20px; background-image:url(../graf/li.png); background-repeat:no-repeat; background-position:5px 5px; margin-bottom:3px;}
ul li img { float:left; margin-right:5px;}

a.wiecej { background-image:url(../graf/wiecej.png); background-repeat:no-repeat; background-position:0px 2px; padding-left:15px; text-decoration:underline; float:right; margin-right:20px; color:#000000;}
a.wiecej:hover { color:#005fff; background-image:url(../graf/wieceja.png);}


#menudol{ text-align:center; padding-top:10px; width:1000px; color:#FFFFFF; font-size:11px; padding-bottom:20px;}
#menudol a{ color:#CCCCCC; padding:5px 10px;}
#menudol a:hover{ color:#9adeff;}

#tagi{ width:1000px; padding-bottom:20px;}
#tagi dt { width:1000px; color:#999999; font-size:18px;  cursor:pointer; border-bottom:1px solid #000000; padding-bottom:5px;}
#tagi dd h3{ float:left; margin:0px 5px;  font-size:14px; color:#999999;}
#tagi dd{ display:none;}
#tagi dd a{ color:#999999;}
#tagi dd a:hover{ color:#666666;}

#podpis{ width:980px; height:40px; color:#FFFFFF; font-size:11px; }
#podpis img{ margin-right:3px;}
#podpis a{ color:#999999}
#podpis a:hover { color:#FFFFFF}

dd , dt { padding:0px; margin:0px; float:left;}

#oferta{width:650px;}
#oferta dt {width:620px; background:#FFFFFF; cursor:pointer; padding:7px 5px 7px 25px; border-bottom:1px solid #cccccc; background-image:url(../graf/wiecej.png); background-repeat:no-repeat; background-position:5px 8px; margin-bottom:3px;}
#oferta dt:hover {background:#d4f2fd; background-image:url(../graf/wieceja.png); background-repeat:no-repeat; background-position:5px 8px;}
#oferta dd {width:620px; background:#eeeeee; padding:5px 5px 15px 25px; margin-bottom:5px; margin-top:-3px; border-bottom:1px solid #cccccc;}

#opinie {width:650px; margin-bottom:20px;}

.login { background:#d3dbe2; border:1px solid #000000; width:110px; height:14px;  padding:2px 5px 3px 5px; margin:0px 5px 0px 3px; font-size:12px; color:#000000;}
.zaloguj { cursor:pointer; background:#242c35; border:1px solid #000000; padding:1px 5px 2px 5px; color:#FFFFFF;}
.zaloguj:hover { background:#FFFFFF; color:#000000; }

.opinia {width:640px; padding:5px 5px 15px 5px; margin-bottom:15px; background:#FFFFFF;}
.tytulopini {width:640px; padding:5px; border-bottom:1px solid #eeeeee; margin-bottom:10px;}
.tytulopini h3{ color:#005fff;}
#lewa .opinia img { border: none; float:left; margin-right:5px; border-right:1px solid #CCCCCC; padding:10px 5px 10px 5px;}
.ma1 { padding-bottom:5px; margin-bottom:5px;}


.kontakt-f{ background:#d3dbe2; border:1px solid #000000; width:300px; padding:2px 5px 3px 5px; margin:0px 5px 0px 3px; font-size:12px; color:#000000;}
.wyslij-kontakt{ text-align:center; color:#ffffff; font-size:11px; background:#000000; border:none; cursor:pointer; width:50px; height:20px; margin-left:10px; padding-bottom:2px; }
.wyslij-kontakt:hover { background:#FFFFFF; color:#000000; border:1px solid #000000;}
#kontakt span{ float:right; margin-right:35px;}

.box_g {width:650px; padding-bottom:20px;}

.tab { padding:15px 0px 20px 0px; width:650px; }
.tab td { background:#FFFFFF; padding:10px;}

#katalogi{ width:1000px; margin-top:20px;}
#katalogi dd , #katalogi dt { margin:0px; padding:0px;}
#katalogi dt { width:1000px;}


a.menu:LINK , a.menu:VISITED , a.menu:ACTIVE , a.menu:HOVER {font-family: tahoma,  sans-serif;
        font-weight: normal;
        font-size: 11px;
        text-decoration: none;
		color:  #990000;

		}
a.menu:HOVER {	color: #009037;	}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 10;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: 0px; /*position where enlarged image should offset horizontally */

}


.ma111{ display:block; margin-top:20px;}
.ma111 iframe{ border:none;}