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

body {
  background-color: #c2b08b;
  color: #3c320a;
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  text-align: center;
  _behavior: url(http://morosystems.com/data/js/csshover.htc); /* call hover behaviour file */
}

img{
  border:0px;
}


/* layout */

#page {
  max-width: 990px;
  min-width: 770px;
  margin: 10px auto;
  text-align: left;
  background-color: #c2b08b;
  _width: expression(document.body.clientWidth < 774 ? "770px" : (document.body.clientWidth > 990 ? "990px" : "auto" ) ); 
}

#page-ram-vnejsi {
  clear: both;
  margin: 5px 5px 10px 5px;
  _margin: 5px 5px 20px 5px;
  background-color: #fff;
}

#page-ram-vnitrni {
  border-left:5px solid white;
  border-right:5px solid white;
  background-color: #fff;
}

.print {
   display: none;	
}

/* nadpisy */

h1{
  font-size:130%;
}

h2{
  margin:0px;
  padding:0px 0px 6px 0px;
  font-size:150%;
  font-weight:bold;
  color:#D5A840;
}

h2 a {
  	color:#D5A840;
  	text-decoration: none;
}

h2 a:hover {
  	text-decoration: underline;
}

h2 a.definition {
   text-decoration: none;
   color: inherit; 	
}

h2 a.definition: hover {
   text-decoration: none;
   color: inherit; 	
}

h3{
  margin:10px 0px;
  padding:5px 0px 5px 0px;
  font-size: 110%;
  font-weight:bold;
  color: #796d39;
}

h4{
  margin: 10px 0;
  padding: 0px 0px 6px 0px;
  font-weight:bold;
  font-size:100%;
}

/* odkazy */

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


a.external {
	padding-right: 8px;
	background-image: url("../img/external-link.gif");
	background-position: 100% 30%;
	background-repeat: no-repeat;
}

a.mail {
	padding-right: 10px;
	background-image: url("../img/mail.gif");
	background-position: 100% 30%;
	background-repeat: no-repeat;
} 

a.external:hover { 
    background-image: url("../img/external-link-hover.gif");	
    color: #333;
}

a.nahoru-link {
  background: url("../img/nahoru.gif") 100% 70% no-repeat;
  padding-right: 8px;
  height: 19px;	
}

a.poptavka {
  background: url("../img/sluchatko.gif") 100% 0% no-repeat;
  padding-right: 10px;
  height: 19px;	
}

a.info {
  padding-left: 14px;
  height: 19px;	
  background: url("../img/more-info.gif") 0 50% no-repeat;
}

p.nahoru {
  text-align: right;
  padding: 0 0px 0 0;	
  clear: both;
}

/* marketingove funkce */

#marketing{
  height:19px;
  color:#948a61;
  font-size: 80%;
  text-align: right;
  margin: 10px 5px 5px 0;
  _margin: 10px 0 5px 0;
  padding: 7px 2px 0 0;
}

#marketing span{
  color:#dfdccc;
}

#marketing a {
  color: #796d39;
  text-decoration: none;
}

#marketing a:hover{
  color: #cf2f14;
  text-decoration: underline;
}

#english{
  background: url("../img/english-flag.gif") 0 50% no-repeat;
  padding-left: 20px;
  height: 19px;
}

#cesky{
  background: url("../img/czech-flag.gif") 0 50% no-repeat;
  padding-left:20px;
  height:19px;
}

#sitemap{
  background: url("../img/sitemap.gif") no-repeat;
  padding-left:15px;
  height:19px;
}
#send2friend {
  background: url("../img/poslat_znamemu.gif") no-repeat;
  padding-left:15px;
  height:19px;
}

#homepage{
  background: url("../img/homepage.gif") no-repeat;
  padding-left:15px;
  height:19px;
}
#favorites {
  background: url("../img/pridat_oblib.gif") no-repeat;
  padding-left:15px;
  height:19px;
}

#print {
  background: url("../img/print.gif") no-repeat;
  padding-left:15px;
  height:19px;
}



/* zahlavi */
#zahlavi-m {
   
}

#zahlavi{
  
}

#zahlavi h1 {
  display: inline;	
}

#logotyp{
  display: block;
  float:left;
  width: 34%;
  height: 84px;
  background: url("../img/logotyp.gif") 0px 0px no-repeat;
}
#site-url{
  display:block;
  cursor: pointer;
}


#motto-m {
  margin: 0 34% 0 34%;		
  _margin: 0 33% 0 33%;	
}

#motto{
  text-align:center;
  margin: 0 0px 0 4px;	
  _margin: 0 0px 0 0px;	
  height:84px;
  background: #eae6d4;
}

#motto p { 
  padding: 23px 0 0 0;
  margin: 0;
  text-align:center;
  line-height: 20px;
}

#vyhledavani-m {
  width: 34%;
  float: right;
}

#vyhledavani{
  margin: 0 5px 0 3px;	
  _margin: 0px;	
  text-align: center;
  height: 84px;
  background: #d5cda7;
}

#vyhledavani form{
  padding: 24px 0 0 0;
  _padding: 28px 0 0 0;
  margin:0px;
}

form fieldset{
  border: 0px;
}
#vyhledavani input{
  margin-top: 5px;
}
#vyraz{
  border:1px solid #796d39;
  background: #eae6d4;
}
#hledej {
  height:20px;
  font-size:12px; 
  border:1px solid #796d39;
  background: #eae6d4;
  color: #000;
}



