/*Główne style strony ChartSearch.net */


/* konfiguracja globalna strony */
  /* body dla zwykłych stron */
body.normalbody  {
    background-image:url(../images/background.gif);
    background-repeat:repeat-x;
    background-color:#FFF;
    margin:0px;
    padding:0px;
    font-family:Arial,Verdana,Helvetica,sans-serif;
  }

  /* body dla home */
body.homebody  {
    background-image:url(../images/background_home.gif);
    background-repeat:repeat-x;
    background-color:#FFF;
    margin:0px;
    padding:0px;
    font-family:Arial,Verdana,Helvetica,sans-serif;
  }
/* konfiguracja głównego kontenera */

.contener {
    min-width:970px;
    width:90%;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
    position:relative;
  }

/*konfiguracja nagłówka strony */

#header {
    height:260px;
    margin:0px;
    padding:0px;
  }


#logo {
    width:215px;
    height:76px;
    margin:0px;
    padding:0px;
    position:absolute;
    top:25px;
    left:0px;
    float:left;
  }


#page_navigator {
    position:relative;
    top:20px;
    height:20px;
    width:300px;
    float:right;
    clear:both;
  }


#page_navigator ul {
    width:300px;
    margin:0px;
    text-align:right;
    padding:0px;
  }


#page_navigator li {
    display:inline;
    font-size:12px;
  }


#page_navigator a {
    text-decoration:none;
    color:#99CC33;
    margin-left:10px;
  }


#header_menu {
    width:685px;
    height:32px;
    position:relative;
    float:right;
    top:63px;
    clear:both;
    z-index:99999999;
  }


#header_menu ul {
    width:670px;
    margin:0px;
    padding:0px;
    height:37px;
    margin-left:10px;
  }


#header_menu a {
    padding-right:10px;
    background: url(../images/menu_header_list.gif) no-repeat top right;
    margin-right:0px;
  }


#header_content_block {
    background-image:url(../images/chartsearch_home_2.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    height:142px;
    color:#FFF;
    position:relative;
    top:118px;
    width:100%;
    margin:0px;
    padding:0px;
  }
/* definicja nagłówna dla głównej strony */


#header_content_block h3 {
    position:relative;
    top:80px;
    left:20px;
    float:left;
  }


#header_content_block ul {
    width:285px;
    float:right;
    display:block;
    margin-top:0px;
    position:absolute;
    top:15px;
    right:0px;
  }


#header_content_block li {
    background-image:url(../images/more_information_button.jpg);
    background-repeat:no-repeat;
    height:37px;
    list-style-type:none;
    padding-top:14px;
    padding-left:10px;
    margin-bottom:10px;
  }


#header_content_block a {
    color:#FFF;
    font-size:20px;
    font-weight:bold;
    text-decoration:none;
  }

/* Sekcja treści */

#content_block {
    color:#7a7a7a;
    font-size:12px;
    margin-top:30px;
    margin-bottom:40px !important;
    position:relative;
    width:90%;
    margin-left:auto;
    margin-right:auto;
  }


#content {
    float:left;
    border-left:1px solid #666;
    padding-left:30px;
    width:66%;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
    text-align:justify;

  }
  #content_main {
    padding-left:10px;
    width:76%;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
    text-align:justify;

  }


#content h1 {
    font-size:18px;
    color:#333333;
    margin-right:30px;
  }


#content h2 {
    font-size:12px;
    color:#3FAD2D;
    font-weight:bold;
    margin-left:50px;
    margin-right:30px;
  }

#content h3 {
    font-size: 13px;
    color:#3FAD2D;
    font-weight:normal;
    margin-left:50px;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
    margin-right:30px;
}

#content h4 {
    font-size: 12px;
    color:#7A7A7A;
    font-weight:bold;
    margin-left:20px;
    margin-right:150px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:3px;
    margin-top:3px;
}

#content p {
	margin-right:30px;
}

#content ul {
	margin-left:10px;
	margin-right:50px;
	list-style-type:square;
}

