@charset "utf-8";
/* 	COLORES
	
	TIPOS
	
	Akkurat 
	Akkurat bold
	Akkurat Light
	Akkurat Cursive
	
	FONT SIZE 

*/

@import '../fonts/akkurat-bold.css';/*AkkuratBoldBold*/
@import '../fonts/akkurat-italic.css';
@import '../fonts/akkurat-light.css';/*AkkuratLightLight*/
@import '../fonts/akkurat.css';/*AkkuratRegular*/

/* Estilos y clases globales */
body{
	font-family: 'AkkuratRegular';
	font-size:14px;
	color:#000;/*gris inicial - #7f7f7f;*/
	
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5{
	font-family:'AkkuratRegular';
	/*font-weight:700;	*/
}

b, strong {
    font-weight:normal;
    font-family: 'AkkuratBoldBold';
}


.listado h3{font-family:'AkkuratRegular';}
.listado h4{font-family:'AkkuratRegular';}

.sec-title{
	margin-top:30px;
	margin-bottom:30px;
}

/*Texto con linea*/
h2.titulo-linea{
	text-transform:uppercase;	
	font-size:27px;
	position: relative;
	color:#000;
    z-index: 1;
	display:inline-block;
}
	/*Líne azul detras del texto*/
	h2.titulo-linea:before{
		background-color: #d3ffee;
		height: 6px;
		width: 130%;
		position: absolute;
		content: "";
		margin-top: .55em;
		margin-left: -15%;
		z-index: -1;
	}
	h2.titulo-linea:after{
		clear:both;
	}
	
	/*En los titulos de seccion quita la línea que ya se ve la del logo*/
	.sec-title{
		display:block;
		display:none;
	}
	
	.sec-title:before{
		display:none;	
	}
	
	.main_grid h3,.main_grid h4{font-family:'AkkuratLightLight';}
	
p{
	/*font-family:'AkkuratLightLight';*/	
	color:#333333;
}


h5{font-family:'AkkuratLightLight';font-size:1.071em;line-height: 1.5em;color:#333333;}

a{color:#000000;}

a:hover,a:active,a:focus{text-decoration:none;color:inherit;}

.subtitulo{
	font-style:italic;	
}

/*cargador*/
.loader{
	position:absolute;
	top:50%;
	left: 50%;
	z-index: 9999;
	margin-left:-14px;
	margin-top: -14px;
}

/* Menu idiomas 
.menu-idioma{
	font-family: 'univers';
	background-color:#3b6fb7;
	height:15px;
	font-size:0.86em;
	color:#fff;
	
	display:none;
}*/

.lang-menu{display:none;}

/* bs grid */
.no-gutter [class*="col-"]{
    padding-left:0;
}
/*
SIDEBAR
*/
aside{
	float:right;
}

/*HOME Imagenes parallax - sin parallax : que se muestren bien*/
.home #about .post_content img{
	width: 100%;
	height: auto;
}

.go-next{
	position:absolute;
	z-index:1;
	bottom:30px;
	left:50%;
	font-size:2.5em;	
}

	.go-next:hover{
		margin-bottom:-5px;
	}


/*
Boton scroll arriba
*/
#toTop{
	position:fixed;
	bottom:10px;
	right:10px;
	display:none;
	font-size:2em;
	z-index:9999;
}

/*
Post content ------------
Texto dentro del wysiwyg de un POST
*/

.post li{margin-left:15px;}

#social_share{
	float:right;
}


.proyecto, .post{
	margin-top:40px;
}

.tags{margin-top:20px;}
.meta .tags{margin-right:20px;}

.post_content{
	font-family:'AkkuratLightLight';
	margin-top:20px;
	margin-bottom:60px;	
}

/*.post_content h1, .post_content h2, .post_content h3, .post_content h4{
	font-family:'AkkuratRegular';
	font-size:26px;
	
	text-align:center;
}*/

#imagen_principal img{
	width:100%;
	height:auto;
}

	/*Imagenes añadidas dentro de la descipcion del post - como 'objetos'*/
	.post_content img{
		border:none !important;	
		/*max-width:800px;
		width: 100%;*/
		height: auto;
		max-width:100%;
	}
	
	.post_content .fve-video-wrapper {
		margin: 0.5em auto;
		max-width: 800px;
	}
	
	/*Centra la imagen del post*/
	.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
	
	.wp-caption {
		text-align: center;
		padding-top: 10px;
	}
	.wp-caption img {
		padding: 0;
		border: 0 none;
	}
	.wp-caption p.wp-caption-text {
		font-size: 1em;
		line-height: 17px;
		padding: 8px;
		margin: 0;
		font-family:'AkkuratLightLight';
	}


