html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family: Arial, "Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Helvetica, sans-serif; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

/* ================================= 
	COMMON STYLES
*/
.clear:after { clear: both; width: 100%; content: "."; font-size: 0; visibility: hidden; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* box with text item */
.text-box-item .date { color: #118adf; font-size: 11px; display: block; }
.text-box-item .title { color: #4a456e; font-weight: bold; font-size: 13px; }
.text-box-item .content { color: #4a456e; font-size: 12px; }

/* link button */
.btn-1 { background: url(../images/frontend/btn-1.png) no-repeat; width: 72px; height: 18px; padding-top: 7px; color: #118adf; display: block; text-transform: uppercase; font-weight: bold; text-align: center; }
.btn-1:hover { text-decoration: none; }

.big-header { background: url(../images/frontend/header-text-bg.png) repeat-x; height: 60px; }
	.big-header-inner { margin: auto; width: 950px; padding: 0px 20px; }
		.big-header-inner h1 { padding-top: 14px; }

.medium-header { background: #eeeeee; height: 60px; margin-bottom: 20px; }
	.medium-header-inner { margin: auto; width: 950px; padding: 0px 20px; }
		.medium-header-inner h1 { padding-top: 22px; font-size: 18px; font-weight: normal; color: #8f8f8f; text-transform: uppercase; }

/* pagination */
div.pagination { margin: 15px; text-align: right; }
	.pagination strong { padding: 5px; background: #80BEEA; color: #fff; }
	.pagination a { color: #4A456E; padding: 5px; }

/* ================================= 
	STRUCTURE 
*/

body { background: url(../images/frontend/top-bg.png) repeat-x; font-size: 12px; }

#header { margin: auto; width: 990px; }

	#logo { float: left; margin: 10px 0px 0px 20px; }
		#logo a { width: 104px; height: 44px; display: block; background: url(../images/frontend/logo.png) no-repeat; }
			#logo span { display: none; }

	#nav { float: left; margin: 27px 0 0 110px; }
		#nav a { background: url(../images/frontend/nav-normal.png) no-repeat; width: 137px; height: 23px; padding-top: 14px; float: left; text-align: center; }
		#nav .active { background: url(../images/frontend/nav-active.png) no-repeat; }
		#nav a:hover { text-decoration: none; }

	#subnav, #subnav .subnav-cnt { display: none; }
	#subnav { background: url(../images/frontend/subnav-bg.png) repeat-x; width: 100%; }
		#subnav .gradient-left { background: url(../images/frontend/left-gradient-white.png) repeat-y left; }
		#subnav .gradient-right { background: url(../images/frontend/right-gradient-white.png) repeat-y right; }
		#subnav .subnav-inner { width: 990px; margin: auto; height: 54px; }

		#subnav .header-link:hover { text-decoration: none; }

		#subnav li { float: left; list-style: none; }
			#subnav li a { display: block; padding: 22px 12px 18px 12px; }
				#subnav li ul { z-index: 1000; position: absolute; display: none; background: #EAEAF0; border: 1px solid #A0A0A0; border-top: 0px; }
					#subnav li ul li { float: none; padding: 0 4px; }
						#subnav li ul li a { padding: 6px 10px; color: #4b466f; display: block; border-bottom: 1px solid #A0A0A0; }
						#subnav li ul li a:hover { background: #F1F1F6; text-decoration: none; }

	#top-quick-links { margin-top: 15px; background: url(../images/frontend/ico-top-links.png) no-repeat top right; height: 30px; width: 200px; float: right; text-align: right; padding-right: 40px; }
		#top-quick-links a { color: #838098; font-weight: bold; text-transform: uppercase; display: block; padding-top: 2px; }
		#top-quick-links a:hover { text-decoration: none; }

	#content { min-height: 400px; }
		#content .gradient-left { background: url(../images/frontend/left-gradient-white.png) repeat-y left; }
		#content .gradient-right { background: url(../images/frontend/right-gradient-white.png) repeat-y right; }
		#content .content-inner { width: 990px; margin: auto; padding: 0 0 20px 0; }

	#footer { background: #E8E7EC url(../images/frontend/footer-bg.png) repeat-x; }
		#footer .gradient-left { background: url(../images/frontend/left-gradient-white.png) repeat-y left; }
		#footer .gradient-right { background: url(../images/frontend/right-gradient-white.png) repeat-y right; }
		#footer .footer-inner { width: 1100px; margin: auto; padding: 0 0 20px 0; }
			
			#footer p.copyrights { text-align: right; display: block; padding: 30px 0 0 0; color: #9a9a9c; }

			#footer .subnav-container { display: block; }
			#footer .subnav-cnt { display: none; }
			#footer ul li { float: left;  margin: 20px; }
				#footer a.header-link { padding: 15px 10px 10px 10px; display: block; font-weight: bold; font-size: 14px; padding-bottom: 30px; }
				#footer ul ul li { float: none; margin: 0; }
				#footer a, #footer li { color: #9a9a9c; }
				#footer ul ul a { padding: 7px 5px; display: block; }

#features { margin: auto; width: 990px; border-bottom: 1px solid #c5c5c5; }
	#features-home .images { float: left; width: 583px; height: 389px; }
		#features-home .images div { display: none; position: absolute; }

	.features-titles { float: left; width: 407px; margin: 20px 0 0 0; }
		.features-titles .feature-item { float: left; width: 100%; padding: 10px 0; cursor: pointer; }
			.features-titles .active { display: none; }
			.features-titles .normal { color: #514a74; font-size: 24px; }
		

	.feature-title { margin-left: 20px; }
		.feature-title img { float: left; }
		.feature-title span { background: url(../images/frontend/feature-title-bg.png) repeat-x; float: left; padding-top: 10px; height: 33px; }

	.feature-text { width: 376px; height: 99px; background: url(../images/frontend/feature-text-active-box.png) no-repeat; float: left; }

#features-medium { margin: auto; width: 990px; border-bottom: 1px solid #c5c5c5; }

/* newses on home page */ 
.p-home #news { width: 990px; margin: 50px auto; }
	.p-home #news .text-box-item { width: 250px; float: left; margin: 0px 0px 0px 50px; }
		.p-home #news .text-box-item .date { padding-bottom: 4px; }
		.p-home #news .text-box-item .title { padding-bottom: 8px; }
		.p-home #news .text-box-item .content { line-height: 18px; clear: both; }
		.p-home #news .text-box-item .btn-1 { float: right; margin-top: 10px; }

.p-text-page .big-header h1, .p-text-list .big-header h1 { float: left; }
.p-text-page .big-header .btn-2, .p-text-list .big-header .btn-2 { float: right; margin-top: 11px; }

.p-text-page .medium-header h1, .p-text-list .medium-header h1 { float: left; }
.p-text-page .medium-header .date, .p-text-list .medium-header .date { color: #118adf; float: right; margin-top: 25px; }
.p-text-page #content .content-inner, .p-text-list #content .content-inner { padding: 0px 0 20px 0; line-height: 18px; }

.p-text-list .line { height: 1px; border-bottom: 1px solid #e5e5e5; width: 100%; float: left; }
.p-text-list .text-box-item { float: left; width: 280px; margin: 20px; height: 200px; position: relative; }
	.p-text-list .text-box-item .title { margin: 5px 0 8px 0; }
		.p-text-list .text-box-item .title a { text-transform: uppercase; color: #4a456e; }
		.p-text-list .text-box-item .title a:hover { text-decoration: none; }
	.p-text-list .text-box-item .btn-1 { position: absolute; z-index: 2; bottom: 0px; right: 0px; }

.p-formularz-kontaktowy form { margin: 20px; }
.p-formularz-kontaktowy div.row { width: 100%; clear: both; padding: 10px; }
.p-formularz-kontaktowy label { float: left; width: 150px; padding-top: 5px; }
.p-formularz-kontaktowy input[type=text] { width: 300px; }
.p-formularz-kontaktowy textarea { width: 300px; height: 300px; }
.p-formularz-kontaktowy .buttons button { padding-left: 160px; }
.p-formularz-kontaktowy .error { background: #ec8989; color: #b82323; padding: 10px; margin-top: 10px; }
.p-formularz-kontaktowy .info { background: #cfeab0; color: #4f791c; padding: 10px; margin-top: 10px; }

/* tinymce content */
.tinymce { width: 100%; clear: both; }

.tinymce h1 { font-size: 22px; color: #757575; font-weight: bold; margin-bottom: 10px; margin-top: 10px; }
.tinymce h2 { font-size: 18px; color: #757575; font-weight: bold; margin-bottom: 10px; margin-top: 10px; }
.tinymce h3 { font-size: 14px; color: #757575; font-weight: bold; margin: 10px 0; }
.tinymce h4 { font-size: 12px; font-weight: bold; color: #757575; margin: 10px 0; }

.tinymce p { padding-bottom: 10px; }

.tinymce ul, .tinymce ol { margin-bottom: 10px; }
.tinymce ul { margin-left: 40px; list-style: circle outside; }
.tinymce ol { margin-left: 40px; list-style: decimal outside; }

/*.tinymce table { border: 1px solid #e5e5e5; margin-bottom: 10px; width: 100%; float: left; margin-bottom: 20px; }
.tinymce td { padding: 5px 10px; }
.tinymce tr.odd { background: #E8E7EC; }*/

#features-medium { position: relative; }
#features-medium a:hover {text-decoration: none;}
#nextusBtn { background: url(../images/frontend/features/small/arrow-right.png) no-repeat; position: absolute; z-index: 1000; top: 70px; right: 0px; width: 36px; height: 51px; }
#previousBtn { background: url(../images/frontend/features/small/arrow-left.png) no-repeat; position: absolute; z-index: 500; top: 70px; left: 0px; width: 36px; height: 51px; }
#nextusBtn a, #previousBtn a { display: block; width: 36px; height: 51px; }

.kupon-form .row.checkbox input { padding-right: 5px; }
.kupon-form .row.checkbox label { padding-top: 5px; padding-right: 5px; width: 335px; }
.kupon-form { margin-top: 50px; margin-bottom: 50px; padding-left: 200px; }
.kupon-form .tip-info { padding-left: 30px; color: gray; }

.tip-regulamin { background: #cfeab0; color: #4f791c; padding: 10px; margin-top: 10px; width: 500px; }