/*

 CSS
 ---------------------------------------------------------------------

 Copyright (C) 2005 Marek 'juneau' Klusak, <stopar@tiscali.cz>
 	Web: http://rs.reality-show.net

 This program is free software; you can redistribute it and/or
 modify it under the terms of the GNU General Public License
 as published by the Free Software Foundation; either version 2
 of the License, or (at your option) any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with this program; if not, write to the Free Software
 Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.

 */
 body, h1, h2, h3, div, p, ul, ol, li, img, form, fieldset {margin: 0; padding: 0;}
 body{
 	font-family: "Trebuchet MS", Verdana, sans-serif;
 	font-size: small;
 	_font-size: 0.75em;
 	color: black;
 	padding-top: 10px;
 	background: #ffffff;}


 h1{ font-size: 22px;}
 h2{ font-size: 18px; color: #7d6448; margin-top: 5px;}
 h3{ font-size: 16px; color: #7d6448;}



 a:href{ color: #4f8046; text-decoration: underline;}
 a:hover{ color: #897a63; text-decoration: none;}
 a:focus, a:active{ background: #faebd7;}


 .co,acronym,abbr{ border-bottom: 1px dotted gray; cursor: help;}
 .co:hover,acronym:hover,abbr:hover { border-bottom: 1px dashed gray;}

/*
Prvni trida definuje obecne vyhledane slovo, dalsi tridy barvu pozadi
(kazde ze slov fraze ma vlastni barvu). A pokud barvy dojdou, pouzije se trida .search0,
Prvni slovo se obarvi .search1, druhe .search2, ...
*/
span.hledane-slovo{ border: 1px solid black; padding: 1px 2px; color: black;}
span.search0{background:#F38D43;} /**/
span.search1{background:#FF6C00;}
span.search2{background:#E87C7C;}
span.search3{background:#FD6060;}
span.search4{background:#F7A4A4;}
span.search5{background:#D98686;}


/*
Formatovani pomocne bubliny (title atribut u vybranych tagu - abbr, acronym,...)
*/
.cotojatka {border: 2px solid #d2b48c; background: #fbfbfb; padding: 2px 4px; font-size: 80%; font-family: sans-serif;}


 
 code{ font-size: 12px; background: #fff8dc;}
 blockquote{ margin-left: 5px 20px; }
 q{ background: #fff8dc; border-bottom: 1px solid gray; }
 
 pre { width: 90%; padding: 10px; color: #000066; border: 1px solid #d0d0d0; background-color: #fff8dc; overflow: auto;}
 pre code {background-color: transparent;}
 
 
 hr{border: 0; border-bottom: 1px solid #8b0000;	margin-bottom: 15px;}

 table{ margin: 10px auto; border-spacing: 0px; border-collapse: collapse;}
 table th, table td { border: 1px solid #b22222; }
 table th{ background: #d2b48c; padding: 5px; text-align: center;}
 table td{ background: #fdf5e6; padding: 2px;}


/* Smajly.. aby nemely oramovani */
.text-jednotlivy img, .clanek img{ border: 1px solid black; }
img.smajl{ border: 0; vertical-align: middle; }

#heslo-form{display: block; margin: 20px auto; margin-top: 50px; width: 350px;}
#heslo-form fieldset{border: 1px solid gray; -moz-border-radius: 5px; padding: 20px;}

div.stat table{width: 350px;}
div.stat table td{padding: 2px 4px;}


 /* STRUKTURA STRANKY */

 .main-blok{ width: 750px; margin: 0 auto 10px; background: #efe6dc url('../img/styl-village-back.gif') top left repeat-y; }


 	/* Popis nasledujiciho css silenstvi:
 * Nadpis (h1) roztahnu tak, aby vyplnil celou plochu (770x100) hlavicky.
 * Odkaz v nadpisu roztahnu na plnou velikost rodicovskeho nadpisu.
 	* Take je nutne udelat z radkoveho odkazu blokovy element -> display: block;
 * Priradim-li mu line-height stejny jako vysku, pak bude text odkazu vertikalne vycentrovan.
 	* Nebot nechci, aby se jakkoli menil stav tohoto "odkazu", je nutne definovat :hover, :focus, :active stejny.
 */
 .header-blok{ border-top: 3px solid #446f9d; border-bottom: 1px solid #b8860b; }
 .header-blok h1{ width: 750px; margin: 0 auto; height: 200px;}
 .header-blok a{ display: block;  width: 750px;  height: 200px; background: url('../img/styl-village-head.jpg') top left no-repeat;}
 .header-blok a span {display: none;}
 .header-blok a:focus,.header-blok a:active{ background: url('../img/styl-village-head.jpg') top left no-repeat; }

 /* konec stranky */
 .paticka-blok{ clear: both;  text-align: center; background: #d2b48c; padding: 5px;}

 /* blok novinky v hlavicce stranky, ale stejny se pak pouzije i pro novinky ve vypisu! */

.novinka-odkaz{ margin-left: 10px}
.novinka-blok{ background: #d2b48c; color: black;  padding: 5px; margin-bottom: 5px; border-bottom: 1px solid #b8860b; }
.novinka-blok p{ display: inline; } /* pekna prasarna, ale jinak to nejde, texy dela ze vseho odstavce */

.novinka-vypis-blok{ margin: 20px auto; width: 90%;}
.novinka-vypis-blok strong{ display: block; text-align: left; font-style: italic;}
.obsah-blok .novinka-vypis-blok p{padding:0px; margin: 2px 2px 2px 10px;}
 
 /* STRUKTURA A VZHLED MENU */

 .menu-blok{ float: left; width: 144px; min-height: 400px; margin-bottom: 10px;}
 .menu-blok div{ padding: 0px;}
 .menu-blok h3{ margin-top: 10px;  padding: 2px 2px 0 2px; border-bottom: 1px solid #efe6dc; font-size: 14px;
 						color: #7d6448;}
 .menu-blok h3.akt{ padding-top: 6px; margin-top: 6px;}
 .menu-blok a{ display: block; color: #dc143c; padding: 2px 4px; }
 .menu-blok a:hover{ }
 .menu-blok a img{ display: block;  margin: 4px auto;  border: 1px solid gray; }





 .obsah-blok{ display: block; width: 580px; float: right; padding: 0 5px 5px; min-height: 400px;
 	_height: 400px; margin-bottom: 10px;}
 .obsah-blok p{	margin: 10px;	}

 /* FORMATOVANI TEXTU (I PREHLEDU) */

 .text-jednotlivy{ display: block; margin: 0 0 15px 0;  padding: 0px;}
 .text-jednotlivy h2,.text-jednotlivy h3{ margin: 0; padding: 2px 0px;}
 .text-jednotlivy h2 a{ color: #7d6448; text-decoration: none; }
 .text-jednotlivy h2 a.odkaz-editovat{color:crimson}
 .text-jednotlivy h2 a:hover{ color:  #8b4513; text-decoration: underline;}
 .text-jednotlivy p{ margin: 0 0 10px 0; text-align: left; line-height: 22px;}
 .text-jednotlivy ul, .text-jednotlivy ol { margin: 10px 40px; }

/* paticka - prechod na sousedni texty*/
p.text-dalsi{ margin: 30px auto 15px; width: 70%}
p.text-dalsi span{display:block}
p.text-dalsi span.left{text-align: left;}
p.text-dalsi span.right{ text-align: right;}

 p.text-paticka { margin-top: 15px; text-align: right;  clear: both;}
 p.text-paticka .a-autor:hover{background: none; color: #b8860b;}
 .zvyraznit{ padding: 10px; border: 1px solid #9acd32; background: #f1fbdd; }
 .zvyraznit:hover{ border: 1px solid black;}
 .div-pokracuj{ clear:both; text-align: right; margin: 0 15px; padding: 0 4px 0 0; font-size: 10pt; font-weight: bold;}



 /* FORMATOVANI CLANKU */

 /*.clanek{ display: block; width: 80%; margin: 0px auto;}*/
 .clanek{ display: block; margin: 0px auto;}
 .clanek p{ margin: 10px 3px; padding: 2px;}
 .clanek h2,.clanek h3{ margin: 2px;  padding:  2px 5px; color: #7d6448; }
 .clanek h2 a.odkaz-editovat{color:crimson}
 .clanek h3{ }
 .clanek ul, .clanek ol { margin-left: 40px; }
 .clanek-paticka{ text-align: right; margin-top: 35px;}


 /* odkazy na dalsi listy s texty (prehled) */
div#na-archiv { text-align: center; margin-top: 15px; padding-top: 5px;}





/* ------------------------------ ARCHIV ---------------------------------*/

div.archiv { margin-bottom: 25px;  }
div.archiv .roky { clear:both }
div.archiv  h3 { padding: .5em 0 .5em 0em; margin: 0; }
div.archiv .roky a span { display: none;} /* skryje pocet textu o odkazu */

div.archiv ul { margin: 0 0 0 2em;}
div.archiv ul li { float: left; list-style: none; padding: 3px}

div.info-o-archivu { text-align:center; padding: 2em }

div.archiv-prechazeni { padding: 2em 0}
ul.archiv-rozcestnik { width: 100%; list-style-type: none; margin: 0; padding: 0; }
ul.archiv-rozcestnik li { display: block; float:left; width: 32%; font-size: 140%; }
.archiv-pred-mesic { display:block; width: 100%; text-align: left; margin-left: 0px; }
.archiv-aktualni-mesic { display:block; width: 100%; text-align:center }
.archiv-nasl-mesic { display:block; width: 100%; text-align: right; margin-right: 0px; }



 /* Css k vkladanym fotkam (z fotoalba) */
 /* Rozmery jsou definovane u kazde fotky pomoci style="" atributu */

 .foto-a-nahled-left{ display: block;    float: left;}
 .foto-a-nahled-left img {  display: block; margin: 4px auto; }
 .foto-a-nahled-right{ display: block;    float: right;}
 .foto-a-nahled-right img {  display: block; margin: 4px auto; }
 .foto-a-nahled-center{ display: block;    float: none;  margin: 10px auto;  }
 .foto-a-full{ display: block; width: 100%; clear: both; }
 .foto-a-full img{ display: block;  margin: 15px auto;}

.img-left{ display: block; float: left;  margin: 0 5px 5px 0; }
.img-right{ display: block;  float: right;  margin: 0 0 5px 5px; }
.img-center{ display: block; margin: 15px auto; }
.img-left p, .img-right p, .img-center p{ text-align:center; color: gray; margin: 3px 0 0 0; padding: 0; line-height:115%;}
 
 
 /*-------------- ANKETA --------------*/

 
 .anketa-blok{ border: 1px solid #8b0000; background: #f5deb3; padding: 5px;
 	margin: 20px; clear: both; }
 .anketa-otazka{ font-weight: bold; padding: 2px; color: black; font-size: 12px;}
 .anketa-blok a{ border: 0;  color: #8b0000;  text-decoration: none;}
 .anketa-blok a:hover{ color: #000000; }
 .odp1,.odp2,.odp3,.odp4,.odp5{ height: 5px;  border: 1px solid black;  font-size: 5px; }
 .odp1{ background: #eeefd6;}
 .odp2{ background: #dfe1b3;}
 .odp3{ background: #c9c576;}
 .odp4{ background: #bdb76a;}
 .odp5{ background: #a39850;}
 /* Anketa v textu */
 .text-jednotlivy .anketa-blok{ width: 270px; }
 /* Anketa v clanku */
 .clanek .anketa-blok{ width: 270px; }
 /* Anketa v menu */
 .menu-blok .anketa-blok{ margin: 10px 2px;}
 .menu-blok .anketa-blok .anketa-otazka{ padding: 2px;}
 .menu-blok .anketa-blok div{ padding: 0;}






.search-fieldset{ padding: 10px; padding-top: 20px; margin: 25px 10px;	width: 75%; border: 0; }
.search-fieldset legend{ display: none; }
.search-fieldset #slovo{ width: 100px;  font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px;
 	padding: 1px 3px; background: #fdf5e6; border: 1px solid #b22222; }
.search-fieldset #slovo:hover{ background: #ffebcd; border: 1px solid black;}
.search-fieldset .sub{ width: 100px; }
.search-fieldset p{ margin: 30px 5px; }
.search-blok{ margin: 10px 0 0 0;}
.search-blok .uryvek{ margin-left: 20px; color: #6e6e6e;}

p.s-info { margin: 15px 5px;} /* nejsou vysledky - <p> */
ul.s-ul, ul.jak-hledat {  margin: 20px; padding: 0; list-style-type: none;} /* jsou vysledky - <ul> */
h1.search {margin: 25px 10px 15px; font-size: 100%;}

 

 /*******************************************************************************/
 	/* IKONY u dokumentu  ... zdroj: http://pristupnost.nawebu.cz/weblog/blogpost.php?post=90  */


.pdfLink {background:  url('../../../i/dociko/pdf.gif') no-repeat top right;}
.zipLink {background:  url('../../../i/dociko/zip.gif') no-repeat top right;}
.docLink {background:  url('../../../i/dociko/doc.gif') no-repeat top right;}
.aviLink {background:  url('../../../i/dociko/avi.gif') no-repeat top right;}
.mpgLink {background:  url('../../../i/dociko/mpg.gif') no-repeat top right;}
.xlsLink {background:  url('../../../i/dociko/xls.gif') no-repeat top right;}
.pptLink {background:  url('../../../i/dociko/ppt.gif') no-repeat top right;}
.rarLink {background:  url('../../../i/dociko/rar.gif') no-repeat top right;}
.soubor{background: url('../../../i/dociko/file.gif') no-repeat top right;}
.pdfLink,.zipLink,.docLink,.aviLink,.mpgLink,.xlsLink,.pptLink,.rarLink,.soubor{   padding-right: 20px; font-weight: bold;
 	font-size: 11pt; color: #a52a2a;}

.dokument-blok{ margin: 10px 20px; border: 1px solid #8b0000;  background: #f0e9dd; padding: 5px;}
.dokument-blok p{ margin: 4px 15px; padding: 0;}


 /**********************************************************************/
 /*  FORMULAR ZPRAVY */

 #vzkaz fieldset{ border: 0;  margin: 30px 10px;}
 #vzkaz input,#vzkaz textarea,#vzkaz select
 { width: 250px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; padding: 2px 3px;
 	background: #fdf5e6; border: 1px solid #b22222;}
 #vzkaz select{ padding: 4px;}
 #vzkaz p{ margin: 20px 0;}
 #vzkaz label{ font-weight: bold;}

 #odesilatel:hover, #odesilatel_mejl:hover, #nadpis:hover, #text:hover {background: #ffebcd; border: 1px solid black;}



 .komentare-blok{ padding: 10px; margin: 40px 0 15px 0; width: 95%;}
 .komentare-blok h3{ color: #7d6448; }
 .komentare-jednotlivy{  margin: 30px 10px; line-height: 150%;}
 .komentar-hlavicka{ background: #deb887; }
 .komentar-hlavicka a{ float: right; width: 45px; text-align: right; text-decoration: none; padding-right: 2px;
 							 color: black; background: #faebd7;}
 .komentar-hlavicka a:hover{ background: #deb887; }
 .komentar-hlavicka span{ color: black; font-weight: bold; font-style: italic; padding-left: 5px;}
 .komentar-udaje{ padding: 4px; background: #d6c8b4; border-bottom: 1px solid #808000; }
 .komentar-text{ margin-left: 10px; padding: 4px;}
 .komentar-text p .smajl{ border: 0; vertical-align: middle; }
 .komentar-text .smajl{ border: 0; vertical-align: middle; }
 .komentar-text ul, .komentar-text ol { margin-left: 40px; margin-top: 15px; }
 .komentar-sbody, .komentar-autor{font-weight: bold; letter-spacing: 1px; padding: 0 4px; border: 1px solid #808000;}
 .komentar-sbody{ color: #8b4513;  background: #fffff0;}
 .komentar-autor{ color: #dc143c; background: #f4eee3;}
 .kom-gravatar{ display: block; float: left; margin: 4px; border: 1px solid black;}
 .komentar-zvyraznit{ padding: 2px; background: #e9dec7; }
 .komentar-reakce{ border-bottom: 1px dotted silver; padding: 0px; text-decoration: none;}
 .komentar-reakce:hover{ border-bottom: 1px dotted gray; padding: 0px; text-decoration: none; background: #f5deb3;}


 /*formatovani formulare pro komentare*/

 /* FORMULAR NENI ZOBRAZEN */
 .no-formular{   width: 75%; margin: 40px auto; padding: 20px; text-align: center; border: 1px solid gray;
 	background: #e0e0e0; }

 #kf{ margin-top: 35px; width: 100%;}
 #kf fieldset{border: 0; padding: 20px 10px;}
 #kf legend{ border: 1px solid black; padding: 0 10px; background: #f5deb3; color: #000000; font-weight: bold;}
 #kf input, #kt{ font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; padding: 1px 3px;
 	background: #fdf5e6; border: 1px solid #b22222;}
 #kf label{ display: block; float: left; width: 70px; text-align: right; padding: 2px 5px 0 0 ;}
 #kf input{ width: 150px;}
 #kf p{ margin: 4px}
 #kn{ width: 75%; font-weight: bold;}
 #kt{ width: 90%; height: 150px; padding: 4px; }
 #kj:hover,#km:hover,#kw:hover,#kn:hover,#kt:hover{ background: #ffebcd; border: 1px solid black;}

#syntaxe-odkazy{margin: 4px 0;}
#syntaxe-odkazy a{ margin-right: 3px; }
#smajly-odkazy { margin-top: 10px; padding: 10px 0;}
#syntaxe-odkaz-na-texy{ margin: 12px 0;}

 #k-otazka{ width: 75%; margin: 10px 10px 10px 0;  padding:5px; border: 1px solid #8b0000; background: #f5deb3;}
 #k-otazka input{ width: 25px;}
 #k-otazka label {display: inline; float: none;}
 


 /**************************************************************************************** */
 /**************************************************************************************** */

 /* FSHL SYNTAXE (nevis-li, o co gou, klidne nasledujici blok CSS smaz) */
 /* (c) 2002 Martin Cohen - www.martincohen.info */

 /* P H P */
 .php-keyword1 {color:#d24; font-weight:bold;}
 .php-keyword2 {color:#d24; }
 .php-var {color:#fa0; font-weight:bold;}
 .php-num {color:red;}
 .php-quote {color:#843; font-weight:bold;}
 .php-vquote {color:#fa0;}
 .php-comment {color:#999; background-color:#ffe;}

 /* H T M L */
 .html-tag {color:#598527; font-weight:bold;}
 .html-tagin {color:#89A315}
 .html-quote {color:#598527; font-weight:bold;}
 .html-comment {color:#999; background-color:#F1FAE4;}
 .html-entity {color:#89A315}

 /* C S S */
 .css-class {color:#004A80; }
 .css-id {color:#7DA7D9; font-weight:bold; }
 .css-def {color:#5674B9;}
 .css-property {color:#003663; font-weight:bold; }
 .css-value {color:#448CCB;}
 .css-color {color:#0076A3;}
 .css-comment { background-color:#E5F8FF; color:#999; }

 /* J a v a S c r i p t */
 .js-out {color:#898993;}
 .js-keywords1 {color:#575757; font-weight:bold;}
 .js-num {color:#575757;}
 .js-quote {color:#575757; font-weight:bold;}
 .js-comment {color:#898993; background-color:#F4F4F4;}

 /* KONEC FSHL SYNTAXE */

 /**************************************************************************************** */
 /*************************************************************************************** */

 /* GESHI SYNTAXE (nevis-li, o co gou, klidne nasledujici CSS bloky smaz)  */
 	/* GeSHi (c) Nigel McNie 2004 (http://qbnz.com/highlighter) */

 .php a:link {color: #000060;}
 .php a:hover {background-color: #f0f000;}
 .php .imp {font-weight: bold; color: red;}
 .php .kw1 {color: #b1b100;}
 .php .kw2 {color: #000000; font-weight: bold;}
 .php .kw3 {color: #000066;}
 .php .co1 {color: #808080; font-style: italic;}
 .php .co2 {color: #808080; font-style: italic;}
 .php .coMULTI {color: #808080; font-style: italic;}
 .php .es0 {color: #000099; font-weight: bold;}
 .php .br0 {color: #66cc66;}
 .php .st0 {color: #ff0000;}
 .php .nu0 {color: #cc66cc;}
 .php .me1 {color: #006600;}
 .php .me2 {color: #006600;}
 .php .re0 {color: #0000ff;}
 	/* GeSHi (c) Nigel McNie 2004 (http://qbnz.com/highlighter) */

 .javascript a:link {color: #000060;}
 .javascript a:hover {background-color: #f0f000;}
 .javascript .imp {font-weight: bold; color: red;}
 .javascript .kw1 {color: #000066; font-weight: bold;}
 .javascript .kw2 {color: #003366; font-weight: bold;}
 .javascript .kw3 {color: #000066;}
 .javascript .co1 {color: #009900; font-style: italic;}
 .javascript .coMULTI {color: #009900; font-style: italic;}
 .javascript .es0 {color: #000099; font-weight: bold;}
 .javascript .br0 {color: #66cc66;}
 .javascript .st0 {color: #3366CC;}
 .javascript .nu0 {color: #CC0000;}
 .javascript .me1 {color: #006600;}
 .javascript .re0 {color: #0066FF;}
 	/* GeSHi (c) Nigel McNie 2004 (http://qbnz.com/highlighter) */

 .html4strict a:link {color: #000060;}
 .html4strict a:hover {background-color: #f0f000;}
 .html4strict .imp {font-weight: bold; color: red;}
 .html4strict .kw1 {color: #b1b100;}
 .html4strict .kw2 {color: #000000; font-weight: bold;}
 .html4strict .kw3 {color: #000066;}
 .html4strict .coMULTI {color: #808080; font-style: italic;}
 .html4strict .es0 {color: #000099; font-weight: bold;}
 .html4strict .br0 {color: #66cc66;}
 .html4strict .st0 {color: #ff0000;}
 .html4strict .nu0 {color: #cc66cc;}
 .html4strict .sc0 {color: #00bbdd;}
 .html4strict .sc1 {color: #ddbb00;}
 .html4strict .sc2 {color: #009900;}

 /* KONEC GESHI SYNTAXE */

 /**************************************************************************************** */
 /**************************************************************************************** */