/*

Theme Name: Metline

Author: Skuzi

Author URI: http://www.clubcoco.pl/


*/

* {margin:0;padding:0;}

body {background:#E8E8E8;font-family:Arial, Tahoma, sans-serif;font-size:12px;}

#center {width:960px;margin:0 auto;}
#top {width:960px;height:113px;background:url(gfx/top.png) top center no-repeat;}

h1 a {display:block;float:left;width:355px;height:110px;text-indent:-9000px;border:0;}

#search {display:block;width:235px;float:right;margin:65px 20px 0 0;}
#search  input[type="text"] {border:0;background:transparent;width:180px;padding:4px;font-family:Arial;font-size:12px;color:#666;}
#search  input[type="image"] {border:0;background:transparent;width:30px;height:30px;padding:3px 5px;vertical-align:bottom;}


#miejscowka {width:960px;height:42px;margin-bottom:10px;}
#podmenu_1 {width:960px;height:42px;background:url(gfx/podmenu2.png) center bottom no-repeat}
#podmenu_2 {width:940px;margin-left:20px;height:42px;background:url(gfx/podmenu2.png) 0 -336px no-repeat}


#slajder {width:730px;height:360px;float:left;margin:4px 0 0 20px;background: rgba(0, 0, 0, 0) url("https://metline.com.pl/sklep/files/baner.png") no-repeat scroll center center / contain ;}
#strona {width:690px;float:left;margin:4px 0 0 20px;padding:20px;}

#promo {width:185px;height:300px;float:right;background:url(gfx/promo.png) no-repeat;z-index:10;text-align:center;padding:65px 0 0 0;margin-right:20px;}

#promo a img {border:1px solid #eee;margin-bottom:10px;}


#footer {width:922px;margin:0 auto;}
h3 {display:block;clear:both;margin:auto;width:922px;height:61px;text-indent:-9000px;background:url(gfx/infolinia.png) no-repeat;}

a.f1 {text-indent:-9000px;display:block;width:214px;height:72px;margin:11px 22px 11px 0;float:left;background:url(gfx/infolinia.png) 0 -72px no-repeat;}
a.f2 {text-indent:-9000px;display:block;width:214px;height:72px;margin:11px 22px 11px 0;float:left;background:url(gfx/infolinia.png) -235px -72px no-repeat;}
a.f3 {text-indent:-9000px;display:block;width:214px;height:72px;margin:11px 22px 11px 0;float:left;background:url(gfx/infolinia.png) -471px -72px no-repeat;}
a.f4 {text-indent:-9000px;display:block;width:214px;height:72px;margin:11px 0 11px 0;float:left;background:url(gfx/infolinia.png) -708px -72px no-repeat;}

a.f1, a.f2, a.f3, a.f4 {opacity:0.8;filter:alpha(opacity=80)}
a.f1:hover, a.f2:hover, a.f3:hover, a.f4:hover {opacity:1;filter:alpha(opacity=100)}

#szarak {clear:both;width:922px;height:79px;background:#dadada;border-radius:8px;}
p.lewa {float:left;color:#666;margin:30px 0 0 20px;}
p.prawa {float:right;color:#666;margin:15px 20px 0 0;line-height:150%;text-align:right;}




#naglowe {background:#e8e8e8 url(gfx/tloh1.gif) repeat-x;padding-bottom:20px;}
h2 {font-family: 'Oswald', sans-serif;font-size:18px;text-transform:uppercase;padding:0 10px 20px 0;color:#181818;font-weight:normal;background:#e8e8e8;display:inline;}
h2 em {font-weight:bold;font-style:normal;}

.ssh1 {font-family: 'Oswald', sans-serif;font-size:18px;text-transform:uppercase;padding:0 10px 20px 0;color:#181818;font-weight:normal;background:#e8e8e8;display:inline;}
.ssh1 em {font-weight:bold;font-style:normal;}

#strona {font-size:12px;color:#656565;line-height:158%;}
#strona li {margin-left:20px;}
#strona img a {border:none;}
#strona img.alignright  {float:right;margin:0 20px;border:2px solid #ddd;}
#strona p {margin:10px 0; color:black;}
#strona ul, #strona ul li  {color:black;}
#strona p  b {color:red;}
#strona p  em {color:#666666;}
#strona h2 {margin:25px 0 0px; padding-bottom:0px}
#strona h3 {background:none; text-indent:0; margin:35px 0 15px; color:black; height:auto;width:auto; font-family: 'Oswald',sans-serif; font-weight:normal; font-size:16px; padding:10px 0;text-align:center; border-radius:2px;
background: #696969; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #696969 0%, #d5d5d5 40%, #d5d5d5 60%, #696969 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#696969), color-stop(40%,#d5d5d5), color-stop(60%,#d5d5d5), color-stop(99%,#696969)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #696969 0%,#d5d5d5 40%,#d5d5d5 60%,#696969 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #696969 0%,#d5d5d5 40%,#d5d5d5 60%,#696969 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #696969 0%,#d5d5d5 40%,#d5d5d5 60%,#696969 99%); /* IE10+ */
background: linear-gradient(135deg,  #696969 0%,#d5d5d5 40%,#d5d5d5 60%,#696969 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#696969',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#strona h3 a {text-decoration:none; color:black; display:block;}
#strona h3 a:hover {text-decoration:underline;}
#strona .mb_kat_photo li {margin:10px 0px;}
#strona .mb_kat_photo li {list-style-type:none; float:left; width:208px; margin:1px; text-align:center; padding:15px 10px; color:black; box-shadow:0px 0px 0px 1px #d5d5d5;}
#strona .mb_kat_photo li img {height:150px;}
#strona .mb_kat_photo li span {display:block; line-height:20px;}

#strona .mb_prod_zajaw  {margin-top:25px;}
#strona .mb_prod_zajaw>li  {list-style-type:none; margin:1px; text-align:center; padding:10px; color:black; box-shadow:0px 0px 0px 1px #d5d5d5; min-height:160px;}
#strona .mb_prod_zajaw>li>.mb_prod_zajaw_phot {float:left; height:150px; width:150px;}
#strona .mb_prod_zajaw>li>.mb_prod_zajaw_phot>img {height:150px; max-width:150px;}
#strona .mb_prod_zajaw>li>h5 {font-family: 'Oswald',sans-serif; font-weight:normal; font-size:14px; margin:10px;}
#strona .mb_prod_zajaw>li>div {float:left; width:490px; margin-left:10px;}
#strona .mb_prod_zajaw>li>div>ul>li {list-style-type:none; margin:0; padding:5px 0; border-top:1px solid #d5d5d5; }
#strona .mb_prod_zajaw>li>div>ul>li:last-child {border-bottom:1px solid #d5d5d5;}

#strona .mb_clear {float:none !important; clear:both;}

.cgj_image a img {height:400px}

.wprawo {text-align:right;width:250px;float:right}
.wprawo ul li {list-style-type:none;}
.zobaczwsklepie {background:#C21818;font-weight:bold;text-decoration:none;color:#fff;margin:10px 0;padding:5px;border-radius:4px;}

.ssclass1{
font-weight:normal;
padding:10px 15px 15px 15px;
clear:both;
}

.ssclass1 h1{
font-size:14px;
}

.hh3 {color:black; font-style:bold;}
.cb1 {
background-color:#EEEEEE;
min-height:145px!important;
}
.cb2 {
background-color:#DDDDDD;
min-height:145px!important;
}
.obrazekk{
padding:3px;
max-height:140px;
max-width:130px;
}
.item {
border: 1px solid #D0D3D8;
clear: both;
padding:1px;
margin-bottom: 0.3em;
list-style-type:none;
}
.pierszer{
width: 140px!important;
display:block;
float:left;
}

.pierszer2{
width: 110px!important;
display:block;
float:left;
}

#product_list .item .content {
    float: right;
    width: 500px;
}
.clear{
clear:both;
}

.ib-trail ul {list-style-type:none; margin:10px 0 10px 5px;}
.ib-trail ul li {display:inline; margin:0px 15px;}
.ib-trail ul li a {color:black; text-decoration:none;}

.menu-glowne-container {height:61px; width:961px;}
.menu-glowne-container ul {list-style-type:none;}
.menu-glowne-container>ul>li {float:left; display:table; border-collapse: collapse; width:137px; box-sizing:border-box;}
.menu-glowne-container>ul>li>a {display:table-cell; font-size:16px; font-weight:bold; color:#000000; text-transform:uppercase; text-align:center; text-decoration:none; vertical-align:middle; height:61px; border-right:1px solid #000000; text-shadow:1px 1px 5px #A4A4A4; font-family:arial; border-collapse: collapse;width:136px;
	background: #b0b0b0; /* Old browsers */
	background: -moz-linear-gradient(top,  #b0b0b0 0%, #7b7b7b 56%, #5f5f5f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0b0b0), color-stop(56%,#7b7b7b), color-stop(100%,#5f5f5f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b0b0b0 0%,#7b7b7b 56%,#5f5f5f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b0b0b0 0%,#7b7b7b 56%,#5f5f5f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b0b0b0 0%,#7b7b7b 56%,#5f5f5f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b0b0b0 0%,#7b7b7b 56%,#5f5f5f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b0b0', endColorstr='#5f5f5f',GradientType=0 ); /* IE6-9 */}
.menu-glowne-container>ul>li:first-child>a {border-radius:10px 0 0 10px;}

.menu-glowne-container>ul>li:last-child {width:138px;}
.menu-glowne-container>ul>li:last-child>a {border-right:none; border-radius:0 0 10px 0;
	background: #fc4a51; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #fc4a51 53%, #aa1726 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(53%,#fc4a51), color-stop(100%,#aa1726)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #fc4a51 53%,#aa1726 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #fc4a51 53%,#aa1726 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #fc4a51 53%,#aa1726 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #fc4a51 53%,#aa1726 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc4a51', endColorstr='#aa1726',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.menu-glowne-container>ul>li:hover>a {
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #686868 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#686868)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#686868 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f3f3 0%,#686868 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f3f3 0%,#686868 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f3f3 0%,#686868 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#686868',GradientType=0 ); /* IE6-9 */
}
.menu-glowne-container>ul>li:last-child:hover>a { 
	background: #aa1726; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #aa1726 0%, #fc4a51 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#aa1726), color-stop(100%,#fc4a51)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #aa1726 0%,#fc4a51 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #aa1726 0%,#fc4a51 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #aa1726 0%,#fc4a51 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #aa1726 0%,#fc4a51 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa1726', endColorstr='#fc4a51',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.menu-glowne-container>ul>li>ul {position:absolute; margin-top:61px; margin-left:-136px; float:none; display:block; display:none;}
.menu-glowne-container>ul>li>ul>li {float:none; display:block; min-width:137px;}
.menu-glowne-container>ul>li>ul>li>a {display:block; background:#828282; color:#000000; text-decoration:none; font-weight:bold; font-variant:small-caps; font-size:14px; padding:10px 20px 10px 20px; border-bottom:1px solid #000000;}

.menu-glowne-container>ul>li:hover>ul {display:block;}
.menu-glowne-container>ul>li:hover>ul>li:hover>a {background:#C0C0C0;}

 .ssGlowna {text-align:justify;}    .ssGlowna p {line-height:150%;} .ssGlowna ul li {padding:3px;}  .ssGlowna ul {margin:15px 25px;}  
      
       #strona2 .box .ssH1,.ssH1 {width:auto;border-radius:10px;padding:10px;background: linear-gradient(to bottom, #B0B0B0 0%, #7B7B7B 56%, #5F5F5F 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}  #strona2 .box h3{text-indent:0px;height: auto;margin-top:25px;}   
         #strona2 .box a h3 {color:black;text-decoration:none;}
         #strona2 .box a {text-decoration:none;}
         #strona2 .box a:hover h3  { text-decoration:none;   background: linear-gradient(to bottom, #F3F3F3 0%, #686868 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
         #strona2 .box p img {float:left;height:160px;padding:2px;  margin:0px 20px 5px 0px;}    
        #strona2 .box p {line-height:150%;padding-right:7px;padding-top:10px;}      
        #strona2 .box {float:left;width:440px; padding:10px;height:250px;text-align:justify;}   
        
     .ssp{padding-bottom:10px;text-align:justify;} 
      h2 {margin:10px 0px;display:block;} 
      
      #strona2 {width:922px; margin:0 auto;}
     h2 a {color:black;}