/* ----------------------------------------------------------------------- */
/* ----- CSS Document ---------------------------------------------------- */ 
/* ----------------------------------------------------------------------- */
/* ----- Copyright 2011, AiVision, s.r.o., http://www.aivision.cz/   ----- */ 
/* ----------------------------------------------------------------------- */

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

body {
  margin: 0px;
  padding: 0px;
  background: #022D57 url(../images/background.png) repeat-x top left; /*/ Nastavení barvy pozadí /*/ 
  color: #777;
  font-family: Verdana;
  font-weight: normal;
  font-size: 12px;
}

/* ----- Kontejner ----------------------------------------------- */ 

.Content {
  width: 980px;
  padding: 10px;
  margin: 10px auto 10px auto;
  background: url(../images/content.png);
  overflow: hidden;
}

/* ----- Hlavička ----------------------------------------------- */ 

.ContentHeader {
  width: 980px;
  text-align:center;
  margin:-28px 0px 0px 0px;
  background-color: white;
}

.ContentHeader img{
  text-align:center;
  margin: 20px 0px -20px 0px;
  background-color: white;
}

.ContentHeader p{
  font-size:30px;
  color:#000;
  font-weight:bold;
}

.ContentHeaderLogo {
  float: left;
  width: 235px;
  padding: 0px 10px 10px 0px; 
}

.ContentHeaderLogo img {
  display: block;
  margin: 0px auto;
}

.ContentHeaderImage {
  float: right;
  position: relative;
  width: 705px;
  height: 160px;
  padding: 10px;
  margin-bottom: 10px;
 /* background: url(../jdp_logo_small.png) no-repeat;             */
  overflow: hidden;
}

.ContentHeaderImageInfo {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 10px;
  text-align: right;
  width: 300px;
}

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

.ContentHeaderImageInfo a:hover {
  color: #444;
}


/* ----- Menu ----------------------------------------------------*/ 

.ContentHeaderMenu {
  clear: both;
  width: 980px;
  background: #094659 url(../images/menu.png) repeat-x top left; /*/ Nastavení barvy menu /*/ 
  overflow: hidden;
}

.ContentHeaderMenu ul {
  margin: 0px;
  padding: 0px 0px 0px 10px;
}

.ContentHeaderMenu ul li {
  display: inline;
}

.ContentHeaderMenu ul li a{
  float: left;
  padding: 10px;
  color: #fff;
  text-decoration: none;  
}

.ContentHeaderMenu ul li a:hover {
  background: #094659 url(../images/menu-on.png) repeat-x top left; /*/ Nastavení barvy menu /*/ 
}

.ContentHeaderMenu ul li .Active {
  background: #094659 url(../images/menu-on.png) repeat-x top left; /*/ Nastavení barvy menu /*/ 
}

/* ----- Obsah ----------------------------------------------------*/ 

.ContentArea {
  width: 980px;
  background: #fff url(../images/left.png) repeat-y 750px 0px;
  overflow: hidden;
}

/* ----- Left ----------------------------------------------------*/ 

.ContentAreaLeft {
  float: left;
  width: 535px;
  padding: 20px;
  line-height:25px;   
}

/* ----- Submenu ----------------------------------------------------*/ 

.ContentAreaLeftSubmenu {
}

.ContentAreaLeftSubmenu ul {
  margin: 0px;
  padding: 0px;
}

.ContentAreaLeftSubmenu ul li {
  display: inline;
}

.ContentAreaLeftSubmenu ul li a{
  display: block;
  padding: 10px; 
  margin-bottom: 10px;
  background: #094659 url(../images/menu.png) repeat-x top left; /*/ Nastavení barvy menu /*/ 
  color: #fff;
  text-decoration: none;
}

.ContentAreaLeftSubmenu a:hover {
  background: #0d475b url(../images/menu-on.png) repeat-x top left; /*/ Nastavení barvy menu /*/ 
}

/* ----- Right ----------------------------------------------------*/ 

.ContentAreaRight {
  float: left;
  width: 360px;
  padding: 20px;
}

/* ----- Fotogalerie ----------------------------------------------------*/

.ContentAreaRightGallery img {
  padding: 1px;
  border: 15px solid #efefef;
  display: block;
  float: left;
  margin-right: 10px;
}

/* ----- Ostatní ------------------------------------------------ */   

h1 {
margin: 0px;
font-size: 18px;
color: #103F4C;
font-weight: normal;
}

h2 {
font-size: 14px;
color: #0d475b;
font-weight: normal;
}

h3 {
font-size: 14px;
color: #000;
font-weight: normal;
}

p {
color: #777;
}

.highlighted{
  color:#008E90;
}

strong {
color: #008E90;
font-weight: normal;
}

a img {
  border: none;
}

.autor {
width: 980px;
margin: 0px auto;
padding: 0px;
text-align: right;
color: #fff;
}

.autor a {
color: #fff;
text-decoration: none;
}

.ContentTable {
  width: 100%;
  border-collapse: collapse;
}

.ContentTable th {
  padding: 3px;
  color: #008E90;
  font-weight: normal;
  text-align: left;
  border: 1px solid #ccc;
  white-space: nowrap;
}

.ContentTable td {
  padding: 3px;
  border: 1px solid #ccc;
}

.ContentTable tr:hover {
  background: #eee;
}



/* ----- Patička ------------------------------------------------ */   

.ContentFooterLeft {
  float: left;
  width: 235px;
  padding: 10px; 
} 

.ContentFooterLeft img {
  vertical-align: middle;
} 

.ContentFooterRight {
  float: left;
  width: 705px;
  padding: 30px 10px 10px 10px;
  text-align: left;
  color: #777;
} 

.ContentFooterRight a {
  color: #777;
  text-decoration: none;
}

.ContentFooterRight a:hover {
  color: #333;
} 

a {
color: #008E90;
}