@charset "utf-8";
/* CSS Document */
body{
	font: 0.75em Verdana, Helvetica, sans-serif; 
	color: #424242;
	margin: 0;
	padding:0;
	text-align:center;
	 background: #ffffff;
}
.clear{
	clear: both;
	visibility: hidden;
	line-height: 1%;
	font: 1%;
}
h1{
	font: 1em Verdana, Helvetica, sans-serif; 
	font-weight:bold;
	color: #fd5700;
	margin: 0 0 10px 20px;
}
h2{
	font: 1em Verdana, Helvetica, sans-serif; 
	font-weight:bold;
	color: #58585a;
	margin: 0;
}
h2.casopis {
  font: 0.9em Verdana, Helvetica, sans-serif; 
  font-weight:bold;
  float: left;
  margin: 0 20px 0 20px;
  width: 560px;
}
p.casopis {
  float: left;
}
#holderMain{
  width: 900px;
  margin: 0 auto 0 auto;
}
#holderMenu{
  width: 900px;
  height: 78px;
  background: url(../images/bg_menu.jpg) repeat-x center top;
}
#topMenu {
  text-align:center;
  padding: 23px 0 0 0;
}
#topMenu a{
	font: 0.9em Verdana, Helvetica, sans-serif; 
	font-weight:bold;
	color: #ffffff;
  text-decoration:none;
  margin: 0 14px 0 14px;
}

#topMenu img{
  border: none;
}

#topMenu #vlajky {
  text-align: left;
  margin: -10px 0 10px 72px;
}

#topMenu #vlajkyEn {
  text-align: left;
  margin: -10px 0 10px 47px;
}

#topMenu #vlajky a {
  text-align: left;
  margin: 0;
}

#topMenu #vlajkyEn a {
  text-align: left;
  margin: 0;
}

.roundedTop{
  width: 900px;
  height: 26px;
  background: url(../images/rounded_top.jpg) no-repeat center top;
}
#holderLogo{
  width: 700px;
  text-align:right;
  margin:0 auto 0 auto;
}
#holderLogo img{
  float:left;
  margin:0 0 0 15px;
}
#holderContent{
  width: 900px;
  background: url(../images/bg_main.jpg) repeat-y center top;
}
#imgHolder1{
  width: 459px;
  height: 205px;
  float:left;
  margin:20px 0 0 100px;
}
#imgHolder2{
  width: 232px;
  height: 205px;
  float:right;
  margin:20px 100px 0 0;
}
#holderTextArea{
  width: 700px;
  margin:10px auto 0 auto;
}
.grayTop{
  width: 700px;
  height: 11px;
  background: url(../images/gray_top.jpg) no-repeat center bottom;
}
.grayCenter{
  width: 700px;
  text-align:left;
  background: #eeeeee;
}
.grayCenter p{
	font: 0.9em Verdana, Helvetica, sans-serif; 
	color: #58585a;
	margin:0 20px 10px 20px;
}
.halfBox{
  width: 315px;
  float:left;
  margin: 0 0 20px 20px;
}
.halfBox p{
	font: 0.9em Verdana, Helvetica, sans-serif; 
	color: #58585a;
}
.halfBox a{
	font: 0.9em Verdana, Helvetica, sans-serif; 
	color: #fd5700;
}
.halfBox2{
  width: 315px;
  float:left;
  margin: 10px 0 20px 20px;
  text-align: center;
}
.halfBox2 img{
  margin: 10 0 0 0;
}
.grayBottom{
  width: 700px;
  height: 11px;
  background: url(../images/gray_bottom.jpg) no-repeat center top;
}
#holderGray{
  width: 900px;
  height: 43px;
  background: #58585a;
}
.holderGrayText{
	font: 0.9em Verdana, Helvetica, sans-serif; 
	font-weight:bold;
	color: #ffffff;
  text-align: left;
  margin: 13px 0 0 100px;
}
.roundedBottom{
  width: 900px;
  height: 20px;
  background: url(../images/rounded_bottom.jpg) no-repeat center top;
}
#holderOrange{
  width: 900px;
  background: #fd5700;
}
#holderOrangeKontakt{
  text-align:right;
  float:right;
  margin: 20px 100px 20px 0;
}
#holderOrangeKontakt a{
  font: 10px Verdana, Helvetica, sans-serif; 
	color: #ffffff;
	text-decoration: none;
}
.reference{
  width:212px;
  height:115px;
  float:left;
  margin:5px 0 0 16px;
}
.reference img{
  margin:5px 0 0 0;
}
.grayNadpis{
  font: 0.9em Verdana, Helvetica, sans-serif; 
	font-weight:bold;
	color: #58585a;
	margin:0 0 0 5px;
}
.newRef{
  width:300px;
  height:131px;
  float:left;
  margin:20px 0 20px 100px;
}
.newRef img{
  float:left;

}
.newReftext{
  width:150px;
  float:right;
  text-align:left;
}
.whiteNadpis{
  font: 0.9em Verdana, Helvetica, sans-serif; 
	font-weight:bold;
	color: #ffffff;
}
.back{
  width:700px;
  margin:15px 0 0 0;
  text-align:right;
}
.back a{
	font: 0.8em Verdana, Helvetica, sans-serif; 
	color: #58585a;
	margin:0 20px 0 0;
}
.whiteText{
  font: 10px Verdana, Helvetica, sans-serif; 
	color: #ffffff;
}

#holderCopyright{
  width: 900px;
  height: 50px;
  margin:0 auto 0 auto;
}
.copyright{
	font: 0.8em Verdana, Helvetica, sans-serif; 
	color: #979797;
	text-align:right;
  margin: 10px 20px 0 0;
  
}
