/* CSS Document */
@font-face {
    font-family: 'walburntextlightitalic';
    src: url('fonts/walburn/walburn_text_light_italic-webfont.woff2') format('woff2'),
         url('fonts/walburn/walburn_text_light_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



.bold{
	font-weight:700;
}


html{
	margin:0;
	padding:0;
	width:100%;
	
	height:100%;
	background:#ffffff;
	font-size:12px;
	
}

body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;

	font-family: 'Raleway', sans-serif;
	font-weight:400; /* o 700 */
	font-size:12px;
}

.logout{
	cursor:pointer;
}

.logout:Hover{
	border-bottom:1px solid #ffffff;
}


a{
	color:inherit;
	text-decoration:inherit;
}

.link{
	display:inline-block;
}

img{
	border:none;
}

.ancla{
	font-size:0px;
	height:0px;
}




.imagenPerfil{
	position:absolute;
	left:-500px;
}

.todo{
	width:100%;
	/*max-width:1920px!important;*/
	overflow: hidden;
	margin:0 auto;
}



/* ENCABEZADO Y SLIDE */




.iconoSubir{
	width:30px;
	height:30px;
	background:url(img/subir.svg);
	background-size:contain;
	background-repeat:no-repeat;
	position:fixed;
	right:-80px;
	bottom:2%;
	z-index:999;
	cursor:pointer;
		-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
	
	 -webkit-filter: drop-shadow( -0px -0px 3px rgba(0,0,0,0.2) ); 
            filter: drop-shadow( -0px -0px 3px rgba(0,0,0,0.2));

}

.iconoSubirVisible{
	right:2%;
}


.barraArriba{
	width: 100%;
	height: 65px;
	position: fixed;
	z-index:997;
}

.fondoBarra{
	width: 100%;
	height: 65px;
	position: absolute;
	background:rgba(26,7,0,.9);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.barraArriba .fondoBarra{
	top: -65px;
}

.barraArriba.barraVisible .fondoBarra{
	top: 0px;
}

.iconoMenuMovil{
	width:35px;
	/*background-color:#FFFFFF;*/
	background-image:url(img/iconoMenuChico.svg);
	background-size:contain;
	background-repeat:no-repeat;
	position:fixed;
	right:20px;
	top:15px;
	
	cursor:pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	display:block;
	overflow:hidden;
	z-index: 1000;
}

.barraVisible .iconoMenuMovil{
	background-image:url(img/iconoMenuChicoW.svg);
}


.iconoMenuMovil:after{
	content: '';
    display: block;
	margin-top: 100%;
}


.menuMovilVisible ~ .iconoMenuMovil{
	background-image:url(img/iconoMenuChicoW.svg);
	background-size:contain;
	background-repeat:no-repeat;
}

.iconoMenuMovilVisible{
	right:20px;
}

.menuMovil{
	/*background:#4D5A21;*/
	background:rgba(26,7,0,.9);
	position:fixed;
	height:100%;
	width:100%;
	max-width:400px;
	right:-400px;
	z-index:998;
		-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
overflow-y:scroll;
overflow-x:hidden;

}

.botonesMenuMovil{
	margin-top:80px;
	position:relative;
}

.menuMovilVisible{
	right:0;
}

.botonMenuMovil{
	margin-left:20px;
	margin-bottom:5px;
	padding:2%;
	padding-bottom:2%;
	color:#ffffff;
	font-size:20px;
		-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
position:relative;
display:block;
	
	font-family: "walburntextlightitalic", serif;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

.botonMenuMovil:Hover{
	/*color:#b81867;*/
	background-color:#3b281e;
		border-top: 1px solid #3b281e;
	border-bottom: 1px solid #3b281e;
}




/* FIN MENU */

.headerHome{
	position:relative;
	width:100vw;
	overflow: hidden;
	height: 100vh;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: flex-start; /* Safari */
  	justify-content:         flex-start;
  
    -webkit-align-items: center; /* Safari */
  	align-items:        center;
}


.headerIn{
	position:relative;
	width:100vw;
	overflow: hidden;
	height: 50vh;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: flex-start; /* Safari */
  	justify-content:         flex-start;
  
    -webkit-align-items: center; /* Safari */
	align-items:        center;
	
	background-image: url(img/fondoHeaderArkantir.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right bottom;
}



.logo{
	/*width:160px;*/
	width:90%;
	max-width: 370px;
	
	/*background-color:#cccccc;*/
	background-image:url(img/logoARKANTIR.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
	position: relative;
}


.logo:after{
	content: '';
    display: block;
	margin-top: 17.697%;
}


.cuadroMarron{
	width:50%;
	max-width: 500px;
	height:100%;
	background:rgba(26,7,0,.8);
	
	z-index:980;
	border:0;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
  
     -webkit-align-items: center; /* Safari */
  	align-items:        center;
	
	flex-shrink: 0;
	 -webkit-flex-shrink: 0;
}

.cuadroFrase{
	height:100vh;
	
	z-index:980;
	border:0;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: flex-start; /* Safari */
	justify-content:         flex-start;
  
    -webkit-align-items: center; /* Safari */
 	align-items:        center;
	overflow: hidden;
	
	/*flex-shrink: 2;
	 -webkit-flex-shrink: 2;
	flex-grow: 2;
	 -webkit-flex-grow: 2;*/
}

.fraseHome{
	color: #3d2517;
	font-size: 28px;
	font-weight: 800;
	padding-left: 40px;
	padding-right: 40px;
	
}

.fraseHomeTop{
	width: 90%;
	margin: 0 auto;
	display: none;
	color: #ffffff;
	position: relative;
	text-align: center;
}


.socialHead{
	
	width: 90%;
	max-width: 180px;
	position: absolute;
	bottom: 10px;
	
		 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
      -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  
     -webkit-align-items: center; /* Safari */
  align-items:        center

}

.socialPie{
width: 90%;
	max-width: 160px;
	margin: 0 auto;
	
		 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
      -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  
     -webkit-align-items: center; /* Safari */
  align-items:        center
}

.iconoSocial{
	width: 40px;
	margin: 5px;
	overflow:hidden;
		-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}


.iconoSocial:after{
	content: '';
    display: block;
	margin-top: 100%;
}

.iconoSocial:Hover{
	opacity: .5;
}



.fotoIn{
	width: 100%;
	height: 60vh;
	overflow: hidden;
	position: relative;
}



#slider1, #rev_slider_20_2{
	/*max-width:1920px;*/
	margin:0 auto;
	position: relative;
}


.logoMenuMovil{
	width:70%;
	max-width: 250px;
	/*background-color:#FFFFFF;*/
	background-image:url(img/logoARKANTIR.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	margin:0 auto;
	margin-top:100px;
	margin-bottom: 30px;
	display:block;
	overflow:hidden;
}

.logoMenuMovil:after{
	content: '';
    display: block;
	margin-top: 17.697%;
}

.logoBarra{
	width:70%;
	max-width: 250px;
	/*background-color:#FFFFFF;*/
	background-image:url(img/logoARKANTIR.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	margin-top: 10px;
	margin-left: 20px;
	display:block;
	overflow:hidden;
	position: absolute;
}

.logoBarra:after{
	content: '';
    display: block;
	margin-top: 17.697%;
}





.slick-slide, .slick-slide *{ outline: none !important; }

.infoFlex{
	width:100%;
	margin:0 auto;
	
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
  
     -webkit-align-items: stretch; /* Safari */
  align-items:         stretch;
  
  margin-top:100px;
  margin-bottom:100px;
  
}


.titulo{
font-family: "walburntextlightitalic", serif;
	/*color: #444444;*/
	font-size: 27px;
	line-height: 27px;
	display: block;
	margin-bottom: 20px;
	text-align: left;
}


.pagina{
	font-family: "walburntextlightitalic", serif;
	font-size: 24px;
	line-height: 24px;
	
	text-align: center;
	color: #3b281e;
	border-bottom: 1px solid  #3b281e; 
	padding: 20px;
	padding-top: 20px;
}

.pagina a:Hover{
	border-bottom: 1px solid  #3b281e; 
}

.tituloSeccion{
	width: 100%;
	margin: 0 auto;
font-family: "walburntextlightitalic", serif;
	font-size: 40px;
	line-height: 40px;
	display: block;
	margin-bottom: 40px;
	text-align: center;
}

.subtituloSeccion{
	width: 100%;
	margin: 0 auto;
font-family: "raleway", serif;
	font-size: 22px;
	line-height: 22px;
	display: block;
	margin-bottom: 15px;
	text-align: left;
	font-weight: 800;
}


.columnaTexto{
	width:40%;
	
	font-size:16px;
	line-height:18px;
	text-align:justify;
	font-family: "raleway", serif;
	color: #444444;
	padding-top: 50px;
	padding-bottom: 50px;
}

.columnaTexto2{
	width:60%;
	
	font-size:16px;
	line-height:18px;
	text-align:justify;
	font-family: "raleway", serif;
	color: #444444;
	padding-top: 50px;
	padding-bottom: 50px;
}

.textoHome1{
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
}

.textoHome2{
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	color: #f4f2e6;
	
}

.solucion{
	width: 100%; 
 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
	
	margin-bottom: 50px;
	
}

.solucionIzquierda{
	width:calc( 45% - 21px);
	font-size: 20px;
	padding-right: 20px;
	line-height: 22px;
	text-align: right;
	/*border-right: 1px solid #ffffff;*/
}

.solucionDerecha{
	width:calc( 55% - 21px);
	font-size: 14px;
	padding-left: 20px;
	border-left: 1px solid #ffffff;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
}




.fondoPortfolio{
	width: 100%;
	padding-top: 100px;
	padding-bottom: 60px;
	background-image:url(img/fondoMapa.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;

}


.tituloPortfolio{
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
	
}

.linea{
	/*width: 20%;*/
	height: 1px;
	 border-bottom: 1px solid #3b281e;
flex-shrink: 2;
	 -webkit-flex-shrink: 2;
	flex-grow: 2;
	 -webkit-flex-grow: 2;
}

.textoTituloPortfolio{
	/*width: calc( 40% - 20px );*/
	text-align: center;
	color: #3b281e;
	 flex-shrink: 1;
	 -webkit-flex-shrink: 1;
	font-family: "walburntextlightitalic", serif;
	font-size: 36px;
	line-height: 36px;
	padding-left: 40px;
	padding-right: 40px;
	white-space: nowrap;
}


.portfolioHome{
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
	margin-top: 40px;
	/*margin-bottom: 40px;*/
}

.itemPortfolioHome{
	width: calc( 100% / 3 - 40px );
	margin: 20px;
	
	overflow:hidden;
	display:inline-block;
	position:relative;
	opacity: .8;
		-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
	
}

.itemPortfolioHome:after{
	content: '';
    display: block;
	margin-top: 56.25%;
}

.itemPortfolioHome:Hover{
	opacity: 1;
}


.contenedorBoton{
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: flex-end; /* Safari */
  justify-content:         flex-end;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
}

.botonVerMas{
	padding: 3px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	border: 1px solid #3b281e;
	color: #3b281e;
	display: inline-block;
	margin: 20px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.botonVerMas:Hover{
	color: #ffffff;
	background-color: #3b281e;
}


.texto1200{
width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 60px;
	color: #444444;
}

.tresColumnasHome{
	width: 100%;
	
	margin: 0 auto;
display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
}

.columnaChicaHome{
	width: calc( 100% / 4);
	margin-bottom: 20px;
	margin-top: 20px;
	font-size:16px;
	line-height:20px;
	text-align: justify;
}


.fotoTrabajo{
	width: 90%;
	margin: 0 auto;

	overflow:hidden;
	position:relative;
	display: inline-block;
	margin-bottom: 20px;
	
	
}

.fotoTrabajo:after{
	content: '';
    display: block;
	margin-top: 64%;
}

.videoTrabajo{
	width: 90%;
	margin: 0 auto;

	overflow:hidden;
	position:relative;
	display: inline-block;
	margin-bottom: 20px;
	
	
}

.videoTrabajo:after{
	content: '';
    display: block;
	margin-top: 60%;
}

.botonPlay{
	width: 50%;
	max-width: 100px;
	position: absolute;
	margin: auto;
	left: 0; top: 0; right: 0; bottom: 0;
	background-image: url(img/play.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

}
.botonPlay:after{
	content: '';
    display: block;
	margin-top: 60%;
}

.videoTrabajo:hover .botonPlay{
	width: 60%;
	max-width: 110px;
}


.fraseFooter{
	background-color: #3d2517;
	font-family: "walburntextlightitalic", serif;
	font-size: 27px;
	text-align: center;
	color: #ffffff;
	padding: 70px;
}

.footer{
	display: block;
	
	color:#ffffff;
	text-align:left;
	font-size:10px;
	
	background-image:url(img/fondoFooter.jpg);
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
	padding-top: 120px;
}


.infoFooter{
	width: 100%; 
 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
	
	margin-bottom: 100px;
	
}

.infoFooterIzquierda{
	font-family: "walburntextlightitalic", serif;
	width:calc( 50% - 21px);
	font-size: 27px;
	padding-right: 20px;
	line-height: 22px;
	text-align: right;
	/*border-right: 1px solid #ffffff;*/
}

.infoFooterDerecha{
	width:calc( 50% - 21px);
	font-size: 14px;
	padding-left: 20px;
	border-left: 1px solid #ffffff;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
}





.creditos{
	font-family: "raleway";
	text-align:center;
	font-size: 12px;
	padding:5px;
	color:#ffffff;
	font-weight:400;	
}



.formContacto{
	width:100%;
	max-width:400px;
	font-family: 'comfortaa', sans-serif;
	font-weight:400; /* o 700 */
	line-height:14px;
}


.campo{
	 padding:4px;
	 padding-left:4px;
	 padding-right:4px;
	 width:calc( 100% - 8px);
	
	 border:1px solid #ffffff;
	 font-size:12px;
	 color:#ffffff;

-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
 margin-bottom:5px;
 margin-top:5px;
 position:relative;
font-family: 'comfortaa', sans-serif;
	font-weight:400; /* o 700 */
	resize: none;
	background:rgba(255,255,255,0.19);
}

.campo:focus{
	background:#ffffff;
	border:1px solid #77a368;
	color:#77a368;
}

.campo::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #E3F3EF;
}
.campo::-moz-placeholder { /* Firefox 19+ */
  color: #E3F3EF;
}
.campo:-ms-input-placeholder { /* IE 10+ */
  color: #E3F3EF;
}
.campo:-moz-placeholder { /* Firefox 18- */
  color: #E3F3EF;
}

.botonForm{
	width:calc( 100% - 12px);
	max-width:120px;

color:#FFFFFF;
text-align:center;
padding:5px;
 border:1px solid #ffffff;
background:rgba(255,255,255,0.19);

 font-size:12px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
display:block;
position:relative;
cursor:pointer;

 margin-bottom:1%;
 margin-top:1%;
}

.botonForm:Hover{
	background:#ffffff;
	border:1px solid #77a368;
	color:#77a368;
}


.textoError{
	font-size:13px;
}



/* NOVEDADES */

.paginador{
	width:120px;
	margin:0 auto;
	height:25px;
	margin-top:50px;
	margin-bottom:30px;
}

.paginadorAnteriores{
	width:21px;
	height:21px;
	background:url(img/paginador_izq.png);
	float:left;
	margin:2px;
	opacity:.7;
	-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.paginadorAnteriores:Hover{
	opacity:1;
}

.paginadorSiguientes{
	width:21px;
	height:21px;
	background:url(img/paginador_der.png);
	float:right;
	margin:2px;
	opacity:.7;
	-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.paginadorSiguientes:Hover{
	opacity:1;
}

.paginadorAnterioresMax{
	width:21px;
	height:21px;
	background:url(img/paginador_izq_max.png);
	float:left;
	margin:2px;
	opacity:.7;
	-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.paginadorAnterioresMax:Hover{
	opacity:1;
}

.paginadorSiguientesMax{
	width:21px;
	height:21px;
	background:url(img/paginador_der_max.png);
	float:right;
	margin:2px;
	opacity:.7;
	-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.paginadorSiguientesMax:Hover{
	opacity:1;
}

.opaco{
	opacity:.2;
}

.opaco:Hover{
	opacity:.2;
}

.novedad{
	margin-bottom:50px;
}

.tituloNovedad{
	font-size:26px;
	font-weight:900;
	
}

.infoNovedad{
	font-size:16px;
	font-weight:300;
}


img.imgIzquierda{
	width: 100%!important;
height: auto!important;
float: left;
margin: 30px 30px 30px 0px;
}

img.imgVIzquierda{
	width: 100%!important;
height: auto!important;
float: left;
margin: 30px 30px 30px 0px;
}


img.imgCentro{
	width: 100%!important;
height: auto!important;
margin: 30px 0;
}

img.imgDerecha{
	width: 100%!important;
height: auto!important;
float: right;
margin: 30px 0 30px 30px;
}

img.imgVDerecha{
	width: 100%!important;
height: auto!important;
float: right;
margin: 30px 0 30px 30px;
}

.cuerpoNovedad p,.cuerpoNovedad ul{
	display:block;
	padding-bottom:15px;
}


.cuerpoNovedad p,.cuerpoNovedad ul,.cuerpoNovedad ol{
	width:90%;
	max-width:600px;
	margin:0 auto;
}


.fotoNovedad{
	width:100%;
	width: calc(100% - 2px);
	overflow:hidden;
	clear:both;
	margin-top:10px;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:1px solid #eeeeee;
}

.fotoNovedad:after{
	content: '';
    display: block;
	margin-top: 40%;	
}

.leerMas{
	
color:#afcb08;
font-size:14px;
font-weight:900;
}

.bienvenido{
	position:fixed;
	bottom:0;
	z-index:990;
	background:rgba(0,0,0,0.35);
	color:#ffffff;
	padding:10px;
	left:10px;
}

.imgNovedad{
	width:100%;
	height:auto;
	margin-top:30px;
	margin-bottom:30px;
}

.botonVolver{
	 color: #afcb08;
	 font-size:24px;
	 font-weight:900;
	 text-align:center;
	 margin-top:30px;
	 cursor:pointer;
	 -webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.botonVolver:Hover{
	color:#4D5A21;
}

.cuerpoNovedad{
	font-size:17px!important;
	font-weight:300;
	color:#666666!important;
}


.error404{
	padding-top:150px;
	height:400px;
	width:40%;
	min-width:300px;
	max-width:600px;
	margin:0 auto;
	text-align:center;
	display:block;
	color:#666666;
	font-size:16px;
}

.tituloError{
	width:100%;
	/*background:#494949;
	border:1px solid #494949;*/
color:#3d2517;
	
	font-size:45px;
	font-weight:700;
}


.preloaderContacto{
	background:url(img/preloader.gif);
	background-size:contain;
	background-repeat:no-repeat;
	overflow:hidden;
	clear:both;
	width:8%;
	max-width:20px;
	position:absolute;
	right:5%;
	bottom:25%;
	display:none;
}

.preloaderContacto:after{
	content: '';
    display: block;
	margin-top: 100%;
}

/* FIN NOVEDADES */




/* AJUSTE RESOLUCION */
@media (max-width: 799px){

.logoMovil{
	display:block;
}


.iconoMenuMovil{
	right:20px;
}

.iconoMenuMovilVisible{
	right:20px;
}




.infoFlex{
	width:100%;
	margin:0 auto;
	
	 display: block;
  
  margin-top:50px;
  margin-bottom:30px;
  
}
	


.columnaTexto{
	width:90%;
	max-width: 800px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
	
	.columnaTexto2{
	width:90%;
	max-width: 800px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

	.tresColumnasHome{
	width: 100%;
	
	margin: 0 auto;
display: inline-block;
}

.columnaChicaHome{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size:16px;
	line-height:20px;
}
	
		.infoFooter{
	width: 90%; 
		max-width: 260px;
		margin: 0 auto;
 display:block;
	
	margin-bottom: 100px;
	
}

.infoFooterIzquierda{
	width:100%;
	font-size: 27px;
	padding-right: 20px;
	line-height: 30px;
	text-align: left;
}

.infoFooterDerecha{
	width:100%;
	font-size: 14px;
	padding-left: 0px;
	border-left: 0px;
	border-top: 1px solid #ffffff;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
}
	
	
.portfolioHome{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
	margin-top: 40px;
	/*margin-bottom: 40px;*/
}

.itemPortfolioHome{
	width: calc( 100% / 2 - 10px );
	margin: 5px;	
}
	
	
.solucion{
	width: 100%; 
 display: inline-block;
	
	margin-bottom: 30px;
	
}

.solucionIzquierda{
	width:90%;
	margin: 0 auto;
	font-size: 20px;
	padding-right: 20px;
	line-height: 22px;
	text-align: left;
	margin-bottom: 15px;
	/*border-right: 1px solid #ffffff;*/
}

.solucionDerecha{
	width:90%;
	margin: 0 auto;
	font-size: 14px;
	padding-left: 20px;
	border-left: 1px solid #ffffff;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: left;
}

	.solucionIzquierda br{
		 content: " ";
    display: none;
	}
	
	.solucionIzquierda br:after{
		 content: " ";
	}


	.textoTituloPortfolio{
	font-size: 30px;
	line-height: 30px;
	padding-left: 30px;
	padding-right: 30px;
}
	
	
		.fondoPortfolio{
	padding-top: 40px;
	padding-bottom: 40px;
	}

.fraseHome{
	font-size: 18px;
	padding-left: 24px;
	line-height: 20px;
}
	
	
.fraseHomeTop{
	display: block;
	color: #ffffff;
	font-weight: 400;
}
	

	

.headerHome{
	position:absolute;
	width:100vw;
	overflow: hidden;
	height: 100%;
		display: block;
}


.headerIn{
	position:relative;
	width:100vw;
	overflow: hidden;
	height: 50vh;
	
	display: block;
	
	background-image: url(img/fondoHeaderArkantir.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right bottom;
}



.logo{
	/*width:160px;*/
	width:70%;
	max-width: 260px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	
	/*background-color:#cccccc;*/
	background-image:url(img/logoARKANTIR.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
	display: block;
}


.cuadroMarron{
	width:100vw;
	/*max-width: 500px;*/
	max-width: none;
	height:auto;
	background:rgba(26,7,0,.8);
	position: absolute;
	
	z-index:990;
	border:0;
	
	display: inline-block;
	overflow: hidden;
	
		margin-top: 60px;
	padding-bottom: 30px;

}
	
	.cuadroMarronIn{
	width:100vw;
	/*max-width: 500px;*/
	max-width: none;
	height:50%;
	background:rgba(26,7,0,.8);
	position: absolute;
	
	z-index:990;
	border:0;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
  
     -webkit-align-items: center; /* Safari */
  	align-items:        center;
	
	flex-shrink: 0;
	 -webkit-flex-shrink: 0;
	overflow: hidden;
	
		margin-top: 60px;

}


.cuadroFrase{
	width: 100vw;
	height:calc( 50% - 60px );
	position: absolute;
	top:  calc( 50% + 60px );
	
	z-index:980;
	border:0;
	display: none;
	
	
	
	
	/*flex-shrink: 2;
	 -webkit-flex-shrink: 2;
	flex-grow: 2;
	 -webkit-flex-grow: 2;*/
}
	
.iconoSocial{
	width: 25px;
	margin: 3px;
}
	
	
	.socialHead{
	
		 display: none;

}

}

@media (min-width: 800px){

.logoMovil{
	display:block;
}


.iconoMenuMovil{
	right:20px;
}

.iconoMenuMovilVisible{
	right:20px;
}



.infoFlex{
	width:100%;
	margin:0 auto;
	
	 display: inline-block;
  
  margin-top:50px;
  margin-bottom:50px;
  
}
	


.columnaTexto{
	width:90%;
	max-width: 800px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

	.columnaTexto2{
	width:90%;
	max-width: 800px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
	
	
		.tresColumnasHome{
	width: 100%;
	
	margin: 0 auto;
display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
}

.columnaChicaHome{
	width: calc( 100% / 3.4 );
	margin-bottom: 20px;
	margin-top: 20px;
	font-size:16px;
	line-height:20px;
}
	
		.infoFooter{
	width: 90%; 
		max-width: 260px;
		margin: 0 auto;
 display:block;
	
	margin-bottom: 100px;
	
}

.infoFooterIzquierda{
	width:100%;
	font-size: 27px;
	padding-right: 20px;
	line-height: 30px;
	text-align: left;
}

.infoFooterDerecha{
	width:100%;
	font-size: 14px;
	padding-left: 0px;
	border-left: 0px;
	border-top: 1px solid #ffffff;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
}

	
	.portfolioHome{
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
	margin-top: 40px;
	/*margin-bottom: 40px;*/
}

.itemPortfolioHome{
	width: calc( 100% / 2 - 40px );
	margin: 20px;	
}

	
	
.solucion{
	width: 100%; 
 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
	
	margin-bottom: 30px;
	
}

.solucionIzquierda{
	width:calc( 45% - 21px);
	font-size: 20px;
	padding-right: 20px;
	line-height: 22px;
	text-align: right;
	/*border-right: 1px solid #ffffff;*/
}

.solucionDerecha{
	width:calc( 55% - 21px);
	font-size: 14px;
	padding-left: 20px;
	border-left: 1px solid #ffffff;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
}

	.textoTituloPortfolio{
	font-size: 34px;
	line-height: 34px;
	padding-left: 35px;
	padding-right: 35px;
}
	
	
	.fondoPortfolio{
	padding-top: 60px;
	padding-bottom: 60px;
	}

	
	
.fraseHome{
	font-size: 24px;
	padding-left: 28px;
}

	.fraseHomeTop{
		display: none;
		color: #ffffff;
		
	
}
	
	
	
	
	.headerHome{
	position:relative;
	width:100vw;
	overflow: hidden;
	height: 100%;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: flex-start; /* Safari */
  	justify-content:         flex-start;
  
    -webkit-align-items: center; /* Safari */
  	align-items:        center;
}


.headerIn{
	position:relative;
	width:100vw;
	overflow: hidden;
	height: 50vh;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: flex-start; /* Safari */
  	justify-content:         flex-start;
  
    -webkit-align-items: center; /* Safari */
	align-items:        center;
	
	background-image: url(img/fondoHeaderArkantir.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right bottom;
}



.logo{
	/*width:160px;*/
	width:90%;
	max-width: 370px;
	
	/*background-color:#cccccc;*/
	background-image:url(img/logoARKANTIR.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
}


.cuadroMarron{
	width:50vw;
	max-width: 500px;
	height:100%;
	background:rgba(26,7,0,.8);
	
	z-index:980;
	border:0;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
  
     -webkit-align-items: center; /* Safari */
  	align-items:        center;
	
	flex-shrink: 0;
	 -webkit-flex-shrink: 0;
}
	
	.cuadroMarronIn{
	width:50vw;
	max-width: 500px;
	height:100vh;
	background:rgba(26,7,0,.8);
	
	z-index:980;
	border:0;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
  
     -webkit-align-items: center; /* Safari */
  	align-items:        center;
	
	flex-shrink: 0;
	 -webkit-flex-shrink: 0;
}

.cuadroFrase{
	height:100vh;
	
	z-index:980;
	border:0;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: flex-start; /* Safari */
	justify-content:         flex-start;
  
    -webkit-align-items: center; /* Safari */
 	align-items:        center;
	overflow: hidden;
	
	/*flex-shrink: 2;
	 -webkit-flex-shrink: 2;
	flex-grow: 2;
	 -webkit-flex-grow: 2;*/
}
	
	
	
	.iconoSocial{
	width: 30px;
	margin: 5px;
}
	
	
	.socialHead{
	
		 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
      -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  
     -webkit-align-items: center; /* Safari */
  align-items:        center

}
	
}



@media (min-width: 1100px){
	
	
.logoMovil{
	display:block;
}
	
	.iconoMenuMovil{
	right:20px;
}

.iconoMenuMovilVisible{
	right:20px;
}




.infoFlex{
	width:100%;
	margin:0 auto;
	
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
  
     -webkit-align-items: stretch; /* Safari */
  align-items:         stretch;
  
  margin-top:100px;
  margin-bottom:100px;
  
}
	



.columnaTexto{
	width:45%;
	padding-top: 50px;
	padding-bottom: 50px;
}
	
.columnaTexto2{
	width:55%;
	max-width: 900px;
	padding-top: 50px;
	padding-bottom: 50px;
}
		
	
		.tresColumnasHome{
	width: 100%;
	
	margin: 0 auto;
display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
}

.columnaChicaHome{
	width: calc( 100% / 3.4 );
	margin-bottom: 20px;
	margin-top: 20px;
	font-size:16px;
	line-height:20px;
}
	
		.infoFooter{
	width: 100%; 
 display:inline-block;
	
	margin-bottom: 100px;
	
}

	.infoFooter{
	width: 90%; 
		max-width: 260px;
		margin: 0 auto;
 display:block;
	
	margin-bottom: 100px;
	
}

.infoFooterIzquierda{
	width:100%;
	font-size: 27px;
	padding-right: 20px;
	line-height: 30px;
	text-align: left;
}

.infoFooterDerecha{
	width:100%;
	font-size: 14px;
	padding-left: 0px;
	border-left: 0px;
	border-top: 1px solid #ffffff;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
}

	
	.portfolioHome{
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
	margin-top: 40px;
	/*margin-bottom: 40px;*/
}

.itemPortfolioHome{
	width: calc( 100% / 3 - 40px );
	margin: 20px;	
}
	
	
	
.solucion{
	width: 100%; 
 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
	
	margin-bottom: 30px;
	
}

.solucionIzquierda{
	width:calc( 45% - 21px);
	font-size: 20px;
	padding-right: 20px;
	line-height: 22px;
	text-align: right;
	/*border-right: 1px solid #ffffff;*/
}

.solucionDerecha{
	width:calc( 55% - 21px);
	font-size: 14px;
	padding-left: 20px;
	border-left: 1px solid #ffffff;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
}

	.textoTituloPortfolio{
	font-size: 36px;
	line-height: 36px;
	padding-left: 40px;
	padding-right: 40px;
}
	
.fondoPortfolio{
	padding-top: 80px;
	padding-bottom: 60px;
}


.fraseHome{
	font-size: 26px;
	padding-left: 30px;
}

	.fraseHomeTop{
		display: none;
		color: #ffffff;
	
}
	

	
	.headerHome{
	position:relative;
	width:100vw;
	overflow: hidden;
	height: 100%;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: flex-start; /* Safari */
  	justify-content:         flex-start;
  
    -webkit-align-items: center; /* Safari */
  	align-items:        center;
}


.headerIn{
	position:relative;
	width:100vw;
	overflow: hidden;
	height: 50vh;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: flex-start; /* Safari */
  	justify-content:         flex-start;
  
    -webkit-align-items: center; /* Safari */
	align-items:        center;
	
	background-image: url(img/fondoHeaderArkantir.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right bottom;
}



.logo{
	/*width:160px;*/
	width:90%;
	max-width: 370px;
	
	/*background-color:#cccccc;*/
	background-image:url(img/logoARKANTIR.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
}


.cuadroMarron{
	width:50vw;
	max-width: 500px;
	height:100%;
	background:rgba(26,7,0,.8);
	
	z-index:980;
	border:0;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
  
     -webkit-align-items: center; /* Safari */
  	align-items:        center;
	
	flex-shrink: 0;
	 -webkit-flex-shrink: 0;
}
	
	.cuadroMarronIn{
	width:50vw;
	max-width: 500px;
	height:100vh;
	background:rgba(26,7,0,.8);
	
	z-index:980;
	border:0;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
  
     -webkit-align-items: center; /* Safari */
  	align-items:        center;
	
	flex-shrink: 0;
	 -webkit-flex-shrink: 0;
}

.cuadroFrase{
	height:100vh;
	
	z-index:980;
	border:0;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: flex-start; /* Safari */
	justify-content:         flex-start;
  
    -webkit-align-items: center; /* Safari */
 	align-items:        center;
	overflow: hidden;
	
	/*flex-shrink: 2;
	 -webkit-flex-shrink: 2;
	flex-grow: 2;
	 -webkit-flex-grow: 2;*/
}
	
	.iconoSocial{
	width: 25px;
	margin: 5px;
}
	
	
	.socialHead{
	
		 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
      -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  
     -webkit-align-items: center; /* Safari */
  align-items:        center

}
	

}

@media (min-width: 1500px){
	
	
.logoMovil{
	display:block;
}
	
	.iconoMenuMovil{
	right:20px;
}

.iconoMenuMovilVisible{
	right:20px;
}







.infoFlex{
	width:100%;
	margin:0 auto;
	
	 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
  
     -webkit-align-items: stretch; /* Safari */
  align-items:         stretch;
  
  margin-top:100px;
  margin-bottom:100px;
  
}



.columnaTexto{
	width:40%;
	padding-top: 50px;
	padding-bottom: 50px;
}
	
.columnaTexto2{
	width:60%;
	padding-top: 50px;
	padding-bottom: 50px;
}
	
	
	
	.tresColumnasHome{
	width: 100%;
	
	margin: 0 auto;
display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
}

.columnaChicaHome{
	width: calc( 100% / 3.4 );
	margin-bottom: 20px;
	margin-top: 20px;
	font-size:16px;
	line-height:20px;
}
	
	
	.infoFooter{
	width: 100%; 
		max-width: none;
 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
	
	margin-bottom: 100px;
	
}

.infoFooterIzquierda{
	width:calc( 50% - 21px);
	
	font-size: 27px;
	padding-right: 20px;
	line-height: 22px;
	text-align: right;
}

.infoFooterDerecha{
	width:calc( 50% - 21px);
	font-size: 14px;
	padding-left: 20px;
	border-left: 1px solid #ffffff;
	border-top:0px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
}


	
.portfolioHome{
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
	margin-top: 40px;
	/*margin-bottom: 40px;*/
}

.itemPortfolioHome{
	width: calc( 100% / 3 - 40px );
	margin: 20px;	
}

	
	
.solucion{
	width: 100%; 
 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
      -webkit-justify-content: center; /* Safari */
  justify-content:         center;
  
     -webkit-align-items: center; /* Safari */
  align-items:         center;
	
	margin-bottom: 45px;
}
	
	.solucion:last-of-type{
	margin-bottom: 0px;
	}

.solucionIzquierda{
	width:calc( 45% - 21px);
	font-size: 20px;
	padding-right: 20px;
	line-height: 22px;
	text-align: right;
	/*border-right: 1px solid #ffffff;*/
}

.solucionDerecha{
	width:calc( 55% - 21px);
	font-size: 14px;
	padding-left: 20px;
	border-left: 1px solid #ffffff;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
}

	.textoTituloPortfolio{
	font-size: 40px;
	line-height: 40px;
	padding-left: 40px;
	padding-right: 40px;
}
	
.fondoPortfolio{
	padding-top: 100px;
	padding-bottom: 60px;
}
	
	
.fraseHome{
	font-size: 28px;
	padding-left: 40px;
	display: inline-block;
}
	
	.fraseHomeTop{
		display: none;
		color: #ffffff;
	
}
	

	
	
	.headerHome{
	position:relative;
	width:100vw;
	overflow: hidden;
	height: 100%;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: flex-start; /* Safari */
  	justify-content:         flex-start;
  
    -webkit-align-items: center; /* Safari */
  	align-items:        center;
}


.headerIn{
	position:relative;
	width:100vw;
	overflow: hidden;
	height: 50vh;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: flex-start; /* Safari */
  	justify-content:         flex-start;
  
    -webkit-align-items: center; /* Safari */
	align-items:        center;
	
	background-image: url(img/fondoHeaderArkantir.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right bottom;
}



.logo{
	/*width:160px;*/
	width:90%;
	max-width: 370px;
	
	/*background-color:#cccccc;*/
	background-image:url(img/logoARKANTIR.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
}


.cuadroMarron{
	width:50vw;
	max-width: 500px;
	height:100%;
	background:rgba(26,7,0,.8);
	
	z-index:980;
	border:0;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
  
     -webkit-align-items: center; /* Safari */
  	align-items:        center;
	
	flex-shrink: 0;
	 -webkit-flex-shrink: 0;
}

	.cuadroMarronIn{
	width:50vw;
	max-width: 500px;
	height:100vh;
	background:rgba(26,7,0,.8);
	
	z-index:980;
	border:0;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
  
     -webkit-align-items: center; /* Safari */
  	align-items:        center;
	
	flex-shrink: 0;
	 -webkit-flex-shrink: 0;
}
	
.cuadroFrase{
	height:100vh;
	
	z-index:980;
	border:0;
	
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content: flex-start; /* Safari */
	justify-content:         flex-start;
  
    -webkit-align-items: center; /* Safari */
 	align-items:        center;
	overflow: hidden;
	
	/*flex-shrink: 2;
	 -webkit-flex-shrink: 2;
	flex-grow: 2;
	 -webkit-flex-grow: 2;*/
}
	
.iconoSocial{
	width: 25px;
	margin: 5px;
}
	
	.socialHead{
	
		 display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
      -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  
     -webkit-align-items: center; /* Safari */
  align-items:        center

}


}