/*
Azul Logo:		#00137F
Dourado Hover:  #FF9523
Vermelho:		#E5192D
Cinzento:		#808080
*/

/*********************************** MENU ***********************************/
.horizontalcssmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
	display: block;
	/*width: 100px; /*Width of top level menu link items*/
	padding: 1px 3px;
	border: 1px solid #ffffff;
	border-left-width: 1;
	text-decoration: none;
	background: #00137F;
	color: #FFFFFF;
	font: bold 12px Verdana;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
	left: 0;
	top: 0;
	border-top: 1px solid #ffffff;
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
	display: inline;
	float: none;
}

/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
	width: 188px;
	padding: 1px 3px;
	background: #00137F;
	border-width: 0 1px 1px 1px;
	text-decoration: none;
	color: #FFFFFF;
	font: bold 12px Verdana;
}

.horizontalcssmenu ul li a:hover{
	background: #FF9523;
}

.horizontalcssmenu ul li ul li a:hover{
	background: #FF9523;
}

.horizontalcssmenu .arrowdiv{
	position: absolute;
	right: 0;
/*background: transparent url(../images/menuarrow.gif) no-repeat center left;*/
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */

/*********************************** TABS ***********************************/
#content{
   background-color: #FFFFFF;
   padding: 10px 1px;
   overflow: auto;
}

#tab-container{
   float: left;
   width: 141px;
}

#tab-container ul{
   list-style: none;
   text-align: center;
}

#tab-container ul li{
   border-top: 1px solid #00137F;
   border-right: 1px solid #00137F;
   border-bottom: 1px solid #00137F;
   border-left: 8px solid #00137F;
   background-color: #DDDDDD;
   margin: 8px 0;
}

#tab-container ul li a,
#tab-container ul li a:visited{
   text-decoration: none;
   color: #00137F;
   display: block;
   padding: 15px 5px;
}

#tab-container ul li:hover{
   border-left: 8px solid #333333;
}

#tab-container ul li a:hover{
   color: #000000;
}

#tab-container ul li.selected{
   border-right: none;
   background-color: #FFFFFF;
   border-left: 8px solid #006699;
}

#main-container{
   min-height: 400px;
   margin: 0 0 0 140px;
   padding: 20px;
   background-color: #FFFFFF;
   border: 1px solid #888888;
}

/*********************************** FORM ***********************************/
#stylized{
	border:solid 2px #b7ddf2;
	background:#ebf4fb;
	font: 12px Verdana;
}

#stylized label{
	display:block;
	text-align:right;
	float:left;
	width: 75px;
}

#stylized .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
}

#stylized input{
	float:left;
	font-size:12px;
	padding:1px 1px;
	border:solid 1px #aacfe4;
	margin-left:0px;
}

#stylized textarea{
	float:left;
	font-size:12px;
	padding:1px 1px;
	border:solid 1px #aacfe4;
	margin-left:10px;
}

#stylized button{
	clear: both;
	float: right;
	width: 75px;
	height: 25px;
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background: #00137F;
	border: solid 1px #aacfe4;
}

/*********************************** RESTING POINTS ***********************************/
.contacts{
	text-decoration: none;
	font-weight: normal;
	color: #00137F;
	font: bold 14px Verdana;
	margin-top: 2px; 
	margin-bottom: 2px;
	text-align: right;
	vertical-align: middle;
}
.board{
	border-color: #00137F;
	border: 1px solid #00137F;
}
.boardtitle{
	background-color: #00137F;
	text-align: left;
	font: bold 14px Verdana;
	color: #FFFFFF;
}

.apartmenttitle{
	padding: 5px;
	text-decoration: bold;
	font-weight: normal;
	color: #555555;
	font: 24px Verdana;
	margin-top: 2px; 
	margin-bottom: 2px;
	text-align: justify;
}

.apartmenttext{
	padding: 5px;
	text-decoration: none;
	font-weight: normal;
	color: #555555;
	font: 16px Verdana;
	margin-top: 2px; 
	margin-bottom: 2px;
	text-align: justify;
}

.apartmentvalue{
	padding: 0px;
	text-decoration: bold;
	font-weight: normal;
	color: #555555;
	font: 18px Verdana;
	margin-top: 2px; 
	margin-bottom: 2px;
	text-align: justify;
}

.apartmentprice{
	padding: 5px;
	text-decoration: bold;
	font-weight: normal;
	color: #555555;
	font: 24px Verdana;
	margin-top: 2px; 
	margin-bottom: 0px;
	text-align: justify;
}

.apartmentprice2{
	padding: 5px;
	text-decoration: bold;
	font-weight: normal;
	color: #555555;
	font: 14px Verdana;
	margin-top: 0px; 
	margin-bottom: 0px;
	text-align: justify;
}
.apartmentpricetd{
	background-color: #DDDDDD;
}

