/*cajas*/
#contenedor  {
  width: 80%;
  margin: 0 auto;
  padding: 0% 0%;
  //border: Dotted;
}

#cabecera  {
  float: right;
  width: 55%;
  margin: 0 auto;
  position: relative;
  /*background-color: #fffff1;*/
  background: linear-gradient(70deg, #F5DA81 12%, #FFFFFF 50%);
}
#avanzar  {
  position: absolute;
  top:540px;
  left:845px;

}
#avanceretro  {
  position: absolute;
  top:554px;
  top:550px;  
  left:20px;

}

//deslizar mano clic
.mano
 {
  width: 51px;
  height: 18px;
  background: #efefef;
//  position: absolute;  top:810px;  left:100px;
 }
.mano.moviendo{
//   -webkit-animation-delay: 2s, 4ms;      
   -webkit-animation-duration: 6s;
   -webkit-animation-name: moviendo;
   -webkit-animation-iteration-count: 1;
   -webkit-animation-direction: right;
   -webkit-animation-timing-function: cubic-bezier(0,31,0,0.58,1);
 }
@keyframes moviendo {
  from {
        left: 100;
       }
      to {
        left: 650px;
       }
      }

//pagina 9
#circuloMediano  {  position: absolute;  top:110px;  left:150px;}
#circuloGrande  {  position: absolute;  top:160px;  left:350px;}
#elipsePequena  {  position: absolute;  top:360px;  left:350px;}
#estrella  {  position: absolute;  top:460px;  left:550px;}
#cuadradoMediano  {  position: absolute;  top:160px;  left:110px;}
#cuadradoMinimo  {  position: absolute;  top:360px;  left:50px;}
#circuloMinimo  {  position: absolute;  top: 530px;  left:110px;}
#exagono  {  position: absolute;  top:480px;  left:390px;}

//pagina10
#iicnitas  {  position: absolute;  top:30px;  left:50px;}
#icanon  {  position: absolute;  top:188px;  left:290px;}
#imirador  {  position: absolute;  top:160px;  left:165px;}
#iermita  {  position: absolute;  top:180px;  left:370px;}
#iiglesia  {  position: absolute;  top:320px;  left:525px;}
#iayuntamiento  {  position: absolute;  top:382px;  left:325px;}
#iplaza  {  position: absolute;  top: 422px;  left:300px;}
#icasino  {  position: absolute;  top:410px;  left:365px;}
#ileza  {  position: absolute;  top:450px;  left:235px;}

#ricnitas  {  position: absolute;  top:158px;  left:425px;}
#rcanon  {  position: absolute;  top:205px;  left:240px;}
#rmirador  {  position: absolute;  top:160px;  left:145px;}
#rermita  {  position: absolute;  top:190px;  left:360px;}
#riglesia  {  position: absolute;  top:320px;  left:510px;}
#rayuntamiento  {  position: absolute;  top:372px;  left:245px;}
#rplaza  {  position: absolute;  top: 422px;  left:290px;}
#rcasino  {  position: absolute;  top:400px;  left:355px;}
#rleza  {  position: absolute;  top:450px;  left:210px;}

//Pagina1//
//.piecentrado{text-align:center;border:2px dotted #000; margin: auto;  width: 200px;}





      #menu_inicial  {
        float: left;
        width: 17%;
        height: 90%;
        margin-left: 30%;
        margin: 0 auto;
        position: absolute;
        background: linear-gradient(110deg, #FFFFFF 50%, #F5DA81 90%);
        overflow: auto;
        text-align: right;
        font: small-caps   12px/22px Arial, sans-serif;
      }
      .soto_inicial
       {
        font: small-caps  bold  18px/22px Arial, sans-serif;
        text-align: center;
        color:#444444;
       }
      .soto_inicial2
       {
        font: small-caps  bold  12px/22px Arial, sans-serif;
        text-align: center;
        color:#444444;
       } 

#contenidos  {
  position: absolute;
//  left:195px;
  width:900px;
//  margin: 30px 40px auto;
  margin-left: 18%;
  background-color: #fff;
  border: solid; 

}
//CONTROLAR POSITOIN DE LA DIV CONTENIDOS EN INTERNET, QUE SE MUEVE.

/*
#pie  {
  clear: both;
  background: linear-gradient(110deg, #FFFFFF 30%, #F5DA81 70%);
}

.centrar-imagen {
text-align: center;
padding: 9px;
} 

/* TEXTOS */
.body {
 font-weight: normal;
 font: 0.7em Arial, Sans-Serif;
}

.texto-derecha {
  text-align: right;
}
.texto-centrado{
text-align: center;
} 
.texto-izquierda{
text-align: left;
} 
.texto-pie{
text-align: right;
font: 0.7em Arial, Sans-Serif;
} 
.titulo-menu{
text-align: right;
color: #999999;
//font-weight: bold;
font: 1.1em Arial, Sans-Serif;
}

.titulo-seccion {
  text-align: right;
  font-color: #ff0000;
  font-weight: bold;
  font-size: 1.1em;
  font-style: Arial, Sans-Serif;
} 

.titulo-subseccion{
  text-align: right;
  style="color: #ffffff";
  font-weight: bold;
  font: 1em Arial, Sans-Serif;
} 
.barranavegacion {
 margin: 1em 0;
 text-decoration: none;
 font: 1.1em Arial, Sans-Serif;
 font-size: 0.7em;
  }

.iseccion{
font-weight: normal;
font: 0.8em Arial, Sans-Serif;
}

.normal{
font-weight: normal;
font: 0.8em Arial, Sans-Serif;
}

/****************** Enlaces *************************** */
a.barranavegacion {
 margin: 1em 0;
 text-decoration: none;
 font: 1.1em Arial, Sans-Serif;
 font-size: 0.7em;
  }

a.itemmenu {
 float: right;  
 text-decoration: none;
 font: 0.8em Arial, Sans-Serif;
 color: #555555;
  }

a.itemmenu:hover {
 color: #ff0000; 
  }

a.itementrada {
 //float: right;  
 text-decoration: none;
 font: 0.8em Arial, Sans-Serif;
 color: #555555;
  }

a.itementrada:hover {
 color: #ff0000; 
  }

ul {
list-style:none;
}
  
ul.int {
list-style:none;
 color: #000000;
 font: 0.8em Arial, Sans-Serif;
}  

*/