@import url(reset.css); 

    * {font-family:verdana;font-size:11px;color:#484848;}

	html, body {background:#fff;color:#484848;text-align:center;}
	html {background:#545454}
	
	a {color:#ac0a01}
	
    h1,h2,h3,h4,h5,h6 {font-family:georgia}

    strong {font-weight:bold}

    p {margin-bottom:5px}

    body {background:url('../img/tlo_top.gif') top left repeat-x #fff;}
	
	.hide {display:none}

	.matrix {width:980px;margin:0 auto;text-align:left;}
	
    .star {padding-bottom:3px}
    
    .error {color: #FF0000;}

    .first{}

	 #main .top {background:url('../img/top2.jpg') center center no-repeat;height:240px;width:980px;}
	  #main .top .bar, #main .top .bar h1 {color:#c59b9b;line-height:28px;text-align:center;font-family:verdana}
      #main .top .logo .right {float:right;margin:20px 20px 0 0;font-size:11px}
       #main .top .logo .right * {font-size:11px;line-height:11px}
       #main .top .logo .right .map {/*border-right:1px solid #606060;*/padding-right:5px;margin-right:5px}
       #main .top .logo .right img {margin-right:5px}
      #main .top .logo .description {float:left;color:#4a4949;font-size:16px;padding-top:93px;padding-left:15px;width:500px}
       #main .top .logo .description span {font-size:21px;}
        #main .top .logo .description span i {color:#aa2320;font-size:21px;font-style:italic;}
       #main .top .logo .description .main-page {float:left;width:170px;height:100px;margin:-55px 25px 5px 5px;}
      #main .top .logo .navigation {float:left;width:975px;margin-top:42px}
	   #main .top .logo .navigation li {display:inline;background:url('../img/menu_glowne_kreska_pionowa.gif') center left no-repeat;padding-left:12px;margin-left:8px;line-height:18px}
        #main .top .logo .navigation li.first {margin:0 0 0 15px;padding:0;background:transparent;}
       #main .top .logo .navigation * {font-weight:bold;color:#636363;font-size:12px}
       #main .top .logo .navigation li a {color:#ac0a01;padding-top:10px}
       #main .top .logo .navigation li.active a {color:#636363;background:transparent url('../img/menu_glowne_strzalka.png') top center no-repeat;}
    
    #main .middle .left {width:180px;float:left;margin-right:20px;margin-bottom:20px}   
     #main .middle .left .navigation {width:180px;background:url('../img/menu_bok_srodek.gif') top left repeat-y;margin-top:10px;}
      #main .middle .left .navigation .title {background:url('../img/menu_bok_gora.gif') top left no-repeat;width:180px;line-height:34px;text-align:center;float:left;font-size:16px;font-family:georgia;color:#636363;}
      #main .middle .left .navigation .level1 {background:url('../img/menu_bok_dol.gif') bottom left no-repeat;padding-bottom:10px;padding-top:34px;}
       #main .middle .left .navigation .level1 li {margin:0 5px;padding:8px 0 8px 10px;background:url('../img/arr_szara.gif') 0 11px no-repeat;width:159px;border-top:1px solid #dfdfdf}
        #main .middle .left .navigation .level1 li.first {border:0}
        #main .middle .left .navigation .level1 li.active {background:#ba211c;color:#fff;margin:0;width:170px}
         #main .middle .left .navigation .level1 li.active * {color:#fff}
         #main .middle .left .navigation .level1 li.level2 {background:transparent;}
          #main .middle .left .navigation .level1 li.level2 li {background:url('../img/arr_szara2.gif') center left no-repeat;border:0;width:auto}
           #main .middle .left .navigation .level1 li.level2 li.active, #main .middle .left .navigation .level1 li.level2 li.active * {color:#636363;margin-left:5px;padding-left:3px}
     #main .middle .left .pickings {width:180px;margin-top:10px;background:url('../img/menu_bok_srodek.gif') top left repeat-y;}
      #main .middle .left .pickings .title {background:url('../img/menu_bok_gora.gif') top left no-repeat;width:180px;line-height:34px;text-align:center;float:left;font-size:11px;color:#840000;}
      #main .middle .left .pickings ul {background:url('../img/prowizje_srodek.gif') bottom left no-repeat;padding-bottom:10px;padding-top:40px}
       #main .middle .left .pickings ul li {padding-left:10px;margin: 5px 0;}
       #main .middle .left .pickings ul li, #main .middle .left .pickings ul li * {font-size:11px}
     
    #main .middle .center {float:left;width:530px;margin-right:20px;margin-top:10px;text-align:left;margin-bottom:20px}
     #main .middle .center .breadcrumb li {color:#830000;display:inline}
      #main .middle .center .breadcrumb a {color:#830000}
      #main .middle .center .breadcrumb li.last {color:#484848}
     
    #main .middle .right {float:left;width:230px;margin-bottom:20px}
     #main .middle .right .form {background:url('../img/formularz_srodek.gif') top left repeat-y;padding-left:10px;}
      #main .middle .right .form .title {background:url('../img/formularz_gora.gif') top left no-repeat;margin-left:-10px;float:left;width:230px;height:40px;font-size:15px;font-family:georgia;color:#fff;text-align:center}
      #main .middle .right .form strong {color:#840000}
      #main .middle .right .form, #main .middle .form * {font-size:11px;line-height:14px}
      #main .middle .right .form label {margin:4px 0 0;padding:3px 0;float:left}
      #main .middle .right .form input, #main .middle .right .form textarea {width:196px;border:1px solid #c5c5c5;padding:2px;}
      #main .middle .right .form textarea {height:120px}
      #main .middle .right .form select {width:204px;}
      #main .middle .right .form #f1-submit {font-size:11px;width:95px;background:url('../img/wyslij.png') top left no-repeat;height:24px;border:0;color:#fff;margin:10px 0 10px 56px;padding-top:0}
      
     #main .middle .right .calc {background:url('../img/kalkulatory.gif') top left no-repeat;text-align:center;padding-bottom:10px;}
      #main .middle .right .calc, #main .middle .right .calc * {font-size:11px}
      #main .middle .right .calc .title {background:url('../img/formularz_dol.gif') top left no-repeat;width:230px;padding-top:10px;font-size:16px;font-family:georgia;float:left;text-align:center;padding-bottom:10px;}
      #main .middle .right .calc form {margin-top:15px;margin-bottom:10px;}
      #main .middle .right .calc select {width:176px}
      #main .middle .right .calc input {width:32px;border:0;background:url('../img/ok.gif') top left no-repeat;color:#fff;height:24px;font-size:11px}
     
     #main .middle .center_wide {float: left; width: 780px;}
     #main .middle .center_wide p {line-height: 17px; font-size: 11px; color: #484848;}
 
     #full_form fieldset {border: solid 1px #BA211C; padding: 10px; margin: 20px 0px;}
        #full_form fieldset legend {background: #BA211C; color: #fff; padding: 2px 15px; font-weight: bold; font-size: 12px;}
        #full_form fieldset div {float: left; margin-right: 10px; width: 240px;}
            #full_form fieldset div label {margin:4px 0px 0px 0px; padding:3px 0; float:left; width: 90px;}
                #full_form fieldset div.longlabel {width: 600px;}
                    #full_form fieldset div.longlabel label {width: 300px;} 
            #full_form fieldset div input {width: 140px; border:1px solid #c5c5c5; padding: 2px; float: left; font-size: 11px;}
                #full_form fieldset div input.radio {border: none;}
                #full_form fieldset div.date3fields input {text-align: center; padding: 2px 0px;}
                #full_form fieldset div.date3fields label {width: 120px;}
                    #full_form fieldset div.date3fields label.lblshort {width: 90px;}
                #full_form fieldset div.account input {text-align: center; padding: 2px 0px;}
            #full_form fieldset div.long {width: 480px;}
                #full_form fieldset div.long label {width: 130px;}
                #full_form fieldset div.account input {margin-right: 3px;}
                #full_form fieldset div.long input {width: 290px;}
                #full_form fieldset div input.radio {width: 20px; margin-top: 3px;}
            #full_form fieldset div span {margin: 0px 1px; line-height: 16px; float: left;}
            #full_form fieldset div input.xsmall {width: 22px; float: left;}
            #full_form fieldset div input.small {width: 42px; float: left;}
            #full_form fieldset div input.error-border {border: solid 1px #FF0000;}
            #full_form fieldset div input.error {border: solid 1px #FF0000; color: #484848;}
            #full_form fieldset div.hr {border-bottom: dashed 1px #c5c5c5; margin: 5px auto; width: 740px;}
            #full_form div.submit {width: 100px; margin: 20px auto;}
                #full_form div.submit input {font-size:11px;width:95px;background:url('../img/wyslij.png') top left no-repeat;height:24px;border:0;color:#fff; padding-top:0}
            #full_form .error {color: #FF0000;}   
            #full_form label strong {color: #FF0000; margin-left: 4px; font-weight: bold;}
        
            #full_form fieldset div.date3fields label {width: 120px;}
            #full_form fieldset div.clearb {clear: both;}

        
        #main .middle .right .full_form_adv {height: 60px;}
        #main .middle .right .full_form_adv div.ffa_text {padding-bottom: 5px;}
        #main .middle .right div.ffa_footer {background:url('../img/formularz_dol.gif') top left no-repeat; height: 4px;}
    
    #footer {width:100%;background:#545454;clear:both;margin-top:20px;}
     #footer ul li {display:inline}
	 #footer .top {background:url('../img/stopka.gif') bottom left no-repeat;line-height:23px;text-align:center;}
      #footer .top li.active, #footer .top li.active * {color:#484848}
      #footer .top li, #footer .top li * {font-size:11px;font-weight:bold;}
      #footer .top li {border-left:1px solid #a3a3a3;padding-left:10px;margin-left:10px}
       #footer .top li.first {border:0;padding-left:0;margin-left:0}
	 #footer .middle {border:1px dashed #454545;border-left:0;border-right:0;margin-top:11px}
	  #footer .middle .inner {background:#454545;padding:10px 0;text-align:center;height:30px;}
      #footer .middle .inner ul.first {margin-bottom:20px}
      #footer .middle .inner ul {width:980px;text-align:center;margin:0 auto;clear:left;}
       #footer .middle .inner li, #footer .middle .inner li * {font-size:11px;color:#b5b5b5}
       #footer .middle .inner li {float:left;margin-left:20px;width:80px;text-align:left}
     #footer .bottom {margin:10px auto;text-align:center;}
      #footer .bottom * {color:#b5b5b5;font-size:11px}
      #footer .bottom li {border-left:1px solid #b5b5b5;padding-left:10px;margin-left:10px;font-variant:small-caps;text-transform:lowercase;line-height:12px}
       #footer .bottom li.first {border:0;padding-left:0;margin-left:0}
      #footer .bottom p {margin:15px 0;}
      

        div.error-box {border: solid 1px #FF0000; margin: 20px 0px; padding: 2px; background-color: #fff;}
            div.error-box .error-box-cont {background-color: #FFE0E0; padding: 10px;} 
                div.error-box .error-box-cont .error-header {font-size: 13px; color: #FF0000; margin-bottom: 5px; font-weight: bold;}
      
        div.center_wide div.error-box {width: 600px; margin: 20px auto;}
      /*#ol_iban, #ol_transfer_name, #ol_transfer_surname, #ol_transfer_street, #ol_transfer_zip, #ol_transfer_city {display: none;}*/
