/* wyzerowanie domyslnych wartosci */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
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;}
hr {display: none;}
img {border: 0;}
a{text-decoration:none; color: #666;}

/* domyslne wartosci*/
html {min-height:100%;}
body {min-width:1000px; background: url(../img/misc/bg.jpg) repeat-x; background-size: contain; color:#666; font: 12px tahoma, arial, sans-serif;}

/*TOP*/
#topContent #topContentMenu {margin: auto; text-align:center; font-size: 16px;}
#topContent #topContentMenuUl {list-style:none; margin:40px 0;}
#topContent #topContentMenuUl li {display:inline;}
#topContent #topContentMenuUl li a {text-decoration:none; dosplay:block; padding:0 10px;}
#topContentMenuACTIVE {border-bottom:1px solid #333;}
#topContent #topContentMenuUl li a:hover {border-bottom:1px solid #c00;}
#topContent #topContentMenu #topContentMenuUl li.topContentMenuUl_separator {margin: 0 10px; color:#333;}
#topContent #topContentMenu #topContentMenuUl li.topContentMenuUl_urlHighlight a {color:#C00;}

#topContent #topContentShadow {background:url(../img/misc/topContentShadow.png) no-repeat ; width:966px; height:38px; margin:0 auto;}

#mainHeader {width:600px; margin: 10px auto; font-size:15px; color:#b9b9b9; text-align:center;}
#mainHeader h1 {font-weight:normal;}

/*MAIN CONTENT*/
#mainContent {position:relative; height: 564px;}
#mainContent #mainContentLogo {position:relative; z-index:2;}
#mainContent #mainContentLogo img {position:absolute; margin: 50px auto; left:0; right:0; }

#mainContent #mainContentButtons {width: 720px; position:absolute; margin: 0 auto; left:0; right:0; z-index:1; overflow:hidden; top:34%;}

#mainContent #mainContentButtons #mainContentLeftButton {background:url(../img/misc/mainLeft_btn.png) no-repeat top; width:169px; height:80px; float:left;}
#mainContent #mainContentButtons #mainContentLeftButton a { background: url(../img/misc/leftButtonShadowOver.png) no-repeat right; display:block; width:169px; height:64px; display:table;}
#mainContent #mainContentButtons #mainContentLeftButton a span {display:table-cell; vertical-align:middle; text-align:center;}
#mainContent #mainContentButtons #mainContentLeftButton #mainContentLeftButtonUnderShadow {background: url(../img/misc/leftButtonShadowUnder.png) no-repeat right; height:16px; width:166px;}

#mainContent #mainContentButtons #mainContentRightButton {background:url(../img/misc/mainRight_btn.png) no-repeat top; width:169px; height:80px; float:right;}
#mainContent #mainContentButtons #mainContentRightButton a { background: url(../img/misc/rightButtonShadowOver.png) no-repeat left; display:block; width:169px; height:64px; display:table;}
#mainContent #mainContentButtons #mainContentRightButton a span {display:table-cell; vertical-align:middle; text-align:center;}
#mainContent #mainContentButtons #mainContentRightButton #mainContentRightButtonUnderShadow {background: url(../img/misc/rightButtonShadowUnder.png) no-repeat left; height:16px; width:166px;}

/*FOOTER*/
#footerContent {overflow:hidden; position:relative; height:50px; width:800px; margin:0 auto 15px auto; padding-top:20px;}
#footerContent div {position:absolute;}

#footerContent div#footerPrivacy {top:15px;}
#footerContent div#footerCopyright {width: 600px; margin: 0 auto; left:0; right:0; text-align:center; top:15px;}
#footerContent div#facebookIcon {right:10px;}


/**********************************PODSTRONY******************************************/


/*KONTAKT*/
#subContentContact {width:406px; margin:0 auto; text-align:right;}
#subContentContact h1.header {font: 18px tahoma, arial, sans-serif; display:block; text-align:center; margin-bottom:20px;}
#subContentContact #formularzKontaktowy #contactForm_nazwisko {width: 400px; margin:5px 0; font: 12px tahoma, arial, sans-serif;}
#subContentContact #formularzKontaktowy #contactForm_mail {width: 400px; margin:5px 0; font: 12px tahoma, arial, sans-serif;}
#subContentContact #formularzKontaktowy #contactForm_wiad {width: 400px; height: 200px; max-width:400px; min-width:400px; max-height:400px; margin:5px 0; font: 12px tahoma, arial, sans-serif;}
#subContentContact #formularzKontaktowy #contact_check {width:30px; text-align:center; margin:5px 0; font: 12px tahoma, arial, sans-serif;}
#subContentContact #formularzKontaktowy #contactForm_submit {margin:5px 0;}
#subContentContact #formularzKontaktowy .contactForm_infoArea {vertical-align: super; cursor:help; font-weight:normal; font-size:8px;}

#subContent #privacyWrapper {width:1000px; margin:20px auto;}
#subContent #privacyWrapper #privacyHeader {font-size: 25px; text-align:center; padding:10px 0; border-bottom:1px solid #333; margin:0 100px 20px;}
#subContent #privacyWrapper #privacyContent {padding:10px; border:1px dashed #333;}
#subContent #privacyWrapper #privacyContent p {margin-bottom:10px;}
#subContent #privacyWrapper #privacyContent p a{color:#666; font-weight:bold;}

#subContent #aboutWrapper {width:715px; margin:20px auto; overflow:hidden;}
#subContent #aboutWrapper #aboutPhoto {float:left; width:300px; overflow:hidden;}
#subContent #aboutWrapper #aboutContent {float:left; width:380px; margin-left:35px;}
#subContent #aboutWrapper #aboutContent #aboutHeader {color:#8fbf21; font-size:25px; padding:10px 0; border-bottom: 1px solid #666; margin:20px 0;}
#subContent #aboutWrapper #aboutContent #aboutInfo p {margin-bottom:10px; font-size:15px;}
#subContent #aboutWrapper #goFacebook {margin-top:40px;}

#subContent #galleryWrapper {width:720px; margin:20px auto; overflow:hidden;}
#subContent #galleryWrapper .galleryItem {display:block; background:red; width:150px; height:100px; margin:10px; float:left; overflow:hidden; border:5px solid #fff;}

#subContent #uCanHelpWrapper {width:700px; margin:30px auto;}
#subContent #uCanHelpWrapper #uCanHelpHeader {font-size: 30px; text-align:center; padding:10px 0; border-bottom:1px solid #333; margin:0 100px 20px; color:#8fbf21;}
#subContent #uCanHelpWrapper #uCanHelpContent {padding:10px; border:1px dashed #333; text-align:center;}
#subContent #uCanHelpWrapper #uCanHelpContent p {margin-bottom:10px; font-size:15px;}
#subContent #uCanHelpWrapper #uCanHelpContent p a{color:#666; font-weight:bold;}
#subContent #uCanHelpWrapper #uCanHelpContent p img {margin-top:25px;}