body {
        margin: 0;
	padding: 0;
	background: #fff url(images/body-home.jpg) repeat-x left top;
}


body.erroris {
        margin: 0;
	padding: 0;
	background: #fff url(images/body-erroris.jpg) repeat-x left top;
}

img {
	margin: 0;
	padding: 0;
}

a {
        margin: 0;
	padding: 0;
	color: #000;
        text-decoration: underline;
        font-family: Verdana, Helvetica, sans-serif;
}

a:hover {
	color: #2D98FF;
        text-decoration: none;
}

a.vice {
        float: right;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 7px;
        margin-bottom: 0px;
	padding: 0;
        color: #ffffff;        
        font-size: 0.8em;
        font-family: Verdana, Helvetica, sans-serif;
        letter-spacing: 0px;
        text-decoration: none;
}

a.vice:hover {
	color: #ffffff;
        text-decoration: underline;

}

ul {
        margin: 0;
	padding: 0;
        background: none;
        border: 0;   
}
		
li {
        margin: 0;
	padding: 0;
        font-size: 1.1em;
        font-family: Verdana, Helvetica, sans-serif; 
        letter-spacing: 0px;
        list-style-image: none;
}

ul.vice {
        margin: 0;
	padding: 0;
        background: none;
        border: 0;   
        color: #ffffff;
}
		
li.vice {
        float: right;
        margin: 0;
	padding: 0;
        color: #ffffff;        
        font-size: 0.9em;
        font-family: Verdana, Helvetica, sans-serif;
        letter-spacing: 0px;
        text-decoration: none;
        list-style-image: url(images/icons/next.gif);
}

ul.txt {
        margin: 0 0px 0px 0;
	padding: 0;
        background: none;
        border: 0;   
}
li.txt {
        margin: 1px 0 1px 20px;
	padding: 0;
        font-size: 0.8em;
        font-family: Verdana, Helvetica, sans-serif; 
        letter-spacing: 0px;
        list-style-image: url(images/icons/butt.gif);
}

ul.refer {
        margin: 0 10px 0px 0;
	padding: 0;
        background: none;
        border: 0;   
}
li.refer {
        margin: 5px 0 3px 0px;
	padding: 0;
        font-size: 0.7em;
        font-family: Verdana, Helvetica, sans-serif; 
        letter-spacing: 0px;
        list-style-image: url(images/icons/refer.gif);
}

p.refer {
	text-align: left;
        margin: 0px 10px 10px 0px;
	padding: 0;
        font-size: 0.8em;
        font-family: Verdana, Helvetica, sans-serif; 
        letter-spacing: 0px;
        color: #000000;
}

p {
	text-align: left;
        margin: 0 0 10px 0;
	padding: 0;
        color: #000000;        
        font-size: 0.8em;
        font-family: Verdana, Helvetica, sans-serif;
        letter-spacing: 0px;
}

p.logo {
	text-align: left;
        margin: 30px 0 20px 0;
	padding: 0;
        color: #000000;        
        font-size: 0.8em;
        font-family: Verdana, Helvetica, sans-serif;
}

p.desc {
	text-align: left;
        margin-top: 0px;
        margin-left: 7px;
        margin-right: 7px;
        margin-bottom: 0px;
	padding: 0;
        color: #000;        
        font-size: 0.8em;
        font-family: Verdana, Helvetica, sans-serif;
        letter-spacing: 0px;
}

p.vice {
	text-align: right;
        margin-top: 0px;
        margin-left: 7px;
        margin-right: 7px;
        margin-bottom: 0px;
	padding: 0;
        color: #ffffff;        
        font-size: 0.8em;
        font-family: Verdana, Helvetica, sans-serif;
        letter-spacing: 0px;
}

p.top {
	text-align: left;
        margin: 0 0 3px 0;
	padding: 0;
        color: #000000;        
        font-weight: bold;
        font-size: 0.8em;
}

p.center {
	text-align: left;
        margin: 5px 0 10px 0;
	padding: 0 0 5px 0;
        color: #000000;        
        font-weight: bold;
        font-size: 0.8em;
        border-bottom: 0px dashed #cecece;
}

h1 {
        text-align: left;
        margin: 0 0 0 130px;
	padding: 95px 0 0 0;
        background: none;
        color: #000000;        
        font-size: 0.9em;
        font-family: Verdana, Helvetica, sans-serif;
        text-decoration: none;
        letter-spacing: -1px;
        border: 0;
        font-weight: normal;
}

