/*

  CSS Afilo.pl

*/ 
  
body, a , form, p, span, img, ul, li, ul li,h1,h2,h3,h4,h5,input {
  margin: 0; 
  padding: 0;
}
body {
  background-color: #0e0e0e;
}
a {
  outline: none;
}
a img {
  border:0;
}
h2 {
  font: 22px  Arial, Helvetica;
  font-weight:500;
  line-height:21px;
  margin:0 0 10px 0;
  color: #3e0009;
}

.left {
  clear:left;
}
.right {
  clear: right;
}
.both {
  clear: both;
}
.float_left{
  float:left;
}
.float_right{
  float:right;
}

#header_wrap{
  width: 100%;
  height: 79px;
  background: url('../img/images/header_bg.png') repeat-x left top;
}
#header {
  margin: auto;
  width: 955px;
  height: 79px;
    
}
#logo {
  float: left;
}
#logo a{
  margin:13px 0 0 5px;
  display:block;
  height:60px;
  width:157px;
}
#logo a img {
  border: none; 
}
#menu {
  float: left;
  margin: 0 0 0 30px;
  width:450px;
  height:79px;
}   
#menu ul, ul li{
  display: block;
  height: 49px;
	list-style: none;
	margin: 0;
	padding: 0; 
}
#menu ul li {
	display: inline;
	white-space: nowrap;
}  
.menu_element a {   
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #222023;
  text-decoration: none;
  text-shadow: 1px 1px #ddd;
}
.menu_element a:hover {
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #b80011;
  text-decoration: none;
}
.menu_element{
  float:left;
  height:30px;
  margin-right:10px;
  padding-top:25px;
}
 .menu_element img{
 float:left;
}
.menu_active{
  float:left;
  height:30px;
  background: #b4000e url('../img/images/menu_right.png') no-repeat center right;
}

.menu_active a{
  display:block;
  float:left;
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
  padding:6px 10px 0 0;
}
.menu_active a:hover{
  color: #feb2b5;
}
.menu_active_bottom{
  float:left;
  clear:left;
  height:9px;
}
.menu_inactive{
  padding:6px 0px 0 0;  
}
#box_login {
  float:right; 
  margin-top:20px;
  width:290px;
}
#box_login form {
  margin: 0px;
  padding: 0px;
}
#box_login span {
  display:block;
  float:left;
  height:20px;
  padding:5px 6px 0 5px;
  font: normal 9px Arial, Helvetica, sans-serif;
  color: #5e5e5e; 
}
#box_login a {
  display:block;
  float:left;
  height:20px;
  padding:5px 0px 0 0;
  font: normal 9px Arial, Helvetica, sans-serif;
  color: #696969;
  text-decoration: none;
}
#box_login a strong {
  color:#b7001a;
}
#box_login a:hover {
  color:#b7001a;
}
.logowanie_input {
  display:block;
  float:left;
  margin: 0 6px 5px 0;
  padding: 3px;
  width: 92px;
  height: 12px;
  background: #f5f5f5 url('../img/images/login_bg.png') repeat-x top left;
  border: solid 1px #b7b7b7;
  font: normal 11px Tahoma, Verdana, Arial,sans-serif;
  color: #414141;
}
.logowanie_submit {
  margin:0 5px 0px 27px;
  _margin: 0 5px 0px 24px;  /* ie6 hack */
}
#submenu_wrap {
  width: 100%;
  height: 28px;
  background: url('../img/images/submenu_bg.png') repeat-x left top;  
}
#submenu {
  margin: auto;
  height: 28px;
  width: 955px; 
  padding-left: 50px;
}  
#submenu ul, ul li{
  display: block;
  list-style: none;
  margin: 0;
	padding: 0; 
}
#submenu ul li {
	display: inline;
	white-space: nowrap;
} 
.submenu_link a{
  display: block;
  float:left;
  font: normal 11px Arial, Helvetica, sans-serif;  
	color: #f5c1c1;
	text-decoration: none;
	margin:7px 23px 0 0;
  padding-left:12px;	
	background: url('../img/images/submenu_dot1.png') no-repeat 0 4px;
} 
.submenu_link a:hover{
  color: #ffe6e6;
}
.submenu_active a{
  font-weight: bold; 
  color: #ffe6e6; 
  background: url('../img/images/submenu_dot2.png') no-repeat 0 4px; 
}

