/*
Theme Name: Mirieldesign
Description: Mirieldesign theme
Author: Izabela Kurkiewicz
Author URI: http://www.mirieldesign.com

Â© all rights reserved
*/



* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

body {
    font: 14px/23px Arial, Helvetica, serif;
    color:#606060;  
    text-align:left;
    text-shadow:0px 1px 0px #fff;
    background:#f0f0f0 url('../img/bg.png') repeat-x 0px -19px;
}

body.podstrona {
    background:#f0f0f0 url('../img/bg-podstrona.png') repeat-x;
}

/* Links
--------------------------------------------------------------------------------------- */


a, a:link { color:#c40000; text-decoration:none  }
a:visited { color:#c40000; }
a:hover { color:#e61717; }
a:active { color:#c40000; }


a.button, a.button-back {
    position:relative;
    float:left;
    margin:10px 20px 0 0;
    padding:1px 12px 1px;
    text-align:center;
    font-weight:bold;
    color:#fff !important;
    text-shadow:1px 1px 1px rgba(0,0,0,.6);

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:1px 1px 4px rgba(0,0,0,.21), inset 0px 1px 0px rgba(255,255,255,.5);
    -webkit-box-shadow:1px 1px 4px rgba(0,0,0,.21), inset 0px 1px 0px rgba(255,255,255,.5);
    box-shadow:1px 1px 4px rgba(0,0,0,.21), inset 0px 1px 0px rgba(255,255,255,.5);

    border-left:1px solid #D10000; border-top:1px solid #D10000;	
    border-right:1px solid #970101; border-bottom:1px solid #970101;	
    background-image: -moz-linear-gradient(#EE0000, #C50000);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EE0000), to(#C50000));
    background-image: -webkit-linear-gradient(#EE0000, #C50000); 
    background-image: -o-linear-gradient(#EE0000, #C50000);
}

a.button:hover {
    background-image: -moz-linear-gradient(#ff3a35, #D30303);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff3a35), to(#D30303));
    background-image: -webkit-linear-gradient(#ff3a35, #D30303); 
    background-image: -o-linear-gradient(#ff3a35, #D30303);
}


/* Headers
--------------------------------------------------------------------------------------- */


h1, h2 {
    font-weight: normal;
    font-size: 26px;
    line-height:32px;
    text-align: left;
    margin:0px 0 15px 0;
    color:#Dc0201;
    text-shadow:1px 1px 0px #CECECE, -1px -1px 0px #fff;
}

h3 {
    font-weight: bold;
    font-size: 12px;
    line-height:18px;
    margin:0px;
}

h4 {
    font-weight: normal;
    font-size: 11px;
    color:#a9a8a8;
    margin:0;
    text-transform:uppercase
}
#news-list li > div > h4{
    white-space: nowrap;
    overflow: hidden;
    margin-right: 10px;
    text-overflow: ellipsis;
}

p + h4 {
    margin:23px 0 14px 0;

}


/* Styles
--------------------------------------------------------------------------------------- */


p {margin: 5px 0 15px 0px;}

ol {margin: 15px 0 15px 40px;}
ol li {margin-bottom:6px ;}

#podstrona ul {margin: 15px 0 15px 0px; padding-left:15px}
#podstrona ul li {padding-left:12px; position:relative}

#o-firmie ul {margin: 15px 0 15px 0px; list-style:none; padding-left:15px}
#o-firmie ul li {padding-left:12px; position:relative}
#o-firmie ul li:before {
    content:'';
    position:absolute;
    display:block;
    top:6px;
    left:-15px;
    width:15px;
    height:15px;
    background:url('../img/icons.png') no-repeat -193px -256px;
}


dt {font-weight: normal; margin-top:15px;}
dd {margin-left:50px; margin-bottom:15px;}

sup {font-size: 9px; }

.special {color: #d12003; font-weight: bold;}

hr {
    height:1px;
    border:none;
    color:#F3F2F0; 
    background-color:#F3F2F0;
}

blockquote {
    font-size:19px;
    line-height:28px;
    font-style:italic;
    color:#252525;
    margin: 14px 0 25px 0
}


p.opis-oko,
p.opis-lody,
p.opis-mysl,
p.opis-pogoda,
p.opis-wyglad {
    padding-left:57px;
    min-height:47px
}

p.opis-oko {background:url('../img/description-icon-1.png') no-repeat;}
p.opis-lody {background:url('../img/description-icon-2.png') no-repeat 0 7px;}
p.opis-mysl {background:url('../img/description-icon-3.png') no-repeat 0 7px;}
p.opis-pogoda {background:url('../img/description-icon-4.png') no-repeat 0 7px;}
p.opis-wyglad {background:url('../img/description-icon-5.png') no-repeat 0 7px;}


/* Tables
--------------------------------------------------------------------------------------- */


table {
    font-size:inherit;
    border-collapse: collapse;
    text-align:right;
    width:100%;
    margin: 25px 0 25px 0;
}
tr:nth-child(odd) {
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #FAFAFA;
    background:#E5E5E5;
}
td {
    vertical-align: top;
    padding: 1px 8px;
}

th {
    text-align:left;
    font-weight:normal;
    padding: 1px 8px;
}



/* Images
--------------------------------------------------------------------------------------- */

img {border:none}


/* Sections
--------------------------------------------------------------------------------------- */

.section {
    position: relative;
    width:100%;
    background:url('../img/section.png') repeat-x bottom;
    padding: 80px 0 550px 0;
    margin:-440px 0 0 0 ;
}

.center {
    position: relative;
    margin: 0 auto 0px auto;
    width:920px;
    z-index:8;
}

.first-half {
    width:450px;
}

.second-half  {
    position:relative;
    width:400px;
    float:right;
    padding-left:34px;
    border-left:1px solid #DEDEDE;
    box-shadow:inset 1px 0px 1px #FCFCFC;

}


#o-firmie {margin:0; background:#f0f0f0 url('../img/section.png') repeat-x bottom }
#produkty {min-height:350px }

#podstrona {margin:0; }
#podstrona .center {
    background:url('../img/top-podstrona.jpg') no-repeat center top; 
    margin:-80px auto 0px auto; padding:110px 40px 20px 40px; overflow:hidden}
#podstrona .first-half {width:500px;}
#podstrona .second-half  {width:378px;padding-left:40px;}

#kontakt {background:transparent; padding: 80px 0 50px 0; min-height:450px }
#kontakt .first-half {width:610px;}
#kontakt .second-half  {width:230px;padding-left:40px;}

/* Header
--------------------------------------------------------------------------------------- */

#line-top {
    position:fixed;
    top:0px;left:0px;
    width:100%;
    height:7px;
    background:url('../img/bg.png') repeat-x  0px 0px;
    z-index:30;
}

#home {
    position: relative;
    width:100%;
    height:639px;
    padding:0;
    background:url('../img/top.jpg') top center no-repeat ;
    margin: 0 0 102px 0
}

#logo {
    position: relative;
    margin: 0 auto;
    width:478px;
    height:94px;
    background:url('../img/logo.png');
    text-indent: -3000px;
}
#logoid{
    position:absolute;
    display:block;
    width:500px;
    height: 70px;
    bottom: 50px;
    left: 50%;
    margin-left: -250px;
    background: url(../img/text-th.png) no-repeat center center;
    text-indent: -3000px;
}

#hajok {
    position: absolute;
top: 55px;
right: -255px;
width: 88px;
height: 91px;
background: url('../img/logotypy.png') no-repeat -500px -9px;
text-indent: -3000px;
display:none;
}

.podstrona #hajok {
    top: -5px;
    right: 0px;
    width: 53px;
    background: url('../img/logotypy.png') no-repeat -588px -1px;
    height: 48px;
}

#sticker {
    height: 167px;
    left: -122px;
    position: absolute;
    top: 96px;
    width: 162px;
    z-index: 200;
    background:url('../img/icons.png') no-repeat 0px 0px;
    
}




/* Features
--------------------------------------------------------------------------------------- */


#features {
    position: absolute;
    bottom:-102px;
    left:50%;
    margin-left: -460px;
    width:920px;
    height:102px;
    background:url('../img/top.jpg') repeat-x  50% -639px;
    overflow:hidden
}