h2 {
        text-align: left;
        margin: 10px 0 0px 0;
	padding: 0;
        background: none;
        color: #000000;        
        font-size: 1.4em;
        font-family: Verdana, Helvetica, sans-serif;
        text-decoration: none;
        letter-spacing: 0px;
        border: 0;
        font-weight: normal;
}

h3 {
	text-align: left;
        margin: 10px 15px 5px 0;
	padding: 0 0 2px 0px;
        color: #050505;        
        font-size: 1.0em;
        font-family: Verdana, Helvetica, sans-serif;
        text-decoration: none;
        background: none;
        letter-spacing: 0px;
        border-bottom: 1px solid #cecece;
        font-weight: normal;
}

h3.kontakt {
	text-align: left;
        margin: 10px 15px 5px 0;
	padding: 0 0 2px 0px;
        color: #050505;        
        font-size: 0.9em;
        font-family: Verdana, Helvetica, sans-serif;
        text-decoration: none;
        background: none;
        letter-spacing: 0px;
        border: 0;
        font-weight: normal;
}
h4 {
	text-align: left;
        margin: 5px 0px 5px 0px;
	padding: 0 0px 10px 30px;
        color: #cecece;        
        font-size: 14px;
        font-family: Verdana, Helvetica, sans-serif;
        text-decoration: none;
        background: #252525 url(images/h-four.jpg) no-repeat center top;
        letter-spacing: 0px;
        border-bottom: 0px solid #cecece;
        font-weight: normal;
}

h4.vice {
	text-align: left;
        margin: 10px 15px 5px 0;
	padding: 0 0 2px 0px;
        color: #050505;        
        font-size: 0.9em;
        font-family: Verdana, Helvetica, sans-serif;
        text-decoration: none;
        background: white;
        letter-spacing: 0px;
        border-bottom: 1px solid #cecece;
        font-weight: normal;
}

#header {
	width: 950px;
	height: 15px;
	margin: 0 auto;
        background: none;
}

#menu-bg {
	width: 950px;
	height: 35px;
	margin: 0 auto;
	padding: 0;
        background: #252525;
}

#vodorovne-menu {
width: 950px; 
height:35px; 
margin:0 auto; 

padding:0; 
background:#252525;
}

#vodorovne-menu li {
display: inline; 
float:left; 
list-style-type:none; 
font-family:Verdana,Helvetica,sans-serif;
}

#vodorovne-menu li a {
display:block; 
float:left; 
width:100px; 
height:25px; 
padding:10px 0 0 0; 
margin:0; 
color:#ffffff; 
background:none; 
text-decoration: none; 
text-align:center; 
font-weight:normal; 
font-family:Arial CE,Helvetica,sans-serif; 
letter-spacing:0px; 
font-size:0.8em;
}

#vodorovne-menu li a:hover {
width:100px; 
height:25px; 
padding:10px 0 0 0; 
margin:0; 
text-decoration:none; 
background:url(images/menu-ahx.jpg); 
color:#ffffff;
}

#vodorovne-menu li a.active {
background:#E0E0E0 url(images/menu-act.jpg); 
color:#000000;
}






#logo {
	width: 950px;
	height: 200px;
	margin: 0 auto;
        background: #EFEFEF url(images/logo.jpg);

}

#page {
	width: 950px;
	margin: 0 auto;
        padding: 0px;
	background: url(images/img02.jpg) repeat-y left top;
}

#page-bgtop {
	background: url(images/img01.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
}

#page-bgbtm {
	background: url(images/img03.jpg) no-repeat left bottom;
	padding: 1px;
}

#navigace {
	width: 948px;
	height: 30px;
	margin: 0 auto;
        padding: 0;
        background: #438300 url(images/navigace.jpg) no-repeat center top;
        border: 0;
}

p.navigace {
	text-align: left;
        margin: 0px 0 0px 0;
	padding: 7px 0 0 0;
        color: #ffffff;        
        font-size: 0.6em;
        font-family: Verdana, Helvetica, sans-serif;
        letter-spacing: 0px;
}

a.navigace {
        margin: 0px;
	padding: 0 5px 0 20px;
	color: #fff;
        text-decoration: none;
        font-family: Verdana, Helvetica, sans-serif;
        background: url(images/icons/navig.jpg) no-repeat left top;
}

a.navigace:hover {
	color: #fff;
        text-decoration: underline;
}

a.navigace0 {
        margin: 0;
	padding: 0 5px 0 0px;
	color: #fff;
        text-decoration: none;
        font-family: Verdana, Helvetica, sans-serif;
        background: none;
}

a.navigace0:hover {
	color: #fff;
        text-decoration: underline;
}

