/*	microsites2.css	*/
/*	dependencies	*/
@IMPORT "listados.css";
@IMPORT "solapas.css";

/*	hacks	*/

/*	typography	*/
input, textarea, select, button {font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: lowercase;}
/*	layout	*/

.container {
	margin:0 10px;
}
#margen_cont {
	margin:0 20px;
}

/* -  listado, alineacion de los td en las lineas de vvirtual */

#listado .vv-par td, #listado .vv-impar td {
	vertical-align:middle;
}

/* -  pager paginador verde punyeta de fichas */
.pager {
	background-color:#CCFF33;
	clear:both;
	display:block;
	float:none !important;
	margin:0 0 15px;
	padding:4px 10px 6px;
	position:relative;
	text-align:left;
	height:0.1%;
}
.pager .back {
    border-left: 2px solid #fff;
	display: inline;
	margin: 0 0 0 10px;
	padding: 1px 14px 4px;
	position: relative;
	top: 0;
}
.pager .back a {
    font-weight: normal;
}

/*  -  paginacion paginador de la tabla */

.paginacion {
	font-family:Arial, Helvetica, sans-serif;
}
.paginacion a, .paginacion label {
	margin:0 5px;
}
.paginacion a {
	font-weight:bold;
}
.paginacion label {
	background-color:#666;
	color:#fff;
}

/*	-	logo herramientas profesionales	*/
#logo-herramientas-profesionales {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight:bold;
		padding: 5px 0 10px 40px;
		margin-bottom: 5px;
		background: white url(http://imagenes.idealista.com/imagenes/iconos/ico-herranientas-prof-32x32.gif) 0 top no-repeat;
}
* html #logo-herramientas-profesionales { height: 1%; } /* ie6 fix */
/*	-	modulos de edicion	*/
.e-on {background-color: #ecfe9d !important;}
* html .e-on{ height: 1%; } /* ie6 fix */

.button {padding: 2px 20px;}
.errorbox {border: 1px solid red;}
.m-editar {margin: 20px 0 20px;}
.m-editar-bottom{margin-top: 35px !important;}
.m-editar-bottom .link-entrar{top: -30px !important;}
.m-editar .tit {margin: 0; padding: 0; text-align: center; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
.m-editar .subtit {margin: 0; padding: 0; text-align: center;}
.m-editar .text {margin: 20px 0 0 0; padding: 0; text-align: center;}
.m-editar .text img {vertical-align: middle; margin-right: 5px;}
.m-editar .link-entrar {margin-bottom: 0; padding-bottom: 0; text-align: right; position: relative; top: -5px;}
.m-editar .link-entrar a {font-weight: bold;}
.m-editar .link-salir {margin: 0; padding: 0; text-align: right; position: relative; top: -38px;}
.m-editar .link-salir a {font-weight: bold;}


.m-editar #goToSlideshow{text-align: right; margin-top: 20px;}
.m-editar #whatIsThis{text-align: right; margin-top: 5px; display: inline; float: right;}
	
.m-editar #goToSlideshow a{
	width: 277px;
	height: 29px;
	padding-top: 8px;
	display: inline-block;
	background: transparent url("/imagenes/iconos/bt-darkblue-277.png") no-repeat right;
	color: #fff;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font: normal 700 16px Arial;
}

*:first-child+html .m-editar #goToSlideshow a{display: inline; zoom: 1;}

/**************
modal pop-up
**************/
.m-editar #modalPopUp{margin-top: 30px; right: 35px;}

#modalPopUp{
	-moz-box-shadow: 0 0 10px #666666;
	-webkit-box-shadow: 0 0 10px #666666;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
	box-shadow: 0 0 10px #666666;
	background-color: #ffffff;
	position: absolute;
	z-index: 9999;
	border: 1px solid #939393;
	font-size: 11px;
	display: none;
}

.modalPopUpRight{right: 0;}
.modalPopUpLeft{left: 0;}

.modalPopUpSmall{
	min-width: 200px;
	max-width: 350px;
}
.modalPopUpMedium{
	min-width: 350px;
	max-width: 500px;
}
.modalPopUpBig{
	min-width: 500px;
	max-width: 650px;
}

#modalPopUpHeader{
	background-color: #EBFE9A;
    border-bottom: 1px solid #CCFF33;
    padding: 6px 20px;
}

	#modalPopUpHeader p{width: 310px;}

	#modalPopUpHeader #closeModalPopUP{
		width: 15px;
		height: 15px;
		display: block;
		background: transparent url("http://imagenes.idealista.com/imagenes/iconos/icons-small.png") no-repeat 0 -82px;
		position: absolute;
		right: 8px;
		top: 7px;
	}

#modalPopUpContent{
	padding: 10px 20px; 
	background-color: #fff;
}

	#modalPopUpContent p{margin-bottom: 15px;}
/**************
fin modal pop-up
**************/

div.progress {
	text-align: center;
	color: rgb(128, 128, 128);
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
    font-size: 16px;
	font-style: normal;}
div.progress img {
	margin-left: 2px;
	height: 2px;
	width: 10px}
div.errortext {color: red !important; font-weight: bold !important;}
div.errorbox {border: 1px solid red !important;}
/*	-	empresa	*/
#empresa {}
#empresa h1,
#empresa h2,
#empresa h3,
#empresa h4,
#empresa h5,
#empresa h6 {margin: 0 0 0 0; padding: 0;}
#empresa h1 { font-size: 20px; }
#empresa #direccion {height: auto;}
#empresa #direccion {margin: 5px 0 0 0; padding: 0 0 15px 0;}
#empresa #direccion p {margin: 0 0 0 20px; padding: 0;}
#empresa #direccion #web {padding: 0 150px 0 20px; float: right; width: 250px;}
#empresa #direccion #web #thumbnail {margin: 0 10px 0 0; float: left;}
#empresa #direccion #web #thumbnail img {height: 60px;}
#empresa #direccion #web #thumbnail a img {border: 1px solid blue;}
#empresa #since {
	clear: left;
	margin-left: 20px;
}
/*	-	frase comercial	*/
#frase-comercial {position: relative; margin-top: 20px; zoom: 1;}
#frase-comercial.indent-nl {margin-left: 20px; margin-right: 190px;}
#frase-comercial.indent {margin-left: 10px; margin-right: 10px;}
#frase-comercial blockquote {position: relative; margin: 0 20px; padding: 0; font-style: italic; font-weight: normal;}
#frase-comercial_editor .open-quote,
#frase-comercial_editor .close-quote,
#frase-comercial .open-quote,
#frase-comercial .close-quote {color: #808080; font-family: Times New Roman, Times; font-size: 24px; font-style: normal;}
#frase-comercial .open-quote {}
#frase-comercial .close-quote {}
#frase-comercial_editor .open-quote,
#frase-comercial_editor .close-quote {position: absolute;}
#frase-comercial_editor .open-quote {top: -14px; left: 0;}
#frase-comercial_editor .close-quote {bottom: -26px; right: 0;}
#frase-comercial_editor em {font-style: normal; font-weight: normal; color: #808080;}
/*
#frase-comercial_editor .open-quote,
#frase-comercial_editor .close-quote,
#frase-comercial .open-quote,
#frase-comercial .close-quote {position: absolute; color: #808080; font-family: Arial Black,Verdana,Helvetica,sans-serif; font-size: 34px; font-style: normal; clip: rect(12px 16px 26px 0px);}
#frase-comercial_editor .open-quote,
#frase-comercial .open-quote {top: -14px; left: 0;}
#frase-comercial_editor .close-quote,
#frase-comercial .close-quote {bottom: -26px; right: 0;}
#frase-comercial_editor em {font-style: normal; font-weight: normal; color: #808080;}*/
/*	-	logo	*/
/*#logo img {width: 125px;}*/
#empresa #direccion #logo {margin: 0px 10px 0 20px; float: left;}
/*	-	acciones	*/
#acciones {
	margin:0pt 20px;
	position:relative;
}
#acciones.listado {margin:20px;}
#acciones .accion-dcha {position: absolute; right: 10px;}
/*	-	destacados	*/
#destacados {
	position: relative;
	margin-top: 30px;
	zoom: 1;
}
#destacados.no-empty {
	min-height: 100px;
	margin-bottom: 10px;}
#destacados .destacado {
	width: 420px;
	zoom: 1;
}
#destacados .destacado p {color: #666; margin: 0 0 0 67px; padding: 0; width: 270px; *width: 250px;}
#destacados .destacado p.tit {font-weight: bold; width: 270px; *width: 250px; position: relative;}
#destacados .destacado p a {color: blue;}
#destacados .destacado img {float: left; margin: 0 10px 0 0;}
#destacados .c2 {
	position: absolute;
	top: 0;
	left: 440px;
}
#destacado-c1_edicion,
#destacado-c2_edicion {background-color: #ecfe9d !important;}
#destacado-c1_edicion p,
#destacado-c2_edicion p {margin: 0; padding: 0;}
#destacados div.progress {
	text-align: center;
	color: rgb(128, 128, 128);
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
    font-size: 16px;
	font-style: normal;}
#destacados div.progress img {
	visibility: visible;
	height: 32px;
	width: 32px;}
#destacados div.smallprogress {
	width: 100%;
	margin: 10px 0;
	_margin: 20px 0 10px;
	text-align: center;
	color: rgb(128, 128, 128);
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
    font-size: 16px;
	font-style: normal;}
#destacados div.smallprogress img {
	float: none !important;
	margin-left: 2px;
	height: 2px;
	width: 10px !important;}
/*	-	empresa	*/
/*		+	video / visita virtual	*/
/*		+	foto	*/
#foto {}
#foto img {margin: 0 25px; width: 300px;}
#foto p.pie-foto {margin: 0 25px; padding: 3px 0 5px; font-size: 11px !important;}
#foto div.progress {
	margin: 10px 0 !important;
	padding: 0 0 10px !important;
	text-align: center;
	color: rgb(128, 128, 128);
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
    font-size: 16px;
	font-style: normal;}
#foto div.progress img {
	visibility: visible;
	height: 32px;
	width: 32px;}
#foto div.smallprogress {
	margin: 10px 0 !important;
	padding: 0 0 10px !important;
	width: 100%;
	text-align: center;
	color: rgb(128, 128, 128);
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
    font-size: 16px;
	font-style: normal;}
#foto div.smallprogress img {
	float: none !important;
	margin-left: 2px;
	height: 2px;
	width: 10px !important;}
#foto div.errortext {
	margin: 10px 0 !important;
	padding: 0 0 10px !important;}
/*		+	texto	*/
#texto {margin: 10px 0 0;}
#texto p {margin: 0 25px; padding: 0;}
/*		+	quienes	*/
#quienes {margin: 10px 0 0;}
#quienes p {margin: 0 25px; padding: 0;}
/*		+	oficinas	*/
#oficinas {margin: 10px 0 0;}
#oficinas p {margin: 0 25px; padding: 0;}
#oficinas ul {margin: 0 25px 0 30px; padding: 0;}
#oficinas ul li {margin: 5px 0 0; list-style-type: none; background: url(http://imagenes.idealista.com/imagenes/list-bullet.gif) -3px 2px no-repeat; padding-left: 10px;}
#video-vv {padding: 0 0 20px 30px;}
#video-vv div {padding: 3px 0;}
/*		+	mapa	*/
#mapa {margin: 0 25px; width: 300px; height: 300px;}
#mapa img {width: 300px; height: 300px;}
/*		+	como llegar	*/
#como-llegar {margin: 10px 0 0;}
#como-llegar p {margin: 0 25px; padding: 0;}
/*	-	contactar	*/
span#contacto {position: relative;}
div#tip-contactar {
	position: absolute;
	top: 62px;
	*top: 67px;
	right: -310px;
	width: 250px;
}
div#divcontacto {
    float:left;
	padding: 10px 25px 25px 25px;
	margin-top: 20px;
	margin-left: 50px;
	background-color: #fff;
	display: block;
	width: 614px;
	}
span#contacto {
	margin-top: 0px;
	background-color: #fff;
	display: block;
	width: 460px;}
span#contacto form#contactar {margin-left: 22px; }
span#contacto form#contactar input { /*width: 100%;*/ }
span#contacto h2 {
	font-family: Arial,Verdana,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 13px;
    text-transform: lowercase;
	margin: 5px 0 30px 0;}
span#contacto.readonly h2 {
	background: url(http://imagenes.idealista.com/imagenes/iconos/ic_check2.gif) top left no-repeat;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	padding: 5px 0 5px 32px;
	}
.readonly .titulo {
	background: url(http://imagenes.idealista.com/imagenes/iconos/ic_check2.gif) top left no-repeat;
	padding: 5px 0 5px 32px;
}
span#contacto h2 em,
span#contacto form#contactar em {
	color: rgb(128, 128, 128);
	font-style: normal;
	font-weight: normal;}
span#contacto.readonly form#contactar {
	padding: 0px 20px;}
span#contacto form#contactar span {
	display: block;
	margin: 0 0 10px 0;}
span#contacto form#contactar span label {
	display: block;
	font-weight: bold;
	margin: 0 0 5px 0;}
span#contacto form#contactar span label span{
	display: inline;
	font-weight: normal;}	
span#contacto form#contactar span input,
span#contacto form#contactar span textarea {
	width: 412px;
	margin-top: 5px;
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 12px;
    line-height: 13px;
    text-transform: lowercase;
    margin: 0 0 5px 21px;}
span#contacto form#contactar span textarea {
	overflow: auto;
	margin-bottom: 0;}
.readonly form#contactar span input,
.readonly form#contactar span textarea {
	border: 0px solid black;}
span#contacto form#contactar div {
	margin: 10px 0;}
span#contacto form#contactar .restChar {
	text-align: right;
	padding: 0 4px 0 0;
	margin: 0 !important;}	
	
span#contacto form#contactar div em {
	display: block;
	padding: 0px 0 10px;}
span#contacto.readonly form#contactar div {
	display: none !important;}
span#contacto.readonly form#contactar div#resetear {
	display: block !important;}
span#contactobus {
	/*margin-left: 22px;*/
/*	margin-top: 0px;
	background-color: rgb(248, 248, 248);
	display: block;
	width: 80%;*/}
	
span#contactobus input{
	float: left; 
	width: auto !important;
	vertical-align: middle;
	margin: 0 5px 0 0 !important;
}

span#contactobus label{
	display: inline;
	font-weight: normal !important;
	margin: 0;
}

span#contactobus #bus2{
	margin: 0 0 0 30px !important;
}
	
/*	-	grid	*/
.fila {position: relative;}
/*		+	top	*/
#grid-top {position: relative; margin-top: 10px;}
#grid-top .c1 {
	position: relative;
	float:left;
	/*width: 375px;*/
	width: 465px;
	border-right: 1px dotted #C0C0C0;
}
#grid-top .c2 {
	float:right;
	margin-right: 0;
	/*width: 375px;*/
	width: 465px;
}
/*			-	logo empresa	*/
#grid-top #empresa.c1 #logo {margin-bottom: 20px;}
/*			-	formulario contactar (inline)	*/
#grid-top #contactar {}
#grid-top #contactar em {font-style: normal; font-weight: normal; color: #808080;}
#grid-top #contactar label {display: block; font-weight: normal; padding: 5px 0 2px 0;}
#grid-top #contactar input {width: 98%;}
#grid-top #contactar textarea {width: 98%; overflow: auto;}
#grid-top #contactar .titulo {font-weight: bold; margin-top: 0; margin-bottom: 12px; padding-top: 0;}
#grid-top #contactar .email {display: block; position: relative; width: 54%;}
#grid-top #contactar .telefono {position: absolute; width: 44%; top: 0; right: 0;}
#grid-top #contactar .mensaje {}
#grid-top #contactar .accion {text-align: right;}
#grid-top #contactar .accion input.submit {padding: 2px 20px; width: 168px; margin: 5px 0 0 0;}
/*		+	bottom	*/
#grid-bottom {margin: 10px 20px; position: relative; zoom: 1;}
#grid-bottom .row {padding: 0 32px;}
#grid-bottom .c1 {width: 350px; padding: 0 7px; float: left;}
#grid-bottom .c2 {width: 350px; padding: 0 7px; float: left; position: relative;}
/*	color	*/
/* - microsite spa - */

#ms-spa #grid-top {
	margin-left: 10px;
}
#ms-spa #grid-top .c1 { /* #empresa */ 
	float: left;
	width: 375px;
	border-right: 0;
}
#ms-spa #grid-top .c2 { /* #frase-comercial */
	position: static;
	/*width: 550px;*/
	padding-top: 6px;
	padding-right: 85px;
}
#ms-spa #grid-bottom {
	margin-top: 30px;
}
#ms-spa #grid-top .c2 h3,
#ms-spa #grid-bottom .c2 h3{  
	margin-top: 0;
}
#ms-spa #empresa #direccion {
	margin-top: 15px;
	padding-bottom: 10px;
}
#ms-spa #empresa #direccion #logo {
	margin-left: 12px;
}
#ms-spa #margen_cont {
	margin: 0;
}
#ms-spa .tabs {
	padding-top: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
}
#ms-spa .tabs li.pl {
	width: 150px;
}
#ms-spa table#listado-2m {
	width: 910px !important;
	margin-left: 15px !important;
}
#ms-spa #grid-bottom .c1 {
	width: 500px;
	padding: 0;
	margin-right: 70px;
}
#ms-spa #grid-bottom .c1 p {
	margin-bottom: 10px;
}
#ms-spa #grid-bottom .c1 li {
	margin-bottom: 5px;
}
#ms-spa #grid-bottom .c2 {
	width: 290px;
}
#ms-spa #grid-bottom .c2 .contact-data{
	background-color: #e7e7e7;
	color: #666;
	padding: 12px;
	margin-bottom: 22px;
}
#ms-spa #grid-bottom .c2 .contact-data h3{
	margin-bottom: 5px;
}
#ms-spa #grid-bottom .c2 .contact-data p{
	margin-left: 20px;
}
#ms-spa #grid-bottom .c2 img {
	display: block;
	margin: auto;
}
#ms-spa #agentes {
	margin-left: 20px;
}
#ms-spa #agentes ul.list-provincias {
	margin-top: 20px;
	margin-left: 30px;
}
#ms-spa #agentes ul.list-provincias li {
	float: left;
	width: 148px;
}

#ms-spa #agentes ul.list-provincias ul li {
	float: none;
	width: auto;
}

#ms-spa #agentes #agentes-info {
	margin-top: 55px;
}
#ms-spa #agentes #agentes-info .c-agente {
	float: left;
	width: 420px;
	margin: 0 0 32px 20px;
}
#ms-spa #agentes #agentes-info .c-agente ul {
	margin-left: 20px;
}

#ms-spa #main-listado h2 {
	margin: 30px 0 0 20px;
}

#ms-spa #main-listado h2 span {
	font: normal 12px Verdana, Arial, sans-serif;
	margin-left: 10px;
}

#ms-spa #agentes .selected {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.estirar{ height: 1%;}
.estirar:after {clear:both; content:".";display:block; height:0pt; visibility:hidden; }

.tabs li.activaUCI {
	top: 1px;
	height: 22px;
	padding-top: 5px;
	width: 180px;
	background-color: #fff;
	border-bottom: none;
}
.tabs li.noactivaUCI {
	display:inline;                
	float:left;                    
	height:21px;                   
	margin-right:4px;              
	padding-top:3px;               
	position:relative;             
	top:3px;                       
	width: 180px;
}
.tabs li.inmueblesCaixa {                    
	width: 160px;
}

.tabs li.inmueblesCAM {                    
	width: 160px;
}
#empresaCAM {
	width: 425px !important;

}

#frase-comercialCAM {
	padding-top: 40px !important;
	width: 345px !important;

}