body {
	background:url(../images/bg.jpg) repeat-x #FFF;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}

p {margin:0;}
h1, h2, h3 {margin:0 0 0.3em 0;}

.h1_welcome {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:900;
font-size:20px;
font-style:italic;
color:#2F2929;
margin:0.2em 0 1em 0;
line-height:26px;
}

#top {width:1000px; height:100px; margin:auto; padding:0;}
#top .logo {width:510px; height:70px; margin:0; padding:1em 0 0 1.2em; float:left;}
#top .menu {padding:2.1em 0 0 0;}
#header {width:1000px; height:328px; margin:auto; padding:0; }
#header .left {width:213px; height:328px; margin:0; padding:0; float:left; background:url(../images/img_08.jpg) no-repeat;}
.center0 {width:545px; height:328px; margin:0; padding:0; float:left; background:url(../images/img_09.jpg) top center no-repeat #8DCB04; color:#2F2C2C; line-height:18px;}
.center1 {width:545px; height:328px; margin:0; padding:0; float:left; background:url(../images/img_09_02.jpg) top center no-repeat #8DCB04; color:#2F2C2C; line-height:18px;}
.center2 {width:545px; height:328px; margin:0; padding:0; float:left; background:url(../images/img_09_03.jpg) top center no-repeat #8DCB04; color:#2F2C2C; line-height:18px;}
.center3 {width:545px; height:328px; margin:0; padding:0; float:left; background:url(../images/img_09_04.jpg) top center no-repeat #8DCB04; color:#2F2C2C; line-height:18px;}
#header .center0 .center_text {width:500px; padding:22px; font-size:12px;}
#header .center1 .center_text {width:500px; padding:22px; font-size:12px;}
#header .center2 .center_text {width:500px; padding:22px; font-size:12px;}
#header .center3 .center_text {width:500px; padding:22px; font-size:12px;}
#header .right {width:242px; height:328px; margin:0; padding:0; float:right;}
#container {width:1000px; height:auto; margin:auto; padding:0 0 0 0; background:url(../images/container_bg.gif) repeat-y; }
#container .leftbox {float:left; margin:0; width:214px; padding:15px 0 15px 0; font-size:12px; color:#535353; line-height:18px;}
#container .centerbox {float:left; margin:0; width:515px; padding:15px; font-size:12px; color:#535353; line-height:18px;}
#container .rightbox {float:right; margin:0; width:210px; padding:15px; font-size:12px; color:#535353; line-height:18px;}
#footer {width:1000px; height:113px; margin:auto; padding:0; background:url(../images/img_16.jpg) no-repeat;}
#footer .copyright {width:680px; padding:2em 0 0 2em; margin:0; float:left; font-size:11px; color:#535353;}
#footer .creator {width:270px; padding:2em 2em 0 0; margin:0; float:right; font-size:11px; color:#535353;}


#header #center {_margin-left:-40px;}
#header #center2 {_margin-left:-40px;}
#header #center3 {_margin-left:-40px;}
#header #center4 {_margin-left:-40px;}
#header .right {_margin-left:-18px; display: inline;}
.menutitle {width:40px;}



#divTest ul { 
  list-style: none outside; 
  margin: 0; 
  padding: 0; 
} 


.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	margin:0;
}
* html .clearfix {height: 1%;}

.mainmenu {
margin: 0;
padding: 0;
float: right;
font-size:12px;
width: 44%;
overflow: hidden;
margin-bottom: 1em;
background: none;
}

.mainmenu li{
display: inline;
}

.mainmenu li a{
float: left;
color: gray;
padding: 9px 16px;
text-decoration: none;
}

.mainmenu li a:visited{
color: none;
background:none;
}

.mainmenu li a:hover, .mainmenu li .current{
color: black;
background: transparent url(../images/menu_bg.gif) center center no-repeat;
}

/* RIGHT MENU */

.rightmenu{
background-color: white;
border-bottom-width: 0;
width: 242px;
height:82px;
}

* html .rightmenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 224px;
height: 82px;
}

.rightmenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.dynamicDrive0 a,.dynamicDrive0_cur a{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:900;
font-size:12px;
/* font-style:italic; */
background:#8FCA0D;
padding: 18px 0 0px 18px;
display: block;
width: 100%; /*Define width for IE6's sake*/
height:64px;
color: #2F2C2C;
text-decoration: none;
}

.dynamicDrive0_sub a{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:900;
font-size:12px;
/* font-style:italic; */
background:#8FCA0D;
padding: 18px 0 0px 18px;
display: block;
width: 100%; /*Define width for IE6's sake*/
height:64px;
color: #2F2C2C;
text-decoration: none;
}

.sub {font-size:12px; color: #2F2C2C; font-family:Geneva, Arial, Helvetica, sans-serif, Helvetica, sans-serif;}

.dynamicDrive1 a{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:900;
font-size:12px;
/* font-style:italic; */
background:url(../images/img_11.jpg) top center no-repeat;
padding:18px 0 0px 18px;
display: block;
width: 100%; /*Define width for IE6's sake*/
height:64px;
color: #2F2C2C;
text-decoration: none;
}

.dynamicDrive1_sub a{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:900;
font-size:12px;
/* font-style:italic; */
background:url(../images/two_sub.jpg) top center no-repeat;
padding:18px 0 0px 18px;
display: block;
width: 100%; /*Define width for IE6's sake*/
height:64px;
color: #2F2C2C;
text-decoration: none;
}

.dynamicDrive1_cur a{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:900;
font-size:12px;
/* font-style:italic; */
background:#9DDC05;
padding:18px 0 0px 18px;
display: block;
width: 100%; /*Define width for IE6's sake*/
height:64px;
color: #2F2C2C;
text-decoration: none;
}

.dynamicDrive2 a{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:900;
font-size:12px;
/* font-style:italic; */
background:url(../images/img_12.jpg) top center no-repeat;
padding: 18px 0 0px 18px;
display: block;
width: 100%; /*Define width for IE6's sake*/
height:64px;
color: #2F2C2C;
text-decoration: none;
}

.dynamicDrive2_cur a{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:900;
font-size:12px;
/* font-style:italic; */
background:#ACE905;
padding: 18px 0 0px 18px;
display: block;
width: 100%; /*Define width for IE6's sake*/
height:64px;
color: #2F2C2C;
text-decoration: none;
}

.dynamicDrive3 a{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:900;
font-size:12px;
/* font-style:italic; */
background:url(../images/img_13.jpg) top center no-repeat;
padding: 18px 0 0px 18px;
display: block;
width: 100%; /*Define width for IE6's sake*/
height:64px;
color: #2F2C2C;
text-decoration: none;
}

.dynamicDrive3_cur a{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:900;
font-size:12px;
/* font-style:italic; */
background:#B8F104;
padding: 18px 0 0px 18px;
display: block;
width: 100%; /*Define width for IE6's sake*/
height:64px;
color: #2F2C2C;
text-decoration: none;
}

.rightmenu a:visited{
	color: none;
}

html>body .rightmenu a{ /*Non IE rule*/
width: auto;
}

.rightmenu a:hover{
color: black;
}

/* LEFT MENU */ 
.leftmenu{
	border-bottom-width: 0;
	width: 213px;
	padding-top:11px;
}

* html .leftmenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 213px;
}

.leftmenu ul{
padding: 0;
margin: 0;
list-style-type: none;
font-style:bold;
}

.leftmenu li a{
	font: 12px Verdana;
	font-style: bold, italic;
	padding: 8px 20px;
	display: block;
	width: 173px; /*Define width for IE6's sake*/
	color: #FFF;
	text-decoration: none;

	font-weight:900;
}

.leftmenu a:visited{
color: #FFF;
}

html>body .leftmenu a{ /*Non IE rule*/
width: auto;
}

.leftmenu a:hover{
color: #FFF;
background:url(../images/arrow.gif) 8px 17px no-repeat;
}

/* MENUS CHANGER */

<style type="text/css">

.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 350px;
height: 550px; /* Set height to be able to contain height of largest content shown*/
border: 5px solid maroon;
overflow: hidden;
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
background: white;
padding: 10px;
visibility: hidden;
width: 330px;
}

.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 350px;
border: 5px solid maroon;
border-top-width: 0;
overflow: hidden;
}

.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
border-right: 2px solid maroon;
padding: 0 5px;
float: left;
display: block;
font-weight: bold;
color: black;
}

.fadecontenttoggler a:hover{
background: #C03021;
color: white;
}

.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}

.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #C03021;
color: white;
}

.style3
{
font-size: 16px;
align: center;
}

.uvod
{
font-size: 14px;
font-style: bold;
color: white;
}

.uvodnadpis
{
font-size: 16px;
font-style: bold;
color: white;
}

.rightbox img {border: 0; }
 

.company {
	margin-left: 5px;
	color: white;
	font-size:12px;
	font-weight:900;
}

.company a {
	color: white;
}

.fotogallery a {
  	color: #cccccc;
}
