/* MAPCITY.COM - Layout*/
/*CSS RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,*{
	margin:0;padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
.listRowTemplate_template_pyme {
    position: relative;
    list-style-type: none;
    overflow: visible;
    margin-left: 6px;
    padding: 0px;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-color: rgb(224, 224, 224);
    width: 97%;
	top:0;
	bottom:0;
    height: 20px;
	padding-bottom:10px;

}
 .listRowTemplate_template_pyme:hover{
	 background-color:#e4f1ff;
	 
	 }
.rowTitleDiv_template_pyme{
	position:absolute;
	top:0;
	height:15px;
	left: 10px;
	right:0px;
	width:100%;
	bottom:0;
	overflow: visible;
	/*border-width:thin;
	border-color:#F00;
	border-style:solid;
	*/}	 

.rowTitleTable_template_pyme {
	position:relative;
	display:table;
	width:100%;
	height:100%;
	overflow: visible;
	/*border-width:thin;
	border-color:#0F3;
	border-style:solid;
	*/
	
}	

.rowTitle_template_pyme {
    position: relative;
	vertical-align:middle;
	
	display:table-cell;
    color: black;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 11px;
    text-overflow: ellipsis;
    overflow: visible;
    white-space: nowrap;
	height:15px;
	overflow:visible;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;op
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
}
q:before,q:after{
	content:'';
}


/*GENERAL*/
html{
	overflow: hidden;
	height: 100%;
	max-height:100%;
}

#PhotoPyme {
font-size:10px;
left:0;
padding-bottom:10px;
padding-top:10px;
position:relative;
top:0;
width:300px;
}


body {
	/*background-color: #3b5997;*/
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;

	width: 100%;

	font-family: Tahoma, Tahoma, Arial, Sans-serif;
	/* background-color: #3b5997; */
	color: #003f81;
	font-size: 12px;
}

div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 105px;


	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 110px;
	/* max width here, for users without javascript */	
	width: 1500px;	
	padding: 15px 0 0 15px; 
	/* removing default styling */
	margin: 0;
	background: url('navigation.png');		
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {

}




.uiTooltipWrap {
background-position:left bottom;
background-repeat:no-repeat;
bottom:100%;
display:block;
left:0;
top:-5px;
position:absolute;
z-index:10;
}
.uiTooltipText {
background-color:#282828;
color:#red !important;
display:block;
left:0;
padding:3px 8px 4px;
white-space:nowrap;

}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 3px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}



#back {
	display: block;
	width: 500px;
	text-align: center;
	color: #003469;
	font-size: 16px;
}


















































a:link, a:visited, underline {
	border-color:#00F;  
    border-style:none;   	
    border-width:0;
	text-decoration:none;
}


a:hover {
	
	text-decoration: underline !important;
	cursor: pointer !important;
}
.wh{
color:white;
}
strong {
	font-weight: bold !important;
}
.pointer{
	cursor: pointer;
}
/* POI */
.lipoi{
	display: block;
	height: 20px;
}

.lipoi:hover{
	font-weight: bold;
	color: #ff6600;
	background-color: #ffffcc;
}

.lipoi span{
	margin-top: 2px;
	margin-left: 5px;
	float: left;
}

.lipoi img{
	margin-left: 5px;
	width: 18px;
	height: 18px;
	float: left
}

.lipoi input{
	margin-right: 5px;
	float: right;
	cursor: pointer;
}

/* FADEBOX*/

.fadebox {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index:10001;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}
.overbox {
  display: none;
  position: absolute;
  top: 10%;
  left: 25%;
  width: 50%;
  height: 75%;
  z-index:10002;
  overflow:auto;
  background-color:#FFF;
}
#content {
  background: #FFFFFF;
  border: solid 3px #CCCCCC;
  padding: 10px;
}
</style>

/* PHOTOS */
/*.resultado{
	display: none;
}
li.resulfotos {
	margin-right: 1px;
	display: inline;
	width: 45px;
	height: 35px;
}
.resulfotos img {
	border-color: white;
	border-style: solid;
	border-width: 4px;
	width: 45px;
	height: 35px;
}

.resulfotos img:hover {
	border-color:#F90;
	border-style: solid;
	border-width: 4px;
	width: 45px;
	height: 35px;
}

.resulfoto{
	float: left;
	
}

.addphoto{
position:absolute;
top:2px;
right:5px;
	}

.resulfoto img {
	width: 45px;
	height: 35px;
}

#PhotoEnvironment{
	padding-top: 10px;
	font-size: 10px;
	padding-bottom:10px;
}

.photoMeddium{
	cursor:pointer;
	border-color: white;
	border-style: solid;
	border-width: 4px;
	height: 70px;	
}
.photoMeddium img:hover{
	cursor:pointer;
	border-color: #F90;
	border-style: solid;
	border-width: 4px;
	height: 70px;	
}
*/
/* PHOTOS */
.resultado{
	display: none;
}

