/* Estilos para inmobiliariaestevez.com */

* {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	}
a{
outline:none;
}
body {
	color: #605e55;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.4em;
	background-color: #323639;
	background-image: url(img/bg-header-wrap.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}

#header-wrap, #content-wrap, #footer-wrap {
	text-align: center;
}

#header, #content, #footer {
	width: 760px;
	text-align: left;
	margin: 0 auto;
}

/* header ------------ */
#header {
	background: url(img/bg-header.jpg) 0 0 no-repeat;
	position: relative;
	height: 120px;
}

#header h2 {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 200px;
	height: 120px;
	margin: 0px;
	background-color: transparent;
	background-image: url(img/logo_estevez.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

#header h2 a {
	text-indent: -9000em;
	overflow: hidden;
	width: 200px;
	height: 120px;
	display: block;
	text-decoration: none;
	color: #fff;
	float: left;
	}
#frase {
	position: absolute;
	top: 10px;
	right: 32px;
	margin: 0;
	text-align: right;
}

#frase h1 {
	font-family: "Century Gothic";
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: normal;
}
.oculto {
	display: none;
}
.visible {
	display: all;
}



/*--[ nav ]----------------------------------------------------------------*/
#nav {
	position: absolute;
	top: 80px;
	left: 280px;
	margin: 0;
}
#nav li {
	float: left;
	display: inline;
	padding: 0px;
	margin-right: 10px;
	height: 28px;
}
#nav li a {
	text-indent: -9000em;
	overflow: hidden;
	height: 28px;
	display: block;
	text-decoration: none;
	float: left;
}

#nav li, #nav li a {
	background-image: url(img/bg-nav-fr.gif);
	background-repeat: no-repeat;
}

#nav #nav1, #nav #nav1 a {width: 72px;background-position: 0 0;}
#nav #nav1 a:hover, #nav #nav1.active a {background-position: 0 -28px;}
#nav #nav2, #nav #nav2 a {width: 68px;background-position: -82px 0;}
#nav #nav2 a:hover, #nav #nav2.active a {background-position: -82px -28px;}
#nav #nav3, #nav #nav3 a {width: 75px;background-position: -160px 0;}
#nav #nav3 a:hover, #nav #nav3.active a {background-position: -160px -28px;}
#nav #nav4, #nav #nav4 a {width: 110px;background-position: -244px 0;}
#nav #nav4 a:hover, #nav #nav4.active a {background-position: -244px -28px;}
#nav #nav5, #nav #nav5 a {width: 86px;background-position: -364px 0;}
#nav #nav5 a:hover, #nav #nav5.active a {background-position: -364px -28px;}
#nav #nav6, #nav #nav6 a {width: 72px;background-position: -445px 0;margin-right: 0px;}
#nav #nav6 a:hover, #nav #nav6.active a {background-position: -445px -28px;}

	
	
/*--[ content ]----------------------------------------------------------------*/
#content-wrap {
	background: #f3f1e9 url(img/bg-content.jpg) 0 0 repeat-x;
	padding: 20px 0;
	overflow: auto;
}
#home #content-wrap {
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

#content{
}

/*--[ homepage ]----------------------------------------------------------------*/
#main {
	float: left;
	display: inline;
	width: 760px;
	position: relative;
}
#intro {
	background: #EDEADD url(../i/layout/bg-intro.gif) 0 0 no-repeat;
	width: 315px;
	padding: 60px 160px 10px 20px;
	}

#intro h1 {
	padding-top: 24px;
	height: 0px !important;
	width: 275px;
	overflow: hidden;
	margin: 0 0 0.4em 0;
	background: url(../i/layout/dreams-fr.gif) 0 0 no-repeat;}

#choose {
	width: 750px;
	height: 216px;
	overflow: hidden;
	margin: 20px 0 0 0;
}
#sale {
	float: left;
	margin-left: 10px;
}
#rent {
	float: left;
	margin-left: 10px;
}
#prom {
	float: left;
	margin-left: 10px;
}
#choose li {
	position: relative;
	width: 235px;
	height: 216px;
	padding: 0px;
	text-align: center;
	list-style-type: none;
}
#choose li a {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 225px;
	height: 169px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
}
#choose img {margin: 0 auto;}

#sale {background: #e3decb url(img/prom.gif) 0 0 no-repeat;}
#rent {background: #e3decb url(img/prom.gif) 0 0 no-repeat;}
#prom {background: #e3decb url(img/prom.gif) 0 0 no-repeat;}


.hide, #main ul h2 { /* hides text from broswer */
	position:absolute;
	left:-9999px;
	width:0px;
	overflow:hidden;
	}

