/*
 * Main
 */

body 
{
    background-color: #f3fff8;
    background-image: url(Graphics/Backgrounds/main_gradient.png);
    background-repeat: repeat-x;
    background-position: bottom;
    margin: 0px 0px 0px 0px;
    font-family: Arial;
    font-size:10pt;
}

div.main 
{   
    margin: 0 auto 0 auto;
    width: 1000px;
}

div.hidden_box 
{
    visibility: hidden;
}

/*
 * Uniwersalne
 */
 
 div.clear 
 {
     clear: both;
 }
  
 div.line 
 {
     background-image: url(Graphics/vertical_line.png);
     background-repeat: no-repeat;
     background-position: top center;
     height: 620px;
     width: 1px;
     float: left;
 }
 
 h4 
 {
     font-size: 1.2em;
     margin-top: 8px;
     margin-bottom: 8px;
 }

 img.line 
 {
    position: relative;
    top: -7px;
    left: -21px;
 }

 img.line_products
 {
    position: relative;
    top: -7px;
    left: -10px;
 }

/*
 * Main content
 */

div.content 
{
    height: auto;    
}

/*
 * Admin
 */

div.content div.admin
{
    width: 920px;
    text-align: justify;
    margin-left: 20px;
    margin-top: 10px;
}

div.content div.admin_news
{
    position: relative;
    width: 920px;
    text-align: justify;
    margin-left: 20px;
    margin-top: 10px;
}

div.content div.admin_product
{
    position: relative;
    width: 920px;
    text-align: justify;
    margin-left: 20px;
    margin-top: 10px;
}

/* Header */

