/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}*/   

::-webkit-scrollbar {
 height: 0px;
 width: 0px; 
}        
                      
body {
 font-family: "Roboto-Regular"; 
 font-size: 12px; 
}
span {
 font-family: "Roboto-Regular"; 
 font-size: 12px; 
}
 

.map_label1 {
      /*background:transparent;*/
      background: url("./images/bground.png") repeat scroll 0 0 rgba(90, 90, 90, 0.5);      
      position: absolute;
      border-style: solid;
      border-radius: 5px 5px 5px 5px;           
      border-width: 1px;     
      border-color: #333;
      padding: 1px 0px; 
      /*left: 0px;
      top: 50%;*/
      height: 12px;
      /*width: 100%;*/
      color: #DDD;
      font-size: 9px;
      font-family: "Roboto-Regular";  /*Arial, Helvetica, Sans-serif;*/        
      text-align: center;      
      text-rendering: optimizelegibility;     
      /*style="position:absolute;top:45%;left:0px;width:100%;text-align:center;"*/
}            

.map_label2 {
      /*background:transparent;*/
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");      
      position: absolute;
      border-style: solid;
      border-radius: 5px 5px 5px 5px;           
      border-width: 1px;     
      border-color: #333;
      padding: 1px 0px; 
      /*left: 0px;
      top: 50%;*/
      height: 12px;
      /*width: 100%;*/
      color: #DDD;
      font-size: 9px;
      font-family: "Roboto-Regular";  /*Arial, Helvetica, Sans-serif;*/        
      text-align: center;      
      text-rendering: optimizelegibility;     
      /*style="position:absolute;top:45%;left:0px;width:100%;text-align:center;"*/
}            

.map_poi {
      background:transparent;
      /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");*/      
      position: absolute;
      border-style: solid;
      border-radius: 5px 5px 5px 5px;           
      border-width: 0px;     
      border-color: #333;
      padding: 0px 0px; 
      /*left: 0px;
      top: 50%;*/
      height: 12px;
      /*width: 100%;*/
      padding-left:0px;
      padding-right:0px;      
      color: #DDD;
      font-size: 9px;
      font-family: "Roboto-Regular";  /*Arial, Helvetica, Sans-serif;*/        
      text-align: center;      
      text-rendering: optimizelegibility;     
      /*style="position:absolute;top:45%;left:0px;width:100%;text-align:center;"*/
}     

.popup_style {
                    /*background: url('./images/bground.png') repeat scroll 0 0 rgba(80, 80, 80, 1);*/
                    /*background: none repeat scroll 0 0 #414141;*/
                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");
                    border-style: solid; 
                    border-width: 1px;
                    /*border-color: #333;*/ 
                    border-radius: 3px;
                    border-color: #222;                    
                    box-shadow: 0px 0px 2px 0px #222;                    
                  }  
                  
.vrec_popup_style {
                    /*background: url('./images/bground.png') repeat scroll 0 0 rgba(80, 80, 80, 1);*/
                    /*background: none repeat scroll 0 0 #414141;*/
                    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");*/
                    background: #333;
                    border-style: solid; 
                    border-width: 1px;
                    /*border-color: #333;*/ 
                    border-radius: 3px;
                    border-color: #222;                    
                    box-shadow: 0px 0px 2px 1px #222; 
                    text-shadow: 0 0 0 #ddd;                   
                  }                    

.div_downarrow {               
	position: absolute; 
	left: 2px; 
      top: 100%;
      width: 0px; 
	height: 0px; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 7px solid rgba(30, 30, 30, 0.9);  /*#272727;  /*333; /*#2f2f2f;*/
}   

.div_downarrow2 {               
	position: absolute; 
	left: 7px; 
      top: 32px;      /*28*/  /*100%;*/
      width: 0px; 
	height: 0px; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 8px solid rgba(50, 50, 50, 0.9);  /*#272727;  /*333; /*#2f2f2f;*/
}   

.div_downarrow3 {               
	position: absolute; 
	left: 7px; 
      top: 12px;      /*28*/  /*100%;*/
      width: 0px; 
	height: 0px; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid rgba(20, 20, 20, 0.9);  /*#272727;  /*333; /*#2f2f2f;*/
}   

.device_style {
  padding-left: 2px;
}

.device_style_devstat {
  padding-left: 2px;
}