#features p {
    color:#ededed;
    line-height:16px;
    text-shadow:0px 1px 0px #000;
    float:left;
    position:relative;
    display:block;
    width:165px;
    padding:0px 0px 0 50px;
    margin:25px 0px 0 20px;
}
#features p:first-child {
    margin:25px -5px 0 0px;
    padding-left:54px;
    width:169px;}

#features p:last-child {
    width:170px;
    margin:25px 0px 0 12px;}

#features p:before {
    content:'';
    position:absolute;
    display:block;
    top:0px;
    left:0px;
    width:50px;
    height:46px;
    background:url('../img/icons.png') no-repeat -165px 0px;
}

#features p:first-child:before {
    background:url('../img/icons.png') no-repeat -165px -135px;
    top:10px;
    height:32px;
}

#features p:nth-child(2):before {
    background:url('../img/icons.png') no-repeat -162px -89px;
}

#features p:nth-child(3):before {
    background:url('../img/icons.png') no-repeat -165px -43px;
}



/* Slideshow
--------------------------------------------------------------------------------------- */


#slideshow {
    position: relative;
    margin: 0px auto;
    width:410px;
    height:480px;
    z-index:10;
}

.roundabout-holder {
    list-style: none;
    margin: 0px auto;
    width: 100%;
    height:465px;
}

