@charset "utf-8";
* { margin: 0; padding: 0; }
html { min-height: 100%}
body {font-family:Arial; color:#000;  font-size:12px;/* for IE */ }
#header { position:relative; margin:0 auto; height:32px;	text-align: left; border:1px solid #dfdfdf; background:#f7f7f7; font-size:14px;padding:4px; }
#header a img { border:none; }
<style type="text/css">
body {    font-family:Trebuchet MS,Arial, Verdana, Lucida, serif, sans;
          font-size:10px;
        	color:#555555;
        	margin-left:0px;
        	margin-top:0px;
        	margin-right:0px;
        	line-height: 2em;
        } 
div {font-family:Trebuchet MS,Arial, Verdana, Lucida, serif, sans;
  font-size:14px;
	color:#555555;
	margin-left:0px;
	margin-top:0px;
	margin-right:5px;
	line-height: 1.5em;}
.head  {font-family:Trebuchet MS,Arial, Verdana, Lucida, serif, sans;
  border:1px solid #dfdfdf;
  background:#f7f7f7;
  font-size:14px;
	color:#555555;
	margin-left:0px;
        	margin-top:0px;
        	margin-right:5px;
  padding-top:2px;
}
input, select{
	 font-family:Trebuchet MS,Arial, Verdana, Lucida, serif, sans;
    border:2px solid #DBD9DB;
    margin: 10px 1px 2px 1px;
     vertical-align: MIDDLE;   
    padding-bottom: 1px;
    text-decoration: none;
    color: #555555;
    height: 30px;
}
.mosaic {
    border:0px ;
    margin: 2px; 
    height: 14px;
	width:14px;	
    padding-bottom: 1px;
    text-decoration: none;

}
.button0 {
   border: 1px solid #c4c4c4;
   background: #f2f2f2;
   padding: 3px 6px;
   color: #a0a0a0;
   text-shadow: rgba(255,255,255,1) .5px .5px 0;
   font-size: 14px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   margin:0px 5px 0px 5px;
   }
.button0:hover {
   background: #fafafa;
   color: #575757;
   }
.button1{
   border: 1px solid #a5a5a5;
   background: #e2e2e2;
   padding: 3px 6px;
   color: #767676;
   font-size: 14px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
    margin:0px 5px 0px 5px;
   }
.button1:hover {
   background: #fafafa;
   color: #373737;
   }

#searchDiv {
    float: left;
}
#searchBox {
     font-family:Trebuchet MS,Arial, Verdana, Lucida, serif, sans;
    font-size:16px;
    border:2px solid #DBD9DB;
   margin:10px 15px 10px 15px;
     vertical-align: MIDDLE;   
  padding:0 5px 0 4px;
  
    text-decoration: none;
    color:#555555;
    height: 40px;
}

#the_search {
    margin: 6px 0 0 0;
    height: 100px;
    vertical-align: top;
    display: none;
    position: relative;
}
#the_items b {
      position: relative;
      
      
} 

label {       
    border:1px solid #dfdfdf;
    background-color: #f0f0f0; 
    font-size: 12px; 
    color:#555555;
    CURSOR:pointer;
    vertical-align: MIDDLE;   
    padding:2px 5px 2px 10px;
     
   
}
.inp1 { border:1px solid #dfdfdf;        
        line-height:36px;
        font-size:16px;
        font-family:Verdana; 
        color:#555555; 
        height:36px;
      	vertical-align:middle;
        padding-top: 13px;    
		
        }
    
.inp2 { border:1px solid #dfdfdf;
        height:24px;
        font-size:12px;
        font-family:Verdana; 
        color:#555555;
        padding: 2px 2px 0px 2px;
        vertical-align: MIDDLE;   
        margin:10px 0px 20px 0;                
        }
        
.inp3 { border:0px;
        height:40px;
        font-size:24px;
        font-family:Verdana; 
        color:#a6a6a6;
        padding: 2px 2px 2px 2px;
        vertical-align: MIDDLE;                   
        }
        
.inp4 { border:1px solid #dfdfdf;
        height:40px;
        font-size:24px;
        font-family:Verdana; 
        color:#a6a6a6;
        padding: 2px 2px 2px 2px;
        vertical-align: MIDDLE; 
         margin:0px 0px 10px 0;                  
        }
.inp5 { border:0px solid #dfdfdf;
        height:40px;
        font-size:24px;
        font-family:Verdana; 
        color:#a6a6a6;
        padding: 2px 2px 2px 2px;
        vertical-align: MIDDLE; 
         margin:0px 0px 10px 0;                  
        }
.boton0 {
    font-family:Trebuchet MS,Arial, Verdana, Lucida, serif, sans;
    font-size:9px;
    border:0px solid #DBD9DB;
    background-color: #ffffff; 
    margin: 14px 1px 2px 1px;
    vertical-align: bottom;   
    padding-bottom: 1px; 
    text-decoration: none;
    color: rgb(104,104,104);
    height: 30px;
}
.boton{
        border:1px solid #dfdfdf;
        background-color: #f7f7f7; 
        color:#555555;
        CURSOR:pointer;
        padding:2px 5px 2px 10px; 
       }
.barra{
        border:1px solid #dfdfdf;
        background-color: #f7f7f7;  
        color:#555555;
        line-height: 1;
       }
.boton1{
        border:1px solid #dfdfdf;
        background-color: #ffffff;  
        color:#555555;
        CURSOR:pointer;
        padding:2px 2px 2px 2px; 
        margin:6px ;
        
       }
