body {
font: 83%/normal Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #5D5950;
padding: 0;
margin: 5px 0 0 0;
background: url(bg2.jpg);
}
a:link, a:visited, a:active {
color: #BE5532;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #CC0000;
text-decoration: underline;
font-weight: bold;
}
hr {
margin: 15px 0px 15px 0px;
color: #333;
height: 1px;
width: 100%;
}
form {
margin: 0;
}
input, textarea {
color: #003;
background: #fff;
border: 1px solid #999;
}
img {
float: left;
margin: 0px 10px 10px 0;
}
/***********************************

container

************************************/
#mainContainer {
width: 1000px;
padding: 2px;
border: 1px solid #b7ab8c;
background: #d4cbb3;
margin: 1px auto 0 auto;
}
#container {
width: 985px;
border: #ddd 1px solid;
padding: 5px;
margin: 0 auto;
background: #FFFFFF;
}



/***********************************

masthead

************************************/
#masthead {
background: url(hlavicka.jpg) no-repeat 0 0;
padding: 300px 0px 0px 0px;
}
.site_name h2{
display: none;
}
.stripe {
margin: 0;
padding: 0;
height: 40px;
/float: bottom;
opacity: 0.7;
filter: alpha(opacity=70);
background: #E6DBBF;
}
.stripe h1 {
font-size: 2.4em;
font-weight: bold;
text-align: center;
vertical-align: bottom;
color: #000;
margin: 0px;
font-style: italic;
}


/***********************************
sidebar
************************************/
#sidebar {
	float: left;
	width: 150px;
	vertical-align: top;
	background-color: #FFF;
	margin-top: 23px;
	margin-left: 0px;
	padding: 0px;

}
.menu{
	border: 0px;
	border-bottom: 0px;
	border-style: solid;
	border-color: #ccc;
	padding-left: 0px;
}

.menu li{
	list-style-type: none;
	margin: 0px;
	padding: 0px; 
	border-bottom: 1px solid;
	border-color: #ccc;
}

.menu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px; 
	background-color: #EDEAE3;
}
.menu ul ul {
	padding-left: 10px; 
	background-color: #EEE4C9;
	border-bottom: 0px;
}
.menu a:link, .menu a:visited, .menu a:active {
	padding: 4px 10px 4px 5px; 
	color: #666666;
	display: block;
	text-decoration: none;
	font-weight: bold;
}
.menu a:hover {
	text-decoration: none;
	color: #BE5532;
}
.menu_current {
	color: #fff;
	background-color: #CBA685;
}

#tools {
	float: right;
	width: 140px;
	color: #666;
	text-align: center;	
	background-color: #EDEAE3;
	font-size: 100%;
	padding: 20px;
}
.tools input {
	width: 80%;
	font-size: 80%;
}
.tools a:link, .tools a:visited, .tools a:active {
	color: #999;
	text-decoration: none;
}
.tools a:hover {
	color: #FFF;
	text-decoration: none;
}
/***********************************

main content

************************************/
#mainContent {
float: right;
width: 660px;
padding: 12px;
padding-top: 22px;
background: #FFF;
position: relative;
vertical-align: top;
line-height: 20px;
text-align: left;
word-spacing: 2px;
}
#mainContent a:link, #mainContent a:visited, #mainContent a:active {

}
#mainContent a:hover {
color: #666;
background: #EEE4C9;
}
.illustrations {
float: right;
width: 350px;
margin: 0px 0px 0px 0px;
position: relative;
}
#mainContent h1 {
font-size: 1.4em;
color: #BE5532;
margin: 0px;
font-style: italic;
border-bottom: 1px solid #EEE4C9;
}
#mainContent h2 {
font-size: 1.6em;
color: #633;
margin: 0px;
}
#mainContent h3 {
font-size: 1.2em;
color: #BE5532;
margin: 0px;
}
#mainContent h4 {
font-size: 1em;
color: #BE5532;
margin: 0px;
}
#neobtekanyodstavec {
position: relative;
width: 660px;
top: 5px;
left: 0px;
}
/***********************************

separator

************************************/
#clear, .cleaner {
clear: both;
height: 0;
}
/***********************************

footer

************************************/
#footer {
color: #5D5950;
vertical-align: middle;
text-align: center;
font-size: .8em;
}
#footer a:link, #footer a:visited, #footer a:active {
color: #333333;
text-decoration: none;
font-weight: normal;
}
#footer a:hover {
border-bottom: 1px dotted #333;
color: #333;
}


/********************
rightcontainer
*******************/
#rightcontainer {
width: 135px;
left: 850px;
top: 120px;
border: #d4cbc7 3px solid;
padding: 10px 5px;
margin: 0 auto;
margin-top: 0px;
background: #d4cbb3;
float: right;
color: #000;
font-size: 1em;
line-height: 15px;
color: #534514;

vertical-align: top;
line-height: 20px;
text-align: left;
word-spacing: 2px;
}

#rightcontainer h3 {
font-size: 1.2em;
}

#rightcontainer ul li {
list-style-type: square;
font-size: 1em;
padding: -0.5px;
margin-left: -20px;
margin-top: -10px;
margin-bottom: -20px;

}



#rightcontainer p {
font-size: 0.9em;
padding: 0px;
margin: 5px 0px 5px 0px;
}

#rightcontainer a {
font-size: 1em;
padding: 0px;
margin: 0px;
}



.rightcontmesta a:link, .rightcontmesta a:visited, .rightcontmesta a:active {
/	padding: 4px 10px 4px 10px;
	color: #666666;
	font-size: 12px;
/	display: block;
/	text-decoration: none;
/	font-weight: bold;
}

/***************************
vlastni - ramecek
***************************/

#ramecek {
  width: 660px;
  height: 196px;
  background: url(images/baner-instalateri-prazdny.gif) no-repeat;
  padding: 0px 0px 9px 0px;

  }
  
.bigramecek {
  width: 660px;
  height: 260px;
  background: url(images/bigramecek-pozadi.gif) no-repeat;
  padding: 0px 0px 9px 0px;

  }

/** #seznam {
  position: absolute;
  padding-left: 15px;
  padding-top: 8px;
  padding-bottom: 0px;
  font-size: 20px;
  line-height: 24px;
  color: #534514;

}**/

 #seznam {
  position: absolute;
  padding-left: 15px;
  padding-top: 12px;
  padding-bottom: 0px;
  font-size: 18px;
  line-height: 22px;
  color: #534514;

}

   #seznam a { 
  color: #534514;
}

   #seznam h2 a {
  font-family: verdana, Trebuchet MS, sans-serif ; 
  color: #000;
  font-size: 75%;


}

 #obrazek-baner {
 position: absolute;
 padding-left: 374px;
 padding-top: 6px;

}




 #ikona {
 position: absolute;
 padding-left: 20px;
 padding-top: 10px;
/ text-decoration: none;
/ float: left;

 }

#schovany {
  display: none;
}


#neobtekanyodstavec {
	position: relative; width: 660px; top: 5px; left: 0px

}