/*

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.

*/

html,body,h1,h2,h3,h4,div,p,ul,ol,li,table,tr,td, form, fieldset, legend { padding: 0; margin: 0; }

html {height: 100%; font-size: 62.5%;} /* 16 px × 62,5 % = 10 px */
body {
  height: 100%;
  font-size: 1.2em;
  } /* 10 px × 1,2 em = 12 px */ 


body{
	font-family: Verdana, Arial, sans-serif;
	line-height: 150%;
	color: black;
	background: white url('img/body-back.jpg') top left repeat-x;
	margin: 0; padding: 10px; }
 
a{ color: #0000cd;  text-decoration: underline;}
a:hover{ color: red;  text-decoration: none;}
a:active,a:focus{ background: yellow;}

a.odkaz { padding: 5px; background: #eef7fb; border: 1px solid dodgerblue;
	text-decoration: none; margin-right: 8px;}


a.fotogal-prehled,a.fotogal-prehled:hover { background: #eef7fb url('ikony/seznam_obrazku.gif') 1% 50% no-repeat;
padding-left: 23px; }

a.fotogal-nova,a.fotogal-nova:hover  { background: #eef7fb url('ikony/image.gif') 1% 50% no-repeat;
padding-left: 23px; }


a.delete,a.delete:hover { background: #eef7fb url('ikony/delete.png') 1% 50% no-repeat; padding-left: 23px;}




p{ margin: 5px 0; padding: 10px 0;}

hr { border: 0; border-bottom: 1px solid navy; }

code { font-size: 130% }

.co,acronym{ border-bottom: 1px dotted gray; cursor: help;}




h1,h2,h3{ font-family: "Trebuchet MS", Verdana, sans-serif; margin: 0px; padding: 0 0 4px 0; }
h1{ font-size: 180%;}
h2, h3{ font-size: 170%;  letter-spacing: 1px; color: #0595da;  padding: 6px 0;
 font-weight: normal;}
h3{ font-size: 150%;}



/* seznamy */
ul, ol {margin: 20px 10px; padding: 5px 5px 5px 30px; }
li { padding: 5px 0 }






#uvod { }

#uvod .info-box, #uvod .uvodblok { margin: 10px 280px 10px 0; }

.uvodblok { background: #F6F6F6; border: 1px solid #E5E5E5; padding: 10px; }

#uvod div#uvodnapravo { width: 260px; float: right; margin-right: 0;}
#uvod div#uvodnapravo div.uvodblok { margin-right: 0 }

#uvod div#uvodnapravo ul { list-style-type: none; padding: 0; margin: 0;}
#uvod div#uvodnapravo ul li { margin: 0; padding: 2px 0  }


#uvod div.hledanefraze p.vyhledavace { font-size: 90%  }

#uvod #feed-inner ul { margin: 0; padding: 0; list-style-type: none; }
#uvod #feed-inner ul li { margin: 0; padding: 8px 0; }
#uvod #feed-inner p { padding: 0; margin: 3px 5px 0 30px; font-style: italic; font-size: 90% }
#uvod #feed p.vypnout { margin:0; text-align:center; padding-bottom:0; font-size: 90%   }







/* FORMULARE */

form { display: block; margin: 10px;}
form fieldset { position:relative; background: #f5f8fc;  padding: 15px 15px 20px 15px;
	 border: 1px solid #afd5f3; margin-top: 30px; display: block;}
	 
form fieldset legend { letter-spacing: 1px; font-size: 120%; padding: 4px 15px;
	background: #66ccff;	}
form label { font-weight: bold; }

form p { margin:0; }

input { padding: 2px }
input[type=checkbox] { vertical-align: middle; }
input, textarea, option { font-family: verdana; font-size: 115%; }
input.readonly, input[readonly] { background: #ffffcc; }
input.nazev { font-size: 160%;  padding:5px; width: 750px}
input.dlouhy { width: 400px }
input.velmidlouhy { width: 750px }
input.kratky { width: 60px }


textarea { padding: 4px;}








/* upload progress bar a jeho banda */
.xyz { padding: 3px; text-align:left; color: gray; height: background: #ffffff;}
.uploaded { color: black; font-weight: bold; }
.nazev {  }
.progress { display: block; height: 5px; width: 200px; background: red; margin-top: 4px;}
#prog { margin: 20px 5px; }
#prog div { margin: 5px;}









/* prihlasovaci formular */
/* osefovani pretekajiciho pozadi fieldsetu v IE */
#login {    width: 300px; margin: 150px auto; text-align: center; padding: 0;}
#login fieldset { background: white; padding-top: 15px;}
#login legend {   }
#login table {   margin: 10px auto; }
#login table td { padding: 6px; }
#login table td input { }
#login p { padding: 6px; margin:0; }
#login input.sub { width: auto;  }


/************************************************/

#main-obal{ width: 960px; margin: 0 auto;  background: #fff;}

#user-info{ padding: 5px; border: 1px solid #3589c8;  border-bottom: 0;  }

#main-hlavicka{ background: #3589c8 url('img/administrace-nadpis-back.jpg') top left repeat-x;
 color: white; height: 35px;  line-height: 35px;  border: 1px solid #3589c8;}
#main-hlavicka h1{padding: 0 10px; margin: 0;}
#main-hlavicka a {color: white;  text-decoration: none;}


#main-menu {  padding: 8px 5px; border: 1px solid #3589c8; border-bottom: 4px solid #3589c8; border-top: 0;
 text-align: center;  color: silver; }
#main-menu a { padding: 3px;  border: 1px solid #ffffff;  margin-left: 2px; margin-right: 2px;}
#main-menu a:hover { border: 1px solid #3589c8; background: #d8e4f3;}

#main-submenu{  padding: 8px 5px; border: 1px solid #3589c8;
	text-align: left;  color: silver; }
#main-submenu a{ padding: 3px;  border: 1px solid white;  margin-left: 2px;
	margin-right: 2px; background: white;}
#main-submenu a:hover{ padding: 3px;  border: 1px solid #3589c8; background: white;}
#main-submenu strong{ color: black; padding: 3px 5px;  border: 1px solid #3399ff; background: #a5cbf5;}

#main-submenu a.green { color: green; font-weight: bold }
#main-submenu a.green:hover { border: 1px solid green; }

#main-obsah{ padding: 5px 15px;  min-height: 400px;   border: 1px solid #3589c8; 
 border-top: 0; border-bottom: 0; }
 
#main-paticka { clear: both;  padding: 5px;  text-align: center;  color: white; background: #7CBFEC;
								border: 1px solid #3589c8; border-top: 0;}
#main-paticka p { padding: 0; margin: 0; }




/******************************************************************/


#uzivatel /*form*/ { width: 95%; margin: 10px auto;}
#uzivatel table td { padding: 4px; vertical-align: top; }
#uzivatel table td.sekce {  }
#uzivatel table td table td { vertical-align: middle;}
#uzivatel table td table td.prvni { width: 40px;}
#uzivatel table td table td.druhy { width: 500px;}
#uzivatel table#osobni td.levy { width: 50%;text-align: right;vertical-align:middle}
#uzivatel input { width: 250px;}
#uzivatel em {  color: gray; }

div.uzivatel-div { width: 70%; margin: 10px; padding: 10px; border: 1px solid #ffcc66;
	background: #ffffcc; }
div.uzivatel-div h3 { font-size: 200%; font-weight:normal; padding: 0 0 10px 0;}
div.uzivatel-div h3 span { color: silver; }

.uzivatel-imp { color:crimson; }






/*
	Menu (admin)
*/

div.menu-strom { padding: 15px 10px; margin: 10px; background: #e4f3fc; border: 1px solid #00ccff; }
div.menu-strom div { padding: 5px 10px; }
div.menu-strom .poradi { color: silver; }
div.menu-strom .popis { font-family: "Trebuchet MS"; font-size: 170%}
div.menu-strom .url { color:gray }
div.menu-strom div.akcni a img { vertical-align:middle; padding:0; }
div.menu-strom a { color: #3366ff; text-decoration: none}

div.menu-strom .menu-pridat-odkaz { margin-left: 100px; }
form.menu-nastaveni { padding: 10px 10px; margin: 30px 10px 0; background: #e4f3fc; border: 1px solid #00ccff; }


div#popupokno { display: none; position: absolute; top:0; left: 0; z-index: 2000; width: 500px; } 
div#popupokno { border: 10px solid #61A0CE; padding: 3px 10px 10px 10px; background:white; text-align:left }
div#popupokno p#popupoknozavrit {  text-align:right; padding: 0 3px 0 0; margin:0; }








/*
	Novinky v CSS
*/

a.novyzaznam {padding: 10px 20px; background: #d2edc2; border: 1px solid yellowgreen; text-decoration: none; font-size: 110%}



/*
	Tabulky
*/
table.tab{ width: 95%;  margin: 20px auto; border-spacing: 0px; border-collapse: collapse;
	border: 1px solid lightskyblue;}
table.tab th{ padding: 6px; background: #a5cbf5; text-align: left;}
table.tab td{ padding: 6px; background: white;}
table.tab tr.sudy td { background: #eef7fb;}

table.formtab { }
table.formtab td { padding: 10px 2px }
table.formtab td.prvni { text-align: right; vertical-align: middle; }
table.formtab td.druhy { }
table.formtab td.top { vertical-align: top; }

/*
	Sekce Obrazky
*/
table.obrazky {}
table.obrazky a { text-decoration:none }

table.obrazky tr.obrazkyrozbalene td { background:#FFFFDD }

/* ikony souboru v prehledu obrazku */
table.obrazky td { padding: 2px 12px 2px 4px; border-bottom: 1px solid #eaeaea; }
table.obrazky a.odkaz-obr-jpg { background: url('ikony/jpg.gif') center left no-repeat; padding: 2px 0 2px 20px;}
table.obrazky a.odkaz-obr-gif { background: url('ikony/gif.gif') center left no-repeat; padding: 2px 0 2px 20px;}
table.obrazky a.odkaz-obr-png { background: url('ikony/png.gif') center left no-repeat; padding: 2px 0 2px 20px; }
table.obrazky strong.slozka { background: url('ikony/slozka.gif') center left no-repeat; padding: 2px 0 2px 23px; }
table.obrazky td.td-akce { width: 40px }





/* Adresa v textech a clancich */
span.adresaspan { color:gray }
input.adresa { color:gray; width: 400px; font-size:100%; border:0; background: #f5f4e0; }
strong#adresaupozorneni { color:red }


p.odkaznamodul { padding: 14px 5px 14px 50px !important; margin: 10px 10px 15px;  font-size: 150%;
	text-align:center; background: #ffffcc; border: 1px solid #ffcc00;}
p.prestozobrazit { text-align:center }



div.divmce { margin: 10px 0; }



p.err,p.uspech { padding: 14px 5px 14px 50px !important; margin: 10px 10px 15px;  font-size: 150%;}
p.err{	background: #f5f5f5 url('ikony/error.gif') 1% 50% no-repeat; color: red; }
p.uspech {	background: #f5f5f5 url('ikony/ok.gif') 1% 50% no-repeat; color: green;}
p.uspech-maly { padding-left: 20px;  background: url('ikony/ok_maly.gif') center left no-repeat; color: green; }
.info,.info-box { padding: 10px 20px; margin: 10px; background: #ffffcc; border: 1px solid #ffcc00;}

.neni-pravo {	 padding: 14px 5px 14px 50px !important; margin: 10px 10px 15px; 
							font-size: 150%;background: #f5f5f5 url('ikony/error.gif') 1% 50% no-repeat; color: red; }








/*
	Dokumenty
*/

div#dokurednideska { padding-left: 40px }

/*
	Fotogalerie
*/

table.fotografie td { padding: 1s0px}
table.fotografie td.nahled { text-align: center; vertical-align: middle; }
table.fotografie td.data { text-align: left; vertical-align: top }
table.fotografie td.data input { width: 500px }
table.fotografie td.data textarea { width: 500px; height: 80px }
table.fotografie th.ulozit { text-align: center;}

/*
	Fotoalba
*/
table.alba tr.albumradek td {  background: #F5F8FC; border-top: 1px solid #A5CBF5; }
table.alba td.album { font-weight: bold; font-size: 120%; }
table.alba td.zaradit { text-align:right }
table.alba td.zaradit form { margin: 0; padding:0; }
table.alba td.zadnazarazena { text-align:center }


/*
	Sablony
*/

table.vzhled tr.aktivni td { background-color: #ffffcc ; }
form#htmlsablona textarea { width: 99%; height: 750px; font-size: 85% }

/*
	Reporty
*/

table.reporty tr.dnes td { color: green }


/*
	Uzivatele
*/

table.uzivateleform { }
table.uzivateleform td.prvni { width: 200px; text-align:right; padding-right: 10px }

table.prava { margin-left: 15px }
table.prava td { padding: 6px 4px }
table.prava td.prvni { width: 20px; } 

table.pravaobal td.sekce { padding: 10px 0; }
table.pravaobal td.sekce h3 { font-size: 130%}


/*
	Nastaveni
*/
form.nastaveni p { padding: 15px 0 }
form.nastaveni label { font-size: 130%; font-weight: normal; }
form.nastaveni label.inlabel { font-size: 100% }
form.nastaveni h3 { margin-top: 2em }


table#nastaveni-modulu { }
table#nastaveni-modulu td { padding: 2px 5px }
table#nastaveni-modulu td span.aktivni { color:green }





/*
	Moduly
*/
table#moduly { margin: 3em auto; }
table#moduly td.modul-odkaz { font-size: 200%; width: 25%; text-align:center; padding: 20px; }
table#moduly td.modul-odkaz a { line-height: 130% }


/*
	Pristupy
*/
table.pristupy { width: 100%; margin: 10px 0; }
table.pristupy th.datum1 { width: 70px; }
table.pristupy th.datum2 { width:140px }
table.pristupy th.ip { width: 270px; overflow:hidden }
table.pristupy th.stranek { width: 20px }
table.pristupy span.host { font-size: 85%; color:gray }
table.pristupy span.hlavicka { font-size: 85%; color:gray }
table.pristupy a.blokovat { display: none; color:red }
table.pristupy tr:hover a.blokovat { display: inline }



/*
	Hledane fraze
*/
div#pristupy-cloud { margin: 0 20px; line-height: 180%  }
div#pristupy-cloud a { margin: 2px; padding: 3px 6px; }
div#pristupy-cloud a.close { margin:0; padding:0;}
div#pristupy-cloud a.vice-odkazu:hover { background: #ffcc99; }
div#pristupy-cloud div { background: #ffffcc; padding: 10px; margin: 10px auto; width: 85%; }
div#pristupy-cloud div#clear { background: none; padding: 0; margin: 0; clear:both; }


