*{
  margin: 0px;
  padding: 0px;
}
body {

  background-image: url("../img/fondo.jpg");
  background-repeat: repeat;
  background-size: 10rem;
}

div{
  //border: 1px solid black;
}
#contenedor{
  width: 100%;
  height: auto;


}
#medio{
  width: 950px;
  height: 1650px;
  margin: auto;
}
#portada{
  width: 950px;
  height: 250px;
  margin: auto;

}
#icono{
  width: 250px;
  height: 250px;
  float: left;
  margin: auto;
  border-radius: 30px;
  background-color: pink;
}
#titulo{
  width: 695px;
  height: 194px;
  float: left;
  margin:auto;
  background-color: #33CBFF;
  border-radius: 30px;
}
#menu{
  width: 695px;
  height: 50px;
  float: left;
  margin: auto;


}
#m1,#m2,#m3,#m4{
  width: 171px;
  height: 50px;
  float: left;
  margin: auto;
  background-image: url("../img/nube.jpg");

  background-size: 100% 100%;
  border-radius: 30px;
}
#t_menu{
   font: oblique bold 140% none;
   line-height: 50px;
   text-align: center;
   vertical-align: middle;


}
#p_titulo{
  color: white;
  font: oblique bolder 250% none;

  line-height: 200px;
  text-align: center;
  vertical-align: middle;
}
#afiche{
  margin-top: 10px;
  width: 950px;
  height:  1000px;
  border-radius: 30px;

}
#mapa{
  width: 950px;
  height:  500px;
  border-radius: 30px;
  background-color: #84D614;
  text-align: center;
}
#redes{
  margin-top: 5px;
  width: 950px;
  height:  200px;
  border-radius: 30px;
  background-color: #DB46D6;
}
#consulta{
  margin-top: 5px;
  width: 952px;
  height:  460px;
  border-radius: 30px;
  background-color: #DDDF52;
}
#wtsp{
  background-image: url("../img/wtsp.png") ;
  background-size: 110% 110%;
  background-position: center;
  margin-left: 220px;
  margin-top: 5px;
  width: 130px;
  height:  130px;
  border-radius: 30px;
  float: left;
}

#insta{
  background-image: url("../img/insta.png") ;
  background-size: 110% 110%;
  background-position: center;
  margin-left: 190px;
  margin-top: 5px;
  width: 130px;
  height:  130px;
  border-radius: 30px;
  float: left;
}

#formulario{
  margin-left: 240px;
  float: left;
  width: 450px;
  height: 350px;
  text-align: center;
  vertical-align: middle;
  // font: oblique bolder 230% none;


}
#form_c{
  text-align: center;
   font: oblique bolder 230% none;



}

#nombre,#email,#fono{
  font: oblique bolder 135% none;
  width:450px;
  border-radius: 30px;
}

#mensaje{
  width:450px;
  height:100px;
  font: oblique bolder 135% none;
  border-radius: 30px;
}
#btn_enviar{
  width:150px;
  height:50px;
  font: oblique bolder 135% none;
}

#txt_form{

  font: oblique bolder 280% none;


  text-align: center;
  vertical-align: middle;
}
#txt_social{
  font: oblique bolder 280% none;


  text-align: center;
  vertical-align: middle;
}

#pie{
  margin-top: 190px;
  width: 950px;
  height: 170px;
  background-color: #0E6FF3;
  border-radius: 30px;
}
#contacto{
  width: 300px;
  height: 130px;

  margin-left: 120px;
  float: left;
}
#text_contacto{
  font: oblique bold 20px none;
  text-align: center;
  vertical-align: middle;
}
#derechos{
  width: 500px;
  height: 130px;
  float: left;
}