li.resulfotosTool {
	margin-right: 1px;
	display: inline;
	width: 90x;
	height: 70px;
}
.resulfotosTool img {
	border-color: white;
	border-style: solid;
	border-width: 4px;
	width: 90px;
	height: 70px;
}

.resulfotosTool img:hover {
	border-color:#1f79ac;
	border-style: solid;
	border-width: 4px;
	width: 90px;
	height: 70px;
    -webkit-border-top-right-radius: 5px 5px;
    -webkit-border-top-left-radius: 5px 5px;
	
    -moz-border-radius-topright: 5px 5px;
    -moz-border-radius-topleft: 5px 5px;	
	
    -webkit-border-bottom-right-radius: 5px 5px;
    -webkit-border-bottom-left-radius: 5px 5px;
	
    -moz-border-radius-bottomright: 5px 5px;
    -moz-border-radius-bottomleft: 5px 5px;		
}

.resulfotoTool{
	float: left;
	
}



li.resulfotos2 {
	margin-right: 1px;
	display: inline;
	width: 25px;
	height: 17px;
}
.resulfotos2 img {
	border-color: white;
	border-style: solid;
	border-width: 4px;
		width: 25px;
	height: 17px;
}

.resulfotos2 img:hover {
	border-color:#1f79ac;
	border-style: solid;
	border-width: 4px;
	width: 25px;
	height: 17px;
    -webkit-border-top-right-radius: 5px 5px;
    -webkit-border-top-left-radius: 5px 5px;
	
    -moz-border-radius-topright: 5px 5px;
    -moz-border-radius-topleft: 5px 5px;	
	
    -webkit-border-bottom-right-radius: 5px 5px;
    -webkit-border-bottom-left-radius: 5px 5px;
	
    -moz-border-radius-bottomright: 5px 5px;
    -moz-border-radius-bottomleft: 5px 5px;		
}

.resulfoto2{
	float: left;
}


li.resulfotos {
	margin-right: 1px;
	display: inline;
	width: 45px;
	height: 35px;
}
.resulfotos img {
	border-color: white;
	border-style: solid;
	border-width: 4px;
	width: 45px;
	height: 35px;
}

.resulfotos img:hover {
	border-color:#1f79ac;
	border-style: solid;
	border-width: 4px;
	width: 45px;
	height: 35px;
    -webkit-border-top-right-radius: 5px 5px;
    -webkit-border-top-left-radius: 5px 5px;
	
    -moz-border-radius-topright: 5px 5px;
    -moz-border-radius-topleft: 5px 5px;	
	
    -webkit-border-bottom-right-radius: 5px 5px;
    -webkit-border-bottom-left-radius: 5px 5px;
	
    -moz-border-radius-bottomright: 5px 5px;
    -moz-border-radius-bottomleft: 5px 5px;		
}

.resulfoto{
	float: left;
	
}

.addphoto{
position:absolute;
top:2px;
right:5px;
	}

.resulfoto img {
	width: 45px;
	height: 35px;
}

#PhotoEnvironment{
	padding-top: 10px;
	font-size: 10px;
	padding-bottom:10px;

	position:relative;
	top:0px;
	left:0px;
	width:234px;
	
}

.photoMeddium{
	cursor:pointer;
	border-color: white;
	border-style: solid;
	border-width: 4px;
	height: 70px;	
}
.photoMeddium img:hover{
	cursor:pointer;
	border-color: #1f79ac;
	border-style: solid;
	border-width: 4px;
	height: 70px;	
}

#StartArea {
	height:100px;
	
}



/* ALIGNS */
.clear {
	clear:both;
}
.fleft {
	float: left;
}
.inline{
	display: inline;
}
.center {
	text-align: center;
}
.txtright {
	text-align: right;
}
.pad5 {
	 padding: 5px; 
}


select{
	text-align: right;
}

/* Banners */
#banner {
	display: none;
	float: right;
	z-index: -1;
	height: 60px;
	width: 468px;
}
.bannerpd {
	background-color:  #3b5997;
	margin-left: 5px;
	display: none;
	float: right;
	z-index: -1;
	height: 60px;
	width: 234px;
	overflow: hidden;
}
.ItemDetailTitle{
	
	}
	
.ItemDetail a{
	color:#03C;
	}
	
.TrashResults{
	cursor:pointer;
	position:absolute;
	right:5px;
	top:4px;
	display:none;
	z-index:500;
	}	

.backbutton{
	
	
	}

/* loading */
#loadingglobal{
	position:absolute;
	top:15px;
	width:14px;
	height:14px;
	right:681px;
	z-index:4999;
	background-image:url(img/loading.gif);
	background-repeat:no-repeat;
	display:none;
	}
