#mapa {
    width: 100%;
    min-height: 550px;
    position: relative !important;
}
#contenedorPrincipal > div.row > div.col-md-12 {
    padding-right:0px;
    padding-left:0px;
}
#contenedorPrincipal {
    padding-right:0px;
    padding-left:0px;
}
#content .container-fluid{
    min-height: 550px;
    margin-bottom: 0px;
    padding-right:0px;
    padding-left:0px;
}
}
#mapa.navicentro {
    width: 100%;
    height: 450px;
    position: relative !important;
    padding: 10px 10px 10px 10px;
}
.markerNav {
    line-height: 40px;
    height: 40px;
    display: inline-block;
    float: left;
    position: relative;
    border: 1px solid #000;
    border-width: 0 1px;
    float: left;
    position: relative;
    line-height: 40px;
    height: 40px;
    color: #fff;
    font-size: 20px;
    padding: 0;
    width: 55px;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    background: #222;
    background: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#171717));
    background: -moz-linear-gradient(top,  #323232,  #171717);
}
.markerNav:before {
    border: 1px solid #333;
    border: 1px solid rgba(255,2555,255,.05);
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    z-index: 0;
}
.markerNav:hover {
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
    background: -moz-linear-gradient(top,  #444444,  #222222);
}
#nextMarker {margin-right: -1px;}

/*---FOOTER MARKER---*/
.marker {
    font-size: 0px;
    width: 0px;
    height: 0px;
}

#markers {
    line-height: 40px;
    height: 40px;
    display: inline-block;
    float: left;
    width: 300px;
    position: relative;
}

/*---CUSTOM INFOWINDOW---*/
.markerInfo {
    color: #333;
    font-size: 12px;
    width: 300px;
    z-index: 1002;
    background: #FEFEFE!important;
    color: #000000; /* Ace color de la dirección del recuadro borde inf izquierdo*/
    /*bottom: -1px;*/
    bottom: 0px;
    /*left:36px;*/
    position: absolute;
    padding: 10px 15px;
    display: none;
    font-weight: normal;
    border: 1px solid #000;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    background: #222;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)); /* Ace Color del recuadro borde inferior izquierdo */
    background: -moz-linear-gradient(top,  #323232,  #171717);
}
.markerInfo:before {
    border: 1px solid #333;
    border: 1px solid rgba(255,2555,255,.05);
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    z-index: 0;
}
.markerInfo h2 {line-height: 1em; margin: 3px 0 5px;}  /* Ace Este es el recuadro que aparece borde inf izq */
.markerInfo h2 a {
    font-size: 14px; /* Letra del encabezado */
    line-height: 1em;
    color: #000000;
}
.markerInfo img {display: block; margin: 5px 15px 5px 0; float: left; border: 1px solid #000;}
.markerInfo a {position: relative; z-index: 2;}
.markerInfo a:hover img {border-color: #fff;}
.markerInfo p {font-size: 9px; line-height: 1.2em; margin-bottom: 10px;} /* Subtitulo del recuadro */
.markerLink {position: relative; line-height: 20px; font-size: 10px; color: #000000; margin: 10px 0 0;} /* Sub Sub titulo del recuadro*/

.markerTotal {font:italic 10px "Georgia"; width: 50px; text-align:right; position: absolute; z-index: 1; bottom: 15px; right: 15px;}

.smallInfo {height: 40px; padding: 0 15px; line-height: 40px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.smallInfo img {display: none;}
.smallInfo p {display: none;}
.smallInfo h2 a {font-size: 10px; line-height: 40px;}
.smallInfo .markerLink {display: none;}

/*Map type*/
#mapStyle {width: 42px; height: 42px; background-image: url(../images/mapType.jpg); background-position:right top;}
#mapStyle.satellite {background-position:left top;}

/*---MAP TYPE BUTTON CONTAINER---*/
#mapTypeContainer {
    overflow: visible;
    font-size: 10px;
    margin-right: -1px;
    line-height: 40px;
    height: 40px;
    width: 55px;
    position: relative;
    z-index: 1;
    text-align: center;
    padding:0 12px;
    float: left;
    color: #fff;
}

/*---MAP TYPE BUTTON---*/
#mapType {width: 39px; height: 25px; background: url(../images/dial.png) no-repeat 0 -24px; cursor: pointer; margin: 7px 0 0; position: relative; z-index: 2; top: 0; left: 0;}
#mapType.roadmap {background-position:0 1px;}

/*---ZOOM CONTROLS---*/
.zoomControl {
    margin-right: -1px;
    line-height: 40px;
    height: 40px;
    width:35px;
    cursor: pointer;
    position: relative;
    text-align: center;
    float: left;
}
.zoomControl:hover {
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
    background: -moz-linear-gradient(top,  #444444,  #222222);
}
.zoomControl img {vertical-align: middle; padding: 7px 0}

.row{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.col-md-3{
    padding-left: 0px !important;
    padding-right: 0PX !important;
}

#target {position: fixed; display: none; width: 51px; height: 51px; top: 50%; left: 50%; margin: 20px 0 0 -26px; background: url(../images/target.png) no-repeat center bottom; z-index: 2;}

@media (max-width: 400px) {

    .markerInfo h2 a {
        font-size: 10px;
    }

    .markerNav{
        width: 15px;
    }
    .markerInfo{
        width: 200px;
        padding: 2px 6px;
    }
    .markerInfo h2 a{
        line-height: 0;
    }
    #markers{
        width:200px;
    }
    #mapTypeContainer{
        width: 45px;
        padding: 0 5px;
    }
    .navicentro{
        width: 65px;
        height: 65px;
    }
    #target{
        margin: 25px 0 0 -26px;
    }
    * {
        box-sizing: padding-box;
    }
    #main.navicentro {
        width: 270px !important;
        left:0px !important;
        top: 133px !important;
        height: auto;
    }
    .entry p {
        font-size: 8px !important;
    }
    h2.posttitle, .entrytitle {
        font-size: 15px !important;
    }

}

@media (max-width: 500px) {
    #main.navicentro {
        width: 270px !important;
        left:30px !important;
        top: 133px !important;
        height: auto;
    }
    .entry p {
        font-size: 9px !important;
    }
    h2.posttitle, .entrytitle {
        font-size: 15px !important;
    }
}

#main {
    width:370px;
    padding: 0px 15px 15px 45px;
    border: 1px solid #000;
    z-index: 2;
    position: relative;
    background: #FFFFFF;
    background: rgba(255,255,255,255);
    -webkit-box-shadow: 3px 3px 5px rgba(255,255,255,255);
    -moz-box-shadow: 3px 3px 5px rgba(255,255,255,255);
    box-shadow: 3px 3px 5px rgba(255,255,255,255);
}
#main.navicentro{
    position:absolute;
    left: 15px;
    top: -1px;
}
body.page #main {width: 505px;}
body.iPad #main {padding: 20px;}

