body {
background-image: url(images/fondonaranja.jpg);
background-repeat: no-repeat; /* repeat-x; */
background-position: center top;
margin:0;
}

h1 {
text-align: right;
margin:0;
margin-top:16px;
margin-right: 30px;
margin-bottom: 16px;
text-transform: lowercase;
font-size: 24px;
font-weight:bold;
color: #616161;

}

h2{
color: #666;
font-size: 17px;
font-weight: bold;
margin-top:15px;
}

label {
font-weight: normal;
}

#encabeza {
height: 110px;
}




#divencab {
height: 140px; 
}

#colizq {
/*height: 360px; */
text-align: left;
}



.divrojo {
border: 1px solid #ff0000;
}

.divverde {
border: 1px solid #00ff00;
}

.divazul {
border: 1px solid #0000ff;
}

.divblanco {
border: 1px solid #ffffff;
}


.divrojob {
background-color: #ff0000;
}

.divverdeb {
background-color: #00ff00;
}

.divazulb {
background-color: #0000ff;
}

.divblancob {
background-color: #ffffff;
}



.menuizq {
margin: 0;
margin-top:20px;
list-style: none;
/*background-color: #ff0000; */
text-align: left;
width:280px;
}



#colizq li a {
display: block;
list-style: none;
}


#colizq li a.home {
background-image: url(images/b_inicio.gif);
background-repeat: no-repeat; 
background-position: top left; 
height: 40px;
display: block;
}

#colizq li a.home:hover {
   background-image: url(images/b_inicio.gif);
   background-position: bottom left; 
}


#colizq li a.empresa {
background-image: url(images/b_empresa.gif);
background-repeat: no-repeat; 
background-position: top center; 
height: 40px;
display: block;
}

#colizq li a.empresa:hover {
   background-image: url(images/b_empresa.gif);
   background-position: bottom center; 
}


#colizq li a.lubricantes {
background-image: url(images/b_lubricantes.gif);
background-repeat: no-repeat; 
background-position: top center; 
height: 40px;
display: block;
}

#colizq li a.lubricantes:hover {
   background-image: url(images/b_lubricantes.gif);
   background-position: bottom center; 
}


#colizq li a.noticias {
background-image: url(images/b_noticias.gif);
background-repeat: no-repeat; 
background-position: top center; 
height: 40px;
display: block;
}

#colizq li a.noticias:hover {
   background-image: url(images/b_noticias.gif);
   background-position: bottom center; 
}


#colizq li a.info {
background-image: url(images/b_info.gif);
background-repeat: no-repeat; 
background-position: top center; 
height: 40px;
display: block;
}

#colizq li a.info:hover {
   background-image: url(images/b_info.gif);
   background-position: bottom center; 
}


#colizq li a.clientes {
background-image: url(images/b_clientes.gif);
background-repeat: no-repeat; 
background-position: top center; 
height: 40px;
display: block;
}

#colizq li a.clientes:hover {
   background-image: url(images/b_clientes.gif);
   background-position: bottom center; 
}


#colizq li a.deportes {
background-image: url(images/b_deportes.gif);
background-repeat: no-repeat; 
background-position: top center; 
height: 40px;
display: block;
}

#colizq li a.deportes:hover {
   background-image: url(images/b_deportes.gif);
   background-position: bottom center; 
}


#colizq li a.contacto {
background-image: url(images/b_contacto.gif);
background-repeat: no-repeat; 
background-position: top center; 
height: 40px;
display: block;
}

#colizq li a.contacto:hover {
   background-image: url(images/b_contacto.gif);
   background-position: bottom center; 
}



.fondopie1 {
height: 30px;
background-color: #595959;

}

.fondopie2 {
height: 240px;
background-color: #3F3F47;
background-image: url(images/fondopie2.jpg);
text-align:center;
overflow: hidden;
}

.fondopie3 {
height: 8px;
background-color: #595959;
}

.pie {
   width: 940px;
   height: 100px;
   margin: 0 auto 0 auto;
   text-align: left;
}