#loadingsearch{
	position:absolute;
	top:167px;
	left:190px;
	z-index:50000000;
	width:20px;
	height:20px;
	background-image:url(img/loadingsearch.gif);
	background-repeat:no-repeat;
	display:none;

	}


#loading {
	font-weight: bold;
	left: 0px;
	top: 0px;
	bottom:0;
	position: absolute;
	background-color: #FFF;
	text-align: center;
	height:0;
	width: 100%;
	z-index: 10000;
	alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	background:url(../img/textures/cielo.gif)  center center #498FC0;


}

#loading div {
	margin-top: 220px;
	height:30px;
}

.loadingimage{	
	padding-left: 20px;
	background-image: url(../img/loadbar.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-family:Tahoma, Geneva, sans-serif;
}

#ErrMessage{
	visibility:hidden;
	}


#topMessage{
position: absolute; 
top: 210px; 
left: 0; 
width: 335px;
bottom: 48px; 
overflow:hidden;
display:block;
background-color:#000;
color: white;
 filter:alpha(opacity=30); 
-moz-opacity: 0.3; 
opacity: 0.3;
}

#topMessageBox{
position: absolute; 
top: 210px; 
left: 0; 
width: 335px;
bottom: 48px; 
overflow:hidden;
display:block;
}

.boxMessage {
    border-color: rgb(172, 172, 172);
    border-style: solid;
    border-width: 1px;
    background-color: white;
	color:#333;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
    position: relative;
    margin-top: 5px;
    margin-left: 9px;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    margin-right: 9px;
    width: auto;
    min-height: 250px;
    height: auto;
	z-index:500;

}

.boxMessage2 {
    border-color: rgb(172, 172, 172);
    border-style: solid;
    border-width: 1px;
    background-color: white;
	color:#333;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
    position: relative;
    margin-top: 5px;
    margin-left: 9px;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    margin-right: 9px;
	margin-bottom:15px;
	
    width: auto;
    min-height: 250px;
    height: auto;
	top:10px;
	bottom:100px;
	z-index:500;
	overflow-x:hidden;
	overflow-y:visible;

}
.boxContent{
	margin-top: 17px;
    margin-left: 9px;
    margin-right: 5px;
    width: auto;
    min-height: 100px;
    height: auto;
	overflow:visible;

	
	}
	.boxContent1{
	margin-top: 17px;
    margin-left: 9px;
    margin-right: 5px;
    width: auto;
    min-height: 100px;
    height: auto;
	overflow:visible;

	
	}
/* Frames set */

#framecontentTop{
position: absolute; 
top: 0; 
left: 0; 
right: 0;
overflow:visible;
height:42px;
color: white;
/*border-bottom:#A7A7A7 1px solid;*/
}

#menuTop{
right: 0px;
top:33px;
position: absolute; 
vertical-align: bottom; 
color: white;
font-color:white;
overflow:hidden;
}


#horizontaldivision{
position:absolute;
top:50px;
height: 7px;
width: 100%;
background-color:#6b89af ;
z-index:10;
overflow:hidden;
}

#verticaldivision{
position:absolute;
top:50px;
left:335px;
height: 100%;
width: 10px;
background-color:#6b89af ;
overflow:hidden;
}

#leftpanelContent{
	width:251px;
	display:block;
overflow:hidden;
}

#leftpanelsearch{
position: absolute;
/*background:url(../img/interface/searchbox-cover.png) bottom left;
*/top: 43px; 
left: 0; 
height: 153px;
width: 291px;
overflow: hidden;
color:white;
}




#View_AddressList{
	display:none;
}
#View_Start{
	display:none;
}
#View_POI{
	display:none;
}
#View_Detail{
	display:none;}

#View_PhotoList{
	display:none;
	z-index:100000;
background-image:url(img/backgroundStripes.jpg);
background-repeat:repeat;
}

.ItemListHead{
position: absolute; 
top: 197px; 
left: 0; 
width: 291px;
height:63px; 
overflow:hidden;
/*background-color: #3b5997;*/
/*background:url(../img/interface/searchbox-cover.png) bottom right repeat #FFF ;*/
background:url(../img/interface/stripes-pix.png) top left repeat #FFF;


color: #333;
z-index:0;
}

.ItemListContent{
position: absolute; 
top: 260px; /*230px; */
left: 0; 
width: 291px;
bottom: 48px; 
overflow-y:auto;
overflow-x:hidden;
display:block;
background: #FFF;/*url(../img/interface/stripes-pix.png) top left repeat;*/
color: white;

	/*border-top:#ccc 1px solid;*/
	-moz-box-shadow: 3px 3px 10px #121212;
	-webkit-box-shadow: 3px 3px 10px #121212;
	-khtml-box-shadow: 3px 3px 10px #121212;
	box-shadow:3px 3px 10px #121212;


}
#ItemList{
	width:auto;
	max-width:335px;
}


