/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
* 
*/

@font-face {
	font-family: 'KlavikaRegularItalic';
	src: url('../fonts/Klavika-RegularItalic.eot');
	src: local('../fonts/Klavika Regular Italic'), local('../fonts/Klavika-RegularItalic'), url('../fonts/Klavika-RegularItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'KlavikaRegular';
	src: url('../fonts/Klavika-Regular.eot');
	src: local('../fonts/Klavika Regular'), local('../fonts/Klavika-Regular'), url('../fonts/Klavika-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'KlavikaMedium';
	src: url('../fonts/Klavika-Medium.eot');
	src: local('../fonts/Klavika Medium'), local('../fonts/Klavika-Medium'), url('../fonts/Klavika-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'KlavikaMediumItalic';
	src: url('../fonts/Klavika-MediumItalic.eot');
	src: local('../fonts/Klavika Medium Italic'), local('../fonts/Klavika-MediumItalic'), url('../fonts/Klavika-MediumItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'KlavikaLight';
	src: url('../fonts/Klavika-Light.eot');
	src: local('../fonts/Klavika Light'), local('../fonts/Klavika-Light'), url('../fonts/Klavika-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'KlavikaBoldItalic';
	src: url('../fonts/Klavika-BoldItalic.eot');
	src: local('../fonts/Klavika Bold Italic'), local('../fonts/Klavika-BoldItalic'), url('../fonts/Klavika-BoldItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'KlavikaBold';
	src: url('../fonts/Klavika-Bold.eot');
	src: local('../fonts/Klavika Bold'), local('../fonts/Klavika-Bold'), url('../fonts/Klavika-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'KlavikaLightItalic';
	src: url('../fonts/Klavika-LightItalic.eot');
	src: local('../fonts/Klavika Light Italic'), local('../fonts/Klavika-LightItalic'), url('../fonts/Klavika-LightItalic.ttf') format('truetype');
}



#side-a p, #side-a-main p{font-family: 'KlavikaLight';font-size:14px;text-align:justify;}

ol, ul {
	list-style: none;
}

img{border:0;}
body{
	background-color:#fff;
	background-image:url("../images/topBig.png");/*background-color:#2382c2;background-image:url("../images/background1.jpe");  background.jpg*/
	background-repeat:repeat-x;
	background-position:top;
	margin:0px;
	padding:0px;
	font-family:Tahoma,Arial;
	font-size:12px;
	font-weight:normal;
	color:#135c9b;
	line-height:18px;
}

h1{font-size:25px;color:#EE3026;padding:0; margin:0;font-family: 'KlavikaMedium';font-weight:normal;}

a{
	color:#FFFFFF;
	text-decoration:none;
	border:0;
}

a.aRed{
	color:#e42118;
}

#content{
	width:962px;
	margin:0px auto;
	padding:0px;
	position:relative;
	z-index:1;
}
#contentmain{
	background:url("../images/tlo3.png") no-repeat 0 40px;
	width:962px;
	margin:0px auto;
	padding:0px;
	position:relative;
	z-index:1;
}
#side-a{
	background:url("../images/wisienki.png") no-repeat bottom;
	float:left;
	width:600px;
	padding:0 0 70px 0;
}
#side-a-main{
	float:left;
	width:600px;
}
#side-b{
	padding-left:62px;
	float:left;
	width:300px;
}

#top, #top1{
	position:relative;
	width:962px;
	height:217px;
	margin:0px;
	padding:0px;
}

#top1{
	background-image:url("../images/top1.jpe");
	background-repeat:no-repeat;
}

#jsPowrot{
	position:relative;
	width:250px;
	height:45px;
	border:0px;
	top:65px;
	left:250px;
	cursor:pointer;
}

#middle{
	width:962px;
	margin:0px;
	padding:0px;
}

#bottom0{
	width:100%;
	height:301px;
	margin:0px;
	padding:0px;
	background-image:url("../images/stopka_tlo.jpg");
	background-repeat:repeat-x;
	background-position:bottom;
}

#bottom, #bottom1{
	width:962px;
	height:301px;
	margin:0px auto;
	padding:0px;
	background-image:url("../images/bottom.jpg");
	background-repeat:no-repeat;
}

 #bottom1{
 	background-image:url("../images/bottom_nagrody.jpg");
	background-repeat:no-repeat;
}

.form{
	width:413px;
	color:#FFFFFF;
}

