/* RESETEAMOS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
/*      background-color: #000; */
     height: 1px
}

/* RESETEAMOS */

body, .body-los-naranjos {
/* 	border: 1px solid green; */
	padding: 0px;
	margin: 0px auto;
	text-align:center;
        background-image: url(img/background.png);
/* 	background-image: url(img/grey.gif); */
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 1.3;
}

.body-los-naranjos {
        background-image: url(img/background.png);
/* 	background-image: url(img/grey-naranjos.gif); */
}

strong {
	font-weight: bold;
}

.cuerpo, .cuerpo-los-naranjos {
/* hack para que el cuerpo se muestre correctamente en todos los navegadores menos IE xDD */
/* 	border: solid 1px red; */
	width: 950px; 
	height: 550px;
	margin: 10px auto 0px auto;
	background-position: top center;
	background-image: url(img/cuerpo.png);
	background-repeat: no-repeat;
}

.cuerpo-los-naranjos {
	background-image: url(img/cuerpo-naranjos.png);
}

.footer, .footer a, .footer a:visited {
/* 	border: 1px solid yellow; */
	height: 10px;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
        text-shadow: 0px 2px 2px #000;
}

.footer a:hover {	
	color: #780000;
}

.cuerpo p, .cuerpo2 p, .cuerpo-los-naranjos p, .cuerpo2-los-naranjos p {
	font-size: 14px;
}

.cuerpo2, .cuerpo2-los-naranjos{
/* hack para que el cuerpo se muestre correctamente en todos los navegadores menos IE xDD */
/* 	border: solid 1px white; */
	width: 950px; 
	height: 550px;
	margin: 10px auto 0px auto;
	background-position: top center;
	background-image: url(img/cuerpo_marca.png);
	background-repeat: no-repeat;
}

.cuerpo2-los-naranjos {
	background-image: url(img/cuerpo_marca-naranjos.png)
}

.logo, .logo-los-naranjos {
	position: relative;
	top: 40px;
	width: 680px;
	height: 100px;
	margin: 0 auto 40px auto;
	border: 0px;
	background-position: center center;
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
}

.logo-los-naranjos {
	background-image: url(img/logo-los-naranjos-4.png);
}

.logo h1 {
        visibility: hidden;
}

.logo a, .logo-los-naranjos a {
	display: block;
	width: 100%;
	height: 100%;
}

.lineas	{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	height: 145px;
	width: 755px;
}


/* Menu desplegable */
.menu {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

/* ul general, sin estilo de lista */
.menu ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
/* entradas de la lista de cada ul */
.menu li{
	float: left;
	position: relative;
	z-index: 100;
}

/* usamos una tabla para posicionar los menus en cascada */
.menu table{
	position: absolute;
	border-collapse: collapse;
	z-index: 80;
	top: 150px;
}

/* enlaces del menu */
.menu a, .menu :visited {
	display: block;
	font-size: 12px;
	font-family : Verdana, Arial, 'Sans Serif';
	width: 150px;
	height: 150px;
	padding: 10px 0;
	color: #000;
	text-decoration: none;
	margin-right: 1px;
	text-align: center;
}

/* ocultamos los menus en cascada */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	width: 150px;
	height: 0px;
}
/* mostramos los menus en cascada */
.menu ul :hover ul{
	visibility: visible;
}

.menu ul :hover ul :hover{
	visibility: visible;
}

.menu ul li.introduccion :hover{
	cursor: default;
	background: url(img/introduccion.gif) no-repeat;
	font-weight: bold; /* pequeño hack para que el menu se despliegue en internet explorer 6 */
}

.menu ul li.introduccion ul.submenu li, .menu ul li.introduccion ul.submenu li a, .menu ul li.introduccion ul.submenu li :visited{
	height: 20px;
	padding: 0px;
	margin: 0px;
	background: transparent url(img/menu1.gif) repeat-y;
	font-weight: normal; /* correccion del hack */
	text-decoration: none;
}