.boton2 { 
        
        background-color: #f7f7f7;
         border:1px solid #dfdfdf; 
        color:#555555;
        padding:2px 5px 2px 10px;
      
       }  
       
.boton3 {
          font-family:Trebuchet MS,Arial, Verdana, Lucida, serif, sans; 
     CURSOR:pointer;
       }   
.boton4{
        
        font-size: .9em; 
        margin-top:10px;
         CURSOR:pointer;
        
       }  
 .boton5{ 
 
    color:#555555;
    padding:2px 5px 2px 10px; 
 }  
 .boton6{
 CURSOR:pointer;
 } 
 .boton7 {
  font-size:.8em; 
  	color:#676767;
 
 }
 .sugest{
	border:1px solid #ffffff;
    font-family:Trebuchet MS,Arial, Verdana, Lucida, serif, sans;
    font-size:1.2em;
    padding:2px 2px 2px 10px;
    background-color: #f7f7f7; 
	width:48%;
	margin:5px 0 5px 0;
	}
 .sugest2{
	border:1px solid #ffffff;
    font-family:Trebuchet MS,Arial, Verdana, Lucida, serif, sans;
    font-size:1.2em;
    padding:2px 2px 2px 10px;
    background-color: #f7f7f7; 
	
	margin:5px 0 5px 0;
	}
 
 .default {color:#aaa; } 
 a.nohover.hover {
color: #474747;
background: #fffff;
text-decoration: none;
CURSOR:pointer;}    
         
 .boton8{
         font-family:Verdana; 
        font-size: 14px; 
        margin-top:10px;
        CURSOR:pointer;
        	color:#676767;
        
       }          
img {
  margin:2px;
   vertical-align: middle !important;
   vertical-align: text-middle;
   border:0;
    CURSOR:pointer;
} 
        

.
table {
  font-family:Trebuchet MS,Arial, Verdana, Lucida, serif, sans;
	color:#7a7a7a;
  font-size:.9em;
	margin-left:0px;
	margin-top:0px;
	margin-right:5px;
	line-height: 2em;
   }
table.tag {
  text-align:center;
}
   h1 {
	margin: 0px 0px 0px 0px;
	font-family:Verdana;Tahoma;
  font-size:1em;
	color:#676767;
  padding-left:0px; padding-top:5px; padding-bottom:1px;	 	
 }
  h2 {
	margin: 0px 0px 0px 0px;
	font-family:Verdana;Tahoma;
  font-size:1.2em;
	color:#676767;
  padding-left:2px; padding-top:5px; padding-bottom:1px;	 	
 }
 h3 {
  font-family:Verdana;
  font-size:.7em;
	color:#B6B6B6;
 }

  a:link {color: #555555;background: #fffff;text-decoration: none;CURSOR:pointer;}     /* unvisited link */
  a:visited {color: #555555; background: #fffff;text-decoration: none;CURSOR:pointer;}  /* visited link */
  a:hover {color: #404040; background: #d6d6d6;text-decoration: none;CURSOR:pointer;}   /* mouse over link */
  a:active {color:  #555555; background: #d6d6d6;text-decoration: none;CURSOR:pointer;}   /* selected link */
  a.class1:link {background: #fffff;text-decoration: none;CURSOR:pointer;}     /* unvisited link */
  a.class1:visited { background: #fffff;text-decoration: none;CURSOR:pointer;}  /* visited link */
  a.menu:hover {background: #fffff;text-decoration: none;CURSOR:pointer;}   /* mouse over link */
  a.class1:active {background: #e7e7e7 ;text-decoration: none;CURSOR:pointer;}   /* selected link */
  a.boton2:link,visited {color: #555555;background: #efefef; text-decoration: none;CURSOR:pointer;}    
  a.boton2:hover,active {color: #555555;background: #e7e7e7; text-decoration: none;CURSOR:pointer;}   /* mouse over link */
   a.boton3:link,visited {color: #474747;background: #fffff;text-decoration: none;CURSOR:pointer;}     /* unvisited link */
 
  a.boton3:hover,active {color: #000000; background: #d6d6d6;text-decoration: none;CURSOR:pointer;}   /* mouse over link */
    a.boton4:link {color: #474747;background: #fffff;text-decoration: none;CURSOR:pointer;}     /* unvisited link */
 
  a.boton6:hover{color: #474747;background: #fffff;text-decoration: none;CURSOR:pointer;}   /* mouse over link */
  a.imagen:hover {color: #000000; background: #ffffff;text-decoration: none;CURSOR:pointer;}
  a.nohover:hover {
color: #474747;
background: #ffffff;
text-decoration: none;
CURSOR:pointer;}  
a.Ntooltip {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color: #474747 !important; /* forzar color del texto */
background: #fffff;
CURSOR:pointer;
font-family:Verdana; 
font-size: .9em; 
}

a.Ntooltip:hover {
z-index:999; /* va a estar por encima de todo */
background-color:#d6d6d6;; /* DEBE haber un color de fondo */
color: #000000 !important;
}

a.Ntooltip span {
display: none; /* el elemento va a estar oculto */
}

a.Ntooltip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
bottom:1.8em; left:10em; /* donde va a estar */
width:120px; /* el ancho por defecto que va a tener */
padding:8px; /* la separación entre el contenido y los bordes */
background-color: #f7f7f7; /* el color de fondo por defecto */
color: #FFFFFF; /* el color de los textos por defecto */
}

</style>