/* tema */


#menu{
  width: 34%;
  height:234px;
  background: #908659;
  float: left;
}


.button{    
  display:block;
  width:100%;
  color:#eae6d4;
  height:28px;
  background: #796d39 url("../img/button.gif") no-repeat;
  margin-top:1px; 
  text-decoration: none;
}

#menu .button img.cesky {
   vertical-align: top;
   padding-left: 5px;	
}

.button:hover {
  background:#867b4b url("../img/button_hover.gif") no-repeat;
  color:#e5c42a;
}
.menu-item-label{
  font-size:14px;
  font-weight:bold;
  letter-spacing:-0.5px;
  display:block;
  color:#eae6d4;
  padding-left:44px;
  padding-top:7px;
  text-transform: uppercase;
}
a.button:hover span{
  color:#e5c42a;
}

#menu a#active {
  background:#867b4b url("../img/button_hover.gif") no-repeat;
}

#menu a#active span {
  color: #e5c42a;
}



/* aktuality */

#aktuality{
  border-top: 5px solid #796d39;	
  float:left;
  width: 34%;
  height:100%;
}

#aktuality .ramec {
  border-right: 1px solid #d5cda7;
  border-left: 1px solid #d5cda7;
  border-bottom: 1px solid #d5cda7;
  padding: 20px 14px 20px 14px;
  margin: 0 0 10px 0;
  background: #eae6d4;
}

#aktuality span{
  color: #d5cda7;
}


.aktualita {
  padding-bottom: 4px;
  margin: 0 10px 4px 10px;
}

#aktuality .hori h6 {
  margin-bottom: 0px;
}

.hori p {
  margin: 4px 0;
}


.hori strong {
  color: red;	
}

#aktuality h5 {
  background: #d5cda7;
  line-height: 20px;
  padding-left: 25px;
  margin: 0;
}

#aktuality h6 {
  font-size: 80%;
  padding: 0 0px;	
  margin: 0px 0 20px 0px;
}

#aktuality p {
  font-size: 75%;
  padding: 0 0px;	
}

#aktuality #archiv {
  font-size: 75%;	
  text-align: right;
  padding: 0 14px 0 0;
  margin: 0;
}



#aktuality #archiv a.archiv {
  background: url("../img/archiv.gif") 0 0 no-repeat;
  padding-left: 15px;
  height: 19px;	
}

/* nabidka */

#nabidka-m {
  margin: 0 34% 0 34%;
  height: 100%;

}

#nabidka {
  border-top: 5px solid #796d39; 	
  margin: 0 0 0 3px;
  _margin: 0 0 0 0px;
  
}

#nabidka .ramec {
  border-right: 1px solid #eae6d4;
  border-left: 1px solid #eae6d4;
  border-bottom: 1px solid #eae6d4;	
  padding: 20px 0 0px 0;
  margin: 0 0 10px 0;
}


#nabidka h5 {
  padding: 0 0 0 10px;	
  line-height: 20px;
  background: #eae6d4; 
  margin: 0px 0 0 0px;
}

.nabidka{ 
  margin: 0px 10px 16px 10px;
}

.nabidka p {
  margin: 0;	
}

.nabidka img {
  float: left;
  margin: 0 10px 0 0;
}


/* zapati */
#zapati-m {
  margin: 0 5px 0px 5px;
  _margin: 0 0px 0px 0px;
  border-top: 15px solid #796d39;	
  padding: 0 0 5px 0;
}

#zapati{
  clear:both;
  width:100%;
}

#zapati p {
  font-size: 80%;
  margin: 5px 0px;
  padding: 0;
  line-height: 20px;
}

#zapati span{
  color:#dfdccc;
}
#zapati a {
  text-decoration:underline;
}

#zapati a#blog-rss {
  background: url("../img/blog-rss.png") 0 50% no-repeat;
  padding-left: 20px;
  height: 19px;	
}

#zapati a#aktuality-rss {
  background: url("../img/aktuality-rss.png") 0 50% no-repeat;
  padding-left: 20px;
  height: 19px;	
}


#zapati a:hover {
  text-decoration: none;
}

/* content */
.ramecek {  
  background:#f8efc4;
  border: 1px solid #f2e192;
  padding: 5px;
  margin-top: 10px;
  text-align: justify;
}

.ramecek p {
  margin: 0;	
}

/* cleaner */

.cleaner {
  border: 0px none;
  margin: 0px;
  padding: 0px;
  float: none;
  clear: both;
  width: 0px;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  visibility: hidden;
  overflow:hidden;
} 

#page form .invalid {
  color: red;
}

p.status {
  background: #eae6d4;
}

/* Fading Tooltips By Dustin Diaz */
#toolTip {
	position:absolute;
	z-index:1000;
	width:auto;
	background: red; /*#1bb7ea;*/
	border:1px solid red; /*#08a; */
	text-align:left;
	padding:2px 5px; 
	max-width:150px; 
	_width:130px
}
#toolTip p {
	margin:0;
	padding:0;
	color:#fff;
	font-size:.8em; 
	font-weight:bold
}
#toolTip p em {
	display:block;
	margin-top:3px;
	color:#ddd
}