/*
======================================================
==================== cala strona ====================
======================================================
*/
body
{
    width: 933px;
    margin: auto;
    padding: 0px;
    background-color: #000;
    font-family: Tahoma , Arial, Verdana, sans-serif;
    color: #000;
    font-size: 12px;
}


a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}


form,
fieldset
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

img
{
    border: 0px;
}


/*
==============================================================
==================== main sections ====================
==============================================================
*/

#Page
{
    float: left;
    width: 933px;
    margin: auto;
    background-color: #000;
    color: inherit;
    background-image: url('../../../../graphics/page_background.gif');
    background-repeat: repeat-y;
    background-position: 209px 0px;
}

#ContentColumn
{
    float: right;
    width: 503px;
    margin: 0px;
    background-color: #f7c400;
    background-image: url('../../../../graphics/content_background_4.gif');
    background-repeat: repeat-y;
    background-position: top top;
    color: inherit;
}

#MenuColumn
{
    float: right;
    width: 220px;
    height: 850px;
    margin: 0px;
    background-color: #000;
    color: inherit;
    background-image: url('../../../../graphics/text_1_pl.gif');
    background-repeat: no-repeat;
    background-position: 0px 10px;
}

#StationImagesColumn
{
    float: right;
    width: 210px;
    height: 850px;
    margin: 0px;
    color: inherit;
}

#Header
{
    float: left;
    width: 503px;
    margin: 0px;
    padding: 0px;
    background-color: #f7c400;
}

/*
==============================================================
==================== classes for main sections ==================
==============================================================
*/

/*=========================== Header =============================*/

#Header div.Language
{
    float: left;
    width: 17px;
    margin-top: 35px;
    margin-left: 10px;
}

#Header div.Language img
{
    float: left;
}

#Header div.Logo
{
    float: left;
    margin-top: 10px;
    margin-left: 30px;
}

#Header div.Logo img.Logo1
{
    float: left;
    margin-top: 17px;
    margin-right: 40px;
}

#Header div.Logo img.Logo2
{
    float: left;
}

#Header img.Station
{
    float: left;
    clear: both;
    margin-top: 16px;
}

/*=========================== MenuColumn =============================*/

#MenuColumn ul.Menu
{
    width: 165px;
    margin: 190px 37px 0px 0px;
    padding: 0px;
    list-style-type: none;
}

#MenuColumn ul.Menu li
{
    float: right;
    width: 105px;
    margin: 0px 0px 18px 0px;
    padding: 0px 40px 0px 0px;
    background-image: url('../../../../graphics/menu_arrow.gif');
    background-repeat: no-repeat;
    background-position: 98% 50%;
}

#MenuColumn ul.Menu li.Selected
{
    background-image: url('../../../../graphics/menu_arrow_selected.gif');
}


#MenuColumn ul.Menu li a
{
    display: block;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    color: #f7c400;
    font-size: 120%;
    font-weight: bold;
    padding: 1px 0px 1px 2px;
    text-align: right;
    text-decoration: none;
    white-space: nowrap;
}

#MenuColumn ul.Menu li.Selected a
{
    color: #7a6201;
}

#MenuColumn ul.Menu li a:hover
{
    text-decoration: underline;
}


#MenuColumn div.HendImage
{
    position: absolute;
    clear: both;
    float: left;
    width: 219px;
    height: 384px;
    top: 450px;
    background-image: url('../../../../graphics/hend_pl.jpg');
    background-repeat: no-repeat;
}


/*=========================== StationImagesColumn =============================*/

#StationImagesColumn ul.StationsList
{
    float: left;
    width: 210px;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
}

#StationImagesColumn ul.StationsList li
{
    float: left;
    width: 100px;
    margin: 0px 0px 20px 0px;
    text-align: center;
}


#StationImagesColumn ul.StationsList li a
{
    float: left;
    color: #7a6201;
    text-decoration: none;
}

#StationImagesColumn ul.StationsList li a img
{
    border: 1px solid #f7c400;
    text-decoration: none;
}


#StationImagesColumn ul.StationsList li a span
{
    display: block;
    width: 100px;
    border: 0px;
    padding: 0px;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    color: #7a6201;
    font-weight: bold;
    font-size: 98%;
    white-space: nowrap;
}

#StationImagesColumn ul.StationsList li a:hover span
{
    text-decoration: underline;
}



/*=========================== ContentColumn =============================*/

/* ----------------------------- Content ----------------------------- */
#ContentColumn #Content
{
    clear: both;
}

