body{
    background-color: black;
    color: white;
    line-height: 1.5em;
    font-size: 1.1em;
}

a{color:white;}
a:hover,a:visited:hover{color:grey;}
a:visited{color:lightgray;}

h1,h2,h3,h4{font-family: Georgia, "Times New Roman", Times, serif;font-style: italic}
h1{font-size: 1.5em;display: inline-block;color:orange;}
h2{font-size: 1.3em;color:pink;}
h3{font-size: 1.1em;}
h4{font-size: 0.9em;}


/* Container */
#container{
    max-width: 1024px;
    border: 1px solid white;
    background-color: #220C3B;
    margin-left: auto;
    margin-right: auto;
}
#content{
    padding: 10px;
}

#blogList li {padding-bottom: 10px;}
/*#stars{position:relative;top: 0;right: 0;}*/

/* Menú */
.nav{width: 100%;}
ul#navlist {
    white-space: nowrap;
    padding: 10px;
    margin: 0;
    font-size: 20px;
    font-style: italic;
    background-color: pink;
}
#navlist img{height: 80%;}
#navlist li, .menuTab li {display: inline;list-style-type: none;}
#navlist li > a{background-color: transparent;font-weight: bold;text-decoration: none;color: black;padding: 10px;}
#navlist li > a:hover{font-weight: bold;text-decoration: none;color: blue}

img{margin: 5px;max-width: 100%}
.border-small{border: 1px solid gray;}
.border-medium{border: 2px solid gray;}
.border-big{border: 5px solid gray;}

.header{
    padding: 0;
    margin: 0 0 -15px 0;
    width: 100%;
    height: auto;
}
.header img{border:0;margin:0;}
#carousel{width: 90%;height: 280px;}
.menu{max-width: 95%;}

label{font-size: 1.2em;}
input, textarea, select{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding: 5px;border: 2px solid transparent;margin: 5px; font-size: 1rem;}
input, select{height: 2em}
input:focus, textarea:focus{border: 2px solid greenyellow;}
input[type=submit],input[type=reset],input[type=button]{font-size: 1.5em;padding: 0 10px}
select{font-size: 1.2em;padding: 0 10px;width: 98%}

.jcarousel img{
    height: 250px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 95%;
}

#avisoCookie{
    color: white;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 5px 0 5px 5px;
    background-color: #003399;
    font-size: 15px;
}
#avisoCookie span{vertical-align: middle;cursor: pointer;}
#cerrarAviso{margin: -11px 0;padding: 0;cursor: pointer;}
.slicknav_nav{text-align: center !important;}

.bg-stars{background-image: url(../images/purpurina.jpg);}

@media screen and (max-width: 1024px){#reservas{right: 10%;}}
@media screen and (max-width: 899px){
    #navlist li > a{padding: 10px 5px 10px 5px;}
    ul#navlist{font-size: 18px;}
}
@media screen and (max-width: 831px){
    #navlist li > a{padding: 10px 4px 10px 4px;}
}
@media screen and (min-width: 800px){
    .slicknav_menu {display:none;}
}
@media screen and (max-width: 800px){#reservas{right: 5%;font-size: 160%;top: 12%;}}
@media screen and (max-width: 799px){
    .slicknav_menu {display:block;}
    nav{display: none;}
    #explain_home .cell, #explain_home .cell-responsive{width:100%;}
}
@media screen and (max-width: 600px){#reservas{font-size: 130%;}}
@media screen and (max-width: 480px){#reservas{font-size: 100%;top: 11%;}h1, h2, h3, h4{font-size: 90%;}}
@media screen and (max-width: 300px){#reservas{font-size: 90%;}}