.pie1 {
   float:left;
   width: 210px;  /* 210 + padding 70 = 280px*/
   height: 230px;
   background-color: #3F3f47;
   color: #ffffff;
   background-image: url(images/pie_contacto.gif);
   background-repeat: no-repeat;
   padding-left: 70px;
}

.pie2 {
   float:left;
   width: 310px;   /* es 310 + el padding 40 = 350px*/
   height: 230px;
   background-color: #3F3f47;
   color: #ffffff;
   background-image: url(images/pie_sucursal.gif);
   background-repeat: no-repeat;
   padding-left: 40px;
}
.pie3 {
   float:left; /* 298 + padding 12 = 310px*/
   width: 298px;
   height: 230px;
   background-color: #c1c1c1;
   color: #000000;
   font-size: 13px;
   line-height: 22px;
   padding-left: 12px;
   background-image: url(images/pie_mails.gif);
   background-repeat: no-repeat;
}

.titulopie {
font-size: 16px;
color: #ffffff;
}



/* ------se usa en seccion contacto ------------------- */

.subtitulo1 {
font-size: 17px;
font-weight: bold;

}

.linea13 {
line-height: 14px;
}

.contacto_email {
margin-left: 30px;
}

#areacomentario {
width: 270px;
height: 142px;

}

.linkemail {
color: #F37F05;
text-decoration: none;
}

.linkemail2 {
color: #3f3f3f;
text-decoration: none;
}


#contactofoto {
background-image: url(images/fondogris.jpg);
width: 615px;
height: 314px;
padding-left: 15px;
}

/* ------se usa en seccion noticias ppal ------------------- */
.noticia_parrafo {
width: 280px;
text-align: justify;
line-height: 12px;
}

#noticiappal_foto {
height: 155px;
}

.noticiappal_fin {
height: 40px;
}

.link_not {
color: #666;
text-decoration: none;
}

.link_noticiadet {
text-align: right;
/* border: 1px solid #ff0000; */
width: 280px;
}

.link_noticiadet a{
color: #666;     /* #D86620; */
text-decoration: none;
font-weight: bold;
}

#noticiatexto {
height: 109px;
overflow: hidden;
}

#infotecnicatexto {
height: 109px;
overflow: hidden;

}


/* ------se usa en seccion noticias det ------------------- */

.noticiadet_parrafo {
width: 300px;
text-align: justify;
line-height: 12px;
}

.noticiadet_template2_parrafo {
width: 600px;
text-align: justify;
line-height: 12px;
}

.noticiadet_template2_img {
width: 290px;
height: 140px;
/* background-color: #0000ff; */
float:right;
text-align: right;
}



/* -------- registro ------------------*/
#areadescripcion {
width: 356px;

}

/* ---- area clientes ----*/

.comoh1 {
margin:0;
margin-top:16px;
margin-right: 0px;
margin-bottom: 16px;
text-transform: lowercase;
font-size: 24px;
font-weight:bold;
color: #616161;

}

.imitah1 {
margin:0;
margin-top:16px;
margin-right: 30px;
margin-bottom: 16px;
text-align: right;
}

.comoh1peq {
margin:0;
margin-top:16px;
margin-right: 4px;
margin-bottom: 16px;
font-size: 16px;
font-weight:bold;
color: #616161;

}




/* --- parte del slider--- */
#sliderareacli {
height: 314px;
background-image: url(images/fondogris.jpg);
}

#screen {
padding-top:12px;
}

#screen li {
float:left;
list-style:none;
}

#screen .jq-ss-crop {
margin: 2px;
float:left;
}

#left, #right{

}


#view {
width:605px;
height:256px;
margin-left:12px;
overflow:hidden;
/* background-image: url(images/cuadro.jpg); */
}

#images{
width:3822px !important;
width:3822px;
padding:0;
}

#images li img{
border:0;

}

#slidernav {
text-align: right;
margin-right: 16px;
}

/* --- slider 2 --- */

#sliderareacli2 {
height: 314px;
background-image: url(images/fondogris.jpg);
}


#screen2 {
padding-top:12px;
}

#screen2 li {
float:left;
list-style:none;
}

#screen2 .jq-ss-crop {
margin: 2px;
float:left;
}

