html,body {
  margin:0;
  padding:0;
  background: url(http://eddica.cz/img/web/01_background.jpg) no-repeat top center;
  }

body {
  font: normal 10pt Verdana, Geneva, Arial, Helvetika, sans-serif;
  text-align:center;
  }

p {
  margin: 10px 10px;
  }

p.sm {
  font: normal 8.5pt Verdana, Geneva, Arial, Helvetika, sans-serif;
  }

table {
  margin: 10px 10px;
  }
th {
  padding: 5px;
  font: bold 10pt Verdana, Geneva, Arial, Helvetika, sans-serif;
  background-color: #DFDFDF;
  text-align: center;
  }

td.cnt {
  text-align: center;
  padding-left:38px;
  }


.error {
  color: #ff0000;
  } 
.ordered {
  color: #DA251C;
  font-weight: bold;
  }

a {
  color: #DA251C;
  text-decoration: none;
  }

a:hover {
  color: #000000;
  text-decoration: none;
  }

a.js {
  color: #023C77;
  text-decoration: none;
  }

a.js:hover {
  color: #000000;
  text-decoration: none;
  }

#navigation .menu-main {
 height: 1%;
 line-height: 1.2;
 margin: 5px 0 0 0;
 padding: 1px;
 }

#navigation .menu-main a{
 display:block;
 color: #ff0000;
 text-transform: uppercase;
 background-color: #F6F6F6;
 /*background-color: #4B5B8F;*/
 margin: 2px 2px 2px 2px;
 padding: 5px 5px 5px 10px;
 /*color: #004C3D;*/
 font: bold 12px "Trebuchet MS" Helvetica Verdana sans-serif;
 text-decoration: none;
 }

#navigation .menu-main .l1{
 display:block;
 color: #ff0000;
 text-transform: uppercase;
 background-color: #FFDDDD;
 /*background-color: #4B5B8F;*/
 margin: 2px 2px 2px 2px;
 padding: 5px 5px 5px 10px;
 /*color: #004C3D;*/
 font: bold 12px "Trebuchet MS" Helvetica Verdana sans-serif;
 text-decoration: none;
 }

#navigation .menu-main .l1:hover{
  color: #000000;
  text-decoration: none;
 }


#navigation .menu-main .l1a{
 display:block;
 color: #ff0000;
 text-transform: uppercase;
 background-color: #DDE4FF;
 /*background-color: #4B5B8F;*/
 margin: 2px 2px 2px 2px;
 padding: 5px 5px 5px 10px;
 /*color: #004C3D;*/
 font: bold 12px "Trebuchet MS" Helvetica Verdana sans-serif;
 text-decoration: none;
 }

#navigation .menu-main .l1a:hover{
  color: #000000;
  text-decoration: none;
 }


#navigation .menu-main .l2{
 display:block;
 color: #ff0000;
 text-transform: none;
 background-color: #DFDFDF;
 margin: 2px 2px 2px 2px;
 padding: 5px 5px 5px 20px;
 font: bold 12px "Trebuchet MS" Helvetica Verdana sans-serif;
 text-decoration: none;
 }
 
#navigation .menu-main a.l2:hover {
  color: #000000;
  text-decoration: none;
  }


#navigation .menu-main .pr{
 display:block;
 color: #ff0000;
 text-transform: none;
 background-color: #FFEFEF;
 margin: 2px 2px 2px 2px;
 padding: 5px 5px 5px 10px;
 font: normal 12px "Trebuchet MS" Helvetica Verdana sans-serif;
 text-decoration: none;
 }
 
#navigation .menu-main a.pr:hover {
  color: #000000;
  text-decoration: none;
  }




div#container {
  text-align:left;
  width:950px;
  margin:0 auto;
  }

div#header{
  text-align: center;
  height: 210px;
  }

div#flash-1{
  float:left;
  width:242px;
  height: 59px; 
  margin-left: -833px; 
  margin-top: 25px; 
  }

div#flash-2{
  float:left;
  width: 240px;
  height: 59px; 
  margin-left:-360px; 
  margin-top:25px;
  margin-right: 0px;
  background: transparent; 
  }

div#header-wrapper{float:left;width:100%}

div#header-content{
  width: 231px; 
  height: 59px; 
  margin: 25px 358px; 
  background: url(http://eddica.cz/img/web/01_logo.gif) no-repeat top center;
  /*border: 1px solid red;*/
  }

/*div#squares{
  width:100%; 
  height: 50px;
  border: 1px solid red;
  }*/

div#header-clear{
  clear:left;
  width:100%; 
  height: 20px;
  text-align: center;
  padding-bottom: 10px;
  }
/*
div#flash-1{float:left;width:150px;margin-left:-800px}
div#flash-2{float:left;width:150px;margin-left:-150px}*/

/********************************************************************** moje horizontální menu  ***********************************/
.obal_menu{
  text-align: right;
  border-top: 1px solid #ddd; 
  border-bottom: 1px solid #ddd;
  height: 35px; 

  }
#menu {
  font: bold 11px Verdana, Geneva, Arial, Helvetika, sans-serif;
  text-transform: uppercase;
  width: 100%;
  float: right; 
  clear: right; 
  padding-top: 10px; 
  padding-bottom: 5px;
  }

#menu a {
  color: #DA251C; 
  font-size: 11px;
  text-decoration: none;
  }
#menu a:hover {
  color: #000000; 
  }


