*{
margin:0px;
padding:0px;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
margin:0px;
padding:0px;
}

h1 {
  font-size: 1.2em;
  height: 3em;
  line-height: 3em;
  text-transform: uppercase; 
  background-image: url('../img/bg-header.gif');
  background-position: center left;
  background-repeat: no-repeat;
  padding-left:50px;

}

h2 {
height: 2em;
line-height: 2em;
font-size: 1.1em;
font-weight: bolder;
background-image: url('../img/bg-subheader.gif');
  background-position: center left;
  background-repeat: no-repeat;
  padding-left:25px;
/*subheader*/
}



h3 {
font-size: 1em;
font-weight: bolder;
margin-top:10px;
}

p {
font-size:1em;
margin:1em 0;     
}

a {
  color:#002B54;
}

#page {/*918px;*/
  width: 942px;
  margin: auto;
}

#header {
  margin-left:24px;
  height:77px;
  width:916px;
  background-image: url(../img/topbg.gif);
	background-repeat: no-repeat;
	background-position: bottom right; 
}

#header a {
  margin-top:5px;
  float:left;
  display:block;
  width:250px; 
}

#header #slogan {
  float:right;
  text-align:right;
  width:350px; 
  margin:55px 50px 5px 0;
  font-weight:bold;
  font-size:1em;
}


img {
  border:none; 
}



#topflash {
  margin-left:24px;
  height:235px;
  width:916px;
  background-image: url(../img/topimage.jpg);
	background-repeat: no-repeat;
	padding:0px 17px;
}

#topflash #mymovie {
  margin-top:15px;
  margin-left:3px;
}

#lang {
  padding-top:25px;
  float:left;
  width:200px;
  
}

#wrapper {
padding: 0;
width: 916px;
}


#maincontent {
  width: 942px;
   min-height: 800px;
   

}

#hmenu {
  margin-left:24px;
	background-image: url(../img/hmenubg.gif);
	background-repeat: no-repeat;
	background-position: top; 
  width:916px;height:79px;
  background-color:black;
 
}

#hmenu a {
  text-decoration:none;
 
}

ul.horizontal {
list-style-position: inside;
list-style-type: none;
top: 13px;
padding-top: 4px;
margin-left: 412px;
font-size: .9em;
height: 40px;
width: 500px;

}

#navigation {
  margin-left: 412px;
  font-size: 1em;
  height:35px;
  line-height:35px;
  text-align:right;
}



ul.horizontal li {
background-image: url('../img/topbullet.png');
background-position: left bottom;
background-repeat: no-repeat;
float: left;
padding-left: 15px;
padding-right: 10px;
padding-top: 10px;
margin:auto;
}

ul.horizontal li a {
  color:white;
}

ul.horizontal li a:hover {
  color:#f49d33;
}


#vmenu {
  background-image: url('../img/bg-vmenu.gif');
  background-position: top left;
  background-repeat: no-repeat;
  width:240px;
  height: 800px;
  float:left;
}

#vmenu li.selected a {
  color:#f49d33;
}

#vmenu li li {
  /*visible:hidden;*/
}

#produkty {width:192px;height:87px;
	background-image: url(../img/produkty.gif);
	background-repeat: no-repeat;
	background-position: top;
	float:left;  
}


ul.vertical {
margin-left:44px;
list-style-position: outside;
list-style-type: none;
font-size: 0.8em;


padding-top: 10px;
padding-bottom: 17px;



}

ul.vertical li {
background-image: url('../img/gflower.jpg');
background-position: left center;
background-repeat: no-repeat;
padding-left: 26px;
height:20px;
line-height:20px;
}



ul li a {

color: black;
font-weight:bold;
}

#submenu1 {

list-style: inside;
position: relative;
left: 34px;
display: none
}

ul.submenu {
list-style-type: none;
padding: 4px
}

ul.submenu li {
padding-top: 3px
padding-bottom: 3px;
padding-right: 3px;
}




#content {

/*	margin-left: 269px;*/
	min-height: 280px;
	width: 690px;
	margin-top: 0px;
	background-color: #fff;
float:right; 
line-height: 1.3em;
/*	position:absolute;*/
	
}

