@charset "utf-8";

@import url("iconos/flaticon.css");

@import url("css/styles.css");

/* CSS Document */



@font-face {

    font-family: 'akzidenz-grotesk_bq_light_sRg';

    src: url('fuente/akzidenzgrotesk-lightsc-webfont.woff2') format('woff2'),

         url('fuente/akzidenzgrotesk-lightsc-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



	body{

		font-family:Arial, Helvetica, sans-serif;

		}

p{

	text-align:justify;

	margin:10px 0;

	}



	/*hgroup{

		margin-bottom:150px;}*/



h2{

	font-family: 'akzidenz-grotesk_bq_light_sRg';

	font-size:3em;

	margin-left:10px;

	margin-bottom:80px;

	width:100%;

	}

		

.gacorTxt{

	font-weight:bolder;

	color:#666;}	





.pleca{

	border-bottom:solid 10px #0099CC;

	}



#inicio{

	width:100%;

	max-width:1300px;

	margin:auto;}



div.fijo{

	position:fixed;

	background:rgba(255,255,255,0.7);

	width:100%;

	text-align:center;

	z-index:1000;

	}

	

	header{

		width:100%;

		max-width:1300px;

		margin:auto;

		}



figure.logo{

	width:200px;

	max-width:100%;

	float:left;

	padding:10px 0;

	}

	

@media screen and (max-width:680px){

	figure.logo{

	width:150px;}

	

	#slide{padding-top:80px;

	}

	

	}

	

#redesHeader{

	float:right;

	width:100%;

	max-width:300px;

	padding:10px 0 0 0;}

	

#redesHeader ul{

	list-style-type:none;

	}

	#redesHeader li{

		/*display:inline-block;*/

		float:right;

		width:20%;

		}

		

	#redesHeader a{

		outline:none;

		text-decoration:none;

		}

		

@media screen and (max-width: 480px) {

	#redesHeader{

		max-width:150px;

		margin-right:10px;

	}

}

			

section{

	padding-top:120px;

	min-height:800px;

	margin-bottom:60px;}

	

section.productosInterno{

	padding-top:120px;

	min-height:300px;

	margin-bottom:60px;}			



#servicios{

	min-height:500px;

	margin-bottom:0;

	}	

		

/*BLOQUE CORPORATIVO*/		

.fondo{

	background:url(images/img_corporativo.jpg) no-repeat right;

	}

	

.fondoBlanco{

	background:rgba(255,255,255,0.7);

	padding-top:10px;

	padding-bottom:10px;

	clear:both;

	}

	

	

.valor{

	display:inline-block;

	width:24%;

	text-align:center;

	margin-top:50px;

	vertical-align:top;

	color:#333;

	transform:rotateY();

	transition:all ease-out 0.7s;

	}

	

.valor:hover{

	color:#069;

	transform:rotateY(360deg)

	}	

	

@media screen and (max-width: 680px)  {

	.valor{

		width:47%;}

		

	.fondoBlanco{

		}	

}

	



	

.valores{

	border-radius:50%;

	border:solid 2px #333333;

	margin:auto;

	width:150px;

	height:150px;

	text-align:center;

	}

.valores span{

	text-align:center;

	position:relative;

	top:25px;

	}	

	

