/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
  }
  
body {
	line-height: 1;
  }
  
ol, ul {
	list-style: none;
  }
blockquote, q {
	quotes: none;
  }
  
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
  }

:focus {
	outline: 0;
  }

ins {
	text-decoration: none;
  }
del {
	text-decoration: line-through;
  }

table {
	border-collapse: collapse;
	border-spacing: 0;
  }
  
td {
  vertical-align:top;
  }

/* BASIC */

@font-face {
    font-family: 'MyriadProCondensed';
    src: url('includes/myriadpro-cond-webfont.eot');
    src: url('includes/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/myriadpro-cond-webfont.woff') format('woff'),
         url('includes/myriadpro-cond-webfont.ttf') format('truetype'),
         url('includes/myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('includes/myriadpro-boldcond-webfont.eot');
    src: url('includes/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/myriadpro-boldcond-webfont.woff') format('woff'),
         url('includes/myriadpro-boldcond-webfont.ttf') format('truetype'),
         url('includes/myriadpro-boldcond-webfont.svg#MyriadProBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
  text-align:center;
  }

body {
  color:#fff;
	font:11px 'MyriadProCondensed', Arial, Helvetica, sans-serif;
	height:100%;
  } 

/* classses*/

.dsb {display:block}
.fl {float:left}
.fr {float:right}
.mw {width:960px}
.clr {clear:both}
.psa {position:absolute}
.psr {position:relative}

/* General */

#Position {
  position:absolute;
  bottom:0 !important;
  left:0;
  width:100%;
  text-align:center;
  }
  
    #Center {
      margin:auto;
      text-align:left;
      }
     
        #Navigation a {
          width:113px;
          background:url(images/li.png) no-repeat;
          line-height:114px;
          height:118px;
          overflow:hidden;
          display:block;
          float:left;
          color:#fff;
          text-decoration:none;
          }
          
          
        #Navigation a:hover,
        #Navigation .active a  {
          background:url(images/li-hover.png) no-repeat;
          color:#010000;              
          } 
           
        
        #Container {
          height:754px;
          overflow:hidden;
          }
          
        
            #Copyright {
              right:0;
              bottom:14px;
              line-height:26px;
              font:19px 'MyriadProCondensed';
              float:left;
              display:inline-block;
              } 
              
                #Copyright span {
                  margin-right:15px;
                  } 
                  
                  
                  
        #Navigation {
          margin-top:126px;
          width:426px; 
          text-align:center;
          text-transform:uppercase;
          font:14px 'MyriadProCondensed', sans-serif; 
          }
        
            #Navigation ul {
              margin:0;
              padding:0;
              list-style-type: none;
              }
              
                #Navigation li {
                  margin:0;
                  padding:0;
                  }                     

/* index */

.index h1 {
  font-size:40px;
  }

.index {
  background:url(images/index.png) no-repeat 333px 160px;
  height:754px;
  }
  
    .index #Content {
      font:31px/1.2em 'MyriadProCondensed', sans-serif;
      color:#fff;
      text-shadow: 1px 1px 1px #005aff;
      width:304px;
      padding-top:260px;
      }
      
        .index #Content p {
          margin-bottom:64px;
          } 
          
        
        .index #Content span {
          font-size:40px;
          } 
          
        .index #Content span.surname {
          font-size:40px;
          font-style: italic;
          } 
          
  

              
           .index #Navigation li.dziennikarz {
              left:0;
              top:0;
              }
                            
            .index #Navigation li.konferansjer {
              left:94px;
              top:85px;
              }
              
            .index #Navigation li.pilot {
              left:160px;
              top:197px;
              }
              
            .index #Navigation li.galeria {
              left:221px;
              top:312px;
              }
              
            .index #Navigation li.kontakt {
              left:269px;
              top:441px;
              }                                          
              
/* reszta */

.reszta h1 {
  font-size:30px;
  padding-bottom:20px;
  line-height:1em;
  }

.reszta {
  height:754px;
  }
  
    .reszta #Content {
      font:20px/1.2em 'MyriadProCondensed', sans-serif;
      color:#fff;
      text-shadow: 1px 1px 1px #005aff;
      width:457px;
      padding-top:166px;
      } 
    
    .reszta #Content p {
      padding-bottom:30px;
      }
      
    .reszta #Content a {
      color:#fff;
      }           
  
.index-link {
  width:223px;
  bottom:0;
  left:0;
  }
              
 .reszta #Navigation li.dziennikarz {
    left:187px;
    top:0;
    }
                  
  .reszta #Navigation li.konferansjer {
    left:290px;
    top:84px;
    }
    
  .reszta #Navigation li.pilot {
    left:349px;
    top:202px;
    }
    
  .reszta #Navigation li.galeria {
    left:358px;
    top:331px;
    }
    
  .reszta #Navigation li.kontakt {
    left:323px;
    top:460px;
    }                                          
        
.form-kontakt form,
.form-kontakt div,
.form-kontakt span {
  width:100%;
      font:20px 'MyriadProCondensed', sans-serif;  
  }
  
.strona-kontakt div {
  padding-bottom:5px;
  }

.strona-kontakt form label {
  float:left;
  width:200px;
  display:block;
  }
        

  
#FormButtonDiv {
  text-align:right;
  }
      
    #FormButtonDiv input {
      display:inline-block;
      margin-right:10px;
      
      }
      
/* galeria */

#GaleriaLewo,
#GaleriaPrawo {
  width:220px;
  }