/*--estilos para preentar los inmuebles----------------------------------------------------------------*/
#lista-inmuebles {
	margin: 0 0 1em 0;
	width: 760px;
	float: left;
}
#lista-inmuebles li {
	background: #eae5d1 url(img/bg-gradient.gif) bottom left repeat-x;
	width: 225px;
	padding: 5px 5px 10px 5px;
	float: left;
	display: inline;
	text-align: center;
	margin-left: 27px;
	margin-bottom: 2em;
	line-height: 1.2em;
	color: #7391ab;
}
#lista-inmuebles .first {margin-left: 0px;}

#lista-inmuebles .img, #estate-imagery .img {
	background: #F3F1E9;
	position: relative;
	width: 225px;
	height: 169px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	display: block;
	margin-bottom: 0.6em;
}
#content #lista-inmuebles a {display: block;text-decoration: none;color: #605e55;}
#content #lista-inmuebles a:hover {text-decoration: underline;color: #e23b00;}
#lista-inmuebles img, #estate-imagery img {margin: 0 auto;}

#estate-imagery {
	float: left;
	width: 235px;
	margin: 0 0 2em 0;
}
#thumb {
	background: #eae5d1 url(img/bg-gradient.gif) bottom left repeat-x;
	float: left;
	position: relative;
	width: 225px;
	padding: 5px;
	height: 196px;
	margin: 0 0 1em 0;
}
#thumb ul {margin: 0px;}
#thumb li {
	background: none;
	padding: 0px;
	margin: 0px;

}
#prev, #next, #number {position: absolute;bottom:6px;clear:both;}
#number {left: 85px;width: 55px;text-align: center;font-weight: bold;}

#prev {left:10px;}
#next {right:10px;}
#thumb .img {
	width: 225px;
	height: 169px;
	overflow: hidden !important;
	text-align: center;
	text-decoration: none;
	display: block;
}

#info-inmuebles {
	width: 480px;
	float: right;
	margin-bottom: 2em;
	padding-left: 20px;
	border-left: 1px solid #dad7ca;
}
#info-inmuebles dl {
	width: 480px;
	margin-bottom: 1em;
}
#info-inmuebles dt {
	background: url(img/bullet.gif) 0 0.6em no-repeat;
	float: left;
	width: 110px;
	clear: both;
	color: #8c8a81;
	padding: 0.3em 0 0 20px;
	margin: 0 0 0.3em 0;
	border-top: 1px solid #dad7ca;
}
#info-inmuebles dd {
	float: right;
	width: 350px;
	margin: 0 0 0.3em 0;
	padding-top: 0.3em;
	border-top: 1px solid #dad7ca;
}
#interested, .gallery {
	float: left;
	background: #eae5d1 url(img/bg-gradient.gif) bottom left repeat-x;
	padding: 20px;
	width: 720px;
	margin-bottom: 10px;
}
#interested form {margin: 0px;}
#interested fieldset {border: 0;padding: 0px;margin:0px;}

.status {
	position: absolute;
	top: 0px;
	z-index: 10;
	left: 0px;
}

/*--[ forms ]----------------------------------------------------------------*/
#interested p.legend { margin-bottom: 1em; }
#interested p.legend em { color: #C00; font-style: normal; }
#interested form p { margin: 0; }
#interested form fieldset { margin: 0 0 20px 0; padding: 0 10px 10px 10px;}
#interested form legend { font-weight: bold; color: #e23b00; }
#interested form fieldset div { padding: 0.25em 0;float:left;display:inline;width: 360px;}
#interested label, #interested span.label { cursor: pointer;padding-right: 10px; width: 120px; display: block; float: left; text-align: right; position: relative; }
#interested div.error label, #interested span.error { color: #e23b00; }
#interested label em, #interested span.label em {font-style: normal; color: #e23b00; }
#interested input,  #interested textarea {
	font-size: 1.0em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 2px;
	border: 1px solid #DAD7CA;
	width: 220px;
	background-color: #FFF;
}
#interested select {width: 220px;}
#interested textarea {
	width: 580px;
	height: 80px;
	overflow: auto;
}
#interested div.error input,  #interested div.error textarea { 
	border-color: #e23b00; 
	background: #fff3ef url(img/bg-error.gif) 0.4em 0.4em no-repeat;
	text-indent: 10px;
	}
#interested .errorform { 
	border-color: #e23b00; 
	background: #fff3ef url(img/bg-error.gif) 0.4em 0.4em no-repeat;
	text-indent: 10px;
	}
#interested div.error select {background: #fff3ef;}	
#interested input:focus, #interested input.error:focus, #interested textarea:focus {background-color: #FFF;border-color: #afab98; }
#interested form .textarea {
	clear: both;
	width: 736px;
}
#interested .button {
	clear: both;
	float: left;
	display:inline;
	margin: 0 0 0 140px;
}
#interested .button {margin: 5px 0 0 130px;}

