/* layout CSS: podziekowania / thank you -> Dug Falby / A List Apart: http://www.alistapart.com/articles/flexiblelayouts/ */

p {
font-family:arial,helvetica,sans-serif;
font-size: small;
line-height:130%;
padding: 0px 20px 0px 20px;
text-indent: 20px;
text-align: justify;
}

h1,h2,h3,h4,h5 {
font-family:arial,helvetica,sans-serif; 

}

 A         { color: #ff6600; text-decoration: none;} 
        A:link        { color: #ff6600; text-decoration: none; } 
        A:visited        { color: #ff6600; text-decoration: none; } 
        A:active        { color: #ff9900;  } 
        A:hover                { color: #ff9900;  }
                
.title {margin: 10px 0px 0px 40px}
.email {margin: 0px 0px 20px 40px;
		text-transform: uppercase;
		font-size: x-small;}
				
#top-section {
  position:relative;
  left:0;
  top:10px;
  }
   
  #mid-section {
  position:relative;
  left:0;
  top:10px;
  }
    #mid-section2 {
  position:relative;
  left:0;
  top:0px;
  }
  
      #mid-section3 {
  position:relative;
  left:0;
  top:0px;
	}
  
  #bottom-section {
  position:relative;
  left:0;
  top:10px;
  margin-bottom: 100px;
  }

#top-col-1 {
  position:relative;
  margin-left:10%;
  margin-right:10%;

 
   }
   
   #top-col-2 {
  position:relative;
  margin-left:10%;
  margin-right:10%;
    margin-top:10px;

 /* border-left: 2px dotted #f90;
 border-right: 2px dotted #f90; */
 border-top: 2px dotted #f90;
  
  }
  
  #mid-col-1 {
  position:absolute;
  top:0;
  left:0;
  width:10%;
  }
  
  #mid-col-2 {
  position:absolute;

  top:0;
  left:10%;
  width:40%;
  border-left: 2px dotted #f90;
  border-top: 2px dotted #f90;
    padding-bottom: 25px;

  }
  
  #mid-col-3 {
  position:relative;
   top:0;
  left:50%;
  width:40%;
  border-left: 2px dotted #f90;
  border-top: 2px dotted #f90;
padding-bottom: 25px;

     }
  
  #mid-col-4 {
  position:absolute;
  top:0;
  left:90%;
  width:10%;
  }
 

  
  #bottom-col-1 {
  position:relative;
  padding-left:20%;
  padding-right:10px;
  margin-bottom:100px;
  }