/* e-Stalowa.pl Document */
*{margin:0;padding:0;} 

p, img, div, a, input, body, h1, h2, h3, h4, h5, h6, li, ul{ behavior:url(../iepngfix.htc); }

html{background: rgb(176,186,198); overflow-x:hidden!important;}
body{ margin: 0 auto; width: 1000px; font-family:Tahoma, Geneva, sans-serif; font-size: 11px; color: rgb(78,78,78); line-height: 16px; }

img{border: 0px;}
a{color: rgb(78,78,78);text-decoration: none;}
a:hover{text-decoration: underline; color: red;}
table {font-family: Tahoma; font-size: 11px;}


.clear_margin_right{ margin-right:0!important; }
#cont{width:1000px; height:auto; background:#fff; float:left;}


/* TOP logo + menu */ 
#top{ width:1000px; height:98px; float:left; overflow:hidden; background:url(../images/top.gif) top center no-repeat; }

/* TOP > Logo + slogan*/
#top_tresc{ float:left; width:699px; }
#top_tresc p{ float:left; font-size:11px; margin:2px 0 0 7px; text-align:left; width:450px; }
#top_tresc p span{ color:#3c7e96; }
#top_tresc p#top_startuj{ float:right; font-size:11px; margin-top:2px; padding:0; text-align:right; width:300px; }
/* Koniec logo + slogan*/


