body {behavior:url("js/csshover.htc");background: #ffa600 url(../images/body-background.png) repeat-x; color:#000;font:normal 13px Arial; margin:auto; padding:0;text-align:center;} 
html {margin:0; padding:0;}

 
#main { background: url(../images/main-background.png) repeat-x; width:1200px; min-height:1200px; text-align:center;margin:auto;}
#head {background: url(../images/head-background.jpg) no-repeat; width:1200px; height:359px; }
#main-link {display:block; height:140px}
#menu {background: url(../images/menu-background.png) no-repeat; width:193px; height:200px; float:left;}
#menu a {display:block; position:relative; width:120px; height:40px;}
#menu a.webdesign {top:70px;left:350px; width:130px;}
#menu a.reference{top:70px;left:400px; width:140px;}
#menu a.kontakt {top:70px;left:430px; width:150px;}
#menu a.omne {top:-20px;left:650px; width:150px;}
#menu a.fotogalerie{top:-20px;left:600px; width:140px;}
#menu a.blog {top:-90px;left:850px; width:150px;}

#middle {margin: 0 10px; background:#000; width:900px; min-height:584px; color:#fff; font:normal 13px Times}
#left {background: url(../images/left-background.png) no-repeat; width:365px; height:264px;float:left;}
#left #text {margin:280px 0 0 200px; width:150px; text-align:left; font:normal 10px Arial; color:#888}
#left #text em {font-style:normal; border-bottom:solid 1px #444; color:#ccc; padding-bottom:1px;}
#left #text strong {font-weight:normal; color:#888; text-transform:uppercase; display:block; margin-bottom:15px}
#left #text p { margin-bottom:20px}
#right {float:right; width:620px; margin-right:195px; text-align:left;min-height:584px; }
#content {background:  url(../images/content-background.png) repeat-y; color:#ccc; line-height: 140%;}
#content strong {color:#fff;}
#bottom {height:295px; width:1200px;background: url(../images/bottom-background.png) no-repeat;}
#promo-gallery {margin-left:177px;}
#copyright {text-align:center; margin:40px 0 0 0px; padding:10px 0px; font:normal 11px Arial; color:#cf6d04; background:#000; letter-spacing:2px; border-top:solid 1px #eee}
#copyright div {margin:auto; width:820px; text-align:right}
#copyright a {color:#cf6d04; text-decoration:none}
#copyright a:hover {color:#ccc; text-decoration:underline}
#copyright #lock {position:relative; top:2px}
#copyright #rss {width:16px; margin-left:10px; position:relative; top:2px}


#footer { margin-left:200px; width:790px; padding-top:35px; clear:both}
#footer ul{ float:left; width:150px;text-align:left; margin:0; padding:0}
#footer li {list-style-type:none; line-height:25px}

#footer ul#my{ border-right:solid 1px #222;}

#footer ul#fav{ width:630px;}

#footer ul#fav .box{width:110px; margin-right:10px; float:left}
#footer ul#fav .box span{clear:both; display:block}
#footer ul#fav .box img{max-height:100px; max-width:100px; _width:80px; -moz-box-shadow: 0 0 5px #ddd}
#footer ul#fav .box div{height:110px}

#footer ul#fav .box a{font:normal 13px/15px Arial}

#footer ul#fav h3, #footer ul#fav li:nth-child(2){padding-left:15px}


#footer h3 {padding:0 0 5px 0; color:#777; margin-bottom:15px;  border-bottom:solid 1px #333; }
#footer a {color:orangered}
#footer a:hover, #footer ul#fav a:hover span{text-decoration:underline !important}


/*#content { position:relative; top:0; left:0; width:600px; height:350px; color:#fff}
#player { position:relative; top:0; left:0; border:solid 1px silver; }*/
.iframe {color:#fff !important;}
#link-index {width:900px; height:183px; display:block; position:relative; left:0px;}



/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 0;
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}






.arrow {color: #3b79c5; background: url(../images/arrow.png) no-repeat 0 4px; padding-left:13px; display:block}

.both {clear:both}



/*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;}

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;}

#reference {font-size:10px; clear:both; height:130px}
#reference h3 {margin:0; padding:0}
#reference .image {float:left; width:300px; height:270px; display:block; background:#333}
#reference img {position:relative; top:-5px; left:-5px}
#reference .description {float:right; width:300px}
#reference .text {margin:20px 0}
#reference small {dispay:block}
#reference a:hover { text-decoration:none; color:#fff;}
#reference .row{margin:50px 0;}


/*HTML TAGY*/
img {border:0}
/*table {	font-size:10pt;}*/
a, a:visited {color:orangered; text-decoration:none !important;}
a:hover {color:#fff; 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{margin:0; padding:0; font-size:1px; height:1px; visibility:hidden}
h2 {font:normal 38px Cambria, Calibri; text-transform:uppercase; letter-spacing:0px; padding:20px 0 2px 70px ; color:#ccc; margin:0 10px 10px 0; border-bottom:solid 1px #333;}
h3 { font:bold 25px Cambria, Calibri; padding:20px 0 2px 30px ; color:#fff; margin:0 0 10px 0;}
h4 {color:#fff; font:normal 20px Cambria, Calibri; border-bottom:solid 1px #222; padding-bottom:3px;}
h5 {color:red;font-weight:bold; font-size:10pt;}
h6 {color:#FFB546;font-weight:normal; font-size:12pt; display:inline}


label a {text-decoration:underline}
li {list-style-type:square}
code {background:#222; border:solid 1px #666; padding:10px; display:block; margin:15px 10px}
 



.dir{ margin:2px; text-align:center; overflow: auto; float: left; display:inline;}
.dir a {display:block; width:180px; height:180px; color:#ccc; 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:#fff}
.dir span {padding-top:130px; display:block; font:normal 15px Verdana;} 

.gallery {margin:0 0 10px 0; clear:both; padding:0}/*blok galerie*/
.gallery li {float:left; width:180px; height:250px; margin:7px; 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; max-height:110px; _height:110px; margin: 5px auto; padding-top:60px; text-align:center; max-width:140px;}
.gallery abbr {display:block; border:0}


.gallery a strong {color:#999; text-align:center; display:block; line-height:12px; font-size:11px; font-weight:normal;font-family:Verdana}
.gallery a:hover strong {color:#fff;}


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 {border:solid 1px #ccc; margin:1px 0; z-index:1000 !important}
input, select {background: url(../images/input-background.png);}
textarea {background: url(../images/textarea-background.png);}
input:active,input:focus, textarea:active, textarea:focus, select:active, select:focus {border:solid 1px #444;}

fieldset {border:solid 1px #eee; 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:#000; 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: #e09d73 url(../images/button.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: #e09d73 url(../images/button-hover.jpg); width:110px; height:30px; color:#000; text-decoration:none}
*/

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

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

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: orange url(../images/button.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: orange url(../images/button-hover.jpg); width:110px; height:30px; color:#000; text-decoration:none}

.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}


.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}


.both {clear:both;}





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




.pager {text-align:right;}
.pager a {font:normal 200px Times; line-height:130px; margin:0 60px 0 10px; color:#444;}
.pager a:hover {text-decoration:none; color:#ccc;}

.center {text-align:center}



.guestbook { margin: 20px 0;}
.guestbook div.guestbook_main {clear:both;}
.guestbook .guestbook_left {float:left; width:100px; margin-top:20px;}
.guestbook .guestbook_left small {display:block}
.guestbook .guestbook_left a {font:normal 10px Arial;}
.guestbook .guestbook_right .guestbook_top {background:#fff url(../images/comments-content-background-top.png) no-repeat; height:48px}
.guestbook .guestbook_right .guestbook_bottom {background:#fff url(../images/comments-content-background-bottom.png) no-repeat; height:11px;}
.guestbook .guestbook_right {float:right;width:530px; background:url(../images/comments-content-background.png) repeat-y; margin:10px 0;}
.guestbook .guestbook_right h5 {position:relative; top:-10px; margin:0; padding:0 0 0 50px; color:#aaa}
.guestbook .guestbook_right p {padding:0 15px 5px 45px; text-align:justify; position:relative; top:-10px}



#labels {color:#444; margin:10px 0 20px 5px; font-size:11px}
#labels strong {display:block;}
#labels a {color:#777}


.addition {font:normal 12px Calibri; color:#666; border:solid 1px #222; background:#111; clear:both}


.table {}
.table td { padding:5px}


.article {font-family:Arial;clear:both; margin:55px 0; background: url(../images/article-top-background.jpg) no-repeat; padding:8px 0 0 5px} 
.article:hover {background: url(../images/article-top-background-hover.jpg) no-repeat;} 
.article:hover .date {background:url(../images/article_date-hover.jpg) no-repeat ; } 
/*.article .top {min-height:100px; _height:100px} */
.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; color:#ccc;}
.article .date strong {font-size:20px; line-height:24px}
.article .date small {font-size:8px}
.article .main {border:0; margin:0; padding:2px 0 20px 0; max-width:600px}

.article .main a {font: normal 100% Cambria, Calibri, "Trebuchet MS"; color:#fff; text-decoration:none}
.article .main a:hover {text-decoration:underline !important}
.article .author {color:silver;}~
.article .text {margin:0 25px 8px 25px; text-align:justify; font-family: Times; line-height:22px}
.article .text img.main {float:left; margin: 0 15px 10px 0} 

.detail, .detail:hover {background:none}
.detail .date {border-right:solid 1px #333; background:none !important}
.detail .main {font:normal 33px Cambria !important; text-transform:none}
.detail .top {border-bottom:solid 1px #111; margin-right:10px; margin-bottom:10px}



.article .info {display:block; text-align:right; color:#ddd; font-family: Arial; font-size:9px; margin:5px 10px 40px 0; border-top:solid 1px #111; padding:5px 0 0 0}/*background: url(../images/article-bottom-background.jpg) no-repeat;*/
.article .info:hover {color:#aaa}
.article .info a {color:#999 !important}
.article .info a:hover {color:#444 !important; text-decoration:none}






.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: #222; margin-bottom:10px; font-size:70%; font-family:monospace;}
.diary .item:hover div{background:#444 !important}
.diary .item:hover {color:#444}
.diary .item div{ width:12px; background:#222; vertical-align:bottom; margin-right:5px}




.center {text-align:center}


.comments { margin: 20px 0;}
.comments .main {margin:20px 0;}
.comments .main:hover .comments_left {color:orange}
.comments .comments_left {float:left; width:155px;}
.comments .comments_left span {color:#aaa; font:bold 15px Georgia}
.comments .comments_left strong {font:normal 19px Georgia; letter-spacing:0px}
.comments .comments_left a.kontakt {margin-left:30px; color:#999}
.comments .comments_right .top {background:#000 url(../images/comments-content-background-top.png) no-repeat; height:5px}
.comments .comments_right .bottom {background:#000 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:#000;font:bold 12px Georgia;}
.comments .comments_right p {padding:0 15px 5px 20px;margin:0; text-align:justify;font-family:Times; color:#000;}
.comments .arrow {background:url(../images/comments-content-background-arrow.png) no-repeat;height:16px; width:16px; position:relative; left:147px; 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; }



.align-left {text-align:left}

#slat {letter-spacing:0; color:#888; font:normal 11px Arial;}
#slat li {list-style-type:none; display:inline; padding:0 5px; white-space:nowrap}
#slat strong {font-weight:bold !important}
#slat a {color:#aaa; text-decoration:none !important; }
#slat a:hover {color:#ccc; text-decoration:underline !important;}


#share {}
#share a[target="_blank"] {background:#333 !important; padding:2px 5px !important; color:#fff; margin:0px 5px 25px 5px; display:block; float:left}
#share a[target="_blank"]:hover {background:#666 !important}
#keywords{clear:both}

.rank-width {width:150px}
.rank-width label {margin:15px 0 0 0; color: #eee; font-size:normal}