body {
margin : 0;
background-color : #e0e0e0;
font-family : "Trebuchet MS", "Arial", Helvetica, sans-serif;

background-repeat : repeat;
font-size : 13px;
color : #000000;
}
a {
color : #2d231e;
}
a:hover {
text-decoration : none;
color : #404040;
}
h1, h2, h3, h4, h5 {
margin : 0;      
font-family: acta-display-n3,acta-display,sans-serif;
font-style: normal;
font-weight: 300;
text-transform : uppercase; 
font-weight : normal;
color : #2d231e;
}
h1 {
font-size : 32px;
}
h2 {
font-size : 30px;
}
h4 {
background-color : #ada39e;
color : rgb(0, 0, 0);
font-weight : bolder;
margin-top : 10px;
margin-bottom : 10px;
padding-top : 5px;
padding-bottom : 5px;
font-size : 16px;
}
img {
border : 2px solid #dddddd;
padding : 2px;
}
img.left {
float : left;
margin-right : 15px;
vertical-align : top;
}
img.right {
float : right;
margin-left : 15px;
}
.center {
text-align : center;
}
p, ul, ol {
margin : 0 0 2em 0;
text-align : justify;
line-height : 26px;
font-size : 11px;
}
form {
margin : 0;
padding : 0;
}
fieldset {
margin : 0;
padding : 0;
border : none;
}
legend {
display : none;
}
span.small {
font-size : 10px;
font-family : Courier New;
letter-spacing : 1px;
color : silver;
}
input, textarea, select {
font-family : "Trebuchet MS", "Arial", Helvetica, sans-serif;
font-size : 13px;
color : #333333;
}
hr.clear {
clear : both;
visibility : hidden;
}
.examples a {
text-decoration : none;
}
.examples a:hover {
text-decoration : none;
background-color : #80e0f8;
}
#top {
width : 890px;
height : 152px;
margin : 0 auto;
padding-bottom : 10px;
background : #fff;
}
#top #logo {
float : left;
}
#top #logo h1 {
font-size : 26px;
color : #999;
text-transform : uppercase;
}
#top #logo h1 a {
margin-top : -5px;
margin-left : 10px;
margin-top : 0;
text-decoration : none;
display : block;
background-image : url('../images/header.png');
background-repeat : no-repeat;
z-index : 100;
width : 224px;
height : 160px;
text-indent : -100000px;
}
#top #menu {
float : right;
margin-top : 40px;
margin-right : 20px;
width : 600px;
height : 80px;
background-image : url('../images/topmenu-background.png');
background-repeat : no-repeat;
}
#top #menu ul {
list-style : none;
margin-top : 15px;
}
#top #menu li {
display : inline;
text-transform : uppercase;
font-weight : 500;
letter-spacing : 1px;
}
#top #menu li a {
display : block;
float : left;
margin-left : 10px;
margin-right : 10px;
padding : 12px;
text-decoration : none;
font-size : 14px;
font-weight : bolder;
color : #2d231e;
}
#top #menu li a:hover, #top #menu .active a {
text-decoration : none;
background-color : #e3543a;
color : #ffffff;
}
#body {
width : 890px;
margin : 0 auto;
background : #fff;
clear : both;
}
#body #content {
float : left;
width : 655px;
margin-left : 20px;
}
#body #content .article h2 {
border-bottom : 1px dotted #9f928b;
margin-bottom : 15px;
color : #2d231e;
}
#body #content .article h2 a {
text-decoration : none;
color : #2d231e;
}
#body #content .article .meta {
padding : 15px 0 60px 0;
margin-top : 5px;
width : 100%;
border-top : 1px dotted #9f928b;
}
#body #content .article .meta p {
line-height : normal;
color : #999999;
}
#body #content .article .meta .info {
float : left;
width : 65%;
}
.article .content {
min-height : 205px;
}
#body #content .pContent {
margin-bottom : 0;
}
#body #content .article .meta .info .date {
float : left;
background : url('../images/icons/date.gif') no-repeat left center;
padding-left : 22px;
}
#body #content .article .meta .info .category {
margin-left : 10px;
background : url('../images/icons/category.gif') no-repeat left center;
padding-left : 22px;
}
#body #content .article .meta .links {
float : right;
}
#body #content .article .meta .more {
padding-left : 22px;
background : url('../images/icons/text.gif') no-repeat left center;
}
#body #content .article .meta .link {
padding-left : 22px;
background : url('../images/icons/icon_link.gif') no-repeat left center;
}
#body #content .article .meta .readed {
color : #999999;
padding-left : 22px;
margin-right : 10px;
background : url('../images/icons/page_user.gif') no-repeat left center;
}
#body #content .article .meta .comments {
padding-left : 22px;
margin-left : 10px;
background : url('../images/icons/comment.gif') no-repeat left center;
}
#body #content .article .meta abbr {
border : none;
}
.smile {
border : none;
}
#body #content .article pre {
border-top : 1px dashed rgb(220, 220, 220);
border-left : 1px dashed rgb(220, 220, 220);
padding-top : 5px;
padding-left : 5px;
font-family : Courier New;
width : 100%;
overflow : auto;
font-size : 10px;
cursor : pointer;
}
#body #content #paging {
width : 100%;
text-align : center;
}
#body #content #comments {
margin-bottom : 10px;
text-align : center;
padding-top : 20px;
}
#body #content #comments h3 {
margin-left : 70px;
text-align : left;
text-transform : none;
font-size : 18px;
padding-left : 22px;
background : url('../images/icons/comment_yellow.gif') no-repeat left center;
}
#body #content #comments h3 em {
color : #421;
font-weight : 100;
font-size : 14px;
font-style : normal;
}
#body #content #comments h3 .name {
margin-left : 10px;
}
#body #content #comments h3 a {
font-size : 14px;
}
#body #content #comments h3 a:hover {
color : #01c0db;
}
#body #content #comments .comment {
margin : 30px auto;
border : 1px solid rgb(210, 210, 210);
color : #000;
width : 80%;
padding : 20px;
text-align : left;
}
#body #content #comments .commentsec {
margin : 30px auto;
border : 1px solid rgb(200, 200, 200);
background-color : rgb(222, 250, 250);
color : #000;
width : 80%;
padding : 20px;
text-align : left;
}
#body #content #comments .favicon {
float : right;
border : none;
margin-right : 40px;
}
#body #content #comments .comment pre {
border-top : 1px dashed rgb(220, 220, 220);
border-left : 1px dashed rgb(220, 220, 220);
padding-top : 5px;
padding-left : 5px;
font-family : Courier New;
width : 100%;
overflow : auto;
font-size : 10px;
cursor : pointer;
}
#body #content #comments .commentFooter {
margin-left : 80px;
color : #777;
font-size : 12px;
}
#body #content #comments .commentFooter a {
color : #0198ff;
}
#body #content #comments .up {
background : url('../images/icons/arrow_up.gif') no-repeat left center;
color : #0198ff;
padding-left : 15px;
}
#body #content #comments .down {
background : url('../images/icons/arrow_down.gif') no-repeat left center;
color : #0198ff;
padding-left : 15px;
}
#body #content #comments .web {
background : url('../images/icons/icon_link.gif') no-repeat center center;
padding-left : 22px;
}
#body #content #comments .email {
background : url('../images/icons/icon_mail.gif') no-repeat center center;
padding-left : 22px;
}
#body #content fieldset {
margin-left : 30px;
}
#body #content #values {
width : 150px;
float : left;
}
#body #content #legend {
float : right;
}
#body #content label {
width : 120px;
display : block;
clear : right;
}
#body #content #editor {
margin-top : 8px;
margin-bottom : 8px;
}
#body #content #editor img {
border : none;
}
#body #content #editor textarea {
border : 1px solid rgb(220, 220, 220);
padding : 4px;
}
#sidebar {
float : right;
width : 195px;
margin-top : 20px;
margin-left : 5px;
}
#sidebar h2 {
margin-bottom : 10px;
font-size : 17px;
letter-spacing : 1px;
color : #202020;
}
#search {
width : 140px;
margin-right : 5px;
padding-left : 22px;
font-size : 11px;
border : 1px solid rgb(220, 220, 220);
background : url('../images/icons/search.gif') no-repeat 1% center;
}
#search-button {
padding : 3px;
border : none;
text-transform : lowercase;
font-size : 11px;
color : #4f4f4f;
background : none;
margin-left : 126px;
}
#sidebar ul {
margin : 0;
padding : 0;
list-style : none;
}
#sidebar li {
margin-bottom : 5px;
text-transform : lowercase;
}
#sidebar li img {
border : none;
background : none;
}
#sidebar li a img:hover {
background : none;
}
#sidebar li a:hover {
background-color : #e3543a;
}
#sidebar li.rss {
background : url('../images/icons/feed.png') no-repeat left center;
padding-left : 22px;
}
#sidebar li.favourite {
background : url('../images/icons/emoticon_smile.png') no-repeat left center;
padding-left : 22px;
}
#sidebar li.stats {
background : url('../images/icons/stats.png') no-repeat left center;
padding-left : 22px;
}
#sidebar .from {
font-size : 10px;
color : rgb(150, 150, 150);
line-height : 10px;
}
#sidebar #tips {
display : block;
}
#sidebar #tips li {
line-height : 16px;
vertical-align : middle;
display : block;
float : left;
}
#sidebar #tips li a {
line-height : 16px;
vertical-align : middle;
display : block;
float : left;
}
#footer {
height : auto;
background : #e3543a url('../images/footer-background.png') repeat-x;
text-align : center;
}
#footer img {
padding : 0;
}
#footer #portfolio {
margin : 0 auto;
padding-top : 50px;
width : 710px;
}
#footer #portfolio .description a {
text-transform : uppercase;
}
#footer #portfolio .description {
margin-bottom : 0;
}
#footer .description p img.smile {
border : 0;
}
#footer #portfolio .box {
width : 200px;
margin-left : 20px;
float : left;
}
#copyright {
text-align : center;
margin : 0 auto;
}
#your-anchors {
display : block;
width : 60%;
border : 1px dotted #9be0f5;
padding : 4px;
text-align : center;
margin : 0 auto;
}
table {
background-color : #ffffff;
border-spacing : 0;
border-collapse : collapse;
width : 100%;
}
th {
border : 1px solid rgb(220, 220, 220);
background-color : #dee7ec;
padding : 3px;
}
td {
border : 1px solid rgb(220, 220, 220);
padding : 3px;
}
table.grid {
border-collapse : collapse;
width : 100%;
}
table.grid td, table.grid th {
padding-left : 0;
padding-right : 0;
border : 0;
}
.nadpis {color:red;}                  
h4.nadpis {color:BLACK !important}
h4 {color: brown;}
h4#prvni {color: green;}