.roundabout-moveable-item {
    height: 408px;width: 170px;
    cursor: pointer;
}

.roundabout-moveable-item img {width: 100%;border-style: none}
.roundabout-in-focus {cursor: auto; }

#next, #prev {
    position: absolute;
    width:23px;
    height:34px;
    top:240px;
    left:-110px;
    background:url('../img/icons.png') no-repeat  0px -247px;
    z-index:200;
    text-indent: -3000px;
}

#prev {
    width:22px;
    left:520px;
    background:url('../img/icons.png') no-repeat -23px -247px;
}
#next:hover {background:url('../img/icons.png') no-repeat -45px -247px;}
#prev:hover {background:url('../img/icons.png') no-repeat -68px -247px;}


#slideshow ul.no-javascript{list-style-type: none; margin:0px; padding:0px}
#slideshow ul.no-javascript li{position:absolute; top:55px; left:120px; visibility:hidden}
#slideshow ul.no-javascript li:nth-child(1){visibility:visible; z-index:10}
#slideshow ul.no-javascript li:nth-child(2){top:70px; left:0px; width:80%; visibility:visible; z-index:9}
#slideshow ul.no-javascript li:nth-child(2) img{width:46%}
#slideshow ul.no-javascript li:nth-child(3){top:110px; left:-30px; width:80%; visibility:visible; z-index:8}
#slideshow ul.no-javascript li:nth-child(3) img{width:32%}
#slideshow ul.no-javascript li:nth-child(8){top:70px; left:260px; width:80%; visibility:visible; z-index:9}
#slideshow ul.no-javascript li:nth-child(8) img{width:46%}
#slideshow ul.no-javascript li:nth-child(7){top:110px; left:340px; width:80%; visibility:visible; z-index:8}
#slideshow ul.no-javascript li:nth-child(7) img{width:32%}


/* Menu
--------------------------------------------------------------------------------------- */