#image_wrap{
  width: 100%;
  height: 257px;
  background-color: #e8e8e7;

}
#image{
  margin:auto;
  width:955px;
  height:257px;
  background: #e8e8e7 url('../img/images/sg_image.jpg') no-repeat left top;
}
#image_text{
  margin: 0 0 0 50px;
  width: 369px;
  height: 220px;
  background: url('../img/images/sg_tekst.png') no-repeat left bottom;
}
#main_wrap{
  width: 100%;  
  background: #fff url('../img/images/main_bg.png') repeat-x left top;
}
#main{
  margin: auto;
  width: 955px;
     
}
#tab_panel{
  float:right;
  position:relative;
  bottom:53px;
  right:5px;
  width: 476px;
}
#tab_reklamodawcy{
  float: right;
}
#tab_witryny{
  float: right;
}
#tab_content{
  width: 476px;
  height: 233px;
  background: url('../img/images/tab_content_bg.png') no-repeat left top;
}
#tab_content ul{
  width: 406px;
  padding: 18px 0 0 45px;  
  margin: 0px;
}
#tab_content ul li{
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #4a0e15;
  margin: 0;
  padding: 0 0 0 15px;
  background: url('../img/images/tab_dot.png') no-repeat 0px 4px; 
}
#tab_content a{ 
  display: inline;
  float: right;
  margin: 0 20px 0 10px;
}

#rotator_panel{
  float:left;
  position:relative;
  bottom:18px;  
  width:460px;
}
#rotator_image{
  display: inline;
  float: left;
  height: 220px;
  width: 220px;
  margin: 0 0 0 10px;
  background: url('http://afilo.pl/webapps/front/html/img/images/rotator1.jpg') no-repeat left top;
}
.rotator_content{
  float:left;
  width:190px;  
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #8b464e;  
}
.rotator_content h2{
  margin: 40px 0 10px 0;
}
.rotator_text{}
.rotator_selected{
  font-weight:bold !important;
  color: #4a0e15 !important;
}
.more_link {
  display:block;
  height:20px;
  padding:5px 0px 0 0;
  font: normal 10px Arial, Helvetica, sans-serif;
  color: #3e0009;
  text-decoration: none;
}
.more_link strong {
  color:#b7001a;
}
.more_link:hover {
  color:#b7001a;
}
.more_link2 {
  display:block;
  height:20px;
  padding:15px 0px 0 0;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #3e0009;
  text-decoration: none;
}
.more_link2 strong {
  color:#b7001a;
}
#rotator_strony {
  display:inline;
  float: left;
  width: 220px;
  margin: 15px 0 0 80px;
}
#rotator_left {
  display:block;
  float:left;
  margin:3px 10px 0 0;
  width:7px;
  height:7px;
  background: url('../img/images/rotator_arrows.png') no-repeat 0px 0px;   
}
#rotator_right {
  display:block;
  float:left;  
  margin:3px 0 0 10px;
  width:7px;
  height:7px;
  background: url('../img/images/rotator_arrows.png') no-repeat -7px 0px;   
}
#rotator_numbers {
  float:left;  
}
#rotator_numbers a {
  display:block;
  float:left;
  width:10px;
  height:10px;
  font: normal 10px Arial, Helvetica, sans-serif;
  color: #9e9d9d;
  text-decoration: none;
}
#rotator_numbers a:hover {
  color: #b7001a;
}
#main_content{
  position:relative;
  bottom:30px;
  clear:both;
  width:100%; 
}
#aktualnosci {
  float:left;
  width:300px;
  padding: 0 0 0 10px;  
}
#aktualnosci h2{
  padding: 0 0 0 15px;  
}
.aktualnosci_info {
  padding: 15px 0 10px 15px;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #8b464e;
  background: url('../img/images/dotted.png') repeat-x left bottom;
}
.aktualnosci_info p {
  color: #3e0009;
}
.aktualnosci_info h3 {
  margin: 2px 0 2px 0;
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #b7001a;
}
#polecane_programy {
  float:right;
  width:600px;
  margin:0 0 0 40px;
  padding:0 0 20px 0;
  background: url('../img/images/dotted.png') repeat-x left bottom;  
}
.program {
  float:left;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #8b464e;
  width: 290px;
  height: 80px;
  margin: 15px 0 5px 0;
}
.program a img {
  display: block;
  margin: 4px 0 0 0;
  float: left;
}
.program_dane{
  margin: 0 0 0 20px;
  float: left;
  width: 120px;
}
.program_dane h4 {
  font: bold 20px Arial, Helvetica, sans-serif;
  color: #b7001a;
  margin: -1px 0 -4px 0;

}
.program span {
  font: normal 10px Arial, Helvetica, sans-serif;
  color: #90777b;
}
#nasi_klienci {
  float: right;
  width: 600px;
  margin: 0 0 0 40px;
  padding: 0 0 10px 0;
  background: url('../img/images/dotted.png') repeat-x left bottom;    
}
#nasi_klienci img {
  margin: 0 0 0 10px;
}
#footer_wrap {
  width: 100%;
  background: #272727 url('../img/images/footer_bg.png') repeat-x left top;
}
#footer {
  width: 955px;
  margin: auto;  

}
#footer_taby_wrap{
  width:100%;
  background: #272727 url('../img/images/footer_taby_bg.png') repeat-x left bottom;  
}
#footer_taby{
  margin:auto;

  width:955px;
  padding: 0 0 0 50px;
}
#footer_taby img{ 
  padding: 0px;
  padding-bottom:7px;
  float: left;
}
#footer_content {
  padding: 0 0 0 90px;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #c2c2c2;
}

