/*
*
*	Arquivo contendo os principais estilos CSS de todo o sistema de imóveis
*	@author: Eduardo Levenfeld <eduardo.levenfeld@gmail.com>
*
*/

/*
*	Elementos nativos do HTML
*/

body 
{
	background-color:				#C1CDCD;
	background-image:				url(../image/fundo.jpg);
	background-position:			top left;
	background-repeat:				no-repeat;
	background-attachment: 			fixed;
	font-family:				    arial, helvetica, "sans-serif";}

a
{
	text-decoration:				none;
	
	color:							#FFFAFA;
}

p
{
	padding-left:					20px;
	padding-top:					10px;
	
	margin:							0px;
}

input
{
	background-color:				#FFFAFA;
	
	border:							LightGray 1px solid;
	
	color:							gray;
}

textarea
{
	background-color:				#FFFAFA;
	
	border:							LightGray 1px solid;
	
	color:							gray;
	
	font-family:					arial;
}

/*
*	Elementos criados #elementoCriado
*/

#headerContainer
{
	position:						relative;	

	background-color:				#000033;
/*	background-image:				url(../image/header_pattern.png);*/

	background-position:			top left;
	background-repeat:				repeat-y;
	
	width:							780px;
	
	height:							100px;
	
	top:							15px;

	
	left:							50%;
	margin-left:					-390px;
	
	color:							#FFFAFA;
}

#headerLogo
{
	position:						absolute;
	
	left:							40px;
	
	top:							30px;
}

#headerMenu
{
	position:						absolute;
	
	left:							350px;
	
	top:							40px;
	font-family:					"Trebuchet ms";	
	font-size:						15px;
	font-weight:					bold;
	
	word-spacing:					15px;
	letter-spacing:					0px;
}

#headerMenu a:hover
{
	color:							#FFD700;
}

#contentContainer
{
	position:						relative;
	
	width:							780px;
	
	left:							50%;
	margin-left:					-390px;
	
	background-color:				#FFFAFA;
	
	margin-top:						20px;
	margin-bottom:					0px;

}

#contentContainer h3
{
	margin:							0px;
	
	padding-left:					0px;
	padding-top:					20px;

}

#contentContainer h4
{
	margin:							0px;
	
	padding-left:					20px;
	
	color:							gray;
	
	font-weight:					normal;
}

#bottomContainer
{
	text-align:						center;
	
	border-top:						1px solid #EEE8CD;
	
	font-size:						13px;
	
	width:							740px;
	
	margin-left:					20px;
	
	color:							#333333;
}

#bottomContainer a
{
	color:							#8B0000;
}

#adminMenu
{
	position:						relative;
	
	width:							780px;
	
	height:							25px;
	
	font-size:						16px;
	
	background-color:				#333333;
	
	left:							50%;
	
	margin-left:					-390px;
	
	color:							#FFFAFA;
}

#adminMenu a
{
	color:							#FFFAFA;
}

#adminMenu a:hover
{
	color:							#FFFAFA;
	
	font-weight:					bold;
}

#adminMenu p
{
	padding-left:					10px;
	padding-top:					3px;
}

div#dicaFullText
{
	color:							#000;
	
	font-size:						14px;
	
	text-align:						justify;
}

div#dicaFullTextContainer
{
	position:						relative;
	padding-left:					20px;
	padding-right:					20px;
	
	width:							530px;
	
	border-right:					1px solid #EEE8CD;
}

div#dicaRecommendReading
{
	position:						absolute;
	
	top:							80px;
	left:							570px;
	width:							170px;

	padding-left:					20px;
	
	font-size:						14px;
}

/*
*	Classes de elementos .ClasseElemento
*/

b.AdminSelector
{
	color:							#23238E;
	
	font-weight:					bold;
}

a.FilterLinks
{
	color:							#23238E;
	
	font-weight:					bold;
	
	font-size:						15px;
}

a.FilterLinks:hover
{
	text-decoration:				underline;
}

input.FormField
{
	height:							28px;
	
	text-indent:					10px;
	
	margin-bottom:					5px;
}

input.FormField:hover
{
	background-color:				#ffffcc;
}