#nav{
    position:fixed;
    list-style-type: none;
    z-index:30;
    top:18px;
    left:50%;
    margin-left:-477px;
    padding:2px 0;
    background:rgb(243,243,243);
    background:rgba(243,243,243,0.95);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 30px rgb(243,243,243),5px 5px 15px rgba(243,243,243,0.90),-5px -5px 15px rgba(243,243,243,0.90),-5px 5px 15px rgba(243,243,243,0.90),5px -5px 15px rgba(243,243,243,0.90);
    -webkit-box-shadow:0px 0px 30px rgb(243,243,243),5px 5px 15px rgba(243,243,243,0.90),-5px -5px 15px rgba(243,243,243,0.90),-5px 5px 15px rgba(243,243,243,0.90),5px -5px 15px rgba(243,243,243,0.90);
    box-shadow:0px 0px 30px rgb(243,243,243),5px 5px 15px rgba(243,243,243,0.90),-5px -5px 15px rgba(243,243,243,0.90),-5px 5px 15px rgba(243,243,243,0.90),5px -5px 15px rgba(243,243,243,0.90);
}

#nuav{
    position:fixed;
    list-style-type: none;
    z-index:30;
    top:18px;
    left:50%;
    margin-left:-477px;
    padding:2px 0;
    background:#F1F1F1;
    background:rgba(241,241,241,0.9);
    border-left:1px solid #EAEAEA; border-top:1px solid #EAEAEA;	
    border-right:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3;	
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,.8);
    -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,.8);
    box-shadow:0px 0px 10px rgba(241,241,241,0.9),inset 0px 1px 0px rgba(255,255,255,.8);
}

#nav li {
    float:left;
    padding-right:2px;
}
#nav li:last-child  {padding-right:0px;}

#nav a {
    font-size:14px;
    font-weight:bold;
    color:#676666;
    line-height:14px;
    padding:5px 16px 4px;
    text-shadow:1px 1px 0px #fff;
}

#ndav a:hover {
    padding:5px 15px 4px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:1px 1px 4px rgba(0,0,0,.07);
    -webkit-box-shadow:1px 1px 4px rgba(0,0,0,.07);
    box-shadow:1px 1px 4px rgba(0,0,0,.07);

    border-left:1px solid #E5E5E5; border-top:1px solid #E5E5E5;	
    border-right:1px solid #CECECE; border-bottom:1px solid #CECECE;	
    background-image: -moz-linear-gradient(#fff, #E8E8E8);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#E8E8E8));
    background-image: -webkit-linear-gradient(#fff, #E8E8E8); 
    background-image: -o-linear-gradient(#fff, #E8E8E8);
}

#nav a:hover {
    color:#DD0000;
}

#nav a.link-active, #nav a.link-active:hover  {
    color:#fff;
    padding:5px 15px 4px;
    text-shadow:1px 1px 1px rgba(0,0,0,.6);
    border-left:1px solid #D10000; border-top:1px solid #D10000;	
    border-right:1px solid #970101; border-bottom:1px solid #970101;	
    background:url('../img/bg.png') repeat-x  0px -760px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:1px 1px 4px rgba(0,0,0,.21);
    -webkit-box-shadow:1px 1px 4px rgba(0,0,0,.21);
    box-shadow:1px 1px 4px rgba(0,0,0,.21);
}

/* Lista kategorii
--------------------------------------------------------------------------------------- */

#product-filter {position:relative;float:left;margin:10px 0;}
#product-filter span  {float:left;line-height:21px;}

#product-filter ul {
    display:block;
    position:relative;
    float:left;
    list-style-type: none;
    margin:0 20px 0 10px;
    height:21px;
    line-height:18px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    -moz-box-shadow:1px 1px 0px #fff;
    -webkit-box-shadow:1px 1px 0px #fff;
    box-shadow:1px 1px 0px #fff;
}

#product-filter li {
    position:relative;
    float:left;
    height:19px;
    background:url('../img/bg.png') repeat-x  0px -818px;

    border-top:1px solid #dfdfdf;
    border-bottom:1px solid #bab9b9;
    border-right:1px solid #D0D0D0; 
    border-left:1px solid #efefef;
}

#product-filter li:first-child {
    border-left:1px solid #D0D0D0; 
    -webkit-border-radius:5px 0 0 5px;
    -moz-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
}

#product-filter li:last-child {
    -webkit-border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
}

