/* SVN FILE: $Id: cake.generic.css 7945 2008-12-19 02:16:01Z gwoo $ */
/**
 *
 * PHP versions 4 and 5
 *
 * CakePHP(tm) :  Rapid Development Framework (http://www.cakephp.org)
 * Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @filesource
 * @copyright     Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
 * @link          http://www.cakefoundation.org/projects/info/cakephp CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @version       $Revision: 7945 $
 * @modifiedby    $LastChangedBy: gwoo $
 * @lastmodified  $Date: 2008-12-18 21:16:01 -0500 (Thu, 18 Dec 2008) $
 * @license       http://www.opensource.org/licenses/mit-license.php The MIT License
 */

* {
  margin:0;
  padding:0;
}

body {
  /*font-family: Palatino;*/
  /*font-family: Garamond, 'Times New Roman';*/
  font-family: arial;
  /*font-family: "Lucida Grande",verdana,sans-serif;*/
  font-size: 13px;
  margin: 0 auto 20px;
  background:transparent url(../img/bg_gradient.png) repeat-x center bottom;
}
p {
  margin: 10px 0;
}
a {
  text-decoration: underline;
}
a:hover {
  text-decoration:none;
}
a img {
  border:none;
}

img {
  display: block;
}
h1, h2, h3, h4 {
	font-weight: normal;
}
br.clear {
  clear: both;
}

/*Layout*/
#container {
  width: 980px;
  margin: 0 auto;
}
#header {
  background: #000 url(../img/header_logo.png) no-repeat top left;
  height: 108px;
}
#content {
  background: #2A2A28;
}
#logo {
  background: #8CBDFC url(../img/logo_chicas.png) no-repeat top right;
  padding:0;
  height: 288px;
}
.content_titulo {
  margin: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #999;
  border-bottom: 1px solid #ddd;
}

#content_layout {
}

#content_body {
  width: 823px;
  float: left;
}

#content_filtro {
  width: 240px;
  
}

#content_data {
  width: 573px;
  float: right;
  background: #fff;
}

#content_data_nivel3 {
  background: #fff;
  padding:10px;
  width:803px;
}

#content_data #data {
  background: #fff;
  padding: 0 5px 5px 5px;
}
#content_pauta {
  width: 157px;
  float: right;
}

#footer {
  background: #000;
  height: 100px;
}
#copyright {
  padding: 5px 0 0;
  color: #fff;
  height: 70px;
}

#createdBy {
  float: left;
  padding: 2px 100px 2px 10px;
}

#createdBy span {
  color: #eee;
  background: transparent url(../img/ficticio_peque.png) no-repeat left top;
  padding-left: 20px;
}
#createdBy a, #createdBy a:hover, #createdBy a:visited {
  color: #fff;
  text-decoration: none;
}

#bienvenida {
  background-color: #e5e5e5;
  padding: 2px;
  height: 40px;
  color: #333;
}
#bienvenida div {
  width: 200px;
  padding: 8px 0 8px 8px;
  float: left;
  font-size: 20px;
  font-weight: bold;
}

/*Tables*/
.tableContainer {
  border:  1px solid #DCDFE2;
}
table.view {
  width: 100%;
  border-collapse: collapse;
}
table.view th {
   padding: 2px 5px 2px 5px;
   font-weight: bold;
   text-align: left;
   color: #000;
   background: #EFF5FF;
   border-top: 1px solid #e9f0ff;
   border-right: 1px solid #e9f0ff;
   border-bottom: 1px solid #DCDFE2;
   border-left: 1px solid #e9f0ff;
   white-space: nowrap;
}

table.view td {
  padding: 2px 5px 2px 5px;
}

table.view tr.odd {
  background: #f4f4f4;
}
table.view tr.pendiente {
  background: #f00;
}

.ml {
  table-layout:fixed;
}
.ml * td {
  empty-cells:show;
  overflow:hidden;
  white-space:nowrap;
  width:100%;
  font-size: 11px;
}


/*Pagina*/
.pagina_titulo {
  width: 97%;
  font-size:18px;
  border: 3px dotted #aaa;
  padding: 4px;
}