div.content div.header_content 
{
    background-image: url(Graphics/Backgrounds/header_content.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 1000px;
    height: 125px;
    position: relative;
}

div.content div.header_content div.tabs 
{
    float: right;
    position: relative;
    right: 27px;
    top: -5px;
}

div.content div.header_content div.tabs div.tab_clients
{
    float: left;
}

div.content div.header_content div.tabs div.tab_partners
{
    float: left;
}

div.content div.header_content div.menu 
{
    width: 952px;
    height: 15px;
    position: relative;
    bottom: 2px;
    vertical-align: baseline;
    left: 15px;
    text-align: right;
    padding-right: 10px;
    color: White;
}

 div.content div.header_content div.login 
 {
    position: absolute;
    top: 5px;
    right: 30px;
    color: White;
 }
 
 div.content div.header_content img.image_button
 {
    cursor: hand;
 }

 div.content div.header_content input.login_form
 {
    width: 100px;
 }

 div.content div.header_content div.menu A:link 
 {
     color:White;
     text-decoration: none;
 }

 div.content div.header_content div.menu A:visited 
 {
     color:White;
     text-decoration: none;
 }

 div.content div.header_content div.menu A:active 
 {
     color:White;
     text-decoration: underline;
 }

 div.content div.header_content div.menu A:hover 
 {
     color:White;
     text-decoration: underline;
 }

div.content div.header_content div.menu div.menu_item
{
    background-image: url(Graphics/menu_spacer.png);
    background-repeat: no-repeat;
    background-position: right center;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-right: 15px;
    padding-left: 10px;
    vertical-align: baseline;
    display: inline;
}

div.content div.header_content div.menu div.menu_item_last
{
    margin-top: 3px;
    margin-bottom: 3px;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: baseline;
    display: inline;
}

/* Main */

div.content div.left_content_shadow 
{
    background-image: url(Graphics/Backgrounds/left_content_shadow.png);
    background-repeat: repeat-y;
    background-position: left;
    float: left;
    width: 15px;
}

div.content div.content_main 
{
    background-image: url(Graphics/Backgrounds/content_gradient.png);
    background-repeat: no-repeat;
    background-position: top center;
    width: 962px;
    background-color: White;
    float: left;
}

div.content div.content_top 
{
    background-image: url(Graphics/Backgrounds/content_top_lines.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 340px;
    width: 962px;
    float: left;
}

div.content div.content_top div.banner_content
{
    width: 716px;
    height: 100%;
    float: left;
    padding-left: 5px;
    padding-top: 4px;
}

div.content div.content_top div.news_content
{
    width: 221px;
    height: 251px;    
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

div.content div.right_content_shadow 
{
    background-image: url(Graphics/Backgrounds/right_content_shadow.png);
    background-repeat: repeat-y;
    background-position: right;
    float: right;
    width: 23px;
}

div.content div.logo
{
    background-image: url(Graphics/logo.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    width: 250px;
    height: 75px;
    left: 60px;
    top: 8px;
    cursor: hand;
}

div.more_news 
{
    width:100%;
    text-align: right;
    margin-top: 3px;
}

div.short_news 
{
    width: 220px;
    text-align: justify;
}

div.news 
{
    width: 920px;
    text-align: justify;
    margin-left: 20px;
    margin-top: 10px;
}

div.news div.main_news_content
{
    position: relative;
    left: -21px;
    top: -7px;
    padding-top: 10px;
    padding-left: 20px;
    background-image: url(Graphics/Backgrounds/news_content.png);
    background-repeat: no-repeat;
    background-position: left top;
}

/* Footer */

div.content div.left_footer_content_shadow 
{
    background-image: url(Graphics/Backgrounds/left_content_shadow.png);
    background-repeat: repeat-y;
    background-position: left;
    float: left;
    height: 50px;
    width: 15px;
}

div.content div.footer_content_main 
{
    background-image: url(Graphics/Backgrounds/main_footer_content.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 50px;
    width: 962px;
    background-color: White;
    float: left;
    text-align: center;
}

div.content div.footer_content_main div.address
{
    margin-top:10px;
    color: #858585; 
    line-height: 1.3em;   
}

div.content div.right_footer_content_shadow 
{
    background-image: url(Graphics/Backgrounds/right_content_shadow.png);
    background-repeat: repeat-y;
    background-position: right;
    float: right;
    height: 50px;
    width: 23px;
}

div.content div.footer_content
{
    background-image: url(Graphics/Backgrounds/footer_content.png);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 1000px;
    height: 40px;
}

div.content div.footer_glass
{
    background-image: url(Graphics/Backgrounds/footer_glass.png);
    background-repeat: no-repeat;
    background-position: top;
    width: 1000px;
    height: 100px;
    margin-top: -37px;
}

/*
 * Default
 */
 
 div.default_content 
 {
     width: 100%;   
 } 

 div.default_content div.left
 {
     width: 321px;
     min-height: 620px;
     float: left;
     padding-left: 10px;
     padding-top: 10px;
 } 
 
 div.default_content div.right
 {
     background-image: url(Graphics/Backgrounds/gradient_right.png);
     background-repeat: no-repeat;
     background-position: top left;
     width: 620px;
     min-height: 700px;
     float: left;
     padding-left: 10px;
     padding-top: 10px;
 } 

/*
 * Contact
 */
 
 div.contact_content 
 {
     width: 100%;
 } 
 
 div.contact_content div.contact_info
 {
     background-image: url(Graphics/Backgrounds/contact_left.png);
     background-repeat: no-repeat;
     background-position : top right;
     float: left;
     width: 400px;
     min-height: 620px;
     padding-left: 20px;
     padding-top: 10px;
 } 
 
  div.contact_content div.contact_form
 {
     float: left;
     width: 521px;
     min-height: 700px;
     padding-left: 20px;
     padding-top: 10px;
 } 
 
 div.contact_content div.contact_form div.form_row
 {
     width: 85%;
     margin-top: 5px;
     margin-bottom: 5px;
 }
 
 div.contact_content div.contact_form div.form_row div.left
 {
     width: 34%;
     text-align: right;
     float: left;
     padding-right: 1%;
 }
 
 div.contact_content div.contact_form div.form_row div.right
 {
     width: 65%;
     text-align: left;
     float: left;
 }
 
 div.contact_content div.contact_form div.form_row div.right input,div.contact_content div.contact_form div.form_row div.right select
 {
     width: 80%;
 }
 
 /*
  * Clients
  */
 
 div.clients_content 
 {
     width: 100%;
 } 
 
 div.clients_content div.clients_list
 {
     background-image: url(Graphics/Backgrounds/contact_left.png);
     background-repeat: no-repeat;
     background-position : top right;
     float: left;
     width: 400px;
     min-height: 620px;
     padding-left: 20px;
     padding-top: 10px;
 } 
 
  div.clients_content div.clients_map
 {
     float: left;
     width: 541px;
     min-height: 700px;
     padding-top: 10px;
     text-align: center;
 }
 
 ul.clients_list 
 {
     line-height: 1.5em;
 }
 
 /*
  * Products
  */
  
 div.product_title 
 {
     width: 312px;
     height:25px;
     margin-top: 5px;
     padding-top: 10px;
     padding-bottom: 10px;
     text-align: right;
     padding-right: 10px;
     position: relative;
 }
 
 div.product_title td
 {
     width: 312px;
     
 }
 
 div.product_title_selected
 {
     background-image: url(Graphics/Backgrounds/product_title.png);
     background-repeat: no-repeat;
     background-position : top right;
     cursor: hand;
 }
 
 div.product_title_preview
 {
     background-image: url(Graphics/Backgrounds/product_box.png) !important;
     background-repeat: no-repeat !important;
     background-position : top right !important;
     cursor: hand !important;
     height: 218px !important;
 }
 
 div.product_title div.hidden
 {
     margin-top:10px;
     display:none;
     text-align: justify;
     width:95%;
     margin-left: 5%;
 }
 
 div.product_title div.hidden img.icon
 {
     width: 64px;
     height: 64px;
     margin: 10px;
     float: left;
 }

 div.product_title div.hidden div.product_more_link
 {
     width: 100%;
     text-align: right;
 } 
 
 div.product_content
 {
     width:98%;
     padding-right: 2%;
     text-align: justify;
 }
 
 div.product_content div.screenshots
 {
     float: right;
     margin-top: 5px;
     margin-left: 10px;
     width: 240px;
 }
 
 div.product_content div.screenshots img.screenshot_main
 {
     width: 240px;
     cursor: hand;
 }
 
 div.product_content div.screenshots img.screenshot_thumb
 {
     margin-top: 10px;
     margin-right: 5px;
     margin-left: 5px;
     width: 50px;
     cursor: hand;
 }
 
 div.product_links 
 {
     margin: 20px 0px 0px 10px;
 }