/* transporturban.ro */

body,td,th {
	font-size: 12px;
	color: #999999;
}
body, textarea, input {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#map_panel strong, .over_map strong, #referrer_banner strong {
	color: #444;
}
body {
	margin: 0px;
	background-color: #EEE;
	/*background-image: url(/img/tu_snow.jpg);
	background-attachment: fixed;
	background-position: bottom;
	
	background-image:url(/img/banner_bck2.jpg);
	background-repeat: repeat-x;*/
}
a.normal {
	 color: #2e92ca;
	 text-decoration: none;
	 font-weight: normal;
}
a.normal:hover {
	background-color: #2e92ca;
	color: #FFF;
}
.content_area {
	float: left;
	width: 70%;
	height: 500px;	
	background-color: #FFF;
}

@font-face {
	font-family: Franchise;
	src: url('/temp/Franchise-Bold-hinted.ttf');
}

@font-face {
	font-family: LeagueGothic;
	src: url('/temp/League Gothic.otf');
}

.over_map {
	position: absolute;
	left: 350px;
	z-index: 200;
	display: none;
}

.over_map .container {
	padding: 25px;
	color: #666666;
	overflow: auto;
}

.column_big {
	float: left;
	margin: 2%;
	width: 35%;
}

.column_small {
	float: left;
	margin: 0 2%;
	width: 15%;
	text-align: center;
}

.over_map h1 {
	font-family: Franchise;
	color: #2e92ca;
	font-size: 36px;
	font-weight: bold;
	margin-top: 0;
}

a {
	color: #666666;
}
a:hover {
	color: #333333;
}
#wrapper {
	margin: auto;
	width: 100%;
	position: relative;
	min-width: 960px;
}
#left_shadow {
	float: left;
	width: 20px;
	height: 600px;
	background-image: url(/img/umbra_s.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#right_shadow {
	float: left;
	width: 20px;
	height: 600px;
	background-image: url(/img/umbra_d.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#main {
	float: left;
	width: 100%;
	background-color: #EEE;
}
#content {
	width: 950px;
	margin: 30px auto;
}
#top_menu {
	height: 138px;
	width: 100%;
	background-image:url(/img/banner_bck2.jpg);
	/*border-bottom: 3px solid #cccccc;*/
	position: relative;
}
#sel_pct {
	position: absolute;
	background-color: #000000;
	opacity: .5;
	filter: alpha(opacity = 50);
	color: #FFFFFF;
	padding: 10px;
	display: none;
	z-index: 11;
	border-radius: 5px;
}
a.meniu {
	margin: 0 5px 0 5px;
	display: block;
	background-repeat: repeat-x;
	background-position: top;
	padding: 41px 10px 10px 10px;
	color: #666666;
	text-decoration: none;
	font-size: 14px;
	border-radius: 0 0 5px 5px;
}
a.meniu:hover, a.sel {
	color: #FFFFFF !important;
}
.rosu {
	background-image: url(/img/btn1.jpg);
}
.rosu:hover, .rosu_sel {
	background-color: #901838;
}
.verde {
	background-image: url(/img/btn2.jpg);
}
.verde:hover, .verde_sel {
	background-color: #add13b;
}
.kaki {
	background-image: url(/img/btn3.jpg);
}
.kaki:hover, .kaki_sel {
	background-color: #5c913f;
}
.albastru {
	background-image: url(/img/btn4.jpg);
}
.albastru:hover, .albastru_sel {
	background-color: #0f4c90;
}
.bleu {
	background-image: url(/img/btn5.jpg);
}
.bleu:hover, .bleu_sel {
	background-color: #2e92ca;	
}
.nav {
	position: absolute;
	top: -20px;
	right: 0px;
}
#main_menu, #lang_chooser {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#main_menu li, #lang_chooser li {
	float: left;
}
#lang_chooser {
	background-color: #EEE;
	border-radius: 5px;
	margin-top: 32px;
	margin-right: 5px;
	padding: 8px;
}
/*#lang_chooser li {
	padding-top: 41px;
}*/
/*#lang_chooser li:first-child {
	padding: 2px 8px;
	color: #999;
}*/
#lang_chooser a {
	color: #666;
	padding: 2px 6px;
	border-radius: 5px;
	display: block;
	text-decoration: none;
}
#lang_chooser a.sel {
	background-color: #999;
}
.cautare {
	position: absolute;
	right: 0px;
	bottom: 20px;
	margin: 20px 40px 0 0;
	height: 33px;
	display: table-cell;
	vertical-align: middle;
	background-image: url(/img/cautare.png);
	background-repeat: no-repeat;
	background-position: left;
}
.cautare input {
	margin: 7px;
	border: none;
	outline: none;
	float: left;
	color: #666666;
}
a.cauta {
	display: block;
	width: 43px;
	height: 33px;
	background-image: url(/img/cautare_ok.png);
	float: left;
}
a.cauta:hover {
	background-image: url(/img/cautare_ok_h.png);
}
.negru {
	color: #000000;
}
.alb {
	color: #FFFFFF;
}
.ajutor {
	color: #000000;
	border: 1px dashed #901838;
	font-size: 11px;
	display: none;
}
.ajutor legend {
	font-weight: bold;
	padding: 5px;
	color: #901838;
}
a.optiuni {
	width: 18px;
	height: 18px;
	margin: 3px;
	display: inline-block;
}
a.fullscreen {
	background-image: url(/img/fullscreen.png);
}
a.reload {
	background-image: url(/img/reload.png);
}
a.zoomall {
	background-image: url(/img/zoomall.png);
}
a.feedback_opt {
	background-image: url(/img/feedback_opt.png);
}
#ct_left {
	width: 22px;
	height: 25px;
	background-image: url(/img/bs.jpg);
	float: left;
	margin-left: 20px;
}
#ct_center {
	float: left;
	background-color: #CCCCCC;
	height: 25px;
}
#ct_right {
	width: 22px;
	height: 25px;
	background-image: url(/img/bd.jpg);
	float: left;
}
#zona_aut {
	float: left;
	padding-left: 10px;
	margin-top: 1px;
	display: none;
}

