body {
    max-width:1024px;
    margin:0 auto;
}
.clean {
    clear: both;
}

#contenedor {
    width :100%;
}

#contenedor a {
    text-decoration: none;
}
#contenedor h1  {
  color: #0e9cf1;
  font-size: 1.2em;
  margin: 4px;
  text-align: center;
}
#contenedor h2 {
  color: black;
  font-size: 1em;
  text-align: center;
  margin: 4px;
}
.img-playas {
    width: 68%;
    float: right;
    margin-right: 1%;
}
.ul-playas  {
  width: 25%;
  float: left;
  list-style-type: devanagari;
  color: #040404;
}
#foto {
    float: right;
    padding: 12px 1%;
    width: 60%;
}
#foto1 {
    background-image: url("../img/playas/fondo_marco.jpg");
    border: 1px inset #ffffff;
    border-radius: 3px;
    float: right;
    margin: 10px 1%;
    padding: 20px 1.5%;
    width: 95%;
}
#listado {

    padding: 10px 1.2%;
    width: 33%;
}
#listado ul {
  float: left;
  background-color: #1190e0;
  border: 1px inset white;
  padding: 1em 2em;
  color: white;
}
#listado ul li {
}
#info {
    width: 100%;
}
#info p {
  background-color: #ffffff;
  border-radius: 2px;
  font-size: 100%;
  padding: 10px;
  text-align: justify;
}
#list {
  text-align: center;
  background-color: #1190e0;
  border: 2px inset #ffe1c2;
}
#list ul li {
    display: inline;
}
#list ul li a {
  color: #fff;
  padding: 0 1.1%;
  font-size: 0.96em;
}
#list ul li a:hover {
    background: #3770fb none repeat scroll 0 0;
    color: #ffff00;
}
main {
  /* background-color: #fffae2; */
  padding: 2px;
}

#listado ul {
  width: 90%;
  float: left;
  border: 1px inset white;
  border-radius: 4px;
  background-color: #1190e0;
  color: white;
  padding: 10px 1.2em;
  list-style-type: arabic-indic;
}
@media screen and (max-width: 740px) {
#foto {
    float: none;
    width: 95%;
}
.img-playas {
    width: 96%;
    float: none;
    margin: auto;
}
.ul-playas {
  width: 95%;
  float: none;
}
#listado {
    float: none;
    width: 94.7%;
}
#list ul {
    margin: 0;
}
#listado ul {
  float: none;
    width: 90%;
}
#listado ul li{
  float: none;
    width: 90%;
}
.img-playa {
  width: 97%;
}
#contenidos ul {
  width: 97%;
  float: none;
}
}