/* Pagina de estilos Principal
--------------------------------*/
body {
	background: url(/content/images/back-body.jpg) repeat-x fixed top;
	margin: 0;
    font-family: "Lucida Sans", Verdana, Arial, Sans-serif;
    font-size: 14px;
    color: #666666;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#header {
	position: fixed; 
	background: transparent url(/content/images/back-i.jpg) no-repeat right top;
	width: 185px;
	height: 600px;
	top: 0;
}
#logo {
	height: 104px;
	width: 178px;
	margin: 0;
	
}
#logo a 
{
	background: transparent url(/content/images/logo.png) no-repeat 0 38px;	
	display: block; 
	height: 104px;
	width: 178px;
	margin: 0;
	text-indent: -9000px;
}
#nav {
    background: #cc3333; 
	width: 178px;
	margin: 0;
	height: 347px;
}
#content {
	width: 680px;
	float: right;
	background: white;
	margin-right: 95px;
	min-height: 600px;
	position: relative;
}
#rightcolumn {
	position: fixed; 
	background: transparent url(/content/images/back-d.jpg) no-repeat left top;
    top: 0;
    margin-left: 865px;
    width: 95px;
	height: 600px;
}
#footer {
}
#direccion {margin: 0}

/* nav
---------------------------*/
#nav ul
{
    margin: 0 0 0 15px;
    padding: 10px 0 0 0;
}
#nav ul li
{
    list-style: square;
    margin: 0 0 0 15px;
    padding: 0;
    color: white;
    font-size: 18px;
    
}
#nav ul li.separado {margin-bottom: 20px;}
#nav ul li.yellow, #nav ul li.yellow a {color: yellow;}
#nav ul li a
{
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: white;
    font-size: 12px;
    display: block;
    text-transform: uppercase;
    line-height: 170%;
    letter-spacing: 0.1px;
}
#nav ul li a:hover
{
    text-decoration: none;
    color: yellow;
}


.inner {
	margin-top: 70px;
	padding-left: 25px;
	width: 200px;
}
.normalcontent 
{
	margin: 70px 5px 5px 5px;
}
.generalcontent 
{
	margin: 70px 25px 5px 25px;
}
.fullcontent 
{
	margin: 0;
}


/* general Inline items
-----------------------------------*/
h2 {font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 0px;
	padding-top: 0px;
	color: Black;
}
h3 {color: Black;}
h4 {margin: 0; color: Black; }
h4 a {color: Black; text-decoration: none; }
.smalltext {font-size: 80%; color: #666;}


/* Quienes Somos 
-----------------------------------*/
#quienes-somos .innerright {
	position: fixed; 
	background: transparent url(/content/images/sombra_sola.jpg) no-repeat left top;
	top: 0;
	margin-left: 270px;
	padding-top: 104px;
	height: 600px;
}
#quienes-somos .innerright .red { 
	margin-left: 14px;
	width: 297px;
	height: 307px;
	background-color: #cc3333;
	padding: 20px 50px;
	color: white;
	font-size: 12px;
}
/* search
-----------------------------------*/
#search .innerright {
	position: fixed; 
	background: transparent url(/content/images/sombra_sola.jpg) no-repeat left top;
	top: 0;
	margin-left: 270px;
	padding-top: 104px;
	height: 600px;
}
#search .innerright .gray { 
	margin-left: 14px;
	width: 300px;
	height: 307px;
	background-color: #e5e5e5;
	padding: 28px 50px 12px 50px;
	color: white;
}
/*.PrecioRangeAlquileres-Temporarios {visibility:hidden;}*/

/* testimonios
-----------------------------------*/
#testimonios h2 { margin-left: 50px; }
#testimonios .innerleft {
	margin: 0;
	padding: 0;
	width: 234px;
	height: 604px;
    position: fixed;
}
#testimonios .innerleft .foto {
	background: transparent url(/content/images/testimonios.jpg) no-repeat left top;
    width: 234px;
    height: 604px;
}
#testimonios .innerleft #contenidoflash {margin-top: 34px;}
#testimonios .innerright 
{
   float: right;
   margin-top: 60px;
   width: 446px;
}

blockquote { border-bottom: 2px solid #ccc; margin: 0 50px; }
blockquote .author { font-style: italic ; text-align: right;color: Black;}

/* unbarrio (tambien usado en admin de alquileres
-------------------------------------------------*/
#unbarrio h2 { margin-left: 50px;}
#unbarrio .innerleft {
	margin: 35px 0 0 0;
	padding: 0;
	width: 234px;
    height: 600px;
    position: fixed;
}
#unbarrio .innerleft .foto {
        width: 234px;
        height: 604px;
}