#panels_container {
	padding: 20px;
	text-align: center;
}

#map_panel {
	float: left;
	width: 350px;
	color: #000000;
	overflow: auto;
	background-color: #EEEEEE;
	border-right: 1px solid #DDDDDD;
}
#panel2, #panel3, #panel4 {
	display: none;
}
#panel_navigation {
	background-color: #666;	
}

#panel_navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#panel_navigation li {
	float: left;
	width: 30%;
	margin: 0;
	padding: 0;
}

#panel_navigation ul a {
	width: 100%;
	display: inline-block;
	background-color: #666;
	color: #FFF;
	padding: 10px 0px;
	text-decoration: none;
	text-align: center;
}

#panel_navigation ul li.mic {
	width: 10% !important;
}

#panel_navigation ul li.mic a {
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/img/help_icon.png);
}

#panel_navigation ul li.mic a:hover {
	background-image: url(/img/help_icon_over.png);
}

#panel_navigation ul a:hover {
	background-color: #777;
}

#panel_navigation ul a.selected {
	background-color: #555;
	box-shadow: inset 0px 0px 20px #444;
}

#map_panel a.radio, #map_panel a.checkbox {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 10px 5px 35px;
	background-position: left center;
	background-repeat: no-repeat;
	display: inline-block;
}

#map_panel a.radio {
	background-image: url(/img/radio_btn.jpg);
}

#map_panel a.radio_sel {
	background-image: url(/img/radio_btn_selected.jpg);
}

#map_panel a.checkbox {
	background-image: url(/img/check_btn.png);
}

#map_panel a.checkbox_sel {
	background-image: url(/img/check_btn_selected.png);
}

#map_panel a.transport {
	width: 90px;
	height: 35px;
	margin-left: 10px;
	background-color: #999;
	border-radius: 5px;
	display: inline-block;
	box-shadow: inset 0 0 20px #777;
	background-position: center;
	background-repeat: no-repeat;
}

#map_panel a.transport:hover {
	background-color: #AAA;
}

#map_panel a.grey:hover {
	background-color: #AAA;
}

#map_panel a.metrou {
	background-image: url(/img/metrou.png);
}

#map_panel a.metrou_ns {
	background-image: url(/img/metrou_ns.png);
}

#map_panel a.tramvai {
	background-image: url(/img/tramvai.png);
}

#map_panel a.tramvai_ns {
	background-image: url(/img/tramvai_ns.png);
}

#map_panel a.autobuz {
	background-image: url(/img/autobuz.png);
}

#map_panel a.autobuz_ns {
	background-image: url(/img/autobuz_ns.png);
}

