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

body{ background: rgb(176,186,198); text-align: center; font-family: Tahoma; font-size: 11px; color: rgb(78,78,78);/*letter-spacing:1px;*/}
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;}

#cont{ margin: 0 auto; width: 1000px; height: auto; background: #fff; text-align: center; overflow: hidden; }

#top1{ /* PASEK GÓRA */
width: 1000px; background: url(../images/p.png) repeat-x; font-size: 1px; height: 4px; }

/* TOP logo + menu */ 
#top{ width: 1000px; text-align: left; }

/* TOP > Logo + slogan*/
#top2{ width: 425px; height: 95px; float: left; }
#top2 img{ width: 254px; height: 53px; margin-top: 10px; margin-left: 15px; }
#top2 h1{ font-family: Tahoma; font-size: 11px; padding-left: 215px; margin-top: 0px; font-weight: normal; }
#top2 h1 #n{ font-size: 18px; color: rgb(62,132,153); margin-right: 3px; }
/* Koniec logo + slogan*/


/* Ikonki + szukajka */

#top5{ width: 570px; float: right; } 
#top5 .data{ font-size: 10px; color: rgb(175,175,175); padding-top: 5px; margin: 0px; width: 225px; height: 20px; float: left; font-weight: bold; text-align: right; background: url(../images/data.jpg) no-repeat bottom right; } 
#top5 input{ width: 205px; height: 16px; border: 1px solid rgb(49,114,134); font-size: 10px; color:rgb(144,144,144); margin-top: 4px; margin-left: 50px; padding-left: 5px; float: left; } 
#top5 .search{ width: 25px; height: 20px; margin-left: 25px; border: 0px; padding-top: 0px; } #top6{ float: right; padding-top: 4px; list-style: none; } 
ul#top6 li { display:inline; float:right; text-align:center; }

.m5{ background:url(../images/m5.jpg) center top no-repeat; width: 90px; height: 65px; font-size: 11px;}
.m5 a:hover{background:url(../images/m5a.jpg) center top no-repeat;font-size: 12px;}

.m6 {background:url(../images/m6.jpg) center top no-repeat; width: 65px; height: 65px; font-size: 11px;}
.m6 a:hover{background:url(../images/m6a.jpg) center top no-repeat;font-size: 12px;}

.m7 {background:url(../images/m7.jpg) center top no-repeat; width: 85px; height: 65px; font-size: 11px;}
.m7 a:hover{background:url(../images/m7a.jpg) center top no-repeat;font-size: 12px;}

.m8 {background:url(../images/m8.jpg) center top no-repeat; width: 60px; height: 65px; font-size: 11px;}
.m8 a:hover{background:url(../images/m8a.jpg) center top no-repeat;font-size: 12px;}

.m9 {background:url(../images/m9.jpg) center top no-repeat; width: 90px; height: 65px; font-size: 11px;}
.m9 a:hover{background:url(../images/m9a.jpg) center top no-repeat;font-size: 12px;}

.m10 {background:url(../images/m10.jpg) center top no-repeat; width: 85px; height: 65px; font-size: 11px;}
.m10 a:hover{background:url(../images/m10a.jpg) center top no-repeat;font-size: 12px;}


ul#top6 li a{
display:block;
text-decoration:none;
color: rgb(141,141,141);
padding-top: 50px;
}


/*.active_button a{
font-weight:bold!important;
background:url(images/button_active.gif) center no-repeat!important;
filter: Shadow(Color=#000000, Direction=135, Strength=1);
text-shadow: 0 1px 1px #000000;
}*/


ul#top6 li a:hover{
font-size:12px;
text-decoration:none;
color: rgb(27,81,96);
}

/* Menu poziome */
#menu1{
width: 1000px;
height: 33px;
background: url(../images/md2.png) repeat-x;
clear: both;
}

ul#menu1 {
list-style: none;
}

ul#menu1 li {
display:inline;
float:left;
text-align:center;
height:33px;
}

ul#menu1 li a{
display:block;
text-decoration:none;
color: #fff;
font-size: 12px;
padding-top: 7px;
padding-left: 20px;
padding-right: 20px;
background: url(../images/mdb.jpg) no-repeat right 0px;
}

ul#menu1 li a:hover{
font-size:12px;
text-decoration: underline;
}