#interested .button input {
	border: 0px;
	padding: 0;
	width: 100px;
	height: 28px;
	float: left;
	}
#interested .button p {
	font-size: 0.9em;
	float: right;
	line-height: 28px;
	width: 480px;
}
#interested .errors, #success {
	clear: both;
	padding: 20px;
	background: #e23b00;
	margin : 0 0 10px 130px;
}
#success {
	background: #7CB439;
	margin : 0;
}
.errors h3, #success h3 {
	clear: both;
	color: #fff;
	font-size: 1.1em;
	letter-spacing: 0px;
	margin: 0px;
}


/*----- admin editar -----*/
#admin {
	float: left;
}
#admin p.legend { margin-bottom: 1em; }
#admin p.legend em { color: #C00; font-style: normal; }
#admin form p { margin: 0; }
#admin form fieldset { margin: 0 0 20px 0; padding: 0 10px 10px 10px; border: 1px solid #DAD7CA;}
#admin form legend { font-weight: bold; color: #e23b00; }
#admin form fieldset div { padding: 0.25em 0;float:left;display:inline;width: 360px;}
#admin label, #admin span.label { cursor: pointer;padding-right: 10px; width: 120px; display: block; float: left; text-align: right; position: relative; }
#admin div.error label, #admin span.error { color: #e23b00; }
#admin label em, #admin span.label em {font-style: normal; color: #e23b00; }
#admin input,  #admin textarea {
	font-size: 1.0em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 2px;
	border: 1px solid #DAD7CA;
/*	width: 220px;*/
	background-color: #FFF;
}
#admin select {
	width: 150px;
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #DAD7CA;
}
#admin textarea {
	width: 580px;
	height: 80px;
	overflow: auto;
}
#admin div.error input,  #admin div.error textarea { 
	border-color: #e23b00; 
	background: #fff3ef url(img/bg-error.gif) 0.4em 0.4em no-repeat;
	text-indent: 10px;
	}
#admin .errorform { 
	border-color: #e23b00; 
	background: #fff3ef url(img/bg-error.gif) 0.4em 0.4em no-repeat;
	text-indent: 10px;
	}
#admin div.error select {background: #fff3ef;}	
#admin input:focus, #admin input.error:focus, #admin textarea:focus {background-color: #FFF;border-color: #afab98; }
#admin form .textarea {
	clear: both;
	width: 736px;
}
#admin .button {
	clear: both;
	float: left;
	display:inline;
	margin: 0 0 0 140px;
}
#admin .button {margin: 5px 0 0 130px;}

#admin .button input {
	border: 0px;
	padding: 0;
	width: 100px;
	height: 28px;
	float: left;
	}
#admin .button p {
	font-size: 0.9em;
	float: right;
	line-height: 28px;
	width: 480px;
}
#admin a{
	color: #666666;
	text-decoration: none;
}

#admin a:hover{
	text-decoration: underline;
}
/*--[ mapa de localización ]----------------------------------------------------------------*/

#map{
	width: 486px;
	height: 436px;
}
#location-border{
	width: 750px;
	height: 355px;
	border: 5px solid #EAE5D1;
	margin-bottom: 10px;
}
#location-map{
	width: 750px;
	height: 355px;
}
#video-border{
	width: 500px;
	height: 385px;
	border: 5px solid #EAE5D1;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
}
#video-video{
	width: 500px;
	height: 385px;
}
#botones_mapas {
	width: 750px;
	height: 26px;
}
#info-window {
	padding: 10px;
	background: #F3F1E9;
	float: left;
}
#info-window strong {color: #e23b00;}
#info-window img {
	float: left;
	display: inline;
	height: 100px;
	margin-right: 10px;
}	
#info-window a {
	color: #FF6600;
	text-decoration: none;
}

/*--[ footer ]----------------------------------------------------------------*/
#footer-wrap {
	clear: both;
	background: #323639 url(img/bg-footer.jpg) 0 0 repeat-x;
	padding-top: 20px;
}
#footer {
	clear: both;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #c8cacb;
	height: 100px;
	text-align: center;
}

#footer #hecho {
	text-align: right;
	font-size: 7.5pt;
}
#footer #hecho a{
	color: #F2F2F2;
	text-decoration: none;
}


/* otros */

.hide { /* hides text from broswer */
	position:absolute;
	left:-9999px;
	width:0px;
	overflow:hidden;
	}
.resalto {
	font-weight: bold;
}




/* tooltip ----------------------------------------- */
#tooltip {
	background-color: #EAE5D1;
	border: 1px solid #583F27;
	color: #333333;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 7px;
	max-width: 20em;
	line-height: 12px;
}
#tooltip h3 {
	font-size: 1.1em;
    margin: 0;
	padding: 0 3px;
	text-align: left !important;
}
#tooltip p {
	font-size: 0.95em;
	margin: 5px 0 0 5px;
	text-align: left;
}