/* 
HEADER ------------------
*/

#logo{
	width: 221px;
}


#menu-ppal{
	text-transform:uppercase;
	margin-bottom:0;
	float:left;
	margin-top: 2px;
    margin-left: 10px
}
 
	#menu-ppal>li{
		margin-right:10px;	
	}
	
	#menu-ppal li a{	
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	
	#menu-ppal li a:hover, .tags li:hover {
		color:#777;
	}
	
	#menu-ppal .current-menu-item {
	  position: relative;
	}
	
	#menu-ppal .current-menu-item:before {
	  position: absolute;
	  content: "";
	  left: 0;
	  top: 25%;
	  right: 0;
	  border-top: 10px solid;
	  border-color: #d3ffee;
	  z-index:-1;
	
	  -webkit-transform:rotate(-30deg);
	  -moz-transform:rotate(-30deg);
	  -ms-transform:rotate(-30deg);
	  -o-transform:rotate(-30deg);
	  transform:rotate(-30deg);
	}
	
	/*Desmarcar 'nosotros'*/
	#menu-item-619.current-menu-item:before {
		display:none;
	}

#cabecera{
	padding-top:34px;	
}

#cabecera nav{	
	padding-top:29px;
	
	/*width: 320px;*/
}

#cabecera .social{

	float:right;		
}

.lang-menu{
	float: right;
	margin-left:20px;
	margin-top: 4px;
	font-size:.8em;	
}

	#lang-menu > li {padding:0;}

	#lang-menu .activo{
		font-weight:bold;
	}

.social_top{
	margin: 0 auto;
    width: 85px;	
}

/*version movil centrada*/
.visible-xs-block.social_top{	
	float:none !important;
}
	
	
/* 
FOOTER ------------------
*/

#footer{
	text-align:center;
	/* background-color:#f4f4f4;verde - #009d84;*/
	/*color:#FFFFFF;*/
	position: relative;
	padding-top:30px;
	background-color:#fff;
}

	#footer .container{
		border-top:4px #000 solid;	
	}

	#footer h2{
		/*color:#fff;*/
		margin-top:60px;
	}
	
		#footer h2:before{
			/*background-color:#336666;	*/
			background-color:transparent;
		}
		

#social_pie{
	margin-top:10px;	
}

#copyright{
	margin-top:50px;
	margin-bottom:10px;
	font-size:.9em;
}

	/*Newsletter*/
	
	
	input[type="submit"]{
		background-color:transparent;
	}
	
		input[type="submit"]:hover{
			background-color:#000000;
			color:#fff;
		}
		
		/*input[type="submit"]:before{
			background-color: #d3ffee;
			height: 6px;
			width: 130%;
			position: absolute;
			content: "";
			margin-top: .55em;
			margin-left: -15%;
			z-index: -1;
		}*/
	
	input{
		margin: 0;
		border: 1px solid #e2e2e2;
		height: 35px;
		line-height: 1;
		padding: 3px 10px 5px;
		color: #616161;
		resize: none;
}

	#footer_newsletter{
		width:255px;
		display: inline-table;
	}
	#footer_newsletter .gfield_label, #footer_newsletter .gfield_required{
		display:none;
	}
			#footer_newsletter .ginput_container input{
				
				width:150px;
				background-color:transparent !important;
				color:#333;
				padding: 3px 10px 5px;
				
			}
	#footer_newsletter .gform_body {
			float: left;
			padding-right: 9px;
	}

	#footer_newsletter .gform_footer {
		clear: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

			#footer_newsletter .gform_footer input[type=submit]{
				height:34px;
				width:90px;
				padding:0;
				font-size:.9em;
			}

		
			#footer_newsletter .gform_fields{
				padding-top:0;
				margin-top:0;
			}


/* 
BOTONES ------------------
*/

.btn-custom{
	margin:20px auto;
	color:inherit;	
	
	-webkit-transition: all 200ms ease-out; 
	-moz-transition: all 200ms ease-out; 
	-ms-transition: all 200ms ease-out; 
	-o-transition: all 200ms ease-out; 
	transition: all 200ms ease-out;
}

/*varaciones sobre btn-default de bs*/

	/*quitar sombreado*/
	.btn:active, .btn.active {
		box-shadow:none;
		-webkit-box-shadow:none;	
	}