a.button {
	width: 110px;
	padding: 10px;
	margin-left: 10px;
	border-radius: 5px;
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

a.small {
	width: 22px;
	height: 16px;
	padding: 5px 3px;
	border-radius: 3px;
}

a.grey {
	background-color: #999;
	box-shadow: inset 0 0 20px #777;
}

a.grey:hover {
	background-color: #aaa;
}

a.plecare, a.sosire {
	width: 120px;
}

/*a.green {
	box-shadow: inset 0 0 20px #009900;
	background-color: #6CC614;	
}

a.green:hover {
	background-color: #71cf14;	
}*/

a.green {
	box-shadow: inset 0 0 20px #829e2c;
	background-color: #9aba35;	
}

a.green:hover {
	background-color: #abce3b;	
}

a.darkred {
	box-shadow: inset 0 0 20px #811632;
	background-color: #a71c41;	
}

a.darkred:hover {
	background-color: #bb214a;	
}

a.blue {
	box-shadow: inset 0 0 20px #2675A4;
	background-color: #2B88BE;	
}

a.blue:hover {
	background-color: #3097d2;	
}

a.calculeaza {
	width: 270px !important;
}

.first {
	margin-left: 0 !important;
}

#ajaxloader {
	position: absolute;
	top: 25px;
	right: 50px;
	padding: 10px;
	z-index: 12;
	background-color: #000000;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	color: #FFFFFF;
	display: none;
	border-radius: 5px;
}
#feedback {
	width: 200px;
	background-image: url(/img/white.png);
	position: absolute;
	z-index: 10;
	border: 1px dotted #999999;
	border-top: none;
	color: #000000; 
	left: 200px;
	padding: 10px;
}
#footer {
	clear: both;
}
#accordion a.tab {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
#accordion a.tab:hover {
	color: #666666;
}
#accordion h3 {
	outline: none;
}
.cb {
	clear: both;
}
.skyscraper {
	float: left;
	width: 120px;
	height: 600px;
	margin-right: 10px;
}
.topbanner {
	position: absolute;
	right: 40px;
	bottom: 12px;
	width: 468px;
	height: 60px;
}
.tab_cautare {
	padding: 3px 6px;
	text-decoration: none;
}
.tab_sel {
	background-color: #DDDDDD;
}
.indicatii {
	color: #333333;
	display: none;
	margin: 10px 0 0 10px;
}

.options {
	text-align: right;
	display: none;
	margin: 10px;
}

.traseu_titlu {
	font-size: 14px;
	color: #5c913f;
}
/*.tr_wrap {
	margin-left: 18px;
	padding-left: 4px;
	border-left: 1px dotted #999999;
}
.tr_head {
	background-repeat: no-repeat;
	background-position: center left;
}
.tr_closed {
	background-image: url(/img/tr_closed.png);
}
.tr_open {
	background-image: url(/img/tr_open.png);
}*/
a.big_blue_link {
	color: #0f4c90;
	font-size: 20px;
}
.taguri {
	display: none;
}
.sustinatori {
	width: 80%;
	margin: 0 auto;
}
.sustinatori td {
	text-align: center;
	vertical-align: middle;
}

.input_box {
	background-color: #FFF;
	border: 2px solid #999;
	border-radius: 5px;
	display: inline-block;
	padding: 5px;
	margin: 5px;
	width: 95%;
	max-width: 255px;
}

.input_box:hover {
	border-color: #BBB;
}

.input_box_focus {
	border-color: #2e92ca !important;
}

.input_box input[type=text], .input_box input[type=password], .input_box textarea {
	color: #999;
	border: 0;
	outline: 0;
	width: 95%;
	max-width: 255px;
	margin: 0;
}

#search_box {
	width: 100%;
	height: 34px;
	border-radius: 5px;
	background-color: #999999;
	padding: 2px;
}
#search_field_wrap {
	float: left;
	width: 85%;
	height: 24px;
	border-radius: 5px;
	background-color: #FFFFFF;
	padding: 5px;
}
#address {
	margin-top: 3px;
	width: 100%;
	color: #999;
	border: 0;
	outline: 0;
}
.search_box_selected {
	background-color: #2B88BE !important;
}
#search_btn {
	width: 24px;
	height: 24px;
	margin: 5px 0 5px 5px;
	background-image: url(/img/search_icon.png);
	background-position: center;
	background-repeat: no-repeat;
	float: left;
}

