/**************************************************************

	Web Site: www.hclogistica.cl
	Version	: 2.0
	Autor	: Pablo Vivanco Lara
	Agencia	: www.asesoriagrafica.cl

**************************************************************/
 
 

/* ------Para todo HOME HCLOGISTICA ------- */

* {
	margin: 0;
	padding:0;
	
}


body {
   font-size: 11px;
   font-family:arial,sans-serif;
   background:url(../images/bg5.gif) repeat-x;
   
}


span { 
   font-weight: bold;
   font-size: 12px;

}

 
/* ------Contenedor------- */

div#contenedor { 
   width: 900px;
   margin: 0 auto;
   display: block;
}
 

/* ------Cabecera------- */

div#cabecera { 
   width: 900px;
   height: 113px;
   

}

div#cabecera .logotipo {
   background: url(../images/logo.gif);
   width:138px;
   height:112px;
   text-indent: -9999px;
   overflow: hidden;
   float:left;
   margin-left:80px;
	    
} 
 
 
.menu {
   width: 510px;
   height: 30px;
   margin-top: 65px;
   float: left;
	    
} 
 
.menu li {
   list-style: none;
   float: left;
   padding-left: 5px;
		
}  
 

.menu li .activo {
   text-align:left; 
   padding: 10px 18px 9px 9px;
   font-size: 10px;
   text-decoration: none;
   background: url(../images/boton_activo.gif) no-repeat;
   display: block;
   color: white;
   

}  


.menu li .empresa {
   text-align:left; 
   padding: 10px 17px 9px 10px;
   font-size: 10px;
   text-decoration: none;
   background: url(../images/boton_inactivo.gif) no-repeat;
   display: block;
   color: gray;
   

}

.menu li .contacto {
   text-align:left; 
   padding: 10px 18px 9px 6px;
   font-size: 10px;
   text-decoration: none;
   background: url(../images/boton_inactivo.gif) no-repeat;
   display: block;
   color: gray;
   

}


.menu li a {
   text-align: left; 
   font-size: 10px;
   padding: 10px 18px 9px 9px;
   color:gray;
   text-decoration: none;
   display: block;
   background: url(../images/boton_inactivo.gif) no-repeat;
   	
}  
 
.menu li a:hover {
   color: white;
   background: url(../images/boton_activo.gif) no-repeat;
   
}  
 


/* ------Contenido------- */




/* ------banner------- */

div#contenido { 
   width: 900px;
   height: 600px;      

}

div#contenido div#banner { 
   width: 519px;
   height: 175px;
   margin: 0 auto;
   background: url(../media/home.swf);
   margin: 26px  auto 0 auto;

}




/* ------servicios DESCARGA------- */


div#servicios { 
   width: 900px;
   height: 212px; 


}

div#servicios div#descarga { 
   width: 155px;
   height: 155px;
   margin-top: 30px;
   background:url(../images/descarga3.gif) no-repeat;
   float: left;    

}
 

div#servicios div#descarga ul { 
   width: 80px;
   height: 22px;
   margin-top: 115px;
   margin-left: 35px;

}


div#servicios div#descarga ul li { 
   list-style: none;
   padding: 0;
   border: 0; 

}

div#servicios div#descarga ul li a { 
   text-align: center; 
   font-size: 10px;
   color:white;
   padding: 5px 0 10px 5px;
   text-decoration: none;
   display: block;
   background: url(../images/descarga_btn_off.gif) no-repeat;

   	
}  
 
div#servicios div#descarga ul li a:hover {
   background: url(../images/descarga_btn_on.gif) no-repeat;
   
} 




/* ------servicios GALERIA------- */


div#servicios div#galeria { 
   width: 439px;
   height: 211px;
   float: right;
   margin-right: 80px;
   background: url(../images/servicios_home.gif) no-repeat;
   
   

}


.texto_servicio1{ 
   width: 127px;
   height: 112px;
   float: left;
   padding: 0 0 0 20px;
   margin-top: 80px;

}

.texto_servicio2{ 
   width: 127px;
   height: 112px;
   float: left;
   padding: 0 0 0 25px;
   margin-top: 80px;

}

.texto_servicio3{ 
   width: 127px;
   height: 90px;
   float: right;
   margin-top: 80px;


}

.texto_servicio1 h1, .texto_servicio2 h1, .texto_servicio3 h1  { 
   font-size: 11px;
   color: #626157;
   text-align: center;
   width: 90px;


}

.texto_servicio1 p, .texto_servicio2 p, .texto_servicio3 p  { 
   font-size: 10px;
   color:white;

}

.texto_servicio1 a, .texto_servicio2 a, .texto_servicio3 a  { 
  
   background: url(../images/ver_mas_home.gif) no-repeat;
   display: block;
   width: 105px;
   height: 14px;

}





/* ------servicios ALIANZAS------- */


div#servicios div#alianza { 
   width: 155px;
   height: 155px;
   margin-top: 30px; 
   float:right; 
   background: url(../images/datos.gif) no-repeat; 
    

}



/* ------eventos HC------- */

div#eventos { 
   width: 787px;
   height: 187px;
   margin: 4px auto 0 auto;
   background: url(../images/galeria_home_HC.gif) no-repeat;


}



div#eventos .fila_uno { 
   width: 380px;
   height: 155px;
   margin:10px 50px 0 0;
   float: right;
   display: inline;


}

		div#eventos .fila_uno li { 
        list-style:  none;
        display: inline;
        padding-top: 2px;
        text-decoration: none;
        
        
        }



		div#eventos .fila_uno li a:hover{ 
        background-color: gray;
        }
















/* ------footer HC------- */

div#footer { 
   width: 795px;
   height: 73px;
   background: url(../images/footer.gif) no-repeat;
   margin: 30px 35px 0 0;
   *margin: 60px 35px 0 0;
   float:right;
   display:inline;

}

div#registro { 
   width: 500px;
   margin: 0 0 0 125px;

}

div#registro p { 
   font-size: 9px;
   text-align: center;
   color: #a2a2a2;
   
}

div#registro p a { 
   font-size: 9px;
   color: #a2a2a2;
   text-decoration: none;

   
   
}

div#registro p a:hover { 
   font-size: 9px;
   color: #484848;
   text-decoration: underline;
   
   
}