#left, #right{

}

#view2 {
width:605px;
height:256px;
margin-left:12px;
overflow:hidden;

}

#images2{
width:3822px !important;
width:3822px;
padding:0;
}

#images2 li img{
border:0;

}

#slidernav2 {
text-align: right;
margin-right: 16px;
}

/* --- nuestraempresa --- */

.textonuestraempresa1 {
text-align: justify;
line-height:15px;
/* font-family: Trebuchet, arial, sans-serif;*/
font-size: 14px;
}

.textonuestraempresa2 {
text-align: justify;
line-height:15px;
font-size: 14px;
}

.nuestraempresa_comp {
width: 280px;
text-align: justify;
line-height: 15px;
font-size: 14px;
}

#divnuestraempresa_rrhh {
background-image: url(images/nuestraempresa_rrhh.jpg);
background-repeat: no-repeat;

}

#divnuestraempresa_rrhh2 {

width: 280px;
text-align: justify;
line-height: 15px;
font-size: 14px;
}

#divnuestraempresa_rrhh3 {
width: 180px;
height: 120px;
text-align: justify;
float: right;
}




.divalto40{
height: 37px;
}

.divalto20{
height: 20px;
}


/* --- area clientes --- */

.textoareaclidescargas {
/* text-align: justify;  */
line-height:14px;
font-size: 12px;
}

.areaclibotondesc {
width: 280px;
text-align: right;  
}

#textareaclienteslogin {
text-align: justify;
line-height:15px;
font-size: 13px;
}

#textareaclienteslogin2 {
text-align: justify;
line-height:15px;
font-size: 13px;
}

#textareaclienteslogin3 {
text-align: justify;
line-height:15px;
font-size: 13px;
}


/* ----- Comp noticias  ----- */

.noticias_comp {
margin-top:20px;
width: 250px;
/* text-align: justify;*/
line-height: 15px;

color: #666;
font-size: 17px;
font-weight: bold;

}

.noticias_pag_comp {
width: 280px;
text-align: right;
color:#000;
}

.noticias_pag_comp a {
color:#D86620;
text-decoration: none;
}




/* ----- Comp Infotecnica  ----- */

.infotecnica_comp {
margin-top:20px;
width: 250px;
/* text-align: justify;*/
line-height: 15px;

color: #666;
font-size: 17px;
font-weight: bold;

}

.infotecnica_pag_comp {
width: 280px;
text-align: right;
color:#000;
}

.infotecnica_pag_comp a {
color:#D86620;
text-decoration: none;
}

/*------------------- pag inicio ------------------*/

#slideri1 {
height: 398px; // 340 iamgen + 40 boton +10 margen arriba + 4+ 4 margenes botones
background-color: #eee;
background-image: url(images/inicio_sliderfondo1.jpg);
/* border: 1px solid #aaa; */
}

#slideri12 {
margin-left:10px;
}


#si11 {
margin-left:0px;
}

#si12 {
margin-left:0px;
}

#si13 {
margin-left:0px;
}

#si14 {
margin-left:0px;
}

#slideri1nav {
text-align: right;
padding-right: 10px;
padding-top: 4px;
}


.divalto10{
height: 10px;
}

.divalto340{
height: 340px;
}

.divalto48{
height: 48px;
}


#slideri2 {
height: 310px;
background-color: #363647;
background-image: url(images/inicio_sliderfondo2.jpg);
}

#slideri21 {
height: 251px;
width: 601px;
margin-left:28px;
overflow:hidden;
}


#slideri22nav {
height: 42px;
width: 601px;
margin-left:28px;
overflow:hidden;
text-align: right;
margin-top: 2px;
}



#divmenu {
height: 40px; 


}

.menu {
margin: 0;
list-style: none;
text-align: left;
height: 40px; 
}


.menu li  {
float:left;

height: 30px; 


}


.menu li a {
list-style: none;

height: 30px; 
display: block;
}


.menu li a.mempresa {
background-image: url(images/inicio_bempresa.gif);
background-repeat: no-repeat; 
background-position: top left; 
width:178px;
height: 30px; 
}


