#pantalla-Cookies {
	background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100vh;
    z-index: 20;
    top: 0;
    left: 0;
    position: fixed;
}

.myButton {
	background-color: #00EDFF;
    text-transform: uppercase;
    color: #003245;
    letter-spacing: .15em;
    text-align: center;
    font-size: 0.875em;
    font-weight: bold;
    max-width: max-content;
    width: 100%;
    display: block;
    line-height: 1.4em;
    height: 40px;
    padding: 10px;
}
.accept
{
    float:right;
}
.decline
{
    float: left;
    background-color: #cccccc;
    color:#666666 !important;
}
.myButton:hover {
	  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	  filter: alpha(opacity=70);
	  -moz-opacity: 0.7;
	  -khtml-opacity: 0.7;
	  opacity: 0.7;
}
.accept:hover {
   /* background-color:#476e9e;*/
}

.decline:hover {
    background-color:#666666;
    color: #cccccc !important;
}
.myButton:active {
	position:relative;
	top:1px;
}


#cookie-bar {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: table;
    background: white;
    position: fixed;
    z-index: 25;
    left: 50%;
    top: 50%;
    margin:auto;
    /*margin-top: -127.5px;
    margin-left: -200px;*/
    padding: 50px;
    width: 850px;
    height: 450px;
}
#cookie-bar .cookie-mensaje{
	font-weight: 200;
    font-size: 1.1em;
    color: #004e60;
    line-height: 1.2em;
    margin-top: 50px;
    margin-bottom: 100px;
}
#cookie-bar .cookie-mensaje p {
    line-height: 20pt;
}


@media only screen and (max-width: 62.375em) {
    #cookie-bar h3.cookie-titulo,
    #cookie-bar p.cookie-mensaje,
    #cookie-bar p.cookie-botones { width:100% !important; }
    #cookie-bar .cookie-botones{ margin:auto; display:block; text-align:right}


}
@media only screen and ( max-device-width: 850px ) {
    #cookie-bar {
        width:100%
    }
}

@media only screen and (max-device-height:640px ) {
    #cookie-bar {
        width:80%;
        padding: 0 5px 0 5px;
    }
    #cookie-bar .cookie-mensaje
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media only screen and ( max-device-width: 550px ) {
    #cookie-bar .cookie-botones {
        display:flex;
        flex-direction: column;
    }
    .myButton{
        max-width: none;
    }
    .decline {
        width: 100%;
        text-align: center !important;
        margin-bottom: 10px;
        float:right;
        order: 2;
    }
    .accept {
        width: 100%;
        float:left;
        margin-bottom: 10px;
        text-align: center !important;
        order:1;
    }

}
#cookie-bar > * {
    float: left;
    width: 100%;
}

#cookie-bar .cookies-title {
  display: block;
  color: #003245;
  font-size: 1.250em;
  font-weight: bold;
  line-height: 1.1em;
  margin-bottom: .5em;
}