/* CSS Document */
body {
  margin-top:0;
  padding-top:0;
  background-color:#e7e7e7;
  font-family:Comfortaa Regular,Tahoma;
  font-size:11pt;
}

a img{
  border:none;
  cursor:pointer;
}

div#ekoelektro{
  margin-top:0;
  float:center;
  width:950px;
  background:url('../img/border-shadow.gif') bottom left no-repeat;
  background-color:white;
  padding:4px;
  margin-left: auto; 
  margin-right: auto;
}

div#main-content {
  float:left;
  background-color:white;
  width:600px;
}

/* top div */
div#ekoelektro div#top img {
    float:center;
    padding:8px;
    padding-left:15px;
    text-align:center;
}
div#ekoelektro div#top div.imgdiv {
  float:left;
  width:293px;
  text-align:center;
}
div#top ul#main-menu {
  padding-top:20px;
}
ul#main-menu li {
  list-style:none; 
  float:left;
  vertical-align:top;
  height:45px;
  background-image: url(dot.png);
  background-repeat: repeat-y;
  font-size:10pt;
}
div#top ul#main-menu a {
  display:block;
  padding-top:0;
  padding-left:10px;
  padding-right:20px;
  text-decoration:none;
  color:black;
}
div#top ul#main-menu a h2 {
  color:#fa0100;
  font-weight:normal;
  font-size:10pt;
  font-weight:bold;
}
div#top ul#main-menu a strong {
  color:#fa0100;
  font-weight:normal;
  font-size:10pt;
  font-weight:bold;
}
/** header */
div#header{
 background-color:#196fba;
 color:white;
 clear:both;
 height:250px;
 margin:10px;
}
div#header div#popis-firmy {
 width:244px; 
 height:210px;
 float:left;
 text-align:center;
 font-size:10pt;
 padding:20px;
 
}
div#header div#header-img {
  float:left;
  height:100%;
  width:646px;
  margin:0;
  background-image:url('../img/header-image.gif');
}

/** main */
div#main {
  height:470px;
}
div#main div#main-content {
  padding:20px;
}
div#main div#main-content h1{
  font-size:12pt;
}
div#main div#main-content h2{ 
  font-size:10pt;
}
div#main div#main-content h3{
  font-size:9pt;
}
div#main div#main-content .navigace {
  color:black;
  font-size:8pt;
  font-weight:bold;
  margin-right:5px;
  background:url('../img/navigation.gif') left no-repeat;
  padding-left:15px;
}
div#main div#main-content .navigace-first {
  color:black;
  font-size:8pt;
  font-weight:bold;
  margin-right:5px;
}
div#main div#main-content .navigace a{
  text-decoration:none;
  color:black;
  font-size:8pt;
}
div#main div#main-content .navigace-first a{
  text-decoration:none;
  color:black;
  font-size:8pt;
}
div#main div#main-content .navigace a:hover{
  text-decoration:underline;
}
div#main div#main-content .navigace-first a:hover{
  text-decoration:underline;
}
div#main div#main-content a {
  font-size:9pt;
  font-weight:bold;
}
div#main div#main-content .akcni_cena{
  color:red;
  font-weight:bold;
}
div#main div#main-content .platnost_akce{
  font-weight:bold;
  font-size:9pt;
}
div#main div#right-panel{
  margin:5px;
  margin-right:10px;
  padding:0px;
  height:100%;
  float:right;
  background-color:white;
  width:245px;
}
div#main div#right-panel .panel-header {
  height:20px;
  padding:10px;
  background:url('../img/panel-top.gif') no-repeat;
  background-color:#ececec;
  font-size:11pt;
}
div#main div#right-panel .panel-dots {
  background:url('../img/panel-dot.gif') repeat-x;
  background-color:#ececec;
  height:3px;
}
div#main div#right-panel .panel-content{
  background:url('../img/panel-bottom.gif') bottom left no-repeat;
  background-color:#ececec;
  padding:10px;
  padding-right:3px;
  padding-top:3px;
  margin-top:0;
  height:400px;
  font-size:9pt;
}
div#main div#right-panel .panel-content .cena {
  text-align:right;
  margin-top:0;
  padding-top:0;
  margin-bottom:0;
  padding-bottom:0;
}
div#main div#right-panel .panel-content .cena span{
  font-size:11pt;
  font-weight:bold;
}
div#main div#right-panel .panel-content .vice{
  color:red;
  font-weight:bold;
  font-size:9pt;
  text-align:right;
  margin-bottom:20px;
}
div#main div#right-panel .panel-content .vice a{
  color:red;
  text-decoration:none;
}
div#main div#right-panel .panel-content .vice a:hover{
  text-decoration:underline;
}
div#main div#right-panel .panel-content span.zvyrazneni{
  color:red;
  font-weight:bold;
}
/** footer */
#footer{
  clear: both;
  font-size:8pt;
  text-align:center;
  color:white;
  padding-top:10px;
  vertical-align:top;
  height:30px;
  margin:0px;
}
#footer div{
  padding:8px;
}

.center {
  text-align:center;
}
.center-red{
  color:red;
  text-align:center;
}
.center-popisek{
  text-align:center;
  font-size:8pt;
}