@charset "utf-8";
/* CSS Document */

html {
	height:100%;
	padding:0px;
	margin:0px;
}
body {
	height:100%;
	font-family: "Lucida Sans Unicode","Lucida Grande","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
	font-size:12px;
	padding:0px;
	margin:0px;
}



#map{
width:10px;
background-color:#00FF33;
overflow:hidden;
float:left;
height:515px;
/*border:solid 2px #0000FF;*/
}



#bocadillo{
display:block;
color:#000000;
width:250px;
height:170px;
/*background-color:#00FF33;*/
margin-right:0px;
}
#bocadillo h1{
font-size:13px;
font-weight:bold;
color:#000000;
margin-bottom:0px;
}

#bocadillo h3{
font-size:13px;
font-weight:bold;
color:#000000;
}
#bocadillo #foto{
float:left;
margin-right:5px;
height:100px;
width:100px;
}
#bocadillo #ubicacion{
font-size:11px;
font-style:italic;
margin-bottom:8px;
}
#bocadillo #precio{
font-size:11px;
font-style:normal;
font-weight:bold;
float:right;
padding-right:19px;
padding-top:2px;
color:#499145;
background-image:url(../imagenes/mapa/dinero.png);
background-repeat:no-repeat;
background-position:right top;
}


#bocadillo #texto{
font-size:10px;
height:75px;
}

#bocadillo #falsovinculo{
font-size:10px;
font-weight:normal;
color:#0000CC;
text-decoration:underline;
/*text-indent:10px;
text-align:justify;*/
}

#bocadillo #vertelefono{
	width:232px;
	height:20px;
	/*background-color:#FF0000;*/
	font-size:11px;
	text-align:left;
	cursor:pointer;
	background-image:url(../imagenes/mapa/telefono.png);
	background-repeat:no-repeat;
	background-position:105px top;
	padding-left:120px;
	padding-top:1px;
	font-weight:bold;
	margin-top:10px;
}

#bocadillo #enviar_email{
	width:99px;
	height:21px;
	cursor:pointer;
	background-image:url(../imagenes/mapa/botones-infowindow.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	float:left;
	margin-right:9px;
	margin-top:5px;
}
#bocadillo #recomendar{
	width:21px;
	height:21px;
	cursor:pointer;
	background-image:url(../imagenes/mapa/botones-infowindow.gif);
	background-repeat:no-repeat;
	background-position:-99px 0px;
	display:block;
	float:left;
	margin-right:6px;
	margin-top:5px;
}
#bocadillo #afavoritos{
	width:21px;
	height:21px;
	cursor:pointer;
	background-image:url(../imagenes/mapa/botones-infowindow.gif);
	background-repeat:no-repeat;
	background-position:-120px 0px;
	display:block;
	float:left;
	margin-right:6px;
	margin-top:5px;
}
#bocadillo #gps{
	width:21px;
	height:21px;
	cursor:pointer;
	background-image:url(../imagenes/mapa/botones-infowindow.gif);
	background-repeat:no-repeat;
	background-position:-141px 0px;
	display:block;
	float:left;
	margin-right:6px;
	margin-top:5px;
}
#bocadillo #comollegar{
	width:21px;
	height:21px;
	cursor:pointer;
	background-image:url(../imagenes/mapa/botones-infowindow.gif);
	background-repeat:no-repeat;
	background-position:-162px 0px;
	display:block;
	float:left;
	margin-right:6px;
	margin-top:5px;
}
#bocadillo #masinfo{
	width:21px;
	height:21px;
	cursor:pointer;
	background-image:url(../imagenes/mapa/botones-infowindow.gif);
	background-repeat:no-repeat;
	background-position:-183px 0px;
	display:block;
	float:left;
	margin-right:6px;
	margin-top:5px;
}

#categorias {
	width:210px;
	height:515px;
	z-index:0;
	border:none;
	margin:0px;
	padding:0px;
	float:left;
}

#lupa{
float:right;
margin-top:2px;
margin-right:0px;
}

.celda_rotulo input{
margin-top:4px;
margin-left:4px;
padding-right:20px;
}
#rotulo_categorias{
font-size:13px;
padding:2px;
padding-left:22px;
background-image:url(../imagenes/mapa/flecha_trans.png);
background-position:0px 0px;
background-repeat:no-repeat;
background-color:#06053E;
color:#FFFFFF;
height:20px;
}

#rotulo_categorias_mini{
font-size:11px;
padding:2px;
padding-left:22px;
color:#BED600;
height:20px;
font-weight:bold;
}


#marco_utilidades {
	width:290px;
	height:500px;
	border:none;
	/*background-color:#00CCFF;*/
	overflow:hidden;
	z-index:0;
	float:right;
	/*border:#FF0000 solid 2px;*/
}
#utilidades {
	width:290px;
	height:475px;
	z-index:2;
	padding-left:0px;
	background-color:#FFFFFF;
	border:none;
	/*border:#FFff00 solid 2px;*/
}

#infoover {
	position:absolute;
	width:191px;
	height:50px;
	padding-left:13px;
	padding-right:13px;
	padding-top:5px;
	text-align:center;
	z-index:3;
	background-image:url(../imagenes/mapa/info-over.png);
}

ul#lateral {
width: 288px;
list-style: none;
padding: 0;
margin: 0;
margin-left:2px;
margin-top:5px;
display: inline;
float: left;
border-bottom: 1px Solid #CCCCCC;
}

ul#lateral li {
width: 65px;
display: block;
float: left;
text-align: center;
margin-right: 3px;
margin-left: 3px;
position: relative;
top: 1px;
}

