* { 
  padding: 0;  
  margin: 0; 
}

html, body { font-size: 12px; color: #666666; font-family: "Myriad Pro", "Calibri", "Verdana", "Arial"; position: relative; background: url(img/bgr-left.png) repeat-x left top; width: 100%; }
#leftbgr { background: url(img/bgr-left.png) repeat-x left top; width: 50%; height: 291px; position: absolute; left: 0; top: 0; }
#rightbgr { background: url(img/bgr-right.png) repeat-x left top; width: 50%; height: 291px; position: absolute; right: 0; top: 0; } 
a { text-decoration: none; }
img { border: 0; }
table td { padding: 0 30px 10px 0; }    
.clear { clear: both; }

h1 { color: #0479b3; font-size: 19px; font-weight: normal; padding: 5px 0 10px 0; }
h2 { color: #016da7; font-size: 12px; font-weight: normal; }
h3 { color: #666666; font-size: 19px; float: left; font-weight: normal; }

#header { margin: 0 auto; width: 998px; height: 291px; background: url(img/header-bgr.png) no-repeat left top; position: relative;}
#header div#menu { font-size: 25px; text-align: right; width: 300px; position: relative; top: 65px; left: 145px; }
#header div#menu ul { position: relative; }
#header div#menu ul li { list-style: none; display: block; width: 263px; position: relative;}
/* looooooooots of IE hacks */
#header div#menu ul li ul { display: none; position: absolute; right: -200px; top: 0; z-index: 5000; background: #ebebeb; font-size: 15px; border: 2px solid #0590cd; }
#header div#menu ul li ul li { list-style: none; display: block; width: 210px; position: relative; z-index: 5000; }
#header div#menu ul li.active ul li a, #header div#menu ul li.active2 ul li a, #header div#menu ul li ul li a { color: #0691d1; background: url(img/popmenu-spr.png) #ebebeb repeat-x left bottom; position: relative; z-index: 5000; }
#header div#menu ul li.active ul li.last a, #header div#menu ul li.active2 ul li.last a, #header div#menu ul li ul li.last a { color: #0691d1; background: #ebebeb; position: relative; z-index: 5000; }
#header div#menu ul li.active ul li.last a:hover, #header div#menu ul li.active2 ul li.last a:hover, #header div#menu ul li ul li.last a:hover {  color: #ffffff; background: url(img/popmenu-bgr.png) repeat-x left top; position: relative; z-index: 5000; }
#header div#menu ul li ul a:hover, #header div#menu ul li.active ul a:hover, #header div#menu ul li.active2 ul a:hover { color: #ffffff; background: url(img/popmenu-bgr.png) repeat-x left top #00538d; position: relative; z-index: 5000; }
#header div#menu ul li ul a { color: #707070; padding: 5px 10px 5px 0; display: block; width: 200px; position: relative; z-index: 5000; }
/* END of looooooooots of IE hacks */
#header div#menu a { color: #707070; padding: 0 90px 5px 0; display: block; width: 173px; }
#header div#menu a:hover, #header div#menu li.active a, #header div#menu li.active2 a { color: #ffffff; background: url(img/menu-active.png) no-repeat right center; }
#header div#logo { width: 415px; height: 128px; left: 460px; z-index: 0; padding: 100px 0 0 450px;  }
#header div#logo a { width: 100%; height: 100%; display: block; z-index: 0; }
#header div#cite { color: #000000; position: absolute; top: 20px; right: 20px; text-align: right; }

#content { width: 100%; background: url(img/cnt-bgr.png) repeat-x left bottom #ebebeb; padding: 15px 0 0 0; }
#content div#container { width: 780px; margin: 0 auto; clear: both; }
#content div#container div#submenu { width: 222px; float: right; text-align: center; }
#content div#container div#submenu div#directory { width: 100%; background: url(img/submenu-bgr.png) repeat-x left top #00528c; margin-bottom: 20px; }
#content div#container div#submenu div#directory ul { padding: 15px 0; }
#content div#container div#submenu div#directory ul li { list-style: none; display: block; width: 182px; margin: 0 20px 5px 20px; text-align: right; background: url(img/submenu-spr.png) repeat-x bottom left; }
#content div#container div#submenu div#directory ul li.last { background: none; margin-bottom: 0; }
#content div#container div#submenu div#directory ul li a { color: #ffffff; font-size: 17px; display: block; width: 100%; padding-bottom: 5px; }
#content div#container div#flow { width: 538px; padding: 0 20px 0 0; float: left; line-height: 18px;  }
#content div#container div#flow p { padding-bottom: 10px; }
#content div#container div#flow li { margin-left: 20px; }
#content div#container div#lilcards { width: 215px; height: 130px; background: url(img/lilcards.png) no-repeat left top; position: absolute; left: -70px; bottom: -40px; }

#footer { width: 498px; margin: 0 auto 70px auto; padding: 50px 300px 0 200px; clear: both; position: relative; }
#footer td { padding: 0 30px 0 0; vertical-align: top; }
#footer div.vpravo { float: right; padding-left: 20px; }

form table td { vertical-align: top; }
form input { width: 227px; }
form input[type="submit"] { cursor: pointer; padding: 0 10px 2px 0; width: 98px; height: 26px; float: right; border: 0; background: url(img/button.png) no-repeat left top; color: #ffffff; text-transform: uppercase; }
form textarea { width: 227px; height: 120px; }
form input, form textarea { font-family: "Myriad Pro", "Calibri", "Verdana", "Arial"; }

#strankovani { text-align: center; margin: 15px 0 30px 0; font-weight: bold; }
#strankovani a, #strankovani .ditto_currentpage, #strankovani .ditto_off { padding: 0 3px 0 3px; }
#strankovani .ditto_currentpage { color: #0479b3; }
#strankovani .ditto_off { font-weight: normal; }
#strankovani a { color: #000000!important; text-decoration: none; }

div.press-per { clear: both; }
div.press-per h3 { padding-top: 25px; }
div.press-per span.date { display: block; float: right; font-weight: bold; padding-top: 25px; }
div.press-per a.more { color: #0479b3; display: block; float: right; margin-top: -10px; }
div.press-per p { text-align: justify; padding: 0; }
div.press-photo { float: left; width: 179px; height: 178px; }
div.press-photo a.hires { display: block; margin-top: 10px; color: #0483c1; text-align: center; }
div.press-photo div.outer { display: table; height: 128px; #position: relative; overflow: hidden; }
div.press-photo div.outer div.outer2 { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; }
div.press-photo div.outer div.outer2 div.outer3 { #position: relative; #top: -50%; width: 170px; text-align: center;	}      

div.download { height: 40px; background: url(img/download.png) no-repeat left center; float: left; margin-right: 30px; }
div.download a { color: #0479b3; display: block; width: 80px; height: 100%; padding-left: 40px; }
div.download a span { color: #666666; }