/* Ikonki + szukajka */
fieldset{ border:none; float:right; display:block; width:290px; } fieldset input{ width:195px; float:left; border:1px solid #3c7e96; color:#999999; font-size:11px; text-align:left; margin-top:3px; padding:2px 0 2px 5px; } fieldset input#ok{ width:72px; height:20px; border:0; float:right; margin:3px 3px 0 0; padding:0; }

#top h1{float:left; overflow:hidden; background:url(../images/logo.png) top left no-repeat; text-transform:uppercase; width:350px; }
#top h1 a{ text-decoration:none; color:#3c7e96; font-size:18px; font-weight:normal; display:block; width:auto; padding:54px 0 0 180px; }
#top h1 span{ color:#666666; font-size:11px; text-transform:none; }
ul#menu_top{ float:right; clear:right; margin:10px 5px 0 0; width: 440px; }
ul#menu_top, ul#menu_top li{ display:block; list-style:none; }
ul#menu_top li{ display:inline; }
ul#menu_top li a{ width:100px; height:17px; white-space:nowrap; text-align:center; float:left; padding-top:43px; margin-left:10px; text-decoration:none; font-size:11px; color:#3c7e96; }
ul#menu_top li a:hover{ font-weight:bold; }
#strona_glowna{ background:url(../images/menu/1.png) top center no-repeat; }
#katalog_firm{ background:url(../images/menu/2.png) top center no-repeat; }
#galeria{ background:url(../images/menu/3.png) top center no-repeat; }
#ogloszenia{ background:url(../images/menu/4.png) top center no-repeat; }
#historia{ background:url(../images/menu/5.png) top center no-repeat; }




/* Menu poziome */
ul#menu1{ width:1000px; height:34px; float:left; background:url(../images/menu_top_bg.gif) top repeat-x; }
ul#menu1, ul#menu1 li{ display:block; list-style:none; }
ul#menu1 li{ display:inline; }
ul#menu1 li a{ text-align:center; float:left; white-space:nowrap; text-decoration:none; font-size:12px; padding:9px 20px 0; background:url(../images/menu_top_border.gif) right top no-repeat; height:26px; width:auto; color:#E2E2E2; }
ul#menu1 li a:hover{ color:#fff; }

/* baner i arsenał */
#baner{ width: 750px; height: 100px; float: left; margin-top: 6px; }
#arsenal{width: 240px;height: 100px;float: right;clear: right;}
#arsenal p{font-size: 9px;color: rgb(124,123,123);text-align: right;margin:0px;padding-right: 4px;}
#arsenal a{font-size: 9px;color: rgb(124,123,123); text-decoration: none;}
#arsenal a:hover{text-decoration: underline; color: red;}
#arsenal h1{ font-size: 13px; color: rgb(63,127,146); text-align: left; padding-left: 10px; padding-top: 4px; }
/* #arsenal img{ margin-top: 5px; width: 136px; height: 60px; } */


/* STRONA */
#bloklewy{width:600px; height:auto; overflow:hidden; float:left;}
#blokprawy{float:right; width:390px; height:auto; overflow:hidden; text-align: left;}

.texttitle{ margin-top: 10px; padding-left: 15px; float: left; text-align: left; width: 100%; font-size: 15px; color: rgb(63,127,146); font-weight: bold; border-bottom: 1px solid rgb(208,208,208); margin-bottom: 10px; }
.text {padding: 5px; text-align: left;}

/* News główny */
#box_1{ width:600px; float:left; margin-top: 10px;}
#box_1 h1{ width:600px; height:32px; float:left; background:url(../images/belka_1.gif) top center no-repeat; }
#box_1 h1 span{ font-size:12px; height:23px; width:525px; color:#fff; float:left; background:url(../images/1.png) left center no-repeat; padding:8px 0 0 35px; margin-left:10px; text-shadow: 0 1px 1px #000000; }
#box_1 div{ width:598px; height:auto; float:left; border-left:1px solid #3f7f92; border-right:1px solid #3f7f92; border-bottom:1px solid #3f7f92; } 
#box_1 div img{ float:left; width:150px; height:110px; border:1px solid #bdbdbd; margin:5px;}
#box_1 div h1{ background:none; float:right; width:431px; height:15px; margin:5px 0; padding:0; }
#box_1 div h1 a{ background:url(../images/strzalka_1.gif) center left no-repeat; color:#428396; font-size:14px; float:left; margin:0; padding:0 0 0 20px; font-weight: bold;}
#box_1 div p{ float:right; overflow:hidden; width:425px; margin: 5px 0; font-size:11px; padding:0 5px 0 0;}
#box_1 div div{ margin-top:4px; float:right; font-size:11px; border:none; width:430px; }
#box_1 div div p.koment{ width:330px; text-align:left; height:auto; float:left; }
#box_1 div div p.more{ text-align:right; float:right; width:80px; }
#box_1 div div#box_1_reszta{ float:left; width:588px; height:auto; margin:5px; border-top:1px dotted #666; }
#box_1 div div#box_1_reszta ul{ width:270px; float:left; margin-top:5px; display:block; }
#box_1 div div#box_1_reszta ul li{ list-style:none; background:url(../images/punkcik.gif) left center no-repeat; margin-bottom:3px; padding-left:12px; float:left; }
#box_1 div div#box_1_reszta ul li a{ font-size:11px; color:#333; text-align:left; float:left; width:270px; }
#box_1 div div#box_1_reszta ul li a:hover{color:#F00;}
#box_1 div div#box_1_goraco{ float:right; width:280px; height:auto; margin:7px 0 0 0; padding-left:0; border:1px solid #CCC; }
#box_1 div div#box_1_goraco:hover{ border:1px solid #999;}
#box_1 div div#box_1_goraco img{ width:70px; height:auto; float:left; margin:3px 7px 3px 3px; padding:0; }
#box_1 div div#box_1_goraco h1{ float:left; width:190px; height:auto; background:none; margin:0; padding:0; }
#box_1 div div#box_1_goraco h1 a{ float:left; width:190px; font-size:12px; font-weight:bold; color:#990000; margin:0; padding:0; background: none;}
#box_1 div div#box_1_goraco p{text-align:left; width:260px; float:left; margin:0px 5px 3px; padding:0; font-size:10px; line-height:14px; }
#box_1 div div#box_1_polecane{ float:left; width:588px; height:auto; margin:5px; color:#ccc; }
#box_1 div div#box_1_polecane p{ float:left; width:480px; margin:0; padding:0; }
#box_1 div div#box_1_polecane p a{ color:#999; padding:0 2px; }
#box_1 div div#box_1_polecane p a:hover{ color:#666; }
#box_1 div div#box_1_polecane p span{ font-weight:bold; color:#333; }
#box_1 div div#box_1_polecane p#box_1_more{ width:98px; float:right; text-align:right; }
#box_1 div div#box_1_polecane p#box_1_more a{ color:#3f7f92; }

/* Działy newsów */
.box_2{ width:600px; height:auto; float:left; margin-top:10px; }
h1 a{ color:#3c7e96; font-size:18px; font-weight:normal; display:block; width:auto; padding:54px 0 0 180px; }
h1 span{ color:#666666; font-size:11px; text-transform:none; }

.box_2 div{ width:293px; height:auto; float:left; overflow:hidden; border-left:1px solid #3f7f92; border-right:1px solid #3f7f92; border-bottom:1px solid #3f7f92;}
.box_2 div h1{ width:293px; height:32px; float:left; background:url(../images/belka_2.gif) top left no-repeat; }
.box_2 div h1 span{ color:#fff; padding:7px 0 0 35px; float:left; height:25px; margin:0 0 0 10px; text-shadow: 0 1px 1px #000000; }

#kir, #kp{ margin-right:10px; }
#kir h1 span{ background:url(../images/2.png) left center no-repeat; }
#sport h1 span{ background:url(../images/3.png) left center no-repeat; }
#kp h1 span{ background:url(../images/4.png) left center no-repeat; }
#sz h1 span{ background:url(../images/5.png) left center no-repeat; }
.box_2 div ul li img{ float:left; border:1px solid #bdbdbd; margin:0 10px 0 0; height:75px; width:100px; }

.box_2 div ul{
width:278px;
float:left;
margin:5px;
line-height:normal;
}

.box_2 div ul li{
list-style:none;
margin-bottom:6px;
text-align:left;
width:auto;
}

.box_2 div ul li a{
font-size:12px;
color:#333;
background:url(../images/punkcik.gif) left center no-repeat;
padding-left:10px;
}

.box_2 div ul li a:hover{
text-decoration:underline;
color:#F00;
}

.first{
width:auto;
padding-bottom:4px!important;
}

.first a:hover{
text-decoration:underline;
}

.first a{
font-size:12px!important;
font-weight:bold;
color:#428396!important;
padding-left:0!important;
background:none!important;
}

/* wiecej */
.wiecej{font-size: 10px;color: rgb(74,134,152);font-weight: bold;text-align: right; padding:5px}
.wiecej a{color: rgb(74,134,152); text-decoration: none;}
.wiecej a:hover{color: rgb(74,134,152); text-decoration: underline;}

/* fotoreportaże */
#box_3{
width:600px;
float:left;
margin-top:10px;
}

#box_3 h1{
width:600px;
height:32px;
float:left;
background:url(../images/belka_1.gif) top center no-repeat;
}

#box_3 h1 span{
font-size:12px;
height:25px;
width:515px;
color:#fff;
float:left;
background:url(../images/6.png) left center no-repeat;
padding:6px 0 0 45px;
margin-left:10px;
text-shadow: 0 1px 1px #000000;
}

#box_3 div{
width:598px;
height:auto;
float:left;
border-left:1px solid #3f7f92;
border-right:1px solid #3f7f92;
border-bottom:1px solid #3f7f92;
}

#box_3 div ul{
float:left;
width:588px;
height:auto;
padding:5px;
}

#box_3 div ul li{
list-style:none;
float:left;
margin-bottom:7px;
padding-bottom:7px;
border-bottom:1px dotted #666;
}