#product-filter li.current  {
    background:url('../img/bg.png') repeat-x  0px -840px;
    border-top:1px solid #9F9F9F;
    border-left:1px solid #9F9F9F;
    border-right:1px solid #B6B6B6;
}

#product-filter a {
    font-size:11px;
    font-weight:bold;
    color:#606060;
    padding:5px 9px 5px;
    text-shadow:1px 1px 0px #fff;
}

#product-filter li:hover {
    -moz-box-shadow:inset 0px -1px 4px rgba(0,0,0,0.15);
    -webkit-box-shadow:inset 0px -1px 4px rgba(0,0,0,0.15);
    box-shadow:inset 0px -1px 4px rgba(0,0,0,0.15);
}
#product-filter li:hover a {
    color:#7d7d7d;
}
#product-filter li.current a {
    color:#7d7d7d;
    text-shadow:1px 1px 0px #F0F0F0
}



/* Products
--------------------------------------------------------------------------------------- */

#product-list{
    position:relative;
    width:940px;
    list-style-type: none;
    margin:0px -10px;
    padding:10px 0 10px 10px;
    z-index:1;
    clear:both;
    overflow:hidden
}

#product-list li{
    width:168px;
    height:250px;
    float:left;
    margin:0 20px 20px 0;
    position:relative;
    cursor:pointer;
    z-index:2;
}

#product-list a{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-right:1px solid #C1C1C1;	
    border-bottom:1px solid #C1C1C1;	
    background:url('../img/karta-bg.jpg') center center #E2E3E4;
    text-indent:-3000px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,.11), inset 0px 1px 0px rgba(217,219,220,1), inset 0px 2px 0px rgba(255,255,255,.8);
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.11), inset 0px 2px 0px rgba(217,219,220,1);
    box-shadow:2px 2px 4px rgba(0,0,0,.11), inset 0px 1px 0px rgba(217,219,220,1), inset 0px 2px 0px rgba(255,255,255,.8);
}
#product-list li:hover {margin:-2px 22px 22px -2px;}
#product-list li a:hover{
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,.11),inset 2px 2px 4px rgba(0,0,0,.11), inset 0px 1px 0px rgba(217,219,220,1), inset 0px 2px 0px rgba(255,255,255,.8);
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.11),inset 2px 2px 4px rgba(0,0,0,.11), inset 0px 2px 0px rgba(217,219,220,1);
    box-shadow:3px 3px 5px rgba(0,0,0,.15),inset 0px 0px 20px rgba(255,255,255,.8), inset 0px 1px 0px rgba(217,219,220,1), inset 0px 2px 0px rgba(255,255,255,.8);
}

#product-list h3 {
    font-size:12px;
    line-height:23px;
    font-weight:bold;
    padding:5px 13px 0 13px;
    width:142px;	
    height:27px;
    position:absolute;
    left:0;
    bottom:0;
    border-top:1px solid #D3D5D6;
    background:#fff url('../img/bg.png') repeat-x 0px -785px ; 
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    overflow:hidden
}


/* Katalog button
--------------------------------------------------------------------------------------- */