.jqplot-axis {
  color:#fff;
  font-family: "Arial";
  font-size: 0.9em;  
}                                              
                                                  
   .container {    
    width: 1000px;
    height: 100%; 
    position: relative;
    text-align: center;
    margin: auto;  
    padding: 0px;        
    font-family: "Arial";
    font-size: 12px;
    color: #FFFFFF;      
    border: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: white; 
    overflow:hidden; 
/*    left: 0px;*/
   }   
   
   body {
    font-family: "Arial";
    font-size: 12px;
    color: #FFFFFF;         
    text-align: center;
    margin: 0;
    image-rendering:optimizeQuality;    
    text-rendering: optimizelegibility;         
}

    .semi_tit {
     font-size: 1.1em;
     font-weight:normal;
    } 

    .table_css {      
     background-color: #87AEC5;          
     border-collapse: collapse;
     border: 1px solid;
     border-color: #000000;       
    }    
    
    .divloc { 
      position: absolute;
      height: 145px;
      width: 850px;
      visibility: hidden;      
    }          

.tab_head {
      background:#333 url(./images/llsh.gif) repeat-x;
	color:#fff;
	font-size: 0.65em; 
      vertical-align: middle;       
}                        

.vrec_tab_head {
      background:#333 url(./images/llsh.gif) repeat-x;
	color:#fff;
	font-size: 10px; 
      vertical-align: middle;       
}                        

.span_title {
      background: #333 url(./images/llsh.gif) repeat-x;
	font-size: 1.1em;  
      vertical-align: middle;       	
      text-align:center;
      border-style:solid;      
      border:0px;
      border-color:yellow;
}             

.vrec_span_title {
      background:#333 url(./images/llsh.gif) repeat-x;
	color:#fff;
	font-size: 1.25em;  
      font-weight: bold;	
}      

/* ---------- Button ---------- */

.blogbtn {
    background: url("./images/nav.gif") no-repeat scroll 0 0 transparent;
    color: #7B7B7B;
    text-align: center;
    text-decoration: none;    
}                

.tab_body {      
      background: #333;
	color:#fff;
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      font-size: 9px;        
      text-rendering: optimizelegibility;     	
/*	font-size: 0.60em;  */
}                      

.tab_body2 {
      background: #13181d;
	color:#fff;
	font-size: 0.65em;  
}                         

.vrec_tab_body {      
      background:#333;
      color:#fff;
      font-size: 0.7em;  
}                       

.span_class {      
      background: transparent;
	color: #fff;
	font-size: 0.90em;  
}                       

.div_class {      
      background: transparent;
	color: #fff;
	font-size: 0.80em;  
}                       

    /*top:150px;
      left:0px;
      background: transparent;
      height:275px;
      width:320px;*/      
      
.cls_mini_loading {
      position: absolute;
      left: 0px;
      top: 50%;
      height: 15px;
      width: 100%;
      text-align: center;
      font-family: "Helvetica";
      /*style="position:absolute;top:45%;left:0px;width:100%;text-align:center;"*/
}            

.cls_mini_loading2 {
      position: absolute;
      left: 0px;
      top: 50%;
      height: 15px;
      width: 100%;
      text-align: center;
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      font-size: 12px;        
      text-rendering: optimizelegibility;     
      /*style="position:absolute;top:45%;left:0px;width:100%;text-align:center;"*/
}            

.cls_simple_text2 {
      position: absolute;
/*    left: 0px;
      top: 0%;*/
      height: 15px;
      width: auto;
      /*text-align: center;*/
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      font-size: 12px;        
      text-rendering: optimizelegibility;     
      /*style="position:absolute;top:45%;left:0px;width:100%;text-align:center;"*/
}            

.cls_mini_close {
      position: absolute;
      top: 2px;
      left: 388px;      
      height: 10px;
      width: 10px;
      cursor: hand;
      cursor: pointer;      
}            
 
.cls_miniinput {
   background-color: #FFFFFF;
   border-width: 0px;
   border-radius: 2px 2px 2px 2px;               
   padding-bottom: 0px;
   padding-top: 0px;
   height:13px;
      color: #0000FF;
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 10px;  
      font-weight: normal; 	   
}
.cls_miniinput:focus { 
    /*outline: none;
    border-style:solid;
    border-width: 1px;*/    
    border-color: #50a1cf;
    box-shadow: 0 0 4px #50a1cf;
}