#box_3 div ul li a{ font-size:12px; float:left; color:#333; font-weight:bold; width:588px; line-height:normal; }

#box_3 div ul li a span{ font-weight:normal; font-size:10px; color:#666; display:block; padding-top:3px; }

#box_3 div ul li a img{ float:left; width:53px; height:37px; border:1px solid #333; margin-right:5px; }

#box_3 div ul li a:hover{ color:#990000; text-decoration:none; }
/* PRAWA CZĘŚĆ STRONY */

/* INFO BLOK */
#info{ width:390px; float:left; margin-top: 10px;}
#info h1{ width:390px; height:32px; float:left; background:url(../images/belka_3.gif) top center no-repeat; }
#info h1 span{ font-size:12px; height:25px; width:355px; color:#fff; float:left; background:url(../images/7.png) left center no-repeat; padding:6px 0 0 35px; margin-left:10px;  text-shadow: 0 1px 1px #000000;}
#info ul{ width:378px; height:auto; float:left; border-left:1px solid #3f7f92; border-right:1px solid #3f7f92; border-bottom:1px solid #3f7f92; padding:5px; background:url(../images/infobg.jpg) bottom right no-repeat; }
#info ul li{ text-transform:uppercase; font-weight:bold; font-size:11px; color:#333; float:left; width:370px; list-style:none; margin-bottom:4px; }
#info ul li ul{ width:340px; border:none; float:left; display:block; margin:5px 0 0; padding:0 0 5px 35px; background:none; }
#info ul li ul li{ display:inline; width:auto; margin:0 10px 0 0; }
#info ul li ul li a{ font-size:10px; white-space:nowrap; color:#333; font-weight:normal; text-transform:none; }
#info ul li ul li a:hover{ color:#990000; }
#info_ico{ background:url(../images/info_ico.png) center left no-repeat!important; }
#kultura_ico{ background:url(../images/kultura_ico.png) center left no-repeat!important; }
#miasto_ico{ background:url(../images/miasto_ico.png) center left no-repeat!important; }

