body {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 10px;
    padding-right: 10px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.layout-titulo-div {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.layout-titulo-imagen-div {
    margin: 5px;
    margin-right: 35px;
    width: 150px;
}

.layout-titulo-texto-div {
    color: whitesmoke;
    display: flex;
    align-items: center;
    align-content: center;
    font-size: 3vw;
    font-family: 'Vollkorn', serif;
    text-align: center;
}

.layout-titulo-div2 {
    display: flex;
    flex-direction: column;
    margin-left: 70px;
    margin-top: 10px;
}

.layout-titulo-icons-div {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 25px;
}

.TituloIcons:hover {
    background-color: brown;
    color: white;
    border-radius: 10px;
    padding: 15px;
}

.MiBoton {
    background-color: rgb(10, 148,213);
    color: white;
    display: inline-block;
    /*font-size: 16px;*/
    margin: 15px 10px;
    border: solid;
    border-width: thin;
    border-bottom-color: darkgray;
    border-right-color: darkgray;    
    /*vertical-align:auto;*/
    /*padding: 15px 10px;*/
}

.MiBotonRedondeado {
    border-radius: 10px;
}

.MiBotonPequeno {
    font-size: 14px;
    padding: 10px 15px;
}

.MiBotonMediano {
    font-size: 15px;
    padding: 12px 15px;
}

.MiBotonGrande {
    font-size: 18px;
    padding: 20px 25px;
}

.MiBoton:hover {
    /*opacity: .8;*/
    color: white;
    text-decoration: none;
    background-color: blue;
}

.bothGral {
    position: absolute;
    cursor: pointer;
    /*overflow: hidden;*/
}

    .bothGral:hover {
        background-color: rgba(0,255,0,0.5);
    }

.bothGral2 {    
    cursor: pointer;
    /*overflow: hidden;*/
}

    .bothGral2:hover {
        background-color: rgba(0,255,0,0.5);
    }

/*.both, .both_Line2:hover, .both_LineKImpar {
    background-color: rgba(0,255,0,0.5);
}*/

/*.BtnMap {
    width: 100%;
    height: 100%;
    background-color: rgb(255,255,255,0.0);
    border: none;
}

    .BtnMap:hover {
        background-color: rgba(0,255,0,0.5);
    }*/

.Login {
    width: 550px;
    display: flex;
    flex-direction: column;
    margin: auto;
    align-items: center;
    justify-content: center;    
    /*padding-bottom: 15px;*/
    background-color: lightgrey;
}

.SombraCaja {
    box-shadow: 3px 3px 7px rgba(0,0,130,.5);
}

.BorderRedondeado {
    border: solid;
    border-width: thin;
    border-color: black;
    border-radius: 8px;
}

.ImgBackGroudPageHome {
    width: auto;
}

.ImgBackGroudPageBooths {
    width: auto;
}

.ImgBackGroudPageReserve {
    width: auto;
}

.ImgBackGroudPageBooths2 {
    width: auto;
    display:none;
}

.ImgBackGroudPageReservePaypal {
    width: auto;
}

.PositionButtonsPageHome {
    left: 40%;
    top: 165px;
    visibility: visible;
}

.PositionButtonsPageReserve {
    left: 51%;
    top: 170px;
}

.DisplayObjectsPageReserve {
    display:flex;
}

.PositionButtonsPageReservePaypal {
    left: 51%;
    top: 170px;
}

.menu-main {
    display: none;
}

.Title-PageLogin {
    font-size: 35px;
}

.Logo-PageLogin {
    height: 110px;
}

/* TAMAÑO TABLET */
@media screen and (max-width:1200px) {

    .ImgBackGroudPageHome {
        width: 100%;
    }

    .ImgBackGroudPageBooths {
        width: 100%;
    }

    .ImgBackGroudPageReserve {
        width: 100%;
    }

    .ImgBackGroudPageReservePaypal {
        width: 100%;
    }

    .PositionButtonsPageHome {
        left: 35%;
        top: 125px;
    }

    .PositionButtonsPageReserve {
        left: 45%;
        top: 135px;
    }

    .PositionButtonsPageReservePaypal {
        left: 45%;
        top: 135px;
    }
}

/* TAMAÑO CELULRA */
@media screen and (max-width:1000px) {
    .ImgBackGroudPageBooths {
        display: none;
    }

    .ImgBackGroudPageBooths2 {
        width: 100%;
        display: block;
    }

    .PositionButtonsPageHome {
        visibility: collapse;
    }

    .PositionButtonsPageReserve {
        visibility: collapse;
    }

    .PositionButtonsPageReservePaypal {
        visibility: collapse;
    }

    .DisplayObjectsPageReserve {
        display: block;
    }    

    .menu-main {
        display: block;
    }

    .Title-PageLogin {
        font-size: 25px;
    }

    .Logo-PageLogin {
        height: 80px;
    }

    .Login {
        width: 100%;
    }
}