/* FORM */
.formContent{
	width:414px;
	background-image:url("../images/fmiddle.gif");
	background-repeat:repeat-y;
	padding:0px 25px;
}

.formTop{
	width:414px;
	height:24px;
	background-image:url("../images/ftop.gif");
}

.formBottom{
	width:414px;
	height:98px;
	background-image:url("../images/fbottom.gif");
}

.formContent p{
	color:#FFFFFF;
	margin-bottom:0px;
}

.formContent p.fError{
	color:#FFFFFF;
}

.fTitle{
	color:#FFFFFF;
	font-size:21px;
}

/*___FORM*/


/* Menu Top*/
.logo{
	display:block;
	position:absolute;
	top:10px;
	left:20px;
	width:100%;
	height:70px;
	z-index:999;
}

ul#menuT{
	margin:0;
	padding:0;
	padding-top:90px;
	padding-left:10px;

}

li.mT{
	float:left;
	list-style-type:none;
	margin:0;
	text-align:center;	
	cursor:pointer;
}

ul#menuT a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
	padding:14px 0px;
}

ul#menuT a:hover{
	color:#e42118;
}

ul#menuT li.p1{
	width:112px;
	height:30px;
}
ul#menuT li.p2{
	width:112px;
	height:30px;
	position:relative;
	top:10px;
}
ul#menuT li.p3{
	width:112px;
	height:30px;
	position:relative;
	top:20px;
}

/* __Menu Top*/


.topNag{
	width:463px;
	height:35px;
}
.topNag2{
	width:463px;
	height:35px;
	position:relative;
	left:350px;
	top:120px;
}
.topNagText, .topNagText2{
	font-size:21px;
	color:#FFFFFF;
	padding-top:22px;
	padding-bottom:15px;
	padding-left:20px;
}

.topNagText, .topNagText2{
	float:left;
}

.topNagOwoc{
	float:left;
	width:463px;
	margin-top:4px;
	color:#325F99;
	font-size:14px;
	font-family: 'KlavikaRegular';
	font-weight:bold;
}
.more{
	float:right;
	margin-top:10px;
	color:#325F99;
	font-size:14px;
	font-family: 'KlavikaRegular';
	font-weight:bold;
	cursor:pointer;
}
.more:hover{color:#a8a8a8;}

.strG{
	float:right;
	width:220px;
	margin-top:15px;
	margin-right:33px;
}

.nagrodyGlowna{
	float:left;
	margin-top:10px;
	background-image:url("../images/g1.jpg");
	background-repeat:no-repeat;
	width:460px;
	height:643px;
}

#bDesign{
	position:relative;
	top:255px;
	left:50px;
	color:#7f7f7f;
}

#bInfo{
	position:relative;
	top:220px;
	left:50px;
	font-size:24px;
	color:#000000;
}

#bInfo .tel{
	color:#e42118;
}

#kodPromocyjnyInfo{
	position:relative;
	left:230px;
	top:-24px;
	width:200px;
	font-size:9px;
	line-height:12px;
}

.bM{
	color:#3a92d0;
}

td.nagrodaOpis{
	padding:0px 2px 2px 4px;
}

td.nagrodaOpis p{
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}

.nagrodaBox{
	position:relative;
	top:-40px;
}

/* GALERIA PRODUKTÓW */

.galeria{
	float:left;
	margin:2px;
}

.g1{
	width:230px;
}