#ContentColumn #Content div.HomePageContent,
#ContentColumn #Content div.LeftContent
{
    float: left;
    width: 251px;
    height: auto;
    min-height: 300px;
    padding: 35px 30px 23px 30px;
    background-color: #f7c400;
    background-image: url('../../../../graphics/content_background_1.gif');
    background-repeat: no-repeat;
    background-position: top right;
    text-align: justify;
}

/* dla IE */
* html #ContentColumn #Content div.HomePageContent,
* html #ContentColumn #Content div.LeftContent
{
    height: 300px;
}

#ContentColumn #Content div.HomePageRecommended,
#ContentColumn #Content div.RightContent
{
    float: left;
    width: 146px;
    height: auto;
    min-height: 300px;
    padding: 35px 23px 23px 23px;
    background-color: #cda302;
    background-image: url('../../../../graphics/content_background_2.gif');
    background-repeat: no-repeat;
    background-position: top left;
    color: #ffe069;
    text-align: justify;
}

/* dla IE */
* html #ContentColumn #Content div.HomePageRecommended,
* html #ContentColumn #Content div.RightContent
{
    height: 300px;
}

#ContentColumn #Content div.HomePageRecommended img.Image
{
    padding-bottom: 25px;
}

#ContentColumn #Content div.Content
{
    float: left;
    width: 443px;
    height: auto;
    min-height: 380px;
    padding: 35px 30px 23px 30px;
    background-color: #f7c400;
    background-image: url('../../../../graphics/content_background_3.gif');
    background-repeat: no-repeat;
    background-position: 189px 0px;
    text-align: justify;
}

/* dla IE */
* html #ContentColumn #Content div.Content { height: 380px; }

#ContentColumn #Content div.HomePageRecommended h1,
#ContentColumn #Content div.LeftContent h1,
#ContentColumn #Content div.RightContent h1,
#ContentColumn #Content div.Content h1
{
    font-size: 120%;
}

#ContentColumn #Content div.LeftContent a.StationImageMedium
{
    float: left;
    display: block;
    width: 251px;
    text-align: center;
}

#ContentColumn #Content div.LeftContent a.StationImageSmall
{
    float: left;
    display: block;
    width: 125px;
    margin-top: 5px;
    text-align: center;
}


#ContentColumn #Content div.LeftContent div.StationContent
{
    clear: left;
    float: left;
    width: 251px;
    margin-top: 15px;
}



#ContentColumn #Content div.RightContent a.PlanRoute
{
    float: left;
    display: block;
    width: 146px;
    margin-top: 5px;
    text-align: center;
}

#ContentColumn #Content div.RightContent p.Weather
{
    text-align: center;
    font-size: 120%;
}

#ContentColumn #Content div.RightContent p.Weather img
{
    width: 120px;
}


/* ----------------------------- Contact form----------------------------- */
#ContentColumn #Content div.RightContent form.Contact
{
    margin-top: 20px;
    font-size: 100%;
}

#ContentColumn #Content div.RightContent form.Contact label
{
    display: block;
    color: #f2e8c0;
}

#ContentColumn #Content div.RightContent form.Contact input,
#ContentColumn #Content div.RightContent form.Contact textarea
{
    width: 140px;
    margin-bottom: 5px;
    font-size: 100%;
    font-family: Tahoma , Arial, Verdana, sans-serif;
    background-color: #cda302;
    border: 1px solid #f2e8c0;
    color: #f2e8c0;
}

#ContentColumn #Content div.RightContent form.Contact textarea
{
    height: 150px;
}

#ContentColumn #Content div.RightContent form.Contact button
{
    background-color: #cda302;
    border: 0px;
    font-size: 100%;
    font-family: Tahoma , Arial, Verdana, sans-serif;
    color: #f2e8c0;
    text-transform: uppercase;
    letter-spacing: 4px;
    
}


#ContentColumn #Content div.RightContent ul.Error,
#ContentColumn #Content div.RightContent ul.Message
{
    padding: 0px;
    margin: 0px;
    color: #f2e8c0;
    text-align: left;
}




/* ----------------------------- Footer ----------------------------- */
#ContentColumn #Footer
{
    clear: both;
    float: left;
}

#ContentColumn #Footer div.Content
{
    float: left;
    width: 311px;
    height: 42px;
    background-color: #cda302;
    text-align: center;
    padding-top: 3px;
}

#ContentColumn #Footer div.Content a
{
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: 80%;
    color: #ffe064;
}

#ContentColumn #Footer div.Nothing
{
    float: left;
    width: 192px;
    height: 45px;
    background-color: #a28002;
}