#cajacookies {
 background-color: #fff;
-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.55);
box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.55);
  padding: 10px;
   position: fixed;
  bottom: 0;
  right: 60px;
  margin:10px;
text-align: center;
}

#cajacookies a {  color: #0b655e;}


button {
  background-color:  #0b655e;
  border: none;
  color: #fff;
  padding: 10px;
  font-size: 15px;
}

body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #3d3f3a;
}

img {
margin: 0;
padding: 0;
display:block;
}

a {
color: #fff;
text-decoration:none;
}

a:hover, 
.margenseccion a:hover, #cajacookies a:hover {
color: #ae0005;
}

a:active, 
.margenseccion a:active, #cajacookies a:active {
color: #bfd5c3;
}

#cabecera {
background-color: #bfd5c3;
-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.55);
box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.55);
position: sticky; top: 0; z-index: 2; 
}

.centrardiv {
max-width: 1100px;
margin: 0 auto;
}

#cabecera2 {display: flex; align-items: center;}

#logo {float: left;}

@media only screen and (max-width: 799px) {
.logoweb {display:none;}
}
@media only screen and (min-width: 800px) {
.logom2 {display:none;}
}

@media only screen and (max-width: 590px) {
.logom2 {display:none;}
}

@media only screen and (min-width: 591px) {
.logom {display:none;}
}

#menu {
float: right;
flex: 1;
padding: 15px 0;
}

.menut {
background-color: #0b655e;
margin: 0 auto;
font-size: 35px;
color: #fff;
width: 190px;
text-align: center;
height: 50px;
cursor: pointer;
}
.menucarta {
background-color: #0b655e;
margin: 10px;
margin-bottom: 0;
padding: 10px;
font-size: 25px;
color: #fff;
text-align: center;
cursor: pointer;
filter: brightness(80%);
}

#pmenu { letter-spacing: 4pt; }

@media only screen and (max-width: 680px) {
.menut {
font-size: 30px;
padding: 10px;
width: 50px;
margin: 10px;
float: right;
height: 40px;
}
#pmenu { display: none;}
}

#opciones {
background-color: #0b655e;
-webkit-box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.55);
box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.55);
position: absolute; top: 80px; z-index: 2; left: 0; width:100%;
opacity: 95%;
font-size: 25px;
color: #fff;
text-align: center;
line-height: 40px;
padding: 20px 0;
}

@media only screen and (max-width: 680px) {
#opciones {top: 110px; }}

@media only screen and (max-height: 525px) {
#opciones {overflow-y: scroll; height: 200px; }}

input {display:none;}
#hide {display:none;}
div#opciones {display:none;}
input#show:checked ~ div#opciones {display:block;}
input#show:checked ~ span#boton {display:none;}
input#show:checked ~ span#hide {display:block;}
input#hide:checked ~ div#opciones {display:none;}
input#hide:checked ~ span#boton {display:none;}
input#hide:checked ~ span#hide {display:none;}

input#hide2:checked ~ div#opciones {display:none;}
input#hide2:checked ~ span#boton {display:none;}
input#hide2:checked ~ span#hide {display:none;}

#hide2 a {cursor: pointer;}

#fondotitulos, #fondotitulos2 {
width: 100%;
position: fixed;
}

#espaciotitulos {
position: relative;
height: 300px;
}

@media only screen and (max-width: 799px) {
#espaciotitulos {  height: 200px;}
#fondotitulos {display: none;}
}
@media only screen and (min-width: 800px) {
#fondotitulos2 {display: none;}
}

h1 {
text-shadow: 0.05em 0.05em #e2ebd7;
margin: 0 auto;
font-size: 50px;
color: #0b655e;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

#envoltorio {

  background-color: #e2ebd7;
  background:  url('../imagenes/diseno/manospc.jpg?v=1') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.55);
box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.55);
overflow: auto;
position: relative;
padding-top: 20px;
}

@media only screen and (max-width: 799px) {

#envoltorio {

  background-color: #e2ebd7;
background: url('../imagenes/diseno/manos.jpg?v=2') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
}


.seccion {
float: left;
width: 50%;
}
.margenseccion {padding: 20px 10px;}

.margenseccion p {text-align: justify;
font-size: 25px;
}

.margenseccion a {color: #0b655e;}

.margenseccion img {width: 100%;}

@media only screen and (max-width: 799px) {
.seccion {width: 100%;}
}

h2 {
font-size: 35px;
background-color: #0b655e;
color: #fff;
padding: 10px;
margin: 0;
margin-bottom: 20px;
letter-spacing: 10pt;
text-align: center;
}

.anchor {position: relative;}

.anchor a {
position: absolute;
top: -100px
}

@media only screen and (max-width: 680px) {
.anchor a {
position: absolute;
top: -130px;
} }

.into {
font-size: 20px;
background-color: #0b655e;
color: #fff;
padding: 10px;
margin: 0;
margin-bottom: 20px;
text-align: center;
}

.elemento {
border-bottom: 1px solid #3d3f3a;
overflow: auto;
padding-bottom: 5px;
margin-bottom: 20px;
position: relative;
margin-top: 10px;
}

h3 {
font-size: 25px;
margin: 0;
width: 70%;
}

.descripcion {
margin-top: 10px;
font-size: 15px;
width: 70%;
margin-bottom: 5px;
}

.precio {
font-size: 25px;
font-weight: bold;
position: absolute;
right: 0;
bottom: 0;
margin-bottom: 5px;
}

#pie {
background-color: #bfd5c3;
-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.55);
box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.55);
position: relative;
overflow: auto;
padding-top: 20px;
}

.centrarpie {
width: 280px;
margin: 0 auto;
}

#pie2 {
font-size: 20px;
background-color: #0b655e;
color: #fff;
-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.55);
box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.55);
position: relative;
overflow: auto;
line-height: 30px;
}

#pie2 a { color: #bfd5c3; }

#pie2 p { text-align: center; }

@media only screen and (min-width: 799px) {
#pie2 br { display: none; } }

.sharethis-inline-share-buttons { padding: 10px}

#arriba { position: fixed; bottom: 10px; z-index: 2; right: 10px; padding: 5px;
background-color: #0b655e;
font-size: 35px;
opacity: 70%;
color: #fff; }

#seleccionado { color: #000;}

#restaurante { float:right; margin-left: 40px; margin-bottom: 30px; width: auto; }

@media only screen and (max-width: 799px) {

#restaurante { margin: 0; margin-bottom: 30px;  width: 100%;} }

.elecar { font-size: 30px; text-shadow: 0.05em 0.05em #000;}