#pagination {
  clear:left;
}

#breadcrumb {
  width: 584px;
  height: 18px; /* This is the height we wan't on our breadcrumb */
  padding: 4px 0 0 8px;
  color: #333; /*This is our color on the text which isn't a link. We want' they to be light grey */
  font-size: 15px;
  line-height: 19px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  overflow: hidden;
}
#breadcrumb li {
  float: left;
  display: inline;
  margin-right: 4px;
}
#breadcrumb a {
  color: #999; /* Our breadcrumb links are going to be white */
  font-weight: bold; /* And bold */
  background: url(../img/breadcrumb_list.png) top right no-repeat;
  padding: 3px 11px 2px 0;
  /*padding-right: 11px;*/ /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */
  text-decoration: none;
}
#breadcrumb a:hover {
  color: #333;
  background:url(../img/breadcrumb_list.png) bottom right no-repeat;
}

/* Forms */
form {
	/*clear: both;*/
/*	margin-right: 20px;*/
	padding: 0;
/*	width: 80%;*/
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #999;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
  /*margin-bottom: 5px;
	padding: .5em;*/
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form textarea {
  line-height: 14px;
  min-height: 100px;
}
form div.text input, form div.password input , form textarea {
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  background: #fff;
}

form div.error input, form div.error textarea {
  background: #F7EBF0;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
/*	margin-left: 140px;*/
}
label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}

.required label {
  padding-left: 20px;
  background: transparent url(../img/requerido.png) no-repeat left 5px;
}
input, textarea {
	clear: both;
	font-size: 100%;
	/*font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;*/
	padding: 2px;
	/*width: 100%;*/
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 100%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 110%;
	font-weight: bold;
	/*margin: 1em 0;*/
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

#flashMessage {
  background:#FFFFD9  url(../img/messagebox_warning.png) no-repeat scroll 10px 50%;
  border:1px solid #DDDDDD;
  margin-bottom:10px;
  padding: 20px 5px 20px 80px;
}


#carousel-top {
  height: 58px;
  background: #2D2E2F;
}

#login-search {
  background:#000  url(../img/bg_buscar.png) no-repeat scroll top right;
  height: 70px;
}
#login-search #login {
  width: 373px;
  background:#000  url(../img/login_derecha.png) no-repeat scroll top right;
  height: 65px;
  padding-top: 5px;
  color: #fff;
}
#login table {
  margin: 0 0 0 30px;
  border-collapse: collapse;
}
#login table td {
  font-size: 11px;
  text-align: right;
  padding: 3px 0 6px 15px;
}
#login input.text {
  border: transparent;
  padding: 3px;
}

#login input.submit {
  border: transparent;
  font-size: 10px;
  color: #fff;
  line-height: 10px;
  padding: 2px 9px;
  background:#000  url(../img/btn.png) no-repeat scroll top left;
}
#login-search #search {
  /*width: 607px;*/
  height: 70px;
  float: right;
  padding-right: 10px;
}

#search input.blur {
  color:#999;
}

#search .inputsearch {
  width: 191px;
  line-height: 14px;
  
  border: 1px solid #fff;
  background: #fff;
  margin: 0 15px 0 0;
}
#search input.submit {
  border: transparent;
  background: #eee;
  color: #000;
  font-weight: bold;
  font-size: 13px;
  padding: 2px 6px 2px 6px;
}

#search .fecha {
  font-size: 15px;
  color: #fff;
  text-align: right;
  margin: 7px 15px 15px 0;
  text-transform: uppercase;
}

.separador {
  height: 4px;
  border: none;
  background:#fff  url(../img/bottom_menu_derecha.png) repeat-y top right;
}


#pasos {
  background: transparent  url(../img/bg_pasos.png) repeat-x top left;
  height: auto;
  width: 100%;
}

#pasosBody {
  overflow: hidden;
  height: auto;
/*  width: 900px;*/
  margin: 0 auto;
  padding: 0 80px;
}
#tabNavigation {
  text-align: center;
  display:inline-block;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
