/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/************************************
 * Index
************************************/



.container {
    width: 100%;
    height: 800px;
    margin: auto;
    position: fixed;
    margin-top: 90px;
}

/************************************
 * Buscador
************************************/
.myplaces-searcher {
    display: none;
}



/************************************
 * Establecimientos
************************************/
.myplaces-places {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    height: 100%;
    vertical-align: top;
    width: 25%;
}

.myplaces-placesList {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    height: 100%;
    overflow: auto;
    width: 100%;
}

.myplaces-placesList  ul  {
    display: inline;
    margin: 0;
    padding: 0;
    text-align: left;
}

.myplaces-placesList  ul > li {
    background-color: #666;
    border-bottom: 1px solid #333;
    list-style: none outside none;
    margin: 0;
    height: 80px;
    cursor: pointer;
}

.myplaces-placesList  ul > li:hover {
    background-color: #39b8d5;

}
    
   

.myplaces-placesList  ul > li.myplaces-selectedPlaces {
    background-color: #FFFFFF;
}



.myplaces-placesList  ul > li > h1{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1em;
    padding: 10px 0 0 10px;
    color: #fff;
    text-align: left;
    text-shadow: none;
    float: left;
    position: relative;
    height: auto;
    width: 100%;
}
.myplaces-placesList  ul > li > h3{
    font-size: .9em;
    float: left;
    color: #fff;
    font-weight: 100;
    margin: 0px 0 0 10px;
}

.myplaces-placesList a{
    font-size: .9em;
    color: #fff;
    font-weight: 100;
    display: inline-table;
}
.myplaces-placesList  ul > li > h5{
    margin: 0 0 0 10px;
    font-size: 11px;
}
.myplaces-placesList  ul > li > p{
    margin: 0px 0 0 10px;
    font-size: 1em;
    float: left;
    width: 100%;
    color: #fff;
}

.myplaces-placeInfo {
    border-left: 1px solid #D6EBE7;
    display: none;
    font-family: 'Open Sans', sans-serif;
    overflow: auto;
    height: 100%;
    margin: 0;
    vertical-align: top;
    width: 59.8%;
}

.myplaces-placeInfo  h3{
    font-size: 13px;
    margin: 13% 15px 0 15px;
}

.myplaces-placeInfo  p{
    font-size: 13px;
    margin: 0 15px 0 15px;
}

.myplaces-placeInfo  ul{
    font-size: 13px;
    margin: 0;
    margin: 0 15px 0 15px;
}
.myplaces-placeInfo  ul > li {
    background: url("../img/flicon.gif") no-repeat scroll 0 7px transparent;
    list-style: none outside none;
    margin-left: 10px;
    padding: 0 0 0 10px;
}
.myplaces-placeInfo .myplaces-placeEmail {
    margin-top: 15px;
    margin-bottom: 15px;
}

.myplaces-placeInfo .myplaces-placeEmail > h3 {
    display: inline;
    font-size: 12px;
    margin: 0 15px 0 15px;
}
.myplaces-placeInfo .myplaces-placeEmail > p {
    color: #8CBEE7;
    display: inline;
    font-size: 13px;
}



/************************************
 * Mapa
************************************/
.myplaces-map {
    display: inline-block;
    width: 75%;
    height: 100%;
}

/************************************
 * Categories
************************************/
.myplaces-categories {
    list-style: none;
    padding: 0;
    display: none;
}


/*****************************************************
* Info
*****************************************************/
.myplaces-info {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em
}

    .myplaces-info p {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding-top: 5px;
    border-top:1px dotted #333;
}

p.myplaces-info-results {
    color: #0084c7;
    font-family: 'Open Sans', sans-serif;
    margin: 25px;
    text-align: center;
}


/*****************************************************
* Scroll
*****************************************************/
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
    width:6px;
    background:#FFFFFF; 
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    border: 1px solid #DEEBE7;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:6px;
    background:#0082C6; 
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
    width:100%;
    height:4px;
    margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:100%;
    height:6px;
    margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background:#0082C6;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background:#0082C6;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
    background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
    background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
    background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
    background-position:-100px -56px;
}
.mCustomScrollBox>.mCSB_scrollTools {
    width: 9px;
}

    .myplaces-placesList  ul > li.myplaces-selectedPlaces > h1,
    .myplaces-placesList  ul > li.myplaces-selectedPlaces > h3,
    .myplaces-placesList  ul li.myplaces-selectedPlaces a,
    .myplaces-placesList  ul > li.myplaces-selectedPlaces > p {
    color:#193966;
}