#content ul {
  margin-left:30px;
}

body > #content {margin-top:0px}

.box-main, .box-marketing, .box-marketing-planovani, .box-marketing-analyzy, .box-marketing-seo {
  background-repeat: no-repeat;
	background-position: bottom right;
  margin-bottom:20px;
  min-height:120px;
}


.underline  { 
  text-decoration:underline;
  font-weight:bold;
}

.box-main  { 
  background-image: url(../img/bg-mainbox.gif);
}

.kreativita  { 
  background-image: url(../img/bg-kreativita.gif);
}

.technologie  { 
  background-image: url(../img/bg-technologie.gif);
}


.box-marketing  {
  background-image: url(../img/bg-marketing.gif); 
}

.box-marketing-planovani  {
  background-image: url(../img/bg-marketing-planovani.gif); 
}

.box-marketing-analyzy  {
  background-image: url(../img/bg-marketing-analyzy.gif); 
}

.box-marketing-seo  {
  background-image: url(../img/bg-marketing-seo.gif); 
}

.box-empty h3, .box-main h3, .box-marketing h3, .box-marketing-planovani h3, .box-marketing-analyzy h3, .box-marketing-seo h3   {
   margin:0;
   padding:0 80px 10px 20px;
   min-height:50px;
   _height:50px;
}


.box-wide {
   margin:2em 0;
   
   background-image: url(../img/bg-widebox.gif);
	 background-repeat: repeat-x;
	 background-position: top left; 

}

.box-wide .heading {
   background-image: url(../img/bg-widebox.gif);
	 background-repeat: repeat-x;
	 background-position: top left; 

}


.box-wide h2 {
  font-size: 1.2em;
  height: 3em;
  line-height: 3em;
  text-transform: uppercase; 
   background-image: url(../img/bg-wideboxheader.gif);
	 background-repeat: no-repeat;
	 background-position: center left; 
	 padding-left:35px;

}


.box-wide .text {

    padding:0 20px 20px 20px;
}

.boxcontent,.boxcontentimg {
	  padding:0 0 10px 0;
	  min-height:90px;
	  width:690px;
}

.boxcontent .text {
	  padding-right:100px;
}

.boxcontentimg .text {
	  width:400px;
	  float:left;
}

.boxcontentimg .image {
	  width:240px;
	  float:right;
	  text-align:right;
}

.context {
    background-image: url(../img/bg-context.gif);
	  background-repeat: no-repeat;
	  background-position: bottom right; 
   
}


.komplex {
    background-image: url(../img/bg-komplex.gif);
	  background-repeat: no-repeat;
	  background-position: bottom right; 
   
}

.komplex .text {
    padding-right:120px; 
   
}




.darecek,.printeq,.dutch {
	  background-repeat: no-repeat;
	  background-position: bottom right; 
}

.cenytisku {
	  background-repeat: no-repeat;
	  background-position: top right; 
}

.darecek {
    background-image: url(../img/bg-darecek.gif); 
}

.printeq {

    background-image: url(../img/bg-printeq.gif); 
}

.dutch {
    background-image: url(../img/bg-dutch.gif); 
}

.cenytisku{
    background-image: url(../img/ss-cenytisku.png); 
}


.darecek .text,.printeq .text,.dutch .text,.cenytisku .text {
    padding-right:130px; 
   
}



.box-narrow .text {
  height:140px;
  padding:0px 10px 10px 20px;

}


.rightbox,.contactform {
  width:295px;
  float:right;
}


.news {
  background-image: url('../img/bg-news.gif');
  background-position: top left;
  background-repeat: no-repeat;
  /*height:185px;*/

}


.news .txt {

  padding:10px 100px 0 0;

}


.news h1 {margin:0;padding:0;
  background-image: url('../img/sun.gif');
  background-position: top left;
  background-repeat: no-repeat;
  padding-left:50px;
  height:50px;
  line-height:50px;
 
}


.captionheader {
  background-image: url('../img/bg-captionheader.gif');
  background-position: top left;
  background-repeat: no-repeat;
  background-color:#000000;
  color:#fff;
  text-transform: uppercase; 
  font-size:1.3em;
  font-weight:bold;
  height:38px; line-height:38px;
  padding-left:100px;
  margin-top:10px;
  margin-bottom:10px;
}