.menu ul li.introduccion ul.submenu li :hover {
	cursor: pointer;
	height:20px;
	color:white;
	padding:0px;
	margin:0px;
	background: transparent url(img/menub1.gif) repeat-y;
	font-weight: normal; /* correccion del hack */
}

.menu ul li.introduccion ul.submenu li.final {
	padding:0px;
	margin:0px;
	height:10px;
	width:150px;
	background-image:url(img/menufinal.gif);
	background-repeat:no-repeat;
}

.menu ul li.actuales :hover{
	cursor: default;
	background:url(img/actuales.gif) no-repeat;
	font-weight : bold; /* pequeño hack para que el menu se despliegue en internet explorer 6 */
}

.menu ul li.actuales ul.submenu li, .menu ul li.actuales ul.submenu li a, .menu ul li.actuales ul.submenu li :visited{
	height:20px;
	padding:0px;
	margin:0px;
	background: transparent url(img/menu1.gif) repeat-y;
	font-weight: normal; /* correccion del hack */
	text-decoration:none;
}

.menu ul li.actuales ul.submenu li :hover {
	cursor: pointer;
	height:20px;
	color:white;
	padding:0px;
	margin:0px;
	background: transparent url(img/menub1.gif) repeat-y;
	font-weight: normal; /* correccion del hack */
}

.menu ul li.actuales ul.submenu li.final {
	padding:0px;
	margin:0px;
	height:10px;
	width:150px;
	background-image:url(img/menufinal.gif);
	background-repeat:no-repeat;
}

.menu ul li.futuras :hover{	border: 0px;

	cursor: default;
	background:url(img/futuras.gif) no-repeat;
	font-weight : bold; /* pequeño hack para que el menu se despliegue en internet explorer 6 */
}

.menu ul li.futuras ul.submenu li, .menu ul li.futuras ul.submenu li a, .menu ul li.futuras ul.submenu li :visited{
	height:20px;
	padding:0px;
	margin:0px;
	background: transparent url(img/menu1.gif) repeat-y;
	font-weight: normal; /* correccion del hack */
	text-decoration:none;
}

.menu ul li.futuras ul.submenu li :hover {
	cursor: pointer;
	height:20px;
	color:white;
	padding:0px;
	margin:0px;
	background: transparent url(img/menub1.gif) repeat-y;
	font-weight: normal; /* correccion del hack */
}

.menu ul li.futuras ul.submenu li.final {
	padding:0px;
	margin:0px;
	height:10px;
	width:150px;
	background-image:url(img/menufinal.gif);
	background-repeat:no-repeat;
}

.menu ul li.alquiler :hover{
	cursor: default;
	background:url(img/alquiler.gif) no-repeat;
	font-weight : bold; /* pequeño hack para que el menu se despliegue en internet explorer 6 */
}

.menu ul li.alquiler ul.submenu li, .menu ul li.alquiler ul.submenu li a, .menu ul li.alquiler ul.submenu li :visited{
	height:20px;
	padding:0px;
	margin:0px;
	background: transparent url(img/menu1.gif) repeat-y;
	font-weight: normal; /* correccion del hack */
	text-decoration:none;
}

.menu ul li.alquiler ul.submenu li :hover {
	cursor: pointer;
	height:20px;
	color:white;
	padding:0px;
	margin:0px;
	background: transparent url(img/menub1.gif) repeat-y;
	font-weight: normal; /* correccion del hack */
}

.menu ul li.alquiler ul.submenu li.final {
	padding:0px;
	margin:0px;
	height:10px;
	width:150px;
	background-image:url(img/menufinal.gif);
	background-repeat:no-repeat;
}

li#elemento_naranjos, li#elemento_situacion_promociones {
	height: 30px;
}

li#elemento_naranjos :hover, li#elemento_situacion_promociones :hover {
	height: 30px;
	background: transparent url(img/menub1.gif) repeat-y;
}


