@charset "UTF-8";
/* CSS Document */

.borde{
	border:solid 1px #999999;
	background-color:rgba(0,0,0,0.1);
	padding:10px 0;
	}
.titulo{
	font-size:24px;
	color:#F00;}

header{
	background-color:#ffffff;
	padding:10px 0;
	}

.centrar_iconos{
	text-align:center;
	padding:25px 0 0 0;
	}

.adaptar{
	width:100%;
	}

.separar{
	padding:30px 0;
	}

.espacio{
	margin:0 10px 0 0;
	}


.boton{
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	width:135px;
	height:auto;
	background-color:#27348a;
	border-radius:5px;
	/*para que todo se vuelva un solo botón*/
	display:block;
	text-align:center;
	margin:25px 0 0 0;
	padding:10px 0;
	}

.boton:hover{
	text-decoration:none;
	background-color:#241E47;
	color:#fff;
}


.colorazul{
	color:#27348a;
	}


.color-footer{
	background-color:#27348a;
	padding:20px 0;
	color:#ffffff;
	}

.color-footer a{
	color:#ffffff;
	font-weight:bold;
	}

.color-footer a:hover{
	color:#ffffff;
	font-weight:bold;
	}

/*deben cerrarse bien los corchetes*/
@media screen and (min-width: 960px){
	.texto-footer{
		font-size:12px;
		text-align:right;
		
	}
}

@media screen and (max-width: 959px){
	.texto-footer{
		font-size:12px;
		text-align:center;
		}
	
	.texto-footer2{
		font-size:12px;
		text-align:center;
		margin:0 0 10px 0;
	    }
}



/*LA EMPRESA (PÁG 2)-----------------------------------------------*/


.marketing .col-lg-4 {
  margin-bottom: 30px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


.represent{
	padding:70px;
	background-color:rgba(0,0,0,0.1);
	}


.misionvision{
	background-color:#696967;
	color:#ffffff;
	}


/**CATÁLOGO (PÁG 3)-----------------------------------------------*/
/*estilo para botón en portafolio*/

.btn_imagen{
	transition:opacity 0.5s ease-in-out;
	}

.btn_imagen:hover{
	opacity:0.5;
	}

.producto{
	width:300px;
	height:300px;
	}
	
.centrar{
	text-align:center;
	}

.tituloproductos{
	margin::0 20px;
	}

/**CONTÁCTANOS (PÁG 4)-----------------------------------------------*/
@media screen and (min-width: 960px){
	.iframeadaptado{
		height:400px;
	}
}

@media screen and (max-width: 959px){
	.iframeadaptado{
		height:250px;
		}

}