#leftpanelBottomMenu{
position: absolute;  
left: 0; 
width: 291px;
bottom: 0px;
height:48px;
overflow:hidden;
background-image:url(../img/interface/searchbox-cover.png);
background-repeat:repeat-x;
color: white;
	z-index: 502;
border-top:#A7A7A7 1px solid;
}

#toolbarStart{
	background:url(../img/but/sidebar-icon4-on.png) center center no-repeat;
	width:29px;
	height:29px;
	cursor:pointer;
}

#toolbarStart:hover{
	background:url(../img/but/sidebar-icon4-on.png) center center no-repeat;	
	width:29px;
	height:29px;	
}

#toolbarStart:active{
	background:url(../img/but/sidebar-icon4-on.png) center center no-repeat;
	width:29px;
	height:29px;	
}



.toolbar{
position:relative;
top:10px;
padding:10px;
z-index: 5000;
}
.toolbarOptions{
position:absolute;
top:10px;
right:10px;
z-index: 5000;
}

#framecontentBottom{
position: absolute; 
left:345px;
top: auto; 
bottom: 0px;
right: 0px;
height: 20px; 
overflow: hidden; 
background-color:  #3b5997;
color: white;

}

#BottomContent{
	position:absolute;
	width:100%;
	right:10px;
	left:0px;
	text-align:right;
	white-space: nowrap;
	overflow:hidden;
}


#mapcontent{
position: absolute; 
top: 43px; 
left: 292px;
right:181px;
bottom:20px;
width:auto;
height:auto;
overflow:hidden;
background-color:#CCC;

z-index:0;


}
#statusbar{
position: absolute; 
left: 293px;
right:181px;
bottom:0px;
width:auto;
height:20px;
overflow:hidden;
background:url(../img/interface/stripes-pix.png) top left repeat #fff;
border-top:#333 1px solid;
z-index:0;
font-weight:bold;
padding-left:5px;
}
#statusbar table{ margin-top:3px; margin-left:5px; margin-right:5px; }

#map{
position: absolute; 
height:100%;
width:100%;
background-color:#CCC;
overflow:hidden;

}


.innertube{
margin: 15px; 
}

* html body{ /*IE6 hack*/
padding: 110px 0 20px 0px; 
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentTop, * html #framecontentBottom{ /*IE6 hack*/
width: 100%;
}


/* POP UP LAYOUT*/

.popupAddress{
	width:250px;
	height:140px;
	overflow:hidden;
}
.popupPhoto
{
	overflow:hidden;
	
	}
.environment{
	color:#333;
}
	
.popupPhone{
	width:230px;
	/*height:100px; */
	overflow:hidden;}
.popcommerce{
	 width:230px; 
	/*height:125px; */
	overflow:hidden;	
	}
	
	
.resultados {
	font-style: normal;
	background-color: white;
	font-weight: normal;
	color: #5c595a;
	font-size: 10px;
	margin-right: 5px;
	margin-left: 5px;
}

.resultados a {
	font-weight: bold;
	color: #5c595a;
}
	
li.resulfotosnav{
	margin-right: 1px;
	line-height: 20px;
	display: inline;
}
li.resulfotosnav a{
	height: 28px;
	text-decoration: none;
	font-size: 20px;
	color: #003f81;
}
li.resulfotosnav a:hover{
	text-decoration: none !important;
	color:#00C;
}

.titlegeneral {
    color:#333;
    font-family: Tahoma, Tahoma, Arial, Sans-serif;
    font-weight: bold;
    font-size: 13px;
}

.titlegeneral a:{
    color:#00F;
  
  }
  .titlegeneral a:hover{
    color:#00F;
  }

.linkseparator{
	padding-bottom:10px;
	}

.popupAddressTit{
	color:#333;
	font-size:15px;
}
.popupAddressText{
	color:#666;
	font-size:13px;
}
.popupAddressTextgray{
	color:#666;
	font-size:12px;
}
.popupLinks{
	color:#333;
	font-size:13px;
}


.popupBusiness{
	font-size:18px;
	font-style:oblique;}

.popupBusinessName{
	
	}


.photoatlist {
    position: absolute;
    width: 25px;
    height: 22px;
    top: 14px;
    right: 0px;
    margin-left: auto;
	border-width:thick;
	border-color:#F00;
	border:medium;

}

.table_underline{
	padding-bottom:4px;
	padding-top:4px;
	border-bottom-style:dotted; 
	border-bottom-width:thin; 
	border-bottom-color:#999
	
	}