/* CSS Document */

/**
 * COLORS:
 *
 * #dd0509 | logo, link, ...        | red
 * #172025 | body background        | dark gray
 * #3c505f | footer, sideby texts   | semi gray
 * #a5b7c5 | bottom link, menu      | light gray
 *
 *
 *
   
 */         


/* COMMON STYLES */

body {
    margin: 0;
    padding: 0;
    background: #172025 url('bg.png') center top repeat-y;
/*  background: #172025 url('bg2.jpg') 50% 0px no-repeat;  **  for movebg.js  */
    text-align: center;
    font: normal normal 13px/20px Arial, sans-serif;
    color: #172025;
    }
    
h1 {
    width: 100%;
    margin: -10px 0 16px 0;
    padding-top: 5px;
    font-size: 24px;
    letter-spacing: 4px;
    color: #dd0509;
    text-transform: uppercase;
    text-align: left;
	text-shadow: 0 5px 2px #707070;
	line-height:130%;
/*    filter: alpha(opacity=33);  
    -moz-opacity: 0.33;  
    -khtml-opacity: 0.33; 
    opacity: 0.33;
*/	  
    }
h2 {
    width: auto;
    margin: 20px 0 16px 0;
    padding-top: 5px;
    font-size: 18px;
    letter-spacing: 2px;
    color: #dd0509;
    text-transform: uppercase;
    text-align: left;
	text-shadow: 0 5px 2px #ccc;
/*
    filter: alpha(opacity=50);  
    -moz-opacity: 0.5;  
    -khtml-opacity: 0.5; 
    opacity: 0.5;  
*/
    }
h3 {
    width: auto;
    margin: 8px 0 4px 0;
    padding-top: 5px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #dd0509;
    text-transform: uppercase;
    text-align: left;
	text-shadow: 0 5px 2px #ccc;
/*
    filter: alpha(opacity=66);  
    -moz-opacity: 0.66;  
    -khtml-opacity: 0.66; 
    opacity: 0.66;
*/
    }
h4 {
    margin: 16px 0 8px 0;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #dd0509;
    border-bottom: 1px solid #dd0509;
    }
h5 {
    margin: 16px 8px 8px 8px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #dd0509;
    text-transform: uppercase;
    border-bottom: 1px solid #dd0509;
    }
    
p {
    margin: 12px 0;
    }
p.warning {
    color: #dd0509;
    }             
    
a {
    color: #dd0509;
    }
    a:hover { text-decoration: none; }
        
ul {
    padding-left: 23px;
    color: #3c505f;
    }
ul li  {
    margin-left: -8px;
    padding-left: 8px;
    }
li span {
    color: #172025;
    font-weight: normal;
    font-size: 13px;
    }