#nav { background:#438300; width:948px; height: 150px; position:relative; margin: 0 auto;}

#nav #homepage-nav { background:none; width:948px; height:150px; }

#nav #homepage-nav h2 strong { color:#000000; }
#nav #homepage-nav h2 { height:150px; width:237px; display:block; float:left; margin: 0; position:relative; text-decoration:none; }
#nav #homepage-nav a { height:150px; width:237px; display:block;}

#nav #homepage-nav #tvorba { background:url(images/tvorba-www-stranek.jpg) no-repeat; }
#nav #homepage-nav #eshop { background:url(images/e-shop.jpg) no-repeat; }
#nav #homepage-nav #seo { background:url(images/seo-optimalizace.jpg) no-repeat; }
#nav #homepage-nav #dtp { background:url(images/grafika.jpg) no-repeat; }

#nav #homepage-nav h2 a { position:absolute; top:0; left:0; color:black; text-decoration:none; text-align: left;}
#nav #homepage-nav h2 span.border { background:none; width:223px; height:120px; position:absolute; top:-10px; left:0;  }
#nav #homepage-nav #tvorba .web { background:none; width:200px; height:25px; top:25px; left:7px; padding:3px 0 0 22px; font-weight:normal; font-size:0.7em; }
#nav #homepage-nav #eshop .net { background:none; width:200px; height:25px; top:25px; left:7px; padding:3px 0px 0 22px; font-weight:normal; font-size:0.7em; }
#nav #homepage-nav #seo .sem { background:none; width:200px; height:25px; top:25px; left:7px; padding:3px 0px 0 22px; font-weight:normal; font-size:0.7em; }
#nav #homepage-nav #dtp .gra { background:none; width:200px; height:25px; top:25px; left:7px; padding:3px 0px 0 22px; font-weight:normal; font-size:0.7em; }

#nav2 { background:#438300; width:948px; height: 219px; margin: 0 auto;}



#web-menu0 {
        float: right;
	width: 316px;
	height: 204px;
	margin: 0;
	padding: 0;
        background: #ffffff url(images/webove-menu0.jpg) no-repeat top left;
        border: 0;
}

#web-menu0 ul {
        width: 280px;
        height: 170px;
        margin: 9px 0 0 18px;
        padding: 0px 0 0 0;
        list-style: none;
        font-family: Arial, Helvetica, sans-serif;

}

#web-menu0 li {
        margin: 0;
        padding: 0;
        display: inline;
        font-family: Arial, Helvetica, sans-serif;
}

#web-menu0 a {
        display: block;
        float: left;
        width: 230px;
        height: 26px;
        margin: 0px;
        padding: 8px 0px 0px 50px;
        background: #E5E5E5 url(images/web-menu01.jpg);
        text-decoration: none;
        text-align: left;
        font-size: 12px;  
        font-weight: normal;
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
}

#web-menu0 a:hover {
        background: #C0C0C0 url(images/web-menu02.jpg);
        color: #000;
        font-weight: bold;
}


#kontakt {
        float: left;
	width: 300px;
        height: 75px;
	margin: 15px 8px 10px 0px;
	padding: 0;
        background: #c0c0c0 url(images/bg-cont.jpg) repeat-x top left;
}

p.cont {
	text-align: right;
        margin: 0px;
	padding: 17px 20px 0 0;
        color: #000;        
        font-size: 0.9em;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0px;
}

a.cont {
	float: right;
        margin: 0px;
	padding: 0 20px 0 0;
        color: #fff;        
        font-size: 0.9em;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0px;
        text-decoration: underline;
}

a.cont:hover {
        color: #000;        
        text-decoration: none;
}



#web-menu {
        float: right;
	width: 316px;
	height: 204px;
	margin: 15px 0 0 0;
	padding: 0;
        background: #ffffff url(images/webove-menu.jpg) no-repeat top left;
        border: 0;
}

#web-menu ul {
        width: 280px;
        height: 169px;
        margin: 10px 0 0 18px;
        padding: 0px 0 0 0;
        list-style: none;
        font-family: Arial, Helvetica, sans-serif;

}

#web-menu li {
        margin: 0;
        padding: 0;
        display: inline;
        font-family: Arial, Helvetica, sans-serif;
}

#web-menu a {
        display: block;
        float: left;
        width: 100px;
        height: 54px;
        margin: 0;
        padding: 30px 20px 0px 20px;
        background: #E5E5E5 url(images/web-menu1.jpg);
        text-decoration: none;
        text-align: center;
        font-size: 12px;  
        font-weight: normal;
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
}

