/*************************************************************************
 ***  Systém pro TME/TH2E - TMEP                                        ***
 ***  (c) Michal Ševčík 2011 - multi@tricker.cz                         ***
 ***  Kaskadove styly / CSS styles                                      *** 
 *************************************************************************/

/* telo */
body{ background: url(../img/pozadi2.jpg) repeat rgb(242,242,225); color: rgb(60,58,23); font-family: Verdana, Arial, Times, serif; font-size: 13px; padding: 10px; text-align: center; }

/* hlavni */
#hlavni { width: 950px; height: auto; background: url(../img/prechod4.gif) repeat-x top center rgb(243,242,221); border: 2px solid rgb(70,68,28); vertical-align: middle; text-align: center; -webkit-box-shadow: 0 0 8px black; -moz-box-shadow: 0 0 8px black; box-shadow: 0 0 8px black; }
#hlavni table tr td { border-bottom: 1px solid rgb(221,220,170); }
.tabulkaVHlavicce { border: 1px solid #a2a181; }

/* aktualne */
.aktualne { width: 220px; margin: 0px 0px 3px 0px; border: 2px solid rgb(70,68,28); height: 74px; color: white; font-weight: bold; line-height: 26px; -webkit-border-radius: 0.8em; -moz-border-radius: 0.8em; border-radius: 0.8em; }
.aktualnejen { width: 220px; margin: 0px 0px 3px 0px; border: 2px solid rgb(70,68,28); height: 114px; color: white; font-weight: bold; line-height: 42px; -webkit-border-radius: 0.8em; -moz-border-radius: 0.8em; border-radius: 0.8em; }
.aktua { color: white; font-size: 24px; font-weight: bold; }
.aktualnemensi { font-size: 11px; margin: 1px 4px 0px 0px; float: left; width: 106px; border: 2px solid rgb(70,68,28); background: url("../img/prechod3.gif") repeat-x center center #2E2D0E; height: 44px; color: white; font-weight: bold; line-height: 21px; -webkit-border-radius: 0.8em; -moz-border-radius: 0.8em; border-radius: 0.8em; }
.aktuamens { color: white; font-size: 16px; font-weight: bold; }

/* teplota */
.teplejsi { background: url("../img/teplejsi.jpg") repeat-x center center #3C3A14; }
.studenejsi { background: url("../img/studenejsi.jpg") repeat-x center center #3C3A14; }
.stejne { background: url("../img/stejne.jpg") repeat-x center center #3C3A14; }

/* vlhkost */
.teplejsim { background: url("../img/teplejsim2.jpg") repeat-x center center #2E2D0E; }
.studenejsim { background: url("../img/studenejsim2.jpg") repeat-x center center #2E2D0E; }
.stejnem { background: url("../img/stejnem2.jpg") repeat-x center center #2E2D0E; }

/* ramecek kolem flashovych grafu */
.graf{ border: 1px solid #4a1e08; width: 886px; background: #e1e0b9; vertical-align: middle; -webkit-border-radius: 0.8em; -moz-border-radius: 0.8em; border-radius: 0.8em; }
.grafvlhkost{ border: 1px solid rgb(0,0,153); width: 886px; background: #d3e4f2; vertical-align: middle; -webkit-border-radius: 0.8em; -moz-border-radius: 0.8em; border-radius: 0.8em; }
.sirsi { width: 886px; }
.uzsi { width: 786px; }

/* radky */
.radek { background: url(../img/prechod2.gif) repeat-x top center #E3E2A9; color: #585441; }
.radekVelky { background: url(../img/prechod2.gif) repeat-x top center #E3E2A9; color: #585441; line-height: 18px; vertical-align: center; font-size: 14px; color: black; }
.radekVetsi { background: url(../img/prechod2.gif) repeat-x top center #E3E2A9; color: #585441; line-height: 20px; vertical-align: center; font-size: 12px; }
.radekStat td { border-right: 1px solid rgb(221,220,170); }

/* typo */
h1{ color: #F9F8E6; background: url(../img/prechod1.gif) repeat-x top center #2E2D0E; font-size: 20px; line-height: 30px; height: 60px; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 950px; vertical-align: middle; }
h1 font { font-size: 12px; }
h1 font a { color: white; }
h1 font a:hover { text-decoration: none; }
h2{ color: #F9F8E6; background: url(../img/prechod1.gif) repeat-x top center #2E2D0E; font-size: 11px; line-height: 25px; height: 25px; font-weight: bold; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; width: 950px; border-top: 2px solid rgb(70,68,28); vertical-align: middle; }
h2 a { color: white; }
h2 a:hover { text-decoration: none; }
br{ line-height: 1.5em; }
.mensi { font-size: 11px; }

/* zadny ramecky! */
img{ border: 0px; }

/* sloupecky */
#tri { width: 940px; overflow: hidden; margin: 10px 0px 30px 0px; }
#levej { width: 411px; float: left; margin: 0px 0px 0px 20px; }
#pravejsi { width: 269px; float: left; text-align: center; }
#pravej { width: 236px; float: right; text-align: center; }
#dva { width: 850px; overflow: hidden; display: block; margin: 10px 0px 30px 0px; border: none; }
#levejVelikan { width: 390px; overflow: hidden; display: block; float: left; text-align: center; border: none; }
#pravejVelikan { width: 390px; overflow: hidden; display: block; float: right; text-align: center; border: none; }

/* zalozky */
#oblastzalozek { width: 940px; }
ul.zalozky { margin: 0 !important; padding:0; height:30px; border-bottom:1px solid #3B3913; }
ul.zalozky li { float:left; padding:0; margin:0; list-style-type:none; }
ul.zalozky a { font-weight: bold; float:left; font-size:13px; display:block; padding:5px 25px; text-decoration:none; border:1px solid #3B3913; border-bottom:0px; height:18px; background-color:#e1dddd; color:#777; margin-right:2px; position:relative; top:1px; outline:0; -moz-border-radius:4px 4px 0 0; }
ul.zalozky a:hover { background-color:#cfcc94; color:#333; }
ul.zalozky a.current { background-color:#e7e5c5; border-bottom:1px solid #e7e5c5; color:#000; cursor:default; }
.panely div { display:none; border:1px solid #3B3913; border-width:0 1px 1px 1px; min-height:80px; padding:5px 10px; background-color:#e7e5c5; }

/* formular na strance historie */
form{ font-weight: bold; }
.submit input{margin-left: 4.5em; }
input{color: black;background: white;border: 1px solid #24230C; width: 80px; }
.submit {color: #000;background: white;border: 2px outset #24230C; }
fieldset{border: 1px solid #24230C; width: 300px; }
legend{color: black;background: #F3F2DD;border: 1px solid #24230C;padding: 2px 6px; }