* {
	margin: 0;
}
html, body {
	height: 100%;
}
#page, #page_sub {
    min-height: 100%;
    height: auto !important;
	height: 100%;
}
#page {
    margin: 0 auto -160px;
}
#page_sub {
    margin: 0 auto -190px;
}
#footer_fix {
    height: 189px;
}
#footer_fix_sub {
    height: 189px;
}
#footer_fix #footer_fix_c {
    width: 1010px; padding: 0 5px; height: 189px; background: url('../i/dotborder.gif') 714px 1px repeat-y; background-color: #ffffff; margin: 0px auto;
}
#footer_fix_sub #footer_fix_c {
    width: 950px; padding: 0 5px; height: 189px; background: url('../i/dotborder.gif') 170px 1px repeat-y; margin: 0px auto;
}

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #3f3f3f;
}
img {
	border: 0;
}
#titlebar, #titlebar_sub {
	position: relative;
	background-color: #0c305a;
}
#titlebar {
    height: 127px;
    min-width: 1020px;
}
#titlebar_sub {
    height: 60px;
    min-width: 960px;
}
#titlebar #titlebar_c {
	width: 1010px;
	height: 127px;
	margin: 0 auto;
    overflow: visible;
    white-space: nowrap;
    padding: 0 5px;
}
#titlebar_sub #titlebar_c {
	width: 950px;
	height: 60px;
	margin: 0 auto;
}
#titlebar #targeologo {
	display: inline-block;
	float: left;
	width: 222px;
    height: 47px;
	padding: 40px 25px 40px 0;
    position: relative;
    left: -15px;
}
#titlebar_sub #targeologo {
	display: inline-block;
	float: left;
	width: 186px;
    height: 40px;
	padding: 10px 12px 10px 0;
    position: relative;
    left: -15px;
}
#titlebar #searchform {
	float: left;
    width: 468px;
	height: 40px;
    margin-top: 42px;
	padding: 5px 13px 5px 7px;
    background: url('../i/searchinput.png') 0 0 no-repeat;
}
#titlebar_sub #searchform {
	float: left;
    width: 338px;
	height: 26px;
    margin-top: 12px;
	padding: 5px 23px 5px 7px;
    background: url('../i/searchinput_sub.png') 0 0 no-repeat;
}
#searchinput_cont {
	position: relative;
    display: inline-block;
    background-color: white;
    float: left
}
#titlebar #searchinput_cont {
    width: 410px;
    height: 30px;
}
#titlebar_sub #searchinput_cont {
    width: 300px;
    height: 22px;
}
#searchbutton {
	float: left;
    background: url('http://mapa.targeo.pl/i/t.gif') 0 0 repeat;
	cursor: pointer;
}
#titlebar #searchbutton {
    width: 46px;
    height: 30px;
}
#titlebar_sub #searchbutton {
    width: 36px;
    height: 26px;
}
.searchinput {
	position: absolute;
	z-index: 2;
	border: 0px;
	margin: 0px;
	padding: 2px 1px;
	font-family: Arial, sans-serif;
	background: transparent;
	background-image: url(http://mapa.targeo.pl/i/t.gif);
}
#titlebar .searchinput {
    width: 406px;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
}
#titlebar_sub .searchinput {
    width: 300px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
}
.searchinput_shadow {
	position: absolute;
	z-index: 1;
	left: 2px;
	top: 0px;
	border: 0px;
	font-family: Arial, sans-serif;
	color: white;
	padding: 2px 0;
	overflow: hidden;
	white-space: nowrap;
}
#titlebar .searchinput_shadow {
    width: 406px;
    height: 26px;
    font-size: 16px;
    line-height: 26px;
}
#titlebar_sub .searchinput_shadow {
    width: 300px;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
}
.searchinput_shadow em {
	color: #bbb;
	font-style: normal;
}
/*.searchinput_shadow em.prompt {
    color: #000;
    background-color: #B6D4FF
}*/
.suggest_entry { padding: 2px 5px; color: #555555; }
.suggest_entry strong { color: #000000 }
.suggest_entry_odd { background-color: #e8eefc; }
.suggest_hover_city .suggest_entry { color: #fff !important; background-color: #8D99BB !important; }
.suggest_hover_city .suggest_entry_odd { color: #fff !important; background-color: #8D99BB !important; }
.suggest_hover_city strong { color: #fff !important }
.suggest_list { padding: 0; font-family: Verdana, Trebuchet MS, Tahoma, sans-serif; font-size: 10px; cursor: default; }
.suggest_mark_phrase { background-color: #B5BCCF; font-weight: bold }
.suggest_entry em { font-weight: bold; color: #000000; font-style: normal }
.suggest_hover_city em { color: #fff !important }
.selected { color: #fff; background-color: #8D99BB; }
.fts_suggest_results .suggest_entry { background:white; font-family: Arial, sans-serif; font-size: 13px; cursor: hand; white-space:nowrap; color:black; }
.fts_suggest_results .suggest_entry .exinfo { font-size:11px; color:#888888; }
.fts_suggest_results .suggest_entry .exinfo em { font-size:11px; color:#888888; }
.fts_suggest_results .suggest_entry_odd { background: white; }
.fts_suggest_results .suggest_hover_city .suggest_entry { background:#edeff2 !important;color:black !important; }
.fts_suggest_results .suggest_hover_city .suggest_entry em { color:black !important; font-weight:bold !important; }

#titlebar .titlebar_option {
    margin: 39px 7px 7px 7px;
}
#titlebar_sub .titlebar_option {
    margin: 10px;
}

#header #headercontents {
	width: 1010px;
	margin: 0 auto;
    padding: 0 5px;
	background: url('../i/dotborder.gif') 714px 0 repeat-y;
}
#headercontents_left {
    width: 710px;
    padding: 14px 0;
    height: 46px;
	position: relative;
    cursor: auto;
}
#headercontents_right {
	padding: 10px 0;
	float: right;
	width: 280px;
	padding-left: 20px;
	background-color: #ebebeb;
    cursor: auto;
}
#header, #header_sub {
	background-color: #f2f2f2;
}
#header {
    min-width: 1020px;
}
#header_sub {
    min-width: 960px;
}
#header_sub #headercontents {
	width: 950px;
	margin: 0 auto;
    padding: 5px 0;
}
#site_path {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #525a63
}
#site_path a {
    text-decoration: none;
    color: #525a63
}
#headercontents h1 {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #042c59;
    margin: 0;
}

#main {
	width: 1010px;
	margin: 0 auto;
    padding: 0 5px;
	background: url('../i/dotborder.gif') 714px 1px repeat-y;
    background-color: #ffffff;
    cursor: auto;
}
#main #main_left {
    width: 710px;
	padding: 10px 0;
    position: relative;
}
#main #main_right {
	width: 280px;
	float: right;
	padding: 10px 0 10px 20px;
}
#main_sub {
	width: 950px;
	margin: 30px auto 0 auto;
    padding: 0 5px;
	background: url('../i/dotborder.gif') 170px 1px repeat-y;
}
#main_sub #main_left {
    width: 155px;
    padding-right: 45px;
    float: left;
}
#main_sub #main_left a { text-decoration: none; }
#main_sub #main_left h4 { margin: 10px 0 4px 0; font-size: 14px; color: #042c59; font-weight: bold; }
#main_sub #main_left h4 a { font-size: 14px; color: #042c59; }
#main_sub #main_left h4:first-child { margin-top: 0 }
#main_sub #main_left h5 { margin: 0 0 0 10px; font-size: 12px; color: #4c79ab; font-weight: normal; }
#main_sub #main_left h5 a { font-size: 12px; color: #4c79ab; }
#main_sub #main_right {
    float: left;
	width: 600px;
	line-height: 21px;
}