#footer_content img {
  margin: 35px 0 15px 0;
}
#footer_content form {
  margin: 20px 0 15px 0;
}
#footer_content form p {
  margin: 0 0 5px 0px;
}
#footer_content form p b{
  color: #d50017;
}
.footer_input{
  padding: 2px 0 0 3px;
  width: 173px;
  height: 18px;
  border: solid 1px #ddd;
  border-top: solid 1px #7c7c7c;
  background: #fff url('../img/images/input_bg.png') repeat-x top ;
  font: normal 13px Tahoma, Verdana, Arial, sans-serif;
}
.footer_select{ 
  padding: 0 0 0 3px;
  width: 178px;
  height: 22px;
  font: normal 13px Tahoma, Verdana, Arial, sans-serif;
}
.footer_textarea{
  padding: 0 0 0 3px;
  overflow: auto;
  width: 290px; 
  height: 130px;
  border: solid 1px #ddd;
  border-top: solid 1px #7c7c7c;
  background: #fff url('../img/images/input_bg.png') repeat-x top;
  font: normal 13px Tahoma, Verdana, Arial, sans-serif;
}
#formularz {
  float:left;
  width:420px;
  position:relative;
  right:10px;
}
#formularz2 {


}
.ramka
{ 
  width: 360px; 
  margin: 0;  
  padding: 8px 5px 10px 10px;
}
  
.ramka2
{
  width: 360px; 
  margin: 0;    
  padding: 8px 5px 10px 10px;
  background-color: #414141;
}
.ramka3
{
  width: 360px; 
  margin: 0;    
  padding: 8px 5px 10px 10px;
  background-color: #fefbd5;
}
#footer_kontakt {
  display:inline; 
  margin: 40px 70px 0 0;
  text-align: right;
  float: right;
  font: bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
}
#footer_kontakt strong {
  font-size: 36px;
  color: #d50017; 
  letter-spacing: -2px;
}
#footer_kontakt img {
  margin: 0px;
}                                                                   
#footer_kontakt p { 
  margin: 0 0 30px 0;
}
#footer_kontakt a{
  color: #c2c2c2;
  text-decoration: none;  
}
#footer_kontakt a:hover{
  color: #e2e2e2;
}

#footer_middle_wrap{
  width: 100%;
  background: #000 url('../img/images/footer_middle_bg.png') repeat-x left top;
}
#footer_middle{

  margin:auto;
  margin-bottom:0px;
  width: 955px;
  text-align: right;
}
#footer_middle a {}

#footer_hidden {
}