/* POGODA */
#pogoda{ float:left; width:210px; height:120px; background:url(../images/pogoda.gif) top left no-repeat; margin-top:10px; }
#pogoda h1{ width:200px; float:left; font-weight:normal; background:none; font-size:14px; color:#fff; height:20px; margin:5px; text-shadow: 0 1px 1px #000000; }
#pogoda h1 span{ font-weight:bold; color:#fffc00; font-size:15px;  text-shadow: 0 1px 1px #000000;}
#pogoda p{ width:120px; height:auto; float:left; margin:0 0 0 5px; text-align:left; color:#fff; }
#pogoda p span{ color:#fffc00; }
#pogoda img{ float:right; width:76px; height:76px; border:0; }
#margin_pogoda{ margin-bottom:10px!important; }

/* Kursy walut */
#kursy{width: 158px; height:auto; margin: 10px 0 0 10px; text-align: left; float: left;}
#kursy h1{width:170px; height:32px; float:left; background:url(../images/belka_4.gif) top center no-repeat;  text-shadow: 0 1px 1px #000000;}
#kursy h1 span{font-size:12px; height:25px; width:115px; color:#fff; float:left; background:url(../images/10.png) left center no-repeat; padding:6px 0 0 35px; margin-left:10px;}
#kursy table{width:170px; border-left:1px solid #3f7f92; border-right:1px solid #3f7f92; border-bottom:1px solid #3f7f92; padding:6px 5px; font-size:11px; float:left}
#kursy table tr{width:150px; float:left; padding-bottom:1px;}
#kursy table tr td{float:left; width:50px; text-align:left;}
#kursy table tr td div.cw_h1_t {display: none; }
#kursy table tr td div.cw_h1_l {display: none; }
#kursy table tr td.cw_h2{display:none!important;}
#kursy .td1 a{font-size: 10px; font-weight: bold; color: rgb(63,63,63); float:left;}
#kursy .c_plus {color: rgb(4,164,0);}
#kursy .c_minus {color: red;}

/* Ogłoszenia */
#box_5{ width:390px; float:left; margin-top:10px; display:block; clear:both; }
#box_5 h1{ width:390px; height:32px; float:right; background:url(../images/belka_3.gif) top center no-repeat;  text-shadow: 0 1px 1px #000000;}
#box_5 h1 span{ font-size:12px; height:25px; width:355px; color:#fff; float:left; background:url(../images/8.png) left center no-repeat; padding:6px 0 0 35px; margin-left:10px; }
#box_5 ul{ width:378px; height:auto; float:left; display:block; border-left:1px solid #3f7f92; border-right:1px solid #3f7f92;  padding:5px; }
#box_5 ul li{ font-size:11px; float:left; width:365px; padding-bottom:2px; margin-left:3px; padding-left:10px; list-style:none; background:url(../images/punkcik.gif) left center no-repeat; color:#999; }
#box_5 ul li a{ color:#333; }
#box_5 ul li a:hover{ color:#990000; }
#box_5 p{font-size: 10px;color: rgb(74,134,152);font-weight: bold;text-align: right; padding:5px; border-bottom:1px solid #3f7f92; border-left:1px solid #3f7f92; border-right:1px solid #3f7f92;}
#box_5 p a{color: rgb(74,134,152); text-decoration: none;}
#box_5 p a:hover{color: rgb(74,134,152); text-decoration: underline;}

