.image-logo{
  float: left;
  width: 150px;
  height: 75px;
}

.image-avatar{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 40px;
}

#login-logout{
	text-align:right;
	margin: 10px;
}

.nombre-user{
	font-size: 24px;
}

.one-post{
	margin-top: 10px;
}

.image-post{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 100px;
}

.image-blog{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 100px;
}

.reset-float{
	clear: both;
}

.centrar-login{
	display:block;
	margin: 0 auto;
	width: 320px;
}

.centrar-contact{
	display:block;
	margin: 0 auto;
	width: 320px;
}

.div_pie{
	display:block;
	margin: 0 auto;
	width: 470px;
}

a.link_pie:link, a.link_pie:visited
{
  color: #0066cc;
  text-decoration-line: none;
  text-decoration-style: solid;
  font-size: 14px;
}

a.link_pie:hover, a.link_pie:active
{
  color: #ff0000;
  text-decoration-line: none;
  text-decoration-style: solid;
  font-size: 14px;
}

.cookiesms{	
	width:100%;
	margin:0 auto;
	padding-left:1%;
    padding-top:5px;
    padding-bottom:5px;
    font-size: 1.2em;
	clear:both;
    font-weight: strong;
    color: #333;
    bottom:0px;
    position:fixed;
    left: 0px;
    background-color: #FFF;
    opacity:0.9;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    transition: bottom 1s;
    -webkit-transition:bottom 1s; /* Safari */
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
    z-index:999999999;
}
 
@media screen and (max-width: 500px) {
  .div_pie{
	  width: 350px;
  }

}

@media screen and (max-width: 370px) {
  .div_pie{
	  width: 320px;
  }

}