html {margin:0; padding:0; overflow-x: hidden; }
body {behavior:url("js/csshover.htc");background:#d2e1ed url(../images/body-background.png) repeat-x; color:#000;font:normal 16px Arial; margin:0; padding:0;text-align:center;}
#main {position:relative; top:-20px}
.layout{text-align:center; margin:0px auto; width:725px;}
#layout-top{text-align:center; margin:0px auto; background:#fff;}
#logo{ height:100px} 
#logo a{display:block; width:600px; height:100px} 
#top{background: url(../images/top-background.png) no-repeat; height:96px} 
#top a{display:block; height:140px; margin:20px 25px 0 25px;}
#middle {background: url(../images/middle-background.png) repeat-y;text-align:left; margin:0px auto; width:725px; min-height:100px;}
#content {margin:0 5px; padding-top:20px; font:normal 12px Arial; color: #666666}
.ptext { text-align: justify !important; margin-right: 20px}
#copyright {font-size:10px}
#flags {position:relative; top:53px; left:302px}
#menu-section {background: url(../images/menu-background.png) repeat-x;	height:50px; text-align:center; margin:auto;}
#menu {margin:0; padding:0;color:#fff; height:52px; margin:auto; text-align:center; width:725px}
#menu li{display:block;width:132px; height:52px; line-height:52px; vertical-align:middle; float:left; list-style-type:none; text-align:center; font:normal 12px Georgia; text-transform: uppercase;}
#menu li a{color:#fff; background: url(../images/biocef/menu-a.png) no-repeat -1px; text-decoration:none; display:block; height:52px; line-height:52px; vertical-align:middle; position:relative; left:8px}
#menu li a.menu-first {color:#fff; background: url(../images/biocef/menu-c.png) no-repeat -1px; text-decoration:none; display:block; height:52px; line-height:52px; vertical-align:middle; position:relative; left:8px}
#menu li a:hover{color:#ff0000;background: url(../images/biocef/menu-b.png) no-repeat -1px; }
#menu li a:hover.menu-first {color:#ff0000;background: url(../images/biocef/menu-d.png) no-repeat -1px; }

#title {height:27px; background: url(../images/title-background.png); padding-top:10px; color: #666666; font-size: 13px; font-weight: bold; font-family: Verdana }
#title strong {float:left; display:block; width:400px; text-align:left; padding-left:20px; color:#555}
#title form {float:right; width:170px;}
#search {text-align:right;} 
.search-phrase {height:13px; margin:3px; width:90px; font-size:11px}
.search-button {margin:0 30px 0 0; background: url(../images/search-button.png) no-repeat 0px 5px; width: 11px; height:12px; border:0}
#submenu {clear:both;height:20px; background: url(../images/submenu-background.png);margin:0; padding:0; color:#000;}
#submenu li{background: #C5D4ED; float:left;display:block;height:20px; line-height:20px; vertical-align:middle; list-style-type:none; text-align:center; font:bold 10px tahoma; text-transform: uppercase; margin:0px 1px; position:relative; left:3px;}
#submenu li a{margin: 0px 12px 5px 5px; color:#999; text-decoration:none; display:inline; height:20px; line-height:20px; vertical-align:middle;}
#submenu li a:hover{color:#000;}

#left {float:left; margin:0; padding:0; width:209px; }
.left-coll {background:url(../images/left-coll-background.png) no-repeat;min-height:100px; color: #666666; }
.left-coll a {color: #666666; }
.left-coll a:hover {color: #444444; }
.left-coll h3 {padding:7px 0 15px 60px;}
.left-coll div {margin:10px 5px 10px 20px;}
.left-coll div small {color:#3b79c5; display:block; font-weight:bold}
.submenu-item { float: left; display: block; height: 20px; width: 10px; background: url('../images/biocef/submenu-background-item.png'); }


.page-header  {background:url(../images/page-header-background.png) no-repeat;min-height:30px; color: #666666; }
.page-header {padding:3px 0 15px 45px; color: #CE0000; }

#right {float:right; width:480px; margin:0px 5px 5px 5px;}


#bottom {background: url(../images/bottom-background.png) no-repeat; text-align:center; padding:5px; font-size:70%; color:#000; height:57px;}
#bottom a {color:#000} 

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

.both {clear:both}
h1{visibility:hidden;}
h2 {font:normal 160% Arial; background:url(../images/h2-background.png) no-repeat 0 16px; padding:20px 0 2px 35px ; color:#CE0000; margin:0 0 10px 0}
h3 { font:bold 16px Arial; padding:20px 0 2px 20px ; color:#CE0000; margin:0 0 10px 0}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
/*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; margin: 5px 10px}
.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}

/*HTML TAGY*/
img {border:0}
table {	font-size:10pt;}
a {color:#3B79C5; 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:8pt; font-family:verdana; margin-bottom: 2px;}
img {border:0;}
h4 {color:#BB4600;font-weight:bold; font-size:10pt; border-bottom:solid 1px #eee; 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:#eee; border:solid 1px #bbb; padding:10px; display:block; margin:15px 10px}




.dir{ margin:20px 1px; width:145px; text-align:center; overflow: auto; float: left; display:inline;}
.dir div{background: url('../images/gallery/dir.png') no-repeat center ; width:145px; height:110px;}
.dir a:hover div {background: url('../images/gallery/dir-hover.png') no-repeat center;text-decoration:none;}
.dir a em {font:normal 12px Tahoma; color:#000;}
.dir a:hover {color:#ddd}


.gallery {margin:0 0 10px 0; clear:both; padding:0}/*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; font:normal 10px Arial}


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

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

.button, .button2, .button3, .button4 {margin-bottom:5px} 

.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 ;background: url(../images/article-top-background.jpg) no-repeat; padding:8px 0 0 5px} 
div.article:hover h3 a {color:#555; text-decoration:none} 
.article .top {height:100px} 
.article .date {width:80px;height:55px; 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 h3 {border:0; margin:0; padding-top:2px}
.article h3 a {font: bold 110% Calibri, "Trebuchet MS"; color:#777}
.article h3 a:hover {color:#000 !important}
.article .author {color:silver;}
.article .text {margin:0 25px 8px 25px; text-align:justify; font-family: Calibri; line-height:22px}
.article img.main {float:left; margin: 0 15px 10px 0; max-width:400px}

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

.center {text-align:center}


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


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



.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; }
.window label {font-size:12px !important; width:250px !important}
.window div {margin:5px}
.window input[type="text"] {width:250px}


.addition {font:normal 12px Calibri; border:solid 1px #aaa; background:#eee; clear:both}

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


/*------------- account -------------------*/

#form-login { }
#form-login fieldset { position: relative; margin: 0px; padding: 0px; border: none; line-height: 2em; }
#form-login label { font-size: 1em; display: inline; margin: 0px; padding: 0px; }
#form-login input { position: absolute; left: 70px; font-size: 1em; width: 100px; }
#form-login input.submit { width: 70px; left:85px;}
#form-login input.signin { left: 0px; }
#submit-logout {font-size:1em;left:85px;position:relative;top:2px;width:70px;}

div.clearfix { position: relative; line-height:2em; }
div.clearfix label { font-size: 1em; display: inline; }
div.clearfix input {position: absolute; left:180px; width: 150px; }
div.clearfix input.submit {position: absolute; left:205px; width: 100px; }


.error {  color: #DB002E; font-size:1em; }
ul.error { padding:5px 10px; margin-left: 10px; margin-top: -20px; }
ul.error li{ color: #DB002E; font-size: 1em;list-style-type:circle;min-height:1.5em;line-height:1.5em;}