/* ----------------      gyakorló-piszkozatok.html laphoz    ------------------------- */

body {font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0; background-color: #ccc; }
#container {width: 800px; margin-top: 15px; margin-right: auto; margin-left: auto; padding-left: 5px;}
/*#container02 {width: 1600px; margin-top: 15px; margin-right: auto; margin-left: auto; padding-left: 5px;}*/
h1 {font-size: 35px; color: #363; text-align: center;}
h2 {font-size: 30px; border-bottom: 1px solid black;}
#fejlec {width: 800px; border-bottom: 2px solid #fc3; margin-left: 5px;}
/*#fejlec02 {width: 1600px; border-bottom: 2px solid #fc3; margin-left: 5px;}*/
#jelkep {float: left; width: 100px;}
#cim {width: 680px; text-align: center; margin-top: 5px;  padding-top: 1px;}
/*#cim 02{width: 1500px; text-align: center; margin-top: 5px;  padding-top: 1px;}*/

p {font-size: 16px; font-style: Times New Roman;  line-height: 150%;}
td{line-height: 150%; font-weight: bold;}
.zoldbodyh{background-color: #0f0; }

/*egyszerüsített mutató program*/
#omp{position:absolute; width: 1px; height: 1px;  background-color:yellow; font-size: 1px; color: yellow; text-align: center; padding:1px;}
#op{position:absolute; width: 2px; height: 2px;  background-color: blue; font-size: 2px; color: blue; text-align: center; padding:1px;}
#oo{position:absolute; width: 2px; height: 2px;  background-color: purple; font-size: 2px; color: purple; text-align: center; padding:1px;}

/*egyszerüsített mutató program VÉGE*/

.szamlaptabla{width:90%; border: 2px solid black;}
#percdiv{width: 250px; height: 250px;  padding:20px; background-color: #0f0; }
#percek{position: absolute; width: 2px; height:2px; color: black; font-size: 2px;  background-color: black;}

#oraszamlap{width: 250px; height: 250px; padding:20px;  background-color: #0f0; }
#oraszamok{color: black; font size: 16px; font-weight: bold;}

#komplettszamlap{width: 250px; height: 250px; padding:20px;  background-color: #0f0; }


/*Óra mutatója. (Másodpercek=mpont, percek=ppont, óra=opont*/
.bemutato{ width: 280px; height: 280px; border: 1px solid black; background-color: #ccff33; margin-left: 30px; }
.leirashozbemutato{ width: 320px; height: 320px; border:none; padding:0.1px; margin-left: 280px;}
.osszesitobemutato{ width: 240px; height: 240px; border: 1px solid black; background-color: #ccff33;}

#mpont1, #mpont2, #mpont3, #mpont4, #mpont5, #mpont6, #mpont7, #mpont8, #mpont9, #mpont10, #mpont11, #mpont12, #mpont13, #mpont14, #mpont15, #mpont16, #mpont17, #mpont18, #mpont19, #mpont20 {position:absolute; width: 1px; height: 1px;  background-color: red; font-size: 1px; color: red; text-align: center; padding:1px;} 

#ppont1, #ppont2, #ppont3, #ppont4, #ppont5, #ppont6, #ppont7, #ppont8, #ppont9, #ppont10, #ppont11, #ppont12, #ppont13, #ppont14, #ppont15, #ppont16, #ppont17, #ppont18, #ppont19, #ppont20 {position:absolute; width: 2px; height: 2px;  background-color: blue; font-size: 2px; color: blue; text-align: center; padding:1px;} 

#opont1, #opont2, #opont3, #opont4, #opont5, #opont6, #opont7, #opont8, #opont9, #opont10, #opont11, #opont12, #opont13, #opont14, #opont15, #opont16, #opont17, #opont18, #opont19, #opont20 {position:absolute; width: 2px; height: 2px;  background-color: black; font-size: 2px; color: black; text-align: center; padding:1px;} 

.arabaszamlapbemutato{width: 220px; height: 240px;  padding:10px; background-color: #0f0; }


/*Komplett óra megjelenítése*/
#komplett_ora{width: 350px; height: 350px; padding:20px;  background-color: #0ff;}
#oramutatoszamok{position: absolute; width: 250px; height: 250px; margin-top: 3px; margin-left: 6px; padding:20px;}
#oramutatok{position: absolute; width: 250px; height: 250px; margin-top: 1px; margin-left: 1px; padding:20px;}

.komplettoratabla {width: 320px; border: 2px solid blue;}
.koifracella{border: none; background-color: #ff0;  padding:0px; margin:0px; padding-left: 10px;}
.koiframa{border: none; padding:0px; margin:0px; background-color: #ff0;}

/*Kezdő weboldalra*/
#weboldalikomplett_ora{width: 145px; height: 140px; padding: 0.1px;  background: url(worahatter_145x140.jpg);}

#weboldalioramutatoszamok{position: absolute; width: 130px; height: 130px;}
#weboldalioramutatoszamok{margin: 0.1px; padding: 0.1px; margin-top: 3px; margin-left: 6px;}

#weboldalioramutatok{position: absolute; width: 130px; height: 130px;}
#weboldalioramutatok{ margin: 0.1px; padding: 0.1px; margin-top: 10px; margin-left: 10px; }

.woldoratabla{width: 154px; border: 1px solid blue; padding:0.1px;}
.woldoratabla td{padding:0.1px; border: none;}

.woldoratablaleiras{width: 1000px; border: 1px solid black;}
.acella{width: 200px; padding-left: 50px;}
.bcella{width: 750px;}

/*Ovális wekkerek*/

#vovalwekker{width: 195px; height: 140px; padding: 0.1px;  background: url(wborahatter_196x148.jpg);}
#fovalwekker{width: 145px; height: 195px; padding: 0.1px;  background: url(wforahatter_146x196.jpg);}
.foval_bodyhatter{ background: url(wforahatter_146x196.jpg);}
#wekker_szamlap{position: absolute; width: 130px; height: 130px;}
#wekker_szamlap{margin: 0.1px; padding: 0.1px; margin-top: 3px; margin-left: 6px;}
#wekkermutatok{position: absolute; width: 130px; height: 130px;}
#wekkermutatok{ margin: 0.1px; padding: 0.1px; margin-top: 10px; margin-left: 10px; }

.oval_oraktabla{width: 740px;}
.oval_oraktabla td{padding: 5px;}
.ora_tablakor{width: 180px; border: 15px ridge #A0522D; padding: 0.1px;}
.ora_tablakor td{padding: 0.1px; border: none;}
.ora_tablavoval{width: 230px; border: 15px ridge #A0522D; padding: 0.1px;}
.ora_tablavoval td{padding: 0.1px; border: none;}
.ora_tablafoval{width: 180px; border: 15px ridge #A0522D; padding: 0.1px;}
.ora_tablafoval td{padding: 0.1px; border: none;}


.ovaloratablaleiras{width: 600px; border:none;}
.ovaloratablaleiras td{padding-left: 50px; border: none;}


/*több weblaphoz*/
#naturora{width: 145px; height: 140px; padding: 0.1px;}