*{margin: 0; padding: 0;}
.contenedor {width: 960px; margin: 0 auto 0 auto;}
body {width: 100%; background: #f0efef; font-family: sans-serif;}

a {color: #d05156; text-decoration: none;}

h1 {font-family: "lato"; font-size: 20px; text-align: left; color: #3b9464;}
p {font-family: "lato"; font-size: 0,9em; text-align: left; color: #575656; margin-top: 1%; text-decoration; padding: 6%;}
.titulo {font-family: "lato"; font-size: 1em; text-align: left; color: #575656; margin-top: 9%; text-decoration: underline;}
.texto {text-align: left; margin-top: 10px; float: left; margin-left: 1%;}
.fotoperfil {margin-top: 1%; margin-left: 10%; float: left;}

.btn {-webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #c0c1c2;
  padding: 11px 20px 10px 20px;
  text-decoration: none; display: inline-block;}

.btn:hover {
  background: #3b9464;
  text-decoration: none;}

.botones {display: inline-block; margin-top: 1%; float: left;}


.cont_video_y_carta {width: 100%; float: left;} 

.video {width: 76%; float: left; position: relative; margin-top: 3%; height: auto;}
.carta {width: 100%; float: left; margin-left: 6%; margin-right: 6%; background-color: #e5e5e5; height: 404px;}
.cont_carta {width: 22%; float: left;  margin-top: 3%;}


.cont_linea {width: 100%; float: left; margin-top: 3%;} 



.parrafos {width: 100%; float: left; margin-top: 1%; margin-bottom: 6%;}

.parr_1 {width: 33%; float: left;}

.texto {font-family: "lato"; font-size: 0.9em; text-align: left; color: #575656; margin-top: 6%;}

footer {font-family: "lato"; font-size: 9px; text-align: center; font-size: 15px; color: #ffffff; padding-top: 1%; padding-bottom: 1%; padding-left: 1%; padding-right: 1%; background-color: #7f7f7f; clear: both; margin: auto;}