#footer, #footer_sub {
	background-color: #eeeeee;
	color: #264467;
	font-size: 12px;
	line-height: 14px;
    overflow: hidden;
    position: relative;
}
#footer {
    height: 160px;
    min-width: 1020px;
}
#footer_sub {
    height: 190px;
    min-width: 960px;
}
#footermargin {
    height: 30px;
    background-color: white;
}
#footerborder {
	height: 5px;
	overflow: hidden;
    border-top: 1px solid #fafafa;
	background-color: #f5f5f5;
}
#footercontents, #footercontents_sub {
	margin: 0 auto;
	padding: 14px 5px 20px 5px;
}
#footercontents {
    width: 1010px;
}
#footer_sub #footercontents {
    width: 950px;
}
.footer_column {
	float: left;
	padding-right: 60px;
}
.footer_column_left {
	float: left;
	width: 155px;
	padding: 10px 10px 10px 0;
    margin-right: 65px;
	border-right: 1px solid #bebebe;
    color: #bbb4c6;
    font-size: 9px;
    line-height: 13px;
}
.footer_column h4 { margin: 0px; padding-bottom: 7px; font-weight: bold; font-size: 11px; color: #6e7275; }
.footer_column h4 a { text-decoration: none; color: #6e7275; }
.footer_column h5 { margin: 0px; font-weight: normal; font-size: 11px; color: #9d9d9d; }
.footer_column h5 a { text-decoration: none; color: #9d9d9d; }

.clearfloat {
	clear: both;
	height: 1px;
	overflow: hidden;
}

/* locselect */
.location_header { color: #7c7c7c; }
.location_city { color: #03264c; font-size: 24px; font-weight: bold; position: absolute; }
#current_location {
    padding: 0px 20px 0px 5px;
    background: url(../i/pulldown_hover.gif) 100% 12px no-repeat;
    cursor: pointer;
}
#current_location.current_location_active {
    background-color: #91A6C4;
    border-radius: 5px 5px 0 0;
}
.location_city .pulldown_menu {
	position: relative;
	float: none;
	margin: 0;
    font-size: 12px;
    z-index: 1;
}
.location_city .pulldown_menu a {
    cursor: pointer;
}

/* recentpoi */

.recentpoi_container { margin: 10px 0; }
.recentpoi_logo { display: block; float: left; width: 68px; line-height: 68px; height: 68px; padding: 3px; border: 1px solid #dfdfdf; margin-right: 15px; text-align: center; }
.recentpoi_logo img { vertical-align: middle; }
.recentpoi_name { font-weight: bold; }
.recentpoi_address { color: #999; font-size: 13px; margin-top: 2px;}
.recentpoi_link { display: inline-block; margin-top: 5px; color: #6b98d1; text-decoration: none; font-weight: bold; font-size: 11px; }

/* news */

#main #main_right .news_lead {
    font-size: 14px;
    line-height: 19px;
    color: #5e6977;
    margin: 5px 0 10px 0;
    clear: both;
}
.news_lead_date {
    color: #4279bf;
	font-weight: bold;
	font-size: 12px;
}
.news_lead_more a {
    color: #6b98d1;
    text-decoration: none;
    float: right;
    font-weight: bold;
	font-size: 11px;
}
.news_lead_title {
    margin-top: 6px;
}
#main_sub .news_lead_title .news_lead_date {
	font-weight: normal;
	font-size: 11px;
	color: #ccc;
}

#main_sub .news_lead_more a {
	float: none;
	color:#666;
	font-weight: bold;
}

#main_sub .news_lead_title {
	margin-top: 6px;
	font-size: 14px;
	line-height: 18px;
}

#main_sub .news_lead {
	font-size: 12px;
	color: #999;
	line-height: 18px;
}
#main_sub .news_lead span {
    background: #fff;
}

/* user_control */

#user_control {
    position: absolute;
    top: 0;
    right: 0;
    color: #38749e;
    font-size: 11px;
}
#user_control_header {
    padding: 2px 16px 2px 4px;
    background: url(../i/pulldown.gif) 100% 6px no-repeat;
    text-align: right;
    cursor: pointer;
    color: #cfe2f3;
}
#user_control_header.user_control_active {
    background: url(../i/pulldown_hover.gif) 100% 6px no-repeat;
    background-color: #91a6c4;
}
#user_control .user_name {
    color: #66bbf7;
    font-weight: bold;
}
#user_control_header.user_control_active .user_name {
    color: #000000;
}
#user_control_loginform form {
    margin: 0;
    padding: 5px;
}
#user_control_loginform form label.text_field {
    display: inline-block;
    width: 40px;
}
#user_control_loginform form input.text_field {
    border: 1px solid #8f9db0;
    border-radius: 3px;
    padding: 1px 2px;
    font-size: 11px;
    width: 112px;
}
#user_control_loginform form button {
    background-color: #567096;
    border-radius: 5px;
    color: #ffffff;
    border: 0px;
    font-size: 11px;
}
.login_error {
    font-weight: bold;
    color: #FFE056;
    width: 160px;
    padding: 0 4px;
}

