body {
	font-family:  	Verdana, Arial, Helvetica, sans-serif;
}

/* listar visual */	

#listarvisual, #listardestaque {
	width: 100%;
		clear: left;
}

#listarvisual td {
	padding:  0 18px 9px;	
	
}


.verdetalhe{
	background: transparent url(images/add.png) no-repeat scroll left center;
		padding-left: 20px;
		padding-top: 2px;
}

/* icones listar */
.addfavorito, .addfavorito2 {
	background: transparent url(images/star.png) no-repeat scroll left center;
		padding-left: 20px;
		padding-top: 2px;
}

.delfavorito{
	background: transparent url(images/delete.png) no-repeat scroll left center;
	padding-left: 15px;
			padding-top: 2px;
}

.verdetalhe:hover, .addfavorito:hover, .delfavorito:hover{
	text-decoration: none;
}





/* listar destaque */

#listardestaque {
	height: 200px;
}
#listardestaque td {
	padding:  0px;	
}




/* listar */
	#listar {
		border: 1px solid #eee;
		text-align: center;
		width: 100%;
	}

	#listar th {
		background: #da2129;
		background: #da2129 url(images/da2129_40x100_textures_02_glass_25.png) 0 50% repeat-x;
		color: #fff;
	}
	
	
	#listar th a {
		color: #fff;
		text-decoration: none;
	}
	
	#listar th a:hover {
		color: #fff;
		text-decoration: underline;
	}

	#listar th{
		padding: 0.5em 1em .5em .5em;
	}
	
	#listar .linha:hover{
		color: #da2129;
	}
	
	#listar .alt {
		background: #eee;
	}

	
	#listar img {
		width: 60px;
		border: 2px solid #fff;
	}
	#listar img:hover{
		border: 2px solid #da2129;
	}

	.setaasc {
		background: url(images/asc.gif) no-repeat scroll center right;
	}
	
	.setadesc {
		background: url(images/desc.gif) no-repeat scroll center right;
	}




	
/*detalhe*/
	#detalhe {
	}

	#detalhe .moduletable-blank {
		float: left; 
	}

	#sanfona {
		float: left;
		width: 320px;
		height: 284px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: none;
		background: transparent url(images/panel_b.png) repeat-x scroll 0pt 100%;
	}
	




/*UI accordion - ThemeR - complementa o flora de onde tirei o backgrounds */

.ui-accordion-header {
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-accordion-header a {
	color: #555555;
	background: url(images/888888_7x7_arrow_right.gif) .5em 50% no-repeat;
}
.ui-accordion-header a:hover {
	background: url(images/da2129_7x7_arrow_right.gif) .5em 50% no-repeat;
	color: #da2129;
}
.ui-accordion-header:hover {
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	color: #da2129;
}
.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
	background: #da2129 url(images/da2129_40x100_textures_02_glass_25.png) 0 50% repeat-x;			
}
.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
	color: #ffffff;
	background: url(images/ffffff_7x7_arrow_down.gif) .5em 50% no-repeat;
}


#sanfona li .selected {
	color: #fff;
		font-weight: bold;
}





/* dialog */

/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit themeroller.com
*/