.btn{
	padding: 6px 15px;
    border: 0 none;
    letter-spacing: 1px;
	margin-top:50px;
	
	/*border-color:rgba(171,171,171,1.00);*/
	
	border:solid 1px #cbcbcb;
	/*background-color:rgba(255,255,255,0.7);*/
	border-radius:0;
}

/*
Boton outline
*/


.btn:hover{
	
	background-color:#000/*rgba(51,102,102,8.00);*/;
	color:#fff;
}
/*icono - chevron*/
.btn-custom:before{
	
	/*font-family: "Glyphicons Halflings";
  	content: "\e080";
	width:31px;
	height:31px;
	color:#fff;
	background-color:#000;
	display:block;
	float:left;
	line-height:28px;
	margin: -7px 6px -7px -12px;	
	
 	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;*/
	
}
.btn-custom:hover:before{
	/*margin: -7px 6px -7px -22px;
	margin-right:10px;	*/
}

  

	
/*
Imagenes
*/
.imagen-ancha img{
	width:100%;height:auto;
	background-color:#d3ffee;
	padding-top:6px;
	padding-bottom:1px;
	margin:10px 0;	
}

.imagen-ancha ul.controles{
	
}

	.imagen-ancha ul.controles > li{
		/*background-image:url(../images/rrss.png);*/
	}

.fondo-full{
	padding:0;margin:0;	
}
/*.fondo-full img{
	width:100%;
}*/

.controles > li{margin-right:20px;}

.tags > li { /*border-right:1px solid;*/ padding-right:5px; }

	.tags > li.is-checked{
		 border-bottom: 4px solid;
    	font-weight: bolder;	
	}
	
	.tags > li:last-child { border-right:none; }


/*
rrss
*/

	.social > li { padding:0; }

	.social > div, .social a {
		background-image:url(../images/rrss.png);
		background-size:81px 18px;
		background-repeat:no-repeat;
		width:25px;
		height:25px;
		display:inline-block;
		text-indent:-1000px;
		overflow: hidden;	
	}
	
		#social_post{background-image:url(../images/share-rrss.png);}
	

	.social .facebook{
		background-position:7px top;
	}
	
	.social .instagram{
		background-position:-29px top;
	}
	
	.social .twitter{
		background-position:-29px top;
	}
	
	.social .email{
		background-position:-60px top;
	}
	
		.social a:hover{
			opacity:.5;
		}
		
	#footer .social a {
		background-image:url(../images/rrss.png);	
	}
	
/*
Fondosr
*/	
.fondo_blanco{
	background-color:#ffffff;	
}

.fondo_oscuro{
	background-color:#f4f4f4;
}

.fondo_imagen{
	background:url(../images/fondo-seccion.jpg) no-repeat cover;
}

/*
*	Info / Proyecto single / Prensa single
*/

#post #imagen_principal{
	display:none;
}

.entry-title{
	text-align:center;
	/*border-top:1px solid #000;*/
	border-bottom:2px solid #000;
	padding-top:6px;
	padding-bottom:6px;
	text-transform:uppercase;
	font-size: 2em;
	margin-top: 2px;

}

/*subtitulo*/
.single h3{
	 margin-top: 2px;
    font-style: italic;
    font-size: 1.4em;
    text-align: center;
}
	/*Linea azul imágenes*/
	.single article img{
		/*border-top:10px solid #ccffff;
		border-bottom:4px solid #ccffff;*/	
	}
	
	.single .meta{
		margin-top:10px;	
	}
	
	.single .tags{
		display:inline;
		padding-right:4px;	
	}
	
	/*
	PARALLAx
	*/
	.parallaxParent {
		height: 330px;
		overflow: hidden;
	}
	.parallaxParent > * {
		height: 200%;
		position: relative;
		top: -100%;
	}
	
/*
Info ABout COntacto
*/

#contacto #cabecera img{float:right;}

#contacto .direccion{
	font-size:20px;	
}


#contacto #cabecera .social{float:left;}
/*
Listados de ISOTOPE //////////////////////////////////////////////////////////////////////////////////////
*/


/*
LISTADOS DE IMAGENES CON ROLLOVER
*/

#proyectos .listado li, #prensa .listado li{opacity:0;}



