/* -------- VML - lapokhoz.  ------- */

body {font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0px; background-color: #ccc;} 
#container {width:800px; margin-top: 5px; margin-left: 10px;} 
#fejlec {width: 800px;}
#jelkep {float: left; width: 100px; margin-left: 5px;}
#cim { width: 680px; }
h1 {text-align: center; font-family: Arial;  font-size: 30px;}
h2 {text-align: center; font-family: Arial;  font-size: 25px;}
h3 {text-align: center; font-family: Arial;  font-size: 22px;}
h4 {text-align: center; font-family: Arial;  font-size: 19px;}
h5 {text-align: center; font-family: Arial;  font-size: 16px;}
p {font-family: Arial;  font-size: 14px; color: #000; text-align: left; line-height: 150%;}
strong {font-weight: bold;}
em {font-style: italic;}

#vmltartalomjegyzek {width: 600px; margin-top: 35px; margin-left: 50px; background-color: #FFCC69;}
#vmltartalomjegyzek table {width: 100%; }
#vmltartalomjegyzek td {text-align: left; font-size: 12px; font-weight: bold; padding-left: 30px; }
#vmltartalomjegyzek a {text-decoration: none; font-size: 12px; color: black; line-height: 150%;}
#vmltartalomjegyzek a:hover { color: blue; border-bottom: 1px solid blue;}

.vmlpiszkozat {width: 500px; margin-top: 35px; margin-left: 150px; background-color: #FFCC69;}


/*  aaaaaaaaa ---------------- PX rács táblázathoz  -------------------- aaaaaaaaaaaaaaa**/
.rajzlap{width:100%; height: 100%; border: 1px solid red; margin-top: 10px; margin-left: 5px; background: url(pxjpgnracs1600x1030.jpg);}
.rajzlap td{padding-top: 15px; padding-left:21px;}
.pxracs{ padding: 0px; border-top:1px solid blue; border-left:1px solid blue;}


/* aaaaaaaaa ---------------- PX rács div szakaszhoz -------------------- aaaaaaaaaaaaaaa*/
.divrajzlap{position: relative; width:100%; height: 100%; padding-top: 18px; padding-left:23px; margin: 10px; background: url(pxjpgnracs1600x1030.jpg) no-repeat;}
.divpxracs{ margin: 0px; padding: 0px; }

li {font-family: Arial;  font-size: 12px; color: #000; text-align: left; line-height: 150%;}


.px_racs { width: 515px; height: 515px; border: 1px solid black; background: url(pxracs3521.jpg) no-repeat;}
.megjelenes {width:790px; margin:5px; padding-bottom:5px; border:1px solid black;}

.magyarazat{width:790px; margin:5px; padding-bottom:5px;}

.mintatabla{width:790px; margin:5px; padding-bottom:5px; border:1px solid black;}
.mintatabla td {font-family: Arial;  font-size: 12px; color: #000; text-align: left; padding-bottom:5px;}

.keretnincs{width:790px; margin:5px; padding-bottom:5px; border: 1px solid black;}
.keretnincs td {font-family: Arial;  font-size: 12px; color: #000; text-align: left; padding-bottom:5px; border: none;}

/* VML 3522 */
/*<style type="text/css">*/
.mereta {width: 100px; height: 100px;}
.vonal_da1 {width: 100px; height: 100px; position: relative; margin-top: 10px; margin-left:10px; border: 1px solid blue;}
.vonal_da2 {width: 100px; height: 100px; position: relative; margin-top: 10px; margin-left:10px; border: 1px solid blue;}

.vonal_L1 {float:left; width: 100px; height: 100px; position: relative; margin-top: 10px; margin-left:10px;}
.vonal_L2 {float:left; width: 100px; height: 100px; position: relative; margin-top: 10px; margin-left:50px;}
.vonal_L3 {float:left; width: 100px; height: 100px; position: relative; margin-top: 10px; margin-left:50px;}
.vonal_L4 {float:left; width: 100px; height: 100px; position: relative; margin-top: 10px; margin-left:50px;}

.vonal_GX1 {float:left; width: 100px; height: 100px; position: relative; margin-top: 10px; margin-left:10px;}
.vonal_GX2 {float:left; width: 100px; height: 100px; position: relative; margin-top: 10px; margin-left:50px;}
.vonal_GX3 {float:left; width: 100px; height: 100px; position: relative; margin-top: 10px; margin-left:50px;}
.vonal_GX4 {float:left; width: 100px; height: 100px; position: relative; margin-top: 10px; margin-left:50px;}

.vonal_GY1 {float:left; width: 100px; height: 100px; position: relative; margin-top: 10px; margin-left:10px;}
.vonal_GY2 {float:left; width: 100px; height: 100px; position: relative; margin-top: 10px; margin-left:50px;}
.vonal_GY3 {float:left; width: 100px; height: 100px; position: relative; margin-top: 10px; margin-left:50px;}
.vonal_GY4 {float:left; width: 100px; height: 100px; position: relative; margin-top: 10px; margin-left:50px;}

.kor_GY5 {width: 200px; height: 200px; position: relative; margin-top: 50px; margin-left:50px;}

.mereta {width: 100px; height: 100px;}
.zi_kdiv1 {z-index: 10;  width: 100px;  position: relative;}
.zi_bdiv1 {z-index: 5; width: 100px;  position: absolute; top: 0px;   left: 0px;}
/*</style>*/


/*példa 006 témaköre*/
.tordiv001{width: 200px; height: 100px; border: 1px solid black;}
.tordiv001gmeret{position:relative; left:0px; top:0px; width:200px; height:100px;}
.tordiv001runmeret{position:absolute; left:0px; top:0px; width:200px; height:100px;}


/*példa 030 és a 035 témaköre*/
.ie_torz030{width: 140px; height: 100px;}
.ie_torz030b{position: relative; top: 5px; left: 40px; width: 650px;}
.ie_torz030gdiv{left: 0px; position: absolute; top: 0px;}
.gro03014 {position: relative; width: 200px; height: 200px; left: 0px;  top: 0px;}
.sha03014 {width: 200px; height: 200px;}
.pelda030h2 {text-align: center; font-family: Arial;  font-size: 25px; border-bottom: 3px solid red;}


.gro03514 {position: relative; width: 1400px; height: 1400px; left: 0px;  top: 0px;}
.sha03514 {width: 1400px; height: 1400px;}


/*példa 050 témaköre*/
.szakasz05014 {position: relative; width: 200px; height: 200px;  left: 15px; top: 5px; }
.forma05014{position: absolute; width: 100%; height: 100%; left: 0pt; top: 0pt; background-color: #FFCC69;
border-style: double; border-color: purple green aqua blue; border-width: 10px 16px 22px 28px; 
-moz-box-sizing: border-box; 
-moz-border-radius-topleft: 15px; 
-moz-border-radius-topright: 30px; 
-moz-border-radius-bottomright: 45px; 
-moz-border-radius-bottomleft: 60px;}

.disz{font-size: 6px; font-family: Arial; color: #000; text-align: left;}
.visszalep {font-size: 12px; font-weight: bold; margin-left: 30px;}