/*--- CSS para las cajas interactivas de la primera página---*/


/*--- Definición inicial---*/

#busk{
width: 204px;
height:88px;
background-image: url(../images/k-lo.gif);
 background-repeat: no-repeat;
 margin:0 0 10px 0;
 overflow: hidden;
}
#busk:hover{
 background-position:-217px top;

}

#publik{
width: 204px;
height:182px;
background-image: url(../images/k-lo.gif);
 background-repeat: no-repeat;
 background-position:left -100px;
}

#publik:hover{
 background-position:-217px -100px;
 }
 
#qesperas{
width: 204px;
height:88px;
background-image: url(../images/q-esperas.png);
 background-repeat: no-repeat;
 margin:10px 0 10px 0;
 overflow: hidden;
}
#qesperas:hover{
 background-position:-217px top;
 }

.col2half .col2 #busk ul{
display: block;
height: 88px;
border: 1px transparent solid !important;
border: 0;
margin:0;
padding:0
}

.col2half .col2{
padding: 0;
margin: 0}

/*------- rollovers para bus-k-lo------*/

#xcod, #xclas {
display: block;
width: 204px;
height:20px;
background-image: url(../images/k-lo2.png) !important;
background-image: url(../images/k-lo2.gif);
background-repeat: no-repeat;
}

#xclas a{
display: block;
width: 204px;
height:20px;

}

#xcod{
 margin: 33px 0 3px 0;
}

#xclas{
height:23px;
 background-position:0 -24px;
}

#xcod:hover{
 background-position:-217px 0px;
}

#xclas:hover{
 background-position:-217px -24px;
}

/*------- forma web xcod -*/

#xcod form{
margin: 0px;
padding: 0px;
height:19px;
width: 63px;
margin:0 0 0 110px}

#xcodinput{
width: 63px;
height:19px;
border: 1px black solid}

/*--- Roll overs para publiklo definicion ----*/

#xclas a span,
#publik ul li a span {display: none}
#p-uno span{display: none}


#publik ul{ margin:0 0 0 0; padding: 0;border: 1px transparent solid !important;border: 0;
}

#publik ul li{
display: block;
padding: 0;
margin: 0;
width: 204px;
height:33px;
/*height: 30px;*/
background-image: url(../images/k-lo2.png) !important;
background-image: url(../images/k-lo2.gif);
background-repeat: no-repeat;
}
#publik ul li a{
display: block;
width: 204px;
height:33px;
/*height: 30px;*/
}
#publik ul li.tag{
height:33px !important;
height: 30px;
}
#publik ul li.tag a.tips2{
height:33px !important;
height: 30px;
}
#publik ul li#p-uno{margin: 33px 0 0 0}


#publik ul li#p-cuatro{height:56px;}
#publik ul li#p-cuatro{height:56px !important;}

/*--- Roll overs para publiklo  ----*/

 #p-uno{background-position: 0 -100px}
 #p-dos{background-position: 0 -133px}
 #p-tres{background-position: 0 -166px}
 #p-cuatro{background-position: 0 -199px}
 
 #p-uno:hover{background-position: -217px -100px}
 #p-dos:hover{background-position: -217px -133px}
 #p-tres:hover{background-position: -217px -166px}
 #p-cuatro:hover{background-position: -217px -199px}
 

/*--- tag de despliegue de informacion  ----*/

.stretcher{
position: absolute;
top:-6px;
left: -18px;
width: 336px;
height:444px;
background-image: url(../images/mm_mask_label.gif);
background-repeat: no-repeat;
z-index: 120;
}



/*
a:link { color: blue }
a:visited { color: purple }
a:hover { color: purple }
a:active { color: red }
*/

/*--- Roll overs para descripción carro definicion----*/
#mmproddescr{
	bottom:30px !important;
	bottom: 52px;
	position:absolute;
	width:326px;
}

#mmproddescr ul li a span {display: none}

#mmproddescr ul{ margin:0 0 0 0; padding: 0;border: 1px transparent solid !important;border: 0;
}

#mmproddescr ul li{
display: block;
padding: 0;
margin: 0;
width: 108px;
height:162px;
float:left;
background-image: url(../../../images/stories/promo/vinh_auto.gif);
background-repeat: no-repeat;
}
#mmproddescr ul li a{
display: block;
width: 108px;
height:162px;
}

/*--- Roll overs para publiklo  ----*/

 #proddescr-uno{background-position: 0 0px}
 #proddescr-dos{background-position: -108px 0px}
 #proddescr-tres{background-position: -216px 0px}
 #proddescr-cuatro{background-position: 324px 0px}
 
 #proddescr-uno:hover{background-position: -0 -163px}
 #proddescr-dos:hover{background-position: -108px -163px}
 #proddescr-tres:hover{background-position: -216px -163px}
 #proddescr-cuatro:hover{background-position: -324px -163px}
 
/*--- Definicion inicial de boton followUs---*/


#followUs{
	width: 95px;
	height:29px;
	display:block;
	background-image: url(../images/follow_t_f.gif);
	background-repeat: no-repeat;
	 margin:32px 0 0 0;
	 overflow: hidden;
	 position: relative;
}

#twitter a span, #facebook a span{
display: none}

#twitter a, #facebook a{
	margin:1px solid red;
	display: block;
	position: absolute;
	top:0;
	left: 45px;
	width: 24px;
	height:29px;
	background-image: url(../images/follow_t_f.gif);
	background-repeat: no-repeat;
}

#twitter a{background-position: -45px 0px}

#facebook a{left:71px; background-position: -71px 0px}


/*--- Definicion rollovers de boton followUs---*/

 #twitter a:hover{background-position: -45px -29px}
 #facebook a:hover{background-position: -71px -58px}