/* ----------------------------------------------
Powered by : Tools & Tools Publicidad
Client : NYREMarket
City: New York (USA)
Year : 2008 
Author : Mauricio Pinto
Info : http://www.toolsandtoolspublicidad.com/       	
------------------------------------------------ */
/*------------------------sales, rentals, vacational etc. forms------------------------------------*/
body{
padding:0;
margin:0;
background: #fff;
color:#000;
}
#formServ {
width:364px;
display:block;
}
.fieldset {
position:relative;
border: solid 1px #CCC;
margin-bottom: 10px;
}
.fieldset:hover {
border: solid 1px #ccc;
}
#formTittle legend {
font: normal 16px "Century Gothic", Arial, Helvetica, sans-serif;
color: #90adb4;
padding:0
}
#legend {
font: normal 16px "Century Gothic", Arial, Helvetica, sans-serif;
color: #90adb4;
padding:0
}
fieldset #ftittles{
float:left;
display:block;
width:110px;
}
fieldset #f_elements{
float: left;
display:block;
width:190px;
margin: 10px;
}
fieldset p.one{
color:#666;
float:left;
width:90px;
padding: 0;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 20px;
text-align: right;
display:block;
margin-top: 10px;
}
.spacer{
clear:both; 
font-size:0; 
line-height:0;

}
#area {
font: normal 11px/20px "Century Gothic", Arial, Helvetica, sans-serif;
width: 190px;
color: #666;
display: block;
background-color:#FFF;
}
#zone {
font: normal 11px/20px "Century Gothic", Arial, Helvetica, sans-serif;
width: 190px;
color: #666;
display: block;
}
#type {
font: normal 11px/20px "Century Gothic", Arial, Helvetica, sans-serif;
width: 190px;
color: #666;
display: block;
background-color:#FFF;
}
#type2 {
font: normal 11px/20px "Century Gothic", Arial, Helvetica, sans-serif;
width: 120px;
color: #666;
margin-left: 10px;
background-color:#FFF;
}
#type3 {
font: normal 11px/20px "Century Gothic", Arial, Helvetica, sans-serif;
width: 120px;
color: #666;
margin-left: 10px;
background-color:#FFF;
}
#bedro {
font: normal 11px/20px "Century Gothic", Arial, Helvetica, sans-serif;
width: 190px;
color: #666;
display: block;
}
#bathro {
font: normal 11px/20px "Century Gothic", Arial, Helvetica, sans-serif;
width: 190px;
color: #666;
display: block;
}
#minPrice {
font: normal 11px/20px "Century Gothic", Arial, Helvetica, sans-serif;
width: 190px;
color: #666;
display: block;
background-color:#FFF;
}
#maxPrice {
font: normal 11px/20px "Century Gothic", Arial, Helvetica, sans-serif;
width: 190px;
color: #666;
display: block;
}
#div_label{
width:340px;
display:block;
text-align: center;
}
label {
font: normal 11px/20px "Century Gothic", Arial, Helvetica, sans-serif;
color:#666;
cursor:pointer;
padding-left:2px;
line-height:15px;
vertical-align:top;
}
label.chosen {
color:#333;
}
label2 {
font: normal 11px/20px "Century Gothic", Arial, Helvetica, sans-serif;
color:#666;
cursor: text;
padding-left:2px;
line-height:15px;
vertical-align:top;
width:200px;
float:left;
display:inline-block;
}
label2.chosen {
color:#333;
}
.buttonSubmit, .buttonSubmit {
width:69px;
height:26px;
color:#FFF;
font: normal 13px "Century Gothic", Arial, Helvetica, sans-serif;
padding:2px 5px;
background: transparent url("../images/button.gif") 0px 0px no-repeat;
cursor:pointer;
border:none;
float:right;
}
.buttonSubmit:hover {
background: transparent url("../images/button.gif") 0px -26px no-repeat;
}
/*------------------------contact form------------------------------------*/
#contac_form{
text-align: left;
width: 648px;
float: left;
background: #f8f8f8 url("../images/mail.jpg") top right no-repeat;
margin-top: 10px;
margin-right: 16px;
margin-bottom: 10px;
margin-left: 22px;
border: 1px solid #eee;
padding: 5px;
display:block;
}
#contac_form2{
text-align: left;
width: 648px;
height: 460px;
background: #f8f8f8 url("../images/mail.jpg") top right no-repeat;
border: 1px solid #eee;
padding: 5px;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}

#contac_form3{
text-align: left;
width: 450px;
height: 110px;
background: #f8f8f8 url("../images/mail.jpg") top right no-repeat;
border: 1px solid #eee;
margin:5px;
}