.menu ul li.contacto :hover{
	cursor: default;
	background:url(img/contacto.gif) no-repeat;
	font-weight : bold; /* pequeño hack para que el menu se despliegue en internet explorer 6 */
}

.menu ul li.contacto ul.submenu li, .menu ul li.contacto ul.submenu li a, .menu ul li.contacto ul.submenu li :visited{
	height:20px;
	padding:0px;
	margin:0px;
	font-weight: normal; /* correccion del hack */
	background: transparent url(img/menu1.gif) repeat-y;
	text-decoration:none;
}

.menu ul li.contacto ul.submenu li :hover {
	cursor: pointer;
	height:20px;
	color:white;
	padding:0px;
	margin:0px;
	background: transparent url(img/menub1.gif) repeat-y;
	font-weight: normal; /* correccion del hack */
}

.menu ul li.contacto ul.submenu li.final {
	padding:0px;
	margin:0px;
	height:10px;
	width:150px;
	background-image:url(img/menufinal.gif);
	background-repeat:no-repeat;
}
/*
#promocion_navidad {
    float: left;
    margin: 30px 0 10px 275px;
}

#promocion_cruces60 {
    float: left;
    margin: 30px 0 10px 20px;
}

#promocion_navidad a {
    display: block;
    width: 250px;
    height: 100px;
    background: url('img/planes_navidad.png') no-repeat 0 0;
    font-size: 0px;
    color: white;
}

#promocion_navidad a:hover {
    background: url('img/planes_navidad.png') no-repeat 0 -123px;
}

#promocion_cruces60 a {
	display: block;
	width: 220px;
	height: 100px;
	background: url('img/logo_cruces60.png') no-repeat 0 0;
	font-size: 0px;
	color: white;
}

#promocion_cruces60 a:hover {
	background: url('img/logo_cruces60.png') no-repeat 0 -125px;
}*/

#promocion_vivienda_andalucia {
    float: left;
    margin: 30px 0 30px 90px;
}

#promocion_vivienda_andalucia a {
    display: block;
    width: 590px;
    height: 74px;
    background: url('http://www.juntadeandalucia.es/viviendayordenaciondelterritorio/epsa/ivm2/design/img/logo_tvea.png') no-repeat 0 0;
    font-size: 0px;
    color: white;
}

#promocion_vivienda_andalucia a:hover {
    position: relative;
    top: 1px;
}

.firma {
    background: url('img/firma.png') no-repeat 0 0;
    width: 175px;
    height: 100px;
    line-height: 200px;
    text-align: right;
}

.download {
     border: 0px;
     margin-top: 0px;
     height: 12px;
     width: 12px;
}

.descargas {
	font-size: 14px;
	list-style: none;
	margin-top: 10px;
}

.descargas a, .descargas a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.descargas a:hover {
	color: #8b2626;
	text-decoration: underline;
}

h1 {
	margin: 0px;
	margin-left: 100px;
	padding: 0px;
	/*border: solid 1px blue;*/
	font-size: 15px;
	color: #780000;
	font-weight: bold;
	text-align: left;
}

h1.cabecera-los-naranjos {
	color: black;
}

h1 a {
	font-size: 11px;
	font-weight: normal;
}

ul {
	list-style-type: none;
	padding:0;
	margin:0;
}

.disco-ftw-normal li{
	list-style-type: disc;
	margin-top: 5px;
	margin-left: 15px;
	font-size: 14px;
}

.disco li{
	list-style-type: disc;
	margin-top: 5px;
	margin-left: 15px;
	font-size: 14px;
	font-weight: bold;
}

.disco li p {
/* 	margin-top: 10px; */
	margin-left: 20px;
	font-size: 12px;
	font-weight: normal;
}

a, a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #8b2626;
	text-decoration: underline;
}

.contenido, .contenido-los-naranjos {
	text-align: justify;
	border-top: solid 4px #780000;
	margin-left:70px;
	height: 270px;
	width: 610px;
	padding: 0 15px;
	float: left;
  }

