/* css internet */

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

.vdchart {
     position: relative;
     top: 66%;
}

.vdlogo {
     position: relative;
     top: 5%;
     color: #FFFFFF;
}

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

.vdin {
     position: relative;
     padding-top: 1%;
     top: 5%;
}

.vdcontent {
     position: absolute;
     top: 50%;
     left: 0; 
     right: 0;
     } 

.vdcontact {
     position: absolute; 
     top: 60%;
     left: 10%
}

.vdservices {
     position: absolute; 
     top: 60%;
     left: 30%;  
}

.vdsystem {
     position: absolute; 
     top: 60%;
     left: 50%;  
}

.vdcontact2 {
     position: relative; 
     top: 40%;
     padding-top: 20%;
     left: 35%;  
}

.vdservices2 {
     position: relative; 
     top: 20%;
     padding-top: 7%;
     left: 6%;  
}

.vdservices3 {
     position: relative; 
     top: 20%;
     padding-top: 7%;
     left: 3%;  
}

.vdlogout {
     position: absolute;
     top: 300px;
     left: 400px;
}

.vdcase {
     position: absolute;
     top: 70%;
     left: 31%;
}

.itens { 
  /* width: 100%;  */
  /* height: 100%; */ 
     margin: auto;
}

.item0 { 
     text-align: center; 
     margin-top: 0%; 
     border: solid;     
     color: white; 
   }

.item1 {
     float: left; 
     text-align: left; 
     padding: 1%; 
     margin-top: 1%; 
     margin-left: 1%; 
     border: solid;      
     width: 60%; 
     height: 100%;  
     color: white;
     } 

.item2 {
     float: right; 
     text-align: left; 
     padding: 1%; 
     margin-top: 10%; 
     margin-right: 1%; 
     border: solid;      
     width: 30%; 
     height: 100%;           
     overflow: hidden;  
     color: white;
     } 

.item3 {
     float: left; 
     text-align: center; 
     margin-top: 1%; 
     border: solid;   
     width: 100%; 
     height: 1%;  
     color: white;
     } 

/* footer */
.footer {
     position: relative;
     top: 50%;
     left: 40%; 
}
/* footer */

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

.footer3 {
     position: relative;
  /* background-color: #00007D;  */     /* blue footer  */
  /* background-color: #0909FF;  */     /* blue footer  */
     background-color: #0000CD;  
     top: 20%; 
     padding-top: 10px;
     width: 90%;
     height: 80%; 
}
/* footer3 */

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

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

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

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

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

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

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

h6 {
     color: #FFFFFF; 
     text-decoration: 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);
}

/* th chart          */
#info {
/*   fill: yellow;   */
/*   stroke: lightgray;  */
/*   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;   */
/*   fill: #616161;  */ 
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
/*   stroke: lightgray;        */
/*   stroke-width: 0.1px;  */ 
/*   fill: white;          */
}

/* css end */