.galeriaOpis{
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

.galeriaText{
	height:38px;
	font-size:10px;
	text-align:center;
	color:#FFFFFF;
	line-height:13px;
}

.nowosc{
	color:#E42118;
}

.srodek3{
	margin-left:115px;
}

.srodek2{
	margin-left:230px;
}

/* ___GALERIA PRODUKTÓW */


.topZwyc{
        font-weight:bold;
        text-align:left;
        font-size:120%;
}

.wygZwyc{
    color:#fff;
        font-weight:bold;
        text-align:left;
        margin-bottom:20px;
}

.liniaZwyc{
        height:1px;
        margin:20px 0px;
        background-image:url("../images/linia.jpg");
        background-position:right;
        background-repeat:no-repeat;
}

/* Elementy formularza */
.input_text {
        width:248px;
        height:23px;
        padding:6px 5px 0px 5px;
        border:none;
        background-image:url("../images/input_text.png");
		background-repeat:no-repeat;
}

.input_label {
        color:#fff;
        text-align:left;
}

.input_error {
        color:#fff;
        font-size:90%;
        text-align:left;
}

.topReg{
	font-weight:bold;
	text-align:center;
	font-size:110%;
}

.topReg_punkt{
	font-weight:bold;
	text-align:center;
	font-size:120%;
	margin:15px;
}
/* ___Elementy formularza */

/* nawigacja po regulaminie */

.regNav{
	width:100%;
}

.regNav_element{
	float:left;
	margin-left:1px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	width:235px;
	cursor:pointer;
	background-color:#3f91cd;
    background-image:url("../images/bg_regulamin.jpg");
	background-repeat:repeat-y;
}

.regNav_dodatekD{
	float:left;
	padding-top:8px;
	width:185px;
	height:60px;
}

.regNav_dodatekM{
	float:left;
	padding-top:16px;
	width:185px;
	height:52px;
}

.regNav_obecny{
	color:#e42118;
}

.regNav_obr{
	width:50px;
	height:68px;
	float:left;
	background-image:url("../images/mleko.gif");
	background-repeat:no-repeat;
	background-position:left;
}

/* __nawigacja po regulaminie */

.redTitle{background:url("../images/redBackground.jpg") no-repeat;width:513px;height:38px;padding-top:9px;display:block;color:#fff;text-align:center !important;font-size:23px !important;line-height:27px;font-family: 'KlavikaMedium' !important;}
.product{float:left;margin:0 20px 20px 0;}
.product2{float:right;margin:20px 0 0 20px;}
.smakiJogurt{background:url("../images/smakiBackground.png") no-repeat;width:310px;height:154px;padding:40px 0 0 30px;position:relative; z-index:99 !important;}

.productChoose{background:url("../images/productChoose.png") no-repeat;width:320px;height:35px;padding:17px 0 0 20px;margin-left:30px;font-weight:bold;font-size:16px;font-family: 'KlavikaRegular';}
.productList{background:url("../images/productList.png") no-repeat;width:182px;height:100px;padding:20px 0 0 0;margin:20px 0 20px 120px;}
.productList span{color:#419FCC;font-weight:bold;cursor:pointer;margin-left:30px;}
.productList span:hover{color:#fff;font-weight:bold;cursor:pointer;margin-left:30px;}
.productList span.chosen{color:#fff;}

.productList a{color:#419FCC;font-weight:bold;cursor:pointer;margin-left:30px;}
.productList a:hover{color:#fff;font-weight:bold;cursor:pointer;margin-left:30px;}
.productList a.chosen{color:#fff;}


#page-footer  { margin-top:20px;width:962px; height:30px; padding:20px 14px 14px; background:transparent url('../images/footer_bg.jpg') no-repeat 50% 0; position:relative; clear:both; }
  #page-footer .left  { float:left; background:#fff; padding-left:30px;}
  #page-footer .right { float:right; padding:0 0 0 10px; background:#fff; padding-right:30px; }
  
  .copyright  { height:8px; border-bottom:1px solid #8298c8; text-align:center; font-size:10px; font-weight:normal; }
  .copyright span { background:#fff; padding:0 10px; line-height:16px; }

  /* do IE6 */
a.buttonIE6 {
    color: #135C9B; display: block; float: left;
    font: bold 11px Arial, Tahoma, sans-serif; height: 18px; margin-right: 6px;
    padding-right:10px; text-decoration: none;
}
a.button {
    background: transparent url('../images/buttons_bg2.gif') no-repeat scroll top right;
    color: #fff; display: block; float: left;
    font: bold 11px Arial, Tahoma, sans-serif; height: 18px; margin-right: 6px;
    padding-right:10px; text-decoration: none;
}

a.button span {
    background: transparent url('../images/buttons_bg.gif') no-repeat scroll top left;
    display: block; line-height: 13px; height:14px; padding: 2px 0 2px 10px; cursor:pointer;
} 

a.button img { vertical-align:bottom; }
a.light-blue      { background-position:100% 0; }
a.light-blue span { background-position:0 0; }

/* do Coda Slider */

		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 400px;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 340px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 194px;
			background:url("../images/smakiBackground.png") no-repeat;
			clear: both;
			z-index:99;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.panel a {border:0;}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			z-index:1;
			width: 700px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 50px 0 0 25px;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 60px;
			text-indent: -9000em;
			
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
			color: transparent;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("../images/arrowLeft.png") no-repeat center;
		}
		
		.stripNavR {
			background: url("../images/arrow.png") no-repeat center;
		}