/* 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;float: left;}
#blokprawy{width: 390px;float: right;}
.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 */
#news{
width: 600px;
border: 1px solid rgb(63,127,146);
margin-top: 10px;
text-align: left;
}

#news .t{
width:600px;
background: url(../images/md2.png) repeat-x;
height: 33px;
text-align: left;
}

#news .t h1{
font-size: 12px;
color: #fff;
background: url(../images/s.png) no-repeat left 8px;
margin-left: 20px;
padding-left: 15px;
padding-top: 6px;
}

#topnews{
width: 600px;
clear: both;
}

#topnews img{
width: 150px;
height: 110px;
border: 1px solid rgb(64,66,76);
margin-left: 15px;
margin-right: 15px;
margin-top: 10px;
float: left;
}

#topnews h2 a{
font-size: 14px;
color: red;
background: url(../images/l.png) no-repeat left;
float: left;
overflow: hidden;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
width: 398px;
text-decoration: none;
}

#topnews h2 a:hover{
text-decoration: underline;
}

#topnews p{
font-size: 11px;
color: rgb(78,78,78);
margin-right: 10px;
text-decoration: none;
}

.koment{
width: 420px;
float: right;
font-size: 10px;
color: rgb(78,78,78);
padding-bottom: 10px;
}

.koment span{
text-align: right;
float: right;
padding-right: 15px;
}

.hr{ width: 70%; color: rgb(63,127,146); height: 1px; text-align: center; clear: both; margin-top: 10px; margin-bottom: 10px; font-size: 1px; }

/* Newsy pozostałe li*/
#newsl{ margin-left: 15px; clear: both; border-top: 1px solid rgb(63,127,146); width: 570px; }
#newsl ul{ font-size: 11px; color: rgb(78,78,78); padding-top: 10px; padding-bottom: 10px; margin-left: 15px; }

/* Działy newsów */
#newskat00{clear: both;display: block;}


/* Lewy blok kategorii KiR */
#newskat1 { width: 290px; border: 1px solid rgb(63,127,146); margin-top: 10px; text-align: left; float: left; color: rgb(78,78,78); } 
#newskat1 .t { width: 290px; background: url(../images/md2.png) repeat-x; height: 33px; text-align: left; } 
#newskat1 .t h1 { font-size: 12px; color: #fff; background: url(../images/s.png) no-repeat left 8px; margin-left: 20px; padding-left: 15px; padding-top: 6px; } 
#newskat1 img { width: 115px; height: 85px; border: 1px solid rgb(64,66,76); margin-left: 5px; margin-right: 5px; margin-top: 5px; float: left; } 
#newskat1 h2 a{ font-size: 11px; color: red; background: url(../images/l1.png) no-repeat left; overflow: hidden; padding-left: 10px; margin-top: 5px; padding-bottom: 5px; width: 150px; float: left; } 
#newskat1 p {padding: 3px;}

/* Prawy blok kategorii Sport */
#newskat2{ width: 290px; border: 1px solid rgb(63,127,146); margin-top: 10px; text-align: left; float: right; color: rgb(78,78,78); } 
#newskat2 .t{ width: 290px; background: url(../images/md2.png) repeat-x; height: 33px; text-align: left; } 
#newskat2 .t h1{ font-size: 12px; color: #fff; background: url(../images/s.png) no-repeat left 8px; margin-left: 20px; padding-left: 15px; padding-top: 6px; } 
#newskat2 img{ width: 115px; height: 85px; border: 1px solid rgb(64,66,76); margin-left: 5px; margin-right: 5px; margin-top: 5px; float: left; } 
#newskat2 h2 a{ font-size: 11px; color: red; background: url(../images/l1.png) no-repeat left; overflow: hidden; padding-left: 10px; margin-top: 5px; padding-bottom: 5px; width: 150px; float: left; } 
#newskat2 p{ padding: 3px; }

/* Prawy blok kronika */
#newskat3{ width: 290px; border: 1px solid rgb(63,127,146); margin-top: 10px; text-align: left; float: left; color: rgb(78,78,78); } 
#newskat3 .t{ width: 290px; background: url(../images/md2.png) repeat-x; height: 33px; text-align: left; } 
#newskat3 .t h1{ font-size: 12px; color: #fff; background: url(../images/s.png) no-repeat left 8px; margin-left: 20px; padding-left: 15px; padding-top: 6px; } 
#newskat3 img{ width: 115px; height: 85px; border: 1px solid rgb(64,66,76); margin-left: 5px; margin-right: 5px; margin-top: 5px; float: left; } 
#newskat3 h2 a{ font-size: 11px; color: red; background: url(../images/l1.png) no-repeat left; overflow: hidden; padding-left: 10px; margin-top: 5px; padding-bottom: 5px; width: 150px; float: left; } 
#newskat3 p{ padding: 3px; }

