@charset "iso-8859-2";
@import url("reset-min.css");

body { font: 64%/1.9em  Georgia, serif;  text-shadow: 1px 1px 1px #ffffff;
background: #8fc400;
background: -moz-radial-gradient(center, ellipse cover,  #8fc400 0%, #82aa00 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#8fc400), color-stop(100%,#82aa00));
background: -webkit-radial-gradient(center, ellipse cover,  #8fc400 0%,#82aa00 100%);
background: -o-radial-gradient(center, ellipse cover,  #8fc400 0%,#82aa00 100%);
background: -ms-radial-gradient(center, ellipse cover,  #8fc400 0%,#82aa00 100%);
background: radial-gradient(center, ellipse cover,  #8fc400 0%,#82aa00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#82aa00',GradientType=1 );


-webkit-transition: all 5s ease;
-moz-transition: all 5s ease;
-o-transition: all 5s ease;
transition: all 5s ease;
  }
a { text-decoration: none; font-weight: normal; color: #1155CC; font-style: italic;}
a:hover { color: #1155CC;}
.hide,hr { display: none; }
strong { font-weight: bold; }
blockquote { text-align: justify; font-style: italic; font-size: 1.2em; color: #333; display: block;  background: #F7F7E6; padding: 20px 40px 20px 40px;   -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }



#container { width: 902px;  margin: 44px auto 40px auto;  padding-bottom: 10px; padding-top: 10px; color: #000;    border: 2px solid #fff;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
/*
-webkit-box-shadow: 0px 0px 100px 0px #FEFEEE;
-moz-box-shadow: 0px 0px 100px 0px #FEFEEE;
box-shadow: 0px 0px 100px 0px #FEFEEE;
*/
/* #EFEF02 */

background: rgb(250,250,231); /* Old browsers */
background: -moz-linear-gradient(left, rgba(250,250,231,1) 0%, rgba(255,255,240,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(250,250,231,1)), color-stop(100%,rgba(255,255,240,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(250,250,231,1) 0%,rgba(255,255,240,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(250,250,231,1) 0%,rgba(255,255,240,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, rgba(250,250,231,1) 0%,rgba(255,255,240,1) 100%); /* IE10+ */

background: linear-gradient(left, rgba(250,250,231,1) 0%,rgba(255,255,240,1) 100%); /* W3C */}


h1 { font-size: 1.4em; text-transform: none; }

h3 { font-size: 1.8em; text-transform: none; margin: 20px 0 0 0; color: #888; font-family: georgia, MetaBlack,"Trebuchet MS",sans-serif;  font-style: italic; color: #000; margin-bottom:-5px;}
#container p { text-align: left; font-size: 1.3em; color: #000; margin: 20px 0 20px 0; text-shadow: 1px 1px 1px #ffffff;
  text-indent: 20px;}
#container p:first-letter {font-size: 1.2em;  font-weight: normal; }
#container p.fl:first-letter { font-weight: bold; }
h1 a,h1 a:hover { display: block; width: 570px; height: 53px; padding-top: 10px; margin-left: 10px; background: url(../images/logo.png) no-repeat left; padding-left: 340px; color: #333; font-family: Georgia, serif; letter-spacing: -1px; font-weight: normal; text-align: justify; text-transform: none; display: inline-block; font-size: 1.2em; }

h1 span  {  font-size: 14px; color: #000; text-shadow: 1px 1px 1px #fff;
 letter-spacing: -0.02em; font-style: italic; width: 300px; display: block;
    }


#navigation_wrapper {  height: 37px; margin: 10px auto 20px auto;

-webkit-box-shadow: 0px 0px 4px 0px #000000;
-moz-box-shadow: 0px 0px 4px 0px #000000;
box-shadow: 0px 0px 4px 0px #000000;

background: #222;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#navigation { float: left;  height: 37px;  }
#navigation li { float: left; }
#navigation li a { padding: 7px 20px 0 20px;  height: 30px; float: left; font-family: Georgia; font-size: 1.6em; font-style: italic; font-weight: normal; letter-spacing: -0.01em; color: #fff; text-shadow: 1px 1px 1px #000;  border-right: 1px solid #000; border-left: 1px solid #000;




background: #222;


 }

 #navigation li a.active, #navigation li a:hover {  background:  #000; text-shadow: none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;  color: #ddd;

-webkit-transition: all 2s linear;
-moz-transition: all 2s linear;
-o-transition: all 2s linear;
transition: all 2s linear;

}

#navigation li.home a { padding: 7px 40px 0 10px;  height: 30px; float: left; font-family: Georgia; font-size: 1.6em; font-style: italic; font-weight: normal; letter-spacing: -0.01em; color: #fff; text-shadow: 1px 1px 1px #9B0029;  border-right: 1px solid #000; border-left: 1px solid #000;  background: #222 url(../images/Home.png) no-repeat left; -webkit-border-radius: 4px 0 0 4px;
-moz-border-radius:  4px 0 0 4px;
border-radius:  4px 0 0 4px; }

#navigation li.home a.active, #navigation li.home a:hover {  background-color: #000 ; text-shadow: none; -webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;  color: #eee;  }



ul#navigation li.polish a { color: #000; text-shadow: 1px 1px yellow; border-left: #000; border-right: #000; padding: 7px 30px 0 30px;

-webkit-border-radius: 4px;
-moz-border-radius:  4px;
border-radius:  4px;

background: #ffff00; /* Old browsers */
background: -moz-linear-gradient(top, #ffff00 14%, #ffd700 94%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#ffff00), color-stop(94%,#ffd700)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffff00 14%,#ffd700 94%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffff00 14%,#ffd700 94%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffff00 14%,#ffd700 94%); /* IE10+ */

background: linear-gradient(top, #ffff00 14%,#ffd700 94%); /* W3C */


}

ul#navigation li.polish a:hover, ul#navigation li.polish a.active {


background: #ffff00; /* Old browsers */
background: -moz-linear-gradient(top, #ffff00 33%, #ffd700 76%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#ffff00), color-stop(76%,#ffd700)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffff00 33%,#ffd700 76%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffff00 33%,#ffd700 76%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffff00 33%,#ffd700 76%); /* IE10+ */

background: linear-gradient(top, #ffff00 33%,#ffd700 76%); /* W3C */



}

.title { font-size: 1.1em; font-weight: normal;}
img {border: 2px solid #fff; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
#main_image { width: 860px; position: relative; margin: 0 auto; text-align: center;}
#main_image img {border: 2px solid #fff; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
#main_content { width: 830px;  position: relative; margin: 0 auto; font-size: 1.2em; }
#menu_top { width: 830px; position: relative; margin: 0 auto; font-size: 1.2em; }
#content { width: 830px; position: relative; margin: 0 auto; font-size: 1.2em; }



#footer_wrapper { width: 100%;  padding: 20px 0 10px 0; margin: 0 auto; text-transform: uppercase; font-size: 1.1em;  font-style: italic; clear: both; }
#footer { position: relative; width: 820px; display: block; padding: 0 20px 40px 20px; color: #888; height: 40px; margin: 0 auto; border-top: 1px solid #F7F79E;

-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;

background: rgb(255,255,240); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,240,1) 0%, rgba(250,250,231,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,240,1)), color-stop(100%,rgba(250,250,231,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,240,1) 0%,rgba(250,250,231,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,240,1) 0%,rgba(250,250,231,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,240,1) 0%,rgba(250,250,231,1) 100%); /* IE10+ */

background: linear-gradient(top, rgba(255,255,240,1) 0%,rgba(250,250,231,1) 100%); /* W3C */
}
#footer .logo { padding: 34px 0 0 10px; width: 200px; float: left; }
#footer .logo span { position: absolute; display: block; right: -31px; top: 0; width: 31px; height: 67px;  }
* html #footer .logo span, * html #footer_wrapper { behavior: url(stylesheets/iepngfix.htc); }
#footer ul { padding-top: 34px; padding-right: 5px; float: right; }
#footer ul li { float: left; padding-left: 10px; }
#footer a { color: #888; }
#footer li a:hover { color: #888; }
.listkr { list-style: square; font-size: 1.1em; text-align: justify; margin-left: 8px; }


#tab0 tr td { border: none; }

#left { float: right; vertical-align: top; }
.ig { vertical-align: top; margin-right: 10px; float: left; border: none;}
.ig2 { vertical-align: top; margin-left: 10px; float: right; }

#nn { float: right;  padding: 7px;  font-weight: normal; font-size: 2em; background: #262626 url(images/Phone.png) no-repeat left; color: #fff; text-align: center; margin-right: -40px;  text-shadow: none;

-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;

}



table { font-size: 1em; color: #444; border: none; }
table td { padding: 10px 10px 10px 20px;  width: 25%; border: 2px dotted #F7F7E6; }


iframe { margin-top: 20px; border: 2px solid #fff; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.rts { text-align: right;  display: block;  margin-bottom: 30px; }
#asx {border: none; vertical-align: top;}
#asx img {margin: 5px 0 5px 0;}
img.position {position: absolute; top: 50px; right: 189px; width: 161px; height: 195px;}
li#eukanuba a, li#eukanuba a:hover {padding-left: 35px; background: #fff url(../images/eukanuba.png) no-repeat  left; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;  color: #000; text-shadow: none; font-style: normal; }
h2.title { font-family: MetaBlack,"Trebuchet MS",sans-serif; font-weight: 800; text-shadow: 1px 1px 1px #ffffff; font-size: 30px; color: #000;  letter-spacing: -1px;}

h2 { font-size: 1.4em; text-transform: none; margin: 15px 0 5px 0; color: #333; font-weight: normal; font-family: MetaBlack,"Trebuchet MS",sans-serif; line-height: 1em;}
a.promo {float: right; display: inline-block;}
.both {width: 100%; display: inline-block; }
.both .mother, .both .father {width: 360px;   padding: 20px ; display: inline-block; vertical-align: top; border-top: 2px solid #000; margin: 20px 0 10px 0;
-webkit-box-shadow: 0px 0px 10px 0px #cccccc;
-moz-box-shadow: 0px 0px 10px 0px #cccccc;
box-shadow: 0px 0px 10px 0px #cccccc;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

}
.both .father {margin-right: 25px;}
.both h2 {text-align: center; margin: 0 auto;border-bottom: 1px solid gold; width: 300px; padding: 20px 0 20px 0;}
.both h2 span {font-size: 50px;  letter-spacing: -2px; color: #444; text-shadow: 1px 1px #fff; }

.gallery {clear: both; margin: 20px 0 0 0; margin: 0 auto; text-align: center; display: block; margin-top: 20px;}
.gallery img.large {padding: 20px 141px 20px 141px; background: #000; }

.nn2 { display: inline-block; float: left; width: 430px; padding: 4px;}
.nn3 { display: inline-block; float: left; width: 380px; padding: 4px;}

p.nofirst:first-letter {font-size: 1em; text-indent: none; }
p.nofirst  {font-size: 1em; text-indent: none; }
.eukanuba {border: 4px solid #000;   width: 100%;
-webkit-box-shadow: 0px 0px 4px 0px #000000;
-moz-box-shadow: 0px 0px 4px 0px #000000;
box-shadow: 0px 0px 4px 0px #000000;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; margin-top: -5px;


}



.eukanuba_bc {border: 4px solid #000; width: 400px; height: 257px;  background: #000;
-webkit-box-shadow: 0px 0px 4px 0px #000000;
-moz-box-shadow: 0px 0px 4px 0px #000000;
box-shadow: 0px 0px 4px 0px #000000;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; float: right; margin: 0 0 0 20px;
}


#rezerwacja {

background: #8fc400; /* Old browsers */
background: -moz-linear-gradient(top, #8fc400 0%, #8fc400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#8fc400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8fc400 0%,#8fc400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8fc400 0%,#8fc400 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #8fc400 0%,#8fc400 100%); /* IE10+ */

background: linear-gradient(top, #8fc400 0%,#8fc400 100%); /* W3C */


 -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;  padding: 20px 10px 20px 10px; }

h3#book {background: #8fc400; color: #fff; padding: 20px 20px 10px 20px; text-shadow: none;  -webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0; font-size: 30px; line-height: 1.1em;

 font-family: MetaBlack,"Trebuchet MS",sans-serif;
font-weight: bold; letter-spacing: -1px; text-align: center; font-style: normal;  border-bottom: none;
}

h3#book span {font-size: 22px; }
iframe.google {background: #fff; padding: 20px 0 20px 20px; border: 1px solid #729B00;
width: 260px; height: 480px; display: block;

margin: 0 auto;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}


iframe.eukanuba title {display: none;}

.right { float: right; display: inline-block; width: 320px;}
.right2 { float: left; display: inline-block; width: 400px;}
.right ul li {font-size: 1.3em; color: #000;  text-shadow: 1px 1px 1px #ffffff;
  padding: 12px 10px 4px 34px; background: url(../images/ok.png) no-repeat top left; }
.right2 ul li {font-size: 1.3em; color: #000;  text-shadow: 1px 1px 1px #ffffff;
  padding: 12px 10px 4px 34px; background: url(../images/ok.png) no-repeat top left; }
.right2 ul.gifts {padding-top: 20px;}
.right ul.countries li {background: none; padding: 2px 10px 8px 29px; margin-top: 6px;}
.right ul.countries li.poland { background: url(../images/Poland.png) no-repeat left top;}
.right ul.countries li.germany{ background: url(../images/Germany.png) no-repeat left top;}
.right ul.countries li.usa { background: url(../images/USA.png) no-repeat left top;}
.right ul.countries li.canada { background: url(../images/Canada.png) no-repeat left top;}

#container .right ul li span  {font-size: 12px;  display: block;}

#box { width: 210px; float: right;  background: #F7F7E6; margin: 20px 0 0 20px; -webkit-border-radius: 4px;
-moz-border-radius:  4px;
border-radius:  4px;

}

#addthis {  padding: 4px 4px 4px 2px  ;  display: block;  background: #F9F9D4;  margin-top: -7px; text-shadow: none;  font-style: normal;
-webkit-box-shadow: 0px 0px 4px 0px #F9F9D4;
-moz-box-shadow: 0px 0px 4px 0px #F9F9D4;
box-shadow: 0px 0px 4px 0px #F9F9D4;

-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius:  0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
#addthis span {margin-right: 1px; margin-top: 2px; }


#google_translate_element { display: block;  text-shadow: 1px 1px #fff; color: #fff;  padding:  5px 10px 5px 10px; background: #F9F9E5;

}

.panel {width: 240px; border: 2px solid #E5E5D5;  background: #F7F7E6 url(../images/arrowright.png) no-repeat right;  padding: 4px 120px 10px 30px; margin: 10px;  display: inline-block; float: left; height: 170px;

-webkit-box-shadow: 0px 0px 4px 0px #E5E5D5;
-moz-box-shadow: 0px 0px 4px 0px #E5E5D5;
box-shadow: 0px 0px 4px 0px #E5E5D5;

-webkit-border-radius: 4px;
-moz-border-radius:  4px;
border-radius:  4px;
}

.blue h3 {color: #1155CC;}


p.guarantee {margin: 20px 0 20px 0;  background: url(../images/guarantee.png) no-repeat left; clear: both; padding: 40px 0 40px 130px;  display: block;}



#page p {text-indent: 0;}

p.rts{text-align: right; width: 100%; }

.counter {font-size: 40px;   padding: 1px; clear: both; display: block; text-align: center; margin: 40px auto 20px auto; font-style: italic; font-weight: bold; color: #222222;}
.counter span {font-size: 60px;    display: block;  text-align: center; margin: 0 auto;
width: 170px;  padding: 40px 0 40px 0;
color: #FDFDEC;



background: #88cc00;
background: -moz-linear-gradient(top, #88cc00 0%, #496d00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88cc00), color-stop(100%,#496d00));
background: -webkit-linear-gradient(top, #88cc00 0%,#496d00 100%);
background: -o-linear-gradient(top, #88cc00 0%,#496d00 100%);
background: -ms-linear-gradient(top, #88cc00 0%,#496d00 100%);

background: linear-gradient(top, #88cc00 0%,#496d00 100%);

font-style: normal;

 -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

text-shadow: 1px 1px #4C7100;


-webkit-box-shadow: 0px 0px 4px 0px #4C7200;
-moz-box-shadow: 0px 0px 4px 0px #4C7200;
box-shadow: 0px 0px 4px 0px #4C7200;

border: 1px solid #4C7200;
text-decoration: blink;
}

.rabat {display: block; margin: 0 auto; padding: 30px 20px 20px 20px; font-size: 16px; height: 530px;
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.rabat span {font-size: 50px;}
.rabat p {color: #fff;}