.valor p{

	margin-top:60px;

	text-align:center;}

	

	#element2, #element-to-animate3{

		margin-top:80px;}

		

		#mision hr, #vision hr{

			width:0%;

			border-bottom:solid 2px #333333;

			transition:all linear 0.5s;

			}

			#mision:hover hr, #vision:hover hr{

				width:100%;

				border-bottom:solid 2px #09C;}

		

	/******BLOQUE DE SERVICIOS*******/

	.serviciosT{

		width:100%;

		max-width:1100px;

		margin:auto;

		padding-bottom:100px;

		text-align:center;

		}

	.servicio{

		width:240px;

		height:160px;

		display:inline-block;

		vertical-align:top;

		margin:5px;

		overflow:hidden;

		}	

	.servicio a, .servicio a:active, .servicio a:hover{

		text-decoration:none;

		outline:none;

		display:block;

		width:240px;

		height:160px;}	

	.sobre{

		width:240px;

		height:160px;

		position:relative;

		top:-160px;

		background:rgba(0,0,0,0);

		color:rgba(255,255,255,0);

		font-size:1.5em;

		font-family: 'akzidenz-grotesk_bq_light_sRg';

		transition:all ease-in-out 0.5s;

		overflow:hidden;

		text-transform:lowercase;

		}

		.sobre p{

			padding:40px 10px 0;

			text-align:center;}

	.sobre:hover{

		background:rgba(0,0,0,0.7);

		color:rgba(255,255,255,1);}	

		

		

		

	/******BLOQUE DE PRODUCTOS*******/

	.productosT{

		width:100%;

		/*max-width:1300px;*/

		margin:auto;

		padding-bottom:100px;

		text-align:center;

		}

	.producto{

		width:350px;

		height:200px;

		display:inline-block;

		vertical-align:top;

		margin:5px;

		overflow:hidden;

		}	

	.producto a, .producto a:active, .producto a:hover{

		text-decoration:none;

		outline:none;

		display:block;

		width:350px;

		height:200px;}	

	.sobreProducto{

		width:350px;

		height:200px;

		position:relative;

		top:-203px;

		background:rgba(0,0,0,0);

		color:rgba(255,255,255,0);

		font-size:2em;

		font-family: 'akzidenz-grotesk_bq_light_sRg';

		transition:all ease-in-out 0.5s;

		overflow:hidden;

		text-transform:lowercase;

		}

		.sobreProducto p{

			padding:40px 10px 0;

			text-align:center;}

	.sobreProducto:hover{

		background:rgba(0,123,190,0.7);

		color:rgba(255,255,255,1);}			

	

	

	/*@media screen and (max-width:600px){

		.producto, .producto a, .producto a:active, .producto a:hover{

		width:90%;

		}

		}*/	

	/*******BLOQUE CLIENTES******/

	

	.clientesT{

		width:100%;

		max-width:1200px;

		margin:auto;

		text-align:center;}

	

	.clienteImg{

		display:inline-block;

		width:100%;

		max-width:220px;

		height:180px;

		overflow:hidden;

		padding-right:5px;

		}

		.clienteLogo{

			display:block;

			max-width:220px;

			height:180px;

			overflow:hidden;

			padding-right:10px;

			position:relative;

			top:-215px;

			z-index:100;

			}

		#cliente1 .clienteLogo{

			background:url(images/clientes/saks-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

			/*#cliente1:hover .clienteLogo{

				background:url(images/clientes/saks-logo.png) no-repeat center;

				}*/

		#cliente2 .clienteLogo{

			background:url(images/clientes/mammaBella-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

			

		#cliente3 .clienteLogo{

			background:url(images/clientes/laMansion-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

			

		#cliente4 .clienteLogo{

			background:url(images/clientes/johnnyRockets-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

			

		#cliente5 .clienteLogo{

			background:url(images/clientes/mariscosMuelle-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

				

		#cliente6 .clienteLogo{

			background:url(images/clientes/senado-de-la-republica.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

		

		#cliente7 .clienteLogo{

			background:url(images/clientes/osteria7-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

	

		#cliente8 .clienteLogo{

			background:url(images/clientes/vaca-argentina.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

			

		#cliente9 .clienteLogo{

			background:url(images/clientes/wings-army.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}



		#cliente10 .clienteLogo{

			background:url(images/clientes/maison-kayser.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

			

		#cliente11 .clienteLogo{

			background:url(images/clientes/corazon-de-alcachofa-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

	

		#cliente12 .clienteLogo{

			background:url(images/clientes/fondaArgentina-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

			

		#cliente13 .clienteLogo{

			background:url(images/clientes/lampuga-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

		

		#cliente14 .clienteLogo{

			background:url(images/clientes/maxPrime-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

		

		#cliente15 .clienteLogo{

			background:url(images/clientes/lago-de-los-cisnes.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

		#cliente16 .clienteLogo{

			background:url(images/clientes/carnivoro-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

			

		#cliente17 .clienteLogo{

			background:url(images/clientes/angus-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

			

		#cliente18 .clienteLogo{

			background:url(images/clientes/ponteAlmeja-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

			

		#cliente19 .clienteLogo{

			background:url(images/clientes/puerto-getaria-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

			

		#cliente20 .clienteLogo{

			background:url(images/clientes/televis-logo.png) no-repeat center;

			transition:all ease-in-out 0.5s;

			-moz-transition:all ease-in-out 0.5s;

			-webkit-transition:all ease-in-out 0.5s;

			}

			

												

	.txtClientes{

		width:100%;

		padding-left:30px;

		}

		.txtClientes p{

			text-align:center;

			font-size:1.5em;

			}

		

	.clientes{

		margin-bottom:10px;

		text-align:center;}

		.clientes div{

			margin:20px auto;}

			

		

		/***********CONTACTO***********/

		#contacto{

			background: -webkit-linear-gradient(left, #FFF 0%, #fff 50%, #EAEAEA 50%, #EAEAEA 100%);

			}

		#contacto article{

			text-align:center;}

		.contacto{

			display:inline-block;

			vertical-align:middle;

			width:45%;

			padding:0 15px;

			margin:10px;

			}	

		form input, textarea{

			width:90%;

			padding:5px;

			background:#017BBA;

			color:#fff;

			margin:1px auto;

			}
			.txtBlanco, .captcha input{
				color:#fff;
			}

			textarea{

				height:220px;}

			#enviar{

				width:100px;

				}

		.ubicacion{

			

			}

			.contacto p{

				width:80%;}

			.iconoContacto{

				width:12%}

			.contacto p, .iconoContacto{

				display:inline-block;

				vertical-align:middle;

				}

			.correoIcono{

				padding:10px;

				margin-bottom:10px;

				}

			

@media screen and (max-width: 680px) {

	.contacto{

			width:95%;

			margin:10px auto;

			}

	#contacto{

			background: none;

			}		

					

}	



/**************PIE DE PÁGINA**************/

footer{

	text-align:center;

	background:#069;

	color:#FFF;

	font-size:0.8em;

	letter-spacing:0.1em;

	font-weight:lighter;

	line-height:1.1em;

	}

.datosFooter{

	display:inline-block;

	vertical-align:middle;

	text-align:left;

	margin:10px;

	border-left:solid 4px #fff;

	padding:10px;

	}

	

	#mapa{

		width:20%;}

		

	#datosUbicacion{

		width:40%;

		}

		

	#datosContacto{

		width:37%;

		}

	footer ul{

		list-style-type:none;

		}

		footer ul a{

			color:#999;}

			footer a:hover{

				color:#FFF;}

	/*#mapa p{

		text-align:left;}

	#datosUbicacion p{

		text-align:center;}*/

	#datosContacto{

		width:20%

		}

		

		#legales{

			background:#333;

			color:#ccc;

			padding:15px 0 8px;

			}

			#legales p{

				text-align:center;

				font-size:0.8em;}

				

		#legales a{

			text-decoration:none;

			color:#CCC;

			transition:all ease-in-out 0.6s;

			}

			#legales a:hover{

			color:#fff;

			}

		

		.datosFooter p{

				width:80%;}

			.iconoFoot, #mapa ul{

				width:12%}

			.datosFooter p, .iconoFoot, #mapa ul{

				display:inline-block;

				vertical-align:middle;

				}

			.correoIcono{

				padding:10px;

				margin-bottom:10px;

				}	

				.correoFoot{

					color:#CCC;}

		

@media screen and (max-width: 680px) {

	.datosFooter, #datosContacto{

		width:95%;

		}

}



	#legales p{

		text-align:right;

		font-weight:lighter;

		}

		

		

#imagenes{

	background:#FFF;

	text-align:center;

	}

#imagenes div p{

	text-align:center;

	font-size:0.8em;

	}			

		

	/************PAUSAS*************/

	.pausa{font-family: 'akzidenz-grotesk_bq_light_sRg';

	font-weight:400;

	font-size:1.2em;

	min-height:300px;

	}

	

	.pausa div{

		border:solid #fff 1px;

		color:rgba(255,255,255,1);

		text-align:center;

		border-radius:3px;

		transition:all ease-in-out 0.5s;

		}

		

		.pausa p{

			width:70%;}

	

	#filosofiaGacor1{

		background:url(images/filosofia_gacor1.jpg) #8CC63F no-repeat center;

		transition:all ease-in-out0.5s;

		padding:30px;

		}

		#filosofiaGacor1 div{			

			padding:10px;

			font-size:1.3em;

			}

	#filosofiaGacor1 div p, #filosofiaGacor1 div span{

		display:inline-block;

		vertical-align:middle;

		margin:20px 0;

		}

		#filosofiaGacor1 div span{

			width:25%;}

	

	#filosofiaGacor2{

		background:url(images/filosofia_gacor2.jpg) rgb(51,51,51) no-repeat center;

		transition:all ease-in-out0.5s;

		padding:60px;

		}

		#filosofiaGacor2 div p{

		margin:40px auto;

		font-size:2em;

		text-align:center;

		}

		

	#filosofiaGacor3{

		background:url(images/filosofia_gacor3.jpg) #069 no-repeat center;

		transition:all ease-in-out0.5s;

		padding:60px;

		}

		#filosofiaGacor3 div p{

		margin:40px auto;

		font-size:2em;

		text-align:center;

		}

		

		#filosofiaGacor4{

		background:url(images/filosofia_gacor4.jpg) #333 no-repeat center;

		transition:all ease-in-out0.5s;

		padding:60px;

		

		}

		#filosofiaGacor4 div p{

			width:80%;

		margin:40px auto;

		font-size:2em;

		text-align:center;

		}

		

		#filosofiaGacor5{

		background:url(images/filosofia_gacor5.jpg) #333 no-repeat center;

		transition:all ease-in-out0.5s;

		padding:60px;

		

		}

		#filosofiaGacor5 div p{

			width:80%;

		margin:40px auto;

		font-size:2em;

		text-align:center;

		}

	

	@media screen and (max-width: 680px) {

		.pausa p{

			width:90%;}

		#filosofiaGacor1 div p, #filosofiaGacor1 div span{

			width:80%;}

		#filosofiaGacor2{

			padding:30px;}

		#filosofiaGacor2 div p{

			margin:0 auto}

	}