/* SimpliCssGreen by Jose Erlino M. Lontok */
body{
margin:0;
background-color:#112211;
}
#page {
width: 700px;
padding-bottom:5px;
background-color:#afc8af;
margin: 0 auto;
border-top: 8px #0f170f solid;
border-bottom: 8px #0f170f solid;
display:table;
}
#header h1 {
font-size:24px;
font-family: Georgia,serif;
color:#112211;
letter-spacing:-3px;
padding-left: 10px;
}
.h1_emp {
font-size:34px;
color:black;
font-weight:bolder;
letter-spacing:-3px;
}
#header_img{
width:700px;
height:248px;
background-image:url(images/home_img.jpg);
}

#left{
width:450px;
float:left;
border-right: 1px #339900 dashed;
margin-top:5px;
}
.content {
width: 430px;
padding-left:10px;
margin-top: 5px;
}
.content2 {
width: 670px;
padding-left:10px;
margin-top: 5px;
}

.content h2 {
font-size:24px;
color:black;

font-family: Georgia,serif;
}

.content p {
color:#333333;
font-size:16px;

font-family:  Georgia,serif;
text-align:justify;
}

.content .kod 
{margin: 3%; 
padding: 7px;
border: solid 1px #cccccc; 
background-color: #eeeeee; 
font: normal 60% courier;
color: #000000;}




.content2 p {
color:#333333;
font-size:16px;
font-family: Georgia,serif;
text-align:justify;
}

#sidebar {
float:left;
margin: 5px 0 0 10px;
width: 230px;
}
#sidebar .sidebar_item{
margin-top: 5px;
}
#sidebar .sidebar_item h3{
margin-bottom: 0;
color:#3d513d;
font-size:20px;
font-family:"Trebuchet MS", Verdana, SansSerif;
}
#sidebar .sidebar_item ul{
padding: 0;
margin: 0;
}
#sidebar .sidebar_item li{
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
padding-top: 6px;
}
#sidebar .sidebar_item li a{
text-decoration:none;
border-left: 1px #009900 solid;
color:#333333;
padding-left: 4px;
display:block;
width: 100%;
}
#sidebar .sidebar_item li a:hover{
background-color:#3d513d;
color:#FFFFFF;
text-align:right;
padding-right: 8px;
width:98%;
}


#sidebar .sidebar_item stred{
text-align: center;
}
#footer {
background-color:#3d513d;
width: 700px;
margin: 0 auto;
}
#footer p{
margin:0;
padding: 5px 16px;
font-size:12px;
color:black;
font-family: Georgia,serif;

}
#footer p a{
color:#110011;
text-decoration:none;
}
#footer p a:hover{
color:#110011;
}


a {
 color : #625f53;
 cursor : default;
 font-size : .97em;

      }
a:link {
 text-decoration : none;
 color : #625f53;
 cursor : default;
 border-bottom : 1px dotted #625f53;

      }
a:visited {
 text-decoration : none;
 color : #625f53;
 cursor : default;
 border-bottom : 1px dotted #625f53;

      }
a:hover {
 text-decoration : none;
 color : #625f53;
 cursor : default;
background: #CC9900;


 border-bottom : 1px dotted #625f53;

      }
a:active {
 text-decoration : none;
 color : #625f53;
 cursor : default;
 border-bottom : 1px dotted #625f53;
}

.inline-button {
   _width:12em;
   font: bold 65%/1 Verdana, sans-serif;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   border: 1px solid black;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: black;
   border-bottom : 1px solid black;
   }
.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: black;
   border-bottom : 1px solid black;
   }
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   border-bottom : 1px solid black;
   }
.inline-button:hover {
   background: #666;
   color: white;
   }
.inline-button:hover em {
   background: black;
   color: white;
   }
.orange { background: orange; color: black }
.orange em { background: white; color: #c60 }
.blue { background: #06c; color: white }
.blue em { background: white; color: #06c }

/*Tabulky*/

table.contacts
{ width: 200px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; }


td.contactDept
{ background-color: #99CCCC;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040; }


td.contact
{ border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .7em;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }
