/*************************************************************************
 ***  Administrace webu Pod�ipsk� �koly                                 ***
 ***  (c) Michal �ev��k 2007 - multi@tricker.cz                         ***
 ***  Kaskadove styly                                                   *** 
 *************************************************************************/

html, body { height: 100%; }
body>#main { height: auto; }

/* odstraneni IE bugu */
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }

body { background-color: white; color: #000000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: center; }

/* Odkazy - obecne */	
a:hover { color: darkred; cursor: hand; text-decoration: underline; }
a:active, a:link, a:visited { color: #0000CD; text-decoration: none; }

/* Legenda - castecne skryti jejiho odliseni */
abbr{ text-decoration: none; }

/* prihlasovaci obrazovka */
#index { text-align: center; vertical-align: middle; }
.login { width: 300px; background-color: rgb(255,231,206); border: 1px solid rgb(255,132,9); text-align: center; vertical-align: middle; height: 90px; }
.login td { width: 50%; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; }

/* dva sloupce - asi */
#dva { width: 600px;}
#dva5 { width: 940px;}
#dva5 #levej { background: white; width:20%; display: block; height: 100%; float: left; text-align: left; vertical-align: top; }
#dva5 #pravej { background: white; width:80%; display: block; height: 100%; float: right; vertical-align: top; }

/* Formulare - obecne */
form { margin: 0; padding: 0; }
input { background: rgb(255,244,234); border: 1px solid rgb(255,132,9); font: Tahoma, Verdana, Geneva, Arial; font-size: 14px; overflow: auto; }
input:hover { background: rgb(255,244,234); border: 1px solid rgb(255,132,9); font: Tahoma, Verdana, Geneva, Arial; font-size: 14px; overflow: auto; }
select { background: rgb(255,244,234); border: solid 1px rgb(255,132,9); font: Tahoma, Verdana, Geneva, Arial; font-size: 14px; }
textarea { background: rgb(255,244,234); border: solid 1px rgb(255,132,9); font: Tahoma, Verdana, Geneva, Arial; font-size: 14px; }

.nadpis { color: #88A2EC; font-weight: bold; height: 40px; text-align: center; line-height: 20px; }

.hotova { background-color: rgb(204,255,153); background: url(../img/stav4.gif) repeat-x top left #bef785; }
.hotova:hover { background-color: rgb(221,221,255); background: url(../img/stav4h.gif) repeat-x top left #e3fcc6; }


/* Vzhled "balonkove" napovedy */
.tooltip{ color: black; border: 1px dotted rgb(255,132,9); background-color: rgb(255,244,234); padding: 4px 4px 4px 4px; text-align: left; }

/* Vycisteni floatu */	
.cistka {	clear: both; margin: 5px 5px 5px 5px; width: 0px; }

/* Nejhornejsi cast */	
#UP { border: 0; height: 65px; padding: 0; width: 100%; border-bottom: 1px solid  rgb(102,0,0); }
#UP #horeleft { background: white; width:50%; display: block; height: 50px; float: left; text-align: left; vertical-align: bottom; }
#UP #horeright { background: white; width:50%; display: block; height: 50px; float: right;  text-align: right; vertical-align: bottom; line-height: 32px; }

/* Hlavni plac */	
#main { text-align: center; width: 100%; background: white; border: 10px 50px 10px 50px; min-height: 100%; height: 100%; }
#main table { border: 0px solid black; }
#main table tr td { padding: 0px 3px 0px 3px; margin: 0; text-align:left; height: 2.5em; line-height: 2.5em; }

#pridatanketu { background: #fff9f4; border: 1px solid #ffe8d3; width: 550px; }
#pridatnovinku { background: #fff9f4; border: 1px solid #ffe8d3; width: 775px; }
#upravitnovinku { background: #fff9f4; border: 1px solid #ffe8d3; width: 775px; }

/* OK hlaska */
#ok { width: 700px; height: auto; line-height: 20px; text-align: center; vertical-align: middle; background-color: rgb(153,255,153); border: 2px solid rgb(51,102,0); font-weight: bold; font-size: 13px; color: black; margin: 15px 0px 15px 0px; }
#neok { width: 700px; height: auto; line-height: 20px; text-align: center; vertical-align: middle; background-color: rgb(255,191,191); border: 2px solid rgb(102,0,0); font-weight: bold; font-size: 13px; color: black; margin: 15px 0px 15px 0px; }

/* Vzhled polozek */
.kategorie { background: rgb(64,0,0); color: white; font-size: 13px; font-weight: bold;background: url(../img/darkest1.gif) repeat-x top left;  }
.podkategorie { background: rgb(184,0,0); color: white; font-size: 13px; font-weight: bold;background: url(../img/darkest2.gif) repeat-x top left;  }
.podkategorie2 { background: rgb(128,0,0); color: white; font-size: 13px; font-weight: bold; }
.sloupecky { background: rgb(255,206,206); color: black; font-size: 12px; font-weight: bold; background: url(../img/darkest3.gif) repeat-x top left; }

/* Obarveni radku po najeti mysi */
.obarvi { background-color: white; }
.obarvi:hover { background-color: rgb(221,221,255); background: url(../img/highlight.gif) repeat-x top left; }
.obarvi2 { background-color: white; }
.obarvi2:hover { background-color: rgb(255,185,185); background: url(../img/stav1h.gif) repeat-x top left; }
.obarvi3 { background-color: white; }
.obarvi3:hover { background-color: rgb(193,216,253); background: url(../img/highlight.gif) repeat-x top left; }

/* obarveni vzkazu */
.a001 { border: 1px solid green; background: rgb(204,255,153); color: rgb(0,102,0); }
.a002 { border: 1px solid red; background: rgb(255,217,217); color: rgb(153,0,0); }
.a003 { border: 1px solid rgb(255,51,102); background: rgb(255,198,255); color: rgb(145,0,72); }
.a004 { border: 1px solid rgb(198,94,0); background: rgb(255,223,191); color: rgb(128,64,0); }
.a005 { border: 1px solid black; background: rgb(237,237,237); color: rgb(51,51,51); }
.a006 { border: 1px solid blue; background: rgb(202,202,255); color: rgb(0,0,102); }
.a007 { border: 1px solid rgb(0,102,0); background: rgb(213,255,213); color: rgb(51,102,51); }
.a008 { border: 1px solid rgb(128,0,128); background: rgb(255,213,255); color: rgb(170,0,170); }
.a009 { border: 1px solid rgb(0,255,204); background: rgb(217,255,255); color: rgb(0,111,111); }
.a010 { border: 1px solid rgb(204,255,0); background: rgb(227,254,188); color: rgb(82,134,4); }

/* odstraneni IE bugu */
*html #menu ul li { float: left; height: 1%; }
*html #menu ul li a { height: 1%; }

/* Cast s menu */	
#menitko { background: #E7E7E7; border-bottom: solid 1px; border-color: rgb(102,0,0); height: 22px; margin: 0px auto; position: relative; text-align: left; width: 100%; line-height: 22px; }

/* Menu */
#menu { height: 25px; margin: 0; padding: 0 0 0 10px; text-align: center; background: url(../img/menu-poz2.gif) repeat-x top left; }
#menu img { padding: 0; margin: 0; }
#menu a { border-bottom: 0; border-right: 1px solid rgb(102,0,0); border-top: 0; color: black; display: block; padding: 0px 10px 0px 10px; text-decoration: none; }

/* drop down menu */
/** vsude pridano #menu **/
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li { float: left; line-height: 25px; margin: 0; padding: 0px; }

/* skryte */
#menu li ul { display: none; left: 0; position: absolute; top: 25px; }
#menu li ul li ul { display: none; left: 152px; position: absolute; top: 0px; }

/* zaklidadlo pro IE */
/** tady rovnez priadano #menu **/
#menu li:hover ul ul, #menu li.over ul ul { display:none; }
#menu li:hover ul, #menu li li:hover ul, #menu li.over ul, #menu li li.over ul { display: block; }

/* xycht bunek */
/* prvni uroven */
#menu ul li { color: #EBEBEB; font-size: 11px; font-weight: bold; height: 25px; line-height: 25px; position: relative; }
#menu ul li a:hover { background: #f9cea7; color: #00015E; height: 25px; line-height: 25px; }
#menu ul li a:active { background-color: #757575; }

/* druha uroven */
#menu ul li ul li { line-height: 25px; height: 25px; }
#menu ul li ul li a { line-height: 25px; height: 25px; background: url(../img/menu-poz.gif) repeat-y top left; background-color: #f2f2f2; border: none; color: #000000; display: block; margin: 0px; padding: 0px; text-align: left; width: 152px; }
#menu ul li ul li a:hover { background-color: #f9cea7; color: #000000; }

/* treti uroven */
#menu ul li ul li ul li a { background-color: #f2f2f2; border: none; color: #000000; padding: 0 5px; text-align: left; width: 152px; }
#menu ul li ul li ul li a:hover { background-color: #f9cea7; color: #000000; }