#product-catalog {
    padding:11px 0 11px 16px;
    width:196px;
    display:block;
    position:absolute;top:19px;right:0px;bottom:auto;
    font-weight:bold;
    color:#fff !important;
    line-height:15px;
    text-transform:uppercase;
    text-shadow:1px 1px 1px rgba(0,0,0,.6);

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:1px 1px 4px rgba(0,0,0,.21), inset 0px 1px 0px rgba(255,255,255,.5);
    -webkit-box-shadow:1px 1px 4px rgba(0,0,0,.21), inset 0px 1px 0px rgba(255,255,255,.5);
    box-shadow:1px 1px 4px rgba(0,0,0,.21), inset 0px 1px 0px rgba(255,255,255,.5);


    border-left:1px solid #D10000; border-top:1px solid #D10000;	
    border-right:1px solid #970101; border-bottom:1px solid #970101;	
    background-image: -moz-linear-gradient(#EE0000, #C50000);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EE0000), to(#C50000));
    background-image: -webkit-linear-gradient(#EE0000, #C50000); 
    background-image: -o-linear-gradient(#EE0000, #C50000);
}

#product-catalog:hover {
    background-image: -moz-linear-gradient(#ff3a35, #D30303);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff3a35), to(#D30303));
    background-image: -webkit-linear-gradient(#ff3a35, #D30303); 
    background-image: -o-linear-gradient(#ff3a35, #D30303);
}
#product-catalog span{
    font-weight:normal;
    color:#e8a9a9 !important;
    font-size:10px;
    text-transform:none;
    float:left;
}

#product-catalog:before {
    content:'';
    position:absolute;
    display:block;
    top:10px;
    right:11px;
    width:32px;
    height:32px;
    background:url('../img/icons.png') no-repeat -145px -249px;
}


/* Contact
--------------------------------------------------------------------------------------- */


#kontakt .second-half p {
    padding:0px 0px 5px 50px;
    position:relative;
}

#kontakt .second-half p:before {
    content:'';
    position:absolute;
    display:block;
    top:5px;left:0px;
    width:29px;height:29px;
}
#kontakt .second-half p.kontakt-adres:before {
    background:url('../img/icons.png') no-repeat -82px -223px;
    width:22px;left:5px;
}
#kontakt .second-half p.kontakt-telefony:before {
    background:url('../img/icons.png') no-repeat -108px -223px;
    width:33px;
}
#kontakt .second-half p.kontakt-email:before {
    background:url('../img/icons.png') no-repeat -145px -223px;
    width:31px;height:25px;
}
#kontakt .second-half p.kontakt-strony:before {
    background:url('../img/icons.png') no-repeat -179px -223px;
}

/* Contact form
--------------------------------------------------------------------------------------- */

#contactForm {margin:16px 0;}

#contactForm input, #contactForm textarea {
    position:relative;
    font: inherit;
    float:left;
    line-height:16px;
    padding: 7px 7px;
    margin:8px 0;
    border: 1px solid #D4D4D4;
    background:#fff;
    box-shadow:1px 1px 0px #fff, inset 1px 2px 3px #EEEEEE;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#contactForm label {padding: 13px 15px 0 0;float:left; }
#contactForm label[for=email]{padding-right: 24px;}
#contactForm label[for=telefon]{padding-left: 20px;}


#contactName {width: 528px;}
#email {width: 245px;}
#telefon {width: 132px;}

#contactForm .screenReader { display:block; width:0px; height:0px; float:right; padding:0px; visibility:hidden }
.required {color:red}
.error { color: #f00; }

#contactForm textarea { height: 194px; width: 590px; overflow:auto }
#contactForm input:focus, #contactForm textarea:focus { border-color: #DD0301; }

#contactForm button {
    cursor: pointer;
    display:block;
    float:left;
    font-size:14px;
    line-height:14px;
    font-weight:bold;
    color:#fff;
    margin:20px 3px 0 0;
    padding:0px 10px 2px 10px;
    height:27px;
    width:72px;
    background:url('../img/icons.png') no-repeat 0px -220px;
    -moz-box-shadow:1px 1px 4px rgba(0,0,0,.21);
    -webkit-box-shadow:1px 1px 4px rgba(0,0,0,.21);
    box-shadow:1px 1px 4px rgba(0,0,0,.21);
    text-shadow:1px 1px 1px rgba(0,0,0,.6);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#contactForm button:hover {
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity:0.8
}

.confirm, .error {
    position:relative; 
    float:left;
    margin:22px 0 0 40px; 
    color:#71AF00
}
.confirm:before {
    content:'';
    position:absolute;
    display:block;
    top:5px;
    left:-22px;
    width:15px;
    height:15px;
    background:url('../img/icons.png') no-repeat -193px -256px;
}
.error {margin:22px 0 0 20px; color:red}


/* Footer
--------------------------------------------------------------------------------------- */

#footer {
    position: relative;
    width:100%;
    height:30px;
    background:url('../img/bg.png') repeat-x  0px -880px;
    padding-top:75px;
}

