* {
    margin:0;
    padding:0;
    font-family: "Trebuchet MS",  Arial, sans-serif;
    font-size: 12px;
}
p {
    font-size: 12px;
    font-family: "Trebuchet MS",  Arial, sans-serif;
}
a {
    text-decoration: none;
    color: #309DCF;
}
img {
    border:0;
}
.fix:after {
    content: '[.]';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.fix {
    display: inline-block;
}
/*\*/
.fix {
    display: block;
}
.column {
    margin-left:10px;
    float:left;
}
#one_column .column{
    width:930px;
}
#two_column_left .left_column{
    width:700px;
}
#two_column_left .right_column{
    width:210px;
}
#two_column_right .right_column{
    width:600px;
}
#two_column_right .left_column{
    width:320px;
}
#three_column .column {
    /*width:303px;*/
}
#three_column .left_column {
    width:350px;
}
#three_column .middle_column {
    width:350px;
}
#three_column .right_column {
    width:210px;
}

.column .box {

}
.column .box .box_header {
    background:url(../images/box_header_bg.gif) top left repeat-x;
    height:27px;
    text-align:center;
    padding-top:9px;
    color:#000;
    font-weight:bold;
    text-indent: -25px;
}
.box_header .small_plane {
    float:left;
    clear:none;
    margin-top:-22px;
    margin-left:5px;
}
.column .box .box_content {
    margin:0 10px;
    font-size:12px;
}
.canvas {
    width:960px;
    margin:auto;
    background:url(../images/canvas_bg.gif) top left repeat-y;
}
.page {
    width:950px;
    margin:0px auto;
}
.header{
    width:950px;
    height:200px;
    background:url(../images/header.jpg) top left no-repeat;
}
.content{
    padding:10px 0px;
}
.footer{
    width:940px;
    height:22px;
    background:url(../images/footer_bg.gif) top left repeat-x;
    color:#FFF;
    text-align:center;
    font-size:10px;
    padding:7px 5px 0px 5px;
}
.footer .valid{
    float:left;
    font-size:10px;
}
.footer .bottom_menu {
    float:right;
    font-size:10px;
}
.footer a{

    color:#FFF;padding:0px 3px;
    text-decoration:none;
    font-size:10px;

}
.footer a:hover{
    color:#309DCF;

}
/* Navigacija */

#mainMenu {
    display: block;
    margin: 0;
    padding: 0;
    width:940px;
    position: absolute;
    /*border: 1px solid #020202;*/
    padding: 5px 15px 5px 5px;
}
#mainMenu li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
}
#mainMenu a {
    display: block;
    text-decoration:none;

}
#mainMenu ul {
    display:none;
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
}
#mainMenu ul a {
    zoom: 1; /* IE6/7 fix */
}
#mainMenu ul li {
    float: none;
}
#mainMenu ul ul {
    top: 0;
}

#mainMenu a {
    color: #e5e5e5;
    font-size: 12px;
    padding: 0px 25px 3px 5px;
    /* ispravka za IE6 i IE7. Padajuci meni bez razmaka kod padajuceg <li> */
    line-height: 1.5;
}
#mainMenu ul {
    width: 170px;
    top: 24px;
}
#mainMenu ul ul {
    left: 165px;
    top: 3px;
    /* padajuci meni vodoravno, preko padajuceg sa leve za 5px i sa vrha za 3 px pomeren i border */
    border: 1px solid #666666;
}
#mainMenu a {
    background:none;
}
#mainMenu li.hover a:hover{
    color:#309dcf;
    text-decoration:none;
}
#mainMenu li li a, #mainMenu li.hover li a {
    background:#333;
}
#mainMenu li.hover li a:hover {
    background:#3B3B3B;
}
#mainMenu ul li a {
    background-color: none;
}
#mainMenu a.hover {

}
#mainMenu ul a {
    border-bottom: 1px solid #666666;
    border-right: none;
    /*opacity: 0.9;
    filter: alpha('opacity=90');*/
    /* border-bottom: none;  */ /* I also needed this for IE6/7 */
}

/* Kraj navigacija */

