@charset "utf-8";
/* CSS Document */

* {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
html {margin:0; padding:0; width:100%; height:100%; overflow-y:hidden}
body {color:#fff; padding:0; margin:0; font-size:70%; background:#fff; width:100%; height:100%}

/* Navigation */
#horizont-menu {width: 100%; height:66px; margin: 0 auto; padding: 0; background:#CA020E}

#logo { width:56px; height:54px; position:relative; overflow:hidden; margin:0; float:left; margin:6px 12px 6px 6px;}
#logo h2{ margin:0; color:#fff; font-weight:bold; text-align:center; text-decoration:none; text-transform:uppercase; font-size:120%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding:15px 2px; border:solid 2px #C7C9C1; background-color:#A50910; }
#logo a{ width:56px; height:54px; display:block; position:absolute; left:0; top:0; z-index:1; margin:0; background:url("logo-dedra-sm.gif") top left no-repeat; text-decoration:none; float:left; }

#horizont-menu ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center;}

#horizont-menu ul li { display: block; float: left; text-align: center; padding: 0; margin:0; background: url(bg-menu-item.gif) no-repeat left bottom; padding-left:10px; margin-right:2px;}
#horizont-menu ul li a { min-width: 10px; border:0; padding: 5px 7px 9px 7px; margin: 0; color: #13498D; text-decoration: none; font-weight:bold; display: block; text-align: center; background: url(bg-menu-item.gif) no-repeat right bottom; padding-right:15px; white-space:nowrap; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:130%; }

#horizont-menu ul li.act {background: url(bg-menu-item-act.gif) no-repeat left bottom;}
#horizont-menu ul li.act a { background: url(bg-menu-item-act.gif) no-repeat right bottom; }

#horizont-menu ul li.prani a{ color:#0095DE;}
#horizont-menu ul li.nadobi a{ color:#00712B;}
#horizont-menu ul li.koupelna a{ color:#005AAD;}
#horizont-menu ul li.domov a{ color:#860F11;}
#horizont-menu ul li.automobil a{ color:#6E8F0D;}
#horizont-menu ul li.telo a{ color:#F51656;}
#horizont-menu ul li.doplnky a{ color:#DB2800;}

#horizont-menu ul li a:hover { text-decoration:underline;}

/* Others */
.left { float:left;}
.right { float:right;}
.clear { clear:both; margin:0; padding:0; font-size:1px; height:1px; line-height:0px; background:#C7C9C1;}
.hidden { display:none;}

a { color:#1368AD; text-decoration:underline;}
a:hover { color:#1368AD; text-decoration: none;}