#main.blog {width: 505px;}
#handle {
    position: absolute;
    cursor: move;
    z-index: 4;
    top: 0px;
    left: 0px;
    bottom: 0;
    width: 30px;
    border-right:1px solid #F2F2F20;
    background: #F2F2F2 url(../images/draggable.png) no-repeat center 30px; /* Esta es la barra izquierda del recuadro de información */
}
#handle:before {border: 1px solid #333; border: 1px solid rgba(192,192,192,0.1); content:""; position: absolute; right: 0; top: 0; bottom: 0; left: 0;}
body.iPad #handle {display: none;}
#moveNotice {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,255) url(../images/mover.png) no-repeat 95% 30px; display: none; z-index: 3;}

#closeBox {position: absolute; cursor: pointer; top: 10px; left: 9px; width: 12px; height: 12px; background: url(../images/close.png) no-repeat left top; display: block; z-index: 5}
body.iPad #closeBox {left: 5px; top: 5px;}

#closeBox:hover {background: url(../images/close.png) no-repeat right top;}

#crumbs {font-size: 10px; font-style: italic; margin-bottom: 15px; margin-top: -5px;}


.listing > div {margin: 0 0 30px;}
.listing h2.posttitle,
.listing .entrytitle {margin-bottom: 5px; font-size: 15px;}

h2.posttitle, .entrytitle {margin-bottom: 5px; font-size: 22px;}
.entrytitle {margin-bottom: 10px;}
.entry{font-size: 11px;}
body.single .entry {margin-top: 15px;}
.entry ol,.entry ul {margin:0 0 15px 15px; padding: 0; font-size: 11px;}
.entry li {padding:0; list-style-position:outside; line-height: 1.5em;}
.entry p {margin: 0 0 15px; font-size:12px; color:#666666;} /* Modificado Ace agregue color y tamaño de letra del recuadro izquierdo para el texto de numro de salas*/
.details {font-size: 11px;  margin-bottom: 35px; } /* Modificado Ace agregue color*/
.entry h1, .entry h2, .entry h3, .entry h4,.entry h5,.entry h6 {}

ul.goodList {list-style-image: url(../images/check.png); margin-left: 20px;}
ul.okList {list-style-image: url(../images/yield.png); margin-left: 20px;}
ul.badList {list-style-image: url(../images/exclamation.png); margin-left: 20px;}

#postAddr {margin-bottom: 20px;}

.toggleButton {
    cursor: pointer;
    color: #fff;
    clear: both;
    font-size: 12px;
    padding: 5px 8px;
    position: relative;
    border: 1px solid #000;
    border-width: 1px 0 1px;
    background: #333;
}
.toggleButton:before {border: 1px solid #444; border: 1px solid rgba(255,2555,255,.05); content:""; position: absolute; top: 0; left: 0; right:0; bottom:0; z-index: 0;}
.toggleButton:hover {color: #000;background: #99b3cc}
.toggleButton span {float: right;}

body.single .entry {
    margin-top: 15px;
}
.entry {
    font-size: 11px;
}

ul.galleryBox {list-style: none; margin:5px 0px 0px 0px; display: none; padding-left: 0px}
ul.galleryBox li {width: 53px; height: 53px; margin: 10px; list-style: none; display: inline-block; border:1px solid #000;}
ul.galleryBox li:hover {border-color: #fff;}

ul.galleryBox li {
    border: 1px solid #000;
    display: inline-block;
    height: 53px;
    list-style: outside none none;
    margin: 2px;
    width: 53px;
}

.pageContent {
    top: -18px;
    margin-right: -1px;
    display: inline-block;
    position: relative;
    height: 30px;
    z-index: 1;
}
.pageContent:hover h2 {
    background: #333;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
    background: -moz-linear-gradient(top,  #444444,  #222222);
}
.pageContent h2 {
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    position: relative;
    padding: 0 15px;
    display: inline-block;
}