.box-narrow,.box-narrow:hover  {
  
  background-position: top left;
  background-repeat: no-repeat;
  width:340px;
  height:238px;
  
  margin-top:20px;
  margin-bottom:10px;
  background-color:#fff;

}

.box-narrow{
  background-image: url('../img/bg-box.gif');
}


.box-narrow:hover {
  background-image: url('../img/bg-box-hover.gif');
}



.box-narrow h1{
  margin:0;padding:0;
  background-image: url('../img/bg-boxheader.gif');
  background-position: center left;
  background-repeat: no-repeat;
  padding-left:60px;
 /* height:40px;line-height:40px;*/
  margin:10px 20px 0 10px;
}


.box-narrow:hover h1{
  background-image: url('../img/bg-boxheader-hover.gif');
}

.odd1 {
  float:left;
}

.odd0 {
  float:right;
}


.web .text {
  background-image: url('../img/bg-web.gif');
  background-position: 200px 60px;
  background-repeat: no-repeat;
  
}

.web:hover  .text {
  background-image: url('../img/bg-web-hover.gif'); 
}

.eshop .text {
  background-image: url('../img/bg-eshop.gif');
  background-position: 245px 30px;
  background-repeat: no-repeat;
  padding-right:75px;

}


.eshop:hover  .text {
  background-image: url('../img/bg-eshop-hover.gif'); 
}


.ad .text {
  background-image: url('../img/bg-ad.gif');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding-left:90px;
  padding-right:30px;

}


.ad:hover  .text {
  background-image: url('../img/bg-ad-hover.gif'); 
}

.dtp .text {
  background-image: url('../img/bg-dtp.gif');
  background-position: 240px 20px;
  background-repeat: no-repeat;
  padding-right:100px;

}


.dtp:hover  .text {
  background-image: url('../img/bg-dtp-hover.gif'); 
}

.box-narrow:hover .text,.box-narrow:hover h1 {
 
   color:white;

}

.contactform {
  height:295px;
  margin:0;padding:0;
}


.kontakt {
  margin-left:400px;
  background-image: url('../img/contact-arrow.gif');
  background-position: left center;
  background-repeat: no-repeat;
  height:53px;
  line-height:53px;
}

.kontakt a {
  font-weight:bold;
  font-size:0.9em;
  color:black;
  padding-left:9px;
}


.cleaner
{clear:both;
	height:1px;
		font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

#footer {
  background-image: url('../img/bg-footer.gif');
  background-position: top left;
  background-repeat: no-repeat;
  margin-left:24px;
  width:916px;
  height:95px;

}

#contactform {
  margin-top:12px;
  position:relative;
  margin-left:70px;
  padding:3px;
  background-color:#000;
  background-image: url('../img/contact-bullet.gif');
  background-position: center left;
  background-repeat: no-repeat;
  padding-left:30px;
}

#contactform a {
   text-decoration:none;
   font-weight:bold;
   color:white;
   display:block;
   width:130px;
}

#partners {
  margin-top:30px;
  position:relative;
  margin-left:70px;
}

#partners a {
  display:block;
  color:black;
  font-weight:bold;
  text-decoration:none;
  margin:0.5em 0;
}

#partners  a:hover {
  color:#f49d33;
}


.red {
  color:#FF0000;
  font-weight:bold;
  margin:0.5em 0;
}

.marketing-planovani,.marketing-planovani,.marketing-analyzy,.marketing-seo {
	  background-repeat: no-repeat;
	  background-position: bottom right; 
}

.marketing-planovani {
    background-image: url(../img/bg-marketing-planovani.gif); 
}
.marketing-analyzy {
    background-image: url(../img/bg-marketing-analyzy.gif); 
}
.marketing-seo {
    background-image: url(../img/bg-marketing-seo.gif); 
}


.leftcol {
    width:256px;
    float:left; 
}

.rightcol {
    width:424px;
    float:right; 
}


#facebook {
  margin-top:60px;
	margin-left:50px;
}