div#columnLeft {
float: left;
width: 150px;
margin-left: 0px;
margin-top: 1em;
text-align: justify;
list-style: none;
font-size: 0.8em;

}
div#columnLeft_anuncios {
position: relative;
float: left;
width: 275px;
min-height:230px;
margin-left: 8px;
margin-top: 1em;
text-align: justify;
list-style: none;
font-size: 0.8em;

}
#columnLeft-croumbs {
float: left;
width: 100%px;
margin-left: 0px;
margin-top: 1em;
text-align: justify;
list-style: none;
font-size: 0.8em;

}
#column-central {
float: left;
width: 155px;
margin-left: 0px;
margin-top: 1em;
text-align: justify;
list-style: none;
font-size: 0.8em;

}
#column-central_1 {
float: left;
width: 155px;
margin-left: 0px;
margin-top: 1em;
text-align: justify;
list-style: none;
font-size: 0.8em;
z-index: 2;
}
#columnright {
margin-top: 1.66em;
padding-top:1em;
width: 260px;
margin: 0 1em 0px;
float: right;
text-align: justify;
list-style: none;
font-size: 0.8em;
min-height:386px;
}
div#columnRight_guia {
position: adsolute;
margin: 0px 0px 0px 0px;
float: right;
width: 230px;
min-height:275px;
text-align: justify;
list-style: none;
margin-right: 15px;}


	img.mini {
	 border: 0px solid red;
	 margin: 0px 10px 10px 0px;
	}
	 /* no border around left column images */
	div#minis a:hover {
	 background:#eee;
		} /* this seems to be necessary for it to work properly in IE6, I'm honestly not sure why */
	div#minis a img.big {
	 height: 0;
	 width: 100%;
	 border-width: 0;
	 
	 } /* hide the big image by making its height and width 0 */
	div#minis a:hover img.big {
	 position:absolute;
	 top:50px;
	 left:385px;
	 min-height:386px;
	 min-width: 200px;
	 max-width: 200px;
	 border: 0px solid red;
	 
	 } /* make the big image appear in the same space as the frame at right when the visitor hovers over one of the image in left column */
	
	#frame {
	 position:absolute;
	 top:0px;
	 left:3px;
	 height:355px;
 	 max-width: 95%px;
	 border: 0px solid black;
	 font: 1em "Trebuchet MS", Verdana, sans-serif;
	 color:red;
	 padding:10px

	 } /* create an empty frame so that visitors expect something to go there */
div#cerco{
 	position:relative;
    background-color: #eee;
    border: 0px solid black;
    margin: 8px;
    position: relative;
	z-index:1;
    min-height: 100%px;
	left: 0px auto;
	padding: 20px;
}
div#minis a:hover img.big-eines {
	 position:absolute;
	 top:30px;
	 left:370px;
	 min-height:100px;
	 min-width: 200px;
	 max-width: 200px;
	 border: 0px solid red;
	 }
div#minis a:hover img.big-motor {
	 position:absolute;
	 top:30px;
	 left:360px;
	 min-height:250px;
	 min-width: 230px;
	 max-width: 250px;
	 border: 0px solid red;
	 
	 }