textarea.DescBreve
{	
	text-indent:					10px;
	
	margin-bottom:					5px;
	
	width:							363px;
	
	height:							150px;
}

textarea.DescBreve:hover
{
	background-color:				#ffffcc;
}

textarea.DescCompleta
{	
	position:						absolute;

	text-indent:					10px;
	
	width:							360px;
	
	height:							250px;
	
	left:							400px;
	
	top:							179px;
}

textarea.DescCompleta:hover
{
	background-color:				#ffffcc;
}

textarea.DicaCompleta
{	
	position:						absolute;

	text-indent:					10px;
	
	width:							360px;
	
	height:							183px;
	
	left:							400px;
	
	top:							61px;
}

textarea.DicaCompleta:hover
{
	background-color:				#ffffcc;
}

textarea.OutrasInfo
{	
	position:						absolute;

	text-indent:					10px;
	
	width:							360px;
	
	height:							250px;
	
	left:							400px;
	
	top:							61px;
}

textarea.OutrasInfo:hover
{
	background-color:				#ffffcc;
}

input.AdminNextStep
{
	background-color:				#EEE8CD;
	
	margin-right:					20px;
	
	font-size:						15px;
	font-weight:					bold;
	
	color:							#23238E;
	
	border:							#EEE8CD solid 1px;
	
	height:							50px;
	
	letter-spacing:					1px;
}


input.AdminNextStep:hover
{
	background-color:				#CDC8B1;
}

table.AdminList td
{
	background-color:				#f4f4f4;
	
	border-bottom:					1px solid #EEE8CD;
	
	color:							#666;
	
	font-size:						12px;
}

table.AdminList td a
{
	color:							#23238E;
	
	font-weight:					bold;
}

table.AdminList tr
{
	background-color:				#f4f4f4;
	
	border:							1px solid #EEE8CD;
}

table.AdminList th
{
	background-color:				#23238E;
	
	border-bottom:					1px solid #EEE8CD;
	
	color:							#fff;
	
	font-size:						12px;
}

a.PhotoList
{
	color:							#23238E;
	
	font-weight:					bold;
}

a.PhotoList:hover
{
	text-decoration:				underline;
}

h3.HomeTitle
{
/*	color:							#666666;
	font-family:					arial;  */
	font-weight:					normal;
	font-size:						17px;

}

div.HomeTitleDivision
{
	position:						relative;
	
	border-bottom:					1px solid #EEE8CD;
	
	width:							740px;
	margin-left:					20px;
	padding-top:					5px;	
	padding-bottom:					5px;
	margin-bottom:					-10px;
	margin-top:10px;

}

div.PriceFilter
{
	position:						absolute;
	font-size:						14px;
	left:							457px;
	padding-top:					22px;	
	padding-bottom:					10px;	
	color:							#8B0000;
}

div.PriceFilter a
{
	color:							#8B0000;
}

div.PriceFilter a:hover
{
	text-decoration:				underline;
}


div.PriceFilterDown
{
	position:						relative;
	font-size:						14px;
	left:							430px;
	padding-top:					0px;	
	padding-bottom:					10px;	
	color:							#8B0000;
	margin-top:						-20px;
	text-align:						right;
	width: 							320px;
	
}

div.PriceFilterDown a
{
	color:							#8B0000;
}

div.PriceFilterDown a:hover
{
	text-decoration:				underline;
}

div.HomePropertyDivision
{
	position:						relative;
	
	border-bottom:					1px solid #EEE8CD;
	
	width:							740px;
	
	margin-left:					20px;
	
	margin-bottom:					10px;
}

div.HomePropertyInfo
{
	position:						relative;
	
	left:							115px;
	
	width:							620px;
	height:							90px;
	
	text-align:						right;
}

div.HomePropertyInfo p
{
	text-align:						left;
	font-size:						14px;
	margin:							0px;
	
	padding-left:					0px;
	
	margin-top:						-5px;
	margin-bottom:					5px;
}

div.HomePropertyPic
{
	position:						absolute;
	
	top:							0px;
	
	left:							10px
}

a.HomePropertyTitle
{
	color:							#000048;
	
	font-size:						18px;
	font-family:					Arial;
	font-weight:					bold;
	
	float:							left;
}