/* pulldown */

.pulldown_menu {
    display: block;
    background-color: #acbdd4;
    background: linear-gradient(to top, #8fa4c3 0, #acbdd4 20px, #acbdd4 100%);
    color: #ffffff;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #ffffff;
}
.pulldown_menu_option {
    padding: 3px;
}
.pulldown_menu_option a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    border-radius: 5px;
    padding: 5px
}
.pulldown_menu_option a:hover {
    background-color: #567096;
}
.pulldown_menu_separator {
    margin: 0 10px;
    height: 0px;
    overflow: hidden;
    border-top: 1px solid #8f9db0;
    border-bottom: 1px solid #e1edfd;
}

/* korkometr */

#korkometr_left {
    float: left;
    width: 385px;
    padding-right: 35px;
}
#korkometr_right {
    float: left;
    width: 270px;
}

#korkometrImage {
    position: relative;
    width: 385px;
    height: 325px;
    margin-top: 10px;
}
#korkometr {
    width: 385px;
    height: 325px;
    background: url("http://img.targeo.pl/i/process_16.gif") no-repeat center;
}

#korkometrIx { width: 242px; height: 52px; margin-left: 15px; margin-top: 5px; }
#korkometrIxMain { width: 192px; height: 52px; background: url(../i/korkometrbg.png) 0 0 no-repeat; float: left; }
#korkometrIxTitle { font-weight: bold; font-size: 18px; color: #000; float: left; width: 120px; padding: 4px 10px 4px 20px; line-height: 18px; }
#korkometrIxTitle sup { color: #7c7c7c; font-size: 10px; font-weight: normal; }
#korkometrIxTitle span.korkometrIxSub { color: #7c7c7c; font-size: 14px; font-weight: normal; }
#korkometrIxIndex { float: left; font-size: 32px; color: #ffffff; font-weight: bold; width: 42px; text-align: center; line-height: 52px; }
#korkometrIxLevel { width: 50px; height: 52px; float: left; background-position: 0 1px; }
#korkometrIxDateTime { /*position: absolute; right: 0; top: 0; width: 55px; text-align: center;*/ }
#korkometrIxDate { background-color: #dddddd; color: #000000; font-weight: normal; font-size: 12px; }
#korkometrIxTime { background-color: #022753; color: #ffffff; font-weight: bold; font-size: 18px; }

