/* 
    Document   : estilo.css
    Created on : 11-04-2009, 12:14:24 AM
    Author     : gentacs
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
    font-family: comics;
}

body{
    font-family: 'Comic Sans MS';
}
.logo{
    height:60px;
}
.relleno{
    height:100%;
}
div.texto{
    
    font-weight: normal;
    font-size: 14px;
}

span.menu{
    text-align: center;
    margin-left: 18px;
    vertical-align: bottom;
    color: black;
    font-size: 16px;
}

td.menu{
    height:300px;
}

#principal{
    width: 98%;
}

.barraInf{
    width: 800px;
}

.barraInfIzq{
    float: left;
    background: url("img/barra_inf_izq.png");
    width: 27px;
    height: 70px;
}

.barraInfCen{
    float: left;
    background: url("img/barra_inf_cen.png");
    width: 744px;
    height: 70px;
    font-family: arial;
    vertical-align: middle;
}

.barraInfDer{
    float:left;
    background: url("img/barra_inf_der.png");
    width: 29px;
    height: 70px;
}

.infoContacto{
    
    margin-top: 16px;
}

.itemMenu{
    text-decoration: none;
    list-style-type: none;
    color: #556655;
    padding: 2px 0;
    
}

.itemMenu a{
    display:block;
    width: 140px;
    background: url("img/item_menu.png");
    width: 200px;
    height: 56px;
    text-align: center;
    vertical-align: bottom;
}

.itemMenu a:hover{
    display: block;
    color: black;
    width: 170px;
    background: url("img/item_menu.png");
    width:200px;
    height: 56px;
    vertical-align: baseline;
    background-position:0 -61px;
}

ul.menu{
    height: 56px;
    width: 180px;
    vertical-align: baseline;
    line-height: 50px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-style: none;
}
li{
    
    vertical-align: baseline;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-style: none;
}
td.cuerpo{
    width: 100%;
}

h2{
    color: #fe962e;
    background-color: #99dfbb;
}
.imagen{
    float: right;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
    margin-right: 8px;
}

.formNombre{
    width: 150px;
    border: solid 1px #55aa55;
    background-color: #aaffaa;
}
.formCampo{
    border: solid 1px #55aa55;
    width: 500px
}

.tituloForm{
    background: url("img/barra_form.png");
    height: 26px;
    width: 661px;
    vertical-align: middle;
    font-weight: bolder;
}

a.tipoPropiedad:hover{
    display:block;;
    width: 246px;
    color: black;
    background-color: #febe56;
}
.tipoPropiedad{
    text-decoration: none;
    width: 246px;
    float: left;
    color: #559955;
    padding: 0px 16px 16px;
}
.textoTipoPropiedad{
    padding: 0px 0px 0px 0px;
    height:8px;
    vertical-align: baseline;
}
.direccion{
    text-decoration: none;
    font-family: arial;
    color:orange;
}
.direccion:hover{
    background: #99dfbb;
    color: black;
}

table.informacion{
    float: left;
    display: block;
}
table.informacion td{
    border: solid 1px #99aa55;
    background: #99dfbb;
    width: 170px;
    font-weight: bold;
    font-family:arial;
}
table.informacion td.campo{
    width: 230px;
    background: #ffb15e;
    font-weight:normal;
}

div.cuadroFotos{
    border: solid 2px;
    float:left;
    padding: 19px 19px;;
    left: 15px;
    position: relative;
    display:block;
}

.descripcion{
    width:690px;
    float:left;
    font-family:arial;
    top: 25px;
}
.descipcion p{
    font-weight:bold;
}

table.propiedades tr.cuerpo:hover{
    background: #99dfbb;
    color: #337733;
}
table.propiedades tr.cuerpo{
    background: #ffee99;
    cursor: pointer;
    background-color: #feb977;
}