/*--- general ---*/
body { margin: 0; padding: 2% 3% 1%; background: #FFF; color: #000; font-family: sans-serif; font-size: 70%; line-height: 1.5em; }
h1 { font-size: 200%; font-weight: normal; margin: 0 0 15px; }
h1, h1 a, h1 a span { display: block; width: 500px; height: 40px; overflow: hidden; position: relative; }
.logo_cs { position: absolute; left: 0; top: 0; background: url(../img/participy-nadpis.gif) no-repeat left top; }
.logo_en { position: absolute; left: 0; top: 0; background: url(../img/eng_hlavicka.gif) no-repeat left top; }
h2, h3, h4 { font-size: 100%; margin: 0 0 1em; }
p { margin: 0 0 1em; }
ol, ul { margin: 0 0 1em 20px; padding: 0; }
li { margin: 0; padding: 0; }
a { color: #000; font-weight: bold; text-decoration: none; }
a img { border: none; }
a:hover { text-decoration: underline; }
input, textarea, select {
	font-family: sans-serif; font-size: 100%;
}
/*--- /general ---*/

/*--- layout ---*/
div#page { width: 963px; position: relative; }
div#box { background: url(../img/pravy-okraj.gif) no-repeat right top; }
div#boxborder { background: url(../img/dolni-okraj.gif) no-repeat left bottom; padding: 13px 60px 50px 13px; }
div#boxbord { background: url(../img/dolni-okraj.gif) no-repeat left bottom; padding-bottom: 50px; }
.participy div#boxborder { padding: 0 0 50px; }
div#right { float: right; }
div#left { float: left; }
.home div#right { width: 200px; height: 455px; overflow: auto; padding-right: 20px; margin-right: -20px; }
.home div#left { width: 668px; }
.author div#right { width: 670px; }
.author div#left { width: 200px; }
.contact div#right { width: 670px; }
.contact div#left { width: 200px; }
.texts div#right { width: 670px; }
.texts div#left { width: 200px; }

/*--- /layout ---*/

/*--- home ---*/
div#imgdetail { width: 668px; height: 455px; overflow: hidden; background:  url(../img/neni-obrazek-velky.gif) no-repeat left top;  position: relative; }
div#imgdetail .image { max-width: 668px; }
div#imgdetail p { position: absolute; left: 8px; top: 8px; line-height: normal; right: 80px; }
div#imgdetail p span, div#imgdetail p a { background: #FFF; font-weight: normal; }
div#imgdetail p.morephotos a, div#imgdetail p.morephotos span { padding: 0 2px; margin: 0 3px 0 0; }
div#imgdetail p.morephotos a.active { background: #000; color: #FFF; }
div#imgdetail p.morephotos a:hover { text-decoration: none; }
div#imgdetail p.morephotos, div#imgdetail.over p.info { display: none; }
div#imgdetail.over p.morephotos { display: block; }
div#imgdetail p strong { color: #FFF; background: #000; font-weight: normal; padding: 0 1px; }
/*--- /home ---*/

/*--- author ---*/
.author div#left p, .author div#left h2, .author div#left h3 { margin: 0; }
.author div#left img { margin-bottom: 1em; }
div.year { margin: 0 0 6px; border: solid #000; border-width: 0 1px 1px 0; padding: 0.2em 10px 0.6em 0; }
div.year h4 { float: left; }
div.year p { margin: 0 0 0 230px; }
/*--- /author ---*/

/*--- participy ---*/
div#thumbs { /*margin: 0 35px 0 13px;*/ position: relative; width: 915px; }
div#thumbs a { display: block; width: 183px; height: 123px; background: url(../img/neni-obrazek.gif) no-repeat left top; overflow: hidden; position: relative; float: left; font-weight: normal; }
div#thumbs a:hover, div#thumbs a:focus, div#thumbs a:active { background: #fff; text-decoration: none; }
div#thumbs a:hover .image, div#thumbs a:focus .image, div#thumbs a:active .image { opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
div#thumbs a:hover .title, div#thumbs a:focus .title, div#thumbs a:active .title { display: none; }
div#thumbs a:hover .nr, div#thumbs a:focus .nr, div#thumbs a:active .nr { color: #000; background: #fff; }
div#thumbs a span.info { display: block; position: absolute; left: 8px; top: 8px; line-height: normal; right: 45px; }
div#thumbs a span.info span { background: #FFF; }
div#thumbs a.over span.info span { display: none; }
div#thumbs a strong { color: #FFF; background: #000; font-weight: normal; padding: 0 1px; }
div#thumbs a.over span.info strong { background: #FFF; color: #000; }

div#detailbox { position: absolute; left: 0; top: 0; width: 915px; height: 100%; background: url(../img/pruhledne-pozadi.png); }
* html div#detailbox { background-image: url(../img/pruhledne-pozadi.gif); }
div#thumbs div#detailbox a { display: inline; width: auto; height: auto; background: #FFF; position: static; float: none; }
div#thumbs div#detailbox div#imgdetail p.morephotos a.active { background: #000; color: #FFF; }

form#sort { background: #333 url(../img/bily-roh.gif) no-repeat right top; color: #FFF; padding: 1.5em 65px 1.5em 12px; margin: 0 0 1.1em; }
* html form#sort { height: 10px; }
form#sort p { margin: 0; }
form#sort p#likeit { float: right; }
form#sort input.text { width: 40px; }
/*--- /participy ---*/

/*--- menu ---*/
ul#menu { list-style: none; margin: 0; position: absolute; top: 5px; right: 30px; width: 230px; }
ul#menu li { float: left; width: 70px; margin: 0 6px 0 0; } 
ul#menu li .arrow { font-size: 13px; font-weight: normal; }
ul#menu .with_arrow { position: relative; top: -1px;  }
/*--- /menu ---*/


/*--- texty ---*/
#left a.active { text-decoration: underline; }
/*--- /texty ---*/

.clear { clear: both; }

#contact_title { font-size: 140%; font-weight: bold; }
#contact-mail-page { width: 650px; float: left; }
.contact .form-item { float: left; margin-top: 10px; }
.contact #edit-name { width: 180px; margin-top: 5px; margin-right: 30px;}
.contact #edit-mail { width: 180px; margin-top: 5px; }
.contact #edit-subject { width: 400px; margin-top: 5px; }
.contact #edit-message { width: 500px; height: 150px; }
.contact #edit-submit { display: block; clear: both; width: 100px; height: 30px; background-color: #fff; border: 0; border-right: solid 1px #000; border-bottom: solid 1px #000; font-weight: bold; }

#contact-form-wrapper { height: 370px; overflow: hidden; }
#emf-container { margin: 0 !important;}



#edit-subject {width: 550px;}
.img_assist-button {clear: both;}
label {display: block;}
#ohlas_clanek { float: left; width: 630px; font-size: 1.3em; line-height: 1.3em; }
#ohlas_nadpis { font-size: 110%; }
#ohlas_clanek h3 { margin: 1.5em 0 .5em 0; padding: 0; }
#detailbox { cursor: pointer; }
#imgdetail { cursor: default; }

.participDefinition {margin-bottom: 3em;}

/*-- admin prvky --- */
ul.menu {background: #FFFF66; padding: .5em; width: 200px; margin: 0; float: none; margin-bottom: 3em; }
ul.menu li {margin-left: 0.5em;}
ul.tabs li, #thumbs ul.tabs li { display: inline; padding: .5em; margin-right: 1em; background: #FFFF66; } 
#thumbs ul.tabs li a { display: inline; width: auto; height: auto; background-image: none; overflow: hidden; position: relative; float: none; font-weight: normal; }