.contenido-los-naranjos {
	border-top: solid 4px #ff9500;
}

.contenido p, .contenido-los-naranjos p, #map p {
	margin-top: 5px;
	font-size: 14px;
}

.doble-espaciado li{
	margin-top: 10px;
}

img {
	border: 0px;
}

.imagen {
	height: 110px;
	width: 190px;
	float: right;
	margin-right:50px;
}

.imagen p {
/*     margin-left: 10px; */
    text-align: left;
}

.imagen p a {
    font-weight: normal;
}

.contenido #descripcion, .contenido-los-naranjos #descripcion {
	padding: 5px 0 0 10px;
	text-align: left;
}

.contenido #descripcion .precio, .contenido-los-naranjos #descripcion .precio {
	color: #780000;
	font-size: 14px;
}

.contenido #descripcion .externo, .contenido-los-naranjos #descripcion .externo {
	font-size: 11px;
	float: right;
}

div#album, div#planos {
	position: relative;
/* 	top: -30px; */
	left: 0px;
	margin-top: 60px;
	margin-left: 65px;
	padding-left: 20px;
	width: 800px;
	height: 390px;
	overflow: auto;
	font-size: 12px;
}

div#album img {
	border: 1px solid #848284;
	padding: 10px;
	margin-right: 20px;
}

div#map {
	width: 500px;
	height: 300px;
/*        position: relative;
	top: 45px;*/
	margin: 50px auto 0 auto;
/* 	margin-left: auto; */
/* 	margin-right: auto; */
}

div#nueva_ventana {
	position: relative;
	top: 35px;
}

.resaltar {
    margin-left: 35px;
	font-size: 14px;
	font-weight: bold;
	color: #780000;
}

.resaltar-los-naranjos {
    margin-left: 35px;
    font-size: 14px;
	font-weight: bold;
	color: #ff9500;
}

em {
    font-size: 9px;
}

.aclaracion {
    height: 0;
	position: relative;
	top: 375px;
	font-size: 9px;
}

.dormitorios {
	position: absolute;
	left: 38%;
}

.center {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.left {
    display: block;
    float: left;
}

.right {
    display: block;
    float: right;
}

.clear {
    clear: both;
}

.info_contacto {
    font-size: 11px;
    font-weight: bold;
}

.planes {
    font-size: 45px;
    line-height: 16px;
    vertical-align: bottom;
}

.red {
    color: #D44D4D;
}

.green {
/*     color: #5EDD54; */
    color: white;
}

.blue {
    color: #20A2C3;
}

.yellow {
    color: #E6DC5B;
}

.white {
    color: white;
}

.plan_red, .plan_blue, .plan_green, .plan_yellow {
    font-size: 15px;
    font-weight: bold;
}

.plan_red {
    color: red;
}

.plan_blue {
    color: blue;
}

.plan_green {
    color: green;
}

.plan_yellow {
    color: #EAEA00;
}

#formulario_contacto {
    width: 610px;
}

#formulario_contacto table {
    margin: 0 auto;
}

#formulario_contacto table td {
    padding: 1px;
    vertical-align: top;
}

#formulario_contacto input[type='text'], #formulario_contacto textarea {
    width: 400px;
    border: 1px solid #751f1f;
}

.contenido-los-naranjos #formulario_contacto input[type='text'], .contenido-los-naranjos #formulario_contacto textarea {
    width: 400px;
    border: 1px solid #ff9500;
}

li.promocion-vendida {
    background: url('img/promocion_vendida.png') 50px 20px no-repeat;
}

li.venta-por-hipoteca {
    background: url('img/venta_por_hipoteca.png') 50px 20px no-repeat;
}

li.ultima_vivienda {
    background: url('img/ultima_vivienda.png') 50px 20px no-repeat;
}

ul.floating_list {
    
}

ul.floating_list li {
    font-size: 9px;
    float: left;
    width: 200px;
}