@media only screen and (min-width: 601px) {
	body{background: #EAEAEA}
    .box{margin: 20px auto; background: #FFFFFF; padding: 15px 30px 25px 30px; max-width: 500px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 0px solid #000000}
    }

@media only screen and (max-width: 600px) {
	body{background: #FFF}
    .box{padding: 15px 30px 30px 30px}
    }

body{border:0; margin: 0; font-size: 14px; font-family: "Poppins", sans-serif}
a:link, a:hover, a:visited, a:active {text-decoration:none}

.spa5, .spa10{width:100px; margin: auto}
.spa5{height: 5px}
.spa10{height: 10px}
.spa20{height: 20px}

.logo{margin:auto; max-width: 500px}
  .imglogo{width: 100%}

.div_x{margin:auto; text-align: center; font-size: calc(1em + .1vw)}

.div_t{margin:auto; height: 30px; line-height: 30px; text-align: center; font-weight: bold;  max-width: 450px; font-size: 18px;}

.div_s{height: 40px; margin:auto;  max-width: 450px}
  .span_s{display: block; height: 30px; padding: 5px; line-height: 30px; text-align: center; font-weight: bold; color: #FFF}
  .span_s{-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px}

.redes{height: 40px; width: 150px; margin: auto}
  .span_re1, .span_re2, .span_re3{display: block; height: 40px; width: 40px; margin: 0 5px; float: left}
  .span_re1{background: url("img/ico1x.png"); background-size: 40px} .span_re1:hover{background-position: 0 -40px}
  .span_re2{background: url("img/ico2x.png"); background-size: 40px} .span_re2:hover{background-position: 0 -40px}
  .span_re3{background: url("img/ico3x.png"); background-size: 40px} .span_re3:hover{background-position: 0 -40px}

.spanlink{display:block; padding: 5px 10px; height: 30px; line-height: 30px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #000000; font-size: calc(1em + .1vw); color:#000; text-align: center}

  .spanlink:hover{background-color:#000; color: #FFF}

.sl1:hover, .sl2:hover, .sl3:hover, .sl4:hover, .sl5:hover{background-position: 0 -40px}
.sl1{background: url("img/link1.png") no-repeat; background-size: 40px}
.sl2{background: url("img/link2.png") no-repeat; background-size: 40px}
.sl3{background: url("img/link3.png") no-repeat; background-size: 40px}
.sl4{background: url("img/link4.png") no-repeat; background-size: 40px}
.sl5{background: url("img/link5.png") no-repeat; background-size: 40px}