#menu ul.main {width: 900px;}
#menu ul {list-style-type:none; margin: 0; padding: 0 5px;}
#menu ul.sub {list-style-type:none; margin: 0; padding: 0 5px;}
#menu li {float: left; width: 120px;}
#menu li, #menu ul.sub li {margin: 0; padding: 0 5px;}
#menu h3 { font-size: 90%; margin:0; padding: 1px;}
#menu h3 a {text-transform: uppercase; display: block; text-decoration: none; width: 100%; padding: 4px 5px; /* padding-right: 5px; */ color:#DA251C; font-size: 11px; }
#menu h3 a:hover {color: Black; text-decoration: none;}
ul.sub {width: 120px; background-color: white; position: absolute; border: 1px solid #ddd; z-index: 10; visibility:hidden;} /*pokud vynecháme tento řádek budeme mít při vypnutém JavaScriptu přístupné menu pod sebou*/
#menu ul.sub li {display: block; width: 100%; margin:0; padding: 0 5px;}
#menu ul.sub li a {display: block; margin: 0; width: 100%; padding: 4px 10px; background-color: white; color: #DA251C; font-size: 11px;}
#menu ul.sub li > a {width: 90%;}
#menu ul.sub li a:hover {color: black; /* -left: 10px solid yellow; */} 
#menu ul li.main:hover h3 a {color: inherit;}
#menu ul li.main {position: relative; margin-right: 7px; }
#menu ul li > ul.sub {position: absolute; z-index:10; visibility: hidden; width: 150%;}
#menu ul li.main:hover ul.sub {visibility: visible;}

#menu-support {position: absolute; margin: 3px 0px 1px 800px;}
#menu-support a {font: bold 10pt Verdana, Geneva, Arial, Helvetika, sans-serif; text-transform: uppercase; display: block; text-decoration: none; width: 100%; padding: 4px 5px; /* padding-right: 5px; */ color:#DA251C; font-size: 11px; }
#menu-support a:hover {text-decoration: none; color:#000000;}

div#content
{
  overflow: visible;
  border-left: 1px solid #ddd;
  }

div#content p {
  line-height:1.4;
  text-align: justify;
  /*clear: both;*/
  }

div#content li {
  line-height:1.4;
  text-align: justify;
  /*clear: both;*/
  }

div#content img {
  float: left;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-top: 6px;
  }

div#content p.ss {
  text-align: center;
  padding-left: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  }

div#content p.right {
  text-align:right;
  margin-right: 20px;
  }


div#content h2{
  font: bold 16px Verdana, Geneva, Arial, Helvetika, sans-serif;
  color: #4D4D4D;
  margin: 10px;
  }

div#content h3{
  font: bold 12px Verdana, Geneva, Arial, Helvetika, sans-serif;
  color: #4D4D4D;
  margin: 20px 0px 0px 10px;
  }

#product-home {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
  }

div#image_produkt {float: right; width: 170px; border: 1px solid #ddd; text-align: center; margin: 0 0 10px 15px;padding: 0;}
div#image_produkt img {margin: 3px auto; padding: 0; float: none;}
div#image_produkt p {text-align: center;} 


div#content .product img{
float: left;
  }

div#content .product-desc-img p{
  clear: none;
}

div#content .product-clear{
  clear: both;
}


div#content .product-desc-img h3{
  font: bold 14px Verdana, Geneva, Arial, Helvetika, sans-serif;
  color: #DA251C;
  margin-left: 160px;
  clear: none;
}

div#content .product-desc-img p{
  margin-left: 160px;
  clear: none;
}

div#content .product-metadata-img p{
  margin-left: 160px;
  clear: none;
  font-size: 11px;
}


div#content .product-desc h3{
  font: bold 14px Verdana, Geneva, Arial, Helvetika, sans-serif;
  color: #DA251C;
  margin: 20px 0px 5px 10px;
  }

div#content .product-metadata {
  font: normal 11px Verdana, Geneva, Arial, Helvetika, sans-serif;
  }

div#quicklinks{
  font: normal 10px Verdana, Geneva, Arial, Helvetika, sans-serif;
  }

div#navigation{
  background:transparent;
  float:left;
  width:200px;
  margin-left:-950px;
  }

div#navigation h3{
  font: strong 12px Verdana, Geneva, Arial, Helvetika, sans-serif;
  color: #4D4D4D;
  margin: 10px;
  }


div#navigation p{
  margin: 5px 5px 5px 5px;
  font: bold 11px Verdana, Geneva, Arial, Helvetika, sans-serif;
  text-align: justify;
  }

div#navigation p.news{
  margin: 10px;
  font: normal 8pt Verdana, Geneva, Arial, Helvetika, sans-serif;
  color: #4D4D4D;
  }

div#navigation a{
  color: #DA251C;
  text-decoration: none;
  }

div#navigation a:hover{
  color: #000000;
  text-decoration: none;
  }
      


/*div#extra{background:transparent;float:left;width:150px;margin-left:-150px}*/
div#extra{display: none}

div#container{}
div#wrapper{float:left;width:100%}
div#content{margin: 0 0 0 200px}

div#footer{
  border-top: 1px solid #ddd; 
  background: tranparent;
  color: #BFBFBF;
  width:100%;
  height: 40px;
  clear:both;}

div#footer p{margin:0;padding:7px 10px}

div#styleswitcher {
  margin: 2px 0 2px 15px;
  font-size: 11px;
}

@media print{ 
div#content {border: 0px dotted white; margin: 0px; padding:0px; width:99%}
div#header {margin: 0; padding:0x; display: none}
div#menu {margin: 0; padding:0x; display: none}
div#quicklinks {margin: 0; padding:0x; display: none}
div#navigation {margin: 0; padding:0x; display: none}
div#extra {margin: 0; padding:0x; display: none}
div#footer {margin: 0; padding:0x; display: none}
.obal_menu {display:none;}
.noprint {display:none;}

div#content .product img{float: left;}
div#content .product-desc-img p {margin-left: 160px;clear: none;}
div#content .product-metadata-img p {margin-left: 160px; clear: none;}
div#content .product-clear{clear: both;}

}