/*	==================================================================
   CODIFICACION LA SECCION DESCARGAS
==================================================================	*/

/*.bar{
background: #ffb000;
height: 100px;
-webkit-box-shadow: 8px 9px 8px 4px rgba(97,97,97,1);
-moz-box-shadow: 8px 9px 8px 4px rgba(97,97,97,1);
box-shadow: 8px 9px 8px 4px rgba(97,97,97,1);
}*/
.ficha-t{
  width: 1100px;
  height: 850px;
  margin: 0 auto;
}
.fichas{
	display: flex;
  height: 550px;
	flex-wrap: wrap;
	margin-bottom: 25px;
  margin-top: 25px;
	justify-content: space-around;
}
	.fichas-vertical{
		height: 220px;
		margin: 10px 5px 5px 5px;
		float: left;
		box-sizing: border-box;
		border: solid 1px rgb(255, 255, 255);
		transition: 0.5s;
	}
  .fichas-vertical h2{
    font-size: 2.0em;
    margin: 0;
    margin: 10px 0px;
    border-bottom: 1px dotted rgb(255, 178, 8);

  }
  .ficha-content{
  	height: 220px;
    border: solid 1px  #fcae00;
  }

  .f_title{
		text-align: center;
    margin-top: 5;
	}
	.f_title h2{
		margin-top: 5;
		font-size: 0.9em;
	}
	.f_title a{
		color: #fcae00;
    margin-top: 5;
	}
	.img-ficha{
		padding-top: 0px;
		height: 110px;
    box-sizing: border-box;
    margin: 0 auto;

	}
  .img-ficha img{

  }
	/*.fichas-vertical:hover{
		box-sizing: border-box;
		height: 250px;
		margin: 20px 5px 5px 5px;
		float: left;
		border: solid 1px  #fcae00;
		transition: 1s;
		margin: 50px 17px 0px 17px;
	}

	.fichas-vertical:hover .title{
		border-top:dotted 2px #fff;
		border-left: dotted 2px #fff;
		border-right: dotted 2px #fff;
		border-bottom: dotted 2px  #fcae00;
		transition: 1s;
}*/


/* hasta Aqui los estilos para las Fichas */

.bar h2{
color: #000;
margin: 0 auto;
text-align: center;
padding: 25px;
margin-top: 30px;
font-size: 2.0em;
border: solid 1px #ffb800;
-webkit-box-shadow: 5px 1px 9px 4px rgba(138,138,138,0.68);
-moz-box-shadow: 5px 1px 9px 4px rgba(138,138,138,0.68);
box-shadow: 5px 1px 9px 4px rgba(138,138,138,0.68);
}
h2 a{
  color: #fcae00;
}


.seccion2{
  height: 400px;
  float: left;
  background-image:url(../img/s-vertical.png) ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.senalizacion-horizontal{
height: 540px;
margin-top: 30px;
}

.senalizacion-horizontal H2{
font-size: 2.0em;
text-align: right;
margin: 0;
margin: 50px 0px;
border-bottom: 1px dotted rgb(255, 178, 8);

}

.senalizacion-horizontal H2 a{
color: #fa9d13;
}

.s-img{
  height: 400px;
  float: left;
  background-image:url(../img/s-horizontal.png) ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;

}

.seguridad-vial{
height: 540px;
margin-top: 30px;
}

form span input{
	height: 30px;
	text-decoration: none;
	background: #ffa903;
	list-style: none;
	color: #fff;
	border-radius: 10px;
}

.seguridad-vial H2{
font-size: 2.0em;
margin: 0;
margin: 50px 0px;
border-bottom: 1px dotted rgb(255, 178, 8);

}

.seguridad-vial H2 a{
color: #fa9d13;
}

.img-s{
  height: 400px;
  float: left;
  background-image:url(../img/s-vial.jpg) ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}



.especificacion{
float: left;
height: 360px;

}
.especificacion p{
margin: 0;
padding: 15px;
font-size: 1.2em;
}


.imgs1{
height:80px;
background-image:url(../img/instalacion.png) ;
background-repeat: no-repeat;
float: left;
}
.imgs1:hover{

background-image:url(../img/instalacion-hover.png);
background-repeat: no-repeat;

}

.imgs2{
height:80px;
background-image:url(../img/s-calles.png) ;
background-repeat: no-repeat;
float: left;
}
.imgs2:hover{
transition:  1s ease-in-out;
background-image:url(../img/s-calles-hover.png) ;
background-repeat: no-repeat;

}

.imgs3{
height:80px;
background-image:url(../img/zonas.png) ;
background-repeat: no-repeat;
float: left;
}
.imgs3:hover{
transition:  1s ease-in-out;
background-image:url(../img/zonas-hover.png) ;
background-repeat: no-repeat;

}
.text{
height:80px;
float: left;
}

.text p{
text-align: left;
font-size: 1.2em;
}

.seccion2{
height: 400;
float: left;

}

.a-tecno{
  float: left;
}

.btns{
  height: 200px;
  margin-top: 30px;

}

.img-tecno{
  margin: 0 auto;
  height: 70px;
  background-image: url(../img/a-tecno.png);
  background-repeat: no-repeat;
  background-position: center;
}

.img-tecno:hover{
  background-image: url(../img/a-tecno-hover.png);
  background-repeat: no-repeat;
  background-position: center;
}

.img-tecno2{
  margin: 0 auto;
  height: 70px;
  background-image: url(../img/manejable.png);
  background-repeat: no-repeat;
  background-position: center;
}

.img-tecno2:hover{
  background-image: url(../img/manejable-hover.png);
  background-repeat: no-repeat;
  background-position: center;
}