#footer2_wrap {
  width: 100%;
  background: #000 ;
}
#footer2 {
  width: 955px;
  margin: auto;  
}
#footer2_content {
  padding:0 0 0 70px; 
}
.footer2_kolumna {
  float: left;
  width: 130px;
  margin: 40px 0 0 5px;
}
.footer2_kolumna a {
  font: normal 11px Arial, Helvetica, sans-serif;
  text-decoration: none;
 
  color: #8b8b8b;  
}
.footer2_kolumna a:hover {
  color: #d2d2d2;
} 
.footer2_kolumna h3{
  font: bold 16px Arial, Helvetica, sans-serif; 
  color: #8b8b8b;   
}
.footer2_kolumna ul{
  margin-top: 40px;
}
.footer2_kolumna li{
  line-height: 10px;
  margin: -20px 0 0 0;
  padding: 0 0 0 10px;
  background: #000 url('../img/images/footer_dot.png') no-repeat 0 5px;  
}

.footer2_border {
  margin: 40px 0 0 0;
  width: 40px;
  height: 200px; 
  float: left;
  background: #000 url('../img/images/footer_border.png') no-repeat center center;
}

#credit_wrap {
  width: 100%;
  background: #0e0e0e;
}
#credit {
  margin:auto;
  width:955px;
  height: 30px;
  padding:10px 0 0 0;
  font: normal 11px Arial, Helvetica, sans-serif;
  color: #8b8b8b;
  text-align:right;
  clear: both;
}

/* ---- */

#footer_page_taby{
  margin:auto;
  width:940px;
 
  padding: 0  0 0 50px;
}
#footer_page_taby img{ 
  padding: 0px;
  margin-bottom: 7px;
  float: right;
}  

#page_title_wrap {
  width: 100%;
  background: #37000b;  
}
#page_title {
  margin: auto;
  width: 955px;
  height: 61px;
  background: url('../img/images/page_head_bg.jpg') no-repeat top left; 
  padding-top: 20px;
} 
#page_title h1 {
  font: bold 34px Arial, Helvetica, sans-serif; 
  color: #fff;
  letter-spacing: -1px;
  padding: 0 0 0 23px;
}

#page_content{
  font: normal 14px Arial, Helvetica, sans-serif; 
  line-height:18px;
  padding: 25px;
  color: #8b464e;
} 
#page_content p {
  padding-bottom:5px;
}
#page_content p a{
  color: #5898d5 !important;
}
#page_content p a:hover{
  color: #65adf2;
}
#produkt ul{
  width: 406px;
  padding: 38px 0 0 15px;  
  margin: 0px;
}

#produkt ul li{
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #4a0e15;
  margin: 0;
  padding: 0 0 0 15px;
  background: url('../img/images/tab_dot.png') no-repeat 0px 4px; 
}

.artykul_linia{  
  border:0;
  height:1px;
  width:100%;
  margin:10px 10px 0 0;
  background: url('../img/images/dotted.png') repeat-x left bottom;
}
#page_content h3{
  color: #3e0009;
  font: bold 14px Arial, Helvetica, sans-serif; 
  margin: 20px  0 8px 0;
}
#produkty_lista{

}
.produkt_ramka{
  float:left;
  width: 400px;
  height: 238px; 
  margin: 0 0 10px 20px;
  background: url('../img/images/ramka_produkt.png') no-repeat left top; 
}

.produkt_miniatura{width:200px; float:left; }
.produkt_ramka p{    
  font: normal 12px Arial, Helvetica, sans-serif;
  float:left; 
  width: 170px;
  height: 130px;
  padding: 45px 0 0 0;
}
.produkt_guzik{
  padding: 0 0 0 10px;
  float:left; 

}

/* ------- */
#kontakt_formularz{
  float:left;
}

#kontakt_formularz_top{
  width: 480px;
  height: 16px;
  background: url('../img/images/kontakt_formularz_top.png') no-repeat left top;     
}

#kontakt_formularz_middle{
  width: 478px;
  border: 0px;
  border-left: solid 1px #dedede;
  border-right: solid 1px #dedede;
  background-color: #fff;

}
#kontakt_formularz_middle p{
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #000; 
}
#kontakt_formularz_middle p b{
  color: #d50017; 
}
#kontakt_formularz_bottom{
  width: 480px;
  height: 16px;
  background: url('../img/images/kontakt_formularz_bottom.png') no-repeat left top;  
}

