*{
	font-family: cursive;
	font-weight:100px;
	padding: 0;
	margin: 0;
	color: white;
}
body{
	background-image: url('img/fondo.jpg');
	 overflow-x: hidden;
	}
body::-webkit-scrollbar{
	background:#DE7171;
	width: 10px;
	border-radius: 10px;
	opacity: 0.1;
	}
body::-webkit-scrollbar-thumb{
	background:#D8D8D8 ;
	width: 10px;
	border-radius: 10px;
	}

/*------------------------------------------HEADTHER------------------------------------ */


h1{
	background: #242527;
	text-align: center;
	color: white;
	font-family: 'Rubik Marker Hatch', cursive;
	position: sticky;
	width: 100%;
	top: 0;
	padding: 10px;
	font-size: 35px;
	
}

header{
  	width: 100%;
  	position: fixed;

 

}

.div_1{
	background: ;
	left: 50;

	text-align: ;
}
.div{
	font-size: 25px;
	text-align: center;
	background: red;
}

/*------------------------------------------Navgcion------------------------------------ */
.nav{
	background-color: #3d3f45;
	position: sticky;
	width: 100%;
	top: 50px;
	padding: 7px;
	margin-bottom: 50px;

	 
}
.nav_li{
	display: inline-block;
	padding:9px;

}
.nav_li:hover> a{
	color: red;
	transition: all 3s;
}
.nav_li:hover i{
	width: 20px;
	color: red;
	box-sizing: border-box;
	text-align: center;
	margin-left: 10px;
	transition: 3s;

}
/*------------------------------------------Principal TEXTO------------------------------------ */

#principal{
	width:80%;
	height:auto;overflow: hidden;
	border: 0px solid red;
	margin:10px auto;
	background-color: #454649;
	border-radius: 13px;
}
#publicaciones{
	width:70%;
	height:auto;overflow: hidden;
	border: 0px solid white;
	margin-top:10px ;
	float: left;
}
.post{
	width:99%;
	height: auto;overflow: hidden;
	padding: 7px;
	background: #2E2E2E;
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: blue;
	border-radius: 10px;
	box-shadow: 0px,0px,15px #ccc;
	margin-bottom: 10px;
	font-family: 'Righteous', cursive;
	margin-right: 5px;
	text-align:;
	padding: 10px;			


}
.parrafo-post{
	text-align: left;
	margin-top: 15px;


}
.enlace-post{
	text-decoration: none;
}
#publicaciones a.titulo{
	color: #6e6e6e;
	font-size: 22px;
	font-family: "Elephant";
}


#publicaciones a .titulo:hover{
	text-decoration: underline;

}
#publicaciones .img-p{
	width: 150px;
	height: 100px;
	float: left;
	margin-top: 8px;
	padding: 5px;
	
}
.strong{
margin-left: 380px;
padding: 0;
}
 .leer{
	background: #0489b1;
	color: white;
	padding: 10px;
	text-decoration: none;
	float: right;
	border-radius: 5px;
	font-family: 'Righteous', cursive;
}
 .leer:hover{
	background: #086a87;
	color: #fff;
}
 .enlace-pag{
	text-decoration: none;
	color: #0489b1;
}
 .enlace-pag:hover{
 	text-decoration: underline;
	color: #0489b1;

}

/*------------------------------------------Sidebar Asaide------------------------------------ */


#sidebar{
	float: right;
	width: 28%;
	border:0px solid;
	height: auto;overflow: hidden;
}



#buscar, #Categorias, #Sobre-Mi{
	border-radius: 10px;
	width: 98%
	height: auto;overflow: hidden;
	margin-bottom: 20px;
	border:1px solid darkgrey;
	
}
form{
	margin-top: 10px;
}
#buscar input[type="text"]{
	border:1px solid #ccc;
	box-shadow: 0px, 0px, 5px #ccc inset;
	padding:10px 4px;
	border-radius: 10px;
	width: 79%;
	margin-left: 4px;
	margin-bottom: 4px;
	color: black;

}

