HTML
{
}
body
{font-family:Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;font-size:0.7em;color:#333;line-height:150%;margin:0;padding:0;}

TABLE, TD, TH, SELECT, INPUT, OPTION, TEXTAREA, FORM, FIELDSET
{font-size: 100%;font-family:Verdana,Tahoma,Geneva,Arial,Helvetica,sans-serif;}

TABLE
{border-collapse: separate;}
FORM
{margin: 0;}
H1, H2, H3, H4 { color: #42AEDD; margin: 0.5em 0 0.5em 0; padding: 0.4em 0; font-family: arial;}
H1 {font-size: 1.5em;} H2 {font-size: 1.4em;} H3 {font-size: 1.2em;} H4 {font-size: 1.1em;}
p {margin: 0.3em 0 0.6em 0; padding: 0;} .small {font-size: 0.9em;} .big {font-size: 1.1em;}
.text-left {text-align: left;} .text-right {text-align: right;}

A img {border: none;}
A {color: #C10004; font-weight: bold; text-decoration: underline;}
A:visited {color: #C10004;}
A:hover {color: #000; text-decoration: none;}
.comp4-cms-calendar table.wm4-listing td a
{color: #39c; font-weight: bold;}
/*UL, LI {margin:0; padding: 0;}*/
UL {padding: 0 0 0 2em;} UL UL {margin: 1em;}
LI {list-style-position: outside;}

.clear, BODY .wm4-cleaner {clear: both; height: auto;}
.right {float: right; } .left {float: left;}
TD
{
vertical-align: top;
}

/* *************************************************** STRANKA */
.obal
{
background: url(img/bg.png) no-repeat top center;
}
#PAGE
{

width: 860px;
margin: 0 auto;
}


#PAGE .page-in
{
padding: 20px 0 30px 0;


}
/* ************************************************** HLAVICKA */
#HEAD
{
padding-top: 10px;
background: url(img/head-slogan.png) no-repeat top right;
}
#HEAD .right
{
text-align: left;
margin-left:20px;
float:left;
margin-top:10px;

}
#HEAD .sgs
{
width:105px;
margin-top: 0px;
text-align: center;
margin-left:140px;
float:left;
}
#HEAD .sgs a
{
text-decoration:none;
color:#000000;
}
.head-logo A
{
line-height: 140%;
display: block;
background: url(img/vanto-logo.png) no-repeat top left;
/*padding: 5px 5px 5px 5px;*/
margin: 0;
text-decoration: none;
}
.head-logo A span
{
color: gray;
}
.head-logo
{
padding: 0 0 10px 0;
}
.head-logo H1
{
margin: 0 0 0px 0;
padding: 0;
}

A.head-imgreplace
{
display: block;
width: 210px;
height: 60px;
/*overflow: hidden;*/
}

.head-imgreplace span
{
display: none;
}

.head-blok
{
background: url(img/head-blok.png) no-repeat top center;
height: 330px;
position: relative;

}
.head-text
{
position: absolute;
width: 580px;

left: 10px;
top: 0px;
background: url(img/head-text.png) no-repeat top right;
}
.head-text p
{
display: block;
padding: 20px 15px 10px 15px;
line-height: 130%;
margin: 0;
font-size: 14px;
color: white;
}


.head-blok .image
{
padding-top: 40px;
}
.head-blok-r
{
float: right;
width: 258px;

}
.head-blok-r-in
{
padding: 10px;
}
.head-blok-r .nadp { 
text-align: right;
border-bottom: 1px solid #fff;
font-weight: bold;
padding: 2px 0;
margin-top: 8px;
}
.head-blok-r .nadp-ezpr {
background: url(img/bg-ezpr.jpg) no-repeat left top;
position: absolute;
top: 278px;
right:2px;
width:251px;
height:17px;
text-align: center;
font-weight: bold;
padding: 8px 0;
margin-top: 8px;
}
.realizace
{
float: left;
width: 49%;
}
.realizace-in
{
padding: 0 10px 0 0;
}


/* ************** */
#TELO
{
padding: 0 5px;
}
#TELO h2, #TELO h3
{
border-bottom: 1px dotted #ccc;
margin-left:0;
}
.paticka
{
background: url(img/logo-small.png) no-repeat top left;
padding: 10px 0 30px 60px;
}

/* *************************************************** PATICKA */
#BOTTOM
{
border-top: 1px dotted #008CD3;
padding: 12px 10px;
color: #7E9DC0;
margin-top: 15px;
}

/* *************************************************** SDILENI */

#LEFT-COL .in, #RIGHT-COL .in, #MID-COL .in
{
float: left;
width: 100%;
}



/* ************************* */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h{
  margin: 0;
  padding: 0 0 0 10px;
  width: 850; /*For KHTML*/
  list-style: none;
  height: 32px;
  background: url(img/menu-bg.png) no-repeat top left;

}
ul#navmenu-h li A
{
display: block;
}
ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  line-height: 32px;
  padding-right: 20px;
  background: url(img/menu-od.png) no-repeat top right;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 200px;
  list-style: none;
  display: none;
  position: absolute;
  top: 32px;
  left: 0;
  background: white;
  border: 1px solid #efefef;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 200px;
  padding: 0;
  line-height: 120%;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}
ul#navmenu-h a.active
{
color: black;
}
/* Root Menu */
ul#navmenu-h a {
  padding: 0 5px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  margin-right: 0px;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  font-size: 13px;

}
ul#navmenu-h li LI a {
  padding: 5px 5px;
  font-size: 11px;
}
/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {

}
ul#navmenu-h li li a
{
background: white;
}
/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #DBF0F9;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #0080C8;
  color: white;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #FFF;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #FFF;

}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #FFF;

}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #FFF;

}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}

#roll {
    width:  600px;
    height:   280px;
    padding: 0;
    margin:  0;
    overflow: hidden;
}

#roll img {
    width:  600px;
    height:   280px;
    top:  0;
    left: 0
}
.right-box {
  float: right;
  padding-left: 15px;
  padding-bottom: 15px;
}

 a.odkazpaticka {
color: #7e9dc0;
text-decoration: none;
}
 a.odkazpaticka:hover {
color: #7e9dc0;
text-decoration: none;
}
.aktualita {
text-align: justify;
}