.ui-dialog {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	background: #ffffff;
	color: #222222;
	border: 4px solid #d3d3d3;
	position: relative;
}
.ui-dialog-content {
	border: 1px solid #d3d3d3;
	background: #ffffff;
	color: #222222;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block; 
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n { 
	cursor: n-resize; 
	height: 7px; 
	width: 100%; 
	top: -5px; 
	left: 0px;  
}
.ui-resizable-s { 
	cursor: s-resize; 
	height: 7px; 
	width: 100%; 
	bottom: -5px; 
	left: 0px; 
}
.ui-resizable-e { 
	cursor: e-resize; 
	width: 7px; 
	right: -5px; 
	top: 0px; 
	height: 100%; 
}
.ui-resizable-w { 
	cursor: w-resize; 
	width: 7px; 
	left: -5px; 
	top: 0px; 
	height: 100%;
}
.ui-resizable-se { 
	cursor: se-resize; 
	width: 13px; 
	height: 13px; 
	right: 0px; 
	bottom: 0px; 
	background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
}
.ui-resizable-sw { 
	cursor: sw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	bottom: 0px;  
}
.ui-resizable-nw { 
	cursor: nw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	top: 0px; 
}
.ui-resizable-ne { 
	cursor: ne-resize; 
	width: 9px; 
	height: 9px; 
	right: 0px; 
	top: 0px; 
}
.ui-dialog-titlebar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	padding: .5em 1.5em .5em 1em;
	color: #555555;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	border-bottom: 1px solid #d3d3d3;
	font-size: 1.1em;
	font-weight: bold;
	position: relative;
}
.ui-dialog-title {

}
.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: url(images/888888_11x11_icon_close.gif) 0 0 no-repeat;
	position: absolute;
	right: 8px;
	top: .7em;
	width: 11px;
	height: 11px;
	z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
	background: url(images/454545_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
	background: url(images/222222_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog-content {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: #ffffff;
	color: #222222;
	padding: 1.5em 1.7em;	
}
.ui-dialog-buttonpane {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	border-top: 1px solid #d3d3d3;
	/*
background: ;
*/
}
.ui-dialog-buttonpane button {
	margin: .5em 0 .5em 8px;
	color: #555555;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-size: 1.1em;
	border: 1px solid #d3d3d3;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
	color: #212121;
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	border: 1px solid #999999;
}
.ui-dialog-buttonpane button:active {
	color: #222222;
	background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	border: 1px solid #dddddd;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
	color: #222222;
	background: url(images/222222_7x7_arrow_down.gif) .5em 50% no-repeat;
}











/*listas caracteristicas */
.ficha {
	padding-left: 30px;
}


.caract {
	float: left;
	padding-left: 30px;
}

.caract .titulo, .ficha .titulo {
	list-style: none;
	font-weight: bold;
	margin-left: -14px;
}




		
/* toolbar */

#toolbar ul {
	list-style:none;
	margin: 0;
	padding: 10px 0; 
	text-align: center;
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#toolbar ul li { 
	display: inline; 
}

#toolbar ul li a{
	padding-left: 20px;
	/*padding-top:5px;*/
	margin-right: 20px;
	/*font-size: 1.25em;*/
	font-size: 1.3em;
}




/* icones toolbar*/

.verdetalhe{
	background: transparent url(images/add.png) no-repeat scroll left center;
}

.addfavorito{
	background: transparent url(images/star.png) no-repeat scroll left center;
}

.solicitarinfo{
	background: transparent url(images/information.png) no-repeat scroll left center;
}

.indicar{
	background: transparent url(images/email_go.png) no-repeat scroll left center;
}

.imprimir{
	background: transparent url(images/printer.png) no-repeat scroll left center;
}

.chat{
	background: transparent url(images/comments.png) no-repeat scroll left center;
}

.voltar{
	background: transparent url(images/voltar.png) no-repeat scroll left center;
}


/* drop shadow */

.dropshadow2{
	float:left;
	clear:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	width: 190px;
	padding: 0px;
}

.dropshadow2:hover{
	background: url(images/shadowAlphaRed.png) no-repeat bottom right !important;
}

.innerbox{
	position:relative;
			background: url(images/bg.jpg) bottom left repeat-x;
	bottom:5px;
	right: 5px;
	border: 1px solid #ddd;
	padding:4px 4px 20px 4px;
	margin: 0px 0px 0px 0px;
		height: 135px;
}

.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}

.innerbox:hover {
	border: 1px solid #fcc;
}

/* 
.innerbox p{		
	font-size:14px;
	margin: 3px;
}
*/

.innerbox p {
	position: absolute;
	bottom: 20px;
	left: 4px !important;
	/*left: 0px; fix ie6 trans.gif alinhado a esq*/
	
	display: block;
	width: 180px; /* This needs to match the width of the image */
	margin: 0;
	padding: 0;
	background: url(images/caption-black.png) center center repeat-y !important;	
	background: #999 url(images/trans.gif) center center repeat-y;	
	
	font: 11px/1.25em Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: none;
	color: #fff;
	}

.innerbox p span {
	display: block;
	padding: 2px 1em;
	cursor: pointer;
	}

.innerbox p:hover {
	background: #fff !important; /* tbm posso fazer a troca de classe usando jquery */
	color: #da2129;
	opacity: 0.9;
	}
	
.innerbox .acao{
	position: absolute;
	bottom: 3px;
	left: 0px;
	
	display: block;
	width: 180px; /* This needs to match the width of the image */
	margin: 0;
	padding: 0;

	font-weight: bold;
	

	float: left;
	background: none !important;
	text-align: right;
}




/*paginacao*/

.paginacao {
	display: inline;
}

.paginacao a, .paginacao .pgatual{
	padding:.2em;
	border: 1px solid #eee;
	background: #fafafa;
}
.paginacao .pgatual {
	color: #fff;
	background: #da2129;
	border: 1px solid #da2129;
	margin-left:3px;
}


.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
text-align: right;
}

.clear{
	clear: both;
}

 


 
/* forms */

.form {
	width: 100%;
}

.form fieldset{
	border: 1px solid #eee;
	background: #fafafa;
	margin: 0 auto;
	/*padding: 15px 0 0 0;*/
}