#tabNavigation li{
  float:left;
  line-height:3.08em;
  background: transparent  url(../img/bg_pasos_separador.png) no-repeat bottom right;
}
#tabNavigation li a {
  border:medium none;
  color:#FFFFFF;
  font-size:1.17em;
  font-weight:bold;
  margin:0 1px 0 0;
  padding:0.6em 1em;
  display:block;
  text-decoration:none;
}
#tabNavigation li.ultimo {
  background: transparent;
}
#tabNavigation li.activo a {
  background: transparent  url(../img/bg_pasos_activo.png) no-repeat bottom center;
}


#bodyPasos {
  width: 900px;
  margin: 0 auto;
  border: 1px solid #eee;
  padding: 0;
}

#bodyPasos .blockHead {
  /*background:transparent url(http://static.lulu.com/images/persuasion/block_top_repeat.gif?20090217105915) repeat-x scroll 0 0;*/
  background: #eee;
  color:#000;
  font-weight:bold;
  height:28px;
  line-height:28px;
  overflow:hidden;
  padding:3px 3px 3px 15px;
  position:relative;
}

.block {
  border:1px solid #DDDDDD;
  margin:10px;
  /*padding: 20px 40px 20px 40px;*/
  padding: 10px 20px;
}

.block table{
  width: 100%;
}
.nuevo {
  background: #EDF3FF;
}

#authMessage {
  background:#FFE5E5  url(../img/messagebox_forbidden.png) no-repeat scroll 10px 50%;
  border:1px solid #FF8888;
  margin: 0 0 10px 0!important;
  padding: 20px 5px 20px 80px;
}
#informacionadicional {
  border: 1px solid #eee;
}
#informacionadicional table td {
  white-space: nowrap;
}

.listar {
  background: #91B16A;
  list-style: none;
  /*margin: 20px 20px 0 15px;*/
  padding: 1px;
}
.listar li {
  background: #fff;
  margin: 1px 1px 2px 1px;
  padding: 1px;
}

.inmuebles table {
  width: 100%;
  border-collapse: collapse;
  font-size: 10px;
  line-height: 10px;
}
.inmuebles table th, .inmuebles table td {
  padding: 3px;
}
.inmuebles table th {
  border-bottom: 1px solid #91B16A;
  text-transform: uppercase;
}

.inmuebles table th.desc {
  font-weight: normal;
  text-transform: capitalize;
}
.inmuebles .wrapfoto {
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.inmuebles a.btnmasinfo {
  position:relative;
  bottom: 40px;
}

.filtro {
  margin: 5px;
  width: 220px;
}
.filtro label {
  color: #fff;
  text-transform: uppercase;
  width: 90px;
  padding: 0;
  font-size: 12px;
}
.filtro input {
  color: #fff;
  background: #2A2A28 ;
  text-align: right;
  border: 0;
}
.filtro .widget input {
  font-size: 8px;
  width: 130px!important;
}
.filtro input.submit {
  border: 1px solid #999;
  text-align: center;
  background: #555;
  width: 100px;
  margin: 0 65px;
}
.filtro select {
  font-size: 11px;
  width: 130px;
}
.filtro td {
  padding: 4px 0;
}
.filtro div.widget {
  font-size: 9px;
}
.filtro .advertencia {
  color: #fff;
  text-align: center;
  font-size: 9px;
}
#precio, #area, #habitaciones, #banios, #antiguedad{
  /*width: 90px;*/
}

div.jGrowl div.message-alert {
  background-color:#990000 !important;
  color:#fff!important;
}


#titulo_nivel3 {
  background:transparent url(../img/bg_titulo.png) repeat-y left top;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
}

strong.codigo {
  font-size: 10px;
}

.atributo {
  /*padding: 0 40px;*/
  height: 20px;
}
.atributoi {
  color:#333333;
  float:left;
  font-size:11px;
  font-weight:bold;
  line-height:15px;
  padding:0 0 0 20px;
  width:162px;
}
.atributod {
  color:#666666;
  float:left;
  font-size:11px;
  line-height:15px;
  margin:0;
  padding:0 0 0 0;
  width:127px;
}