#content ol {
	margin-left:10px;
	margin-right:50px;
	list-style-type:upper-roman;
	line-height:2;
}

#content li {
	color:#3FAD2D;
	font-size:11px;
}

#content li:first-letter {
	color:#3FAD2D;
	text-transform:uppercase;
}

#content a {
	color:#225F17;
	text-decoration:underline;
}

/* konfiguracja bloku prawego */
#content_block_right {
    width:20%;
    float:right;
    min-width:170px;
  }


#content_block_right h3 {
    background:url(../images/content_block_right_h1.gif) no-repeat top right;
    padding-left:20px;
    padding-top:10px;
    font-size:14px;
    height:42px;
    margin-left:0px;
  }


#content_block_right h3:first-letter {
    text-transform:uppercase;
  }


#content_block_right_tresc {
    border-left:1px solid #999;
    padding-left:10px;
  }

/* konfiguracja bloku lewego */
#content_block_left {
	width:20%;
	min-width:200px;
    	margin-right:10px;
    	float:left;
}


#content_block_left h3 {
    background:url(../images/content_block_left_h1_background.png) repeat-x;
    padding: 5px 0px 0px 20px;
    font-size:14px;
    height:30px;
    margin:0px 0px 0px 0px;
}


#content_block_left h3:first-letter {
    text-transform:uppercase;
}


#content_block_left ul {
margin:0px 0px 0px 30px;
padding:0px 10px 5px 0px;
list-style-type:none;
}

#content_block_left li {
margin:0px 0px 0px 0px;
padding:2px 0px 3px 0px;

}

#content_block_left a {
color:#3FAD2D;
font-size:11px;
text-decoration:none;
}

#content_block_left a:hover {
color:#225F17 !important;
font-size:11px;
text-decoration:none;
margin-left:2px;
}


/* konfiguracja ogólna nagłówków */

h1 {
    margin:0px;
    padding:0px;
  }


.green_link {
    color:#3fad2d;
    text-decoration:none;
  }


#content .green_link {
    float:right;
    font-size:11px;
  }

.position_right {
	float:right;
	text-align:right;
}


a:hover {
    color:#3fad2d !important;
  }

/* Sekcja stopki */


#stopka {
    width:100%;
    margin-top:50px;
    color:#9c9c9c;
    font-size:10px;
    clear:both;
    padding-top:10px;
  }


.stopka_tresc {
    margin-top:20px;
    border-top:1px solid #999;
    width:90%;
    margin-left:auto;
    margin-right:auto;
  }


#stopka p {
    float:left;
    display:inline;
    margin-right:20px;
  }


#stopka a {
    color:#3fad2d;
    text-decoration:none;
  }

#web2lead label {
display:block;
width:150px;
float:left;
margin-right:10px;
text-align:left;
}

#web2lead input {
color:#3FAD2D;
margin:2px 0px 3px 0px;
}

#web2lead fieldset {
width:180px;
float:left;
display:block;
}

.clear {
clear:both;
}

#content_block_left .module {
background-color:#EEEEEE;
float:right;
width:99%;
}

.header_text {
    position:absolute;
    top:30px;
}

.style_tabelki {
    text-align:left;
    width:100%;
}

.flash_glowny {
    float:left;
    width:440px;
    height:220px;
    margin:0px;
    padding:0px;
}

.obrazek_glowny {
    float:right;
    width:239px;
    height:236px;
    position:relative;
    top:-16px;
}

.separator_img {
    width:1px;
    height:100px;
    float:left;
}

.contentpaneopen {
    z-index:-100;
}

body.homebody .contener {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	position:relative;
}

body.homebody .contener #header_main_content_block {
	background-position:left top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	height:220px;
	margin:0;
	padding:0;
	position:relative;
	top:81px;
	width:700px;
	z-index:-1;
	margin-left:auto;
	margin-right:auto;
}

body.homebody .contener #content_block_left {
	width:0px;
	min-width:0px;
	margin:0px;
}

body.homebody .contener #content_main {
	width:100%;
	margin:0px;
	padding:0px;
}