#korkometrIx .title .reg {vertical-align: super; font-size: 12px;}
#korkometrIx .subtitle {font-size: 16px; color: #4279bf; margin-top: -3px;}
#korkometrIx .datetime {font-size: 12px; color: #AAA;}

#korkometrIxHelp { position: absolute; right: -10px; top: 70px; border: 1px solid #0C305A; border-radius: 5px; background-color: #333333; z-index: 10; font-size: 12px; font-weight: normal; font-family: Arial, sans-serif; color: #ffffff; }
#korkometrIxHelp table { width: 325px; border-spacing: 0px 3px; }
#korkometrIxHelp table td { padding: 0px; }
.korkometrIxHelpLeft { width: 10px; overflow: hidden; }
.korkometrIxHelpLeft div { position: relative; width: 10px; height: 50px; background-color: #000000; margin-bottom: 1px; }
#korkometrIxHelp table td.korkometrIxHelpLevel { font-size: 32px; font-weight: bold; width: 100px; text-align: center }

#korkometrAlert { text-align: center; margin-top: 20px; position: relative; }
#korkometrAlert .traffic_icon { position: absolute; left: 10px; top: -8px; }
#korkometrAlert TABLE { border: 1px solid #0c305a; border-spacing: 0px; border-collapse: separate; border-radius: 4px; width: 270px; text-align: left; color: #1b4f8d;}
#korkometrAlert TABLE TR TH { padding: 5px; text-align: center; background-color: #0c305a; font-weight: bold; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; color: #FFF;}
#korkometrAlert TABLE TR TD { padding: 5px;}
#korkometrAlert TABLE TR TD:first-child { width: 45px; text-align: center; padding-right: 10px;}
#korkometrAlert TABLE TR TD:last-child { font-size: 14px;}
#korkometrAlert TABLE TR TD { border-bottom: 1px dotted #a9c2e2;}

#korkometrAlert TABLE TR:hover { background-color:#f7f7f7;}
#korkometrAlert TABLE TR:last-child TD { border-bottom: none;}
#korkometrAlert TABLE TR TD A { display: block; text-decoration: none; color: #1B4F8D}
#korkometrAlert .traffic_time { font-size: 12px; color: #EE4A4A; font-weight: bold;}
#korkometrAlert .traffic_length { font-size: 10px; color: #aaa;}

.korkometr_jam_road {font-size: 12px; font-weight: bold; color: #0c305a; }
.korkometr_jam_turn { font-size: 11px; color: #737abf;}

/* forms */

#main_right form h2 {
    margin: 10px 0 5px 0;
    font-size: 16px;
}
#main_right form h2:first-child {
    margin-top: 0px;
}
#main_right form button {
    cursor: pointer;
}
#main_right form label.right {
    display: inline-block;
    text-align: right;
    margin-right: 15px;
    width: 120px;
}
#main_right form#advertform label.right {
    width: 180px;
}
#main_right form .redlabel {
    color: #ff0000;
}
#main_right form .field_text {
    width: 200px;
}
#main_right form#remarkform .field_text {
    width: 400px;
}
#main_right form .form_table td {
    padding: 2px 0;
}
ul.info_ok {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
}
ul.info_wrong {
    list-style-type: none;
    margin: 0px;
    padding: 5px;
    border: 1px solid #ff0000;
    margin-bottom: 20px;
}
ul.info_ok li, ul.info_wrong li { list-style-type: none }