.form legend {
	/*border: 1px solid #eee;*/
	background-color: #fff;
	margin: 0 10px;	
	font-size: 1.2em;
	padding: 3px;
	border: 1px dotted #eee;
}

.form label, .form input {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

.form input, .form textarea, .form select {
	border: 1px solid #ccc;
	border-style: inset;
}

.form select {
	width: 203px;
}

.form label {
	text-align: right;
	width: 200px;
	padding-right: 20px;
}

.form label.obrigatorio {
	font-weight: bold;
}

.form br {
	clear: left;
}

.form .botao,  #solicitarinfo .botao, #indicar .botao, #pesquisa .botao{
	width: 110px;
	margin: 0 0 0 45px;
	padding: 5px;
	border: 1px solid #ccc;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) repeat-x scroll 0pt 50%;
	font-weight: bold;
	color: #555;
}

.form .botao:hover, #solicitarinfo .botao:hover, #indicar .botao:hover, #pesquisa .botao:hover{
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) repeat-x scroll 0pt 50%;
	border: 1px solid #f33;
}

.form .botao:active, .form .botao:active,  #solicitarinfo .botao:active, #indicar .botao:active, #pesquisa .botao:active{
	background: #da2129;
	color: #fff;
	outline-width: 0;
	border: 1px solid #fff;
}


.form .checkbox {
	width: auto;
}

.form input[type="text"]:focus, .form textarea:focus, .form select:focus{
	background-color: #ffe5e5;
}



/*form pesquisa */

#pesquisa {
	width: 100%;
	text-align: center;
}

#pesquisa fieldset{
	border: 1px solid #eee;
	background: #fafafa;
	margin: 0 auto;
}

#pesquisa legend {
	border: 1px solid #eee;
	background-color: #fff;
	margin: 0 10px;	

}

#pesquisa label, #pesquisa input {
	display: block;
	float: left;
	margin-bottom: 10px;
}

#pesquisa input, #pesquisa textarea, #pesquisa select {
	border: 1px solid #ccc;
	border-style: inset;
}

#pesquisa .combo {
	width: 140px;
}


#pesquisa br {
	clear: left;
}

/*
#pesquisa .botao{
	margin-top: 10px;
	border-style: outset;
	padding: 5px;
}
*/

#pesquisa .checkbox {
	width: auto;
}

/*
#pesquisa input[type="text"]:focus, #pesquisa textarea:focus, #pesquisa select:focus {
	background-color: #fcc;
}
*/

#pesquisa .numero {
	font-size: 2em;
	color: #ccc;
}



/* form solictar info e indicar */

#solicitarinfo fieldset, #indicar fieldset {
	background: none;
	border: none;
}

#solicitarinfo label, #indicar label {
	width: 150px;
}

/*
 #solicitarinfo .botao, #indicar .botao {
	width: 110px;
	margin-left: 45px;
}
*/

#solicitarinfo textarea, #indicar textarea {
	width: 200px;
}
 
/* mensagens de aviso */
 
 .ok{
	background: #C6F0A4 url(images/msg_ok.png) no-repeat scroll left center;
	border-top: 1px dotted #4EA30A;
	border-bottom: 1px solid #4EA30A;
	color: #4EA30A;
}

.aviso{
	background: #ffc url(images/msg_aviso.png) no-repeat scroll left center;
	border-top: 1px dotted #f90;
	border-bottom: 1px solid #f90;
	color: #f90;
}

.info{
	background: #e6eCf4 url(images/msg_info.png) no-repeat scroll left center;
	border-top: 1px dotted #84a7db;
	border-bottom: 1px solid #84a7db;
	color: #84a7db;
}

.erro{
	background: #fcc url(images/msg_erro.png) no-repeat scroll left center;
	border-top: 1px dotted #da2129;
	border-bottom: 1px solid #da2129;
	color: #da2129;
}

.dica{
	background: transparent url(images/msg_dica.png) no-repeat scroll left center;
}

.financiamento, .confirmarpreco {
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #ccc;
}


.financiamento{
	padding: 5px 5px 5px 20px;
	border: 1px dotted #ccc;
	width: 95%;
	background: #f6f6f6;
	margin-top: 9px;
}


.financiamento strong{
	padding-left: 20px;
	background: transparent url(images/financiamento.png) no-repeat scroll left center;
	color: #646464;
	font-weight: normal;
}

.confirmarpreco {
	color: #999;
}

.ok, .aviso, .info, .erro, .dica {
	padding: 5px 30px;
		font-weight: bold;
}



/* fixes */
.fixie6fieldset {
	margin-top: 10px;
}
