/* css internet */

body {
 /*  width: 1200px;                                     */
 /*  height: 600px;                                     */
 /*  width: 1024px;                                     */
 /*  height: 768px;                                     */
 /*  background-image: url("/img/metavista001.png");    */
 /*  width: 100%;                                       */                     
 /*  height: 100%;                                      */ 
     background-image: url("/img/metavista001.png");
     background-repeat: repeat;
     position: absolute;
     padding-top: 1%;
     padding-left: 4%;
     padding-right: 4%;
     padding-bottom: 2%;
}

.banner { 
     position: absolute;
     left: 2%;
     right: 2%;
}

.mvin {
     background-color: #000000; 
     position: absolute;
     padding-top: 1%;       
     top: 1%;
     left: 10%
}

.mvcontent {
     position: absolute;
     top: 2%;                
     left: 0; 
     right: 0;
} 

.mvcontact {
     position: absolute; 
     padding-top: 2%;
     top: 80%;
     left: 10%
}

.mvservices {
     position: absolute; 
     padding-top: 2%;
     top: 80%;
     left: 47%;  
}

.mvsystem {
     position: absolute; 
     padding-top: 2%;
     top: 80%;
     left: 82%;  
}

.mvpub {
     position: absolute;
     top: 95%;
     left: 48%;
}

.mvtemper {
     position: absolute;
     top: 55%;
     left: 20%;
}

.mvcontact2 {
     position: relative; 
     top: 200px;
     left: 300px;   
}

.mvservices2 {
     position: relative;  
     top: 50px;
     left: 100px;   
}

.mvlogout {
     position: relative; 
     top: 200px;
     left: 300px;   
}


.mvcontact_mobile {
     position: absolute;
     padding-top: 200px;
     top: 10px;
     left: 190px;
}
.mvservices_mobile {
     position: absolute;
     padding-top: 200px;
     top: 10px;
     left: 400px;
}
.mvsystem_mobile {
     position: absolute;
     padding-top: 200px;
     top: 10px;
     left: 650px;
}
.mvpub_mobile {
     position: absolute;
     padding-top: 300px;
     top: 10px;
     left: 410px;
}

.footer {
     position: absolute;
     top: 40%;
     left: 40%; 
}

.footer2 {
/*   position: relative;         */
     position: relative;
     background-color: #00007D;      /* blue footer  */
     color: #FFFFFF;                 /* white        */
     text-align: center;
}

a {
     color: #FFFFFF;
     text-decoration: none;
}

p  {
     color: #FFFFFF;
     text-decoration: none;
}

h1 {
     color: #FFFFFF; 
     text-decoration: underline;
}

h2 {
     color: #FFFFFF; 
     text-decoration: none;
}

h3 {
     color: #FFFFFF; 
     text-decoration: none;
}

h4 {
     color: #FFFFFF; 
     text-decoration: none;
}

h5 {
     color: #FFFFFF; 
     text-decoration: none;
}

h6 {
     color: #FFFFFF; 
     text-decoration: none;
}

/* temper */

.style_x_axis {
fill: none;
opacity: .9;
fill: yellow;
stroke: black;
stroke-width: 1px;
font: 16px sans-serif;
}
.style_y_axis {
fill: none;
opacity: .8;
fill: white;
stroke: black;
stroke-width: 1px;
font: 16px sans-serif;
}
.grid line {
stroke: lightgrey;
stroke-opacity: 0.7;
shape-rendering: crispEdges;
}
.grid path {
stroke-width: 0;
}
.style_line {
fill: none;
stroke: red;
stroke-width: 4px;
}
.style_line2 {
fill: none;
stroke: green;
stroke-width: 4px;
}
.tooltip { 
position: absolute;
text-align: center;
width: 310px; 
height: 28px;
padding: 2px;
font: 14px sans-serif;
color: white;
opacity: 0;
border: 0px;
border-radius: 8px;
pointer-events: none;
}

.zoom {
     overflow: hidden;
}

.zoom img {
     max-width: 100%;
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
}

.zoom:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}

.zoom_b {
     overflow: hidden;
}

.zoom_b img {
     max-width: 100%;
     -moz-transition: all 0.9s;
     -webkit-transition: all 0.9s;
     transition: all 0.9s;
}

.zoom_b:hover img {
     -moz-transform: scale(0.9);
     -webkit-transform: scale(0.9);
     transform: scale(0.9);
}

/* css end */