.cls_miniinput2 {
   background-color: #FFFFFF;
   border-width: 0px;
   border-radius: 2px 2px 2px 2px;               
   padding-bottom: 0px;
   padding-top: 0px;
   height:13px;
      color: #0000FF;
      font-family: "Roboto-Regular";
      text-rendering: optimizelegibility;           
	font-size: 11px;  
      font-weight: normal; 	   
}
.cls_miniinput2:focus { 
    /*outline: none;
    border-style:solid;
    border-width: 1px;*/    
    border-color: #50a1cf;
    box-shadow: 0 0 4px #50a1cf;
}

.cls_miniinput3 {
   background-color: #FFFFFF;
   border-width: 0px;
   border-radius: 2px 2px 2px 2px;               
   padding-bottom: 0px;
   padding-top: 0px;
   height:12px;
   color: #0000FF;
   font-family: "Roboto-Regular";
   text-rendering: optimizelegibility;           
   font-size: 12px;  
   font-weight: normal; 	   
}
.cls_miniinput3:focus { 
    /*outline: none;*/
    /*border-style:solid;
    border-width: 1px;*/    
    border-color: #50a1cf;
    box-shadow: 0 0 4px #50a1cf;
}

.cls_minititle {
      position: absolute;
      border-style: solid;      
      border-width: 0px;
      border-color: #FF9900;      
      background: #2F2F2F;
      color: #FF9900;
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 11px;  
      font-weight: normal; /*bold;*/ 	
      vertical-align: middle;       	
      text-align: center; 
}         

.cls_miniwindow2 {  
      position: absolute;
      /*background:  #13181D;   /*-moz-linear-gradient(center top , #282828 0px, #252525 100%) repeat scroll 0 0 #272727;*/
      /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) repeat scroll 0 0%, url("./images/bgb.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0)*/      
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) repeat scroll 0 0%;
      border-width: 1px;
      border-color: #444444;
      border-style:solid;
      border-radius: 5px 5px 5px 5px;                                                                   
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 9px;  /*0.80em;*/        
}   

.cls_tab_button {
      border-style: solid;
      border-width: 1px;
      border-color: #333;
      border-radius: 4px 4px 0px 0px;                                                                   
      padding: 1px 6px;      
	color: #CCCCCC;		
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 12px;  /*0.80em;*/        
      cursor: hand; 
      cursor:pointer; 	
}

.cls_tab_body {
      border-style: solid;
      border-width: 1px;
      border-color: #333;
      border-radius: 0px 0px 4px 4px;                                                                   
	color: #CCCCCC;		
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 9px;  /*0.80em;*/        
}

.cls_frame_body {
      border-style: solid;
      border-width: 1px;
      border-color: #333;
      border-radius: 4px 4px 4px 4px;                                                                   
	color: #CCCCCC;		
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 12px;  /*0.80em;*/        
}

.cls_miniwindow3 {  
      position: absolute;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");      
      /*background-image: url("./images/bgb.jpg"); 
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));*/
      /*background-image: url("./images/bgb.jpg"), -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));*/      
      /*url('PATH-TO-IMG') center center no-repeat, -webkit-linear-gradient(top, @startColor, @endColor);*/
      /*box-shadow: 0px 0 1px 1px #181818;*/
      /*background-color:#282828;
      background-size:16px 16px;*/
      border-width: 1px;
      border-color: #444444;
      border-style:solid;
      border-radius: 5px 5px 5px 5px;                                                                   
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 12px;  /*0.80em;*/        
}   

.cls_miniwindow3_clidata {  
      position: absolute;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");
      /*background-color:#282828;
      background-size:16px 16px;*/
      border-width: 1px;
      border-color: #444444;
      border-style:solid;
      border-radius: 5px 5px 5px 5px;                                                                   
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 9px;  /*0.80em;*/        
}   

.cls_miniwindow3_div_inf {  
      position: absolute;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");
      /*background-color:#282828;
      background-size:16px 16px;*/
      border-width: 1px;
      border-color: #444444;
      border-style:solid;
      border-radius: 5px 5px 5px 5px;                                                                   
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 9px;  /*0.80em;*/        
}   

