@import url(reset.css);
@import url(naglowek.css);
@import url(info.css);
@import url(stopka.css);
@import url(kolory.css);
@import url(tooltips,fiszki.css);

#generated { display: none; }

/* _______________________________________________________________ GLOBALNIE */
body { font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size:14px; line-height:1.4em; text-align:center; }
body { background-color:#7D7D7D; color:#333333;}

a {	color:#4E627B; text-decoration:underline; }
a:hover { color:#263D5D; text-decoration: none }
a img {border:0px;}
p { margin-bottom:1em; }

/* _______________________________________________________________ CLASS GLOBALNIE */
.float-left, .doLewego		{ float:left; }
.float-right, .doPrawego	{ float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.wersalik { text-transform:uppercase }

.zawartosc { width:1000px; background-color:#FFFFFF;  text-align:left; margin:0px auto;  }


/* _______________________________________________________________ CZYSZCZENIE */
.clearfix:after	{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix{ display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.spacer { clear:both; height:0px; font-size:1px; line-height:0px; }


/* _______________________________________________________________ H3, H4, H5, H6 */
h2, h3, h4, h5, h6 { font-weight:normal; letter-spacing:-1px; margin-bottom:0.25em; font-family: Lucida Sans Unicode, Corbel, Trebuchet MS, Verdana, sans-serif; }
h2 { font-size:22px; line-height:1em; color:#EB2B27  }
h3 { font-size:18px; line-height:1.2em; color:#EB2B27 }
h4 { font-size:16px; line-height:1.2em; color:#EB2B27  }
h5 { font-size:14px; line-height:1.2em; font-weight:bold }
h6 { font-size:14px; line-height:1.2em; font-weight:bold }

h3 span { font-size:12px; line-height:1.2em; color: #666 }



/* _______________________________________________________________ START */
#start .zawartosc { background-color:#FFFFFF; text-align:center }
#start-flash { height: 400px; width:100%; }

#baner { width: 130px; height: 400px; }



/* _______________________________________________________________ NAGLOWEK-SRODEK */
h2 { padding:8px 0px 0px 8px; }
.srodek-naglowek { font-size:10px; line-height:14px; color:#999; width:100%; margin-bottom:10px; }
.srodek-naglowek a{color:#999 }
.srodek-naglowek a:hover{ color: #666}
.srodek-naglowek .teraz { color:#EB2B27}
.srodek-naglowek strong { color:#666 }
.srodek-naglowek li { float:left; display:inline; padding:6px 0px; }
li.sciezka { width:225px; margin:0px 10px; }
li.sortowanie { margin-left:10px;}
li.widok { float:right; margin-right:10px;}
li.tagi { float:right; width:710px; /*width:545px; margin-right:140px;*/ padding-left:40px;}
li.tagi { background: url(../img/produkt/produkt-tag-45.gif) left center no-repeat}

/* _______________________________________________________________ PAGINACJA */
.paginacja { text-align:left; padding:20px; border-top:1px #cccccc solid; background-color:#fafafa; height:100%; overflow:hidden; margin:10px 10px; }
.paginacja a { padding:16px 16px; font-weight:bold; text-decoration:none; color:#666666; background:transparent url(../img/misc/paginacja.png) no-repeat center; display:inline }
.paginacja a:hover { color: #000000; background:transparent url(../img/misc/paginacja-over.png) no-repeat center; display:inline }
.paginacja a.obecnie { color:#EC1C24; background:transparent url(../img/misc/paginacja-over.png) no-repeat center; }

.paginacja.mala { text-align:left; padding:10px 20px; font-size:12px;}
.paginacja.mala a { padding:12px 8px; font-weight:bold; text-decoration:none; color:#666666; background:transparent url(../img/misc/paginacja-mala.png) no-repeat center; }
.paginacja.mala a:hover { color: #000000; background:transparent url(../img/misc/paginacja-mala-over.png) no-repeat center; }
.paginacja.mala a.obecnie { color:#EC1C24; background:transparent url(../img/misc/paginacja-mala-over.png) no-repeat center; }

/* _______________________________________________________________ ILOSC POZYCJI */
.ilosc-pozycji { color:#666666; font-size:11px; float:right }


.input, .submit, .select, textarea, .przycisk, .pole	{  font-family: Tahoma, Verdana, Arial, sans-serif; font-size:12px;}
input.przycisk.czerwony,
input.przycisk.czarny,
input.przycisk.szary,
a.przycisk 							{	width:200px;	height:30px;	float:left;	display:block;	font-weight:bold;	border:0;	cursor:pointer;}

a.przycisk.czerwony, input.przycisk.czerwony 			{	/*background: url(../img/misc/przycisk-czerwony.png) repeat-x ;*/	background: #EC1C24;	color:#FFFFFF; }
a.przycisk.czarny, input.przycisk.czarny 				{	/*background: url(../img/misc/przycisk-czarny.png) repeat-x ;*/	background: #333333;	color:#FFFFFF;}
a.przycisk.szary, input.przycisk.szary 				{	/*background: url(../img/misc/przycisk-szary.png) repeat-x ;*/	background: #999999;	color:#FFFFFF;}

a.przycisk { text-align:center;	line-height:30px;	text-decoration:none;}
a:hover.przycisk {	color:#FFFFFF;	text-decoration:none; }

label.podpis, #administracja label { font-size:12px; color:#666; display:block; margin-bottom:1em; line-height:1.2em }

/* _______________________________________________________________ sklep-info */
#sklep-info { float:right; width:715px; margin:0px 10px 50px 10px; display:inline; }
#sklep-info ul, #sklep-info ol { list-style: disc outside; margin-left:2em; margin-bottom:1em;}
#sklep-info ol { list-style: decimal }
#sklep-info h3 a, #sklep-info h4 a {color:#EB2B27}



/* _______________________________________________________________ BOK */
#bok { /*width:225px;*/ width:220px; margin:0 10px; float:left; display:inline;  font-size:12px; line-height:16px; }

#bok .lista li{ padding-bottom:5px}
#bok .lista a { display:block; width:100%; text-decoration:none; cursor:pointer}
#bok .lista a:hover  { text-decoration: underline}
#bok li.podkreslenie {border-bottom:1px #CCC solid; padding-bottom:5px; margin-bottom:5px }

/* _______________________________________________________________ TABY */
.bok-taby { margin-bottom:20px; }
.idTabs  li { float:left; display:inline; font-size:12px; }
.idTabs  li a { color: #CCC; display:block; background-color:#999999; padding:2px 10px; text-decoration:none; line-height:14px; margin:6px 4px 0px 0px;}
.idTabs  li a:hover { color:#FFF }
.idTabs  li a.selected { background-color:#666666; color:#FFF; line-height:20px; margin:0px 4px 0px 0px;}
.tresc-tab { background-color:#f2f2f2; border-top: 2px #666666 solid; padding:5px;}

/* _______________________________________________________________ SZYBKIE SZUKANIE */
#szybkaWyszukiwarka #quicksearch { font-size:10px; color:#666; float:right}
#szybkaWyszukiwarka #quicksearch .qs_label	{}
#szybkaWyszukiwarka #quicksearch .qs_input { font-size:10px; padding:2px; font-family: Tahoma, Verdana, Arial, sans-serif;  width:150px;}
/*#szybkaWyszukiwarka #quicksearch #loader {background: #FFF url(../img/misc/loading-16px-red.gif) 50% 50% no-repeat; padding-left:16px; margin-left:4px}*/


/* _______________________________________________________________ BLAD WALIDACJI */
.formularz label.error { background:transparent url(../img/misc/blad.gif) no-repeat 0% 40%; color:#FF0000; font-size:10px; line-height:20px; padding-left:16px; margin:0px; }

/* _______________________________________________________________ W stylu gwiazd */
#w-stylu-gwiazd 			{ margin:10px 0 20px 10px; font-size:10px; color:#FFF; }
#w-stylu-gwiazd a 			{ text-decoration:none; color:#FFF; cursor: pointer }
#w-stylu-gwiazd a:hover		{ text-decoration:none;}
#w-stylu-gwiazd li			{ float:left; overflow:hidden; margin:0 13px 18px 5px; height:160px; width:120px; position:relative; background:#FFFFFF url(../img/misc/loading-16px-20%25.gif) no-repeat 50%; }
#w-stylu-gwiazd li strong	{ display:block; position:absolute; bottom:0px; left:0px; line-height:20px; background-color:#4D4D4D; font-weight:normal;  width:100%; text-indent:5px; }



/*i-Sklep mods*/

#dotpay_payment_form .desc p
{
	margin-bottom: 1em;
}

#dotpay_payment_form .desc p img
{
	vertical-align: middle;
	margin-left: 5px;
}

#dotpay_payment_form ul li label
{
	display: inline;
	font-size: 12px;
	line-height: auto;
	margin-bottom: 0;
}

#dotpay_payment_form ul li
{
	height: 32px;
}

#dotpay_payment_form ul li img
{
	margin-left: 10px;
	vertical-align: middle;
}

#dotpay_payment_form ul li img, #dotpay_payment_form ul li input, #dotpay_payment_form ul li label
{
	vertical-align: middle;
}


#delivery_banner
{
	background: url(../../images/delivery.png);
	width: 980px;
	height: 39px;
}

#delivery_banner .send
{
	float: left;
}

#delivery_banner h3, #delivery_banner a
{
	float: left;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#delivery_banner a
{
	display: block;
	width: 90px;
	height: 15px;
	margin: 13px 0 0 0;
}

#delivery_banner h3
{
	height: 39px;
	width: 230px;
}

#delivery_banner .personal h3
{
	width: 190px;
}

#delivery_banner .personal a
{
	margin-right: 18px;
}

#delivery_banner .personal
{
	float: right;
}





#poll form ul
{
	margin: 5px 0 0 0;
}

#poll form li
{
	list-style: none;
}

#poll form textarea
{
	width: 500px;
	height: 80px;
}

#poll .question_box
{
	color: #000;
	margin: 0 0 30px 0;
}

#poll .question_box h4
{
	color: #000;
}

#poll .question_box.has_error, #poll .question_box.has_error h4
{
	color: #EC1C24;
}



#poll .question_box.has_error h4 .error_message
{
	color: #000;
	font-size: 12px;
	vertical-align: 1px;
	margin-left: 20px;
}


#administracja .podsumowanie-zakupow table label
{
	color: #111;
	font-size: 14px;
	line-height: 1.3em;
	margin-bottom: 0;
}

#administracja .podsumowanie-zakupow table .do-zaplaty label
{
	color: #fff;
}

.delivery_info h4 a
{
	color: black; 
	font-size: 12px
}





.zawartosc
{
	position: relative;
}

#newsletter_overlay
{
	background: #000;
	opacity: 0.6;
	position: fixed;
	z-index: 1;
	
	left: 0;
	top:  0;
	
	width: 500px;
	height: 400px;
}

#newsletter_coupon
{
	background: #fff url(../img/newsletter.jpg) no-repeat 0 bottom;
	width: 570px;
	height: 250px;
	position: absolute;
	z-index: 5;
	left: 205px;
	top: 30px;
	
	border: 1px #000 solid;
}

#newsletter_coupon .closebutton 
{
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../highslide/graphics/nawigacja-deezee.gif) top right;
	text-indent: -9999px;
}

#newsletter_coupon h2,
#newsletter_coupon h3,
#newsletter_coupon p
{
	display: none;
}

#newsletter_coupon input
{
	position: absolute;
	top: 157px;
	left: 22px;
	
	background: none;
	
	border: none;
	font-size: 12px;
	padding: 6px 7px;
	width: 163px;
}

#newsletter_coupon button
{
	position: absolute;
	top: 157px;
	left: 210px;
	
	background: none;
	text-indent: -9999px;
	
	width: 73px;
	height: 30px;
	
	border: none;
	padding: 0;
	
	cursor: pointer;
}