/* CSSTerm.com Simple CSS menu */

@font-face {
    font-family: Hattori;
    src: url(../font/Hattori_Hanzo_Italic.otf);
}

br { clear:left }

.menu_simple {
    width: 550px;
}

.menu_simple ul {
    margin: 0; padding: 0;
    float: left;

}

.menu_simple ul li {
    display: inline;
	font-family: Hattori;
}

.menu_simple ul li a {
    float: left; text-decoration: none;
    color: #212121; 
	font-weight:bold;
	display: inline-block;
    letter-spacing:2px;
	font-size:15pt;
    padding: 10.5px 11px;
    background-color:#80537b;
	margin-left: 8px;
}

ul, ol{margin:0 0 35px 35px;margin-top:0px;margin-bottom:0px;}
li{padding-bottom:5px;}
/*
.menu_simple_selected ul li a {
    float: left; text-decoration: none;
    color: #a888a8; 
	display: inline-block;
    letter-spacing:2px;
	font-size:15pt;
    padding: 10.5px 11px;
    background-color:#80537b;
	margin-left: 8px;
}*/

 
.menu_simple ul li a:visited {
    color: #212121; 
}
 
.menu_simple ul li a:hover, .menu_simple ul li .current {
    color: white;
    background-color: #a888a8;
	color: #212121;
}

.flags {
	float: right;
	padding: 10.5px 11px;
}

p,h1,h2,h3,h4,div,ul,ol,li,pre,blockquote{
	margin:0;
	padding:0;
}

body{
	background-color: #6570a6;
}

body {
    background-image: url("../img/texture.JPG");
    background-repeat: no-repeat;
}

#wrapper{
	margin:0 auto;
	width:800px;
}

#header{
	background-color:#003399;
	height:100px;
}

#navigation{
	background-color:#0099FF;
	height:50px;
}

#content{
    color:rgb(16, 35, 56);
    padding:30px;
    position:relative;	
	background-color:#d4ccd4;
	/*normally you would not set the height for the content
	it's just done here to make the page look more normal */
	height:1250px;
	text-align: justify;
	/*opacity: 0.65;*/
	background: rgba(212, 204, 212, 0.6);
}

#content_index{
    color:rgb(16, 35, 56);
    padding:30px;
    position:relative;	
	background-color:#d4ccd4;
	/*normally you would not set the height for the content
	it's just done here to make the page look more normal */
	height:1775px;
	text-align: justify;
	/*opacity: 0.65;*/
	background: rgba(212, 204, 212, 0.6);
}

#content_ref{
    color:rgb(16, 35, 56);
    padding:30px;
    position:relative;	
	background-color:#d4ccd4;
	/*normally you would not set the height for the content
	it's just done here to make the page look more normal */
	height:900px;
	text-align: justify;
	/*opacity: 0.65;*/
	background: rgba(212, 204, 212, 0.6);
}


#footer{
	clear: both;
    color: #212121; 
    letter-spacing:2px;
	font-size:15pt;
    padding: 10.5px 11px;
	background: rgba(128,83,123, 0.19);
	
}


#footer  a {
    color: #212121; 
	text-decoration: none;
}

.relative{
  position:absolute;
  top:130px;
  left:50px;
  width: 365px;
}



.rest{
  position:absolute;
  top:860px;
  left:90px;
}

.referencie{
    position:absolute;
    top:800px;
    left:20px;
}

.img1{
  position:absolute;
  background-image: url("../img/resized/zbo.jpg");
  top: 135px;
  left: 560px;
  width: 213px;
  height: 200px;
  z-index: 2;  
}
.img2{
  position:absolute;
  background-image: url("../img/resized/zbo2.jpg");  
  top: 300px;
  left: 460px;
  width: 200px;
  height: 200px;
  z-index: 1;
}
.img3{
  position:absolute;
  background-image: url("../img/resized/zbo33.jpg");  
  top: 480px;
  left: 550px;
  width: 200px;
  height: 249px;
  z-index: 0;
}

.nadpis {
font-family: Arial, Helvetica, sans-serif;
font-size:25px;
letter-spacing:1px;
}

.text {
font-family: Georgia, serif;
letter-spacing:1px;
font-size:15px;
}

a.front
{
    text-decoration: none;
}