@charset "utf-8";
/* --------------------
     Design:	greeses.com
Development:	figonni.com
-----------------------
	Rojo		#E00000
	Naranja		#F39F1B
	FondoOscuro #080122
	Naranja NEW #e48213
	Azul gral	#191955
----------------------- */
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-style: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
	display: block;
}
body:after, header:after, main:after, section:after, aside:after, footer:after, form:after, ul:after {
	content: ".";
	clear: both;
	overflow: hidden;
	visibility: hidden;
	display: block;	
	height: 0;	
}
body, header, main, section, aside, footer, form, ul {
	zoom: 1;
}
iframe, embed, object, video {
	max-width: 100%;
}
espacio{
	display: none;
}
video {
	height: auto;
}
img {
	border: none;
	-ms-interpolation-mode: bicubic;
}
abbr[title] {
	border-bottom: 1px dotted;
}

/**/
::-moz-selection {
	background: #000;
	color: #e48213;
	text-shadow: none;
}
::selection {
	background: #000;
	color: #e48213;
	text-shadow: none;
}


/* --------------------
	GO
----------------------- */
html {
	cursor: default;
	background: #e48213;
	color: #191955;
	/*color: rgba(0,0,0,0.8);*/
	font-size: 100%;
	font: normal 16px/1.5em "OpenSansRegular", sans-serif;
	/**/	
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/**/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/**/
a {
	color: #191955;
	/*color: rgba(0,0,0,0.8);*/
	text-decoration: none;
	/**/
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
a:hover {
	color: #191955;
}
a:active, a:hover, area {
    outline: 0;
}
a:focus {
    outline: 1px dotted;
}


/* --------------------
	TEXTOS
----------------------- */
h1, h2, h3, h4, h5, h6, blockquote, p {
	text-rendering: optimizelegibility;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1em;
	font: normal 24px/1em "OpenSansSemibold", sans-serif;
	font-weight: normal;
}
blockquote {
	font-size: 1.2em;
}
p,
ul {
	margin-bottom: 1em;
}

/* SEPARADOR */
hr {
	width: 100%;
	margin: 1em 0 2em;
	border: none;
	border-bottom: 1px solid #191955;
}


/* --------------------
	CONTAINERS
----------------------- */
body {
	max-width: 100em; /* 1600px */
	margin: 0 auto;
}
.page-header, .page-content, .page-footer,
.main, .sidebar {
	position: relative;
	width: 100%;
	/**/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/**/
.page-header {
	height: 180px;
	padding: 30px;
}
.page-content {
	padding: 0 28px;
}
.page-footer {
	margin-top: 20px;
	padding: 20px 30px;
	border-top: 1px solid #191955;
}

/**/
.main, .sidebar {
	padding: 0 2px 20px;
}


/* --------------------
	HEADER
----------------------- */
/* LOGO */
.brand {
	display: block;
	float: left;
	width: 120px;
	height: 120px;
	margin: 0 30px 0 0;
}
.brand a {
	display: block;
	width: 120px;
	height: 120px;
	background-image: url(../img/logo-chiro.png);
	text-indent: -999em;
}
.brand a:hover {
	opacity: 0.8;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

/* MENU */
.menu {
	float: left;
	width: auto;
	margin-top: 30px;
	z-index: 100px;
}
.nav-item {
	margin-top: 0.5em;
	list-style: none;
	color: #191955;
	z-index: 10px;
}
.nav-item a {
	display: block;
	font: normal 18px/20px "OpenSansSemibold", sans-serif;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	color: #191955;
	z-index: 10px;
}
.nav-item a:hover,
.nav-current a:hover {
	color: #FFF;
	z-index: 10px;
	
}
.nav-current a {
/*  color: rgba(0,0,0,0.4);  */
	color: #191955;
	z-index: 10px;
}


/* --------------------
	FOOTER
----------------------- */
.page-footer strong {
	font-family: "OpenSansSemibold", sans-serif;
}
.page-footer p {
	margin-bottom: 0;
}
.page-footer a {
	color: #191955;
}
.page-footer a:hover {
	color: #FFF;
}

/**/
.footer-copy {
	color: #191955;
	font-size: 0.8em;
}
.footer-design {
	color: #191955;
	font-size: 0.7em;
	text-transform: uppercase;
}
.footer-design a {
	color: #191955;
}


/* --------------------
	LISTADO DE TRABAJOS
----------------------- */
.project,
.project figcaption {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.project {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	height: auto;
	padding: 0 2px 4px;
	z-index: -2px;
}
.project a {
	display: block;
}
.project figure {
	overflow: hidden;
	position: relative;
	background: #000;
}
.project img,
.project figcaption {
	display: block;
	width: 100%;
	/**/
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.project a:hover img {
	opacity: 0.4;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
}
.project figcaption {
	position: absolute;
	top: -40px;
	left: 0;
	padding: 10px;
	background: #000;
	background: rgba(0,0,0,0.5);
}
.project figcaption h3 {
	overflow: hidden;
	margin: 0;
	color: #FFF;
	font-size: 0.9em;
	line-height: 1.2em;
	text-transform: uppercase;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.project a:hover figcaption {
	top: 0;
}

/* LISTADO EN PAGINA INDIVIDUAL */
.projects-in-single {
	position: relative;
	float: left;
	width: 100%;
	border-top: 2px solid rgba(0,0,0,0.4);
	padding-top: 30px;
}


/* --------------------
	PAGINA > PROJECT
----------------------- */
.main a {
	border-bottom: 1px dotted;
}

/**/
.video {
	width: 100%;
	margin-bottom: 1.25em;
}


/**/
.heading {
	position: relative;
	padding-right: 50px;
	font-size: 1.25em;
	text-transform: uppercase;
}

/**/
a.link-vimeo {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	border-bottom: none;
	background: #191955 url(../img/icono-vimeo.png) no-repeat center center;
	text-indent: -999em;
	/**/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}
a.link-vimeo:hover {
	background-color: #FFF;
}

/**/
a.link-pdf {
	display: block;
	position: relative;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	border-bottom: none;
	background: #191955 url(../img/icono-pdf.png) no-repeat center center;
	text-indent: -999em;
	/**/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}
a.link-pdf:hover {
	background-color: #FFF;
}

/**/
.lista-txt {
	list-style: none;
	padding-left: 2em;
}
.lista-txt li {
	position: relative;
}
.lista-txt li:before { 
	content: " ";
	position: absolute;
	top: 0.5em;
	left: -1.3em;
	display: block;
	height: 0.4em;
	width: 0.4em;
	background: rgba(0,0,0,0.2);
}

/**/
.project-credits {
	margin: 2em 0 1em;
	list-style: none;
}
.project-credits li {
	margin-bottom: 0.5em;
	font: normal 0.875em/1.2em "OpenSansItalic", sans-serif;
	color: #191955;
}

/**/
.txt-eng {
	margin: 0.5em 0 1em;
	list-style: none;
}
.txt-eng li {
	margin-bottom: 0.5em;
	font: normal 0.875em/1.2em "OpenSansItalic", sans-serif;
	color: rgba(0,0,0,0.6);
	color: #191955;
}


/* --------------------
	PAGINA > ABOUT
----------------------- */
.bio {
	font-size: 0.875em;
	line-height: 1.5;	
	/**/
	columns: 2 18em;
	-webkit-columns: 2 18em;
	-moz-columns: 2 18em;
	/**/
	column-gap: 40px;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
}
.bio--es {
	margin-bottom: 1em;
	color: #191955;
}
.bio--en {
	color: rgba(0,0,0,0.6);
	color: #191955;
}

/* --------------------
	TEXTOS > EN/ES
----------------------- */
.textos {
	font-size: 0.875em;
	line-height: 1.5;	
}
.textos--es {
	margin-bottom: 1em;
	color: #191955;
}
.textos--en {
	color: rgba(0,0,0,0.6);
	color: #2d2d69;
}


/* PAGINA > ABOUT > BARRA LATERAL */
.datos-contacto li {
	padding-bottom: 0.2em;
	color: #FFF;
	list-style: none;
}
.datos-contacto a {
	color: #FFF;
	border-bottom: 1px dotted rgba(255,255,255,0.6);
}
.datos-contacto a:hover {
/*	color: rgba(0,0,0,0.8);  */
	color: #191955;
	border-color: #191955;
}


/* LINKS A REDES SOCIALES */
.perfiles-sociales {
	height: 30px;
}
.perfiles-sociales li {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	list-style: none;
}
.perfiles-sociales a {
	display: block;
	width: 30px;
	height: 30px;
	background-color: #FFF;
	background-position: center center;
	text-indent: -999em;
	/**/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}
.perfiles-sociales a:hover{
/*	background-color: rgba(0,0,0,0.6);  */
	background-color: #191955;
}
.social-icon-vimeo a { background-image: url(../img/icono-vimeo.png); }
.social-icon-linkedin a { background-image: url(../img/icono-linkedin.png); }
.social-icon-imdb a { background-image: url(../img/icono-imdb.png); }
.social-icon-pdf a { background-image: url(../img/icono-pdf.png); }
.social-icon-instagram a { background-image: url(../img/icono-instagram.png); }
/*.social-icon-facebook a { background-image: url(../img/icono-facebook.png); } */


/* FOTO CON ROTACION */
.cubito {
	display: block;
	width: 180px;
	height: 180px;
	margin-bottom: 1em;
	/**/
	transition: transform 0.4s;
	-webkit-transition: -webkit-transform 0.4s;
	/**/
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}
.cubito img {
	overflow: hidden;
	display: block;
	width: 180px;
	height: 180px;
	margin: 0;
	border: 2px solid rgba(0,0,0,0.4);
	/**/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	/**/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.cubito-f1 {
	transform: translateZ(90px);
	-webkit-transform: translateZ(90px);
}
.cubito-f2 {
	transform: rotateX(-90deg) translateZ(-90px);
	-webkit-transform: rotateX(-90deg) translateZ(-90px);	
}
.cubito:hover {
	transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
}


/* --------------------
	VARIOS
----------------------- */
._spc {
	padding: 0 0.4em;
	/**/
	opacity: 0.5;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
._cpy {
	font: normal 0.9em/1em Arial, Helvetica, sans-serif;
}


/* --------------------
	MEDIA QUERIES
----------------------- */

/* min-width 640px */
@media (min-width: 40em) {
	.footer-copy {
		float: left;
		font-size: 1em;
	}
	.footer-design {
		float: right;
		font-size: 0.8em;
		text-align: right;
	}
	.espacio {
	display: none;
}
		.menu {
		margin-top: 100px;

	}
	.nav-item {
	float: left;
	margin: 0 40px 0 0;

	}
	.nav-item:last-child {
		margin-right: 0;
	
	}
	.nav-item a {
		font-size: 18px;
	
	}
	/**/
}

/* min-width 720px */
@media (min-width: 45em) {
	.page-header {
		height: 170px;
		padding: 50px 50px 0;
	}
	.page-content {
		padding: 50px 48px 10px;
	}
	.page-footer {
		padding: 20px 50px;
	}
	/**/
	.brand {
		margin-right: 50px;
		z-index: -2px;
	}
	/**/
	.menu {
		margin-top: 100px;
		z-index: 10px;
	}
	.nav-item {
		float: left;
		margin: 0 40px 0 0;
		z-index: 10px;
	}
	.nav-item:last-child {
		margin-right: 0;
		z-index: 10px;
	}
	.nav-item a {
		font-size: 18px;
		z-index: 10px;
	}
	/**/
	.project {
		width: 50%;
	}
}

/* min-width 880px */
@media (min-width: 55em) {
	.projects-in-single .project {
		width: 33.3333333333%;
	}
	.main {
		float: left;
		width: 75%;
	}
	.page-project .main {
		width: 100%;
	}
	.sidebar {
		float: right;
		width: 25%;
	}
	/**/
	.bio {
		max-width: 90%;
	}
	hr {
		width: 90%;
	}
}

/* min-width 1024px */
@media (min-width: 64em) {
	.project {
		width: 33.3333333333%;
	}
		.nav-item {
	float: left;
	margin: 0 40px 0 0;

	}
	.nav-item:last-child {
		margin-right: 0;

	}
	.nav-item a {
		font-size: 18px;

	}
}

/* min-width 1280px */
@media (min-width: 80em) {
	.projects-in-single .project {
		width: 25%;
	}
	/**/
	.page-project .main {
		width: 75%;
	}
		.nav-item {
	float: left;
	margin: 0 40px 0 0;

	}
	.nav-item:last-child {
		margin-right: 0;

	}
	.nav-item a {
		font-size: 18px;

	}
}

/* min-width 1440px */
@media (min-width: 90em) {
		.nav-item {
	float: left;
	margin: 0 40px 0 0;

	}
	.nav-item:last-child {
		margin-right: 0;

	}
	.nav-item a {
		font-size: 18px;

	}
}

/* min-width 1600px */
@media (min-width: 100em) {
	.projects-in-single .project {
		width: 20%;
	}
		.nav-item {
	float: left;
	margin: 0 40px 0 0;

	}
	.nav-item:last-child {
		margin-right: 0;

	}
	.nav-item a {
		font-size: 18px;

	}
}