ol {
    padding-left: 23px;
    color: #3c505f;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    }
ol li span {
    /*margin-left: -3px;*/
    }
li.l9 {
    margin-left: -.55em;
    padding-left: .55em;
    }

.img {
	margin: 16px 0;
	border: 1px solid #3c505f;
	}
.img-r {
	float: right;
	margin: 8px 0 8px 20px;
	}
.img-l {
	float: left;
	margin: 8px 20px 8px 0;
	}
.img-r span,
.img-l span {
	display: block;
	text-decoration: none;
	}	
.img-r img,
.img-l img {
	border: 1px solid #3c505f;
	}	
a.img-r:hover img,
a.img-l:hover img {
	border: 1px solid #dd0509;
	}	
         
table {
    width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
    }
tbody td {
    vertical-align: baseline; 
    }    
thead {
    color: #3c505f;
    font-size: 12px;
    }
thead td {
    padding-bottom: 2px;
    border-bottom: 1px solid #172025; 
    }    
tfoot {
    color: #3c505f;
    font-size: 11px;
    }

.l {
	text-align: left;
	}    
.r {
    text-align: right;
    }    

.auto {
    width: auto;
    }
.separate td {
    padding: 5px 0 8px 0;
    vertical-align: baseline;
    }
.item {
    width: 75px;
    color: #3c505f;
    font-size: 12px;
    }         
.item-wide {
    width: 135px;
    color: #3c505f;
    font-size: 12px;
    }         
    
input,
select,
textarea {
    width: 380px;
    border: 1px dotted #3c505f;
    padding: 0 4px;
    background-color: transparent;
    font-family: Arial, sans-serif;
    }
select {
    padding: 0;
    width: 390px;
    }
option {
    background-color: #fff;
    }
textarea {
    width: 459px;
    padding-right: 0;
    height: 120px;
    font-size: 13px;
    line-height: 20px;
    }
input:active,
input:hover,
select:active,
select:hover,
textarea:active,
textarea:hover {
    border: 1px solid #dd0509;
    }
label.error {
    color: #dd0509;
    }    
    
input.short {
    width: 60px;
    }                
input.button {
    float: right;
    width: 252px;
    height: 26px;
    border: none;
    padding-bottom: 6px;
    margin-right: -8px;
    color: #172025;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: transparent url('menu.png') -252px 0 no-repeat;
    cursor: pointer;
    }
    input.button:hover { background-position: -504px 0; color: #fff; }
input.button:active { background-position: -504px 0; font-weight: bold; color: #fff; }                    
        
    
.box-r,
.box-rf {
    float: right;
    margin-left: 15px;
    }    
    .box-rf { border: 1px solid #3c505f; }
    
    /*.box-rf img:hover { background-color: #fff; }*/    

    
/* LAYOUT */

#body-top {
    width: 100%;
    height: 948px;
    background: transparent url('bg3.jpg') center top no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    }
#wrapper {
    margin: 10px auto 0 auto;
    width: 798px;
    border: 1px solid #fff;
    text-align: left;
    z-index: 10;
    }
.body-bottom {
    width: 800px;
    height: 20px;
    margin: 0 auto;
    padding: 4px 0 12px;
    background-color: #172025;
    overflow: auto;
    font-size: 12px;
    color: #A5B7C5;
    }
.body-bottom a {
    color: #A5B7C5;
    }    
    .body-bottom a:hover { color: #fff; }    
        
/* HEADER */

.header {
    width: 798px;
    height: 190px;
    background: transparent url('header_drawing.png') 0 0 no-repeat;
    }
.click1,
.click2,
.click3 {
    display: block;
    width: 100px;
    height: 15px;
    padding-top: 45px;
    margin: 0 -100px -60px 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 8pt;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    position: relative;
    }
    .click1:hover,
    .click2:hover,
    .click3:hover { color: #dd0509; }
    .click1 { left: 38px; top: 56px; }        
    .click2 { left: 385px; top: 108px; }        
    .click3 { left: 655px; top: 15px; }
    
/* LEFT COLUMN */

.left {
    float: left;
    width: 252px;
    margin: 0 0 36px 26px;
    text-align: center;
    }
.left p {
    margin: 8px;
    font-size: 12px;
    line-height: 18px;
    }
.left a {
    color: #172025;
    }
    .left a:hover { color: #dd0509; }   
                 
.logo_ges-air {
    display: block;
    width: 262px;
    height: 78px;
    margin: -27px -5px 25px -5px;
    background: transparent url('logo_ges-air_bg.png') 0 0 no-repeat;
    /*line-height: 200px;*/
    overflow: hidden;
    }
    .logo_ges-air:hover { background-position: -262px 0; }
    .logo_ges-air img { border: 0; }
.menu {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    }
.menu li {
    list-style-type: none;
    margin-bottom: 1px;
    }
.menu li a {
    display: block;
    width: 252px;
    height: 26px;
    background: transparent url('menu.png') -252px 0 no-repeat;
    font-size: 14px; 
    color: #3c505f;
    letter-spacing: 2px;
    text-decoration: none;
    line-height: 22px;
    }
.menu li a.service { background-position: 0 0; color: #a5b7c5; }
    .menu li a.active,
    .menu li a:active { background-position: -504px 0; font-weight: bold; color: #fff; }
    .menu li a:hover { background-position: -504px 0; color: #fff; }    

.submenu {
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*height: 0px;*/
    }
.submenu li {
    list-style-type: none;
    margin-bottom: 1px;
    }
.submenu li a {
    display: block;
    width: 238px;
    height: 20px;
    margin: 0 7px 6px 7px;
    background: transparent none;
    color: #3c505f;
    letter-spacing: 2px;
    text-decoration: none;
    line-height: 22px;
    }    
    .submenu li a.active,
    .submenu li a:active { font-weight: bold; color: #dd0509; }
    .submenu li a:hover { color: #dd0509; }    

/* RIGHT COLUMN */

.right {
    float: right;
    width: 500px;
    text-align: justify;
    }
    
.line_red {
    width: 500px;
    height: 12px;
    margin-top: 6px;
    background: transparent url('line_red.png') 100% 0 no-repeat;
    overflow: hidden;    
    }

.content {
    margin: 57px 30px 36px 5px;
    }    

.gallery {

    }

/* FOOTER */

.stake {
    float: left;
    width: 1px;
    height: 748px;
    }
.footer {
    clear: both;
    width: 798px;
    height: 142px;
    background: transparent url('footer_drawing.png') 0 100% no-repeat;
    }
.line_gray {
    float: right;
    width: 798px;
    height: 12px;
    background: transparent url('line_gray.png') 100% 0 no-repeat;
    overflow: hidden;    
    }            
.click4 {
    display: block;
    float: left;
    width: 200px;
    height: 105px;
    margin: 12px 0 0 51px;    
    color: #3c505f;
    text-transform: uppercase;
    font-size: 8pt;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    line-height: 15px;
    }
.click5 {
    display: block;
    float: right;
    width: 136px;
    height: 90px;
    margin: 12px 31px 0 0;
    color: #3c505f;
    text-transform: uppercase;
    font-size: 8pt;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    line-height: 15px;
    }
    .click4:hover,
    .click5:hover { color: #dd0509; }