@charset "utf-8";
/* CSS Document */


ul.list{ padding:10px 0 10px 2%; float:left; width:96%;}
ul.list li{padding:3px 2%; list-style:none; float:left; width:96%; margin-bottom:4px;}
ul.list li:hover{}
ul.list li img{float:; width:80px; height:80px; float:left; margin:4px 10px 4px 4px; color:#ccc;}
ul.list li h3{ font-size:130%; font-weight:normal; padding:3px 10px 7px 0; font-weight:bold; color:#3267A4; }
ul.list li p{ margin:0; padding:2px 0;}

ul.list li .meta{float:right; width:98%; border-top:1px solid #02a7e8; padding:0 4px 4px 4px; text-align:right;}
ul.list li .meta .info{float:left; color:#02a7e8; font-size:80%; line-height:23px;}
ul.list li .meta a.wiecej{float:right;}


/***** lista 100% szerokości , jedna pozycja w wierszu *******/
ul.lista li{width:100%;}

/***** lista 48% szerokości , dwie pozycja w wierszu *******/
ul.l-2 li{width:46%; border-color:#f5f5f5; margin:1%;}
ul.l-2 li a{ width:100%; display:block;}
ul.l-2 li:hover{border-color:#ddd;}

/***** lista 30% szerokości , trzy pozycja w wierszu *******/
ul.l-3 li{width:30%; border-color:#f5f5f5; margin:1%;}
ul.l-3 li:hover{border-color:#ddd;}

/***** lista 17% szerokości , pięć pozycja w wierszu *******/
ul.l-5 li{width:17%; border-color:#f5f5f5; margin:1%;}
ul.l-5 li:hover{border-color:#ddd;}




ul.menu-list{ position:absolute; padding:3px; width:240px; background:#f5f5f5; border:1px solid #eee; top:60px; left:245px;}
ul.menu-list li{padding:3px 5px; list-style:none; border-bottom:1px solid #fdfdfd; float:left; width:95%; }
ul.menu-list li a{ float:left; width:96%; line-height:22px; padding:1% 2%;}
ul.menu-list li a:hover{background:#eee;}

ul.menu-list li img{float:; width:80px; height:80px; float:left; margin:4px 10px 4px 4px; color:#ccc;}
ul.menu-list li h3{ font-size:130%; font-weight:normal; padding:3px 10px 7px 0; }