/* ----------------------------------------------------------------------------------------- */
/* |        CSS de Teyco                                                                   | */
/* |---------------------------------------------------------------------------------------| */
/* |        Nombre: Hoja de estilo de la home                                              | */
/* ----------------------------------------------------------------------------------------- */


/* Leyenda ............................. */
#leyenda{ float:left; width:250px; background: url(/images/armado/back_home_leyenda.jpg) repeat-x;}
h2#cyp{ padding: 0 0 0 40px; height:50px; background:url(/images/armado/back_home_leyendah2.gif); text-indent:-9999px;}
h2#cyp-en{ padding: 0 0 0 40px; height:50px; background:url(/images/armado/back_home_leyendah2_en.gif); text-indent:-9999px;}
h2#cyp-ca{ padding: 0 0 0 40px; height:50px; background:url(/images/armado/back_home_leyendah2_ca.gif); text-indent:-9999px;}
h2#cyp-fr{ padding: 0 0 0 40px; height:50px; background:url(/images/armado/back_home_leyendah2_fr.gif); text-indent:-9999px;}
#leyenda p{ margin: 3px 0 0 0; padding: 0 29px; color:#999; line-height: 17px; text-align:justify;}

/* Oficina central ............................. */
#leyenda #direccion{ float: left; width: 240px; padding: 30px 0 20px 14px;}
#leyenda #direccion img{ float:left; padding:0 6px 0 0;}
#leyenda #direccion h3 { margin:0; padding:0; font-size: 10px; color: #008373; font-weight:bold; letter-spacing:1px;}
#leyenda #direccion h3 a{ color:#008373;}
#leyenda #direccion h3 a:hover{ color:#000; text-decoration:none}
#leyenda #direccion p { margin:8px 0 0 0; padding:0; font-size: 9px; line-height:14px}


/* Principal ............................. */
#principal{ float:left; display: block; width:508px; font-size:9px; color:#999;}
#principal a{ color:#999;}
* html #principal{ width:443px;} /*Hack <IE6*/


/* Destacados ............................. */
#principal ul#destacados{ float: left; display: block; margin: 0; padding: 0; list-style-type:none;}
* html #principal ul#destacados{ width:506px;} /*Hack <IE6*/
#principal ul#destacados li{ float: left; display: inline; width: 115px; margin: 9px 0 0 10px; padding: 0 0 4px 0; background: #FFF url(/images/armado/back_destacados.gif) center top repeat-x;}
#principal ul#destacados li h3 { padding: 3px;}
#principal ul#destacados li h3 a{ font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif; color:#008373;}
#principal ul#destacados li p { padding: 4px 3px 2px 3px; font-size: 9px; line-height: 12px; text-align: left;}


/* Noticias ............................. */
h3#noticias{ float: left; width: 100%; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#999; margin-left: 4px; padding: 25px 0 5px 10px; background: transparent url(/images/armado/back_home_noticias.jpg) left bottom no-repeat;}

#principal ul.noti{ float: left; display: inline; width: 100%; margin:0; padding: 0 40px 50px 12px; list-style-type:none; letter-spacing:1px;}
#principal ul.noti li{ float: left; margin:0; width: 100%; padding:4px 0 5px 10px; background:url(/images/armado/back_home_noticias.jpg) left bottom no-repeat; line-height:15px;}
#principal ul.noti li a{ color:#008373;}


/* Pie ............................. */
#footer{ float:left; width:760px; text-align:center; margin: 0; padding:9px 0 7px 0; font-size:9px; color:#00835A; border-bottom: 6px solid #008373; letter-spacing:1px;}
#footer a{ color:#A0A0A0; padding: 0 2px;}
#footer a:hover { color:#000; text-decoration:none;}

#footer span { color:#A0A0A0;}

/* Gestion Delegada ............................. */
#footer a#linkextranet{ color:#008373;}
#footer a#linkextranet:hover { color:#000; text-decoration:none;}

#caja-gestion {
	float:left;
	display: inline;
	margin: 14px 0 0 12px;
	width:224px;
	border: solid 1px #EBEBEB;
}
#caja-gestion #deg {
	float:left;
	display: inline;
	margin: 3px;
	.padding-bottom: 3px;
	_padding-bottom: 0;
	background: transparent url(/extension/cte_extranet/design/cte_extranet/images/deg_gestion_delegada.gif) left top repeat-x;
}
#caja-gestion #deg img {
	float:left;
	padding: 3px 6px 0 3px;
}
#caja-gestion #deg h3 {
	float:left;
	width: 156px;
	padding-top: 3px;
	font: normal 12px/14px "Arial Black", Gadget, sans-serif;
	color: #008373;
}
#caja-gestion #deg h3 span{
	color: #000;
}
#caja-gestion #deg p {
	float:left;
	width: 156px;
	padding: 2px 0;
	margin: 0;
	font: normal 9px/10px Verdana, Geneva, sans-serif;
	text-align: left;
}
#leyenda #direccion {
	padding-top: 24px;
}

#search form{
	width: 570px;
}

/* Encontrar Propiedad ............................. */
#leyenda div#caja-propiedad {
    margin: 14px 0 0 12px;
    width:224px;
    border: solid 1px #EBEBEB;
    padding: 0px;
}
div#caja-propiedad a {
    margin: 3px;
    background: #ee7103 url(/images/armado/deg-buscar-inmueble.jpg) left bottom no-repeat;
    padding: 6px 8px;
    text-align: left;
    display: block;
    height: 1%;
    color: #58514b;
}
div#caja-propiedad a:hover{
    text-decoration: none;

}
div#caja-propiedad a strong {
    font: normal 12px/14px "Arial Black", Gadget, sans-serif;
    display: block;
    color: #fff;
    margin-bottom: 5px;
    text-transform: uppercase;
    cursor: pointer;
}
div#caja-propiedad a span {
    display: block;
    color: #58514b;
    font: normal 9px/10px Verdana, Geneva, sans-serif;
    width: 150px;
    cursor: pointer;
    padding-bottom: 1px;
}
div#caja-propiedad a:hover span {
    text-decoration: underline;
}