ul#lateral li a {
width: 65px;
height:18px;
display: block;
background: #fff;
border: 1px Solid #CCCCCC;
border-bottom:none;
text-decoration: none;
color:#666666;
/*text-transform:uppercase;*/
font-size:13px;
}

ul#lateral li a:hover {
width: 65px;
display: block;
background:#06053E;
border: 1px Solid #CCCCCC;
color:#FFFFFF;
text-decoration: none;
}


ul#lateral li a.actual {
padding-top:2px;
width: 65px;
display: block;
/*background:#CCCCCC;*/
border-top: 1px Solid #CCCCCC;
border-right: 1px Solid #CCCCCC;
border-left: 1px Solid #CCCCCC;
border-bottom: 1px Solid #fff;
text-decoration: none;
}
.contenedor {
width: 280px;
height:505px;
background: #fff;
float: left;
margin: 0;
margin-top:10px;
padding:5px;
overflow-x:hidden;
overflow-y:scroll;
display:none;
/*border:1px solid #000000;
border-top: none;*/
}

#hist,#favo,#acti{
width:270px;
margin-left:10px;
overflow:hidden;
padding-top:10px;
}


#ruta{
text-align:center;
}

#utilidades #item{
border-bottom:solid 1px #CCCCCC;
height:100px;
margin-bottom:15px;
}

#utilidades #item a{
width:250px;
display:block;
overflow:hidden;
float:left;
font-size:11px;
/*border:solid 1px #0000FF;*/
}


#utilidades #item #foto{
width:50px;
height:50px;
background-color:#fff;
background-position:center;
background-repeat:no-repeat;
float:left;
margin-right:5px;
margin-top:5px;
}

#utilidades #item #precio{
margin-top:0px;
width:45px;
height:18px;
float:right;
text-align:right;
font-weight:bold;
background-image:url(../imagenes/mapa/mini-precio.gif);
background-repeat:no-repeat;
padding-top:2px;
padding-right:4px;
}
#utilidades #item #textos{
margin-top:4px;
width:210px;
height:30px;
/*background-color:#f00;*/
float:right;
}


#utilidades #item #funciones{
margin-top:4px;
width:200px;
height:16px;
background-color:#fff;
float:right;
text-align:right;
}


#utilidades #item #funciones #comollegar{
	width:18px;
	height:14px;
	background-image:url(../imagenes/mapa/miniiconos.gif);
	background-position: 92px 0px;
	margin:0px;
	padding:0px;
	display:block;
	cursor:pointer;
	float:right;
	margin-left:4px;
}

#utilidades #item #funciones #gps{
	width:18px;
	height:14px;
	background-image:url(../imagenes/mapa/miniiconos.gif);
	background-position: 73px 0px;
	margin:0px;
	padding:0px;
	display:block;
	cursor:pointer;
	float:right;
	margin-left:4px;
}
#utilidades #item  #eliminar{
	width:16px;
	height:14px;
	background-image:url(../imagenes/mapa/eliminar.png);
	background-position: 0px -1px;
	margin:0px;
	padding:0px;
	display:block;
	cursor:pointer;
	float:right;
	margin-left:4px;
}

#utilidades #item #funciones #contactar{
	width:50px;
	height:14px;
	background-image:url(../imagenes/mapa/miniiconos.gif);
	background-position: 50px 0px;
	margin:0px;
	padding:0px;
	display:block;
	cursor:pointer;
	float:right;
	margin-left:4px;
}




#barrasuperior {
	width:100%;
	margin-left:0px;
	height:24px;
	z-index:5;
	background-image:url(../imagenes/mapa/barra_gris.png);
	border:none;
	padding-top:2px;
	text-align:left;
	border-bottom:1px solid #000000;
}


#barrasuperior img{
margin-right:0px;
margin-left:5px;
float:left;
}
 
#divisor{
height:25px;
width:0px;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #FFFFFF;
margin-left:5px;
margin-top:-2px;
float:left;
}


#barrainferior {
	width:100%;
	height:18px;
	padding:2px;
	z-index:2;
	background-image:url(../imagenes/mapa/barra_gris.png);
	background-color:#f00;
	border:none;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	overflow:hidden;
}


#idmunicipio{
font-size:11px;
width:135px;
}
#idprovincia{
width:135px;
}
#idpais{
width:135px;
}

#inputbuscador{
border:solid 1px #CCCCCC;
text-align:left;
margin-bottom:5px;
height:23px;
width:182px;
float:left;
}
#inputbuscador input{
width:158px;
float:left;
font-size:12px;
color:#999999;
border:none;
margin-top:2px;
margin-left:2px;
}
#span_coordenadas{
margin-left:5px;
padding-top:3px;
padding-left:45px;
background-image:url(../imagenes/mapa/info_coordenadas.png);
background-position:left;
background-repeat:no-repeat;
}
#info_distancia{
margin-left:5px;
}
#span_distancia{
margin-top:8px;
padding-top:2px;
padding-left:45px;
background-image:url(../imagenes/mapa/info_distancia.png);
background-position:left;
background-repeat:no-repeat;
}

#celda_cat2{
display:none;
position:absolute;
top:103px;
width:17px;
height:18px;
background-color:#0000FF;
cursor:pointer;
}
#celda_util2{
display:none;
position:absolute;
top:103px;
right:0px;
width:17px;
height:18px;
background-color:#0000FF;
cursor:pointer;
}

.paginacion{
width:15px;
height:15px;
border:solid 1px #BED600;
background-color:#FFFFFF;
display:block;
float:right;
margin-right:5px;
text-align:center;
cursor:pointer;
}

#contador_empresas{
float:left;
width:100px;
color:#999999;
font-style:italic;
}