.lineanegra{
  width: 245px;
  border: 1px solid #ccc;
  
}
.textolateral{
  font-size: 12px;
margin-left: 5px;
margin-right: 5px;
  
}
.titulolateral{
  text-align: center;

  }
#barralateral{
  float: right;
  border: 1px solid;
  width: 246px;
  height: 337px;
  display: block;
  text-align: center;

  }
.imgblog{
  width: 260px;
  height: auto;
  float: right;
  display: block;
  }
.imgblog img{
  width: 250px;
  max-height: 250px;
  margin: 2px #fff ;

  }
.textoblog{
  width: 480px;
    text-align: left;
    text-decoration: none;
  }
.textoblog a{
       text-decoration: none;
     color: #3D3D3D;
     font-family: 'Raleway', sans-serif;

     }


.articulo{
  width: 100%;
  height: auto;
    text-align: left;
  }
.h2mejorado{
border-left: solid 5px #EDB304;
padding-left: 15px;
color: #555555;
transition: background 1s, color 1s;

  }
.h2mejorado a:hover{
    color: #EDB304;
  
  }



.articulo p{
  width: 430px;
  }

.leermas{
border: 1px solid #EDB304;
  border-left: solid 5px #EDB304;
font-weight: bold;
font-size: 12px;
text-align: center;
padding: 8px 18px;
float: left;
margin-top: -2px;
  }
.leermas a:hover{
  color: #EDB304;
  transition: background 1s, color 1s;
  }
.articulos{
  width: 100%;
  height: auto;
    text-align: left;
    display: block;
	border-bottom: 1px solid gray;
  padding: 15px 0;
  }
#cuerpoblog{
  width: 1000px;
  height: auto;
    text-align: left;
    margin-top: 0;

  }

.contacto{
color: #747474;
border: #eee 1px solid;
text-align: left;

  }

.contacto p{
margin-left: 20px;
  }
.homehistoria{
  width: 1000px;
  height: 33px;
border-bottom: #eee 1px solid;
text-align: left;
margin: 0 auto;

width: 95%;
float: left;
  }
.credits{
  text-align: center;

  }
#textclass{
  color: #333333;
  font-family: 'Ubuntu',arial,serif;
  font-size: 20px;
  font-weight: normal;
  padding: 0px 0px 4px 0px;
  text-transform: capitalize;
  text-align: center;
  }
#imgmod{
  padding: 5px;

box-shadow: 0 0 3px #eee;

background: #fff;

  }
#contentblog{float:left; width: 730px;}
#footer{
  margin-top: 20px;
  width: 1000px;
  height: initial;
  border: 1px solid #ccc;
  background:#EDB304;
  float: left;
  }
.footercredit{
  max-width: 1263px;
  height: 100px;
  background: #000;
  color: #777;

  }
.footercasilla{
  max-width: 1000px;
  margin: 0 auto;
  padding: 5px;

  }

#textopag p{
  text-align: justify;
  margin-bottom: 18px;
  vertical-align: baseline;
  }
#textopag a{
  text-decoration: none;
  color: #307EC7;
  }
#barrainferior{
  width: 1000px;
  height: 290px;
   }
.cuerpomargen{
  width: 330px;
  height: 270px;
  float: left;
  margin: 1.8% 0;
  }
.cuerpomargen h2{
  color: #555;
  font-size: 20px;

}
.cuerpomargen img{
  width: 298px;
  height: 192px;
  padding:5px;
  margin-top: -10px;
}
.cuerpomargen a:hover img{
  background: #f0f0F0;
  }
body{
 color: #333333;
 font-family: 'Ubuntu',arial,serif;
 line-height: 1.5em;
 }
 body h2{
  text-align: left;
  }
.contenedor{ 
  width: 1000px;
  height: auto;
  margin: auto;
  background: #fff;
  /* text-align: center; */
  }
  .logo{
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    text-align: center;
  }
 #section{
float: left;
display: table;
width: 1000px; 

table-layout: fixed;
 }
.menu{

  background: 
  width: 100%;

     }

.menu ul{
  display: table-cell #ccc;
        border-top: 1px solid #ccc;

     font-size: 14px;
     font-family: 'Ubuntu',arial,serif;
     }
.menu ul li{



     display: block;
     list-style-type: disc;
  margin-block-start: 10px;
    margin-block-end: 10px;
    margin-inline-end: 10px;
    padding-inline-start: 10px;
     display: inline-block;
       list-style: none;
     }
.lineaslider{
border-radius: 0 0 5px 5px;
  height: 40px;
  background-color: #333333;
opacity: 0.9;
position: absolute;
  width: 990px;
  float: left;
  top: 600px;

  }
.parrafo{
  color: #333333;
     position: relative;
  font-family: 'Dancing Script',arial,serif;
  font-weight: bold;
  /* height: auto; */
  /* line-height: 100%; */
  margin-bottom: 0;
  margin-left: 1px;
  padding: 10px;
  width: 97%;


   font-weight: bold;
font-family: 'Dancing Script',arial,serif;
 overflow: hidden;
  }
.menu ul li a{
  display: block;
       text-decoration: none;
     padding: 9.3px;
     color: #3D3D3D;
     font-family: 'Raleway', sans-serif;
     font-size: 20px;
     }
.menu ul li a:hover{
  background-image: ;
  color: #EDB304;
  transition: background 1s, color: 1s;
   }
   .slider{
  width: 99%;
  overflow: hidden;
  margin: 5px;
  display: inline-block;

  
}
.slider ul {
  display: flex;
  padding: 0;
  margin: auto;
  width: 300%;
  animation: cambio 25s infinite alternate linear;

}
.slider li {
  list-style: none;
  width: 100%;

}
.slider img {
  width: 100%;
         height: auto; overflow: hidden;
         border: 1px 2px 3px 4px solid #000000;
}        
.clear {
  clear: both;
}
@keyframes cambio {
  0% { margin-right: 0;}
  25% {margin-left: 0;}

  30% {margin-left: -100%;}
  55% {margin-left: -100%;}

  60% {margin-left: -200%;}
  100% {margin-left: -200%;}

}
h1{
    text-align: center;
}