body {
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	
}


/* menu  */
#menu {
	display: block;
	width: 100%;
	height: 127px;
	background-image: url(img/lista.png);
	float: right;
}
.cortez { display: block; width: 826px;  margin-left: auto; margin-right: auto; margin-top: 33px; }
.cortez a { font-size: 1,3em; color: White; text-decoration: none; text-align: center; 
 display: block;  width: 90px; float: left; margin-top: 15px; height: 78px; margin-left: 35px; margin-right: 35px;   }
.cortez a:hover, .cortez a.vi { color: #a0f3ab; background-image: url(img/cara.png);  }
.cortez a.logo {margin-top: 0px; background-image: none; margin-left: 0px; margin-right: 20px; width: 165px; float: left;
 	 }
 
/* strana  */
#strana { display: block; width: 100%; float: left; text-align: center; margin-top: 45px;  }
 
/* ralizace  */
#realizace { display: block; width: 832px; margin-left: auto; margin-right: auto;    }
#realizace .sloupec { display: block; float: left; width: 182px; margin-left: 11px; margin-right: 11px; }
#realizace .sloupec a, #realizace .sloupec a.delsi, #realizace .sloupec a.nejdelsi { display: block; float: left;
background-image: url(img/ruzovka.png);  height: 145px; margin-bottom: 30px; margin-right: 12px; text-align: left;
background-repeat: no-repeat; background-position: 0px 125px; text-decoration: none; font-size:  0.8em; color: Black;   }
#realizace .sloupec a.delsi { height: 320px;  background-position: 0px 299px;  }
#realizace .sloupec a.nejdelsi { height: 560px;  background-position: 0px 531px;  }
#realizace .sloupec a:hover { color: #a0f3ab;}
#realizace .sloupecsiroky { display: block; float: left; width: 590px; margin-left: 11px; margin-right: 11px;
									font-size:  0.8em; color: Black; text-align: left; height: 351px; background-image: url(img/ruzovka.png);  background-position: 0px 299px; background-repeat: no-repeat; }
.odpal { display: block; margin-top: 8px; margin-left: 22px; font-size: 9px; text-transform: uppercase;    }


/* projekty  */
#projekty { display: block; width: 1050px; margin-left: auto; margin-right: auto;  }
#projekty .sloupec { display: block; float: left; width: 182px; margin-left: 11px; margin-right: 11px; }
#projekty .sloupec a  { display: block; float: left; margin-bottom: 22px; margin-right: 12px; }


/* reference  */
#reference { display: block; width: 1150px; margin-left: auto; margin-right: auto;    }
#reference .zuzeni { display: block; width: 800px; margin-left: auto; margin-right: auto; text-align: left;  }
#reference .informace, #reference .informace2 { display: block; width: 408px; float: left; margin-bottom: 20px; background-image: url(img/zirafa2.png); background-repeat: repeat-y;}	
#reference .informace2 {  width: 392px;}	
#reference .informace2 p, #reference .informace table { margin: 0px;	margin-left: 30px; font-size: 0.8em;}
#reference .galerie { display: block; width: 1150px; margin-left: auto; margin-right: auto; float: left;	  }	
#reference h1 { font-size: 1.5em;}

.figurky { display: block;  height: 14px; width: 800px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0px; }
.figurky a { 	display: inline-table; 	width: 8px; height: 13px; margin: 0px; margin-right: 1px; 	background-image: url(img/figurka1.png);}
.figurky a:hover, .figurky a.figurkav {background-image: url(img/figurka2.png); }


/* media  */
#media { display: block; width: 1150px; margin-left: auto; margin-right: auto;    }
#media .zuzeni { display: block; width: 800px; margin-left: auto; margin-right: auto; text-align: left;}
#media .informace { display: block; width: 300px; float: left; margin-bottom: 20px; background-image: url(img/zirafa2.png);
background-repeat: repeat-y;}	
#media .informace p, #media .informace table  { margin: 0px;	margin-left: 20px; font-size: 0.7em;  }
#media .informace h2  { margin-bottom: 18px; margin-top: 0px;	margin-left: 20px; font-size: 1.2em;  }
#media a  { margin-left: 20px; font-size: 0.8em; color: #e40cf8;   }


/* paticka  */
#paticka { display: block; float: left; width: 100%; height: 140px;  margin-top: 20px;  }
.pata  { display: block; width: 810px; height: 40px; margin-left: auto; margin-right: auto; margin-top: 0px; font-size: 0.8em; background-image: url(img/pozadi_pata.png); background-repeat: repeat-x; }
.pat  { display: block; padding-right: 25px;  float: left; background-color: White; text-align: left;  }
.mat  { display: block; padding-left: 25px; padding-right: 10px; float: right; text-align: right; background-color: White;  }




.fialova {color: #a0f3ab;}
a.fialova {color: #a0f3ab; text-decoration: none;}
a.fialova:hover { text-decoration: underline;}