/* Reseteo de estilos CSS*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
  line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}


/* Mis cositas */

.imagenboton {
    border:0;
    z-index: 3;
    position:absolute;
    top:379px;
    left: 50%;
    margin-left: -319px;
    
    opacity: 0.3;
    -webkit-transition-property: opacity; 
    -webkit-transition-duration: 2s; 
}

.imagenboton:hover { /* reglas de transición para el estado "después" */
    opacity: 1; 
    -webkit-transition-property: opacity; 
    -webkit-transition-duration: 2s;
}

.blogboton {
    border:0;
    z-index: 3;
    position:absolute;
    top:330px;
    left: 50%;
    margin-left: 7px;
    
    opacity: 0.3;
    -webkit-transition-property: opacity; 
    -webkit-transition-duration: 2s; 
}

.blogboton:hover { /* reglas de transición para el estado "después" */
    opacity: 1; 
    -webkit-transition-property: opacity; 
    -webkit-transition-duration: 2s;
}   

.acercaboton {
    border:0;
    z-index: 2;
    position:absolute;
    top:336px;
    left: 50%;
    margin-left: -222px;
    
    opacity: 0.3;
    -webkit-transition-property: opacity; 
    -webkit-transition-duration: 2s; 
}

.acercaboton:hover { /* reglas de transición para el estado "después" */
    opacity: 1; 
    -webkit-transition-property: opacity; 
    -webkit-transition-duration: 2s;
} 


.cabecera{
  background-color: white;
}

.contenido{
  /*opacity: 0.99;*/
  background-color: white;
}

.pie{
  /*opacity: 0.99;*/
  background-color: white;
  position: absolute;
  top: 668px;
  right:  0px;
}

.pie2{
  /*opacity: 0.99;*/
  background-color: white;
  position: fixed;
  position: absolute;
  top: 500px;
  right:  0px;
}

.pie3{
  /*opacity: 0.99;*/
  background-color: white;
  position: fixed;
  position: absolute;
  top: 900px;
  right:  0px;
}

.home {
    background-color: white;
    position: absolute;
    top: 15px;
    left: 2%;
  
    opacity: 0.3;
    -webkit-transition-property: opacity; 
    -webkit-transition-duration: 2s; 
}

.home:hover {
    opacity: 0.99; 
    -webkit-transition-property: opacity; 
    -webkit-transition-duration: 2s;
}

.menubas{
  position: absolute;
  z-index: 100;
  font-weight: bold;
  text-align: center;
  /*opacity: 0.99;*/
  width:100px;
  height:30px;
  left: 0px;
  top: 0px;
} 

.menuel{
  position: absolute;
  z-index: 100;
  width:90px;
  left: 0px;
  top: 0px;

}


.dibu{
  position: absolute;
  z-index: 50;
  left: 0px;
  top: 0px;
}

.miniatura{
  border: 0;
  width: 100%;
}


.textoacerca{
  font-family: YetAnotherFontBase, Lucida Grande, sans-serif;
  text-align: justify;
  text-rendering: optimizeLegibility;
  position: absolute;
  top:30px;
  left: 120px;
  width: 50%
}

.textoinformatica{
  font-family: YetAnotherFontBase, Lucida Grande, sans-serif;
  text-align: justify;
  text-rendering: optimizeLegibility;
  position: absolute;
  top:30px;
  left: 120px;
  width: 50%
}