a.HomePropertyTitle:hover
{
	text-decoration:				underline;
}

b.HomePropertyPrice
{
	color:							#8B0000;
	font-family:					Arial;	
	font-size:						18px;
	
	font-weight:					bold;
	
}

.HomeInfoTitle
{
	position:						relative;
	font-family:					Arial;
	color:							#000048;
	font-size:						21px;
	font-weight:					bold;
	
	text-align:						left;
	
	margin-left:					20px;
	
	width:							640px;
}

.HomeInfoPrice
{
	position:						absolute;
	font-family:					Arial;
	color:							#8B0000;
	font-size:						21px;
	font-weight:					bold;
	
	text-align:						right;
	
	top:							46px;
	left:							560px;
	
	width:							200px;
}

.HomeInfoDesc
{
	position:						relative;
	
	text-align:						justify;
	
	left:							380px;
	
	width:							370px;
	
	font-size:						14px;
	
	padding:						5px;
	
	border-top:					    1px solid #EEE8CD;
	
	line-height:					20px;
}

.HomePicsContainer
{
	position:						absolute;
	top:							0px;
	left:							0px;
	width:							346px;
	padding:						2px; 
}


.HomePicsContainer img
{
	margin:							2px;
}

.HomeInterestContainer
{
	position:						relative;
	
	top:							auto;
	left:							350px;
	
	width:							360px;
	
	padding:						2px;
}

.HomeMenuContainer
{
	position:						absolute;
	
	top:							10px;
	left:							380px;
	
	width:							380px;
	
	font-size:						14px;
	
	text-align:						right;
	
	color:							#00366;
}

.HomeMenuContainer a
{
	color:							#23238E;
}

.HomeMenuContainer a:hover
{
	text-decoration:				underline;
}

.ViewPicsClose
{
	position:						absolute;
	
	width:							160px;
	
	left:							610px;
	
	text-align:						right;
}

.ViewPicsClose a
{
	font-size:						12px;
	font-weight:					normal;
}

.ViewPicsReference
{
	position:						absolute;
	
	left:							20px;
	
	text-align:						left;
	
	color:							#999999;
	
	font-size:						16px;
}

.ViewPicsTitle
{
	position:						absolute;
	
	top:							40px;
	left:							20px;
	
	text-align:						left;
	
	color:							#23238E;
	
	font-size:						19px;
	
	font-weight:					bold;
	
	width:							480px;
}

.ViewPicsPrice
{
	position:						absolute;
	
	top:							40px;
	left:							500px;
	
	text-align:						right;
	
	color:							#8B0000;
	
	font-size:						19px;
	
	font-weight:					bold;
	
	width:							270px;
}

.ViewPicsPhoto
{
	position:						absolute;
	
	top:							80px;
	left:							20px;
	
	width:							562px;
	height:							422px;
	
	background-color:				#CCCC99;
}

.ViewPicsWarning
{
	position:						absolute;
	
	top:							80px;
	left:							600px;
	
	width:							170px;
	height:							30px;
	
	background-color:				#FFFAFA;
	
	font-size:						10px;
	font-weight:					normal;
	
	text-align:						center;
}

.ViewPicsDescPhoto
{
	position:						absolute;
	
	top:							520px;
	left:							20px;
	
	width:							400px;
	height:							25px;
	
	font-size:						16px;
	font-weight:					bold;
	
	color:							#000000;
	
	text-align:						left;
}

.ViewPicsContact
{
	position:						absolute;
	
	top:							520px;
	left:							545px;
	
	height:							25px;
	
	font-size:						16px;
	font-weight:					bold;
	
	color:							#8B0000;
	
	text-align:						left;
}

.GreyPageTitle
{
	color:							#666666;
	
	font-size:						18px;
	font-weight: 					normal;
}

.GreyText
{
	color:							#666666;
	
	font-size:						14px;
	font-weight: 					normal;
}

a.RedLink
{
	color:							#8B0000;
}

a.RedLink:hover
{
	text-decoration:				underline;
}

/* Estilo das mensagens de erro geradas pela validação de fomulários */
.error
{
	color:							#8B0000;
	font-size:						11px;
}