.textfooter {
  display: block;
}
.textfooter span {
  font-size: 30px;
}
img.icono:hover{
  transition: all 1s ease;
  margin-top: 15px;
}
h3.tittle{
  -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
}
.socialshare div {
  display: inline-block;
}
.footer span.span {
  color: #FFFFFF;
  text-align: center;
}
.label{font-family:'sanchez',serif;font-size:25px;width:100%;height:25px;margin:0 0 15px 0;margin: 0 auto;}
.formulario{width:100%;height:100%;margin:0 auto;}
.input{width:100%;height:36px;margin:12px auto;}
.inputbox{
  width: 100%;
  height: 33px;
  color:rgb(129, 129, 129);
  border: 0;
  border-bottom: 1px solid ;
}
.logofooter {
  width: 50px;
  height: auto;
}
.margintop {
  margin-top: 15px;
}
.social {
  margin-bottom: 30px;
  font-size: 30px;
  color: #086A87;
}
.social a {
  color: #086A87;
}
.buttoninput2{
  width:100%;
  height:50px;
  background:rgb(6,62,105);
  color:#FFFFFF;
  font-size: 1.5em;
}
.h1intro {color: #FFFFFF;
    background: #000000;
    padding: 15px;
    font-family: 'Sanchez',serif;
    font-size: 1.5em;
    margin: 0 0 30px 0;
    width: 50%;
    min-width: 200px;
  }
  .box {
    font-size: 1.5em;

  }
  body{
    font-family: 'Sanchez',serif;
  }
.icono {
    height: 130px;
    margin: 30px auto;
    display: block;
}
  .textp {
    color: #FFFFFF;
    font-size: 1.3em;
    font-family: 'Sanchez',serif;
  }
.top{
  width:100%;
  height:50%;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.divlogo{
  width:100%;
  height:78px;
  margin:30px auto;
}
.logo{
  text-align:center;
}
.intro{
  width:100%;
  padding: 30px 0px;
  background-color: #086A87;
}
.marginintro{
  max-width:1200px;
  width:100%;
  height:380px;
  margin:0 auto;
}
.divtexto{
  width: 90%;
  margin: 0 auto;
}
.divtexttop{
  width: 100%;
  font-size: 1.8em;
  font-weight: bold;
  background: #FFFFFF;
  padding: 30px 0 0 0;
}
.margintexttop{
  width: 50%;
  margin: 0 auto;
  text-align: center;
}
.div1{
  padding: 0px 0 30px 0;
  border-bottom: solid 7px #086A87;
}
.div1 .box {
  text-align: center;
}
.divimg{
  min-height: 360px;
  background-image: url('../images/presentaciones-digitales-signe360-01.jpg');
  background-attachment: fixed;
  background-size: cover;
  padding: 30px 0;
}
.divimg2{
  min-height: 360px;
  background-image: url('../images/presentaciones-digitales-signe360-02.jpg');
  background-attachment: fixed;
  background-size: cover;
  padding: 30px 0;
}
.text1{
 width: 55%;
 position: relative;
 margin-top: 4%;
}
div.span,span.span {
  font-weight: bold;
  display: block;
  text-align: center;
}
.tittle{
 color: #FFFFFF;
 font-size: 1.3em;
 padding: 12px;
 display: inline-block;
 background: #086A87;
 font-family: 'sanchez',serif;
 text-transform: uppercase;
}
.textcontent{
	color: #FFFFFF;
    background: rgba(0, 0, 0, 0.57);
    padding: 10px;
    font-size: 1.3em;
    font-family: 'Sanchez',serif;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
strong {
  font-weight: bold;
}
img {
  margin: 0 auto;
  display: block;
}
.div2{
  background: #FFFFFF;
    padding: 30px 0;
    border-bottom: solid 7px #086A87;
}
.divback{
  background: #086A87;
  border-bottom: solid 7px #0B4C5F;
}
.margindiv2{
  text-align: center;
  margin: 0 auto;
  font-size: 1.8em;
  color: #FFFFFF;
}
.div3{
  background: rgb(6,62,105);
}
.margindiv3{
width: 75%;
	height: 106px;
    margin: 0 auto;
    padding: 70px 0 70px 0;
    border-bottom: solid 7px rgb(19,108,181);
}
.footer {
  padding: 30px 0;
}
.text2{
	width: 50%;
  position: relative;
  margin-top: 4%;
}
.footer2{
	background: #eeeeee;
    padding: 30px 0;
}
.footer2 .textfooter {
  color: #086A87;
}
.footer2 .footertext {
  margin-bottom: 15px;
}
.footer2 a {
  color: #FFFFFF;
  background-color: #086A87;
  padding: 10px;
  -webkit-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.32);
  -moz-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.32);
  box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.32);
  -webkit-transition: -webkit-box-shadow 1s; /* Safari */
  -webkit-transition-delay: 1s; /* Safari */
  transition: -webkit-box-shadow 1s;
  transition-delay: 1s;
  margin: 20px;
  display: block;
}
.footer2 a:hover {
  -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.32);
  -moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.32);
  box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.32);
}
.footerlogo{
	width: 35px;
    height: 70px;
    margin: 0 auto;
}
.footertext{
	text-align: center;
}
.textfooter{
	color: #FFFFFF;
    font-size: 1.5em;
    text-align: center;
    margin: auto;
    padding: 18px;
}
.clear{
	height: 30px;
}
.address{
	text-align: center;
    font-size: 20px;
    margin-bottom: 15px;
}
.footertittletext{
	font-family: 'sanchez',serif;
    font-size: 20px;
    text-align: center;
}
.footericon{
	width: 120px;
    height: 120px;
}
.footeralign{
	text-align: center;
}
@media all and (max-width:374px) and (min-width: 320px){
  .box{
    width:100%;
    max-width:374px;
  }
}
@media all and (max-width:413px) and (min-width: 375px){
  .box{
    width:100%;
    max-width:413px;
  }
}
@media all and (max-width:567px) and (min-width: 414px){
  .box{
    width:100%;
    max-width:567px;
  }
}
@media all and (max-width:599px) and (min-width: 568px){
  .box{
    width:100%;
    max-width:599px;
  }
}
@media all and (max-width:735px) and (min-width: 667px){
  .box{
    width:100%;
    max-width:735px;
  }
}
@media all and (max-width:767px) and (min-width: 736px){
  .box{
    width:100%;
    max-width:767px;
  }
}
@media all and (max-width:1023px) and (min-width: 768px){
  .box1{
   width:25%;
   max-width:25%;
  }
}