/* ---------------------------------------------- */


/* ------------------------------------------------- */
/* inicio */
#content-izda{
	float: left;
	width: 460px;
	margin-left: 20px;
	margin-right: 20px;
}
#content-dcha{
	float: right;
	width: 200px;
	margin-right: 10px;
}
#caja {
	background-image: url(img/grad1.gif);
	height: 150px;
	width: 450px;
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 5px;
}
#caja:hover {
	background-image: url(img/grad2.gif);
	cursor: hand;
	background-repeat: no-repeat;
	background-position: left;
}
#titulo {
	font-family: "Century Gothic";
	font-size: 20pt;
	padding-top: 10px;
	padding-left: 50px;
}

#texto-venta {
	font-family: "Century Gothic";
	font-size: 12pt;
	float: right;
	width: 430px;
	margin-top: 20px;
	margin-right: 10px;
	text-align: right;
	background-image: url(img/casilla.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
	height: 100px;
}
#texto-alquiler {
	font-family: "Century Gothic";
	font-size: 12pt;
	float: right;
	width: 430px;
	margin-top: 10px;
	margin-right: 10px;
	text-align: right;
	background-image: url(img/casilla2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
	height: 100px;
}

#texto-promo {
	font-family: "Century Gothic";
	font-size: 12pt;
	float: right;
	width: 430px;
	margin-top: 10px;
	margin-right: 10px;
	text-align: right;
	background-image: url(img/promo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
	height: 100px;
}

#texto-venta a, #texto-alquiler a, #texto-promo a{
	font-size: 14pt;
	color: #FF0000;
	text-decoration: none;
}

#caja-dcha {
	background-image: url(img/promo.gif);
	height: 400px;
	width: 210px;
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 5px;
}

#dcha-arriba{
	background-image: url(img/cuadro-arriba.gif);
	height: 10px;
	width: 200px;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-position: bottom;
}
#dcha-medio{
	background-image: url(img/cuadro-centro.gif);
	background-repeat: repeat-y;
	width: 200px;
	padding-right: 5px;
	padding-left: 5px;
}
#dcha-medio p {
	padding-right: 25px;
	padding-left: 10px;
}

#dcha-medio h1 {
	font-family: "Century Gothic";
	font-size: 14pt;
	color: #B70000;
	padding-right: 5px;
	line-height: 25pt;
	text-align: center;
	font-weight: normal;
}
#dcha-medio .thumb {
	display: block;
	position: relative;
	width: 150px;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D61D00;
	border-bottom-color: #D61D00;
	border-left-color: #D61D00;
	border-top-width: 1px;
	border-top-color: #D61D00;
}
#dcha-medio-venta {
	background-image: url(img/casillab.gif);
	background-repeat: no-repeat;
	//height: 150px;
	width: 200px;
}
#dcha-medio-alquiler {
	background-image: url(img/casilla2b.gif);
	background-repeat: no-repeat;
	height: 150px;
	width: 200px;
}
#dcha-abajo{
	background-image: url(img/cuadro-abajo.gif);
	height: 14px;
	width: 200px;
	background-repeat: no-repeat;
}

#menuAdmin {
	margin-left: 100px;
}
#menuAdmin a{
	color: #333333;
	text-decoration: none;
}
#menuAdmin a:hover{
	text-decoration: underline;
}

#tabla tbody tr td {
	background-color: #eee;
	height: 25px;
}
#tabla tbody tr.odd  td {
  background-color: #fff;
}

#tabla tbody tr.cabecera  td {
	background-color: #666666;
	font-weight: bold;
	color: #FFFFFF;
}
.nothing a {
	color: #666666;
	text-decoration: none;
}
.centrar {
	text-align: center;
}
.borderojo {
	border: 2px solid #FF0000;
	background-color: #FFCECE;
}
#adminFotos {
	margin-left: 50px;
	list-style-position: inside;
	list-style-image: url(img/bullet.gif);
	list-style-type: none;
}
.thumbnail {
	float: right;
	margin-top: 20px;
	margin-right: 50px;
	height: 170px;
	width: 225px;
	display: inline;
	z-index: 1000;
}

#adminFotos a{
	color: #666666;
	text-decoration: none;
}
#adminFotos a:hover{
	color: #000000;
	text-decoration: underline;
}
#content-dcha  a {
	font-weight: bold;
	color: #605E55;
	text-decoration: none;
}
#content-dcha  a:hover {
	text-decoration: underline;
}
.enlaceboton a{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(img/fondoboton.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 170px;
	margin-bottom: 20px;
	line-height: 28px;
	font-size: 10px;
}