body {behavior:url("js/csshover.htc");background: #ab607f url(../images/body-background.jpg) repeat-x; color:#eee;font:normal 14px Arial; margin:auto; padding:0;text-align:center;} 
html {margin:0; padding:0}
p{text-align:justify}

#paper {margin:auto;background: url(../images/paper-background.jpg) repeat-y;}

#main { width:1024px; height:700px; border:solid 1px #ccc; text-align:left;margin:30px auto; background: url(../images/main1.jpg) no-repeat}

#main-link {display:block; 	}
a.tooltip_banner span {display:none; padding:2px 3px; margin-left:8px; width:202px;}
a.tooltip_banner:hover span{display:block; position:absolute; margin:-200px  0 0 220px; background:#eee; border:1px solid #999; color:#000; padding:15px; font:bold 14px Arial;  -moz-border-radius: 6px;}


#menu {position:absolute; margin:88px 0 0 149px; padding:0}
#menu li {float:left; list-style-type:none; margin:0; padding:0; font:normal 16px Times; color:#000; width:88px}
#menu a {color:#000; display:block; height:42px; line-height:41px; vertical-align:middle; text-align:center; text-decoration:none}
#menu a span {border-bottom:solid 1px #ccc; padding:2px 4px}
#menu a:hover {color:#555; background:#fff}

#menu2 {position:absolute; margin:495px 0 0 140px ; z-index:2; padding:0; list-style-type:none;}
#menu2 li {float:left; list-style-type:none; margin:0; padding:0; font:normal 12px Arial; color:#000; width:103px; list-style-type:none}
#menu2 a {color:#fff; display:block; height:42px; line-height:41px; vertical-align:middle; text-align:center; text-decoration:none;}

#middle {margin: 0 10px; background:#000;   color:#fff; font:normal 13px Times; }
#left {background: url(.../images/left-background.png) no-repeat; width:240px; float:left;}
#center {float:right; width:385px; text-align:left; }
#right {float:right; width:300px; text-align:left;}

#content {position:absolute; z-index:100; padding:10px; margin: 155px 0 0 165px; overflow:scroll;height:320px; width:685px; background: #3B3F58 url(../images/content4.jpg) no-repeat center 320px; background-attachment:fixed;   }
#bottom {height:295px; width:1200px;background: url(.../images/bottom-background.png) no-repeat;}
#promo-gallery {margin-left:177px}
#copyright {text-align:center; margin: 0; font-size:9px; position:relative; top:-50px; left:430px; clear:both; color:#333}
#copyright span{padding-left:100px}
#copyright a {color:#555; text-decoration:underline}
#copyright a:hover {color:#999; text-decoration:underline}
#copyright #lock {position:relative; top:2px}
#copyright #rss {width:16px; margin-left:10px; position:relative; top:2px}

#desc1 {text-align: left; font:normal 13px Arial; letter-spacing:1px; padding:20px 0 0 0}
#desc2 {position:absolute; margin: 15px 0 0 750px;  font:normal 15px Arial;}

#search {width:120px; position: absolute; margin:38px 0 0 500px}
#search  .gsc-input{width:140px; height:18px; line-height:18px; font-size:12px}
#search  .gsc-search-button{width:60px; height:18px; line-height:18px; font-size:12px}

#loginas {-moz-border-radius: 6px; -webkit-border-radius: 6px; padding:15px; background:orange}
#login {-moz-border-radius: 6px; -webkit-border-radius: 6px; padding:10px; background: #557711; display:none}

#categorities {padding:15px 0 0 0; background:#6b6bff url("../images/categorities-top.jpg") no-repeat;}
#categorities .bottom{background: url("../images/categorities-bottom.jpg") bottom no-repeat; height:7px; margin:0}
#categorities li { color:#fff;padding:2px 10px; white-space:nowrap;list-style-type:none; text-align:center}
#categorities li a:hover { border-bottom:solid 1px #B7B7FF}


#categorities li a { color:#fff}

#type a { list-style-type:circle; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #cc4d11; color:#fff;padding:5px 20px; margin:10px; display:inline; line-height:40px; white-space:nowrap}


.iframe {color:#fff !important;}
#link-index {width:900px; height:183px; display:block; position:relative; left:0px;}

#created{color:#aaa; text-align:center; font:normal 11px Arial; padding-bottom:10px}
#created a{color:#999; text-decoration:underline !important}
#created a:hover{color:#333; text-decoration:none}


#locations{clear:both; padding:60px 0 0 0; margin:0 0 3px 0; text-align:center}
#locations li{display: inline; list-style-type:none; padding:0 2px; font:normal 12px Arial}
#locations li a{color:#000;}
#locations li a:hover{color:#333; border-bottom:solid 1px #ddd}


.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}
#reference h3 {margin:0; padding:0}
#reference .image {float:left; width:150px; display:block;}
#reference img {margin:5px; border:solid 10px #111}
#reference .description {float:right; width:420px}
#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 {color:#fff; text-decoration:underline}
a:hover {color:pink; 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:#fff; font:bold 45px Arial; padding:75px 0 15px 0; margin:0px;}
h1 span {color:gold}
#mainlink{position:absolute;  z-index:1; width:1024px; height: 230px}
h1 a:hover{color:#fe8a4f;}
h1 em{color:blue; font-style:normal}
h2 {font:normal 32px Serif; padding:10px 0 2px 0 ; margin:0 0 5px 0; color:#fff}
h3 { font:bold 20px Garamond; padding:20px 0 2px 0 ; margin:0 0 10px 0}
h4 span {font-size:18px; font-variant: small-caps}
h4 {font-weight:bold; font-size:10pt; border-bottom:solid 1px #222; padding-bottom:3px;}
h5 {font-weight:bold; font-size:10pt;}
h6 {color:#FFB546;font-weight:normal; font-size:12pt; display:inline}


label a {text-decoration:underline}
ul li {list-style-type:square}
code {background:#222; border:solid 1px #666; padding:10px; display:block; margin:15px 10px}
    
.FlyingText{filter:alpha(opacity=70); -moz-opacity:0.70; opacity: 0.70; z-index:10}
.FlyingShadow{ position:absolute; margin:-50px 0 0 4px; color: #aaa;filter:alpha(opacity=20); -moz-opacity:0.20; opacity: 0.20; width:1024px}

.FlyingText2{position:absolute; font:normal 120px Arial; position:absolute; margin-top:-50px; color: pink;filter:alpha(opacity=40); -moz-opacity:0.40; opacity: 0.40; width:1024px}


.dir{ margin:2px 15px; text-align:center; overflow: auto; float: left; width:130px; display:inline; overflow:hidden;}
.dir a {display:block;color:#ccc; font-size:90%;background: url('.../images/gallery/dir.png') no-repeat center ; vertical-align:bottom; margin:5px;  text-decoration:none; }
.dir a:hover  {background: url('.../images/gallery/dir-hover.png') no-repeat center;text-decoration:none;color:#fff}
.dir span {padding-top:0px; display:block; font:normal 15px Verdana;}
.dir img {padding-top:20px; display:block; height:180px; margin: 10px auto; text-align:center;}

.gallery {margin:10px 0 10px 20px; clear:both;}/*blok galerie*/
.gallery li {float:left; width:160px; height:210px; margin:10px; list-style-type:none; }
.gallery a { background: url(.../images/gallery/photo-background.png) no-repeat; height:220px; line-height:280px; 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:180px; margin: 10px auto; text-align:center;}

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


.sponsors {margin:10px 0 10px 20px; clear:both;}/*blok galerie*/
.sponsors li {float:left; width:160px; height:110px; margin:10px; list-style-type:none; }
.sponsors a {display:block;  text-align:center;}
.sponsors a:hover {text-decoration:none;}
.sponsors img {vertical-align:middle; display:block; width:150px; margin: 10px auto; text-align:center;}


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:#EEF1FB;border:solid 1px #21398D; margin:1px 0; line-height:20px; vertical-align:middle; padding:2px; z-index:1000 !important; font:normal 16px Arial; width:250px; color:#333;	-moz-border-radius: 3px; -webkit-border-radius: 3px;}
input, select {height:20px;}

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

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:#000; font:normal 100% Calibri, Arial, Sans; margin:0;}
fieldset{margin:10px 0 0 0;}
fieldset textarea {margin:10px 0 0 0}
input[type=radio], input[type=checkbox] {width:25px}
input[type=submit], .button {background: #21398D url(.../images/button.jpg); width:110px; height:35px; color:#fff;font:normal 15px calibri; border:0;display:block; text-align:center; line-height:35px; vertical-align:middle; border:solid 1px #fff; 	-moz-border-radius: 6px; -webkit-border-radius: 6px;}
input[type=submit]:hover, .button:hover {background: #FE8A4F  url(.../images/button-hover.jpg); color:#000; text-decoration:none}

.button2 {background: #adc2d4 url(.../images/button2.jpg); width:180px; height:30px; color:#000;font:normal 15px calibri; border:0;display:block; text-align:center; line-height:30px; vertical-align:middle;	-moz-border-radius: 6px; -webkit-border-radius: 6px;}
.button2:hover {background: #8ba8c0 url(.../images/button2-hover.jpg); height:30px; color:#000; text-decoration:none}
.button3 {background: #747474 url(.../images/button3.jpg) !important; width:110px; height:30px; color:#fff;font:normal 15px calibri; border:0;display:block; text-align:center; line-height:30px; vertical-align:middle;	-moz-border-radius: 6px; -webkit-border-radius: 6px;}
.button3:hover {background: #555555 url(.../images/button3-hover.jpg) !important; width:110px; height:30px; color:#fff; 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;	-moz-border-radius: 6px; -webkit-border-radius: 6px;}
.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:center}
.pager a {font:normal 40px Arial; margin:0 100px;}
.pager a:hover {text-decoration:none; color:#000;}

.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:Calibri;clear:both; margin:10px 0 65px 0 ;background: url(../images/article-top-background.jpg) no-repeat; padding:8px 0 0 5px} 
div.article:hover {background: url(../images/article-top-background-hover.jpg) no-repeat;} 
div.article:hover .date {background:url(../images/article_date-hover.jpg) no-repeat ; } 
.article .top {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:#ddd}
.article .date strong {font-size:20px; line-height:24px}
.article .date small {font-size:8px}
.article h3 {border:0; margin:0; padding-top:2px}
.article h3 a {font: normal 100% Calibri, "Trebuchet MS"; color:#ccc; text-decoration:none}
.article h3 a:hover {color:#fff}
.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}



.article .both {clear:both; background: url(../images/article-bottom-background.jpg) no-repeat; height:40px; text-align:right; color:#ddd; font-family: tahoma; font-size:9px; padding-right:20px}
.article .both span:hover {color:#aaa}
.article .both a {color:#999 !important}
.article .both 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}


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

.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-light.png); padding:10px; margin:10px 10px 50px 10px; border:solid 1px silver; }




#advertisement {margin:15px; width:550px}
#advertisement .adv-top {background: url(../images/adv-background-top.jpg) no-repeat; height: 11px;}
#advertisement .adv-bottom {background: url(../images/adv-background-bottom.jpg) no-repeat; height: 11px;}
#advertisement .adv {background:  url(../images/adv-background.jpg) repeat-y; color:#000; padding: 1px 25px;}
#advertisement .adv h3 {font:bold 16px Arial; margin:0; padding:0}
#advertisement .adv-toolbar {position:absolute; margin-top:-35px}

#advertisement .adv:hover {}
#advertisement .adv.invisible {color: #792a2a;}
#advertisement .adv.invisible:hover {}

.delete-x {font:bold 16px Arial; color:#444; position:absolute; margin:32px 0 0 500px}
.show-hide {font:bold 10px Arial; color:#444; position:absolute; margin:40px 0 0 470px}

ol li {margin-left:10px}

.action {-moz-border-radius: 6px; -webkit-border-radius: 6px; padding:15px; background:orangered; margin:15px; width:470px}

#banners-right img{margin:20px 0 0 0}

.long {width:170px !important}