@charset "utf-8";
/* CSS Document */
HTML {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/
body {
    font-family:Georgia, 'Lucida Sans Unicode', Times, serif;
    font-size:12px;
    color:#666666;
    text-align:center; /*aqui mandamos a centrar todo el contenido*/ 
}
img {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
ul {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
ol {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
li {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
dl {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
dt {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
dd {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
a {
	TEXT-DECORATION: none
}
h1 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
h2 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
h3 {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 30px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}
h4 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
h5 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
h6 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
form {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
fieldset {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
label {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
input {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
fieldset {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
p {
	LINE-HEIGHT: 16px;
	MARGIN: 1px 1px 1px 3px
} 
.alsorojo {
	COLOR: #cc0000; FONT-WEIGHT: bold
}
.alsoazul {
	COLOR: #00F;
	FONT-WEIGHT: bold
}
PUBLICID {
	FONT-STYLE: normal;
	WIDTH: 80px;
	DISPLAY: block;
	MARGIN-BOTTOM: 4px;
	MARGIN-LEFT: 18px;
	CLEAR: both
}

/*--------------------------------*/
#contenedor {
	Z-INDEX: 1;
	TEXT-ALIGN: left;
	MARGIN: 0px auto;
	WIDTH: 1010px;
	DISPLAY: block;
	CLEAR: both;
	OVERFLOW: hidden;
	border:1px solid #FFFFFF;
/*
	width:980px; /*ancho total de la pagina*/
/*	 /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/
	/*background-color:#FFFFFF;
	margin:0 auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/
	/*text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
/*height:auto;*/
}
/*encabezado con imagen del sitio*/
.encabezado {
	margin:0px; /*para que no se pegue al borde*/
	padding:0px; /*algo de relleno*/
	width:750px; /*este ancho es para que cuadre con el texto*/
	height:130px; /*idem*/
	border:0px solid #FFFF00; /*decoracion*/
	background-color:#FFFF33; 
	background:url(../imagenes/bn_superior.jpg);
	float:left; /*lo flotamos a la izquierda*/
	display:inline; /*(*)(*)display:inline; se usa en este caso para corregir un error en IE, en la interpretación del margin y el padding, si flotamos a la izquierda, y hay 10px de margin a la izquierda, IE sumara el doble de ese margen. Con esta linea corregimos eso. */
	/*background-image: url(../imagenes_panel/fondo_paginas/logoveralquiler1-300-138.jpg);*/
}

.encabezado h1 { /*encadenamos el identificador del div, con la etiqueta par areferirnos solo al h1 dentro del div encabezado, asi no afectara otros h1 en el resto del documento.*/ 
    font-size:18px;
    font-weight:bold;
    width:224px;
    border-bottom:16px solid #FFFFFF;
    color:#FFFFFF;
    margin:0; /*los h1 vienen con margen, con esto se lo quito*/ 
    text-transform:uppercase; /*convierte todas en mayusculas*/ 
    padding-bottom:10px;
}
.encabezado2 {
	margin:0px; /*para que no se pegue al borde*/
	padding:0px; /*algo de relleno*/
	width:225px; /*este ancho es para que cuadre con el texto*/
	height:130px; /*idem*/
	border:1px solid #FFFFFF; /*decoracion*/
	/*background-color:#F7F7F7; more*/
	/*background:url(imagenes_panel/fondo_paginas/logoveralquiler1-300-138.jpg)*/
	float:right; /*lo flotamos a la izquierda*/
	display:inline; /*(*)(*)display:inline; se usa en este caso para corregir un error en IE, en la interpretación del margin y el padding, si flotamos a la izquierda, y hay 10px de margin a la izquierda, IE sumara el doble de ese margen. Con esta linea corregimos eso. */	/*background-image: url(../imagenes_panel/fondo_paginas/logoveralquiler1-300-138.jpg);*/
}
/*---- COLUMNA IZQUIERDA-----*/


/*En la div "izquierda" vamos a ajustar los valores para que tenga una anchura de 100píxeles, una altura que dependa del contenido que tenga dentro, y le vamos a dar un margen de 5px a la izquierda, además de hacer que se sitúe a la izquierda mediante "float".
Código:*/

#izquierda{
	width:200px;
	background-color:#EBEA20;
	border-style:solid;
	border-width:0px;
	border-color:#FFFFFF;
	margin:0px 5px 0px 0px;
	float:left;
	padding:3px;
	DISPLAY: inline;
	OVERFLOW: visible;
	min-height: 3100px;
}
/*Como en esa div he pensado que pondré una lista de links, voy a definir las propiedades de la lista:
Código:*/

#izquierda ul {
       font:bold 11px Verdana, Arial, Helvetica, sans-serif;
       color:#586885;
       line-height: 140%;
       text-transform:capitalize;
}

/*----- COLUMNA DERECHA -------*/
#derecha{
	width:200px;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	float:right;
	padding:5px;
	DISPLAY: inline;
	OVERFLOW: visible;
}
/*---------- columna central ------------*/
#principal{
	MARGIN: 10px 0px 0px 0px;
	WIDTH: 580px;
	DISPLAY: inline;
	FLOAT: left;
	OVERFLOW: hidden;
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
	background-color:#FFFFFF;/*width:390px;
       height:auto;
       margin:0 5px 0 117px;
       padding:10px;*/
	border-bottom-width: 0px;
}
/*MENU SUBMARGEN*/
#principal #menutop {
	/*float:left;
	/*margin:10px 10px auto 0;*/
	border:0px solid #CC0000;
	width:550px;
	height:24px;
	border-top-width: 0px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
} 
/* ---- LINK MENU TOP ---- */
#menutop ul {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/
	padding:0; /*y el relleno*/
}
#menutop li {
	margin:3px; /*le quito el margen al elemento de la lista*/
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/
	DISPLAY: inline;
	FONT: 12px Arial;
	FLOAT: left;
	COLOR: #333333;
	MARGIN-LEFT: 7px
}
#menutop li a {
	/*display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
   /* background-color:#CC3300; /*algo de color*/ 
    color:#589CB6; /*mas*/
	/*width:58px; /*defino el ancho del rectangulo del vinculo*/
   /* padding:4px 0 5px 22px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
 text-decoration:none; /*elimino el subrayado del vínculo*/    /*font-weight:bold; /*decoración*/   /* text-transform:uppercase; /*decorare los vinculos en mayusculas*/
}
#menutop li a:hover {
	COLOR: #666666;
	TEXT-DECORATION: underline /*decoración para el evento hover (mouse encima)*/
}
#menutop li .linea {
	DISPLAY: inline; MARGIN-RIGHT: 7px
}
/* RAYAS HORIZONTALES */
#linea{
	display: inline;
	margin-right: 7px;
}
/*border-bottom:1px dotted #CC3300;
/*--------LINEA DIVISORA EN CENTRO----------*/

#principal .linea1 {
	BORDER-BOTTOM: #ccc 1px solid; LINE-HEIGHT: 1px; WIDTH: 530px; DISPLAY: block; HEIGHT: 1px; MARGIN-LEFT: 6px
}
#principal A {
	COLOR: #FF0000
}
#principal A:hover {
	COLOR: #FF6600;
	TEXT-DECORATION: underline
}
/*Y terminamos con el footer: =Pie de página*/