#unbarrio .innerright 
{
   float: right;
   margin-top: 70px;
   width: 446px;
}
#unbarrio .innerright p {margin: 0 50px 10px 50px;} 
.fotocalc {background: url(/content/images/adminalquileres_texto.jpg) no-repeat bottom right; height: 347px;}

/* barrios
--------------------------------*/
#barrios {margin-top: 73px;}
#barrios h2 {margin-left: 15px; font-size: 10px; }
#barrios ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#barrios ul li{
  float: left;
  padding: 0;
  display: block;
  margin: 0;
}

#barrios ul li a{
  display: block;
  overflow: hidden;
  height: 700px;
  width: 70px;
  text-decoration: none;
  color: Black;
}
#barrios ul li a:visited { color: black}
#barrios #a1{
  width: 260px;
}

#barrios ul li img{
  position: absolute;
  border: none;
}
#barrios .fondo {height: 347px; width: 260px;}
.textito a, .textito {font-size: 10px; text-transform: uppercase; text-decoration: none; color: #666; font-weight: normal; }

/* Contacto y suscripcion y tasación
---------------------------------------*/
#contacto .innerleft {
    float: left;
    width: 380px;
    margin: 70px 25px 0 25px;
    padding: 0;
}

#contacto .innerright {
    float: right;
    background: transparent url(/content/images/sombra_sola.jpg) no-repeat left top;    
    width: 250px;
    height: 600px;
    color: #666;
}
#contacto .innerright div { padding: 1px 0}
#contacto .vcard{
    margin: 120px 0 0 40px;
}
.formulario input, .formulario textarea {
   width: 100%; 
   border: none; 
   background-color: silver;
}
.formulario .checkbox {width: auto; }
.formulario label {text-transform: uppercase; color: #666;}
.formulario input.bigbutton, .bigbutton  {
	border: solid 0px white; 
    font-family: "Lucida Sans", Verdana, Arial, Sans-serif;    
    width: auto; 
    background-color: white;
    padding: 10px;
    text-transform: uppercase;
    background: white url(/content/images/sombra_boton.jpg) no-repeat left;
    color: #666;
    font-weight: bold;
    margin: 0;
    cursor: pointer;
} 
a.bigbutton  { font-size: 12px; text-decoration: none; padding: 15px 10px;}
.bigtel {font-size: 30px;color: #666;}
#contacto .innerright .gray {background: silver; margin: 104px 0 0 14px; height: 346px; overflow: hidden;}
#contacto .innerright .gray p {padding: 10px 50px; font-size: 12px; color: Black;}
/* vcard
----------------*/
.vcard {}
.vcard a {text-decoration:none; color: #666;}
.vcard a:hover {text-decoration:none; color: black;}
.vcard .org {color: Black;}

/* search
----------------*/
p.icon {padding: 10px 0px 7px 50px; }
p.icon label {display: none; }
#search select {width: 200px; border: none; background-color: #7f7f7f; color: white; padding: 2px;}
.amenities-g { background: url(/content/images/amenities_f_gris.jpg) no-repeat left;}
.amenities-w { background: url(/content/images/amenities_f_blanco.jpg) no-repeat left;}
.dormitorios-g { background: url(/content/images/dormitorios_f_gris.jpg) no-repeat left;}
.dormitorios-w { background: url(/content/images/dormitorios_f_blanco.jpg) no-repeat left;}
.verdes-g { background: url(/content/images/verdes_f_gris.jpg) no-repeat left;}
.verdes-w { background: url(/content/images/verdes_f_blanco.jpg) no-repeat left;}
.garage-g { background: url(/content/images/garage_f_gris.jpg) no-repeat left;}
.garage-w { background: url(/content/images/garage_f_blanco.jpg) no-repeat left;}

/* listar
----------------*/
.rss {background: url(/content/images/rss.jpg) no-repeat left; margin-left: 200px;}


/* ficha
----------------*/
.ficha {font-size: 90%}
.ficha p {margin: 0 0 0 18px}
.ficha h2 {padding-left: 16px; }
.ficha h3 {text-transform: uppercase; margin: 10px 0 5px; padding-left: 16px; font-size: 12px; border-bottom: 3px solid #24136f; width: 300px; background: url(/content/images/cuadradorojo.gif) no-repeat left; clear: both;}
.ficha .galeria {margin-top: 20px; }
.barraiconos {background-color: #DBDCDE; padding: 5px 15px 4px 5px; margin: 10px 0; height: 17px;}
.barraiconos span, .barraiconos a {padding: 17px 0px 17px 40px; margin-right: 10px; color:Black ;}
.barraiconos a {text-decoration: none; text-transform: uppercase; color: #666; font-size: 11px; }
.barraiconos select { margin: -5px 0;}
.barraiconos label {margin: 0; text-transform: uppercase; }
.iconos {float: right; width: auto;}
.barraprecio {float: left; width: 320px; }

/*.ficha table span {width: 200px; display: block; float: left; } */
table.caracteristicas {margin: -1px; padding: 0; border-collapse: collapse;}
table.caracteristicas th {width: 150px; text-align: left; padding-left: 18px; font-weight: normal;}
table.caracteristicas td {width: 200px; text-align: left;}

a img {border: none;}
a.fotosmall img {background: url(/content/images/sombra_small.jpg) no-repeat right; padding: 0 3px; margin: 0 10px 10px 11px}
a.fotomedium img {background: url(/content/images/sombra_medium.jpg) no-repeat right; padding: 0 8px; margin: 0 10px 0 0}
a.fotobig img, .framebig {background: url(/content/images/sombra_grande.jpg) no-repeat right; padding: 0 16px; }
.framebig {width: 300px; height: 300px;}


.pdf {background: url(/content/images/pdf2.jpg) no-repeat left;}
.imprimir {background: url(/content/images/imprimir.jpg) no-repeat left;}
.plano {background: url(/content/images/plano.jpg) no-repeat left;}
.enviaramigo {background: url(/content/images/enviaramigo.jpg) no-repeat left;}

.ficha .datos { margin: 20px;}
.ficha b { color: Black; }


/* Propiedad
----------------*/
.propiedad {border-bottom: 2px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px; overflow: hidden;}
.propiedad img {float: left; }
.propiedad .datos {margin-left: 190px; }
.propiedad .barraiconos {background-color: #ffffff;  }
.propiedad p {margin: 0; min-height: 60px;}
.propiedad .vermas {
    padding: 17px 0px 17px 10px; 
    margin-right: 0px; 
    margin-left: 70px; 
    border: none; 
    font-family: "Lucida Sans", Verdana, Arial, Sans-serif;    
    width: auto; 
    background-color: white;
    background: white url(/content/images/sombra_boton.jpg) no-repeat left;
    color: #666;
    font-weight: bold;

}

/* adminform
----------------*/
.adminform label {color: #666}
.adminform table {}
.adminform table td { vertical-align: bottom; padding: 1px 5px; }

.adminbutton, .adminbuttongrey, textito  {font-size: 10px; text-transform: uppercase; text-decoration: none; }
.adminbuttongrey {color: #666}
.adminbutton, .adminblock {color: green}


/* home
--------------------------------*/
#home {margin-top: 60px;}
#home h2 {margin-left: 15px;}
#home ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#home ul li{
  float: left;
  padding: 0;
  display: block;
  margin: 0;
}

#home ul li a{
  display: block;
  overflow: hidden;
  height: 700px;
  width: 100px;
  text-decoration: none;
  color: Black;
}
#home ul li a:visited { color: black}
#home #a1{
  width: 280px;
}

#home ul li img{
  position: absolute;
  border: none;
}
#home .fondo {height: 347px; width: 280px;}

/* ubicacion
-----------------------------------*/
#ubicacion .innerright {
	position: fixed; 
	background: transparent url(/content/images/sombra_sola.jpg) no-repeat left top;
	top: 0;
	margin-left: 200px;
	padding-top: 104px;
	height: 600px;
}
/* login
-----------------------------------*/
#login .innerright {
	position: fixed; 
	background: transparent url(/content/images/sombra_sola.jpg) no-repeat left top;
	top: 0;
	margin-left: 230px;
	padding-top: 104px;
	height: 600px;
}
/* print y display
-----------------------------------*/
.noprint {}
.onlyprint {display:none;}

/* info y error
---------------------------------------*/
.error p, .info p
{
	padding: 2px 5px 2px 25px;
	margin: 0 auto;
	color: black;
}
.error p {background: #F2DDDD url(/content/images/error20.gif) no-repeat left center;}
.info p {background: #E0F8E1 url(/content/images/info20.gif) no-repeat left center;}
.error { border-bottom: 1px solid red; background-color: #F2DDDD; }
.info { border-bottom: 1px solid green; background-color: #E0F8E1; }
.error, .info {position: absolute; top: 0; height: 20px; z-index: 1; width: 100%; padding: 5px;}
.contenidoflash {z-index: 0; }
.intrainfo {border: 1px solid green; background: #E0F8E1 url(/content/images/info20.gif) no-repeat left center; padding: 5px 5px 5px 25px; margin: 10px 0;}

/* estados (vendido, etc)
---------------------------------------*/
.Vendido {background: url(/content/images/vendido.png) no-repeat right top;}
.Alquilado {background: url(/content/images/alquilado.png) no-repeat right top;}
.Reservado {background: url(/content/images/reservado.png) no-repeat right top;}
.Sold {background: url(/content/images/Sold.png) no-repeat right top;}
.Rented {background: url(/content/images/Rented.png) no-repeat right top;}
.Reserved {background: url(/content/images/Reserved.png) no-repeat right top;}
.Ocupado {background: url(/content/images/Ocupado.png) no-repeat right top;}
.Occupied {background: url(/content/images/Occupied.png) no-repeat right top;}
.draft {background: url(/content/images/draft.png) no-repeat right top;}
.Vendido .datos p, .Vendido .datos h4, 
.Sold .datos p, .Sold .datos h4, 
.Alquilado .datos p, .Alquilado .datos h4, 
.Rented .datos p, .Rented .datos h4, 
.Reservado .datos p, .Reservado .datos h4,
.Reserved .datos p, .Reserved .datos h4,
.Ocupado .datos p, .Ocupado .datos h4,
.Occupied .datos p, .Occupied .datos h4,
.draft .datos p, .draft .datos h4
 	{margin-right: 50px; }

    
.b_superficies, .c_caracteristicasdelaunidad {padding-top: 40px;}


/* blinds
---------------------------------------*/
.blindbarrio {background: url(/content/images/fotoshome/a.jpg) no-repeat left top;}
a:hover .blindbarrio, #a1 .blindbarrio  {background: url(/content/images/fotoshome/a_grande.jpg) no-repeat left top;}

.blindventas {background: url(/content/images/fotoshome/b.jpg) no-repeat left top;}
a:hover .blindventas {background: url(/content/images/fotoshome/b_grande.jpg) no-repeat left top;}

.blindalquileres {background: url(/content/images/fotoshome/c.jpg) no-repeat left top;}
a:hover .blindalquileres {background: url(/content/images/fotoshome/c_grande.jpg) no-repeat left top;}

.blindadmin {background: url(/content/images/fotoshome/d.jpg) no-repeat left top;}
a:hover .blindadmin {background: url(/content/images/fotoshome/d_grande.jpg) no-repeat left top;}

.blindalquilerestemp {background: url(/content/images/fotoshome/e.jpg) no-repeat left top;}
a:hover .blindalquilerestemp {background: url(/content/images/fotoshome/e_grande.jpg) no-repeat left top;}


 .blindpalermo {background: url(/content/images/fotosbarrios/1.jpg) no-repeat left top;}
 a:hover .blindpalermo, #a1 .blindpalermo {background: url(/content/images/fotosbarrios/1-grande.jpg) no-repeat left top;}
 
 .blindrecoleta {background: url(/content/images/fotosbarrios/2.jpg) no-repeat left top;}
 a:hover .blindrecoleta {background: url(/content/images/fotosbarrios/2-grande.jpg) no-repeat left top;}
 
 .blindbelgrano {background: url(/content/images/fotosbarrios/3.jpg) no-repeat left top;}
 a:hover .blindbelgrano {background: url(/content/images/fotosbarrios/3-grande.jpg) no-repeat left top;}

 .blindnunez {background: url(/content/images/fotosbarrios/3.jpg) no-repeat left top;}
 a:hover .blindnunez {background: url(/content/images/fotosbarrios/3-grande.jpg) no-repeat left top;}
 
 .blindmadero {background: url(/content/images/fotosbarrios/4.jpg) no-repeat left top;}
 a:hover .blindmadero {background: url(/content/images/fotosbarrios/4-grande.jpg) no-repeat left top;}
 
 .blindsantelmo {background: url(/content/images/fotosbarrios/5.jpg) no-repeat left top;}
 a:hover .blindsantelmo {background: url(/content/images/fotosbarrios/5-grande.jpg) no-repeat left top;}
 
  .blindotras {background: url(/content/images/fotosbarrios/6.jpg) no-repeat left top;}
 a:hover .blindotras {background: url(/content/images/fotosbarrios/6-grande.jpg) no-repeat left top;}
 
/* build in validation
---------------------------------------*/
.validation-summary-errors {color: Red;}
.validation-summary-errors {color: Red;}
.input-validation-error {border: 1px solid red;}
.field-validation-error {font-size: 10px; color: Red; }

/* direccion
---------------------------------------*/
.hidden {display: none;}
#direccion {font-size: 10px;}
#direccion .bigtel {font-size: 16px; margin: 10px 0 10px 25px}
#direccion .vcard {margin: 10px 0 10px 25px}

/* reservas
---------------------------------------*/
.reserva {padding-bottom: 5px; margin-bottom: 5px; border-bottom: dotted 1px silver; padding-left: 60px; background: url(/content/images/calendar.png) no-repeat left top;}
.calendario .ui-datepicker {width:295px; height:300px; border: 0 none;}

/* logon
---------------------------------------*/
#logon { margin: 10px 0 0 25px; color: #666; font-size: 10px; text-decoration: none; }

.backfoto {display: block; float: right; overflow: hidden; height: 30px; margin-right: 200px;}