/* 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:620px;
  
}
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#right-panel{
  margin:5px;
  margin-right:10px;
  padding:0px;
  height:700px;
  float:right;
  background-color:white;
  width:245px;
}
div#right-panel .panel-header {
  height:20px;
  padding:10px;
  background:url('../img/panel-top.gif') no-repeat;
  background-color:#ececec;
  font-size:11pt;
}
div#right-panel .panel-dots {
  background:url('../img/panel-dot.gif') repeat-x;
  background-color:#ececec;
  height:3px;
}
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:630px;
  font-size:9pt;
}       
div#right-panel .panel-content .bold {
  font-weight: bold;
}
div#right-panel .panel-content .cena {
  text-align:right;
  margin-top:0;
  padding-top:0;
  margin-bottom:0;
  padding-bottom:0;
}
div#right-panel .panel-content .cena span{
  font-size:11pt;
  font-weight:bold;
}
div#right-panel .panel-content .vice{
  color:red;
  font-weight:bold;
  font-size:9pt;
  text-align:right;
  margin-bottom:20px;
}
div#right-panel .panel-content .vice a{
  color:red;
  text-decoration:none;
}
div#right-panel .panel-content .vice a:hover{
  text-decoration:underline;
}
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;
}
#footer-links{
color: #777;
text-align:center;
padding-top:10px;
font-size:8pt;
}
#footer-links a {
color: #777;
text-decoration:none;
}
#footer-links a:hover{
text-decoration:underline;
}
p.certifikaty{
padding-top:30px;
text-align:center;
}
div.certifikat1{
float:left;
width:130px;
margin-left:110px;
}
div.certifikat2{
float:left;
width:130px;
}
/* Eshop header, copied from eshop styles */
#header_right {
    float: left;
    margin-bottom: 15px;
    text-align: right;
    width: 98%;
}
/* block top search */
#header_right #search_block_top {
	float: left;
	background: #e5e6e7 url('../eshop/themes/ekoelektro/img/block_search_bg.jpg') no-repeat top right;
	margin-bottom: 11px;
	width: 336px;
	height: 28px;
	margin-left:10px;
}
#header_right #search_block_top p { padding: 0.4em 0 0.4em 1em; margin:0; }
#header_right #search_block_top label, #header_right #search_block_top input { float: left }
#header_right #search_block_top label {
	background: transparent url('../eshop/themes/ekoelektro/img/icon/search.gif') no-repeat 0 2px;
	float: left;
	width: 19px;
	height: 18px;
	display: block
}
#header_right #search_block_top input#search_query { width: 12em }
#header_right #search_block_top label, #header_right #search_block_top input {
    float: left;
}
#search_block_top input.button {
  background-image: url("../eshop/themes/ekoelektro/img/button-medium.gif");
  width: 120px;
  padding:0;
  font-family:Verdana,Arial,Helvetica,Sans-Serif;
  margin-left: 0.7em;
    outline: medium none;
    background-position: left top;
    background-repeat: no-repeat;
    border: medium none;
    color: black !important;
    cursor: pointer;
    display: block;
    font-size: 10px !important;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    text-align: center;
    text-decoration: none !important;
    padding-bottom: 2px;
}
#search_block_top #search_query {
  border: 1px solid #BDC2C9;
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
    font-size: 12px;
    margin-left: 0.7em;
    outline: medium none;
}
#header_right #header_user {
    color: #000000;
    float: right;
    margin-right: 6px;
    text-align: right;
    width: 535px;
}
#header_user ul {
    margin-top: 0.3em;
}
#header_right ul {
    list-style: none outside none;
}
#header_user #shopping_cart, #header_user #your_account {
    font-size: 0.9em;
}
#header_user li {
    float: right;
    line-height: 2em;
    margin-left: 0.5em;
    white-space: nowrap;
}
#header_user #shopping_cart a {
    background-image: url("../eshop/themes/ekoelektro/img/icon/cart.gif");
}
#header_user #shopping_cart a, #header_user #your_account a {
    background-position: left top;
    background-repeat: no-repeat;
    height: 20px;
    padding: 2px 0 4px 26px;
    text-decoration: none;
}
#header_right #header_user a {
    color: #000000;
}
#header_user li#your_account {
    margin-left: 0;
}
#header_user #your_account a {
    background-image: url("../eshop/themes/ekoelektro/img/icon/my-account.gif");
}
#header_user #shopping_cart a:hover, #header_user #your_account a:hover {
  text-decoration:underline;
}