BODY{
  padding:0px;
  margin:0px;
  font-family:Arial, Verdana;
  font-size:11px;
  background-color:#D5D3D4;
}
IMG { border:0px; }
A { color:#FF9801; text-decoration:underline; }
A:hover{ text-decoration:none; }

.padding { padding:5px 5px 5px 12px; }

#menu{ background-color:#ffffff; }
#menubottom { float:right; }

#top{
  width:100%;
  background: url(img/bg_top.gif) #fff top left repeat-x;
}
#header{
  width:960px;
  height:100px;
  display:block;
}
#middle{ 
  background: url(img/bg_main.gif) #ffffff left bottom repeat-x; 
}
#content { 
  text-align: left;
  width:960px;
}

#rightbox{
  float:right;
  width:200px;
  border-left:1px solid #B2B1B1;
}
#left{
  float:left;
  width:750px;
}
#sec_1{
  width:500px;
  height:100px;
  margin-left:100px;
  margin-top:10px;
  background:url(img/sec_1.gif) top left no-repeat;
}
#sec1 H3 { margin-bottom:0px;padding-bottom:0px;}
.container1{
  padding-left:70px;
}

#sec_2{
  width:500px;
  height:120px;
  margin-left:200px;
  margin-top:25px;
  font-size:12px;
  background:url(img/sec_2.gif) top left no-repeat;
}
.container2{
  padding-left:90px;
}
#sec_2a{
  width:500px;
  height:80px;
  margin-left:125px;
  margin-top:40px;
  font-size:12px;
  background-position:top left;
  background-repeat:no-repeat;
}
.container2a{
  padding-left:90px;
}
#sec_sales{
  width:700px;
  height:80px;
  margin-left:100px;
  margin-top:25px;
  font-size:12px;
  background-position:top left;
  background-repeat:no-repeat;
}
.container3{
  padding-left:50px;
}

#hp_eshop {width:210px;float:left;}
#hp_cms {width:210px;float:left;}
#hp_booking {width:210px;float:left;margin-left:5px;}

#sec_3{
  width:600px;
  height:140px;
  margin-top:20px;
  font-size:13px;
  background:url(img/sec_3.gif) top left no-repeat;
}
.container3{
  padding-left:110px;
}

/* hlavicky podstranek */
.podstranka { 
  float:left;
  width:759px;
  background:transparent left top no-repeat;
    
}
#sec_marketing{
  background-image:url(img/hd_internet_marketing.gif);
}
#sec_public_relations{
  background:url(img/hd_public_relations.gif) left top no-repeat;
}

#sec_webdesign{
  background:url(img/hd_webdesign.gif) left top no-repeat;
}
#sec_reference{
  background:url(img/hd_reference.gif) left top no-repeat;
}
#sec_blog{
  background:url(img/hd_blog.gif) left top no-repeat;
}
#sec_kontakt{
  background:url(img/hd_kontakt.gif) left top no-repeat;
  font-size:12px;
}
.container_podstranka{
  margin-top:58px;
  margin-left:59px;
  padding:20px;
  border-left:2px solid #909090;
}
/* puvodni styly referenci - neznam uziti */
.refer_image{
  float:left;
  padding-right:15px;
  border-right:2px solid #909090;
  margin-right:15px;
}
.refer_text{
  float:right;
  width:450px;
}
/* nove styly referenci */
.reference { 
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom:1px solid #ddd;
}
.reference .screen {
  float:left;
  margin-right:10px;
  padding:5px;
  background:#EEE;
}
.reference .info { float: left; }
.reference .info .name { font-weight: bold; }
.reference A { color: black; }
.separator {
  margin-top:0px;
  margin-bottom:10px;
  border:1px dotted #FF9801;
}

/* cistici blok na konci stranky a paticka*/
#clear{
	height:50px;
	clear: both;
}
#bottom{
  background:url(img/bg_bottom.gif) top left repeat-x;
  height:116px;
}
#footer{ width:960px; color:#707070; }
#footer A{ color:#707070; }
#footer A:hover{ color:#FF9801; }

/* univerzal "cistici" bloky */
.clear, .clearleft, .clearright { line-height: 0px; height: 0px; font-size: 0px; }
.clear { clear: both; }