html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-family: calibri, arial, helvetica, clean; font-size: 12px; outline: none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
.clear {clear: both;}

body {width: 100%; background: url(../../images/cms/bg.png) repeat-x 0 0 #fff}

header {width: 920px; height: 114px; margin: 0 auto; position: relative;}
	header h1 {position: absolute; top: 24px; left: 0;}
	header nav, footer nav {position: absolute; bottom: 18px; right: 0;}
		header nav ul li, footer nav ul li {float: left; font-size: 14px; margin: 0 0 0 10px;}
			header nav ul li a, footer nav ul li a {display: block; padding: 0 10px; height: 23px; line-height: 23px; color: #231f20; text-decoration: none;}
				header nav ul li a:hover, header nav ul .active a, footer nav ul li a:hover, footer nav ul .active a {background: #f6ed08;}
	header p {position: absolute; top: 30px; right: 10px; color: #231f20; font-size: 15px;}
		header p strong {font-size: 15px;}
		
#banners {width: 996px; height: 380px; margin: 0 auto;}
	#banners div {}
		#banners .left {float: left; width: 493px; height: 380px; background: url(../../images/cms/left_banner.png) no-repeat 0 0 transparent;}
			#banners .left article {display: block; width: 270px; height: 300px; margin: 45px 0 0 190px; position: relative;}
				#banners .left article h2 {text-align: right; margin: 0 10px 40px 0;}
				#banners .left article ul {float: left; width: 135px;}
					#banners .left article ul li {color: #fff; font-size: 12px; margin: 0 0 8px 0; line-height: 1.1;}
		#banners .right {float: right; width: 493px; height: 380px; background: url(../../images/cms/right_banner.png) no-repeat 0 0 transparent;}
			#banners .right article {display: block; width: 240px; height: 300px; margin: 45px 0 0 31px;}
				#banners .right article h2 {margin: 0 0 50px 10px}
				#banners .right article p {font-size: 12px; color: #fff; margin: 0 0 15px 0; line-height: 1.5;}
		#banners div article {position: relative;}
			#banners div article h2 {color: #1e1a21; font-size: 30px; font-weight: normal;}
			#banners div article .more {position: absolute; bottom: 0; margin: 0; line-height: 1.5;}
				#banners div article .more a {display: block; width: 91px; height: 26px; line-height: 26px; background: url(../../images/cms/yellow_arrow.png) no-repeat 70px 50% #231f20; color: #f6ed08; font-size: 12px; text-transform: lowercase; text-decoration: none; text-indent: 15px;}
					#banners div article .more a:hover {text-decoration: underline}
				#banners .left article .more {right: 0;}
				#banners .right article .more {left: 0;}
				
#ue_logos {width: 996px; border-bottom: 1px solid #c8e0ff; margin: 0 auto;}
	#ue_logos ul {text-align: right; padding: 0 20px 0 0;}
		#ue_logos ul li {display: inline-block; height: 51px; padding: 3px 0; margin: 0 28px 0 0;}
			#ue_logos ul li a {display: table-cell; height: 51px; vertical-align: middle;}
			
#homepage_container {width: 996px; border-bottom: 1px solid #c8e0ff; margin: 0 auto;}
	#homepage_container h2 {height: 39px; line-height: 39px; margin: 0 0 20px 0; font-size: 24px; padding: 0 0 0 49px; font-weight: normal;}
		#homepage_container h2.question {background: url(../../images/cms/question_ico.png) no-repeat 0 0 transparent;}
		#homepage_container h2.mail {background: url(../../images/cms/mail_ico.png) no-repeat 0 0 transparent;}
	#homepage_container .content {float: left; width: 605px; margin: 20px 0 20px 38px;}
		#homepage_container .content p {font-size: 14px; color: #231f20; line-height: 1.4; margin: 0 0 15px 0;}
		#homepage_container .content h3 {color: #1755a6; font-size: 14px; line-height: 1.4;}
	#homepage_container aside {float: right; width: 270px; margin: 20px 38px 20px 0;}
		#homepage_container aside p {font-size: 14px; color: #231f20; line-height: 1.4; margin: 0 0 15px 0;}
			#homepage_container aside p a {color: #1a5eb6; text-decoration: none}
				#homepage_container aside p a:hover {text-decoration: underline}
	
footer {width: 100%; margin: 25px 0 0 0; background: url(../../images/cms/footer_bg.png) repeat-x 0 0 transparent;}
	footer section {width: 920px; height: 146px; margin: 0 auto; background: url(../../images/cms/footer_shadow.png) no-repeat 0 42px transparent; position: relative;}
		footer section nav {top: 9px;}
			footer section nav ul li a {color: #fff}
				footer nav ul li a:hover, footer nav ul .active a {color: #231f20;}
		footer section p {position: absolute; color: #fff; font-size: 12px;}
			footer section .left {top: 80px; left: 0;}
				footer section .left img {display: inline; vertical-align: middle;}
			footer section .right {top: 84px; right: 0;}
				footer section .right a {color: #f6ed08; text-decoration: none}
					footer section .right a:hover {text-decoration: underline}
					
/* SUBPAGE */

#subpage_container {width: 996px; margin: 0 auto;}
	
	#subpage_container aside {float: left; width: 349px;}
		
		#subpage_container aside nav {margin: 0 0 15px 0}
			#subpage_container aside nav ul li {margin: 0 0 0 38px; background: url(../../images/cms/submenu_li_bg.png) repeat-x 0 0 transparent;}
			#subpage_container aside nav ul li:hover, #subpage_container aside nav ul li.active {margin: 0; width: 349px;}
				#subpage_container aside nav ul li a {display: block; width: 281px; padding: 0 0 0 30px; height: 38px; line-height: 38px; color: #fff; font-size: 14px; text-decoration: none; background: url(../../images/cms/yellow_arrow.png) no-repeat 10px 50% transparent;}
					#subpage_container aside nav ul li:hover a, #subpage_container aside nav ul li.active a {width: 299px; color: #231f20; padding: 0 0 0 50px; background: #f6ed08;}
		
		#subpage_container aside .szkolenia {width: 313px; height: 188px; margin: 0 0 0 38px; background: url(../../images/cms/szkolenia_banner_bg.png) no-repeat 0 0 transparent; position: relative;}
		#subpage_container aside .uslugi {width: 313px; height: 188px; margin: 0 0 0 38px; background: url(../../images/cms/uslugi_banner_bg.png) no-repeat 0 0 transparent; position: relative;}
			#subpage_container aside .szkolenia h2, #subpage_container aside .uslugi h2 {position: absolute; color: #1e1a21; font-size: 22px; font-weight: normal;}
				#subpage_container aside .szkolenia h2 {top: 66px; left: 25px}
				#subpage_container aside .uslugi h2 {top: 61px; right: 25px}
			#subpage_container aside .szkolenia .more, #subpage_container aside .uslugi .more {position: absolute;}
			#subpage_container aside .uslugi .more {bottom: 35px; right: 21px;}
			#subpage_container aside .szkolenia .more {bottom: 43px; left: 20px;}
				#subpage_container aside .szkolenia .more a, #subpage_container aside .uslugi .more a {display: block; width: 91px; height: 26px; line-height: 26px; background: url(../../images/cms/yellow_arrow.png) no-repeat 70px 50% #231f20; color: #f6ed08; font-size: 12px; text-transform: lowercase; text-decoration: none; text-indent: 15px;}
					#subpage_container aside .szkolenia .more a:hover, #subpage_container aside .uslugi .more a:hover {text-decoration: underline}
					
		#subpage_container aside .contact {width: 313px; overflow: hidden; margin: 0 0 0 38px;}
		#subpage_container aside .contactForm {width: 313px;}
		#subpage_container aside .contactForm ul, #subpage_container aside .contactForm ul li {color: #f00;}
			#subpage_container aside h4 {width: 313px; color: #231f20; font-size: 30px; padding: 5px 0; border: solid #c8e0ff; border-width: 1px 0; margin: 25px 0 15px 0;}
			#subpage_container aside .contactForm input[type="text"] {width: 311px; padding: 0; border: 1px solid #ababab;}
			#subpage_container aside .contactForm textarea {width: 311px; padding: 0; height: 100px; border: 1px solid #ababab;}
			#subpage_container aside .contactForm input[type="submit"] {background: #0c4da2; height: 25px; line-height: 25px; border: 0; color: #fff;}
			#subpage_container aside .contactForm dl dt {padding: 0 0 3px 0;}
			#subpage_container aside .contactForm dl dd {padding: 0 0 6px 0;}
	
	#subpage_container .content {float: right; width: 617px;}
		#subpage_container .content h2 {color: #231f20; font-size: 30px; padding: 5px 0; border: solid #c8e0ff; border-width: 1px 0; margin: 0 0 20px 0;}
		#subpage_container .content p, #subpage_container .content li {color: #231f20; font-size: 13px; margin: 0 0 10px 0; line-height: 1.4;}
		#subpage_container .content p a, #subpage_container .content li a {color: #0c4da2; text-decoration: none;}
			#subpage_container .content p a:hover, #subpage_container .content li a:hover {text-decoration: underline;}
		#subpage_container .content h3 {color: #231f20; font-size: 14px; font-weight: bold; text-transform: uppercase;}
		#subpage_container .content li {color: #231f20; margin: 0;}
		#subpage_container .content ul, #subpage_container .content ol {margin: 10px 0 10px 25px;}
		#subpage_container .content ul {list-style: disc;}
		#subpage_container .content ol {list-style: decimal;}
		
		#subpage_container .content .contactForm fieldset {width: 585px; padding: 15px; border: 1px solid #bbb;}
			#subpage_container .content .contactForm fieldset legend {color: #5e5e5e; padding: 0 10px; font-size: 18px;}
		#subpage_container .content .contactForm dl {clear: both; width: 585px;}
		#subpage_container .content .contactForm dl dt, #subpage_container .content .contactForm dl dd {min-height: 30px; padding: 0 0 5px 0;}
		#subpage_container .content .contactForm dl dt {float: left; width: 225px; margin: 0 10px 0 0;}
			#subpage_container .content .contactForm dl dt label {font-size: 14px; position: relative; top: 5px;}
			#subpage_container .content .contactForm dl dd input[type="text"] {width: 225px}
			#subpage_container .content .contactForm dl dd input[type="submit"] {float: right; margin: 20px 0 0 0; background: #bbb; border: 0; height: 25px; line-height: 25px; padding: 0 10px;}
			#subpage_container .content .contactForm dl dd input[type="checkbox"] {float: left; margin: 0 5px 0 0;}
			#subpage_container .content .contactForm dl dd select {width: 230px;}
		#dane_firmy_chce_skorzystac-label, #dane_firmy_chce_skorzystac-element {height: 30px;}
		#dane_firmy_czy_korzystal-label, #dane_firmy_czy_korzystal-element {height: 70px;}
		#dane_firmy_czy_wsparciem_objeci-label, #dane_firmy_czy_wsparciem_objeci-element {height: 70px;}
		#drugi_uczestnik_opieka-label, #drugi_uczestnik_opieka-element {height: 40px;}
		
		#subpage_container .content .contactForm ul, #subpage_container .content .contactForm ul li {list-style: none; margin: 0; padding: 0; color: #f00;}
		#group_33-label {display: none;}
		
		#subpage_container .content .photos a {float: left; margin: 10px;}
			#subpage_container .content .photos a img {display: block;}
			
		#subpage_container .content .send_error {display: block; color: #f00; font-size: 16px; padding: 0 0 10px 0; width: 100%; text-align: center;}