*{
    margin: 0;
    padding: 0;

}

#hoja{
    
width: 99%;
height: 2360px;
background:rgb(250, 250, 247);
margin: 0em auto;
padding: 0em;
 }


#titulo{
     width: 92%;
     padding: 7px;
     display: flex;
   
     justify-content: center;
    margin: 0px 50px 9px 57px;
    font-family: 'Raleway';
    font-size: 24px;
    background: #199ef7;
    /*border: 2px solid #000;*/
    position: relative;
    top: 0.5rem;
    color: #153449;
}

 p{
  position: relative;
  display: flex;
  font-size: 22px;
  font-family: 'Raleway';
  color: #080808;

}

.opa{

  position: absolute;
top: 1900px;
left: 630px;

}

#ces{
  position: absolute;
  top: 2007px;
  left: 1450px;


}

#cis{
  position: absolute;
  top: 2215px;
  left: 1450px;


}








input[type=file]{
  position: relative;
left: 55px;
 
width: 13%;

box-sizing: border-box;
border: 2px solid#199ef7;
border-radius: 14px;
font-size: 18px;
display: flex;
background-color: white;
text-align: justify;
background-repeat: no-repeat;
padding: 5px 14px 12px 12px;
margin: 15px 12px;
border-left: 6px solid #199ef7;



 }
 
 #ava, #ava1, #ava2{
  position: relative;
  display: flex;
left: 400px;

width: 13%;

top: -13em;

 }

#avu{
  width: 200px;
  height: 180px;
  left: 240px;
  border-radius: 50%;
padding: 75px 10px;
margin: -5px 0px 10px 0px;
bottom: 28px;
}


#video{
 position: absolute;
top: 1820px;
left: 590px;
}

#dibuja{
position: absolute;
  top: 1988px;

left: 535px;

}



p6 {
  position: absolute;

  font-size: 22px;
  font-family: 'Raleway';
  color: #080808;
top: 1600px;
left: 600px;
 
}



/*label {
position: relative;
bottom: 65px;
left: 28px;
}*/



 

input[type=text], textarea{
  position: relative;
  display: flex;
  width: 45%;

  box-sizing: border-box;
  border: 2px solid#199ef7;
  border-radius: 4px;
  font-size: 20px;

  background-color: white;


  padding: 12px 10px 12px 10px;
margin: 20px 20px;
border-left: 6px solid #199ef7;

}

span{
top:275px;
position: absolute; 

left: 1455px;

}

span1{

  position: absolute; 
    top:1864px;
    left: 1455px;
}

#cas{
  position: absolute; 
  top: 1830px; 
  left: 1450px;

}


p4{
 
  position: absolute; 
  top: 600px; 
  left: 1455px;
  
  }

  p5{
   
    position: absolute; 
    top:1650px;
    left: 1455px;
    
    }


    p6{
      position: absolute; 
      top: 1830px; 
      left: 1450px;
    
    }
    


    p7{
      position: absolute;
     top: 1100px;
      left:80px;
    }

   p10{
      position: absolute;
    top: 2000px;
        left: 537px;
      
      width: 65%;
      }



p9{
  position: absolute;
  top: 900px;
  left: 455px;
}
    /*p8{
   
      position: absolute; 
      top:500px;
      left: 1455px;
      
      }*/

/*p8{
position: absolute;

  top:900px;
  left: 1850px;
}*/


p2{
  bottom:150px;
left: 80px;
}


h4{
  font-family: 'Raleway';
 position: absolute;
top: 1980px;
  left: 585px;
  font-size: 19px;
  color:#6d7275;

}




#servi{

  bottom: 230px;
}

p11{
  position: relative;
  bottom: 180px;
  left: 40px;
}

p12{
position: absolute;
 

  top:2000px;
  left: 1455px;

}



  
    p15{
      position: relative;
       top: -110px;
        left: 5px;
      
      }

      p16{
        position: absolute;
display: flex;
    
          top:2100px;
          left: 1450px;
        
        }





/*p3{ 
  box-sizing: border-box;
  border: 2px solid#199ef7;


border-radius: 50%;
 }*/


/*.abre1:hover{
  
}*/




input[type=button]{  
float: right;

  width: 30px;
  height: 44px;

  box-sizing: border-box;
  border: 1px solid#0a76be;
  border-radius: 50%;
 font-size: 24px;
 color: white;
  background-color:#199ef7;
margin: 0px 64px 4px 10px;
padding: 10px 24px;
cursor: pointer;
display: flex;
justify-content: center;


}


input[type=submit], [type=reset]{ 
float: right;
position: relative;
display: block;
top:-55px;
  width: 10%;
  box-sizing: border-box;
  border: 2px solid#5a5f63;
  border-radius: 4px;
  font-size: 18px;
  background-color: white;

  background-repeat: no-repeat;
  padding: 12px 10px 12px 10px;
margin: 2px 30px;
border-left: 6px solid #199ef7;

}




input[onclick="alert"]:hover{
  font-size: 45px;
  color: rgb(66, 140, 238);
}



 input[type=button]:hover{
visibility: visible;
/*content:"Contenido insertado tras el contenido de los elementos '.padre'";*/
   background:rgba(0, 89, 255, 0.384);
   
 }


/* Mensaje de ayuda 
.a:hover {
  background: url(css/mono.jpg) center no-repeat;
  
  color: #0080DD;
  font-family: Arial;
  font-size: 20px;
  text-align: center;
  padding: 28px 20px 25px 45px;
  border-top: 5px #0080DD;
  border-bottom: 5px #0080DD;
  }*/















 /*ref{
  font-weight: negrita;
  color: navy;
  content: "Reference: ";

  content: "Esto es un párrafo: " ; color: blue;

 }*/



input[type=file]:hover{
  background-color: #d4eaf8;

}

input[type=text]:hover {
  background-color: #d4eaf8;
}



textarea:hover {
  background-color: #d4eaf8;
}

 








/*
input[type=text]{
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
/*
input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

div {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
</style>*/







/*.foto2{  
float: left;
height: auto;

margin: 15px 12px 12px 50px;
border-radius: 20px;
   border:1px solid rgb(7, 7, 7);


   }*/






.nota{

float: left;

background: #F9E79F;
border-radius: 10px;
 
width: 430px;
height: 2360px;
/*border-style: inset; border-width: 4px; */
margin: 15px 25px 12px 60px;
padding: 2px 12px 2px 18px;
font-family: 'Raleway';
    font-size: 20px;
border-radius: 30px;
border:1px solid rgb(7, 7, 7);

  color: #153449;
    text-align: justify;  
}