/* Prawy blok styl zycia */
#newskat4{ width: 290px; border: 1px solid rgb(63,127,146); margin-top: 10px; text-align: left; float: right; color: rgb(78,78,78); } 
#newskat4 .t{ width: 290px; background: url(../images/md2.png) repeat-x; height: 33px; text-align: left; } 
#newskat4 .t h1{ font-size: 12px; color: #fff; background: url(../images/s.png) no-repeat left 8px; margin-left: 20px; padding-left: 15px; padding-top: 6px; } 
#newskat4 img{ width: 115px; height: 85px; border: 1px solid rgb(64,66,76); margin-left: 5px; margin-right: 5px; margin-top: 5px; float: left; } 
#newskat4 h2 a{ font-size: 11px; color: red; background: url(../images/l1.png) no-repeat left; overflow: hidden; padding-left: 10px; margin-top: 5px; margin-bottom: 5px; width: 150px; float: left;} 
#newskat4 p{ padding: 3px;}

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

/* fotoreportaże */
#newsfoto{
width: 600px;
border: 1px solid rgb(63,127,146);
text-align: left;
float: left;
margin-top: 10px;
padding-bottom: 3px;
}

.foto2 a:hover{color: rgb(122,121,121); text-decoration: underline;}

#newsfoto .t{
width: 600px;
background: url(../images/md2.png) repeat-x;
height: 33px;
text-align: left;
}

#newsfoto .t h1{
font-size: 12px;
color: #fff;
background: url(../images/s.png) no-repeat left 8px;
margin-left: 20px;
padding-left: 15px;
padding-top: 6px;
}

#newsfoto .foto2{
clear: both;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px dotted rgb(122,121,121);
}

.foto2 img{
width: 35px;
height: 25px;
border: 1px solid rgb(64,66,76);
float: left;
margin: 10px;
margin-top: 3px;
}

.foto2 h2{
color: rgb(122,121,121);
font-size: 13px;
margin: 0px;
text-decoration: none;
}

.foto2 p{
font-size: 10px;
color: rgb(138,137,137);
}

#newsfoto .koment{
display: none;
}


/* PRAWA CZĘŚĆ STRONY */



/* INFO BLOK */
#info{width: 390px; border: 1px solid rgb(63,127,146); margin-top: 10px; text-align: left; background: url(../images/infobg.jpg) no-repeat right bottom; float: left;}
#info #t{ width: 390px; background: url(../images/md2.png) repeat-x; height: 33px; text-align: left; }
#info #t h1{ font-size: 12px; color: #fff; background: url(../images/s.png) no-repeat left 8px; margin-left: 20px; padding-left: 15px; padding-top: 6px; }
#info h2{ font-size: 11px; color: rgb(47,47,47); text-transform: uppercase; padding-left: 15px; padding-top: 5px; }
#info #inf{ margin-left: 15px; margin-top: 3px; padding-left: 40px; background: url(../images/info.jpg) no-repeat; height: 30px;}
#info #kir{ margin-left: 15px; margin-top: 3px; padding-left: 40px; background: url(../images/kir.jpg) no-repeat; height: 30px;}
#info #mias{ margin-left: 15px; margin-top: 3px; padding-left: 40px; background: url(../images/mias.jpg) no-repeat; height: 30px;}
#info a{color: rgb(47,47,47); font-size: 10px; margin-right: 15px;}


/* POGODA */
#pogoda{ width: 215px; height: 125px; background: url(../images/tlopg.jpg) no-repeat; float: left; margin-top: 10px; } 
#pogoda img{ float: right; margin-right: 5px; } 
#pogoda p{ color: #fff; font-size: 12px; width: 120px; float: left; text-align: center; padding-left: 5px; padding-top: 5px; }
#pogoda p span{color: rgb(252,255,0);}
#pogoda .title {float: left; width: 200px; text-align: left; margin-top: 5px; margin-left:10px; color: white; font-size: 16px; margin-bottom: 0px; padding: 0px;}
#pogoda .title span{color: rgb(252,255,0);font-weight: bold;}