/* Standardowe prawe bloki */
.prawy{ width:390px; float:left; margin-top:10px; display:block; clear:both; }
.prawy h1{ width:390px; height:32px; float:right; background:url(../images/belka_3.gif) top center no-repeat;  text-shadow: 0 1px 1px #000000;}
.prawy h1 span{ font-size:12px; height:25px; width:355px; color:#fff; float:left; background:url(../images/s.png) left center no-repeat; padding:6px 0 0 15px; margin-left:10px; }
.prawyt {font-size: 12px; text-align: left; padding:5px; border-bottom:1px solid #3f7f92; border-left:1px solid #3f7f92; border-right:1px solid #3f7f92;}
.prawyt a{text-decoration: none;}
.prawyt a:hover{text-decoration: underline;}
.prawyt ul li{font-size:11px; padding-bottom:2px; margin-left:3px; padding-left:10px; list-style:none; background:url(../images/punkcik.gif) left center no-repeat; color:#999; }
.prawyt ul li a{color:#333; }
.prawyt ul li a:hover{ color:#990000; }

/* Ciekawostka */
#ciekawostka{width:390px; height:150px; float:left; margin-top:10px; display:block; clear:both; background: url(../images/ciekbg.gif) no-repeat;}
#ciekawostka h2{font-size: 14px; color: #ffffff; font-weight: normal; margin-left: 8px; margin-top: 10px; width:135px;  text-shadow: 0 1px 1px #000000;}
#ciekawostka h2 span{color:#fffc00; font-weight: bold;}
#ciekawostka img{border: 4px solid rgb(89,141,157); float: right; width: 120px; max-height: 80px; margin-right: 10px; margin-top: 34px;}
#ciekawostka p{width: 225px; font-size: 11px; color: #ffffff; margin: 8px;}
#ciekawostka span a{color: #fffc00; font-size: 12px; margin-left: 150px;}


/* Panel niebieski dół */
#nad_stopka{ width:1000px; height:182px; float:left; background:url(../images/nad_stopka.gif) top center no-repeat; margin-top:20px; }
#nad_stopka div{ float:left; width:600px; }
#nad_stopka ul{ width:590px; float:left; margin:20px 0 0 8px; }
#nad_stopka ul, nad_stopka ul li{ display:block; list-style:none; }
#nad_stopka ul li{ display:inline; }
#nad_stopka ul li a{ float:left; height:20px; display:block; font-size:13px!important; white-space:nowrap; padding:2px 0 0 30px; margin-right:62px; font-size:11px; color:#fff; background:url(../images/plusik.gif) left center no-repeat; }
#nad_stopka ul li a:hover{ }
#nad_stopka h1{ float:left; width:590px; margin:30px 0 0 8px; font-size:14px; color:#fff; font-weight:normal; background:none; display:block;  text-shadow: 0 1px 1px #000000;}
#nad_stopka h1 span{ font-size:16px; color:#fffc00; font-weight:bold; }
#nad_stopka ul#partnerzy{ width:590px; float:left; }
#nad_stopka ul#partnerzy, nad_stopka ul#partnerzy li{ display:block; list-style:none; }
#nad_stopka ul#partnerzy li{ display:inline; }
#nad_stopka ul#partnerzy li a{ background:none; white-space:nowrap; margin:0; padding:0; border:1px solid #666; margin-right:10px; }
#formularz_stopka{ float:right!important; width:385px!important; height:auto!important; }
#formularz_stopka fieldset{ border:0; float:left; width:380px; height:auto; }
#formularz_stopka fieldset legend{ color:#fff; float:left; font-size:14px; width:370px; margin:20px 0 17px 0;  text-shadow: 0 1px 1px #000000;}
#formularz_stopka fieldset legend span{ font-size:16px; color:#fffc00; font-weight:bold; }
#formularz_stopka fieldset textarea{ float:left; width:188px; height:104px; padding:5px; background:#fff; font-size:11px; border:2px solid #747474; color:#666; }
#formularz_stopka fieldset input{ float:right; width:150px; height:14px; padding:3px; background:#fff; font-size:11px; border:2px solid #747474; color:#666;; }
#formularz_stopka fieldset input#wyslij{ width:60px; height:22px; margin-top:9px; background:none; border:none; padding:0; }
#confirm_code{background:url(../images/confirm_code.gif) center left no-repeat; width:155px; float:right; margin-top:6px;}
#confirm_code input{width:80px!important;}




/* stopka */
#borderstop{ width: 1000px; height: 1px; background: url(../images/borderstop.jpg) no-repeat top center; font-size: 1px; margin-top: 10px; float:left;}
#stopka{ width: 1000px; height: 70px; text-align: center; background: url(../images/logostop.jpg) no-repeat top center; float:left; }
#stopka .s1{font-size: 12px;padding-top: 10px;}
#stopka .s1 a{color: rgb(47,47,47); text-decoration: none;}
#stopka .s2{/*float: left; width: 820px;*/ font-size: 11px; margin-top: 5px; color: rgb(131,131,131);}
#stopka .s2 a{color: rgb(131,131,131); text-decoration: none;}
#stopka .s3{/*float: right; width:150px;*/ text-align: right; font-size: 11px; margin-top: 5px; color: rgb(131,131,131);}
