/* CSS Document */
* { margin:0; padding:0; }
h1,h2,h3,h4 { margin:15px; margin-left:0px; padding:0; }
p { margin:15px; margin-left:0px; margin-right:0px; padding:0; }

html, body {
	font-family: sans-serif;
	font-size: 12px;
	color: #ffffff;
	background: /*#a0afce*/#000000;
	text-align: center;
	height: 100%;
}
h4                  {font-size:12px;color:#f06000}
table               {font-size:12px}

div.main-main {
	width: 700px;
	min-height: 100%;
	_height: 100%;
	_overflow-x: hidden;
	/*background: #000000 center center;*/
	text-align: left;
	margin: auto;
	position: relative;
	border-left: 1px dotted #ffffff;
  border-right: 1px dotted #ffffff; 
}

div.main-left {
	width: 20px;
	height: 100%;
	background: url('fotky/kontakty.gif') repeat-y;
	top: 0;
	bottom: 0;
	left: 0;
	position: absolute;
}

div.main-right {
	width: 20px;
	height: 100%;
	background: url('ikony/right.png') repeat-y;
	top: 0;
	bottom: 0;
	right: 0;
	_right: -1;
	position: absolute;
}

div.main-center {
  /*height: 100%;*/
  /*background:#fddfbe;
  top: 0;
	bottom: 0;*/
	width: auto;
	margin: 0 15px 0 15px;
	padding: 10px;
}

.hlav-pos {position:absolute;width:165px;top:0px;left:0px;border-right:0px dotted #ffffff}
.menu-pos {position:absolute;width:320px;top:10px;left:360px;border-right:0px dotted #ffffff}
.rek-pos  {position:absolute;top:80px;left:0px;}

.telo  {margin-top:200px;}
.telo A              {text-decoration: none;}
.telo A:link         {color: #f06000}
.telo A:visited      {color: #f06000}
.telo A:hover        {text-decoration: underline;}

A.foto              {text-decoration: none;}
A.foto:link         {color: #3F527A}
A.foto:visited      {color: #3F527A}
A.foto:hover        {width:96px;height:74px;padding:4px;background:#ffc587;border:1px solid #eab477;text-decoration:none}

.nahlad             {float:left;width:96px;height:75px;background-color: #e0e0e0;border: 1px solid #c0c0c0;margin:3px;padding:1px;}
.nahlad_galerie     {float:left;width:150px;height:140px;background-color: #e0e0e0;border: 1px solid #c0c0c0;margin:4px;padding:1px;}

/*
A.menu              {width: 150px;color:#ffffff;text-decoration: none;padding-left:10px;padding-right:10px;}
A.menu              {border-left: 1px dotted #ffffff;}
A.menu:link         {color: #ffffff}
A.menu:visited      {color: #ffffff}
A.menu:hover        {color: darkorange;}
*/

A.hlav              {width: 150px;margin:0px;color:#ffffff;text-decoration: none;padding-left:10px;padding-right:10px;}
A.hlav              {border-right: 1px dotted #ffffff;border-bottom: 1px solid #ffffff;border-left:0px;}
A.hlav:link         {color: #ffffff}
A.hlav:visited      {color: #ffffff}
A.hlav:hover        {color: #ffffff;background:#f06000}

A.activhlav         {width: 150px;margin:0px;color:#ffffff;background:#f06000;text-decoration: none;padding-left:10px;padding-right:10px;}
A.activhlav         {border-right: 1px dotted #ffffff;border-bottom: 1px solid #ffffff;}
A.activhlav:link    {color: #ffffff}
A.activhlav:visited {color: #ffffff}
A.activhlav:hover   {color: #ffffff;}

#hlav {font-size:12px; float: left; clear: right; border-bottom:1px dotted #ffffff;border-right:0px dotted #ffffff;}
#hlav ul {width:250px;list-style-type:none;}
#hlav li {float: left; width: 80px;background:#000000;list-style-type:none;}
#hlav li.aktiv {float: left; width: 80px;background:#f06000;list-style-type:none;}
#hlav li.aktiv:hover {background: #f06000;}
#hlav h3 {font-size: 1em; text-align:center; margin:0; padding: 1px; border-right: 1px dotted #ffffff;}
#hlav h3 a {display: block;color:#ffffff; text-decoration: none; width: 100%; }
#hlav h3 a:hover {background:#f06000;color: #ffffff;}

#menu {font-size:12px; float: right; clear: right; border-left:1px dotted #ffffff;}
#menu ul {width:320px;}
#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
#menu li {float: left; width: 80px;}
#menu li, #menu ul.sub li {margin: 0; padding: 0;}
#menu h3 {font-size: 1em; text-align:center; margin:0; padding: 1px; border-right: 1px dotted #ffffff;}
#menu h3 a {display: block;color:#ffffff; text-decoration: none; width: 100%; }
#menu h3 a:hover {color: #f06000;}
      	  	
ul.sub {position: absolute; 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;}
#menu ul.sub li a {text-decoration: none;display: block; margin: 0;padding-left:6px; width: 57px; border-left: 8px solid #000000; border-right: 8px solid #000000;background-color: #000000;color:#ffffff}
#menu ul.sub li > a {width: 57px;}
#menu ul.sub li a:hover {text-decoration: none;background-color: #000000; color: #f06000; padding-left:6px;border-left: 8px solid #ffffff;border-right: 8px solid #ffffff;}
    
#menu ul li.main:hover h3 a {background-color: #000000; color: #f06000;}
#menu ul li.main {position: relative;}
#menu ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
#menu ul li.main:hover ul.sub {visibility: visible;}

#menu li.aktiv {float: left; width: 80px;background:#f06000;list-style-type:none;}
#menu li.aktiv:hover {background: #f06000;}
          
#maciwebmenu {position: absolute;top: 5px;right: 5px;margin: 0; padding 0;}