#web-menu a:hover {
        background: #C0C0C0 url(images/web-menu2.jpg);
        color: #000;
        font-weight: bold;
}

.layout-nav22 {
        float: left;
	width: 632px;
	height: 204px;
	margin: 15px 0 0 0;
	padding: 0;
        background: #4383ff;
        border: 0;
}

img.pix {
        float: left;
	width: 316px;
	height: 204px;
	margin: 0;
	padding: 0;
        background: none;
        border: 0;
}

#navi-text2 {
	width: 948px;
	height: 69px;
	margin: 0 auto;
        padding: 0;
        background: #438300;
        border-top: 0;
        border-bottom: 0;
        border-left: 0px solid #438300;
        border-right: 0px solid #438300;
}

.layout2 {
        float: left;
	width: 237px;
	height: 69px;
	margin: 0;
	padding: 0;
        background: #438300;
        border: 0;
}

#navi-text {
	width: 948px;
	height: 99px;
	margin: 0 auto;
        padding: 0;
        background: #438300;
        border-top: 0;
        border-bottom: 0;
        border-left: 0px solid #438300;
        border-right: 0px solid #438300;
}

.layout {
        float: left;
	width: 237px;
	height: 99px;
	margin: 0;
	padding: 0;
        background: #438300;
        border: 0;
}

#left {
        float: left;
	width: 632px;
	margin: 0;
	padding: 15px 0 0 0;
        background: #ffffff url(images/elar.jpg) repeat-x top left;
}

#ref {
        float: left;
	width: 632px;
	margin: 0 0 15px 0;
	padding: 0;
        background: #fff;
        border: 0;
}

.ref-1 {
        float: left;
	width: 316px;
	margin: 0;
	padding: 0;
        background: #fff;
}

#right {
        float: left;
	width: 316px;
	margin: 0;
	padding: 15px 0 0 0;
        background: #fff url(images/elar.jpg) repeat-x top left;
}



#foo-bg {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	height: 215px;
	background: #252525 url(images/elar.jpg) repeat-x top left;
}

#foo {
	width: 950px;
	height: 200px;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 0;
	text-align: center;
	font-size: 10px;
	font-family: normal Arial CE, Helvetica, sans-serif;
	color: #86EA66;
        background: #252525 url(images/elar.jpg) repeat-x top left;
}

.layout-foo {
        float: left;
	width: 237px;
	height: 180px;
	margin: 15px 0 0 0;
	padding: 0;
        background: #252525;
        border: 0px solid black;
}


ul.foo {
        text-align: left;
        margin: 0 0 0px 0;
	padding: 0;
        background: none;
        border: 0;   
}
li.foo {
        margin: 2px 0 3px 45px;
	padding: 0 0 0px 0;
        font-size: 1.2em;
        font-family: Verdana, Helvetica, sans-serif; 
        letter-spacing: 0px;
        list-style-image: url(images/icons/foo.gif);
        color: #cecece;
}


#foo p {
        font-size: 1.2em;
        text-align: center;
	padding: 0;
        color: #000000;
	font-family: normal Arial CE, Helvetica, sans-serif;
}

#foo a {
        font-size: 1.0em;
	color: #cecece;
        text-decoration: none;
	font-family: normal Arial CE, Helvetica, sans-serif;
}

#foo a:hover {
	color: #438300;
        text-decoration: underline;

}

#foo1-bg {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	height: 50px;
	background: #252525;
}

#foo1 {
	width: 950px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: normal Arial CE, Helvetica, sans-serif;
	color: #86EA66;
        background: #252525 url(images/foo1.jpg) no-repeat center top;
}

#foo1 p {
        font-size: 0.6em;
        text-align: center;
        font-weight: bold;
	margin: 0px 0 0 0;
	padding: 25px 0 0 0;
        color: #cecece;
	font-family: normal Arial CE, Helvetica, sans-serif;
        letter-spacing: 0px;
}

#foo1 a {

	color: #cecece;
        font-weight: bold;
        text-decoration: underline;
	font-family: normal Arial CE, Helvetica, sans-serif;
}

#foo1 a:hover {
	color: #438300;
        text-decoration: none;

}

#foo2-bg {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #252525;
}

#foo2 {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: normal Arial CE, Helvetica, sans-serif;
	color: #86EA66;
        background: #252525;
}

#foo2 a {
        font-size: 0.6em;
	color: #000000;
        font-weight: normal;
        text-decoration: underline;
	font-family: normal Arial CE, Helvetica, sans-serif;
}

#foo2 a:hover {
	color: #438300;
        text-decoration: none;

}