.listado{
	overflow:hidden;
    width: 100%;
	margin:0;
	margin-top:20px;
}
.listado li{
	width:312px;
	height:312px;
	overflow:hidden;
	position:relative;
	margin:4px;  
}

	
	.listado li>img{
		/*margin-left:-37px;
		margin-top:-37px;*/
		zoom:0.82;
	}
	
		
		.sideA{
			overflow:hidden;	
			height: 100%;
    		width: 100%;
		}
		
		.sideB{
			position: absolute;
			opacity:0;
			top:0;
			height: 100%;
			width:100%;
			text-align: center;
			background-color: rgba(211,255,238,.8);
			/*border: 4px solid #fff;
			padding:10px;*/
			padding:4px;
			overflow:hidden;
			opacity:0;
		}
	
		.listado li:hover .sideB{
			display:block;
			opacity:1;
		}	

	.listado img{
		width:100%;
		height:auto;
	}	

/******************* 
MEDIA QUERIES 
********************/
@media (max-width: 767px) { /*col-xs  default*/
	/* cabecera*/
	#logo{
		margin:0 auto;
	}
	
	#cabecera nav{	
		padding-top: 20px;
	}
	
	.sec-title{display:none;}
	
	#menu-ppal{
		float:none;
		text-align:center;
		margin-top: 0px;
    	margin-left: 0px
	}
	
	.lang-menu {
		float:none;
		position: absolute;
		top: 9px;
		right: 10px;
	}
	

	
	/*
	Muestra la info en estos listado - estamos en movil
	*/
	.listado li .sideA{
		opacity:.8 !important;	
	}
	.listado li .sideB{
		display:block !important;	
		opacity:1 !important;
		background-color: rgba(211,255,238,0.9);
	}
	.listado li .sideB .vertical-al{
		display:block !important;	
		opacity:1 !important;
		
	}
	
	
	.listado li .sideB .descripcion p{

	}
	
	.listado li h4{
		font-size:16px;
		display:none;
	}
	
	.listado li .tags{
		/*display:none;	*/
	}
	
	.listado li a.btn{
		font-size: .7em;	
		background-color: rgba(255,255,255,0.3);
	}
	
	/*
	Proyectos - tags
	*/
	#proyectos .tags{
		font-size: 0.9em;	
		text-align:center;
	}
	
	#proyectos .tags li:first-child{
		display:none;	
	}
	
	/*
	Contacto
	*/
	
	#contacto #cabecera{
		text-align:center;
		
	}
	
	#contacto #cabecera img{float:none;margin:0 auto;display:block;}
	#contacto #cabecera .social{float:none;margin:0 auto;}

}

@media (min-width: 768px) and (max-width: 991px) { /* col-sm */
	
}

@media (min-width: 992px) and (max-width: 1199px) { /* col-md */

}

@media (min-width: 1200px) { /* col-lg */

}

/*SOLO Activa reduccion de sticky menu para PCs*/
@media (min-width: 992px) {
	
}

/*
Animaciones CSS3 //////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.anim{
	-webkit-transition: all 200ms ease-out; 
	-moz-transition: all 200ms ease-out; 
	-ms-transition: all 200ms ease-out; 
	-o-transition: all 200ms ease-out; 
	transition: all 200ms ease-out;	
}




/*
Frontend projectos //////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.site-footer {
  position: relative;
}


	

/*
Media Querioes ISOTOPE
*/
@media (max-width: 400px) { 
	
	.listado li{ 
	   width:100%;
	   height:auto;
	}
}

@media (min-width: 401px) and (max-width: 991px) {
	.isotope li{ 
	   width:47%;
	   height:auto;
	}
	
	/* Ajusta textos para que entre todo*/
	
	.isotope li h3{
		/*font-size:18px;*/
	}
	

		.isotope li p{
			/*font-size:13px;	*/
		}
		
	.isotope li a{
		margin-top:10px;
		margin-bottom:15px;	
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.isotope li{ 
	   width:32.4%;
	   height:auto;
	}
}

@media (min-width: 1200px) { 
	.isotope li{ 
	   width:24%;
	   height:auto;
	}
}

/*
Arregla textos listados por si son largos
*/

/*
gravity forms overrides
*/

.gfield_contains_required{
	
}
.gfield_error{
	background-color:none !important;
	margin-bottom: 6px !important;
	padding: 0 !important; 
	border: none!important;
}
#gform_fields_1{position:relative;}
.gfield_description{position:absolute;bottom:0;margin-bottom:-40px;}
.validation_error{text-align:center;font-weight:normal;font-size:11px;}
/*.validation_message,.validation_error{display:none;}*/

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    margin-top: 0 !important;
    /* margin-bottom: 12px !important; */
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
    margin-top: 0 !important;
}

#gforms_confirmation_message{
	font-size: .8em;
    border: 1px solid #ccc;
    padding: 8px;	
}