#footer {
	/*POSITION: relative; DISPLAY: block; HEIGHT: 250px; CLEAR: both; TOP: 12px*/
    width:990px; /*menos porque debemos sumar el padding del div contenido*/
	text-align:center;
	padding:10px;
	font-size:10px; /*mas pequeño el texto*/
	font-style:italic;
	color:#333333;
	background-color: #EBEA20;
}
/* ----- MENU ISZQUIERDO ----*/
#menuv {
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 0 1px;
	width: 180px;
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#menuv ul, li {
	list-style-type: none;
}

#menuv ul {
	margin: 0;
	padding: 0;
}

#menuv li {
	border-bottom: 1px solid #ACCFE8;
}

#menuv a {
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	padding: 3px 6px;
	width: 180px;
}

#menuv a:hover {
	background: #ACD1EA;
}
#menuv a:active {
	background: #589CB6;
	color: #FFFF00;
}
/*-----------------*/
/*---- BANNER CABEZA COLUM CENTRAL ------*/
 #bannercabeza {
	MARGIN: auto;
	WIDTH: 430px;
	DISPLAY: block;
}
#bannerflash1{
	MARGIN: auto;
	WIDTH: 430px;
	border: 1px solid #333333;	
}
#bannerflash2{
	MARGIN: auto;
	WIDTH: 430px;
	border: 1px solid #333333;	
}
#bannerflash3{
	MARGIN: auto 0px;
	WIDTH: 190px;
	border: 0px solid #333333;
}
#bannerflash4{
	MARGIN: auto 2px;
	WIDTH: 190px;
	border: 1px solid #333333;	
}
#bannerflash5{
	MARGIN: auto 2px;
	WIDTH: 190px;
	border: 0px solid #333333;	
}
#bannerflashtotal{
	MARGIN: auto;
	WIDTH: 589px;
	border: 0px solid #333333;	
}
/*---- scrool NOTICIAS FOTOS COLUM CENTRAL ------*/
 #scrollnoti {
	MARGIN: auto;
	WIDTH: 450px;
	DISPLAY: block;
	border: 1px solid #000000;
	border-width: 30px 45px 10px 45px;
}
#masksinlimite UL.listainfo {
	MARGIN: 10px 0px 0px 5px;
	WIDTH: 530px;
	DISPLAY: block;
	CLEAR: both
}
.listainfo LI {
	MARGIN-TOP: 5px;
	ZOOM: 1;
	DISPLAY: block;
	OVERFLOW: hidden;
	BORDER-TOP: #c1c1c2 1px dashed;
	PADDING-TOP: 5px;
	border-bottom: #c1c1c2 1px dashed;
	margin-bottom: 5px;
	padding-bottom: 10px;
}
.listainfo .intro {
	POSITION: inherit;
	MARGIN: 3px 0px
}
.listainfo LI .imgTh {
	BORDER-BOTTOM: #b6b6b6 1px solid; BORDER-LEFT: #b6b6b6 1px solid; MARGIN: 2px 5px 0px 0px; DISPLAY: inline; FLOAT: left; CLEAR: left; BORDER-TOP: #b6b6b6 1px solid; BORDER-RIGHT: #b6b6b6 1px solid
}
/*----------- MARCO LIBRO VISIT USUARIO ----*/
#masksinlimite2 UL.listainfo2 {
	MARGIN: 10px auto;
	WIDTH: 500px;
	DISPLAY: block;
	CLEAR: both;
	background-image: url(../imagenes/libro/marco-red-sup-celest-2.png);
	height: 300px;
}
.listainfo2 LI {
	MARGIN-TOP: 5px;
	ZOOM: 1;
	DISPLAY: block;
	OVERFLOW: hidden;
	BORDER-TOP: #c1c1c2 1px dashed;
	PADDING-TOP: 5px;
	border-bottom: #c1c1c2 1px dashed;
	margin-bottom: 5px;
	padding-bottom: 10px;
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	height: 210px;
}
.listainfo2 .intro2 {
	POSITION: inherit;
	MARGIN: 3px 0px;
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.listainfo2 .intro3 {
	POSITION: inherit;
	MARGIN: 3px 10px 0px 140px;
	color: #FFFF00;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #666666;
	padding: 5px;
	font-style: normal;
	text-align: center;
}
.listainfo2 .intro4 {
	POSITION: inherit;
	MARGIN: 0px 10px 3px 140px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #666666;
	padding: 5px;
	font-style: normal;
	text-align: left;
}
.listainfo2 LI .imgTh2 {
	BORDER-BOTTOM: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid;
	MARGIN: 2px 5px 5px 10px;
	DISPLAY: inline;
	FLOAT: left;
	CLEAR: left;
	BORDER-TOP: #000000 1px solid;
	BORDER-RIGHT: #000000 1px solid
}