/* CSS Document Generated by Warski */

html, body {height: 100%;}

* { margin:0; padding:0; border:0;}

body {
	font-family: Arial, Verdana, Tahoma, Trebuchet, sans-serif;
	font-size: 11px;
	color:#292A49;
	background: #FBFBFB url(../img/body/warski_body_bg.jpg) repeat-x ;
  
}

img { border:0; display: block;}

a {color:#fff; text-decoration: none; background-color: transparent;}
a:hover {text-decoration: none; color:#fff; background-color: transparent;}
.clear {clear: both;}
.hide {visibility: hidden; font-size: 0px;}
.none {display: none;}
li {list-style: none;}
p,dt,dd {line-height: 1.25em; margin-bottom:5px; margin-top:10px; text-align: justify;}
tabale {border-collapse: collapse;}
table td {padding: 0} 
.pointer {cursor: pointer;}
.error {color: #ff0000;}
.fl {float: left; margin-right:10px;}
.fr {float: right; margin-left:10px;}
.center {margin:10px auto;}

h3 {font-size: 14px; color:#666;}
hr, iehr { height: 2px; background: url(../img/content/content/bg_hr.gif) repeat-x; clear: both; border: none; display: block; font-size: 0;}
span.red {color: #B32C34;}
span.blue {color: #4792D0;}
span.green {color: #639E47;}

/* top */

#top_wrapper {width: 100%; background: url(../img/top/bg_top_wrapper.jpg) no-repeat center top;}
#top {width: 1025px; height:244px; background: url(../img/top/top.jpg) no-repeat; margin: 0 auto; position: relative;}

#top #links {bottom:-40px; position:absolute; right:10px; z-index:66; zoom:1}
#top #links li {float: left; line-height: 2.0em; font-weight: bold; padding-right:10px;}
#top #ask {background: url(../img/menu/nav/bg_zapytanie_ofertowe.gif) no-repeat left center;padding-left:20px; }
#top #ask a {color: #ACACAC;}
#top #links a:hover {text-decoration: underline;}
#top #strefa {background: url(../img/menu/nav/bg_strefa_klienta.gif) no-repeat left center; padding-left:30px;}
#top #strefa a {color: #811212;}
#top #sitemap {background: url(../img/menu/nav/bg_mapa_serwisu.gif) no-repeat left center; padding-left:35px;}
#top #sitemap a {color: #ACACAC;}


#top #menumap {float: left; overflow: hidden; margin-top:25px; display:none;}
#top #menumap li {float: left;}
#top #menumap li a {display: block; width: 95px; height: 15px; padding-top:11px; text-align: center; color: #fff;}
#top #menumap #sg a {background: url(../img/menu/menumap/mapmenu_home.gif) no-repeat top center;}
#top #menumap #map a {background: url(../img/menu/menumap/mapmenu_map.gif) no-repeat top center;}
#top #menumap #contact a {background: url(../img/menu/menumap/mapmenu_kontakt.gif) no-repeat top center;}
#top #menumap a:hover {opacity:0.5;}

#top #menumain {position: relative; float: right; margin-top:35px; background: url(../img/menu/mainmenu/bg_mainmenu.jpg) repeat-x bottom left; padding-left:80px;}
#top #menumain li {float: left; font-size: 13px; font-family: verdana; font-weight: bold; margin-right:36px; color:#fff;}
#top #menumain li a {display:block; height:25px; width:1% ; white-space:nowrap; }
#top #menumain li li {font-family:arial; font-size: 10px; padding-right:12px; margin:0;}
#menumain li li a {color:#E2A9A9;}	
#menumain li li a:hover {color:#fff;}

#top h1 {clear: both; padding-left:20px; font-family: arial; font-size: 14px; font-weight: normal; float: left; white-space: nowrap; width: 450px; margin-top:0px; margin-bottom:38px;}
#top h1 .bg_speciall {position: static; bottom:0; right:0; float: left; margin-right:10px; cursor: pointer;}
#top h1 img {float: left; margin-right:10px;}
#top h1 strong {font-size: 24px; font-weight: normal; padding-top:60px; display:block}

#submenu {overflow: hidden; clear: both;}
#submenu li {float: left; font-size: 11px; font-family: arial; }
#submenu li a {display:block; height: 30px; padding-top:12px; width: auto; white-space: nowrap; }
#submenu li div {padding:0 0 0 10px;}
#submenu li span {padding-right:10px; display:block;}
#submenu li:hover div, #submenu li.active div {background: url(../img/menu/submenu/bg_submenu_left.png) no-repeat left top; }
#submenu li:hover span, #submenu li.active span {background: url(../img/menu/submenu/bg_submenu_right.png) no-repeat right top; display:block; }
#submenu li:hover a, #submenu li.menuh a, #submenu li.active a {background: #FBFBFB; color:#7E132A; }

.bg_speciall {position: absolute; right: 0px; bottom:-44px}
.bg_speciall_rp {margin-right:60px;}

/*  end top */

/* content */
#content_wrapper {width: 100%; background:#EFEFEF url(../img/content/content/bg_content_wrapper.jpg) repeat-y top center; overflow: hidden;}
#header_wrapper {width:100%; background: url(../img/content/header/bg_header.jpg) no-repeat top center; overflow: hidden; }
#content {background: #EFEFEF url(../img/content/content/bg_content.jpg) repeat-x ; width: 1025px; margin: 0 auto;  font-family: arial; overflow: hidden; padding-top:58px;}
#content ul {overflow: hidden; zoom:1; margin-bottom:10px;}

#main { width: 686px; padding:5px 10px 0 20px; float:left; background:  url(../img/content/main/bg_main.jpg) no-repeat right -2px;}
#content a {color: #7D0000; font-weight: bold;}
#content p.more {text-align: right;}
#content p.more a {padding-right:10px; background: url(../img/content/main/bg_more.gif) no-repeat right 4px;}
#content p.more a:hover {text-decoration: underline;}

#content p.morejs {color:#7D0000; font-weight:bold; background:transparent url(../img/content/main/bg_more.gif) no-repeat right 4px; padding-right:10px; cursor: pointer;}
#content p.button {float: right; margin:0}

#content p.back {text-align: right;}
#content p.back a {padding-left:10px; background: url(../img/content/main/bg_back.gif) no-repeat left 4px;}
#content p.back a:hover {text-decoration: underline;}



#bars div {display: none;  position: relative; margin-top:-45px} 
#content h2 {font-family: arial; font-size: 25px; color:#760505; padding-left:35px; font-weight: normal; height: 32px;position: relative; z-index: 2; clear: both;}
#bars h2 { margin-bottom:-20px; }
#bars .banner { width:675px !important; height:195px !important;}
#bars ul li {float: left; width: 46%; padding:0 2%; line-height: 1.4em; display: block !important; background: url(../img/content/main/bg_li.gif) no-repeat left 5px;}
#bars table ul {margin:10px 0; }
#bars table ul li {float: none; width:auto !important; zoom:1; padding:0 10px 3px; margin-bottom:3px; border-bottom:1px #D0D0D0 solid;}

#bars #bar1 { display: block; }
#bar1 h2 {background: url(../img/content/main/header/bg_h_projektowanie_www.gif) no-repeat left top;}
#bar2 h2 {background: url(../img/content/main/header/bg_h_pozycjonowanie.gif) no-repeat left top;}
#bar3 h2 {background: url(../img/content/main/header/bg_h_aplikacje_dedykowane.gif) no-repeat left top;}
#bar4 h2 {background: url(../img/content/main/header/bg_h_identyfikacja_wizualna.gif) no-repeat left top;}
#bar5 h2 {background: url(../img/content/main/header/bg_h_materialy_reklamowe.gif) no-repeat left top;}


div.top_lastreali {background: url(../img/content/main/last_realization/bg_top_lastreali.gif) no-repeat; height: 6px; width: 703px; margin-left:-10px; font-size: 0px;}
#lastreali {width: 673px; padding:5px 15px; background: #E5E5E5 url(../img/content/main/last_realization/bg_content_lastreali.jpg) repeat-y; margin-left:-10px;overflow: hidden; position: relative;}
#lastreali h2 {float: left; color:#760505; font-family:arial; font-size:25px; font-weight:normal; height:32px; padding-left:35px; position:relative; z-index:2; background: url(../img/content/main/header/bg_h_ostatnie_realizacje.gif) no-repeat left top}

#listreali {min-height:175px; clear: both;} 
.home #listreali li {float: none; overflow: hidden; width: 100%;}
.sub #listreali li {float: none; overflow: hidden; width: 97%; padding-left:3%}

#lastreali .rheight33 {float: left; margin-right:10px; height:175px !important;  width:359px !important;}
#lastreali h4 {font-size: 15px; color: #7D0000; line-height: 1.0em; overflow: hidden;}
#lastreali h6 {font-size: 100%; font-weight: normal; line-height: 1.0em; margin-bottom:10px;}

#lastreali .links  {margin-top:10px; overflow: hidden;}
#content p.online {float: left;}
#content p.online a {padding-right:10px; background: url(../img/content/main/bg_more_grey.gif) no-repeat right 4px; color:#545454;}
#content p.online a:hover {text-decoration: underline;}

#navlastreali {float: right;}
#prev2 img, #next2 img{display:inline}
#prev2 a, #next2 a {overflow: hidden;}


#sub {width:295px ; float:right; padding-top:7px}
#sub #banner {overflow: hidden;}
#banner li {width: 283px; height:131px; margin-bottom:10px; position: relative;}
#banner h3 {font-size: 12px;}
#banner h3 a {color: #fff;}
#banner h3 span {position: absolute; bottom:10px; right:10px;}


#footer_wrapper {background: #EFEFEF url(../img/content/content/bg_content_wrapper.jpg) repeat-y scroll center top;overflow: hidden; height:37px;}
.home #footer_wrapper {background: #EFEFEF url(../img/footer/bg_footer_wrapper.jpg) no-repeat center top ; overflow: hidden;  height: auto; }

.home #footer {background:#EFEFEF url(../img/footer/bg_footer.gif) no-repeat;  padding-top:30px; margin: 0 auto; width:1025px;}
#footer {background:#EFEFEF ; height: 37px;  margin: 0 auto; width:1025px;}
#footer ul {float: left;}
#footer li {float: left; padding: 0 5px; }
#footer li a {color: #545454; display:block; height: 20px; padding-top:10px; }
#footer li a:hover {background: url(../img/footer/bg_footer_li_over.gif) no-repeat center top; }

#footer #copyright {float: right; padding: 0px 35px 0 0; color: #B0B0B0;}
  #footer #copyright a {text-decoration: underline; background:transparent url(../img/footer/warski.gif) no-repeat scroll left center; padding-left:18px; color: #B0B0B0;}

#jHelperTipContainer {z-index: 999;}

/* naglowki */
#content h2.last_realization {background: url(../img/content/main/header/bg_h_ostatnia_realizacja.gif) no-repeat; }
#content h2.opis_produktu {background: url(../img/content/main/header/bg_h_polecamy.gif) no-repeat;}
#content h2.referencje {background: url(../img/content/main/header/bg_h_referencje.gif) no-repeat;}
#content h2.h_sitemap {background: url(../img/content/main/header/bg_h_mapa_strony.gif) no-repeat;}
#content h2.politykap {background: url(../img/content/main/header/bg_h_polityka_prywatnosci.gif) no-repeat;}
#content h2.nowosci {background: url(../img/content/main/header/bg_h_nowosci.gif) no-repeat;}
#content h2.kontakt {background: url(../img/content/main/header/bg_h_kontakt.gif) no-repeat; }
#content h2.kariera {background: url(../img/content/main/header/bg_h_kariera.gif) no-repeat;}
#content h2.all_realization {background: #EBEBEB url(../img/content/main/header/bg_h_identyfikacja_wizualna.gif) no-repeat; border-top:1px #D0D0D0 solid;  height:auto; line-height: 2.0em;  margin:0px; zoom:1}
#content h2.products {background: #EBEBEB url(../img/content/main/header/bg_h_nasze_produkty.gif) no-repeat; border-top:1px #D0D0D0 solid;  height:auto; line-height: 2.0em;  margin:0px; zoom:1 }
#content h2.offer {background: #EBEBEB url(../img/content/main/header/bg_h_nasza_oferta.gif) no-repeat; border-top:1px #D0D0D0 solid;  height:auto; line-height: 2.0em;  margin:0px; zoom:1 }


/* portfolio */
#default {background: #EFEFEF url(../img/content/content/bg_all_wrapper.jpg) repeat-y scroll center top}
#default #content {padding: 10px 0 0; background:#EFEFEF url(../img/content/content/bg_hr.gif) repeat-x left bottom }
.portfolio_list {clear: both;}
/*.portfolio_list li {padding: 15px 15px 0; overflow: hidden; zoom:0 !important; background: #EAEAEA url(../img/content/main/bg_portfolio_list.jpg) no-repeat top center}*/
.portfolio_list li {padding: 15px 30px 0 30px; margin-right: 0px !important; overflow: hidden; zoom:0 !important; background: #EAEAEA url(../img/content/main/bg_portfolio_list.jpg) no-repeat top center}
.portfolio_list li.fl {padding: 15px 0 0 15px;}
.first-child li {background: none; padding-top:0px;  }
#default h2 {text-indent: 20px; background-position: 20px center !important;  margin-bottom:14px;}

.portfolio_list .rheight33  {float: left; margin-right:30px;}
.portfolio_list img {float: left; margin-right:10px;}
.portfolio_list .rheight33 img {margin-right:0 !important; float:none; display:inline}
.portfolio_list h4 {font-size: 18px; color: #7D0000; line-height: 1.1em; overflow: hidden;}
.portfolio_list h6 {font-size: 100%; font-weight: normal; line-height: 1.0em; margin-bottom:20px;}

.portfolio_list .links  {margin-top:10px; overflow: hidden;}
.portfolio_list .button img {margin:0}
.portfolio_list p {overflow: hidden;}

.portfolio_list p.online {float: left;}
.portfolio_list p.online a {padding-right:10px; background: url(../img/content/main/bg_more_grey.gif) no-repeat right 4px; color:#545454;}
.portfolio_list p.online a:hover {text-decoration: underline;}
.portfolio_list .links  {margin-top:10px;}
.portfolio_list p.online {float: left;}
.portfolio_list p.online a {padding-right:10px; background: url(../img/content/main/bg_more_grey.gif) no-repeat right 4px; color:#545454;}
.portfolio_list p.online a:hover {text-decoration: underline;}
.portfolio_list li ul {overflow: hidden; margin-bottom:10px;}
/*.portfolio_list li li {background: url(../img/content/main/bg_li.gif) no-repeat left 6px;  margin-bottom:0px; line-height: 1.4em; float: left; width: 45%; padding-top:0;}*/
.portfolio_list li li {background: url(../img/content/main/bg_li_grey.jpg) no-repeat left 6px;  margin-bottom:0px; line-height: 1.4em; padding-top:0;}
.portfolio_list hr, .portfolio_list iehr {margin-bottom:10px;}
.portfolio_list ul.horizontal li {clear:both;}

.portfolio_right_description {float: right; width:621px;}

/* Pager */
#pager {float: right;}
  #pager li {list-style: none; float: left; background: url(../img/content/main/short_page.jpg) no-repeat left top; padding-top: 8px; height: 21px; margin-right: 1px; padding-left: 5px; padding-right: 5px; width: 19px;}
  #pager li.long_page {background: url(../img/content/main/long_page.jpg) no-repeat left top; width: 86px !important;}
  #pager li.last_kid {margin-right: 20px;}
    #pager li a {color: #434343; font-weight: bold; text-align: center; display: block;}
    #pager li a:hover {color: #940202;}
    #pager li a.active {color: #940202; text-decoration:underline;}
/* Pager - END */

.logo_p10 {padding-top:10px;}

.holder_left_portfolio {float: left; width: 374px;}
  .holder_left_portfolio a {float: left; margin:10px 0;}
  
.holder_right_portfolio {float: left; width: 636px; color: #666666;}
  .holder_right_portfolio h5 {font-size: 13px; color: #242323 !important; margin-bottom: 10px; padding-bottom: 10px; background: url(../img/content/main/line_portfolio.jpg) repeat-x left bottom;}

.customer_header_portfolio {overflow:hidden; background: url("../img/content/main/shadow_header_portfolio.jpg") no-repeat right bottom; padding-bottom:30px;}
  .customer_header_portfolio img {float: left; padding-top: 0px !important;}
  .customer_header_portfolio h4 {padding-top:12px;}
  .customer_header_portfolio h6 {margin-bottom: 11px !important;}
  
.portfolio_txt {padding-bottom: 40px; margin-right: 10px;}

.left_side_portfolio_extras {overflow: hidden; background: url(../img/content/main/line_portfolio.jpg) repeat-x left top; clear: both; margin-right:10px;}
  .left_side_portfolio_extras li {list-style: none; background: url(../img/content/main/line_portfolio.jpg) repeat-x left bottom !important; padding-right: 10px;}
  .left_side_portfolio_extras li.grey_link a {color: #545454 !important;}
    .left_side_portfolio_extras li a {float: right;}
/* produkty */ /* cms warski */

.moretext {display: none; zoom:0 !important; clear: both; padding-top:10px;}
#content .zamawiam {overflow: hidden; background: url(../img/content/main/products/bg_zamawiam.jpg) repeat-y top right; width: 620px; float: right;}
#content p.online {}
#activeproducts li.product {display: none;}
#activeproducts li.active {display: block;}

#cmswarski {padding:0 2%; overflow: hidden; zoom:1}
#cmswarski li {zoom:1; float: left; width: 25%; background: url(../img/content/main/products/bg_products_li.jpg) repeat-y top right; padding-top:15px;}
#cmswarski li img {float: right; position: relative; bottom:-10px;}
#cmswarski li hr {margin-bottom:10px;}
#cmswarski li h3 {font-family: arial; font-size: 18px; color: #666; line-height: 1.0em; text-indent: 16px;}
#cmswarski li h4 {font-family: arial; font-size: 13px;  line-height: 1.0em; text-indent: 16px; letter-spacing: -1px;}
#cmswarski li h5, #cmswarski li h6 {font-size: 11px;}

#cmswarski li.cmsred h4, #cmswarski li.cmsred h5, #cmswarski li.cmsred p.more {color: #A80322 !important;}
#cmswarski li.cmsblue h4, #cmswarski li.cmsblue h5, #cmswarski li.cmsblue p.more {color: #1C6081 !important;}
#cmswarski li.cmsgreen h4, #cmswarski li.cmsgreen h5, #cmswarski li.cmsgreen p.more {color: #426931 !important;}
#cmswarski li.cmspurple h4, #cmswarski li.cmspurple h5, #cmswarski li.cmspurple p.more {color: #600984 !important;}

#cmswarski li div {padding: 0 5px 0 17px; }
#cmswarski li div ul {overflow: hidden; margin-bottom:10px}
#cmswarski li div li {float: none; width:auto; background: url(../img/content/main/bg_li.gif) no-repeat left 4px; padding: 0 0 0 15px;}

/* oferta */

#products_menu {float:right; margin-top:-30px; overflow:hidden; position:relative; z-index:10;}
#products_menu li {float: left; padding:0 10px; }
#products_menu li a {color: #000; display: block; height: 30px; width: auto; }
#products_menu li a:hover, #products_menu li.active a {color:#7D0000; background: url(../img/menu/menu_products/menu_over.gif) no-repeat bottom center}

.products_faq div.display {display:none;}
.products_faq div.active {display: block;}
.products_faq .faq {background:#EAEAEA url(../img/content/main/bg_portfolio_list.jpg) no-repeat scroll center top; padding:10px 15px 0; overflow:hidden; }
.products_faq .faq li {overflow: hidden; float: right; width: 62%; padding:0; background: none;}
.products_faq .faq li.clear {width: 36%; padding:0 2% 0 0; float: left;}
.faq h4 {font-size: 11px;}

/* kontakt */
ul.kontakt {position: relative;}
ul.kontakt img {}
h4.kontakt {margin-bottom:20px;}
#support {bottom:-2px; left:88px; position:absolute; width: 936px;}
#support h5 {color:#000000; font-size:18px; font-weight:normal; letter-spacing:0.06em; line-height:1em; text-indent: 20px;}
#support h6 {font-family: georgia; font-size: 30px; color: #7D0000; line-height: 1.0em; text-indent: 20px;}

#form {overflow: hidden; background: #E6E6E6 url(../img/content/content/bg_form.jpg) repeat-x; padding:10px 10px 10px 30px}
#form h3 {font-size: 14px; line-height: 1.9em; margin-bottom:10px}

#sub_left {float: left; width: 260px;}
#sub_left ul li {float: none; clear: both; background: url(../img/content/content/bg_hr.gif) repeat-x bottom; overflow: hidden; padding:5px 0px }
#sub_left ul li img {float:left; padding-right:20px;}
#sub_left ul li h5 {font-size: 11px; line-height: 1.3em;}
#sub_left ul li h4 {font-size: 18px; color:#7F0303;}
/*
#sub_left ul li.skype h4 {color:#007FB1;}
#sub_left ul li.gg h4 {color:#D50606;}
#sub_left ul li.office h4 {color:#2B6B03;}
#sub_left ul li.supports h4 {color:#F57302;}
*/


#form .form {float: left; width: 450px; padding-left:10px}
#form form li {float: left; padding:5px}
#form form li label {display:block; color: #7F0303;}
#form form li input {display:block; width: 205px; height:23px; padding:7px 5px 0 ; background: url(../img/content/main/kontakt/bg_input_short.gif) no-repeat;}
#form form li textarea {background: url(../img/content/main/kontakt/bg_textarea.gif) no-repeat; width: 433px; height: 117px; padding:7px 5px 7px ;}

#form #input_clear {float: right; background: url(../img/content/main/kontakt/button_clear.png) no-repeat; width:109px; height: 31px; margin-top:15px; cursor: pointer;}
#form #input_submit {float: right; background: url(../img/content/main/kontakt/button_send_message.gif) no-repeat; width: 75px; height: 23px; margin:0px 5px 0; cursor: pointer;}


#sub_right {float: right; width: 256px; padding-top:35px; }
#sub_right strong {color: #7F0303;}
#sub_right li {background: url(../img/content/main/bg_li.gif) no-repeat left 4px ; margin-left:10px; padding-left:10px; line-height: 1.3em;}
#sub_right #dane { margin-right:-10px; padding:10px}
#sub_right #dane strong{ margin-top:10px; display:block}


/*
 *
 *  Special thanks to Seraf
 *
 */
#default.portfolio_page h2 img {margin-top: -10px;}
#default.portfolio_page h2 {height: 42px; margin-bottom:40px;}
#default.portfolio_page .bg_speciall {position: absolute; right: 0px; bottom:auto; top: 72px}

/* End thanks :) */ 

#default.portfolio_page h2.rp {margin-bottom:35px;}
#default.portfolio_page h2.rp img {margin-top: 10px; }

#content #sub_content {display: block; margin: 0 }
#content #sub_content li {float: none; width: auto; margin-left:15px; line-height: 1.5em;}
#content #sub_content hr, #content #sub_content iehr {margin:10px 0}
#content #sub_content ul {margin-bottom:15px;}
#content #sub_content dl {background: url(../img/content/content/bg_hr.gif) repeat-x bottom; margin-bottom:20px}
#content #sub_content dt {font-size: 110%; margin-bottom:15px; color:#7D0000; font-weight:bold;}
#content #sub_content dd { padding-bottom:10px; margin-bottom:10px; line-height: 1.4em;}


#col3 {margin:10px 0 20px 0}
#col3 thead td {padding: 5px 3px}
#col3 tbody td {padding: 0 5px; vertical-align: top;}
#col3 tbody th {text-align: right; padding: 0 15px 0 0;}
#col3 h4 {font-size: 100%;}

#default #sub_content {padding:10px 15px 0; background: url(../img/content/content/bg_hr.gif) repeat-x left top;}
#default #sub_content li {background:transparent url(../img/content/main/bg_li.gif) no-repeat scroll left 4px; display:block; padding:0 2%;}


/* Referencje */

#ref {margin:0 auto -1px; border-right:1px solid #D2D2D2;}
#ref input {overflow:hidden}
#ref ul {background: url(../img/content/main/referencje/bg_min_ref_logo_ul.gif) repeat-x; overflow: hidden; height: 108px;}
#default #content #ref ul li {background: url(../img/content/main/referencje/bg_min_ref_logo_li.gif) no-repeat left top; height:108px; width: 245px; float: left; margin: 0; padding:0px}

#ref_logos li {}
#ref_logos li img {margin: 0 auto; cursor:pointer; padding-top:2px}

#ref_img {margin:0 0 0 -15px; padding-top:30px; width:103%; background: url(../img/content/main/bg_ref_shadow.gif) no-repeat scroll center top; }
#default #ref_img li {background:transparent url(../img/content/main/referencje/ref_shadow.jpg) no-repeat scroll center -2px; border: none; display:none; height:845px; margin:0; padding:6px 0 10px;}

#default #ref_img li.active  {display:block}
#default #ref_img li img {margin: 20px auto; height:793px;}

/* Kariera */
#sub_content_nav {background: #EAEAEA url(../img/content/main/bg_portfolio_list.jpg) no-repeat scroll center top;}
#sub_content_nav ul {overflow: hidden; padding:0 10px }
#sub_content_nav ul li {float: left; padding: 15px 10px; font-size: 12px; font-weight:bold; cursor:pointer}
#sub_content_nav ul li.active {background: url(../img/content/main/bg_sub_nav_li_over.gif) no-repeat center bottom; color:#7D0101;}

.kariera_list li {display: none;}
.kariera_list li.active {display: block;}

.kariera_list li li{display: block;}
.kariera_list div {overflow: hidden; zoom:1}


/* Mapa Strony */
#default #sub_content .sitemap {background: url(../img/content/main/sitemap/bg_map_ul.gif) repeat-y left top; padding-top:20px; float: left; width: 33%;}
#default #sub_content .sitemap li {list-style: none; margin: 0; background: url(../img/content/main/sitemap/bg_map_li.gif) no-repeat 2px 10px; padding-left:25px; line-height: 2.2em;}
#default #sub_content .sitemap li a {color: #000; font-weight: normal;}
#default #sub_content .sitemap li a:hover {color:#760505; font-weight: bold;}

#default #sub_content .sitemap ul {background:transparent url(../img/content/main/sitemap/bg_map_ul_ul.gif) no-repeat scroll 0 0; left:-17px; position:relative; top:-10px; padding-bottom:4px; overflow: visible;}
#default #sub_content .sitemap ul li {left:20px; position:relative; top:15px;}

#sitemap_main {float: right; width: 66%; margin-top:25px;}

/* polityka prywatności */
.half {padding: 10px 0 0 0; margin:20px 0 10px 0; background: url(../img/content/content/bg_center_half.gif) repeat-y  48.5%; overflow: hidden;}
.halfs {width: 47%; float: left; padding:0 3% 0 0}
.halfs h3 {color: #7D0000; background: url(../img/content/content/bg_hr.gif) repeat-x scroll left bottom; padding-bottom:5px; margin-bottom:5px; font-size:14px;}
#default #sub_content .halfs ul {margin-bottom:17px;}
#default #sub_content .halfs li {background: none; margin: 0 0 10px 0 ; padding: 0 0 10px 0; border-bottom:1px #DADADA dashed}

/* Tworzenie stron www */
#list_header {overflow: hidden; background:transparent url(../img/content/content/bg_center_half.gif) repeat-y scroll center } 
#content #list_header li {float:left !important; margin:0 0 20px 0 !important; padding:0 4% 0 0 !important; width:46% !important; text-align: justify;}
#list_header li h4 {color: #fff; line-height:3.3em; text-indent:25px; margin-bottom:5px; font-size: 12px;}
#content #list_header li.fr {float: right !important; padding: 0 !important }

#list_header li.header_1 {background: url(../img/content/main/header/header_number_1.gif) no-repeat;}
#list_header li.header_2 {background: url(../img/content/main/header/header_number_2.gif) no-repeat;}
#list_header li.header_3 {background: url(../img/content/main/header/header_number_3.gif) no-repeat;}
#list_header li.header_4 {background: url(../img/content/main/header/header_number_4.gif) no-repeat;}
#list_header li.header_5 {background: url(../img/content/main/header/header_number_5.gif) no-repeat;}
#list_header li.header_6 {background: url(../img/content/main/header/header_number_6.gif) no-repeat;}
#list_header li.header_7 {background: url(../img/content/main/header/header_number_7.gif) no-repeat;}
#list_header li.header_8 {background: url(../img/content/main/header/header_number_8.gif) no-repeat;}
#list_header li.header_9 {background: url(../img/content/main/header/header_number_9.gif) no-repeat;}
#list_header li.header_10 {background: url(../img/content/main/header/header_number_10.gif) no-repeat;}
#list_header li.header_11 {background: url(../img/content/main/header/header_number_11.gif) no-repeat;}
#list_header li.header_12 {background: url(../img/content/main/header/header_number_12.gif) no-repeat;}
#list_header li.header_13 {background: url(../img/content/main/header/header_number_13.gif) no-repeat;}
#list_header li.header_14 {background: url(../img/content/main/header/header_number_14.gif) no-repeat;}
#list_header li.header_15 {background: url(../img/content/main/header/header_number_15.gif) no-repeat;}

/* pozycjonowanie stron */
.home #sub_content h3 {font-size: 16px; font-family: arial; color: #7D0000; margin-bottom:20px;}
#content ul.buttons {float: right;}
#content ul.buttons li {list-style: none; background: none; min-height:47px; padding:5px 0px 0 5px !important; width: 219px !important; clear:none; float: left !important; }
#content ul.buttons li span {display:block; font-size: 14px;}
#content ul.buttons li a {color: #fff;}

#content ul.buttons li.red {background: url(../img/content/main/buttons/button_red.png) no-repeat;}
#content ul.buttons li.blue {background: url(../img/content/main/buttons/button_blue.png) no-repeat;}
#content ul.buttons li.brown {background: url(../img/content/main/buttons/button_red.png) no-repeat;}
#content ul.buttons li.grey {background: url(../img/content/main/buttons/button_blue.png) no-repeat;}
#content ul.buttons li.light_green {background: url(../img/content/main/buttons/button_red.png) no-repeat;}
#content ul.buttons li.dark_green {background: url(../img/content/main/buttons/button_blue.png) no-repeat;}
#content ul.buttons li.orange {background: url(../img/content/main/buttons/button_red.png) no-repeat;}
#content ul.buttons li.pink {background: url(../img/content/main/buttons/button_blue.png) no-repeat;}
#content ul.buttons li.purple {background: url(../img/content/main/buttons/button_blue.png) no-repeat;}

/* Galeria */
ul.gallery_logo {padding: 10px 0; background: url(../img/content/main/identyfikacja_wizualna/bg_logos.gif) -1px 15px; }
ul.gallery_logo li {background:transparent none repeat scroll 0 0; display:block; float:left; padding: 1px }
ul.gallery_logo li img {display: inline; margin: 0 auto }

/* Galeria */
.gallery_scroll, .gallery_scroll_2 {margin: 15px auto; overflow: hidden; position: relative;}
.gallery_scroll ul{ background: transparent url(../img/content/main/referencje/bg_min_ref_logo_ul.gif) repeat-x; height:108px; margin:0 !important; }
.gallery_scroll ul li {background: transparent url(../img/content/main/referencje/bg_min_ref_logo_li.gif) no-repeat scroll left top; width: 222px; padding: 0; float: left; position: relative; height: 108px;}
.gallery_scroll ul li img {display: block; margin: 0 auto }
.gallery_scroll .drivers, .gallery_scroll_2 .drivers {position: absolute; top:42px; z-index: 20; width: 100%;}
.gallery_scroll .drivers a {display: block; border:0 none; cursor:pointer; height:22px; width:16px; position: absolute;}
.gallery_scroll .drivers span {display: none; }
.gallery_scroll .drivers .gallery_left {background: url(../img/content/main/buttons/arrow_left_ov.gif) no-repeat; left: 0px;}
.gallery_scroll .drivers .gallery_right {background: url(../img/content/main/buttons/arrow_right_ov.gif) no-repeat; right: 0px;}

.gallery_scroll_2 .drivers {top:117px}


/* Materiały reklamowe */
#realization_mr ul {background: url(../img/content/main/materialy_reklamowe/bg_realization_mr.gif) repeat-x; height: 206px; margin-top:15px;}
#realization_mr ul img {margin-top:5px;}
#realization_mr h4 {font-size: 14px; font-family: Arial; margin-top:27px; color: #666;}
#realization_mr h6 {font-size: 11px; font-family: Arial; color: #666; margin-bottom:55px;}


a.title {position: relative;}
.helperW {background: #F9F9F9 url(img/top/top.jpg) no-repeat; width: 300px; color:#fff; padding: 5px; border:2px #fff solid; position: absolute; top:10px; left:0;}

.holder_left_portfolio .rheight33 {margin-right:5px !important;}