/* Kursy walut */
.kursy{color: rgb(63,63,63); width: 170px; border: 1px solid rgb(63,127,146); margin-top: 10px; text-align: left; float: right; }
.kursy .t{ width: 170px; background: url(../images/md2.png) repeat-x; height: 33px; text-align: left; }
.kursy .t h1{ font-size: 12px; color: #fff; background: url(../images/s.png) no-repeat left 8px; margin-left: 20px; padding-left: 15px; padding-top: 6px; float: left; }
.kursy .cw_h1_t {display: none; }
.kursy .cw_h1_l {display: none; }
.kursy .cw_h2{display: none;}
.kursy .td1 {padding-right: 15px;}
.kursy .td1 a{font-size: 10px; font-weight: bold; color: rgb(63,63,63); padding-left: 5px;}
.kursy .c_plus {padding-left: 10px; color: rgb(4,164,0);}
.kursy .c_minus {padding-left: 10px; color: red;}

/* Standardowe prawe bloki */
.prawy{
width: 390px;
border: 1px solid rgb(63,127,146);
margin-top: 10px;
text-align: left;
overflow:hidden;
display:block;
}

.prawy .t{
width: 390px;
background: url(../images/md2.png) repeat-x;
height: 33px;
text-align: left;
}

.prawy .t h1{
font-size: 12px;
color: #fff;
background: url(../images/s.png) no-repeat left 8px;
margin-left: 20px;
padding-left: 15px;
padding-top: 6px;
float: left;
}

.prawy .t span a{ float: right; color: rgb(252,255,0); font-size: 12px; margin-top: 6px; margin-right: 10px; font-weight: bold; }

.prawy p{ margin: 5px; color: rgb(47,47,47); float: left;}
.prawy h2{font-size: 13px; color: rgb(63,127,146); margin: 5px; float: left;}
.prawy .komiks{ text-align: center; width: 360px; margin-left: 15px; float: left;}
.prawy ul {margin: 5px; color: rgb(47,47,47); list-style-type: none}
.prawy li {padding-top: 3px; padding-left: 10px; background: url(../images/o.jpg) no-repeat left 7px;}

/* Panel niebieski dół */

#panel{
width: 1000px;
height: 189px;
background: url(../images/bg01.gif) repeat-x;
margin-top: 10px;
float: left;
}

#plewy{
width: 600px;
float: left;
height: 185px;
background: url(../images/pborder.gif) no-repeat center right;
}

#plewy .dodaj a{
float: left;
margin-top: 25px;
margin-left: 30px;
font-size: 12px;
color: #ffffff;
background: url(../images/plus.png) no-repeat center left;
height: 25px;
padding-left: 30px;
padding-top: 4px;
}

.partnerzy{clear: both; float: left; width: 500px; text-align: left; margin-top: 25px; margin-left: 30px; color: white; font-size: 16px; }
.partnerzy span{color: rgb(252,255,0);font-weight: bold;}

#plewy img{
float: left;
margin-left: 10px;
margin-top: 10px;
width: 136px;
height: 60px;
}

#pprawy{
float: right;
width: 380px;
}

#pprawy input{
background: #fff;
border: 1px solid rgb(116,116,116);
font-size: 10px;
color: rgb(134,134,134);
padding: 2px;
margin-bottom: 3px;
}

#pprawy textarea{
background: #fff;
border: 1px solid rgb(116,116,116);
font-size: 12px;
color: rgb(134,134,134);
padding: 2px;
float: left;
height: 114px; 
width: 195px;
}

#zaznacz{
border: 1px solid rgb(116,116,116);
padding: 0px;
margin-top: 5px;
}

#wyslij{
float: right;
margin-top: 10px;
}

.kontakt{clear: both; float: left; text-align: left; margin-top: 15px; margin-left:10px; color: white; font-size: 16px; }
.kontakt span{color: rgb(252,255,0);font-weight: bold;}




/* stopka */
#borderstop{ width: 1000px; height: 1px; background: url(../images/borderstop.jpg) no-repeat top center; font-size: 1px; margin-top: 10px; clear: both; }
#stopka{ width: 1000px; height: 60px; text-align: center; background: url(../images/logostop.jpg) no-repeat top center; }
#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);}