.top_menu {
    background:url(../images/menu_bg.gif) top left repeat-x;
    width:950px;
    height:29px;
}
.top_menu ul {
    margin:0px;
    padding:0px;
}
.top_menu ul li {
    float:left;
    list-style:none;
}
.top_bar h1 {
    float: left;
    margin: 1px 0px 0px 5px;
    width: auto !important;
    padding-left: 5px;
    padding-top: 2px;
    color: #FFF;
    font-size: 16px;
}
.top_bar a {
    float: right;
    margin-top: 9px;
    padding-right: 5px;
}
.small_plane{
    width:25px;
    height:25px;
    background:url(../images/plane_small.png) top left no-repeat;
}
.small_plane_img {
    float:left; 
    position:relative;
    top:-4px;
    left:3px;
    width:25px;
    height:25px;
    background:url(../images/plane_small.png) top left no-repeat;
}
.subcolumn {
    margin-top:10px;
    margin-left:10px;
    float:left;
    width:340px;
}
.logo{
    float:left;
    padding-top:24px;
    padding-left:13px;
    width:147px;
}
.logo a {
    display:block;
    width: 147px;
    height: 117px;
    background: url(../images/logo.png) top left no-repeat;
    outline:none;
}
.top_banner{
    padding-left:38px;
    padding-top:33px;
    width:728px;
    height:90px;
    float:left;
}
.top_banner #topBannerWrapper {
    width:640px;
    height:90px;
}
.form_line {
    margin:4px 0px;
    padding:2px 0px;
    width:100%;
}
.form_line label{
    width:30%;
    margin-right:1%;
}
.form_line .inputText {
    border:none;
    -moz-box-shadow: 0 0 4px #333;
    -webkit-box-shadow: 0 0 4px #333;
    color:#666666;
    border:1px solid #CCC;
    padding:1px;
}
.inputCheckbox {
    border:0px !important;
    padding:0px !important;
}
.form_line select {
    margin-right:4%;
}
.form_line .inputSubmit {
    border:none;
    color:#666666;
    float:right;
    font-weight: bold;
    -moz-box-shadow: 0 0 4px #333;
    -webkit-box-shadow: 0 0 4px #333;
    outline:none;
    margin-top:4px;
    padding:1px 6px;
}








/* tables */
table.flightsTable {
    font-family:arial;
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666
}
table.flightsTable thead tr th, table.flightsTable tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
}
table.flightsTable thead tr .tableHeader {
    background-image: url(../images/tablesorter_bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.flightsTable tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.flightsTable tbody tr.odd td {
    background-color:#F0F0F6;
}
table.flightsTable thead tr .headerSortUp {
    background-image: url(../images/tablesorter_asc.gif);
}
table.flightsTable thead tr .headerSortDown {
    background-image: url(../images/tablesorter_desc.gif);
}
table.flightsTable thead tr .headerSortDown, table.flightsTable thead tr .headerSortUp {
    background-color: #8dbdd8;
}

.searchLeft {
    width:469px;
    float:left;
}
.searchPage #searchForm .formWrapper{
    width:280px;
    float:left;
}
#searchForm .box_shadow {
    padding:10px;
}
.citiesWidget {
    width:177px;
    float:left;
    margin-left:10px;
    padding:0px !important;
}
.searchPage #searchForm .searchResults{
    width:469px;
    margin:10px auto;
}
.searchPage sup{
    font-size:8px;
}
.searchPage #searchForm fieldset{
    border:0px solid #FFFFFF;
    padding:10px;
    -moz-box-shadow: 0 0 4px #333;
    -webkit-box-shadow: 0 0 4px #333;
}
.searchForm label {
    width: 100px !important;
    display:block;
    float:left;
}
.cityDataWrapper{
    float:right;
    margin-left:10px;
    width:450px;
}
.cityDetails {
    width:49%;
    float:left;
}
.no_search_results{
    color:#660000;
    font-weight:bold;
    text-align:center;
    padding:5px 0px;
    border:1px solid #600;
    -moz-box-shadow: 0 0 4px #600;
    -webkit-box-shadow: 0 0 4px #600
}
.search_results{
    color:#660000;
    font-weight:bold;
    text-align:center;
    padding:5px 0px;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666
}
.loader_fff_666{
    background:url(../images/loader_fff_666.gif) center center no-repeat;
    min-height: 100px !important;
    _height:100px !important;
}
.searchResults .direction {
    padding:10px;
    font-size:14px;
    font-weight:bold;
    color:#0073B0;
    text-shadow:1px 1px 2px #CCC;

}
.cityDetailsName{

}
.cityDetailsList *{
    font-size: 12px !important;
}
.cityDetailsList sup{
    font-size:small !important;
}
.cityDetailsList li{
    line-height: 1.5em;
}
.cityDetailsList{
    height:145px;
}
.gmapWrapper{
    border:1px solid #333;
    float:left;
    margin-right:2px;
    width:450px;
    height:450px;
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666
}
.distance {
    font-size:11px;
    color:#666;
    text-align:center;
    clear:both;
    padding-top:8px;
}
.distance span {
    background:url(../images/icon_distance.gif) center left no-repeat;
    text-indent:20px;
    display:inline-block;
    margin:0px auto;
    padding:3px;
}

