body {
background-color: #5A5A5A;
background-image: url(http://www.trifoservis.cz/trifo_header_top.png);
background-position: left top;
background-repeat: repeat-x;
padding: 0px;
margin: 0px;
min-width: 1000px;
}

body * {
font-family: Verdana, sans-serif;
font-family: "Lucida Sans Unicode","Lucida Grande",Lucida,Arial,Helvetica,sans-serif;;
}

#onas_info a {

 margin-right: 30px;

}

#header_panel {
left: 0px;
top:0px;

  margin-top: 30px;
  margin-left: 0px;
  margin-right: 0px;
  height: 180px;
  
background-position: center top;
background-repeat: repeat;
position: fixed;
width: 100%;
}

#page {
left: 50%;
position: relative;
margin-left: -500px;
width: 1000px;
margin-top: 20px;
}

#preheader {
background-color: #2A2A2A;
display: block;
border-bottom: 1px white solid;
color: white;

font-size: 12px;
font-family: Verdana, serif;
text-transform: uppercase;
background-image: url(http://www.trifoservis.cz/images/line.png);
background-position: right top;
background-repeat: repeat-y;
width: 1000px;
}

#siroke {
padding: 8px;
}


#header_box {
position: absolute;

left: 50%;
top: 155px;
margin-left: 230px;


width: 270px;
border: 0px white solid;

color: black;
text-align: justify;
padding: 0px;
font-size: 11px;; 

}

#header_box_top {
display: block;
background-color: red;
color: white;
text-align: right;
padding: 5px;
font-size: 11px;
font-weight: bold;

}

#header_box_content {
display: block;
background-color: white;
color: black;
text-align: justify;
padding: 5px;
font-size: 12px;

border-left: 1px red solid;
border-right: 1px red solid;
border-bottom: 1px red solid;

}


#header_box_menu {
display: block;
text-align: right;
padding-top: 10px;
}

#header_box_menu a, #header_box_menu a:visited {
color: #2a2a2a;
text-decoration: underline;
margin-left: 15px;
}

#header_box_menu a:hover
{
color: #5a5a5a;
text-decoration: underline;
margin-left: 15px;
}

.left
{
  float: left;
  padding-right: 45px;
  max-width: 180px;
  margin-left: -45px;
}

.left ul
{
  padding-left: 20px;
  list-style-type: none;
  text-align: left !important;
  margin-top: 2px;
}

.

.left > ul
{
  padding-left: 0px;
}

.left li
{
  margin-bottom: 2px !important;
}

.left li > a
{
  display: inline-block;
  font-size: 11pt;
  text-transform: uppercase;
  color: white !important;
  background-color: #2A2A2A;
  padding: 4px 5px;
  width: 158px;
  text-decoration: none;
}

.left ul ul li > a
{
  font-size: 9pt;
  width: 138px;
  text-transform: none;
}

.left li > a:hover
{
  background-color: black;
  color: #217cc2 !important;
}

.obs_right
{
  margin-left: 200px;
}

span.skrt
{
  text-decoration: line-through;
}

div.novinka
{
  float: left;
  width: 30%;
  padding: 0 1.6%;
}

div#novinky
{
  background: url(http://www.trifoservis.cz/novinky.png) repeat-y;
}

#header {
height: 140px;
background-image: url(http://www.trifoservis.cz/header.php);
background-position: left top;
background-repeat: repeat-x;
width: 1000px;
}

#header2 {
height: 135px;

background-position: left top;
background-repeat: no-repeat;
}

.header_img {
margin-left: 15px;
border: 0px;
}

#postheader {
height: 30px;
background-color: #2A2A2A;
width: 1000px;
border-top: 1px white solid;
background-image: url(http://www.trifoservis.cz/images/line.png);
background-position: right top;
background-repeat: repeat-y;


}

#postheader2 {
height: 40px;
width: 1000px;
margin-bottom: 20px;
 margin-top:5px;

}

.lang {
float: right;
margin-top: -19px;
margin-right: 22px;
}

.lang img {
border: 1px white solid;
margin-left: 9px;
padding: 3px;
background-color: #5a5a5a;
}

.clr
{
  clear: both;
}

#menu {
width: 1000px;
background-color: #2A2A2A;
background-image: url(http://www.trifoservis.cz/images/line.png);
background-position: right top;
background-repeat: repeat-y;
}

#menu ul
{
  border-top: 1px solid white;
  margin: 0px;
  list-style-type: none;
  padding: 0px;
  background-color: #2A2A2A;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  font-family: Verdana, sans-serif;
  background-image: url(http://www.trifoservis.cz/images/line.png);
background-position: right top;
background-repeat: repeat-y;

}

#menu ul li
{
  display: block;
  float: left;
  border-right: 1px black solid;
  
}

#menu ul a, #menu ul a:visited
{
  display: block;
  text-decoration: none;
  color: white;
  padding: 5px 12px;;
}
#menu ul a:hover
{
  background-color: #f0ba00;
  background-color: #000;
}
#content
{
  
  display: block;
padding: 10px ;  
}


#content_in{
padding: 10px;
padding-left: 15px;
padding-right: 20px;
}
#content
{
  background-color: #eaeaea;
  background-color: white;
  border-top: 1px solid white;
  
}


#content p
{
  margin: 4px 0px;
  text-align: justify;
  margin-bottom: 10px;
  margin-left:10px;
  font-size: 14px;
  
}
#content h1
{
  font-size: 22px;
  
  
  margin: 7px 0px;
  margin-top: 12px;
}

#content h2
{
  font-size: 18px;
  margin: 7px 0px;
  margin-top: 12px;
}

#content h3
{
  font-size: 16px;
  margin: 7px 0px;
  margin-top: 12px;
  
}

#content img
{
  border: none;
}

#content ul, #content ol
{
margin-bottom: 20px;
font-size: 14px;
text-align: justify;
}

#content li {
margin-bottom: 2px;
}

#content h2 > span
{
  float: right;
  font-size: 10pt;
}
#content h2 > span > a
{
  text-decoration: none;
  color: #0000CC;
}
#content h2 > span > a:hover
{
  text-decoration: underline;
}

#content p.info
{
  text-align: right;
}
#content p.info > a
{
  font-size: 10pt;
}

#content hr
{
  border: 1px solid black;
}


.bot, .bot2 {
color: white;
  padding-top: 8px;
  padding-left: 12px;;
  padding-right: 12px;;
  font-size: 11px;
  float: left;
}
.bot > a
{
  color: white;
  text-decoration: none;
}
.bot > a:hover
{
  text-decoration: underline;
}

.bot2 {
float: right;
text-decoration: underline;
}

.num, .sel_num {
font-size: 9px;;
padding: 0px;
color: #aaaaaa;
margin-right: 6px;
border: 1px #aaaaaa solid;
}

.sel_num {

color: white;
border: 1px white solid;
}

#numbox {
text-align: left;
float: left;

}


.hidden {
clear: both;
visibility: hidden;
}

.vstup_text {
margin-left: 20px;
width: 300px;
background-color: #eaeaea;
}

#reference {
height: 120px;;
width: 135px;
margin-top: 10px;
padding-top: 10px;;
text-align: center;;
vertical-align: middle;
}

#content_in a {
color: red;
}

#content_in a:hover {
color: black;
}

#reference img {
vertical-align: middle;
}

.refx {
margin: 15px;
}