#contac_form3 form {
text-align: left;
float: left;
margin-top: 10px;
margin-right: 100px;
margin-left: 22px;
padding: 5px;
}
#contac_form3 label {
display: block;
font-weight: bold;
margin: 15px 0 10px 0;
color: #666;
cursor: inherit;
vertical-align:top;
}
#contac_form3 textarea {
width: 500px;
padding: 4px;
font: normal 11px "Century Gothic", Arial, Helvetica, sans-serif;
height: 100px;
display: block;
color: #666;
background-color:#FFF;
border: solid 1px #CAECEC;
}
#contac_form3 textarea:hover {
background-color: #E8F7F7;
border: solid 1px #CAECEC;
}
#contac_form3 input.button {
width:69px;
height:26px;
color:#FFF;
font:bold 12px "Century Gothic", Arial, Helvetica, sans-serif;
padding:2px 5px;
background: transparent url("../images/button.gif") 0px 0px;
cursor:pointer;
border:none;
float:left;
}
#contac_form3 input.button:hover {
background: transparent url("../images/button.gif") 0px -26px;
}
#contac_form3 input, select {
font: normal 11px/15px "Century Gothic", Arial, Helvetica, sans-serif;
color: #666;
width: 250px;
padding: 2px;
background-color:#fff;
border: solid 1px #CAECEC;
}
#contac_form3 input, select:hover {
background-color: #E8F7F7;
border: solid 1px #CAECEC;
}

#contac_form form {
text-align: left;
width: 248px;
float: left;
margin-top: 10px;
margin-right: 100px;
margin-bottom: 10px;
margin-left: 22px;
padding: 5px;
}
#contac_form label {
display: block;
font-weight: bold;
margin: 15px 0 10px 0;
color: #666;
cursor: inherit;
vertical-align:top;
}
#contac_form textarea {
width: 500px;
padding: 4px;
font: normal 11px "Century Gothic", Arial, Helvetica, sans-serif;
height: 100px;
display: block;
color: #666;
background-color:#FFF;
border: solid 1px #ccc;
}
#contac_form textarea:hover {
background-color: #E8F7F7;
border: solid 1px #BFCACC;
}
#contac_form input.button {
width:69px;
height:26px;
color:#FFF;
font:bold 12px "Century Gothic", Arial, Helvetica, sans-serif;
padding:2px 5px;
background: transparent url("../images/button.gif") 0px 0px;
cursor:pointer;
border:none;
float:right;
}
#contac_form input.button:hover {
background: transparent url("../images/button.gif") 0px -26px;
}
#contac_form input, select {
font: normal 11px/15px "Century Gothic", Arial, Helvetica, sans-serif;
color: #666;
width: 250px;
padding: 2px;
background-color:#fff;
border: solid 1px #CAECEC;
}
#contac_form input, select:hover {
background-color: #E8F7F7;
border: solid 1px #CAECEC;
}
/*formulario 2*/
#contac_form2 form {
text-align: left;
float: left;
margin-top: 10px;
margin-right: 100px;
margin-bottom: 10px;
margin-left: 22px;
padding: 5px;
}
#contac_form2 label {
display: block;
font-weight: bold;
margin: 15px 0 10px 0;
color: #666;
cursor: inherit;
vertical-align:top;
}
#contac_form2 textarea {
width: 500px;
padding: 4px;
font: normal 11px "Century Gothic", Arial, Helvetica, sans-serif;
height: 100px;
display: block;
color: #666;
background-color:#FFF;
border: solid 1px #CAECEC;
}
#contac_form2 textarea:hover {
background-color: #E8F7F7;
border: solid 1px #CAECEC;
}
#contac_form2 input.button {
width:69px;
height:26px;
color:#FFF;
font: normal 12px "Century Gothic", Arial, Helvetica, sans-serif;
padding:2px 5px;
background: transparent url("../images/button.gif") 0px 0px no-repeat;
cursor:pointer;
border:none;
float:right;
}
#contac_form2 input.button:hover {
background: transparent url("../images/button.gif") 0px -26px no-repeat;
}
#contac_form2 input, select {
font: normal 11px/15px "Century Gothic", Arial, Helvetica, sans-serif;
color: #666;
width: 250px;
padding: 2px;
background-color:#fff;
border: solid 1px #CAECEC;
}
#contac_form2 input, select:hover {
	background-color: #E8F7F7;
	border: solid 1px #CAECEC;
}
.ctrlHolder{
font: normal 11px/15px "Century Gothic", Arial, Helvetica, sans-serif;
color: #666;
padding: 5px 0 5px 0;
}
#textarea {
width: 500px;
padding: 4px;
font: normal 11px "Century Gothic", Arial, Helvetica, sans-serif;
height: 100px;
display: block;
color: #666;
background-color:#FFF;
border: solid 1px #CAECEC;
}
#textarea:hover {
background-color: #E8F7F7;
border: solid 1px #CAECEC;
}


.buttonp {
width:69px;
height:26px;
color:#FFF;
font: normal 12px "Century Gothic", Arial, Helvetica, sans-serif;
padding:2px 5px;
background: transparent url("../images/button.gif") 0px 0px no-repeat;
cursor:pointer;
border:none;
float:right;
text-align:center;
}

.buttonpcjma {
width:75px;
height:26px;
color:#FFF;
font: normal 12px "Century Gothic", Arial, Helvetica, sans-serif;
padding:2px 5px;
background: transparent url("../images/button.gif") 0px 0px no-repeat;
cursor:pointer;
border:none;
float:right;
}

.buttonp:hover {
background: transparent url("../images/button.gif") 0px -26px;
}

.buttonp1 {
width:69px;
height:26px;
color:#FFF;
font: normal 12px "Century Gothic", Arial, Helvetica, sans-serif;
padding:2px 5px;
background: transparent url("../images/button.gif") 0px 0px;
cursor:pointer;
border:none;
text-align:center;
}

.buttonp1:hover {
background: transparent url("../images/button.gif") 0px -26px;
}