.sessiontitle{
	padding: 5px;
	color: #555555;
	font: 14px Verdana;
	margin-top: 2px; 
	margin-bottom: 2px;
	text-align: justify;
	font-weight: bold;
}

.sessiontext{
	padding: 15px;
	color: #555555;
	font: 14px Verdana;
	margin-top: 2px; 
	margin-bottom: 2px;
	text-align: justify;
	font-weight: normal;
}

.apartmentimage{
	padding-left: 20px;
	width: 260px;
	height: 195px;
}

.apartmentlink{
	padding: 5px;
	text-decoration: bold;
	font-weight: normal;
	color: #555555;
	font: 24px Verdana;
	margin-top: 2px; 
	margin-bottom: 2px;
	text-align: justify;
}

.link{
	font-weight: normal;
	color: #555555;
	font: 14px Verdana;
	text-align: justify;
}

.texttitle{
	color: #555555;
	font: 14px Verdana;
	margin-top: 2px; 
	margin-bottom: 2px;
	text-align: justify;
	font-weight: bold;
}

.text{
	color: #555555;
	font: 14px Verdana;
	margin-top: 2px; 
	margin-bottom: 2px;
	text-align: justify;
	font-weight: normal;
}

.textsmall{
	color: #555555;
	font: 12px Verdana;
	margin-top: 2px; 
	margin-bottom: 2px;
	text-align: justify;
	font-weight: normal;
}

.sidebartitle{
	font-weight: bold;
	color: #00137F;
	font: 20px Verdana;
	margin-top: 2px; 
	margin-bottom: 2px;
	text-align: center;
}

.footer{
	display: block;
	padding: 1px 3px;
	border: 1px solid #ffffff;
	border-left-width: 1;
	text-decoration: none;
	background: #808080;
	color: #FFFFFF;
	font: bold 12px Verdana;
	text-align: center;
}
.footerrights{
	display: block;
	padding: 1px 3px;
	text-decoration: none;
	color: #808080;
	font: 10px Verdana;
	text-align: center;
}

.footerrightslink{
	text-decoration: underline;
	color: #808080;
	font: 10px Verdana;
	text-align: center;
}

.textpot{
	display: none;
}

#map {
	width: 770px;
	height: 550px;
}

.map {
	visibility:visible;
	overflow: hidden;
	position: relative;
	display:block;
	margin: 0;
    padding: 0;
	width:770px; 
	height:550px
}

input[type=radio] {
    display:none; 
    margin:10px;
}

input[type=radio] + label {
    display:inline-block;
    margin:-2px;
    padding: 4px 12px;
    background-color: #DDDDDD;
    border-color: #DDDDDD;
	font: bold 12px Verdana;
	width: 200px;
}

input[type=radio]:checked + label { 
	background-image: none;
	background-color:#00137F;
	color: #FFFFFF;
}
input[type=radio] + label:hover {
    background-color: #FF9523;
    border-color: #FF9523;
	color: #FFFFFF;

}

html,body,table#pagelayout {
	height:100%;
	margin:auto;
	font-family: "Verdana";
}

/*********************************** BACKOFFICE ***********************************/

.simlabel{
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-color: #000000;
	border-bottom-style: Solid;
	border-bottom-width: 1px;
	font: 12px Verdana;
	font-weight: bold;
	display: Block;
	text-align: Right;
	color: #7777FF;
	float: Left;
	padding: 1px;
}

.simlabeltitle{
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-color: #000000;
	border-bottom-style: double;
	border-bottom-width: 3px;
	font: 12px Verdana;
	font-weight: bold;
	display: Block;
	text-align: Center;
	color: #7777FF;
	float: Left;
	padding: 1px;
}

.simsubtitle{
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-color: #000000;
	border-bottom-style: Solid;
	border-bottom-width: 1px;
	font: 12px Verdana;
	font-weight: bold;
	display: Block;
	text-align: Center;
	color: #7777FF;
	float: Left;
	padding: 1px;
}

.simlogout{
	font: 12px Verdana;
	font-weight: bold;
	display: Block;
	text-align: Right;
	color: #7777FF;
	float: Right;
}

.siminput{
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-color: #000000;
	border-bottom-style: Solid;
	border-bottom-width: 1px;
	background: #FFFFFF;
	font: 12px Verdana;
	float: Left;
	text-indent: 3px;
}

.simtextmsg{
	font: 14px Verdana;
	display: Block;
	color: #7777FF;
}

.simtexterrormsg{
	font: 14px Verdana;
	display: Block;
	color: #D30303;
}

.simbutton{
	clear: both;
	float: left;
	width: 75px;
	height: 25px;
	text-align: center;
	color: #FFFFFF;
	font: 12px Verdana;
	font-weight: bold;
	background: #7777FF;
	border: solid 1px #000000;
}

.simrow{
    padding: 10px;
    margin: 5px;
	display: block;
}