html {width: 6in; font-size: 10pt}
body {
	 width: 7in; font-family:"times new roman", serf; 
	 background-color: #ffffff; font-size: larger
	 }
ol.big{font-size: 80%; text-align: left; padding-left: 18pt; font-family: 
lucida casual}
ol {padding-left: 10pt }
ul {display: list-item; }

li {
	
	padding-bottom: 6pt; 
	
	}

li.select{color: blue; cursor: hand}
li.deflt{color: grey; }
input { padding-bottom: 0pt; }
em {
   color: darkred;
   font-style:normal; 
   font-weight: bold;
   /*letter-spacing:1pt;*/
   }
   h1, h2, h3 {font-family:"Tahoma", "Arial CE", sans-serif;margin-left: 5pt;}
  /* h1 {text-align: center; width: 7in}*/
h1.titul {text-align: center; font-size:200%; padding-top: 40pt; 
padding-bottom: 15pt;width: 7in }
h2 {text-shadow: blue; font-size: 150%; padding-top: 18pt; 
padding-bottom: 5pt; width: 7in}

h3.testova { font-size: 120%; padding-bottom: 0pt;background-color: blue; color: yellow}
td.testova {background-color: blue}


p {
  padding-bottom: 5pt; margin-left: 5pt; 
  display: compact; width: 7in;
  text-indent: 10pt; text-align: justify; 
  
  

}
p.first {text-indent: 0pt}
a { border: none}

embed {display: block; text-align: center;}

small {text-decoration: italic; font-size: 75%}
div.pic {width:100%; text-align:center}
.reakce {margin:0.3em 0 0.3em 0;	width: 7in;
		   font-weight: bold; font-size:normal;
		   padding-bottom: 0pt; padding-top:0pt;
		   text-align: center; 
		   
		   border-style:none; border-width:thin;
 }

 
 div.reakce {width:7in;

}



div.reakce.small{font-size: 70%;}


div.molecule { text-align:center; font-weight:bold;}
div.scene3d {width:7in; text-align:center; font-weight:bold;}
sup{font-size: 70%; /*vertical-align: 100%*/}
sub + sup {position:relative; left: -0.5em}
sub{font-size: 70%; }
hr { padding-left: 12pt; width: 6in; text-align: left}
hr.levy { margin-bottom: 0pt; padding-left: 20pt; padding-bottom: 12pt; padding-left: 12pt; width: 100%; text-align: left}
small.reakcni {font-size: 75%}

table {border: 1px outset;border-collapse:collapse ;margin-left: 5pt;}
td, th {border:1px inset}
td.title {width:70%; padding-left:1em}

table.video {width: 7in;text-align:left;
			border: 1px solid black;
			background-color: #cccccc;
			}
			table.video img,table.video td {border-width:0}
			 	

table {width:7in}
caption {font-style:italic; font-weight:bold; text-align:left; margin: 0.6em 0 0.3em 5pt}
.navig-top, .navig-bottom {width:100%; padding: 0.3em; border-bottom:solid 1px black;height: 1em; background:#666666; width:7in }
.navig-top a, .navig-bottom a {color:white; font-weight:bold}
/*.navig-bottom {width:100%; padding: 0.3em; border-top:solid 1px black;height: 1.5em }*/
.prev {width: 50%; float:left}
.next {width: 50%; float:right; text-align:right}

.popis {/*font-style:italic*/;font-size:smaller; padding-left:5pt;padding-right:5pt }
.popis em {font-style:italic; color:black; font-weight:normal}
.video {cursor:pointer}
.sbt {font-weight:bold; font-size:smaller;background:#666666;color:white}