#kontakt_formularz_pola{
  padding:0 0 0 10px;
}
#kontakt_formularz_pola p strong{
   color: #d50017;
}


#kontakt_dane{
  float:left;
  padding: 0 0 0 40px;
}
#kontakt_dane strong{
  font: bold 18px Arial, Helvetica, sans-serif;  
  color: #e42c2a;
}

#kontakt_dane sup{
  color: #6a6a6a;
}

#media_lewy{
  font-size:12px;
  float:left;
  width: 300px;
  line-height:24px;
}
#media_lewy img{
  margin: 0 5px 0 15px;
}

#media_prawy{
  float:right;
  width:600px;
  background: url('../img/images/dotted.png') repeat-x left bottom;

}

#media_prawy img{
  margin:10px 0 0 10px;

}

#poradnik_button{
  margin:60px 0 0 30px;
}

#modele_platnosci{ 
}

.model{
  margin: 0 10px 0 10px;
  position:relative;
  bottom:7px;
}
#faq{
  
}
#faq h4{
  color: #b4000e;
  margin: 5px 0 5px 0;
}
#faq_spis a{
  line-height:24px;
}

.spec_lista{
  width: 700px;
  padding: 0 0 0 25px;
  margin: 0px;
}  

.spec_lista li{
  margin:0;
  padding: 0 0 0 15px;
  background: url('../img/images/tab_dot.png') no-repeat 0px 4px; 
}
.spec_lista li a{
  color: #5898d5;
}
.spec_lista li a:hover{
  color: #65adf2;
}
/* OBSLUGA FORMULARZA */
#formularz .form_error {
	display: none;
  font: bold 12px Arial, Helvetica, sans-serif;  
	color: #d50017;
}
#formularz2 .form_error {
	display: none;
  font: bold 12px Arial, Helvetica, sans-serif;  
	color: #d50017;
}
#footer_taby #form_unwrap {
	display: block;
	width: 234px;
	height: 54px;
	background: 0px 0px url('../img/images/footer_button1.png') no-repeat;
	float: left;
	cursor: pointer;
}
#response_wrap {
  width:100%;
  background: #272727;
}
#response {
  margin: auto;
  width: 955px;
	display: none;
  font: bold 12px Arial, Helvetica, sans-serif;  
	color: #eee;
	padding: 20px 0 0 70px;
}
#response2 {
 	display: none;
  font: bold 12px Arial, Helvetica, sans-serif;  
	color: #4d8f1b;
	padding: 0 0 0 10px;
}
#programy_tabela {
  text-align:left;  
  font: normal 12px Arial, Helvetica, sans-serif;
}
#programy_tabela td {
  padding:10px; 
}
#programy_tabela td h4{
  font: bold 18px Arial, Helvetica, sans-serif;
  color: #b7001a;  
}
.programy_tabela_first {
  padding-left:15px;
}
.programy_tabela_last img{
  padding-right:60px;
}
#programy_tabela tr{
  background: url('../img/images/dotted.png') repeat-x left bottom;  
}
#programy_tabela_head{
  height:31px;
  font: bold 16px Arial, Helvetica, sans-serif;
	background: url('../img/images/programy_belka.png') repeat-x left bottom !important; 
	color: #444;
}
.aktualnosci_info2 {
  padding: 10px 0 10px 0px;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #8b464e;
  background: url('../img/images/dotted.png') repeat-x left bottom;
}
.aktualnosci_info2 p {
  color: #3e0009;
}
.aktualnosci_info2 h3 {
  padding: 0 !important;
  margin: 2px 0 2px 0 !important;
  font: bold 14px Arial, Helvetica, sans-serif !important;
  color: #b7001a !important;
}

.zarabiaj_krok{
  float:left;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #8b464e;
  width:210px;
  padding: 0 35px 0 30px;
}

.zarabiaj_arrow{
  float:left;
	background: url('../img/images/zarabiaj_arrow.png') no-repeat bottom left;  
  width:36px;
  height:120px;
  margin: 15px 0 0 0;
}

.rozpocznij_krok{
  float:left;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #8b464e;
  width:145px;
  padding: 0 25px 0 20px;
}