.cls_miniwindow3_minimap {  
      position: absolute;
      /*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");*/
      background:-moz-linear-gradient(center top , #282828 0px, #252525 100%) repeat scroll 0 0 #272727;      
      /*background-color:#282828;
      background-size:16px 16px;*/
      border-width: 1px;
      border-color: #444444;
      border-style:solid;
      border-radius: 5px 5px 5px 5px;  
      box-shadow:0 0 2px 0 #222;                                                                 
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 12px;  /*0.80em;*/        
}   

.cls_miniwindow3_reports {  
      position: absolute;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");
      /*background-color:#282828;
      background-size:16px 16px;*/
      border-width: 1px;
      border-color: #444444;
      border-style:solid;
      border-radius: 5px 5px 5px 5px;                                                                   
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 12px;  /*0.80em;*/        
}   

.cls_miniwindow_inside2 {  
      position: absolute;
      background: -moz-linear-gradient(center top , #13181D 0px, #252525 100%) repeat scroll 0 0 #272727;      
      border-width: 1px;
      border-color: #444444;
      border-style:solid;
      border-radius: 5px 5px 5px 5px;      
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;           
	/*font-size: 0.80em;*/        
}                     

.cls_miniwindow_inside3 {  
      position: absolute;
      background: -moz-linear-gradient(center top , #13181D 0px, #252525 100%) repeat scroll 0 0 #272727;      
      border-width: 1px;
      border-color: #444444;
      border-style: solid;
      border-radius: 5px 5px 5px 5px;      
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 12px;  /*0.80em;*/        
}                     

.cls_minititle2 {
      background: -moz-linear-gradient(center top , #444444 0px, #13181D 60%) repeat scroll 0 0 #272727;
      position: absolute;
      border-style: solid;      
      border-width: 0px;
      border-color: #FF9900;      
      color: #FF9900;
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 14px;  
      font-weight: normal; /*bold;*/ 	
      vertical-align: middle;       	
      text-align: center; 
}         

.cls_minititle_inside {
      position: absolute;
      border-style: solid;      
      border-width: 0px;
      border-color: #FF9900;      
      background: #2F2F2F;
      color: #FF9900;
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 12px;  
      font-weight: normal; 	
      vertical-align: middle;       	
      text-align: left; 
}      

.cls_miniwindow {  
      position: absolute;
      border-width: 1px;
      border-color: #444444;
      border-style:solid;
      border-radius: 5px 5px 5px 5px;      
      background:-moz-linear-gradient(center top , #282828 0px, #252525 100%) repeat scroll 0 0 #272727;
      background-color: #333;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 9px;  /*0.80em;*/        
}   

.cls_miniwindow_inside {  
      position: absolute;
      border-width: 1px;
      border-color: #444444;
      border-style:solid;
      border-radius: 5px 5px 5px 5px;      
      background:-moz-linear-gradient(center top , #282828 0px, #252525 100%) repeat scroll 0 0 #272727;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Helvetica";      
	/*font-size: 0.80em;*/        
}                     

.cls_minitab_head {
      background: #333 url(./images/llsh.gif) repeat-x;
	color: #111111;
	font-size: 0.65em; 
      vertical-align: middle;       
}                        

.cls_minitab_body {      
      /*background: #333;*/
      /*background:-moz-linear-gradient(center top , #292929 0px, #252525 100%) repeat scroll 0 0 #272727;  */    
	color: #CCCCCC;	
	font-size: 0.60em;  
}   

/*.cls_minitab_body {
      background:-moz-linear-gradient(center top , #282828 0px, #252525 100%) repeat scroll 0 0 #272727;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');
	color:#fff;
	font-size: 10px; //0.65em;  
}*/  

/*.cls_minitab_body3_simple para resto de tablas*/
.cls_minitab_body3_simple2 {
      /*background-image: #333;*/ 
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");      
      border-width: 0px;
      border-color: #444444;
      border-style: solid;
      border-radius: 5px 5px 5px 5px;                                                                   
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 12px;  /*0.80em;*/        
}  

/*.cls_minitab_body3_simple para resto de tablas*/
.cls_minitab_body3_simple {
      background-image: #333; 
      border-width: 0px;
      border-color: #444444;
      border-style: solid;
      border-radius: 5px 5px 5px 5px;                                                                   
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 9px;  /*0.80em;*/        
}  
/*.cls_minitab_body3 especial para listado principal de GPS --vemali.php*/
.cls_minitab_body3 {
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");
      background: transparent;      
      border-width: 0px;
      border-color: #444444;
      border-style: solid;
      border-radius: 5px 5px 5px 5px;                                                                   
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 12px;  /*0.80em;*/        
}  

/*.cls_minitab_body3 especial para listado principal de GPS --vemali.php*/
#div_gps_list_body {
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");
      border-width: 0px;
      border-color: #444444;
      border-style: solid;
      border-radius: 5px 5px 5px 5px;                                                                   
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 9px;  /*0.80em;*/        
}  

.cls_div_special3 {
      /*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");
      border-width: 0px;
      border-color: #444444;
      border-style: solid;
      border-radius: 5px 5px 5px 5px;                                                                   
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;*/	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 9px;  /*0.80em;*/        
}  

.cls_minitab_head3 {
      /*background-image: url("./images/bground.png") repeat scroll 0 0 rgba(90, 90, 90, 0.5)*/
      /*linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");*/
      background: transparent;
      border-width: 0px;
      border-color: #444444;
      border-style: solid;
      border-radius: 5px 5px 5px 5px;                                                                   
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      font-weight: normal;       
      text-rendering: optimizelegibility;     
	font-size: 12px;  /*0.80em;*/        
}  

.div_window_class {      
      position:absolute;
      border-width:1px;
      border-color:#333;
      border-style:solid;
      background:-moz-linear-gradient(center top , #292929 0px, #252525 100%) repeat scroll 0 0 #272727;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #fff;
	font-size: 0.80em;  
}                      

.div_tab_body_class {      
      /*background: #333;*/
      background:-moz-linear-gradient(center top , #292929 0px, #252525 100%) repeat scroll 0 0 #272727;      
	color:#fff;
	font-size: 0.60em;  
}                       

.july_button  {                                                                     
     width:auto;
     height:12px;
     color:#FFFFFF;
     font-size:0.9em;
     border-style:solid;
     border-width:0px;
     border-color:yellow;
     cursor:hand;
     cursor:pointer;   
}

/*scroll 0 0 rgba(60, 60, 60, 0.5)*/
/*background: #333 url(./images/bground.png) repeat-x;     */
.july_button2  {
     background: url("./images/bground.png") repeat scroll 0 0 rgba(90, 90, 90, 0.5);
     box-shadow: 0 1px 2px 1px #111;     
     width:auto;
     height:12px;
     color:#FFFFFF;
     font-size: 9px;  /*0.9em;*/
     text-rendering:optimizelegibility;     
     font-family: "Roboto-Regular";  /*Arial, Helvetica, Sans-serif;*/        
     border-style: solid;
     border-radius: 5px 5px 5px 5px;           
     border-width: 1px;     
     border-color: #333;
     padding: 1px 6px; 
     cursor: hand;
     cursor: pointer;
}

.july_button3  {
     background: url("./images/bground.png") repeat scroll 0 0 rgba(90, 90, 90, 0.5);
     box-shadow: 0 1px 2px 1px #111;          
     width:auto;
     height:12px;
     color:#FFFFFF;
     font-size: 10px;
     font-family: "Roboto-Regular";  /*Arial, Helvetica, Sans-serif;*/        
     border-style: solid;
     border-radius: 5px 5px 5px 5px;           
     border-width: 1px;     
     border-color: #333;
     padding: 1px 6px; 
     cursor: hand;
     cursor: pointer;
}

.july_little_button3  {
     background: url("./images/bground.png") repeat scroll 0 0 rgba(90, 90, 90, 0.5);
     box-shadow: 0 1px 2px 1px #111;          
     width: auto;
     height:16px;
     color:#FFFFFF;
     font-size: 12px;
     font-family: "Roboto-Regular";  /*Arial, Helvetica, Sans-serif;*/        
     border-style: solid;
     border-radius: 5px 5px 5px 5px;           
     border-width: 1px;     
     border-color: #333;
     padding: 0px 4px; 
     cursor: hand;
     cursor: pointer;
}

.july_button4  {
     background: url("./images/bground.png") repeat scroll 0 0 rgba(90, 90, 90, 0.5);
     box-shadow: 0 1px 2px 1px #111;          
     width: auto;
     height:16px;
     color:#FFFFFF;
     font-size: 12px;
     font-family: "RobotoCondensed-Regular";  /*Arial, Helvetica, Sans-serif;*/        
     border-style: solid;
     border-radius: 5px 5px 5px 5px;           
     border-width: 1px;     
     border-color: #333;
     padding: 0px 4px; 
     cursor: hand;
     cursor: pointer;
}

.cls_mini_map_tit  {
     background: url("./images/bground.png") repeat scroll 0 0 rgba(0, 0, 0, 0.5);
     width:auto;
     height:12px;
     color:#FFFFFF;
     font-size: 12px;
     font-family: "Roboto-Regular";  /*Arial, Helvetica, Sans-serif;*/        
     border-style: solid;
     border-radius: 5px 5px 5px 5px;           
     border-width: 1px;     
     border-color: #333;
     padding: 1px 6px; 
     box-shadow: 0 0 2px 0 #222;
     /*cursor: hand;
     cursor: pointer;*/
}

.clsmarker_label_title {
     background: url("./images/bground.png") repeat scroll 0 0 rgba(90, 90, 90, 0.5);
     width:35px;
     height:12px;
     color:#FFFFFF;
     font-size: 8px;
     font-family: "Roboto-Regular";  /*Arial, Helvetica, Sans-serif;*/        
     border-style: solid;
     border-radius: 5px 5px 5px 5px;           
     border-width: 1px;     
     border-color: #333;
     padding: 1px 0px; 
     text-align: center; 
     text-rendering:optimizelegibility;     
     /*cursor: hand;
     cursor: pointer;*/
}

.clsmarker_poi_label {
     background: transparent; /*url("./images/bground.png") repeat scroll 0 0 rgba(90, 90, 90, 0.5);*/
     width: auto;
     height: 14px;
     color: #FF9900;
     font-size: 11px;
     font-family: "RobotoCondensed-Regular";     /*"Roboto-Regular";*/  /*Arial, Helvetica, Sans-serif;*/        
     border-style: solid;
     border-radius: 5px 5px 5px 5px;           
     border-width: 0px;     
     border-color: #333;
     padding: 0px 0px; 
     font-weight: bold;
     text-shadow: 0 0 2px #000; /*0px 0px 2px #ff9900;*/     
     /*text-shadow: 0 1px 4px #000;*/     
     /*text-shadow: 1px 1px 1px #FFF;*/     
     /*text-shadow: 0px 1px 4px #FFF;*/
     text-rendering: optimizelegibility;     
     /*cursor: hand;
     cursor: pointer;*/
}

.clsmarker_poi_label_aux {
     background: transparent; /*url("./images/bground.png") repeat scroll 0 0 rgba(90, 90, 90, 0.5);*/
     width: auto;
     height: 14px;
     color: #FF9900;
     font-size: 11px;
     font-family: "RobotoCondensed-Regular";     /*"Roboto-Regular";*/  /*Arial, Helvetica, Sans-serif;*/        
     border-style: solid;
     border-radius: 5px 5px 5px 5px;           
     border-width: 0px;     
     border-color: #333;
     padding: 0px 0px; 
     font-weight: bold;
     text-shadow: 0 0 2px #000; /*0px 0px 2px #ff9900;*/     
     /*text-shadow: 0 1px 4px #000;*/     
     /*text-shadow: 1px 1px 1px #FFF;*/     
     /*text-shadow: 0px 1px 4px #FFF;*/
     text-rendering: optimizelegibility;     
     /*cursor: hand;
     cursor: pointer;*/
}

.menu_button {
  position:absolute;
  top:0px;
  left:10px;
  height:auto;
  width:auto;
  cursor:hand;
  cursor:pointer;
  text-align:left;
  padding-top:2px;
  font-weight:bold;
  font-size:10px;
  cursor:hand;
  cursor:pointer;
}

    .mybutton {
     vertical-align: middle;  
     border-width: 0px;
     font-size: 0.8em;       
     cursor: hand;
     cursor: pointer;
     height: 17px;   
     background: #333 url(./images/llsh.gif) repeat-x;     
     color: #fff;   
     padding: 0px;  
    }
    
.mybutton2 {
     vertical-align: middle;	
     border-width: 1px;
     font-size: 0.8em; 
     padding: 0px;  
     cursor: hand;
     cursor: pointer;	
     background: #333 url(./images/llsh.gif) repeat-x;
     color: #fff;     
}         

    SELECT {
     vertical-align: middle;  
     border-width: 0px;
     font-size: 0.8em;       
     height: 17px;   
     background: #FFFFFF;     
     color: #000000;   
     padding: 0px;  
    }   
    
.tab_head_tit {
      background:#333 url(./images/llsh.gif) repeat-x;
	color:#fff;
      font-weight: bolder;	
      font-family: "Arial";
      font-size: 1.25em;  
}

 .myselect {
     background-color: FFFFFF;
     font-size: 0.79em;       
     border: 0px; 
     color: blue;    
    } 
    
img.valign {
   /*height: 100%;*/
   vertical-align: middle;
   /*width: 0px;*/
}    



 /*--------------------------------------------------------------------------------------------------------------------------------------------------*/
.class_h1 {
      /*background:transparent;*/
      background: url("./images/bground.png") repeat scroll 0 0 rgba(90, 90, 90, 0);      
      position: absolute;
      border-style: solid;
      border-radius: 5px 5px 5px 5px;           
      border-width: 1px;     
      border-color: #333;
      padding: 1px 0px; 
      /*left: 0px;
      top: 50%;*/
      height: 12px;
      /*width: 100%;*/
      color: #DDD;
      font-size: 9px;
      font-family: "Roboto-Regular";  /*Arial, Helvetica, Sans-serif;*/        
      text-align: center;      
      text-rendering: optimizelegibility;     
      /*style="position:absolute;top:45%;left:0px;width:100%;text-align:center;"*/
}      
      
.class_h2 {
      /*background:transparent;*/
      background: transparent;  
      box-shadow: 0px 0px 4px 2px #121212;
      position: absolute;
      border-style: solid;
      border-radius: 4px 4px 2px 2px;           
      border-width: 1px;     
      border-color: #111111;
      padding: 1px 0px; 
      /*left: 0px;
      top: 50%;*/
      height: 12px;
      /*width: 100%;*/
      color: #DDD;
      font-size: 9px;
      font-family: "Roboto-Regular";  /*Arial, Helvetica, Sans-serif;*/        
      text-align: center;      
      text-rendering: optimizelegibility;     
      /*style="position:absolute;top:45%;left:0px;width:100%;text-align:center;"*/ 
}           

.cls_miniwindow4 {  
      position: absolute;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");
      /*background-color:#282828;
      background-size:16px 16px;*/
      border-width: 1px;
      border-color: #444444;
      border-style:solid;
      border-radius: 4px 4px 2px 2px;                                                                   
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');      
	color: #CCCCCC;	
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 9px;  /*0.80em;*/      
      margin:0px;
      padding:0px;   
}   

.map_poi2 {
      /*background:transparent;*/
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url("./images/bgb.jpg");      
      position: absolute;
      border-style: solid;
      border-radius: 5px 5px 5px 5px;           
      border-width: 0px;     
      border-color: #333;
      padding: 0px 0px; 
      /*left: 0px;
      top: 50%;*/
      height: 12px;
      /*width: 100%;*/
      padding-left:0px;
      padding-right:0px;      
      color: #DDD;
      font-size: 9px;
      font-family: "Roboto-Regular";  /*Arial, Helvetica, Sans-serif;*/        
      text-align: center;      
      text-rendering: optimizelegibility;     
      /*style="position:absolute;top:45%;left:0px;width:100%;text-align:center;"*/
}


.cls_minititle201 {
      background: -moz-linear-gradient(center top , #444444 0px, #13181D 60%) repeat scroll 0 0 #272727;
      position: absolute;
      border-style: solid;      
      border-width: 0px;
      border-color: #FF9900;      
      color: #FF9900;
      font-family: "Roboto-Regular";  /*"Helvetica";*/      
      text-rendering: optimizelegibility;     
	font-size: 11px;  
      font-weight: normal; /*bold;*/ 	
      vertical-align: middle;       	
      text-align: center; 
    padding: 10px 5px;
    margin: 0;      
}         

.infobox0 {
    background: #424242;
    width: 325px;    
    padding: 10px 5px 5px 5px;
    margin:10px;
    color: #fff;
    font-size: 90%;
}
.infobox2  {
    background: #3198dd;
    width: 325px;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
    font-size: 160%;
    text-align: center;
    font-weight: bold;
}    

.infobox2  {
    position:relative; 
    left:-15px;
}           

/*.infobox11 {
    background: #3198dd;
    width: 100%;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
    font-size: 160%;
    text-align: center;
    font-weight: bold;
}       */