/* weather data */
.weatherData{

}
.weatherData .dataColumn{
    width:43%;
    text-align:center;
    float:left;
}
.weatherType{
    height:30px;
    padding:2px 0px;
}
.temperature, .wind, .humidity {

}
.wind {

}
.humidity{


}
.weatherType .dataColumn .weatherImage{
    width:30px;
    height:30px;
    margin:0px auto;
    background:url(../images/weather_type_bg.gif) top left no-repeat;
}
.citiesWidget h4 {
    padding:3px 0px;
    text-align:center;
    color:#0073B0;
    text-shadow: 0 0 2px #cccccc;
}
.weatherIcon {
    height:20px;
    width:14%;
    float:left;
}
.tempIcon {
    background: url(../images/icon_temp.gif) top center no-repeat;
}
.windIcon {
    background: url(../images/icon_wind.gif) top center no-repeat;
}
.humidityIcon {
    background: url(../images/icon_humidity.gif) top center no-repeat;
}
.clockIcon {
    background: url(../images/icon_clock.gif) top center no-repeat;
}
.box_shadow{
    -moz-box-shadow: 0 0 4px #666;
    -webkit-box-shadow: 0 0 4px #666;
    border:1px solid #ccc;
}
h3 {
    color:#0073B0;
    font-size:14px;
    text-shadow:1px 1px 1px #CCC;
    margin:4px 0px;
}
h2 {
    color:#0073B0;
    font-size:18px;
    text-shadow:0px 0px 2px #CCC;
    margin-bottom:8px;
}
.clocksWrapper {
    clear:both;
}
.clock {
    padding:3px 0px;
    float:left;
    width:50%;
    text-align: center;
    color:#666;

}

.red_shadow{
    -moz-box-shadow: 0 0 4px #600 !important;
    -webkit-box-shadow: 0 0 4px #600 !important;
    border:1px solid #FF6666;
}
.errorMessage{
    color:#600;
    width:80%;
    margin: 0px auto;
}
.disclaimer li {
    margin-left: 30px;
    font-size:11px;
    color:#666;
}
.text_content {
    line-height:18px;
}
.box_content hr{
    border:none;
    border-top:1px dashed #78C7E6;
    margin:10px;
}


/* contact */
.contactForm label {
    width:220px;
    display:block;
    float:left;
    padding-left:10px;
}
label.required {

}
.contactForm fieldset{
    border:0px solid #FFFFFF;
    padding:10px;
    color:#0073B0;
    font-weight: bold;
    text-shadow:0px 0px 2px #CCC;
}
label.required {
    color:#990000;
}
.contactForm .inputText {
    width:280px !important;
}
.innerFormWrapper{
    width:548px;
    margin:10px auto;
    padding:10px;
}
.errorMessage{
    text-align:center;
    padding:5px;
}
.infoMessage {
    text-align:center;
    padding:5px;
}
.formInfo{
    text-align:center;
    padding:10px;
    width:80%;
    margin:0px auto;
}
.geonames{
    font-size:10px;
    text-align:right;
    padding-right:18px;
}
.geonames a {
    font-size:10px;
    color:#666666;
}
.news_date {
  margin:-7px 0 0 0;
 padding:0px;
  color:#999999;
  font-size:10px;
  text-align:right;
}
.news_date span {
  font-size:9px;
  padding-left:5px;
}
.news_description{
    text-align:justify;
}
.cityFlightLinks{
    color:#666;
}
.cityFlightLinks a:hover{
    text-decoration:underline;
}
.code {
    width:80%;
    font-weight:bold;
    color:#333333;
    border:1px solid #cccccc;
    background:#efefef;
    margin:10px auto;
    padding:10px 10px;
    display:block;
}