/* switch */

.switch {
    display: inline-block;
    padding: 2px;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    background-color: #c6c6c6;
    width: 120px;
    text-align: center;
    cursor: pointer;
}
.switch_left {
    border-radius: 10px 0 0 10px;
}
.switch_right {
    border-radius: 0 10px 10px 0;
}
.switch_active {
    background-color: #022753;
    cursor: auto;
}


/* slideshow */
.slideshow { position: relative; }
.slideshow img { display: none; margin: 0 !important; padding: 0; }
.slideshow img:first-child { display: inline }
.slideshow-points-bottom { padding-bottom: 20px }
.slideshow-points-top { padding-top: 20px }
.slideshow-points-left { padding-left: 20px }
.slideshow-points-right { padding-right: 20px }
.slideshow-controls { position: absolute; text-align: center; line-height: 15px; }
.slideshow-controls span { display: inline-block; width: 5px; height: 5px; margin: 3px; background-color: #fff; border: 1px solid #555555; cursor: pointer; }
.slideshow-controls span.active { background-color: #FFA011; }


/* route form */

.route_form { margin-bottom: 25px; background-color: #f6f7f3; padding: 8px }
.route_form_field { clear: left; padding: 5px 0; }
.route_form_point { float: left; width: 27px; height: 28px; }
.route_form_input { float: left; position: relative; width: 233px; height: 26px; background: url(../i/route_form_input.png) 0 0 no-repeat; }
.route_form_input input { position: absolute; border: 0px; width: 200px; height: 18px; line-height: 18px; margin: 2px 4px; padding: 0px; background: url(http://mapa.targeo.pl/i/t.gif) 0 0 repeat; font-family: Arial, sans-serif; font-size: 14px; z-index: 2}
.route_form_input_shadow { position: absolute; z-index: 1; left: 4px; top: 2px;	border: 0px; font-family: Arial, sans-serif; color: white; padding: 0px; overflow: hidden; white-space: nowrap; height: 18px; line-height: 18px; }
.route_form_input_shadow em { color: #bbb; font-style: normal; }
.route_form_input img { position: absolute; right: 1px; cursor: pointer; }
#route_form_type { text-align: center; padding-left: 28px; padding-right: 8px; }
#route_form_type img { position: relative; top: -2px; }


/* elements */

h1 { font-size: 18px; font-weight: bold; color: #12345f }
h2 { font-size: 20px; font-weight: bold; margin: 20px 0 15px 0; }
h3 { font-size: 16px; font-weight: bold; margin: 15px 0 10px 0; }
h2:first-child { margin-top: 0px; }
#main #main_right h2, #main #main_left h2 { font-size: 18px; font-weight: bold; color: #12345f; margin: 5px 0; }
#main #main_left h2 span { font-weight: normal; font-size: 14px; color: #7b7b7b; }

a.rightcolumn_button {
    display: block;
    width: 255px;
    height: 80px;
    background-position: 0 0;
    margin-top: 25px;
    margin-left: 3px;
}
a.rightcolumn_button:first-child {
    margin-top: 15px;
}
a.rightcolumn_button:hover {
    background-position: 0 -80px;
}


#location_weather {
    font-size: 30px;
    font-family: Arial, sans-serif;
    color: #ffffff;
    text-shadow: -1px -1px 0 #999, 1px -1px 0 #999, -1px 1px 0 #999, 1px 1px 0 #999;
    line-height: 58px;
    position: relative;
    top: -11px;
}
#location_weather img { vertical-align: top; padding-right: 10px; }


#targeo-www-rules {
    position: absolute;
	left: 100px;
	top: 70px;
	right: 100px;
	bottom: 75px;
	background-color: #F7F7F7;
	border: 1px solid #0C305A;
	z-index: 31000;
	overflow: auto;
	display: none;
	padding: 10px;
	padding-right: 30px;
    box-shadow: 10px 10px 5px #888888;
}

/* do klas TMS */
.contentInner LI {margin-top: 10px; list-style-type: square;}
.contentInner IMG {border: 1px solid #AAA; margin: 10px 0px;}
.contentInner A {color:#3f3f3f;}
.contentInner A:hover {color:#404573;}
.contentInner .partnerlogo {border: none; margin-bottom:2px;}

#news_ad_placement {margin-left: 200px; width: 750px;}


/* do klas Dokumentacji */
.docsPreCode { padding: 20px; background-color: #ccc;}
.docsCodeGrey {}
.docsCodeGreen {}
.docsLinkExt {}
.docsTable {}