@charset "utf-8";
/* CSS Document */
.cerrars { font-size:12px; color:#0000FF; }
#logo{  height:136px; position:relative; z-index:5}
.headerrel{color:#333333; font-weight:bold; font-size:24px; text-decoration:underline;  left:-20px;}
.fl{ float:left;}
.fr{ float:right;}
.mm{ position:relative;margin-left:3px}/*margen menu*/
#secciones{ top:95px; position:relative; overflow:visible}
.container{ font-family: "Trebuchet MS", Helvetica, Tahoma, Geneva, Arial, sans-serif; max-height:920px; margin-top:10PX}
.categoria{ position:relative; margin: 11px 0 0 10px; font-size:12px; width:210px; overflow:hidden}
.categoria2{ position:relative; margin: 11px 0 0 10px; font-size:12px; width:210px; overflow:hidden}
.categoria3{ position:relative; margin: 11px 0 20px 10px; }
.categoria2 a{ color:#333333; line-height:17px}
.categoria a{ color:#333333; line-height:18px}
.imgpp{max-height:75px; max-width:96px; vertical-align: middle; line-height:77px}
.datefa{ font-size:14px; float:right; line-height:37px; vertical-align:middle; font-stretch:narrower}/*fecha anuncios destacados*/
.bold{ font-weight:bold}
.fa{ font-size:22px;}/*anuncios destacados*/
#feat{ position:relative; margin-top:12px; width:310px  }/*featured ad div*/
.borderfa{ border:#f26522 solid 3px;  position:relative; margin-bottom:10px; width:300px; height:83px; max-height:83px; overflow:hidden;}/* border fa */
.borderfa a{ text-decoration: none; color:#000000}/* border fa */
#feat hr{ color:#f26522; overflow:visible}
.bfaimg{ border:#f26522 solid 1px; margin:3px 3px 0px 3px; height:77px;  overflow:hidden; background-color:#999999 }/* border fa */
.bfaimg2{ max-width:105px;}
.headfa{ font-size:12px; margin-left:3px}
.fatext{ font-size:11px; line-height:15px; border-top:#f26522 solid 1px; position:relative; margin: 0  3px 4px 2px;  height:60px; overflow:hidden; }
#catleft{ line-height:16px}
.banner{ overflow:visible; position:relative; top:-720px; left:782px; height:1px; max-height:2px; width:10px; max-width:11px}
#catright{ position:relative; left:-10px}
.over{ overflow:visible}
#search_box {    width: 100px;    height: 22px;    background: url(/displays/buscar.gif);	background-repeat:no-repeat;}
#search_box #s {    float: left;    padding: 0;    margin: 0px 0 0 5px;    border: 0;    width: 128px;    background: none; }
#s{font-size:15px;font-weight:800;color: #999999;}
#search_box #go {position:relative; top:-18px; left:80px;}
.nombre{ color:#FF3300; font-size:12px; position:relative; margin-top:-22px; margin-left:780px; width:100px; overflow: visible;  float:right}
.menuizq{ border:#F47321 solid 2px; position:relative; margin-top:3px; margin-left:3px; margin-bottom:3px; width:138px}
.menuizqti{ background-color:#F47321; font-weight:bold; text-align:center; color:#fff; width:139px  }
#resulthead{ background-color:#fff;  margin: 3px 0 0 0; font-size:12px; line-height:24px; height:24px; overflow:hidden;margin-top:10px}
.down{ position:relative; margin-top:2px}
.imgad{border:solid #f26522 1px; }
#resulthead a{ color:#000; font-weight:bold;font-size:12px; line-height:24px; height:24px;} 
#resulthead img{} 
.tabla1{ background-color:#F0F0F0}
.tabla2{ background-color:#FFFFFF}
.borderbox{ border:3px solid #272727; width:593px; margin-left:5px; background-color:#FDFC88}
.bordenaranja {border:1px solid #F26522;}
.borderbox:hover{ border:#f26522 1px solid; width:593px; margin-left:5px; background-color:#FFCC66}
.borderad{ border:#f26522 1px solid; width:593px; margin-left:5px}
.borderad:hover{ border:#f26522 1px solid; width:593px; margin-left:5px; background-color:#FDFC88}
.botnav li a{color:#000000;	text-decoration:none;display:block; padding:11px 33px;margin:0px;}
.botnav li a span{	font-size:80%;color:#888888;display:block;}
.botnav li a:hover, .botnav li a:hover span{background:#fff;color:#ededed!important;}
* html .botnav li a:hover{background:#fff;color:#fff;}
.botnav{list-style:none;font-size:12px;line-height:100%;font-weight:100;margin:0px;padding:0px;background:#fff;float:left;width:791px; position:relative;top:-8px; border-left: 1px #f26522 solid; border-bottom: 1px #f26522 solid;}
.botnav ul{margin:0px;padding:0px;float:left;width:100%;}
.botnav li{border-right:1px solid #f26522;float:left;display:block;	padding:0px;margin:0px;}
.space{ height:100px}
.adtitle{ font-size:22px; padding-bottom:5px; padding-top:15px}
.admisc{}
.adclass{ font-size:16px} 
.adweb{}
.catselect{ font-size:10px;}








.headchorizo{ font-size:16px; font-weight:bold; line-height:17px}
/*---------- bubble tooltip -----------*/
a.tt{  position:relative;  color:#3CA3FF;font-weight:bold;text-decoration:none;font-size:16px;}
a.tt span{ display: none;}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{    display:block;position:absolute;top:0px; left:500px;padding: 15px 0 0 0;width:200px;color: #993300;   text-align: center;	filter: alpha(opacity:90);KHTMLOpacity: 0.90;	MozOpacity: 0.90;	opacity: 0.90;}
a.tt:hover span.top{	display: block;	padding: 30px 8px 0;    background:  url(../misc/imgs/bubble.gif) no-repeat top;}
a.tt:hover span.middle{ /* different middle bg for stretch */display: block;padding: 0 8px; background:url(../misc/imgs/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{	display:block;padding:3px 8px 10px;color: #548912;background: url(../misc/imgs/bubble.gif) no-repeat bottom;}
.tabla2:hover{ background-color:#FDEEAD }
.tabla1:hover{ background-color:#FDEEAD}
.chorizo a{ text-decoration: none; color:#000000; position: relative; margin-top:0px}
#search_box2 {    width: 210px;    height: 22px;    background: url(/displays/form.gif);	background-repeat:no-repeat;}
#search_box2 #s2 {    float: left;    padding: 0;    margin: 0px 0 0 5px;    border: 0;    width: 200px;    background: none; }
#s2{font-size:15px;font-weight:800;color: #999999;}
#password{    float: left;    padding: 0;    margin: 0px 0 0 5px;    border: 0;    width: 200px;    background: none; }
#password{font-size:15px;font-weight:800;color: #999999;}

#search_box2 #go2 {position:relative; top:-18px; left:80px;}
.tdright{ text-align:right}  
.parrlogin{width:520px; position:relative; margin:30px auto 20px auto}
.parrlogin li{ font-size:12px}
.parrlogin a{ text-decoration:none;} 
.izqchi{ width:250px; font-size:10px; text-align:right; margin-left:200px}
#exA_cap{    float: left;    padding: 0;    margin: 0px 0 0 5px;    border: 0;    width: 200px;    background: none; }
#exA_cap{font-size:15px;font-weight:800;color: #999999;}
span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(/displays/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left; 
}
span.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(/displays/radio.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.select {
	position: absolute;
	width: 80px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 20px 0 8px;
	color: #333333;
	font: 12px/21px arial,sans-serif;
	background: url(/displays/select.png) no-repeat;
	overflow: hidden;
	border:0; 
}

.inputclass{border:0; background-image:url(/displays/input.png); height:19px; width:195px; padding-left:5px}
.inputclasszip{border:0; background-image:url(/displays/input.png); height:19px; width:195px; padding-left:5px}
.est{ background-color:#FFFFFF;background-repeat:no-repeat; border:0 }
.zipp{ background-image: url(/displays/fst.jpg); background-repeat:no-repeat }
.est2{ background-color:#FFFFFF;background-repeat:no-repeat; border:0; position:relative; margin-left:-150px }
.est3{ background-color:#FFFFFF;background-repeat:no-repeat; border:0; position:relative; margin-left:-60px; width:25px }

/*Display box*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/gallery/prevlabel.gif) left 10% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/gallery/nextlabel.gif) right 10% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNav{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
	/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	margin: 0px auto;

	padding: 0;
}
.gallery li {
	padding: 4px 4px 4px 4px;
	margin: 0;
	float: left;
	position: relative;
	width: 135px;
	height:135px;
}
.gallery li:hover img {
	border-color: #000;
}
.gallery img {
background:#FF8000
	border: solid 1px #888;
	padding: 1px;
	vert
}	
.gallery em {
	background: #fff  url(/spell/clasificados/images/grey-gradient.gif) repeat-y;
	color: #000;
	font-style: normal;
	padding: 0px 7px;
	display: block;
	position: absolute;
	top: 70px;
	left: 2	px;
	border: 1px solid #999;
	border-left-color: #888;
	font-size: 9px;
}
.gallery a {
	text-decoration: none;
}
.gallery a:hover em {
	background: #ffdb01  url(/spell/clasificados/images/orange-gradient.gif) repeat-y;
	border-color: #c25b08;
}
.msgvali{ color:#FF0000; font-weight:bold; padding:3px; }
.headertext{ font-size:24px; position:relative; margin: 10px 0 0 30px; }
.disclaimer{ font-size:9px}
.approved{ font-size:16px; position:relative; margin-left:300px; margin-top:100px}
.approvedtext{ font-size:14px; position:relative; padding-left:100px; padding-right:100px; padding-top:20px;}
.blv{ border-left:solid 1px #f26522; min-height:750px}
.magia{ display:none}

.cattitle{ padding:10px 0 0 0;}
.emilio h2 { font-size: 1.6em; margin-bottom: 0.2em; }
.emilio p{	font-size: 15px;	margin-bottom: 0.0em;}
.emilio a {	color: #0066FF;text-decoration: none;	}
.emilio a[href^="mailto"]:hover:after { content: " > " attr(title); }
.sbcity{ position:relative; margin-top:-47px; margin-left:700px}
.noresult{ padding-top:20px; font-size:16px;}
.redas{ color:#FF0000; font-weight:bold; font-size:16px}
.redas2{ color:#FF0000; font-weight:bold; font-size:12px}
.pricinglink{ font-size:10px; font-weight:lighter}
.denied{ font-size:16px; color:#FF0000;}
.busqueda{width:603px; float:left;  margin-left:-2px;  border-right:#F16F30 1px solid;}
.sbchori{ width:165px; padding-left:15px; float:left;}
.clasificadover{ margin-left:20px; }
.sbchori2{ border-right:#f26522 1px solid}
.featadimgs{ height:81px; overflow:visible; margin-top:-3px; border:0px;}
.catprinc{ width:207px; height:18px; color:#FFFFFF; background-color:#f57820; font-family:Arial, Helvetica, sans-serif; font-weight:900; font-size:20px; padding:2px 0 1px 3px; text-decoration:none; cursor:pointer; cursor:hand; }
.wunder a:link, .wunder a:link:hover, .wunder a:visited:hover, .wunder a:visited, .wunder{text-decoration:none; cursor:hand; cursor:pointer; color:#FFFFFF }
.botonclasi{color:#FFFFFF; background-color:#F57921; height:24px; line-height:24px; font-weight:900; font-size:16px; border:1px solid #747070; padding: 0 10px 0 10px }
.classprevitext{ font-size:16px; line-height:18px}
.spiffy{display:block}
.spiffy *{  display:block;  height:1px;  overflow:hidden;  font-size:.01em;  background:#000000}
.spiffy1{  margin-left:3px;  margin-right:3px;  padding-left:1px;  padding-right:1px;  border-left:1px solid #919191;  border-right:1px solid #919191;  background:#3f3f3f}
.spiffy2{  margin-left:1px;  margin-right:1px;  padding-right:1px;  padding-left:1px;  border-left:1px solid #e5e5e5;  border-right:1px solid #e5e5e5;  background:#303030}
.spiffy3{  margin-left:1px;  margin-right:1px;  border-left:1px solid #303030;  border-right:1px solid #303030;}
.spiffy4{  border-left:1px solid #919191;  border-right:1px solid #919191}
.spiffy5{  border-left:1px solid #3f3f3f;  border-right:1px solid #3f3f3f}
.spiffyfg{  background:#000000; color:#FFFFFF; height:4px; width:110px; position:relative; overflow:visible}
.textround{ background-color:#000000; color:#ffffff; position:relative; top:-4px; left:6px; width:100px; font-size:11px; font-weight:100; overflow:visible; line-height:10px}