@charset "utf-8";
/* CSS Document */
body { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; background: #fff url(../images/body_bg.png) 0 0 repeat-x; color: #424242; }
strong { font-weight: bold; }

#wrapper { width: 871px; margin: 0 auto; }
#header { height: 115px; background: transparent url(../images/fog.png) no-repeat 100% 0; }
#header #logo { margin: 28px 0 0 73px; }
#header h1 span { display: none; }

#topMenuWrapper { height: 51px; background-color: #222; margin-top: 1px; }
#topMenuWrapper .topMenu { height: 48px; border: 1px solid #303030; border-top: none; background: #222 url(../images/top_menu_bg.gif) repeat-x 0 0; }
#topMenuWrapper .topMenu  ul { padding: 20px 73px 0 73px; }
#topMenuWrapper .topMenu li { display: inline; margin-right: 33px; }
#topMenuWrapper .topMenu a { color: #fff; text-decoration: none; }
#topMenuWrapper .topMenu a:hover { color: #62b108; text-decoration: underline; }


#leftMenu a { color: #424242; text-decoration: none; }
#leftMenu a:hover { color: #b52200; text-decoration: underline; }

#mainTabs { height: 105px; border: 1px solid #fff; border-bottom: 1px solid #b8b8b8; overflow: hidden; background-color: #d1d1d1; }
#mainTabs .tab { height: 105px; width: 432px; float: left; background: transparent url(../images/tabs_menu_bg.png) no-repeat 0 0; position: relative; }
#mainTabs .tab h2 { margin-top: 40px; }
#mainTabs .tab h2 span { display: none; }
#mainTabs .tab a { display: block; height: 105px; width: 432px; position: absolute; top: 0; left: 0; background: transparent url(../images/tabs_link_bg.gif) repeat 0 0; }
#mainTabs #tab1 { margin: 0 3px 0 1px; display: inline; }
#mainTabs #tab1 h2 { width: 290px; height: 33px; background: transparent url(../images/rozwiazania_internetowe_tab.png) no-repeat 0 0; margin-left: 70px; }
#mainTabs #tab1 h2.selected { background: transparent url(../images/rowiazania_internetowe_tab_selected.png) no-repeat 0 0; }
#mainTabs #tab2 h2 { width: 231px; height: 31px; background: transparent url(../images/fotografia_cyfrowa_tab.png) no-repeat 0 0; margin-left: 100px; }
#mainTabs #tab2 h2.selected { background: transparent url(../images/fotografia_cyfrowa_tab_selected.png) no-repeat 0 0; }

#contentBoxOuter { background: #fff url(../images/content_box_border.png) no-repeat 0 0; }
#contentBoxInner { height: 373px; background: transparent url(../images/content_box_border.png) no-repeat 100% 0; }

/* strona glowna */
#contentBoxOuter .col1 { width: 305px; float: left; }
#contentBoxOuter .col2 { width: 499px; float: left; padding: 0 29px 0 36px; }
#contentBoxOuter .serviceList { padding: 59px 0 0 58px; }
#contentBoxOuter .serviceList li { background: transparent url(../images/pointer_1.gif) no-repeat 0 5px; padding-left: 23px; margin-bottom: 5px; zoom: 1; }
#contentBoxOuter .serviceList li span { display: block; border-bottom: 1px solid #e8e8e8; padding: 0 0 7px 6px; }
#contentBoxOuter .col2 h3 { margin-top: 59px; background: #fff url(../images/pointer_1.gif) no-repeat 0 5px; padding-left: 23px; }
#contentBoxOuter .col2 h3 span { display: block; border-bottom: 1px solid #e8e8e8; padding: 0 0 7px 6px; }
#contentBoxOuter .col2 p { margin: 20px 0; line-height: 20px; }

/* slidery */
#slider_small { width: 499px; margin-top: 26px; }
.panelOuter, .panelInner { height: 49px; }
.panelOuter { background: #fff url(../images/slider_header_bg_1.gif) no-repeat 0 0;  padding-left: 5px; }
.panelInner { background: #fff url(../images/slider_header_bg_2.gif) no-repeat 100% 0;}
#slider_small .panelInner h3, #slider_wide .panelInner h3 { padding: 15px 0 0 23px; height: 27px; margin: 0 0 0 14px; background: transparent url(../images/slider_header_pointer.gif) no-repeat 0 16px; color: #afda2e; font-size: 16px; width: 349px; float: left; display: inline; }
#slider_small .nav { float: left; padding: 18px 0 10px 17px; background: transparent url(../images/slider_header_separator.gif) no-repeat 0 14px; } 
#slider_small .nav a, #slider_wide .nav a { color: #ccc; text-decoration: none; }
.contentOuter { background: transparent url(../images/slider_border.gif) no-repeat 0 0; border-bottom: 1px solid #ddd; border-top: 1px solid #394419; }
.contentInner { background: transparent url(../images/slider_border.gif) no-repeat 100% 0; }
#photo .contentOuter { background: transparent url(../images/photo_slider_border.gif) no-repeat 0 0; border-bottom: 1px solid #cecece; border-top: 1px solid #222; }
#photo .contentInner { background: transparent url(../images/photo_slider_border.gif) no-repeat 100% 0; }
.content { height: 256px; background: #fff url(../images/slider_content_bg.gif) repeat-x 0 0; margin: 0 1px; padding: 10px 54px 0 54px; }
#photo .content { background-image: url(../images/photo_slider_content_bg.gif); padding: 24px 0 0 15px; height: 247px;}
#photo .content img { border: 1px solid #5b5b5b; margin: 0 9px 24px 0; }
#slider_small .content h4 { font-size: 16px; color: #333; margin: 0 0 7px; padding-left: 23px; background: transparent url(../images/pointer_2.gif) no-repeat 4px 87%; }
#slider_small .content h4 span { font-size: 14px; }
#slider_small .content img { float: left; }
#slider_small .content .details { margin: 38px 0 0 285px; }
#slider_small .content .details h5, .content h5 { margin: 0 0 3px 8px; color: #4c4c4c; }
.content ul li { background: transparent url(../images/list_pointer.gif) no-repeat 0 6px; padding: 0 0 3px 12px; color: #333; }
#slider_small .content .siteType { margin-bottom: 26px; }


#slider_wide { width: 812px; padding: 26px 28px 0 28px; }
#slider_wide .contentOuter { border-top: 1px solid #222; }
#slider_wide .nav { float: left; padding: 18px 0 10px 17px; background: transparent url(../images/slider_header_separator.gif) no-repeat 125px 14px; }
#slider_wide .nav .disable { color: #4F4E4E; cursor: text; }
#slider_wide .nav .prev { padding: 0 34px 0 26px; }
#slider_wide .nav .prev, #slider_wide .nav .next { outline: none; }
#slider_wide .pager { display: inline; padding: 0 0 0 31px; }
#slider_wide .pager span { color: #4f4e4e; }



#slider_wide .content { padding-left: 29px; padding-right: 29px; }

#photo #slider_wide .content { padding-left: 47px; padding-right: 0; }
#photo #slider_wide .content img { margin: 0 38px 24px 0; }

/* content */
#contentBoxOuter .content_col1 { width: 327px; float: left;  padding-right: 31px; }
#contentBoxOuter .content_col2 { width: 245px; float: left;  color: #333; }
#contentBoxOuter .content_col3 { margin-left: 630px; }
#contentBoxOuter .content_col2, #contentBoxOuter .content_col3 { padding-top: 73px; }
#contentBoxOuter .content_col2 h4 { font-size: 16px; }
#contentBoxOuter .content_col2 a { font-size: 14px; text-decoration: none; color: #333; }
#contentBoxOuter .content_col3 h5 { margin-top: 26px; }

#footer { height: 139px; padding: 0 0 0 97px; }
#footer .col { color: #fff; float: left; line-height: 17px; }
#footer #col1 { width: 33%; margin-top: 28px; }
#footer #col2 { width: 33%; margin-top: 17px; }
#footer #col3 { width: 33%; margin-top: 17px; } 

#contactInfo { color: #545454; margin: 28px 0 22px 0; text-align: center; }
#contactInfo a { color: #545454; text-decoration: underline; }
#contactInfo a:hover { color: #62b108; text-decoration: underline; }

#footerMenu { font-family: Tahoma; font-size: 10px; color: #545454; margin: 10px 0 20px 0; text-align: center; }
#footerMenu a { color: #545454; text-decoration: underline; }
#footerMenu a:hover { color: #62b108; text-decoration: underline; }

#kontakt { font-family: Tahoma; font-size: 12px; color: #545454; }
#kontakt a { color: #545454; text-decoration: underline; }
#kontakt a:hover { color: #62b108; text-decoration: underline; }