.menu li a.mempresa:hover {
   background-image: url(images/inicio_bempresa.gif);
   background-position: bottom left; 
}



.menu li a.mnoticias {
background-image: url(images/inicio_bnoticias.gif);
background-repeat: no-repeat; 
background-position: top left; 
width:178px;
height: 30px; 
}


.menu li a.mnoticias:hover {
   background-image: url(images/inicio_bnoticias.gif);
   background-position: bottom left; 
}

.menu li a.minfo {
background-image: url(images/inicio_binfo.gif);
background-repeat: no-repeat; 
background-position: top left; 
width:130px;
height: 30px; 
}


.menu li a.minfo:hover {
   background-image: url(images/inicio_binfo.gif);
   background-position: bottom left; 
}

.menu li a.mautomovilismo {
background-image: url(images/inicio_bautomovilismo.gif);
background-repeat: no-repeat; 
background-position: top left; 
width:152px;
height: 30px; 
}


.menu li a.mautomovilismo:hover {
   background-image: url(images/inicio_bautomovilismo.gif);
   background-position: bottom left; 
}

.menu li a.mclientes {
background-image: url(images/inicio_bclientes.gif);
background-repeat: no-repeat; 
background-position: top left; 
width:135px;
height: 30px; 
}



.menu li a.mclientes:hover {
   background-image: url(images/inicio_bclientes.gif);
   background-position: bottom left; 
}


.menu li a.mcontacto {
background-image: url(images/inicio_bcontacto.gif);
background-repeat: no-repeat; 
background-position: top left; 
width:135px;
height: 30px; 
}


.menu li a.mcontacto:hover {
   background-image: url(images/inicio_bcontacto.gif);
   background-position: bottom left; 
}

.menu {
margin: 0;
list-style: none;
text-align: left;
height: 40px; 
}


.menu li  {
float:left;

height: 30px; 


}


.menu li a {
list-style: none;

height: 30px; 
display: block;
}


.menu li a.mempresa {
background-image: url(images/inicio_bempresa.gif);
background-repeat: no-repeat; 
background-position: top left; 
width:178px;
height: 30px; 
}


.menu li a.mempresa:hover {
   background-image: url(images/inicio_bempresa.gif);
   background-position: bottom left; 
}



.menu li a.mnoticias {
background-image: url(images/inicio_bnoticias.gif);
background-repeat: no-repeat; 
background-position: top left; 
width:178px;
height: 30px; 
}


.menu li a.mnoticias:hover {
   background-image: url(images/inicio_bnoticias.gif);
   background-position: bottom left; 
}

.menu li a.minfo {
background-image: url(images/inicio_binfo.gif);
background-repeat: no-repeat; 
background-position: top left; 
width:130px;
height: 30px; 
}


.menu li a.minfo:hover {
   background-image: url(images/inicio_binfo.gif);
   background-position: bottom left; 
}

.menu li a.mautomovilismo {
background-image: url(images/inicio_bautomovilismo.gif);
background-repeat: no-repeat; 
background-position: top left; 
width:152px;
height: 30px; 
}


.menu li a.mautomovilismo:hover {
   background-image: url(images/inicio_bautomovilismo.gif);
   background-position: bottom left; 
}

.menu li a.mclientes {
background-image: url(images/inicio_bclientes.gif);
background-repeat: no-repeat; 
background-position: top left; 
width:135px;
height: 30px; 
}


.menu li a.mclientes:hover {
   background-image: url(images/inicio_bclientes.gif);
   background-position: bottom left; 
}


.menu li a.mcontacto {
background-image: url(images/inicio_bcontacto.gif);
background-repeat: no-repeat; 
background-position: top left; 
width:135px;
height: 30px; 
}


.menu li a.mcontacto:hover {
   background-image: url(images/inicio_bcontacto.gif);
   background-position: bottom left; 
}

#divencabinicio {
height: 119px; 
}


/* ======================= slider1  =========================*/
#slider1 {
width: 630px;
height: 314px;
background-image: url(images/fondogris.jpg);
background-repeat:no-repeat;
overflow: hidden;
}

#slider1-topspace {
width: 700px;
height: 13px;
}

