*{margin:0px}
img {border-style: inset ; border-width: 0px; border-color: white ; margin: none ; padding: none ; opacity:1}
.alex {border-style: none ; border-width: 0px; margin: none ; padding: none ; opacity:1}

p {font-size: 12px; line-height: 1.0em ; color: white; font-family: sans-serif, Arial; text-align: left; margin: 5px 5px 5px 5px}
.biomini {text-align:justify; color: white; font-size: 16px; line-height: 1.5em ; font-family: sans-serif, Arial} 
.centrado {text-align:center} 
.resaltadodcha {text-align:right ; color: #8C94A8 ; margin: 10px 25px 10px 0px}
.izda {color: #FFFFFF; text-align:left ; margin: 10px 0px 20px 10px}
.cookie {font-size: 10px; color: #FFFFFF; text-align:left ; margin: 20px 0px 20px 40px}


body {background-color: black ; background-image: url(objetos/fotosfondo.jpeg) ; background-position: right bottom; background-repeat:no-repeat ; background-attachment: fixed; background-size: cover; text-align: center ; font-family: sans-serif}


#navegacion {background: rgba(100,100,100,0.3) ; height:60px}
#biomini {width: 350; padding: 200px 0px 30px 100px; float: left}
#menu {float: left ; width: 24%;}
#menu li {list-style:none; text-align:center; margin-top: 10px}

a {color: #ffffff ; font-size: 2.1em ; text-decoration: none ; display: inline ; font-family: sans-serif }
a:link{}
a:visited{}
a:hover{color: #CFCCFE ; text-decoration: none}
a:active {}
.cookie {color: #ffffff ; font-size: 10px ; text-decoration: none ; display: inline; font-family: sans-serif }
.musica {text-align:left ; margin: 10px 0px 40px 0px; color: black ; font-size: 11px ; text-decoration: none ; display: inline ; font-family: sans-serif }




#scrolldown{height:1100px}
#contenido {background: rgba(220, 234, 238,0.8)}
#fotos {background: white; width: 1100; margin:auto}

h1 {font-size: 80px; color:rgba(62, 81, 81,0.7) ; font-weight: bold ; text-decoration: none ; text-align: left ; margin: 10px 0px 10px 60px; font-family: sans-serif, Arial }
h2 {font-size: 30px; color:rgba(41, 79, 80,0.7) ; font-weight: bold ; text-decoration: none ; text-align: left ; ; margin: 0px 0px 0px 60px; font-family: sans-serif, Arial}


#logo {background-color: black ; background-image: url(objetos/piefondotour.jpeg) ; background-position: top center; background-repeat:no-repeat ; background-size: contain; width: 100%}
#pie {height:50px}
#menupieizda {float: left; width: 34%;}
#menupie {float: left; width: 66%;}
#menupie li {float: left; list-style:none; text-align:center; margin: 10px 40px 0px 0px }
#pie2 {height:10px}
#cookies {background-color: black; height:50px; list-style:none; text-align:left;}




.container{
  margin: auto;
  background-color: white;
  width: 800px;
  padding: 30px;
}

ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.slider{
  position: relative;
  width: 800px;
  height: 800px;
}

ul.slider li {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    width: inherit;
    height: inherit;
    transition: opacity .7s;
    background: white;
}

ul.slider li img{
  width: 100%;
  height: 800px;
  object-fit: contain;
    object-position: bottom
    
}

ul.slider li:first-child {
    opacity: 1; /*Mostramos el primer <li>*/
}

ul.slider li:target {
    opacity: 1; /*Mostramos el <li> del enlace que pulsemos*/
}


#titulofotoapaisada {background-color: rgba(82,100,100,0.2); height:27px; position: absolute;
top: 37%; left: 10px; font-size: 10px; }
#titulofotovertical {background-color: rgba(82,100,100,0.2); height:27px; position: absolute;
top: 10px; left: 22%; font-size: 10px;}




.menu{
  text-align: center;
  margin: 20px;
    background-color: white
}

.menu li{
  display: inline-block;
  text-align: center;

}

.menu li a{
  display: inline-block;
  color: white;
  text-decoration: none;
  background-color: grey;
  padding: 0px;
  font-size: 20px;
    margin-right: 6px;
        margin-bottom: 6px;
    

}

























#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:40px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:30%;
}
 
.inner a.ok {
    padding:4px;
    color:#CFCCFE;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#CFCCFE;
}