* {margin: 0; padding: 0;}
a {text-decoration: underline; color: #AB2D19;}
a:hover {text-decoration: underline; color: #AB2D19;}
img {border: none;}
ul {list-style: none;}
input, select, textarea {font-family: Verdana, Tahoma, sans-serif; font-size: 12px; color:#003B8B}

body {background: #fff; color: #000; font-family: Verdana, Tahoma, sans-serif; font-size: 11px; margin: auto; margin-top: 1px; text-align: center; margin-bottom: 20px;}

/* GLOBALNE */

#container {width: 944px; height: auto; overflow: hidden; margin: auto; position: relative;}

#logo {position: absolute; top: 35px; left: 0;}

#nav {height: 21px; margin: auto; overflow: hidden; margin-bottom: 24px; float: right;}
	#nav li {display: inline; background: url('../img/nav-left.gif') top left #EBEBEB no-repeat; float: left; padding: 0 0 0 7px; margin: 0 0 0 4px;}	
	#nav a {color: #AB2D19; text-decoration: none;}
	#nav a:hover {color: #AB2D19; text-decoration: underline;}
	#nav img {vertical-align: middle;}
	
	.nav-tab-end {width: 7px; height: 21px; background: url('../img/nav-right.gif'); float: right;}
	
		/* start commented backslash hack \*/
		* html #nav li {padding: 0 7px 0 7px;}
		* html   .nav-tab-end {float: none;}
	/* close commented backslash hack */	
	
#login {float: right;}	


#footer {width: 944px; height: auto; overflow: hidden; margin-top: 17px; color: #5FC2EA; margin-top: 30px;}
	#footer-left {width: 775px; height: auto; float: left; background: url('../img/fritolay-logo.gif') top left no-repeat; padding-left: 48px; font-size: 10px; text-align: left;}
		#footer-left a {color: #1E89C5; text-decoration: underline}
		#footer-left a:hover {color: #AB2D19; text-decoration: underline}
	#footer-right {float: right; font-size: 10px; text-align: right;}
		#footer-right a {color: #5FC2EA; text-decoration: none;}
		#footer-right a:hover {color: #5FC2EA; text-decoration: underline;}
		
.cl {clear: both;}
.fr {float: right;}
.fl {float: left;}

.link1 {color: #fff; text-decoration: underline;}
.link1:hover {color: #FFD015; text-decoration: underline;}

/* PODSTRONA GLOBALNE */

#sub {width: 310px; height: auto; overflow: hidden; float: left;}

#main {width: 587px; height: 405px; overflow: hidden; float: right; font-size: 12px; color: #fff; background: url('../img/main-bg.png'); padding: 15px 20px 0 20px; text-align: left;}
	#main a {color: #003B8B; text-decoration: underline;}
	#main a:hover {color: #FFD015; text-decoration: underline;}
	#main p {line-height: 140%; margin: 10px 0 20px 0;}
	#main ol {margin: 10px 10px 5px 20px; line-height: 140%; margin-bottom: 20px;}
#main-bottom {width: 627px; height: 16px; background: url('../img/main-bottom.gif'); float: right;}
#main-large {width: 944px; height: auto; overflow: hidden; margin: auto; font-size: 12px;}
	#main-large p {line-height: 140%; margin-bottom: 20px; text-align: left;}

/* STRONA GŁÓWNA */		

#main-box-1, #main-box-2 {float: left; margin-right: 7px;}
#main-box-3 {float: left;}
.addthis_button {margin: 15px 0 0 0; float: right;}

/* REGULAMIN*/

#terms {padding: 20px; color: #003B8B}
	#terms h2 {margin-bottom: 30px;}
	#terms h3 {margin-bottom: 15px;}
	#terms li, 	#terms p {text-align: justify; line-height: 140%;}
	#terms p {margin-bottom: 25px;}
	#terms ol {margin-bottom: 25px;}
		#terms ol li {list-style: decimal; margin-left: 10px;}
	#terms ul {margin: 10px 20px 10px 20px;}
		#terms ul li {list-style: lower-latin;}
		
/* RANKINGI */

.ranking-1 {float: left; margin-right: 10px; width: 180px;}
.ranking-2 {float: left; margin-right: 10px; width: 180px;}
.ranking-3 {float: left; width: 180px;}

.ranking-1 img, .ranking-2 img, .ranking-3 img {margin-left: 15px;}

.ranking-1 ol, .ranking-2 ol, .ranking-3 ol {margin: 0 0 0 25px; line-height: 140%;}
.ranking-1 li, .ranking-2 li, .ranking-3 li {margin-bottom: 2px; list-style: lower-latin;}
.ranking-1 b, .ranking-2 b, .ranking-3 b {color: #FFF33A;}

.menu li { padding: 0; margin: 0 2px; float: left; position: relative; text-align: center;}
.menu a {font-weight: bold;}
.menu li em { background: url('../img/chmurka.png') no-repeat; width: 304px; height: 144px; position: absolute; top: -250px; left: -15px; text-align: left; padding: 30px;font-style: normal; z-index: 2; display: none; color: #000; font-weight: bold; font-size: 13px; line-height: 140%;}


/* NOWE SMAKI */

#nowe-smaki {float: right;}

/* POLEĆ ZNAJOMEMU*/

#form-polec {margin: 20px 0 0 0;}
#form-polec label {display: block; margin-bottom: 10px;}
.inputSmall {width: 231px; height: 19px; background: url('../img/input-small-bg.gif'); border: none; vertical-align: middle; margin-left: 30px; padding: 5px 5px 0 5px;}

/* KONTAKT */
#form-kontakt {margin: 20px 0 0 0;}
#form-kontakt label {display: block;}
#form-kontakt label b {float: left; line-height: 180%;}
.form-line {height: 10px; clear: both;}
.inputMiddle {width: 371px; height: 19px; background: url('../img/input-middle-bg.gif'); border: none; vertical-align: middle; padding: 5px 5px 0 5px; float: right;}
.inputLarge {width: 511px; height: 103px; background: url('../img/input-large-bg.gif'); border: none; vertical-align: middle; padding: 5px 5px 0 5px; float: right;}

/* FAQ */

#main-resize {width: 587px; height: auto; overflow: hidden; float: right; font-size: 12px; color: #fff; background: url('../img/resize-box-bg.png') top no-repeat #6EC2EA; padding: 15px 20px 0 20px; text-align: left;}
	#main-resize a {color: #003B8B; text-decoration: underline;}
	#main-resize a:hover {color: #FFD015; text-decoration: underline;}
	#main-resize p {line-height: 140%; margin: 10px 0 20px 0;}
	#main-resize ol {margin: 10px 20px 10px 20px; line-height: 140%; margin-bottom: 20px;}
	
	#main-resize-bottom {width: 627px; height: 20px; background: url('../img/resize-box-bottom.gif'); float: right;}
	
	#main-resize h2 {font-family: Verdana, Tahoma, sans-serif; font-size: 15px; font-weight: bold; margin-bottom: 25px;}
	#main-resize h3 {font-family: Verdana, Tahoma, sans-serif; font-size: 13px; font-weight: bold; margin-bottom: 20px;}
	
	#main-resize ul {margin: 20px;}
	#main-resize li {list-style: circle; margin-bottom: 5px;}
	
	#main-resize h3 {clear: both;}
	#main-resize h2 {color: #003B8B;}
	
	.up {float: right; margin-bottom: 20px;}
	
/* ZWYCIĘZCY */
#main-resize li {list-style: none; font-size: 11px;}
#ranking li {list-style: decimal;}
#ranking ol {margin-left: 40px;}