#slider1-nav {
width: 616px;
height: 42px;
text-align: right;
margin-top: 4px;
}

#slideshow1 {
width: 600px;  
height: 250px;
overflow:hidden; 
margin-left:15px;
}

#slideshow1 .prev{
color: #ff0000;
}

#slideshow1 .next{
color: #ff0000;
}

#slideshow12 {   
width: 600px;
}


.sliderdiv1a{
 background-color: #eee;
 width: 600px;
 height: 250px;
 float:left;
}

.sliderdiv1b{
 background-color: #000;
 width: 600px;
 height: 250px;      
 float:left;
}

/* ======================= fin slider1  =========================*/
/* ======================= slider2  =========================*/
#slider2 {
width: 630px;
height: 314px;
background-image: url(images/fondogris.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

#slider2-topspace {
width: 700px;
height: 13px;
}

#slider2-nav {
width: 616px;
height: 42px;
text-align: right;
margin-top: 4px;
}

#slideshow2 {
width: 600px;  
height: 250px;
overflow:hidden; 
margin-left:15px;
}

#slideshow2 .prev{
color: #ff0000;
}

#slideshow2 .next{
color: #ff0000;
}

#slideshow22 {   
width: 600px;
}

.sliderdiv2a{
 background-color: #ff0000;
 width: 600px;
 height: 250px;
 float:left;
}

.sliderdiv2b{
 background-color: #000;
 width: 600px;
 height: 250px;      
 float:left;
}

/* ======================= fin slider2  =========================*/

/*-------- comp area cli -----------------*/

#comp_areacli1 {
background-image: url(images/areaclientesideas.jpg);
background-repeat:no-repeat;

}

#comp_areacli2 {
width: 280px;
line-height: 15px;
font-size: 13px;
text-align: justify;
}

#comp_areacli3 {
width: 90px;
height: 30px;
text-align: justify;
float: right;

}

#comp_areacli5 {
background-image: url(images/areaclientes_llamanosgratis.jpg);
background-repeat:no-repeat;
height: 387px;
}

#comp_areacli6 {
font-size: 13px;
}

#comp_areacli7 {
font-size: 14px;
line-height: 15px;
}

.divalto110 {
height: 110px;
}


/*-------- fin comp area cli -----------------*/

/*-------- automovilismo -----------------*/
#auto1 {
background-color: #fff;
width: 300px;
height: 130px;   
float: right;
}

#auto2 {
background-color: #fff;
width: 300px;
height: 120px;   
float: right;
}

#lineaautomov {
margin-top:6px;
height: 6px;
}


/*-------- fin automovilismo -----------------*/


/*-------------------- pag inicio --------------------*/

#login_box {
  position:absolute;
  /* right:200px; */
  top:26px;
  width:185px;
  height:75px;  
  z-index:3000;
  display:none;
  background-image: url(images/loginfondo.gif);
  background-repeat: no-repeat;
  font-size: 11px;
}

#login_fila1 {
  height:22px;  
}

#login_error {
  width:115px;
  height:20px;  
  float:left;  
  color: #ff0000;
  text-align: left;
  padding-top: 2px;
  margin-left:5px
}

#login_cargando {
  width:30px;
  height:20px;  
  float:left;  
  color: #ff0000;
  text-align: center;
  padding-top: 2px;
  display: none;
}


#login_cerrar {
  float:left;
  width:25px;
  height:15px;    
  float: right;
  text-align: right;
  padding-top: 5px;
  padding-right: 4px;
}

#txtpasswordlogin {
margin-top:0px;
}

.loginform {
margin-left: 3px;
margin-top: 0px;
width: 150px;
float: left;
}


.loginform label {
font-weight: bold;
margin: 0px;
width: 50px;
display: block;
float:left;
}


.loginform input {
margin: 0px;
height: 17px;
width: 90px;
font-size: 11px;
}

.loginform2 {
float: right;
margin-right: 2px;
width: 24px;
}


/*-------------------- fin pag inicio --------------------*/

.bloke {
display: block;
}













#divmenuventana {
height: 134px; 
width: 268px;
position: absolute;
background-image: