/*======
Mobilia
Copyright 2015
 
colores paleta
-------------
#242424 - gris
#ae0e2c - rojo
======== */
/** variaciones **/
.menuPie a{}
.copyright a {color:#3aa2c9}

.slide-primary {
	background:rgba(20,20,20,0.8); 
	-webkit-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.49);
	-moz-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.49);
	box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.49);
	}
.slide-secondary {
	background:rgba(255,255,255,0.6); 
	color:#000 !important;
	-webkit-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.49);
	-moz-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.49);
	box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.49);
	}
	
.slide-titulo{font-size:30px; }
.slide-subtitulo{font-size:22px;}
/********************/
 
/*===================================================================*/
/************************* CSS EXTERNOS ******************************/
/*===================================================================*/

/******** FONTFACE *********/
/******** FIN FONTFACE **********/



/********** SCRIPTS ************/
.filtroIsotope { font-family: 'Roboto Condensed', sans-serif; font-size:20px; font-weight:100}
.filtroIsotope ul li a {
	color:#333;
	padding:12px 20px;
	display:block;
	-webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.filtroIsotope ul li a:hover { color:#fff; background:#ae0e2c; text-decoration: none; }
.filtroIsotope .selected a { color:#fff; background:#ae0e2c}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/********** SCRIPTS ***********/

/*===================================================================*/
/*********************** FIN CSS EXTERNOS ****************************/
/*===================================================================*/


/*===================================================================*/
/****************** DEFINICIÓN ETIQUETAS HTML ************************/
/*===================================================================*/
body {/*font-family: 'Open Sans', sans-serif;*/ background:url(/Portals/mayrasa/Images/fondo1.jpg); background-repeat:no-repeat}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif; margin-bottom:20px}
/*============================================================*/
/****************FIN DEFINICIÓN ETIQUETAS HTML ****************/
/*============================================================*/

/*============================================================*/
/************************** PANES *****************************/
/*============================================================*/
.ThreePanes {margin-bottom:40px; padding-top:50px}
/*#pID0 .ThreePanes {padding-top:500px}*/
.ContentPane{margin:0px auto}
.ContentPane .container>.row {background:#FFF; }
.ThreePanes .container>.row {background:#FFF;}
.ContentPane .container>.row:first-child {padding-top:20px}
.ContentPane .container>.row:last-child {padding-bottom:20px}


/*============================================================*/
/********************** FIN PANES *****************************/
/*============================================================*/

/*============================================================*/
/************************ MÓDULOS *****************************/
/*============================================================*/

.tituloSeccion h1, .tituloSeccion h2, .tituloSeccion h3, .tituloSeccion h4, .tituloSeccion h5 {font-family: 'Roboto Condensed', sans-serif; font-weight:500; border-bottom:1px solid #333; }     
.tituloSeccion h1 {font-size:2.4em }
.zm {margin-bottom:30px}
.zm-header h1{font-family: 'Roboto Condensed', sans-serif; font-weight:500; border-bottom:1px solid #333; font-size:2.4em !important}
p strong {color:#3aa2c9}
.panel-body {font-size:1.6em}
/*============================================================*/
/************************ FIN MÓDULOS *************************/
/*============================================================*/

/*============================================================*/
/************************** ANIMACIÓN *************************/
/*============================================================*/
.anim{
	-webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}


/*============================================================*/
/******************* INTERFAZ DE USUARIO **********************/
/*============================================================*/

/************** PADDINGS ***************/
/***************************************/
.paddingV15{padding:15px 0px}
.paddingV20{padding:20px 0px}
.paddingV30{padding:30px 0px}
.padding30{padding:30px;}
.paddingBottom30{padding-bottom:30px}
.marginBottom30{margin-bottom:30px}

/************** MENUES ****************/
/**************************************/

/******** mainmenu ********/
.navbar {font-family: 'Roboto Condensed'; font-weight:300; font-size:1.4em; border:none}
.navbar .dropdown-menu {margin:0}
.navbar-nav{}
.dropdown-menu > li {}
.menuBlock {font-size:0.8em;}
/******** fin mainmenu ********/
/******** Breadcrumbs *********/

/****** Fin Breadcrumbs *******/

/********** menu pie **********/
.menuPie {padding:20px 0; font-size:1.2em; font-family: 'Roboto Condensed'; font-weight:500;}
.menuPie ul li {border-right:1px solid #666}
.menuPie a {padding:0 20px; color:#fff}

/******** fin menu pie ********/


/************ FIN MENUES **************/
/**************************************/

/************ BUSCADOR **************/
/************************************/
.buscadorPagina  {padding:0; color:#242424}
.buscadorPagina.bg-primary{background:none !important}
.buscadorPagina .container>.row {background:#3aa2c9; padding:20px 0}
.buscadorPagina .nombreCampo {font-family: 'Roboto Condensed'; font-weight:500; font-size:1.2em; color:#fff}
.campoBuscador {margin:4px 0}

/* Hacemos el buscador collapsable */
@media (min-width: 768px) {
	.buscadorPagina.collapse {
		display: block !important;
		height: auto !important;
		
		overflow: visible !important;
	}
	
}
/********** FIN  BUSCADOR *************/
/**************************************/

/******** panel contacto ********/
.panel {background-image:url(/Portals/mayrasa/Images/infoBG.jpg); height:550px; color:#2d2d2d; padding:10px}
.llamanos {font-size:2em; font-weight:500; font-family: 'Roboto Condensed', sans-serif; margin-top:30px; margin-left:20px }
.llamanos div {margin-bottom:20px}
.llamanos {position:relative; display:inline-block}
.llamanos .boton{position:absolute; top:220px}
.panel .telefono{font-size:1.2em; font-family: 'Roboto Condensed', sans-serif; font-weight:700 }
/******** Fin panel contacto ********/

/******* headers de páginas **********/
.headers img{width:100%}
/******* headers de páginas **********/

/********** nodos **********/
 .nodoPadre { font-weight:bold !important}
 .nodoHijo { padding-left:30px !important; }
 a.nounderline:hover, a.nounderline:active, a.nounderline:focus { text-decoration:none }
/********** fin nodos **********/
/*============================================================*/
/******************* FIN INTERFAZ DE USUARIO ******************/
/*============================================================*/

/*============================================================*/
/************************* PÁGINAS ****************************/
/*============================================================*/
/* Inicio */
/* Fin Inicio */

/* Contacto */
#mapa {width:100%; height:250px}
.LinkAceptarCondiciones {margin-bottom:10px}
/* Fin Contacto */

/* conócenos */
.fichaStaff .btn{margin:8px 0; white-space:normal}
.fichaStaff .foto{margin-bottom:10px}

/*============================================================*/
/********************* FIN PÁGINAS ****************************/
/*============================================================*/

/*============================================================*/
/************************* CABECERA ***************************/
/*============================================================*/
.cabeceraPagina {background:rgba(0,0,0,0.58)}
.cabeceraPagina .logo {width:250px; padding-top:8px}
.cabeceraPagina .logo img {width:100%}
.cabeceraMenu {background:#242424}
.datosCabecera {margin-top:20px}
.navbar .telefono {font-size:1.5em; font-family: 'Roboto Condensed'; font-weight:700; margin-top:6px; color:rgba(255,255,255,1.00)}
.navbar .telefono a{color:#FFFFFF}
.datosCabecera a {color:#FFFFFF}
.fixedHead{
	z-index:9998;
	}
.affix{top:0; left:0; right:0; z-index:9998}


/*============================================================*/
/************************* FIN CABECERA ***********************/
/*============================================================*/

/*============================================================*/
/**************************** PIE *****************************/
/*============================================================*/
.pie {background:rgba(0,0,0,0.58); color:#fff; padding-bottom:20px}
.pie .logo {margin-top:20px; margin-bottom:20px; text-align:right}
.pie .logo img {width:100px; height:auto; display:block; margin:auto}
.iconosTrabajamos 
{}
.iconosTrabajamos li{float:left; list-style:none}
.iconosTrabajamos li img{width:100%}

/*============================================================*/
/*************************FIN PIE *****************************/
/*============================================================*/

/*********** Etiquetas ***************/

#infoListado .tag {display:none}
.bloqueInfo { position:relative; overflow:hidden}
.DLFichaParent {position:relative; overflow:hidden}

.tag {
		width:270px; 
		z-index:9; 
		background:#900; 
		position:absolute; 
		top:50px; 
		left:-44px;
		text-align:center; 
		padding:10px 20px; 
		color:#FFF; 	
		font-family: 'Roboto Condensed', sans-serif;
		font-size:20px;
		text-transform:uppercase;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.45);
		-moz-box-shadow:    3px 3px 5px 0px rgba(0, 0, 0, 0.45);
		box-shadow:         3px 3px 5px 0px rgba(0, 0, 0, 0.45);
		font-weight:300;
		text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
		letter-spacing:2px	
		}
	

.DLFicha .tag
{
	width:80px; 
	font-size:18px;
	top: -3px;
    left: -23px;
	padding:5px 10px; 
}
.DLFicha .DLFichaImagen .tag
{
	left: -10px;
}

/******PLAY PARA DETALLE VIDEOS*/
.play.big:before{
      top: 33%!important;
      margin: -25px 0 auto;
      /*z-index: 99999!important;*/
      width: 100%!important;
      left: 0!important;
      float: left;
      text-align: center;
    }
	.play:before{
	content: "\f16A";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color:#0E0D0D;
	opacity:0.7;
    font-size: 48px;
    position: absolute;
    top: -1px;
    left: 35px;
	cursor:pointer;
	z-index:999
	}
.play:hover:before {opacity:0.9; color:#E50E12;}
.iconoListado { }
.iconoAnterior {margin-right:10px}
.iconoSiguiente {}
.play {position:relative}
.play.big {position:relative}
/*.play.big:before {font-size:80px !important; left:386px; top:188px; }*/

.play.big:before {font-size:80px !important; top:33% !important; margin:-25px 0 auto; width:100% !Important; left:0 !Important; float:left;text-align:center}

	
/*********** Etiquetas ***************/



/***************************
    ESTILOS THEME INMOBS3   
****************************/
/* CAROUSEL HOME */

/* GRID INMUEBLES */
.subtitulo { line-height:1.3; margin-top:25px; margin-bottom:25px; }
.DLFichaParent { border: 1px solid #ccc; border-bottom:3px solid #ccc; background:#fff; padding: 0px; margin-top: 5px; margin-bottom: 5px;}
.DLFichaParent .DLFichaImagen { max-height: 184px; height:184px; position: relative; overflow:hidden }
.DLFichaParent .DLFichaImagen:hover { -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 100ms ease-in-out; opacity:0.5 }
.DLFichaParent .DLFichaImagen img { width:100% !important; position:absolute; top:0; left:0; right:0; padding:0 15px; margin:auto; }

.DLFichaParent .DLFichaTitulo { font-family: 'Roboto Condensed'; font-weight:300; max-height:67px; height:67px; padding:10px 25px; font-size:1.8em; line-height:1.1em; overflow:hidden;}
.DLFichaParent .DLFichaResumen { font-weight:normal; font-size:1em; padding:0 34px; max-height:100px; height:100px; overflow:hidden; color: #777; }
.DLFichaParent .DLFichaReferencia { min-height: 20px; font-size:12px; }

.DLFichaParent .DLFichaPrecioVenta { font-family:'Khand'; font-weight:500; min-height:20px; font-size:1.6em; padding:10px 30px; }
.DLFichaParent .DLFichaPrecioAlquiler { font-family:'Khand'; font-weight:500; min-height:20px; font-size:1.6em; padding:10px 30px; color:#999}
.DLFichaParent .DLFichaCaracteristicas { }
.DLFichaParent .iconos {background:rgba(255,255,255, 0.8); position:absolute; bottom:0; width: 100%; padding:4px 20px; text-align:left}
.DLFichaParent .iconos span{font-family: 'Roboto Condensed'; font-weight:900}
.DLFichaParent .iconos i {margin-right:20px; }

@media only screen and (min-width : 1200px) {
	.Destacado .DLFichaParent .DLFichaResumen { max-height:70px; height:70px;}
	.Destacado .DLFichaParent .DLFichaPrecioVenta { font-size:2em; padding-bottom:2px;}
	.Destacado .DLFichaParent .DLFichaPrecioAlquiler { font-size:2em; padding-bottom: 2px; }
	.Destacado .DLFichaParent .DLFichaTitulo { max-height:52px; height:52px}
	.Destacado .DLFichaParent .DLFichaImagen {max-height: 237px; height: 237px; position: relative; overflow:hidden }
}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
	.Destacado .DLFichaParent .DLFichaImagen { max-height: 184px; height: 184px; }
	/*.DLFichaParent .DLFichaResumen {max-height:90px; height:90px;}*/
}
@media only screen and (min-width : 768px) and (max-width: 991px) {
	.Destacado .DLFichaParent .DLFichaImagen { max-height: 184px; height: 184px; }
	/*.DLFichaParent .DLFichaResumen {max-height:90px; height:90px;}*/
}
@media only screen and (max-width : 767px) {
	.Destacado .DLFichaParent .DLFichaResumen { max-height:100px; height:100px; }
}

/* Le puede interesar */
.containerLinksInteres {display:inline-block}
.containerLinksInteres ul{padding:10px 0 10px 0; margin-bottom:30px}
.containerLinksInteres  ul li { display:block; font-size:18px; background:url(/Design/Themes/Mobilia/Images/arrow.png) no-repeat left 3px}
.containerLinksInteres  ul li a {padding-left:10px; display:block; font-weight:500 !important; color:#666; }
.containerLinksInteres  ul li a:hover {}


/* GRID INMUEBLES DESTACADOS */
.Destacado .DLFichaPrecioVenta { color: #ae0e2c; }
.Destacado .DLFichaPrecioAlquile { color: #ae0e2c;}

/*  MAPA INMUEBLES */
.tablaMapa { width: 300px; }
.tablaMapa .foto { width:110px; vertical-align:top; text-align: left;}
.tablaMapa .foto img { margin-bottom:10px;}
.tablaMapa .tipo { font-weight:bold; font-size:large; vertical-align:top; }
.tablaMapa .resumen { vertical-align:top; }
.tablaMapa .precio { font-weight:bold; font-size:12px; }
.tablaMapa .precio span { display:block; }

/******** DETALLE *********/
/**************************/
.bloqueInfo {background:#eee; margin-bottom:20px}
.lslide img{width:100%}
.IDTitulo {}
.IDDescripcion { padding-top:15px; }
.IDSeccion { font-weight:bold; margin:10px 0;}
.IDPropiedad {border-bottom: 1px solid #ababab; padding-bottom:5px; margin-bottom:5px; }
.IDResumen { font-family: 'Roboto Condensed'; font-size: 16px; margin-right:15px }
@media only screen and (max-width: 991px) {.IDResumen  {margin-left:15px}}
.IDResumen .IDPrecio { font-size:33px; font-weight: bold }
.IDResumen .IDSeparador { border-bottom:1px solid #ffa600; margin:7px 0; }
.IDOtrosDatos { font-family: 'Roboto Condensed'; font-size: 16px; }

.IDContacto { background: #ECECEC; padding-top: 15px; padding-bottom: 15px; color: #242424; font-family: 'Roboto Condensed' }
.IDContacto label { font-weight: normal }
.IDContacto a { }

.iconoListado { }
.iconoAnterior {margin-right:10px}
.iconoSiguiente {}

.oculto{display:none}

/******** FIN DETALLE *********/
/**************************/

/******** DETALLE *********/
/**************************/
.alquilerDiaOcupado { background-color: #ae0e2c !important; }
.alquilerDiaOcupadoText { color: #ae0e2c !important; }
.alert-success {
    background-color: #005dff;
    border-color: #ff0101;
    color: #fff;
    border-width: 2px;
    font-size: 18px;
}
/****** FIN DETALLE *******/
/**************************/
/********************************
    FIN ESTILOS THEME INMOBS3   
*********************************/

/************** Error 404 **********************/
.error404{background-color: #fff;text-align: center;font-size: 9em;line-height: 3em;}

/************* Cookies ***************/
#stickyFooter{
    position:fixed;
    width:100%;
	left:0;
	margin:auto;
	bottom:-25000;
    height:auto;
    background:#333;
    text-align:center;
	z-index:1000;
}

#stickyFooter p{padding:20px; font-size:14px; color:#FFF}
#stickyFooter a{color:red}

.aceptarCookies{
	background-color: #4d90fe;
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	border: 1px solid #3079ed;
	border-radius: 2px;
	color: #fff;
	cursor: default;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin-right: 0px;
	min-width: 26px;
	outline: 0;
	padding: 0 8px;
	text-align: center;
	white-space: nowrap;

}

.aceptarCookies:hover{
	background-color: #357ae8;
	background-image: -webkit-linear-gradient(top,#4d80fe,#357ae8);
	border: 1px solid #2f5bb7;
	border-bottom-color: #2f5bb7;
}

/************* Cookies ***************/







position: relative;
}

.nombre_agente {
    text-align: left;
    float: left;
    position: relative;
    top: -24px;
    left: 142px;
}
.nombre_agente h7 {
    margin: 0 0 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 1.3em;
    line-height: 23px;
}
.agente_datos {
    border-top: 1px solid #07443814;
    margin-top: -40px;
    border-bottom: 1px solid #07443842;
    position: relative;
    float: left;
    height: auto;
}
.agente_datos p {
    color: #777;
    padding: 20px 0px;
    font-size: 15px;
}


 .Half{
        float:left;
        display:inline-block;

           }
/*FIN::AGENTES ACTIVOS*/



/* COMIENZA AGENTES CON DESCRIPCIÓN COMPLETA*/
/*Se oculta el título para mantener el suyo*/
.tituloSeccion.tituloNuestrosAgentes.text-center {
	display: none;
  }
.circuloAgenteGrande{
	width: 60%;
    height: 190px;
    left: 20%;
    position: relative;
	margin-bottom:15px;
	margin-top:10px;
}

img.imgAgenteCompletoCirculo {
    width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	border-radius:200px;
}

.nombre_agente {
    height: 405px;
	padding-left:20px;
	padding-right: 20px;
}

.descripcionAgente{
	text-align: justify;
  }

  .nosotros .container {
    width: 90%;
}

  @media only screen and (max-width : 767px) {

	.nombre_agente{
	  height: auto !important;
	}
  
	.circuloAgenteGrande{
	  width: 50%;
		height: 230px;
		left: 25%;
		position: relative;
	  margin-bottom:10px;
	}
  
  }



/******** Media queries ************/
/***********************************/

/*  =====================================================
    =            Bootstrap 3.3 Media Queries            =
    =====================================================   */
@media only screen and (min-width : 1200px) {
	
	     li.play.big.lslide.active {
        background: #000;
        padding: 44px 0;
        height: 567px;
        /* border: 1px solid red; */
      }

    .text-left-lg { text-align: left; }
    .text-right-lg { text-align: right; }
    .text-center-lg { text-align: center; }
    .text-justify-lg { text-align: justify; }
    
    .padding_lg_10-0-0-0 { padding: 10px 0 0 0; }
	/*.ContentPane {width:1140px}*/
}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
    .text-left-md { text-align: left; }
    .text-right-md { text-align: right; }
    .text-center-md { text-align: center; }
    .text-justify-md { text-align: justify; }
    
    .padding_md_10-0-0-0 { padding: 10px 0 0 0; }
	.panel .telefono{font-size:1em;}
	/*.ContentPane {width:940px}*/
	.iconosTrabajamos li img {width:100%}
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
    .text-left-sm { text-align: left; }
    .text-right-sm { text-align: right; }
    .text-center-sm { text-align: center; }
    .text-justify-sm { text-align: justify; }  
    
    .padding_sm_10-0-0-0 { padding: 10px 0 0 0; }
	.panel .telefono{font-size:2.2em;}
	.panel .llamanos {font-size:2em} 
	.panel .btn {white-space:normal}
	/*.ContentPane {width:720px}*/
	.llamanos {width:100%; text-align:center; margin:30px auto}
	.llamanos .boton{margin:auto 0; left:0; right:0}
	.llamanos .btn-block{display:inline}
	.navbar .telefono {font-size:1em; margin-top:10px}
	.iconosTrabajamos li img {width:100%}
	

@media only screen and (max-width : 767px) {
    .text-left-xs { text-align: left; }
    .text-right-xs { text-align: right; }
    .text-center-xs { text-align: center; }
    .text-justify-xs { text-align: justify; }
    
    .padding_xs_10-0-0-0 { padding: 10px 0 0 0; }
	.cabeceraPagina .telefono {font-size:1.6em}
	.cabeceraMenu {padding:2px 0}
	.menuBlock {font-size:0.8em; background:#3f3f3f !important}
	.llamanos {width:100%; text-align:center; margin:30px auto}
	.llamanos .boton{width:100%;}
	.llamanos .btn {width:100%; display:block; text-align:center}
	.panel .telefono {font-size:1.6em}
	.cabeceraPagina  .telefono {font-size:16px}
	.cabeceraPagina .logo {width:200px}
	.datosCabecera{margin-top:44px}
	
	    .play.big:before{
        top: 33%!important;

      }

}

/***** OCULTAR Fila en contacto *******/
#mID68933 .container .row:nth-child(2) {display:none}