#line-bottom {
    position:absolute;
    bottom:-7px;
    left:0px;
    width:100%;
    height:10px;
    background: url('../img/bg.png') repeat-x  0px -9px;
    z-index:30;
}


#footer h2 {
    color:#cccccc;
    text-shadow:1px 1px 0px #fff, -1px -1px 0px #A1A1A1;
}

#gastronomasz, #swiat-lodow, #maszyny-do-lodow{
    display:block;
    position: absolute;
    top:-10px;
    right:655px;
    width:264px;
    height:53px;
    background:url('../img/logotypy.png') no-repeat 0px 0px;
    text-indent: -3000px;
}
#gastronomasz:hover{background:url('../img/logotypy.png') no-repeat 0px -53px;}

#maszyny-do-lodow{
    right:450px; width:155px;
    background:url('../img/logotypy.png') no-repeat -266px 0px;
}
#maszyny-do-lodow:hover{background:url('../img/logotypy.png') no-repeat -266px -53px;}

#swiat-lodow{
    right:645px; width:79px;
    background:url('../img/logotypy.png') no-repeat -421px 0px;
}
#swiat-lodow:hover{background:url('../img/logotypy.png') no-repeat -421px -53px;}


#partnerzy-link{
    top:0; right:0px;
    position:absolute
}
#partnerzy-link, #partnerzy-link a, #partnerzy-link a:link, #partnerzy-link a:visited {color:#cccccc;}
#partnerzy-link a:hover, #partnerzy-link:hover { color:#e61717; }

#copy {
    margin-top:0px;
    color:#999898;
    font-size:15px;
    line-height:15px}

#copy a, #copy a:link, #copy a:visited {color:#999898;}
#copy a:hover { color:#e61717; }


/* gallery
--------------------------------------------------------------------------------------- */

.gallery img, .front-image img{
    border:5px solid #FAFAFA;	

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:2px 2px 5px rgba(0,0,0,.05), inset 0px 1px 0px rgba(217,219,220,1), inset 0px 2px 0px rgba(255,255,255,.8);
    -webkit-box-shadow:2px 2px 5px rgba(0,0,0,.05), inset 0px 2px 0px rgba(217,219,220,1);
    box-shadow:2px 2px 5px rgba(0,0,0,.05), inset 0px 1px 0px rgba(217,219,220,1), inset 0px 2px 0px rgba(255,255,255,.8);
}

.front-image img {
    width:327px;
    margin-right:10px;
    position: relative;
}
.gallery img{margin-bottom:13px;}
.gallery{
    float:right;
    width:113px;
    margin-right:30px
}

.front-image-shadow {
    margin-top:-7px;
    position:absolute;
    width:337px;
    height:19px;
    background:url('../img/front-image-shadow.png') no-repeat;
}
.front-image {position:relative}
.hidden-image {display:none}

img#wpstats {position:absolute; visibility:hidden}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:20px;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; padding-left:5px; color:#ccc; size:11px; text-shadow:none;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; size:11px; text-shadow:none;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}


/*list news*/
ul#news-list li{
    list-style: none;
    margin-bottom: 15px;
    background: #f2f2f2;
    padding: 10px 0;
    border-radius: 5px;
    border:1px solid #dfdfdf;
}
ul#news-list li em{
    font-size: 0.88em;
    color: #c48f8f;
}
.clear{
    clear:both;
    
}
.img-news{
    display:block;
    float:left;
    height: 70px;
    width: 70px;
    text-align: center;
    margin-right: 10px;
}
#news-list h4{
    color: #252525;
    padding: 0; 
}
.img-news img{
    height: 100%;
    padding: 1px;
    border:1px solid #ccc;
    background: #fff;
}
.content_news{
    font-size: 15px;
}
.icon_lang{
    position: fixed;
    right: 50%;
    margin-right: -500px;
    top:0;
    z-index: 100;
    width: 100px;
}
.icon_lang a{ 
    margin:23px 5px; 
    display: inline-block;
}