#buscar .boton-1{
	border:0px;
	color: #fff;
	background: #024c5f;
	padding: 8px;
	border-radius: 5px;
}
.encabezado-sidebar{
	width: 100%;
	height: 35px;
	background: #5e49e4;
	text-align: center;	
	color:#fff;
	font-size: 19px;
	font-family: 'Righteous', cursive;
	border-radius: 10px;
}
.sidebar-1{
	width: 100px;
	text-decoration: none;
	border-bottom: 1px solid black;
	color: white;
	display: inline-block;

}
.sidebar-1{
	width: 100%;
	display: inline-block;
	text-decoration: none;
	border-bottom: 1px, solid white;
}
.sidebar-1:hover{
	background: #f2f2;
}
#Sobre-Mi{
	border-radius: 2px solid;
}
#Sobre-Mi .img-S{
	width:150px;
	padding: 10px;
	display:block;
	margin:auto;


}
/*------------------------------------------PIE DE PAGINA------------------------------------ */

.fotter1{
	padding: 10px;
	display: inline-flex;
	background-color:black;
}
.redes{
	background: black;	
	text-align: center;
	padding: 10px;
}
.img-f{
		
	height: 50px;
	display: inline-block;
}
footer{
  
  bottom: 0px;
  width: 100%;
  background: #111;
}
.main-content{
  display: flex;
}
.main-content .box{
  flex-basis: 50%;
  padding: 10px 20px;
}
.box h2{
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
}
.box .content{
  margin: 20px 0 0 0;
  position: relative;
}
.box .content:before{
  position: absolute;
  content: '';
  top: -10px;
  height: 2px;
  width: 100%;
  background: #1a1a1a;
}
.box .content:after{
  position: absolute;
  content: '';
  height: 2px;
  width: 15%;
  background: #f12020;
  top: -10px;
}
.left .content p{
  text-align: justify;
}
.left .content .social{
  margin: 20px 0 0 0;
}
.left .content .social a{
  padding: 0 2px;
}
.left .content .social a span{
  height: 40px;
  width: 40px;
  background: #1a1a1a;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  border-radius: 5px;
  transition: 0.3s;
}
.left .content .social a span:hover{
  background: #f12020;
}
.center .content .fas{
  font-size: 1.4375rem;
  background: #1a1a1a;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  transition: 0.3s;
  cursor: pointer;
}
.center .content .fas:hover{
  background: #f12020;
}
.center .content .text{
  font-size: 1.0625rem;
  font-weight: 500;
  padding-left: 10px;
}
.center .content .phone{
  margin: 15px 0;
}
.right form .text{
  font-size: 1.0625rem;
  margin-bottom: 2px;
  color: #656565;
}
.right form .msg{
  margin-top: 10px;
}
.right form input, .right form .msgForm{
  width: 100%;
  font-size: 1.0625rem;
  background: #151515;
  padding-left: 10px;
  border: 1px solid #222222;
}
.right form input:focus,
.right form .msgForm:focus{
  outline-color: #3498db;
}
.right form input{
  height: 35px;
}
.right form .btn{
  margin-top: 10px;
}
.right form .btn button{
  height: 40px;
  width: 100%;
  border: none;
  outline: none;
  background: #f12020;
  font-size: 1.0625rem;
  font-weight: 500;
  cursor: pointer;
  transition: .3s;
}
.right form .btn button:hover{
  background: #000;
}
.bottom center{
  padding: 5px;
  font-size: 0.9375rem;
  background: #151515;
}
.bottom center span{
  color: #656565;
}
.bottom center a{
  color: #f12020;
  text-decoration: none;
}
.bottom center a:hover{
  text-decoration: underline;
}
@media screen and (max-width: 900px) {
  footer{
    position: relative;
    bottom: 0px;
  }
  .main-content{
    flex-wrap: wrap;
    flex-direction: column;
  }
  .main-content .box{
    margin: 5px 0;
  }
}


\