ul.atributos {
  padding:0 0 0 20px;
}
ul.atributos li {
  color:#333333;
  font-size:11px;
  font-weight:bold;
  line-height:15px;
}
.otrascaracteristicas {
  padding: 10px 0;
  color: #C1C32D;
}


ul#verthumbnails {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 430px;
}
ul#verthumbnails li {
  float: left;
  width: 100px;
  height: 100px;
  /*background: #EBFFEB;*/
  /*border: 1px solid #DDF0DD;*/
  border: 1px solid #aaa;
  display: block;
  margin: 2px;
}
ul#verthumbnails li div.canvas {
  /*margin: 10px;*/
  width: 100px;
  height: 100px;
  overflow: hidden;
}
ul#verthumbnails li img{
  width: 100px;
  height: 100px;
}

ul#thumbnails li a {
  display: block;
  text-align: center;
  clear: right;
  padding: 0px 0px 6px 0px;
}

table.tablaver {
  width: 100%;
  margin: 10px 0 0 0;
}
table.tablaver td {
  vertical-align: top;
}

.ico_fotos {
  display: inline;
  padding: 0 2 0 0;
}

.advertisement {
  
}
.advertisement .adwrap {
  width: 134px;
  margin:5px auto;
}

pre.code {
  background: #eee;
  padding: 10px;
  border: 1px solid #aaa;
}

.mceEditorContainer img {
  display: inline!important;
}

#carousel-home {
  float:left;
  background: #D0D22F url(../img/bg_carousel.png) no-repeat left top;
  width: 420px;
  height: 337px;
}
#carousel-home .titulo {
  font-weight: bold;
  background: #CFD230 url(../img/bg_titulo_carousel.png) repeat-y left top;
  padding: 8px 4px;
}
#carousel-home table {
  border-collapse: collapse;
  border: 0;
}

.tooltip {
  color: #777;
  font-size: 12px;
  font-style: italic;
}

label img.labelimg {
  display: inline;
}

.resaltar {
  background: #eee;
  text-align: center;
  font-size: 20px;
  padding: 10px 0;
  font-weight: bold;
}
.codigo {
  color: #333;
}
#data_home {
  height: 337px;
}
#data_home ul.listar {
  width: 400px;
  float: right;
}
img.ico {
  display: inline;
}
#vervideo {
  background:transparent url(../img/video.png) no-repeat left;
  padding: 3px 20px 3px 20px;
  line-height: 13px;
  font-weight: bold;
  font-size: 20px;
  color: #a00;
}
#vervideo:visited {
  color: #a00
}

.contactar {
  background:transparent url(../img/bg_contactar.png) repeat-x bottom left;
  padding: 20px 0px 20px 20px;
}

.contactar h2 {
  color: #C1C32D;
}
.slogan {
  color: #fff;
  text-align: center;
}
#flash {
  border-bottom: 3px solid #2a2a28;
}
#localidades {
  border-bottom: 3px solid #2a2a28;
}


ul.pslistar {
  list-style: none;
}
ul.pslistar li {
  margin: 15px 22px;
  float: left;
/*  background: #fff;
  margin: 1px 1px 2px 1px;
  padding: 1px;*/
}
ul.pslistar li .pswrapper {
  width: 204px;
  height: 269px;
  border-top: 2px solid #999999;
}
ul.pslistar li .ftwrapper {
  padding: 0px 2px;
  background:transparent url(../img/spbg_contenido.png) repeat-y bottom left;
}
ul.pslistar li .texto{
  border-top: 2px solid #999999;
  padding: 2px 2px 0 2px;
}
ul.pslistar li .bottom {
  background:transparent url(../img/spbg_abajo.png) no-repeat top left;
  height: 11px;
}

#VolusionLiveChat {
  margin-top: 5px;
}

#enviaramigo {
  border: none;
}
.herramientas a#enviaramigo {
  padding: 5px 0 5px 30px;
  background:transparent url(../img/email.png) no-repeat top left;
  color: #000;
}

/*
background:transparent url(../img/video.png) no-repeat left;
*/
.contactar .tel {
  font-size: 15px;
  font-weight: bold;
}