/* CSS Document */
html, body {height: 100%;}
 body {font-family: verdana; font-size: small; margin:0; padding:0; text-align: center; background: #deddde url("http://www.e-fyzika.cz/include/img/podklad.gif") center top repeat-x;}
 #ram {min-height: 100%; height: 100%; width: 770px; margin: 0 auto; text-align: left; padding: 0 0 10px 0; background: #0a5081  url("http://www.e-fyzika.cz/include/img/podklad.jpg") left top repeat-y;}
 body>#ram  { height: auto;}
 #levysloupec {color: #fff; background: url("http://www.e-fyzika.cz/include/img/podklad-hlavicka.jpg") left top no-repeat; margin: 0; padding: 10px 0 0 31px; width: 250px; float: left;}
 
 #logo {background: #073557;width: 209px; height:271px; margin: 0; padding: 0; overflow: hidden; position: relative; font-size: 1.5em;}
    #logo a { color: #fff; width: 209px; height:271px; margin:0; padding:0;}
    #logo span {width: 209px; height:271px; margin:0; padding:0; position: absolute; left:0; top:0; z-index: 1; background: url("http://www.e-fyzika.cz/include/img/logo.jpg") left top no-repeat;}
    
 #menu {margin: 15px 0 0 6px; padding:0; list-style: none; width: 189px;}
    #menu li {margin:0; padding:0; width: 189px;}
    #menu li a {display: block; width: 189px; color: #fff; text-decoration: none; font-size: 1.2em; padding: 4px 0 4px 5px; border-bottom: 1px solid #a27ba2; border-left: 1px solid #743574; border-right: 1px solid #723472;}
    #menu li a.prvni {border-top: 1px solid #a27ba2;}
    #menu li a:hover {background: #662866 url("http://www.e-fyzika.cz/include/img/podklad-odkaz.gif") left top repeat-y; border-left: 1px solid #a27ba2; border-right: 1px solid #a27ba2;}

/* **** Druhá úroveň menu **** */    

 #menu2 {margin: 0px; padding:0; list-style: none; width: 189px;}    
    #menu2 li {margin:0; padding:0; width: 189px;}
    #menu2 li a {background: url("http://www.e-fyzika.cz/include/img/podklad-odkaz2.gif") left top repeat-y; text-align: right; display: block; width: 179px; color: #fff; text-decoration: none; font-size: 1em; padding: 4px 10px 4px 5px; border-bottom: 1px solid #4d87b0; border-left: 1px solid #0e609c; border-right: 1px solid #0d5e96;}
    #menu2 li a.prvni {border-top: 1px solid #4d87b0;}
    #menu2 li a:hover {background: url("http://www.e-fyzika.cz/include/img/podklad-odkaz.gif") left top repeat-y; border-left: 1px solid #4d87b0; border-right: 1px solid #4d87b0;}


 #telo {width: 470px; margin: 0; padding: 15px 0 0 5px; float: left; background: #fff;}   
    h1 {color: #c21bc2; font-size: 1.5em;}
    h2 {color: #c21bc2; font-size: 1.5em; font-weight: normal;}
    h2 a {color: #21a69f; font-weight: normal;font-family: verdana;}
    h2.rada {color: #117107}
    h2.skrizem {padding-left: 55px; background: url("http://www.e-fyzika.cz/include/img/logom.gif") 15px 0 no-repeat; padding-bottom: 10px; margin-top: 2em;}
    p {margin-left: 1em; line-height: 1.35em;}
 #telo em {font-weight: bold;}
 #telo .alertram {padding: 10px; border: 1px solid #099ef3; background: #f2faff; line-height: 1.7em;}
 #telo .alertramjaz {padding: 10px 10px 10px 200px; border: 1px solid #ff7202; background: #f8f7f7 url("http://www.e-fyzika.cz/include/img/jazyky.gif") 10px 50% no-repeat; line-height: 1.7em;}
 
 #telo .alertramred {padding: 10px; border: 1px solid red; background: #fff; line-height: 1.7em; color: red; font-weight: bold; text-align: center;}
 #telo .stahnout {padding: 15px 0 15px  120px; background: url("http://www.e-fyzika.cz/include/img/ikonka-stahnout.gif") left top no-repeat;}
 
    
 #doporucte {margin: 0 0 0 7px; padding:0; width: 196px;overflow: hidden;}
 #levysloupec h3 {background: #073557 url("http://www.e-fyzika.cz/include/img/podklad-nadpis.gif") left top repeat-y;width: 209px; font-size: 1em; text-align: center; margin-bottom:15px; padding:10px 0	; margin-top: 25px;}
 #levysloupec h3 a {font-family: verdana;color: #fff; text-decoration: none; font-weight: bold;}
 #levysloupec h3 a:hover, #levysloupec h3 a:focus, #levysloupec h3 a:active {color: #fff; text-decoration: none;}
 #doporucte fieldset {border: 0; margin:0; padding:0;} 
 #doporucte table {width: 150px; overflow: hidden;}
 #doporucte th {color: #fff; font-size: small; font-weight: normal;}
 #mail2,#mail, #name {width: 100%; margin-bottom: 5px; border: 2px solid #600460;}
 #mail2:focus, #mail2: active; #mail:focus, #name:focus, #mail:active, #name:active {border: 2px dotted #000;}
 #zprava {border: 2px solid #600460; height: 100px;}
 #zprava:focus {border: 2px dotted #000;}
 #doporucte .submit {text-align: right;}
 
 #objednavka { background: #e8f3f9; width: 460px; margin-left: 5px;}
 #objednavka fieldset {border:0; padding: 10px;}
 #objednavka td, #objednavka th {padding: 3px 6px;}
 #objednavka th {width: 170px; text-align: right; vertical-align: top;}
 #objednavka td {vertical-align: top;}
 #drobecky {padding:0 0 10px 0; border-bottom: 1px solid #ddd; margin:0;font-size: 0.9em;} 
 
 a {color: #a10ba1; font-weight: normal;  font-family: 'Courier New CE', 'Courier CE', 'Courier New', courier, monospace;}
 a:hover {color: #fff; background: #8c078c; text-decoration: none;}
 #levysloupec a {color: #fff;}
 #levysloupec a:hover {color: #fff; background: transparent;}
 strong {color: #000; font-weight: normal; background: #fee7fe;}
 a strong {font-weight: bold; color: #f9520c; font-family: 'Courier New CE', 'Courier CE', 'Courier New', courier, monospace; background: #fff; text-decoration: underline;}
 a:hover strong {color: #fff; background: #077a90; text-decoration: none;}
 
 
 ul {}
 ul li {margin-bottom: 0.8em;}
 .netucny {font-weight: normal;} 
 .alert {color: red; font-weight: bold;}  /* chybova hlaska u e-mailovyho formulare */
 .nastred {text-align: center;}
  .doprava {text-align: right;}
 acronym {cursor: help; color: #666;} /* zkratky */
 .pripravujeme {color: #999; font-style: italic;}
 #telo ul.cislovany {list-style-image: none; list-style: decimal;} 
 p.literatura {font-style: normal; color: #aaa; padding: 0 1em; font-weight: normal;}
 div.reference {font-style: italic; color: #333; font-size: 1.1em; width: 349px; text-align: justify; margin: 1em 3em; border: 0; padding: 5px 20px 5px 20px; background: url("http://www.e-fyzika.cz/include/img/reference.jpg") left top no-repeat;}
 .pi {font-family: Times New Roman; font-size: 1.3em;}
 #odkazyhp {list-style: circle; font-size: 0.9em; margin-left: 20px; padding: 0px; width: 180px;}
 #odkazyhp li {margin: 0 0 5px; 0;}
 
  .tucne {font-weight: bold;}
 #telo ol li {margin-bottom: 10px;}
 #telo table {border-collapse:collapse;}
 #telo .vysledky td {border: 1px solid #10609b; background: #f6fbfe;padding: 3px 5px;}
 #telo .vysledky th {border: 1px solid #10609b; background: #e5f3fc;padding: 3px 5px; text-align: center;}
 
 /* Obrazky */ 
 img.r {float: right; margin: 7px;}
 img.l {float: left; margin: 7px;}
 img.logop {float: left; margin: 15px 15px 5px 0px;}
 img.c {margin: 7px auto;}
 img.ramm {border: 5px solid #743574;background: #fff; color: #000; padding: 1px;}
 p.cimg {text-align: center;}
 
 
div.ramml {background: #743574; color: #fff; text-align: center; float: left; margin-right: 10px;}
div.rammr {background: #743574; color: #fff; text-align: center; float: right; margin-left: 10px;}
div.ramml p, div.rammr p {margin: 0; padding: 5px 5px 10px 5px;}


 
 
 .floathelp {height: 1px; line-height:1px; font-size:1px; clear: both; }