.hover {
	position: absolute;
	display: none;
	z-index:999;
	width: 125px;
	text-align: left;
}
.balloon_top {
	background-image: url(/img/balloon_top.png);
	height: 4px;
}
.balloon_middle {
	background-image: url(/img/balloon_middle.png);
	padding: 5px;
	font-size: 10px;
	text-align: center;
	color: #FFF;
}
.balloon_bottom {
	background-image: url(/img/balloon_bottom.png);
	height: 9px;
}
#plec_addr, #sos_addr {
	background-image: url(/img/green_flag_small.png);
	background-repeat: no-repeat;
	background-position: center left;
	display: none;
	text-align: left;
	padding: 5px 5px 5px 30px;
	font-weight: bold;
	margin-left: 16%;
}
#plec_addr {
	background-image: url(/img/green_flag_small.png);
}
#sos_addr {
	background-image: url(/img/red_flag_small.png);
}
#reverse {
	float: left;
	width: 25px;
	height: 45px;
	border: 1px solid #BBB;
	background-color: #e7e7e7;
	border-radius: 5px;
	background-image:url(/img/reverse_arrows.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 3%;
	margin-top: 3px;
	display: none;
}
#reverse:hover {
	border: 1px solid #AAA;
	background-color: #e5e5e5;
}
a.tr {
	text-decoration: none;
	color: #2B88BE;
}
.tr_head {
	padding: 5px; 
	border-bottom: 1px solid #CCC; 
	text-align: left;  
	background-repeat: no-repeat; 
	background-position: right center;
}
.tr_open {
	background-image: url(/img/tr_open.png) !important;
}
.tr_closed {
	background-image: url(/img/tr_closed.png);
}
.tr_inf {
	font-weight: bold;
}
.tr_info {
	display: inline-block;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	color: #2B88BE;
}
.tr_durata {
	background-image: url(/img/durata.png);
}
.tr_distanta {
	background-image: url(/img/distanta.png);
	margin-left: 10px;
}

.indicatie {
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: -15px;
	padding-left: 40px;
	padding-top: 5px;
	color: #666;
}
.indicatie:hover {
	color: #333;
}
.bold {
	font-weight: bold;
	color: #333;
}
.indicatie:hover .bold {
	color: #000;
}
.indic_walk {
	background-image: url(/img/indic_walk_normal.png);
}
.indic_walk:hover {
	background-image: url(/img/indic_walk_hover.png);
}
.indic_bus {
	background-image: url(/img/indic_bus_normal.png);
}
.indic_bus:hover {
	background-image: url(/img/indic_bus_hover.png);
}
.indic_metro {
	background-image: url(/img/indic_metro_normal.png);
}
.indic_metro:hover {
	background-image: url(/img/indic_metro_hover.png);
}

.indic_tram {
	background-image: url(/img/indic_tram_normal.png);
}
.indic_tram:hover {
	background-image: url(/img/indic_tram_hover.png);
}
#info_win {
	z-index: 100;
	position: absolute;
	min-width: 250px;
	border-radius: 0 15px 15px 15px;
	opacity: .90;
	filter: alpha(opacity = 90);
	color: #CCC;
	background-color: #333;
	padding: 15px;
	display: none;
}
#info_win h2 {
	margin: 0;
	font-size: 16px;
	text-align: left;
	color: #FFF;
	margin-right: 40px;
}
#info_win a.close {
	float: right;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url(/img/map_close_infowindow.png);
	background-position: center;
	background-repeat: no-repeat;
}

.label {
	margin-left: 30px;
	text-align: left;
	color: #666;
}
a.print {
	text-decoration: none;
	color: #333;
	padding-left: 25px;
	font-size: 12px;
	background-image: url(/img/printer.png);
	background-position: left center;
	background-repeat: no-repeat;
}
a.print:hover {
	color: #000;
}

.error, .success {
	padding: 5px;
	border-radius: 5px;
	color: #FFF;
	margin: 20px;
	text-align: center;
}
.error {
	background-color: #a71c41;
}
.success {
	background-color: #9aba35;
}
#register_error, #register_success, #login_error, #contact_error, #contact_success, .fav_msg {
	display: none;
}


td, th {
	margin: 2px;
	padding: 5px;
}
th.heading {
	background-color: #2B88BE;
	color: #FFF;
}
th.heading_red {
	background-color: #a71c41;
}
th {
	/*#add13b;*/
	background-color: #DDD;
	color: #777;
}
td {
	background-color: #FFF;
	padding: 5px;
}
.share_input {
	width: 100%;
	margin-top: 5px;
}
.map_banner {
	background-color: #333;
	opacity: .75; 
	filter: alpha(opacity = 75); 
	margin: 5px; 
	border-radius: 5px; 
	padding: 5px; 
	font-size: 14px; 
	color: #FFF;
	display: inline-block;
}