*{
    margin: 0px;
    padding: 0px;
}
img{
border-style: none;
}

h2{
  font-family: georgia;
  font-size: 24px;
  color: #edd13f;
  font-weight: normal;
  margin-top:10px;
  margin-bottom:15px;
}
h3{
  font-family: georgia;
  font-size: 16px;
  color: #edd13f;
  font-weight: normal;
  margin-top:10px;
  margin-bottom:15px;
}

body{
    background-image: url(../images/background.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #0f0311;
    font-family: arial;
    font-size: 0px;
    color: #fff;
}
#cont{
  font-size: 12px;
}

#head{
    margin: auto;
    width: 998px;
    height: 230px;
}
#head .indexLink{
    background-image: url(../images/head_bg.jpg);
    width: 998px;
    height: 150px;
    display: block;
}
#head .selectLang ul{
    float: right;
    margin: 30px 0 0 0;

}
#head .selectLang ul li{
    display:inline-block;
}
#head .selectLang ul li .sk{
    background-image: url(../images/vlajky/sk.png);
    width: 27px;
    height: 27px;
    display: block;
}
#head .selectLang ul li .sk:hover{
    background-image: url(../images/vlajky/active/sk.png);
    width: 27px;
    height: 27px;
    display: block;
}
#head .selectLang ul li .en{
    background-image: url(../images/vlajky/en.png);
    width: 27px;
    height: 27px;
    display: block;
}
#head .selectLang ul li .en:hover{
    background-image: url(../images/vlajky/active/en.png);
    width: 27px;
    height: 27px;
    display: block;
}
#menu{
    background-image: url(../images/menu_bg.jpg);
    width: 998px;
    height: 77px;
    display: block;
}
.submenu{
    margin: 7px 50px;
}
.submenu li{
    display:inline-block;
}
.submenu li a{
    background-image: url(../images/li/li.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 10px;
    font: normal 11px arial;
    color: #c68f8f;
    text-decoration: none;
}
.submenu li a:hover, .submenu li a:active{
    background-image: url(../images/li/li_active.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 10px;
    color: #edd13f;
    text-decoration: none;
}
.submenu .current a{
    background-image: url(../images/li/li_active.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 10px;
    font-weight: bold;
    color: #edd13f;
    text-decoration: none;
}
#main{
  width: 998px;
  margin: auto;
  min-height: 600px; 
}
#portfolio{
display: block;
}


#foo{
  background-image: url(../images/footer_bg.jpg);
  background-repeat: no-repeat;
  margin: auto;
  height: 268px;
  width: 998px;
  overflow: hidden;
  font-size:11px;
}
.foo-info{
  margin: 160px 40px 0; 
}
.foo-info strong{
  color: #E8CF40; 
}
.copy{
  float: left;
}
.slogan{
  float: right;
  margin-right: 74px;
}
.clear{
  clear: both;
}
#topcontrol{
  cursor: pointer;
  width: 60px;
  height: 60px;
  position: fixed;
  background-image: url(../images/up.png);
  background-repeat: no-repeat;
  margin: 10px; 
}
#topcontrol:hover{
  width: 60px;
  height: 60px;
 background-image: url(../images/up-hover.png);
   background-repeat: no-repeat;
 
}
/* _________________________HOVER ___________________________________*/
.referencia{
  background-image: url(../images/referencie_bg.png);
  width: 313px;
  height: 181px;
  float: left;
  margin: 8px;
  font-size:11px;
}

div.fadehover {
	position: relative;
	cursor: pointer;
	width: 301px;
	height: 133px;
	margin: 6px auto;
	display: block;
	}
div.fadehover:hover{
  border-color: #bba4b5;
  border-style: solid;
  border-width: 6px; 
  margin: 0px; 
}	
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
        z-index: 10;
	}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}

 .info{
  height: 17px;
  margin: 0 6px;
 }
 .nadpis{
  float: left;
  color: #edd13f;
  font-weight:bold;
  font-size:11px;
  
 }
 .url{
  float: right;
  font-size:11px;
 }
 .url a{
  color: #eedbdb;
 }
 .url a:hover{
  color: #eedbdb;
  text-decoration: none;
 }
 .popis{
 margin: 0 6px;
 color: #bba4b5;
 font-size:11px;
 }
/*  _______________________ LAVA LAMP ______________________________ */
/* Styles for the entire LavaLamp menu */
.lavaLampBottomStyle {
    position: relative;
    height: 29px;
    width: 821px;
    padding: 0 0 15px 30px;
    overflow: hidden;
    font-family: georgia;
    font-size: 18px;

}
.lavaLampBottomStyle li {
    float: left;
    list-style: none;
}
.lavaLampBottomStyle li.back {
    border-bottom: 2px solid #edd13f ;
    width: 9px;
    height: 30px;
    z-index: 8;
    position: absolute;
}
.lavaLampBottomStyle .current a{
    color: #fff;
}
.lavaLampBottomStyle li a {
    text-decoration: none;
    color: #edd13f;
    outline: none;
    text-align: center;
    top: 7px;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    overflow: hidden;
    margin: auto 20px;
}   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active{
    border: none;
    color: #fff;
}