body,html {font:normal 13px Arial; margin:auto; padding:0; background:#6f8e26 url("../images/body-background.jpg") repeat-x ; color:#ccc;}

#main {margin:auto; padding:0; width:1145px}
#header {background:url("../images/header-background.png") no-repeat; height:215px; margin:0; padding:0;}
#header strong a {color:#fff; margin:0; padding:0; font:bold 42px Calibri; padding:25px 0 0 405px; display:block}
#header strong a:hover {text-decoration:none}
#header em {color:#fff; margin:0; padding:0; font:normal 22px Calibri; padding:10px 0 0 405px; display:block}



#menu {width:217px; clear:both; padding:0 ; margin:0; background: url("../images/menu-background.jpg") no-repeat; width:260px; height:319px;}
#menu li { list-style-type:none; margin:0; padding:0 0 0 50px;}
#menu li:hover {}
#menu a {text-decoration:none; color:#111;  font:bold 18px Calibri; line-height:26px; height:26px; vertical-align:middle; display:block;}
#menu a:hover {text-decoration:none; color:#fff}

#content {padding:0 119px; background:url("../images/content-background.png") repeat-y;}
#left {float:left; width:260px;}
#yellow {position:absolute; margin-right:300px; background:url("../images/yellow-left-background.png") no-repeat; width:119px; height:320px;}

#right {float:right; width:600px; margin:0 15px 0 30px; color:#333; font:normal 1.2em times}
#right p {text-align:justify}
#shadow-bottom {background: url("../images/shadow-bottom-background.png") no-repeat; color:#ccc; margin:0 5px; height:94px; clear:both}
#footer a {color:#eee; text-decoration:none;}
#footer a:hover {color:#fff;}
#copyright { color:#aaa; clear:both; border-top:solid 1px #eee; display:block; margin:100px 10px 10px 10px; padding:5px;  font:normal 10px Arial; text-align:right}
#copyright a {color:#aaa}
#copyright a:hover {text-decoration:underline}
#footer:hover #copyright a, #footer:hover #copyright  {color:#eee}




/*OST CSS SEKCE*/


/*BARVY, FONTY, FORMATOVANI ATD.*/
.red {color:red;}
.right {text-align:right;}
.n1, .n1 a, n1 a:hover {color:#fff; background: orange; padding:4px;}
.n2, .n2 a, n2 a:hover {color:#000; background: #33432E; padding:4px;}
.t1, .t1 a {font-size:7pt; font-family:verdana;}
.border {border:solid 1px #33432E;}
.okraj {border: solid 1px silver; margin:3px}
.okraj:hover {border: solid 1px gray;}
.float-left {float:left;}
.float-right {float:right;}
.padding15 {padding:15px;}
.margin10 {margin:10px;}


img                     {border:0;}
.b a {color:#BB4600; border:solid 1px  orange; padding:2px 15px 2px 15px; font-weight:bold; display:inline; margin:10px}
.b a:hover {text-decoration:none}
.c {text-align:center}

.nast_img_border        {border: solid 1px silver}
.nast_img_border:hover  {border: solid 1px gray}
.foto a small                   {font-size:8pt; color:black; display:block; padding: 5px 0 3px 0; border-top:solid 1px #fff; border-bottom:solid 3px #fff;}
.foto a:hover small            {color:black; background:#DFDFDF; border-top:solid 1px orange; border-bottom:solid 3px orange;}
.foto a:hover            {text-decoration:none !important;}

.reference a {padding:0px 20px 0 5px; display:block; height:200px; color:#000}
.reference a img {padding:20px; border:0;}
.reference ul {list-style-type:none !important;}
.reference a:hover {background: url(../images/pozadi_reference.jpg) left top no-repeat; text-decoration:none}

label {font:bold 16px Arial; color:#DD5300; margin:25px 0 10px 10px; display:block}

/*HTML TAGY*/
img {border:0}
table {	font-size:10pt;}
a {color:#BB4600; text-decoration:none;}
a:hover {color:gray; text-decoration:underline;}
a[target="_blank"] {background:url(../images/new_window.png) right top no-repeat; padding-right:12px;}


dfn {display:block; font-size:16pt; padding: 30px 5px 10px 20px; font-style:normal}
small {font-size:7pt; font-family:verdana}
img {border:0;}

h1 {color:#000; margin:0 0 20px 0; padding:0; font:bold 1.9em Calibri;}
h2 {margin:20px 0 5px 0; padding:0; color:#000; font:bold 1.1em Sans-Serif;}
h3 {color:#000; margin:20px 0 5px 0;font: bold 1.2em Sans-Serif; border-bottom:solid 1px #eee;}
h3 a:hover {text-decoration:none}
h4 {color:#000; margin:15px 0 5px 0;font: bold 1.1em Serif; border-bottom:solid 1px #eee;}
h5 {color:#000; margin:15px 0 5px 0;font: bold 1.0em Serif; border-bottom:solid 1px #eee;}
h6 {color:#000; margin:15px 0 5px 0;font: bold 0.9em Calibri; border-bottom:solid 1px #eee;}

label a {text-decoration:underline}
li {list-style-type:square}
code {background:#f5f5f5; border:solid 1px #ddd; padding:5px; display:block; margin:15px 0px; font:normal 11px Arial}




.dir{ margin:2px; text-align:center; overflow: auto; float: left; display:inline;}
.dir a {display:block; width:120px; padding-top:70px; color:#000; font-size:90%;background: url('../images/gallery/dir.png') no-repeat center ; vertical-align:bottom; margin:5px}
.dir a:hover  {background: url('../images/gallery/dir-hover.png') no-repeat center;text-decoration:none;color:#a42a2a}

.gallery {margin:0 0 10px 0; clear:both;}/*blok galerie*/
.gallery li {float:left; width:175px; height:250px; margin:10px; list-style-type:none; }
.gallery a { background: url(../images/gallery/photo-background.png) no-repeat; height:220px; line-height:250px; display:block;  text-align:center;}
.gallery a:hover {background: url(../images/gallery/photo-background-hover.png) no-repeat; text-decoration:none;}
.gallery img {vertical-align:middle; display:block; height:110px; margin: 5px auto; padding-top:60px; text-align:center;}

.gallery a strong {color:#000; text-align:center; display:block; line-height:12px}


textarea.small  {width:200px; height:100px;}
textarea.medium  {width:350px; height:150px;}
textarea.big  {width:590px; height:400px;}


ul.list {margin: 10px 0 15px 15px}
ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ul.disc {list-style-type:disc}
ul.number {list-style-type:decimal}
ul.word {list-style-type:lower-alpha}
ul.roman {list-style-type:lower-roman}

form {clear:both}




input, textarea, select { background:#e4eccf;border:solid 1px #6f8e26; margin:1px 0; z-index:1000 !important; font:normal 16px Arial; width:250px; color:#333}
input, select {height:25px;}

input:active,input:focus, textarea:active, textarea:focus, select:active, select:focus {border:solid 1px #000; background:#bdcd96;}

fieldset {border:solid 1px silver; margin:20px 10px; padding:5px}
fieldset legend { font-weight:bold; font-size:120%; font-variant:small-caps; color:#222; letter-spacing:3px; padding:0 10px;}
label {font:bold 16px Arial; color:#DD5300; margin:25px 0 10px 10px; display:block}
fieldset label, div.window label {width:200px; display:block; float:left; margin-left:5px; color:#fff; font:normal 100% Calibri, Arial, Sans; margin:0;}
fieldset{margin:10px 0 0 0;}
fieldset textarea {margin:10px 0 0 0}
input[type=submit], .button {background: #a3cd6a url(../images/button1.jpg); width:110px; height:30px; color:#000;font:normal 15px calibri; border:0;display:block; text-align:center; line-height:30px; vertical-align:middle}
input[type=submit]:hover, .button:hover {background: #a3cd6a url(../images/button1-hover.jpg); width:110px; height:30px; color:#000; text-decoration:none}

label {font:bold 16px Arial; color:#DD5300; margin:25px 0 10px 10px; display:block}
fieldset label, div.window label {width:200px; display:block; float:left; margin-left:5px; color:#000; font:normal 100% Calibri, Arial, Sans; margin:0;}


.button2 {background: #adc2d4 url(../images/button2.jpg); width:110px; height:30px; color:#000;font:normal 15px calibri; border:0;display:block; text-align:center; line-height:30px; vertical-align:middle}
.button2:hover {background: #8ba8c0 url(../images/button2-hover.jpg); width:110px; height:30px; color:#000; text-decoration:none}
.button3 {background: #adc2d4 url(../images/button3.jpg) !important; width:110px; height:30px; color:#000;font:normal 15px calibri; border:0;display:block; text-align:center; line-height:30px; vertical-align:middle}
.button3:hover {background: #8ba8c0 url(../images/button3-hover.jpg) !important; width:110px; height:30px; color:#000; text-decoration:none}
.button4 {background: #adc2d4 url(../images/button4.jpg) !important; width:110px; height:30px; color:#fff !important;font:normal 15px calibri; border:0;display:block; text-align:center; line-height:30px; vertical-align:middle}
.button4:hover {background: #8ba8c0 url(../images/button4-hover.jpg) !important; width:110px; height:30px; color:#fff !important; text-decoration:none}
.button4 {background:orange url(../images/button5.jpg) !important; width:110px; height:30px; color:#fff !important;font:normal 15px calibri; border:0;display:block; text-align:center; line-height:30px; vertical-align:middle}
.button4:hover {background: orange url(../images/button5-hover.jpg) !important; width:110px; height:30px; color:#fff !important; text-decoration:none}


.content_editor {margin:8px 0}
.content_editor a{padding:4px 5px; margin:0 2px; background:#000; color:#fff;}  
.content_editor a:hover{background:#8c0000; color:#fff; text-decoration:none; cursor:pointer;}
.content_editor {cursor:pointer;}


.hidden {display:none} 
.edit {display:block; text-align:center; background:#555;color:#fff; cursor:pointer; margin:20px 0 5px 0; width:200px; font-family:Calibri; border-left:solid 15px #a42a2a}
.edit:hover {background:#777; color:#000}

.article {font-family:Calibri;clear:both; margin:10px 0 65px 0 ;} 
div.article:hover {} 
/*div.article:hover .date {background:url(../images/article_date-hover.jpg) ; } */
.article .top {height:55px; background:#eee; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:5px} 
.article .date {width:50px;height:55px;background:url(../images/article_date.jpg) ; display:block; text-align:center; float:left; margin-right:15px;font:bold 10px serif}
.article .date strong {font-size:20px; line-height:24px}
.article .date small {font-size:8px}
.article h2 {border:0; margin:0; padding-top:2px}
.article h2 a, 
.article h1 {font: bold 25px Calibri, "Trebuchet MS"; color:#777; border:0; margin:0; padding-top:2px}
.article h2 a:hover {color:#000}
.article .author {color:silver;}
.article .text {margin:0 25px 8px 25px; text-align:justify; font-family: Calibri; line-height:22px}
.article .text img.main {float:left; margin: 0 15px 10px 0}

.article .bottom {clear:both; font:normal 0.8em Arial;background:#eee; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:5px} 
 
.both {clear:both;}

 




.left {float:left}
.margin {margin:10px}


.diary {background: url(../images/diary-background.jpg) no-repeat; height:100px; padding:8px 0 0 40px; margin:5px 0 0 0;}
.diary .item{float:left; color: silver; margin-bottom:10px; font-size:70%; font-family:monospace; cursor:help;}
.diary .item:hover div{background:#555}
.diary .item:hover {color:#000}
.diary .item div{ width:12px; background:#e1e1e1; vertical-align:bottom; margin-right:5px}


.pager {text-align:center}
.pager a {font:normal 40px Arial; margin:0 100px;}
.pager a:hover {text-decoration:none; color:#000;}


.comments { margin: 20px 0;}
.comments .main {margin:20px 0;}
.comments .main:hover .comments_left {color:#6f8e26}
.comments .comments_left {float:left; width:135px;}
.comments .comments_left span {color:#aaa; font:bold 15px Georgia}
.comments .comments_left strong {font:normal 19px Georgia; letter-spacing:0px; margin-top:15px; display:block;}
.comments .comments_left a.kontakt {margin-left:30px; color:#999}
.comments .comments_right .top {background: #fff url(../images/comments-content-background-top.png) no-repeat; height:5px}
.comments .comments_right .bottom {background: #fff url(../images/comments-content-background-bottom.png) no-repeat; height:5px;}
.comments .comments_right {float:right;width:465px; background:url(../images/comments-content-background.png) repeat-y; margin:10px 0px 10px 0;}
.comments .comments_right h5 {margin:0; padding:0 0 0 20px; margin:10px 0 5px 0;color:#fff;font:bold 12px Georgia; border:0}
.comments .comments_right p {padding:0 15px 5px 20px;margin:0; text-align:justify;font-family:Times; color:#fff;}
.comments .arrow {background:url(../images/comments-content-background-arrow.png) no-repeat;height:16px; width:16px; position:relative; left:130px; top:-20px}
.comments .time {color:#cbbf5e; display:block; text-align:right; margin-right:15px; font-size:6pt;}



.window {position:relative; top:5px; z-index:9999; background: url(../images/window-background.png); padding:10px; margin:10px 10px 50px 10px; border:solid 1px silver; }

#search {padding-top:20px !important; display:block}
#search a {color:#333; font:bold 1.1em Calibri}
#search a:hover {color:#000; text-decoration:none}
#search input.text{display:inline; background-image:none; background:transparent; color:#222; border:solid 1px #333; height:18px; width:100px; padding:0 3px; margin:0 3px;}
#search input.submit{display:inline; background-image:none; background:transparent; color:#333; font-weight:bold}
#search input.submit:hover{color:#000}