* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html,body {
	height:100%;
	-webkit-font-smoothing: antialiased;
}

body {
	background-color:#FAF9F6;
	position: relative;
}
.toggle,
.menudesplegable{
	display: none;
}
.toggle{
	padding-bottom: 20px;
}

.toggle.menu-open{
	display: block;
}

h1 {
	font-family:'league_gothicregular';
	font-size:40px;
	color:#fff;
	text-align:center;
}

h2 {
	font:100 14px 'Roboto Slab',Arial,Sans-Serif;
	color:#fff;
}

.cuerpoprincipal {
	width:100%;
	z-index:9;
	position:absolute;
}

.proyectosdata {
	width:100%;
	z-index:2;
	float:left;
	position:fixed;
}
#ajax-project.current-project{
	overflow: hidden;
	min-height: 0;
	visibility: hidden;
	-webkit-transition:all 1s linear;
	   -moz-transition:all 1s linear;
		-ms-transition:all 1s linear;
		 -o-transition:all 1s linear;
		    transition:all 1s linear;
}
#ajax-project.current-project{
	min-height: 1000px;
	visibility: visible;
}

#loading-project{
	width: 50px;
	height: 50px;
	position: fixed;
	z-index: 10;
	display: block;
	top: 50%;
	left: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	border-radius: 3px;
	margin-left: -25px;
	margin-top: -25px;
	background:#fff url("../img/loading.gif") no-repeat center;
	display: none;
}
.fb-like{
	position: fixed!important;
	top: 10px;
	right: 15px;
	z-index: 30;
}
.share-icons{
	display: none;
}
.logo {
	display:block;
	font-family:'league_gothicregular';
	color: #FF4843;
	font-size: 204px;
}

.logoimg {
	display:none;
	max-width:100%;
}

.imagen-oculta {
	display:none;
	margin-top:90px;
}

span {
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
}

/* HEADER */
header {
	height:auto;
	background-color:#FAF9F6;
}

.encabezado {
	width:100%;
	position:fixed;
	top:0;
	z-index:10;
}

.cabezal {
	max-width:98%;
	border-top:solid 15px;
	color:#FF4843;
	margin-top:42px;
	margin-left:auto;
	margin-right:auto;
}

.contenedornavegador1 {
	margin-top:0;
}

.navegador1 {
	float:left;
	display:block;
	width:138px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.menulist {
	margin-top:20px;
}

.menulist a {
	text-decoration:none;
	cursor:pointer;
}

.menulist li {
	font:100 16px 'Roboto Slab',Arial,Sans-Serif;
	padding-bottom:1.5px;
	margin-right:6px;
	letter-spacing:1px;
	border-bottom:solid 1px;
	color:#FF4843;
	margin-bottom:8px;
}

.menulist li p {
	font:400 16px 'Roboto Slab',Arial,Sans-Serif;
	color:#59595B;
	text-decoration:none;
	letter-spacing:0;
	display:inline-block;
	background-color:#FAF9F6;
	padding-left:4px;
	padding-right:4px;
}

.menulist li:hover {
	color:#FF4843;
	border-bottom:solid 3px;
	margin-bottom:6px;
}

.menulist li:hover p {
	color:#EF4B48;
}

.costhanzo {
	max-width:664px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-10px;
	overflow: hidden;
}

.socialmedia {
	float:right;
	display:inline-block;
}
.socialmedia a{
	color: inherit;
	text-decoration: none;
}
.medialist {
	margin-top:20px;
}

.medialist li {
	display:inline-block;
	margin-right:15px;
}

.medialist li img {
	height:24px;
}

.socialmedia div {
	height:10px;
	width:160px;
	border-top:solid 2px;
	color:#FF4843;
	margin-top:10px;
}

.socialmedia p {
	font:300 12px 'Roboto Slab',Arial,Sans-Serif;
	color:#414142;
	letter-spacing:1px;
}

.doble-linea {
	max-width:98%;
	height:6px;
	border-top:solid 1.5px;
	border-bottom:solid 1.5px;
	color:#FF4843;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

/* MENU DESPLEGABLE*/
.menudesplegable {
	width:100%;
	position:fixed;
	background-color:#FAF9F6;
	top:0;
	z-index:100;
	height:42px;
}

.navdesplegable {
	width:95%;
	text-decoration:none;
	margin-right:auto;
	margin-left:auto;
}
.toggle{
	padding-top: 18px;
}
.toggle > span {
	font:400 16px 'Roboto Slab',Arial,Sans-Serif;
	color:#FF4843;
	text-decoration:none;
	padding-left:8px;
	cursor:pointer;
}


.desplegableitems{
	height: 0;
	overflow:hidden;
	-webkit-transition:height .3s ease;
	-moz-transition:height .3s ease;
	-o-transition:height .3s ease;
	transition:height .3s ease;
}
.animate-menu{
	height: 190px;
}
/*

.desplegableitems li a {
	height:0;
}
*/

.desplegableitems a {
	width:100%;
	display:block;
	background-color:#FF4843;
	font:300 16px 'Roboto Slab',Arial,Sans-Serif;
	color:#FAF9F6;
	border-bottom:solid 1px #FAF9F6;
	height:49px;
	padding-top:13px;
	padding-left: 8px;
}

.desplegableitems a li p {
	display:inline-block;
}

/*
.navdesplegable:hover .desplegableitems {
	height:192px;
}
*/

.desplegableitems a:hover {
	font:400 16px 'Roboto Slab',Arial,Sans-Serif;
	background-color:#ED1414;
	transition:background-color .3s ease-out;
	-moz-transition:background-color .3s ease-out;
	-webkit-transition:background-color .3s ease-out;
	-o-transition:background-color .3s ease-out;
}

/* PROYECTO IMAGENES (DISPLAY OFF y ON) */

.toggle-project{
	display: none;
}

.proyectos {
	clear:both;
	padding-bottom:31px;
}

.imagenesproyecto {
	max-width:664px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.imagenesproyecto ul li img {
	max-width:100%;
	width:100%!important;
	height: auto!important;
}

/* PROYECTO DATA (DISPLAY OFF y ON) */
.proyect-wrapper {
	max-width:98%;
	height:auto;
	display:block;
/* IMPORTANTE! este valor define si está visible o no la data de un proyecto*/
	margin-left:auto;
	margin-right:auto;
}

.proyect-content {
	float:left;
	max-width:22%;
	border-bottom:solid 4px #FF4843;
	padding-bottom:12px;
}

.proyect-type {
	padding-bottom:8px;
	border-bottom:solid 1px;
	color:#FF4843;
	margin-bottom:12px;
}

.proyect-type p {
	font:100 16px 'Roboto Slab',Arial,Sans-Serif;
	color:#59595B;
}

.proyect-title {
	font-family:'league_gothicregular';
	font-size:60px;
	color:#59595B;
	line-height:55px;
}

.proyect-description {
	font:100 12px 'Roboto Slab',Arial,Sans-Serif;
	color:#59595B;
	margin-top:15px;
	max-height:140px;
	overflow:scroll;
}

.share-proyect p {
	font:400 16px 'Roboto Slab',Arial,Sans-Serif;
	color:#FAF9F6;
	background-color:#FF4843;
	padding-left:4px;
	width:68px;
	margin-top:12px;
	margin-bottom:20px;
	cursor:pointer;
}

.infoderecha {
	float:right;
	padding-right:10px;
	border-bottom:solid 4px #FF4843;
	padding-bottom:12px;
	width:148px;
	display:block;
}

.close-cross img {
	cursor:pointer;
}

.proyect-date-country {
	margin-top:50px;
}

.fecha {
	font:700 12px 'Roboto Slab',Arial,Sans-Serif;
	color:#59595B;
}

.pais {
	font:100 12px 'Roboto Slab',Arial,Sans-Serif;
	color:#59595B;
}

/* LISTADO DE PROYECTOS */
.wrapper-a {
	width:100%;
	background-color:#FAF9F6;
}

.wrapper {
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

#boxes {
	position:relative;
	display:inline;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	color:#FFF;
	background-color:#FAF9F6;
	width:100%;
	height:auto;
}

.container {
	position:relative;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

.box {
	position:relative;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	float:left;
}

.simple {
	width:16.6666667%;
}

.simple:not(.registro):before {
	content:"";
	display:block;
	padding-top:100%;
}

.box-content {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	text-decoration:none;
}

.wrapper2 {
	display:table;
	width:100%;
	height:100%;
	background-color:none;
	transition:background-color .18s ease-out;
	-moz-transition:background-color .18s ease-out;
	-webkit-transition:background-color .18s ease-out;
	-o-transition:background-color .18s ease-out;
}

.infoproyecto {
	padding-left:5%;
	padding-right:5%;
	width:100%;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	display:none;
}

.cover {
	display:none;
	background-color:none;
	max-width:90%;
	height:95%;
	margin-left:auto;
	margin-right:auto;
	padding-top:22px;
	padding-left:5%;
	padding-right:5%;
}

.wrapper2:hover .cover {
	display:table-cell;
	vertical-align:middle;
}

.wrapper2:hover .infoproyecto {
	display:block;
}

.wrapper2:hover {
	background-color:#FF4843;
}

.tipodeproyecto {
	border-bottom:solid 1.5px #FAF9F6;
	padding-bottom:8px;
}

.titulo span {
	border-bottom:solid 1.5px #FAF9F6;
	padding-top:80%;
	display:block;
}

.newicon {
	z-index:3;
	position:absolute;
	display:block;
	float:right;
	margin-top:8px;
	clear:both;
	width:100px;
}

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

/* FRASE */
.wrapper-b .frase p {
	display:inline;
}

.wrapper-b {
	width:100%;
	clear:both;
	background-color:#FF4843;
	padding-top:55px;
	padding-bottom:55px;
}

.frase {
	max-width:654px;
	padding-top:35px;
	padding-bottom:35px;
	border-top:solid 2px;
	border-bottom:solid 2px;
	font:100 30px 'Roboto Slab',Arial,Sans-Serif;
	color:#FAF9F6;
	line-height:35px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.barra-strong {
	font:700 30px 'Roboto Slab',Arial,Sans-Serif;
}

.autor {
	font:700 16px 'Roboto Slab',Arial,Sans-Serif;
}

/* BIO */
.wrapper-c {
	width:100%;
	height:auto;
	clear:both;
	background-color:#FAF9F6;
}

.bio {
	max-width:654px;
	padding-top:55px;
	padding-bottom:55px;
	margin-left:auto;
	margin-right:auto;
}

.lineasuperior {
	max-width:100%;
	height:6px;
	border-top:solid 1.5px;
	border-bottom:solid 1.5px;
	color:#FF4843;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:26px;
}

.infobio {
	width:100%;
}

.biotitulo {
	width:50px;
	float:left;
	margin-bottom:26px;
	font:700 16px 'Roboto Slab',Arial,Sans-Serif;
	color:#FAF9F6;
	text-decoration:none;
	letter-spacing:1px;
	background-color:#FF4843;
	padding-left:4px;
	padding-right:4px;
}

.biotexto {
	overflow:hidden;
	margin-bottom:14px;
	font:300 14px 'Roboto Slab',Arial,Sans-Serif;
	color:#414142;
	margin-left:auto;
	margin-right:auto;
}

.parrafosbio {
	width:70%;
	padding-left:6%;
	padding-right:16px;
	float:left;
	border-right:solid 1.5px #FF4843;
}

.parrafosbio:first-letter {
	font:700 72px 'Roboto Slab',Arial,Sans-Serif;
	color:#FF4843;
	float:left;
	line-height:48px;
	padding-right:6px;
}

.biofoto {
	width:30%;
	color:#FF4843;
	float:right;
	margin-bottom:26px;
	padding-left:16px;
}

.biofoto img {
	max-width:100%;
}

.lineainferior {
	max-width:100%;
	height:6px;
	border-top:solid 6px;
	color:#FF4843;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

/* CLIENTES */
.wrapper-d {
	width:100%;
	height:auto;
	clear:both;
	background-color:#939598;
	padding-top:65px;
	padding-bottom:65px;
}

.clientes {
	max-width:654px;
	padding-bottom:55px;
	border-bottom:solid 6px;
	font:700 30px 'Roboto Slab',Arial,Sans-Serif;
	color:#414142;
	line-height:35px;
	margin-left:auto;
	margin-right:auto;
}

.wrapper-d .clientes ul li {
	display:inline;
}

.wrapper-d .clientes ul li p {
	display:inline;
	color:#FAF9F6;
	font:400 14px 'Roboto Slab',Arial,Sans-Serif;
	background-color:#414142;
	padding-left:4px;
	padding-right:4px;
}

/* CONTACTO */
.wrapper-e {
	width:100%;
	height:auto;
	clear:both;
	background-color:#414142;
}

.contactwrapper {
	max-width:654px;
	padding-top:60px;
	padding-bottom:70px;
	margin-left:auto;
	margin-right:auto;
}

.contactinfo {
	overflow:hidden;
	font:100 14px 'Roboto Slab',Arial,Sans-Serif;
	color:#FAF9F6;
	letter-spacing:.5px;
}

.contact-text {
	width:70%;
	float:left;
	border-right:solid 1.5px #fff;
	padding-right:20px;
}

.contact-text div {
	height:10px;
	width:50px;
	border-top:solid .5px;
	color:#FAF9F6;
	margin-top:37px;
	margin-bottom:27px;
}

.contact-text a {
	display:inline;
	font:700 16px 'Roboto Slab',Arial,Sans-Serif;
	color:#FAF9F6;
	text-decoration:none;
}

.boldtext {
	display:inline;
	font:700 16px 'Roboto Slab',Arial,Sans-Serif;
	color:#FAF9F6;
}

.contactsocial ul {
	width:30%;
	color:#FF4843;
	float:right;
}

.contactsocial ul li img {
	max-width:25%;
	float:left;
	padding-left:10%;
}

.creditos {
	padding-top:20px;
	font:200 10px 'Roboto Slab',Arial,Sans-Serif;
	letter-spacing:.5px;
}

.creditos li a {
	text-decoration:none;
	font:400 10px 'Roboto Slab',Arial,Sans-Serif;
	color:#FAF9F6;
}

/* RESPONSIVE */
@media screen and (max-width:1920px) {
	h1 {
		font-size:60px;
	}

	h2 {
		font:100 16px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:20px;
	}

	.cover {
		padding-top:29px;
	}

	.titulo span {
		padding-top:85%;
	}

	.newicon {
		margin-left:71%;
		margin-top:10px;
	}

	.newicon img {
		max-width:62%;
	}
}

@media screen and (max-width:1700px) {
	h1 {
		font-size:55px;
	}

	h2 {
		font:100 15px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:18px;
	}

	.cover {
		padding-top:29px;
	}

	.titulo span {
		padding-top:84%;
	}

	.newicon {
		margin-left:71%;
		margin-top:10px;
	}

	.newicon img {
		max-width:55%;
	}
}

@media screen and (max-width:1500px) {
	h1 {
		font-size:45px;
	}

	h2 {
		font:100 15px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:18px;
	}

	.cover {
		padding-top:29px;
	}

	.titulo span {
		padding-top:82%;
	}

	.newicon {
		margin-left:70%;
		margin-top:8px;
	}

	.newicon img {
		max-width:50%;
	}
}

@media screen and (max-width:1350px) {
	h1 {
		font-size:42px;
	}

	h2 {
		font:100 14px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:15px;
	}

	.cover {
		padding-top:26px;
	}

	.titulo span {
		padding-top:82%;
	}

	.newicon {
		margin-left:70%;
		margin-top:8px;
	}

	.newicon img {
		max-width:45%;
	}
}
@media screen and (min-width:1226px) {
	.proyect-content,
	.infoderecha{
		margin-top: 15px;
	}
}
@media screen and (max-width:1225px) {
	.cuerpoprincipal {
		position:relative;
	}

	.proyectosdata {
		position:relative;
	}

	.proyect-wrapper {
		width:664px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		margin-top:11px;
	}

	.proyect-content {
		float:left;
		max-width:540px;
		width:100%;
		border-bottom:solid 4px #FF4843;
		padding-bottom:12px;
		margin-bottom:12px;
	}

	.proyect-type {
		padding-bottom:8px;
		border-bottom:solid 1px;
		color:#FF4843;
		margin-bottom:12px;
		width:100%;
	}

	.proyect-type p {
		font:100 16px 'Roboto Slab',Arial,Sans-Serif;
		color:#59595B;
		text-transform: capitalize;
	}

	.proyect-title {
		font-family:'league_gothicregular';
		font-size:60px;
		color:#59595B;
		line-height:55px;
		width:100%;
	}

	.proyect-description {
		font:100 12px 'Roboto Slab',Arial,Sans-Serif;
		color:#59595B;
		margin-top:15px;
		width:100%;
		max-height:100%;
	}

	.share-proyect p {
		font:400 16px 'Roboto Slab',Arial,Sans-Serif;
		color:#fff;
		background-color:#FF4843;
		padding-left:4px;
		width:68px;
		margin-top:12px;
		margin-bottom:20px;
	}

	.infoderecha {
		float:right;
		padding-right:0;
		border-bottom:solid 0 #FF4843;
		padding-bottom:12px;
		width:120px;
		text-align:right;
	}

	.infoderecha ul li img {
		width:30%;
	}

	.proyect-date-country {
		margin-top:50px;
	}

	.fecha {
		font:700 12px 'Roboto Slab',Arial,Sans-Serif;
		color:#59595B;
	}

	.pais {
		font:100 12px 'Roboto Slab',Arial,Sans-Serif;
		color:#59595B;
	}

	.titulo {
		padding-top:13px;
	}

	.cover {
		padding-top:28px;
	}

	.titulo span {
		padding-top:82%;
	}

	.newicon {
		margin-left:71%;
		margin-top:8px;
	}

	.newicon img {
		max-width:45%;
	}
}

@media screen and (max-width:1200px) {
	h1 {
		font-size:40px;
	}

	h2 {
		font:100 14px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:13px;
	}

	.newicon {
		margin-left:71%;
		margin-top:8px;
	}

	.newicon img {
		max-width:45%;
	}
}

@media screen and (max-width:1180px) {
	#boxes .simple {
		width:20%;
	}

	h1 {
		font-size:45px;
	}

	h2 {
		font:100 15px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:18px;
	}

	.cover {
		padding-top:29px;
	}

	.titulo span {
		padding-top:81%;
	}

	.newicon {
		margin-left:70%;
		margin-top:8px;
	}

	.newicon img {
		max-width:50%;
	}
}

@media screen and (max-width:1079px) {
	#boxes .simple {
		width:20%;
	}

	h1 {
		font-size:42px;
	}

	h2 {
		font:100 15px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:15px;
	}

	.cover {
		padding-top:28px;
	}

	.titulo span {
		padding-top:81%;
	}

	.newicon {
		margin-left:71%;
		margin-top:8px;
	}

	.newicon img {
		max-width:45%;
	}
}


@media screen and (max-width:1024px) {
	#boxes .simple {
		width:20%;
	}

	h1 {
		font-size:40px;
	}

	h2 {
		font:100 14px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:13px;
	}

	.newicon {
		margin-left:71%;
		margin-top:8px;
	}

	.newicon img {
		max-width:45%;
	}
}

@media screen and (max-width:979px) {
	#boxes .simple {
		width:25%;
	}

	.socialmedia {
		display:none;
	}

	.contenedornavegador1 {
		margin-top:-54px;
	}

	.navegador1 {
		float:none;
		display:block;
		width:644px;
		margin-left:auto;
		margin-right:auto;
	}

	.costhanzo {
		max-width:664px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:-10px;
		margin-top:11px;
	}

	.menulist {
		margin-top:15px;
		display:inline-block;
	}

	.menulist li {
		font:100 16px 'Roboto Slab',Arial,Sans-Serif;
		padding-bottom:1.5px;
		margin-right:6px;
		letter-spacing:1px;
		border-bottom:solid 0;
		border-right:solid 1px;
		color:#FF4843;
		margin-bottom:8px;
		display:inline-block;
		padding-right:8px;
		height:20px;
	}

	.menulist li:hover {
		border-bottom:solid 0;
	}

	.menulist li:hover a {
		color:#EF4B48;
	}

	h1 {
		font-size:42px;
	}

	h2 {
		font:100 14px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:15px;
	}

	.cover {
		padding-top:26px;
	}

	.titulo span {
		padding-top:82.5%;
	}

	.newicon {
		margin-left:71%;
		margin-top:8px;
	}

	.newicon img {
		max-width:47%;
	}
}

@media screen and (max-width:800px) {
	#boxes .simple {
		width:33.3%;
	}

	h1 {
		font-size:50px;
	}

	h2 {
		font:100 15px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:18px;
	}

	.cover {
		padding-top:29px;
	}

	.newicon {
		margin-left:71%;
		margin-top:8px;
	}

	.newicon img {
		max-width:55%;
	}
}

@media screen and (max-width:720px) {
	#boxes .simple {
		width:33.3%;
	}

	h1 {
		font-size:45px;
	}

	h2 {
		font:100 15px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:16px;
	}

	.cover {
		padding-top:26px;
	}

	.newicon {
		margin-left:70%;
		margin-top:8px;
	}

	.newicon img {
		max-width:55%;
	}

	.wrapper-d {
		padding-top:40px;
		padding-bottom:50px;
	}
}

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

	.cabezal {
		max-width:95%;
	}

	.logo {
		display:none;
	}

	.logoimg {
		display:block;
		max-width:99.5%;
		margin-top: 10px;
	}

	.costhanzo {
		max-width:664px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		margin-top:20px;
		padding-left:1%;
	}

	.imagen-oculta {
		display:block;
		margin-top:90px;
	}

	.proyectosdata {
		position:relative;
	}

	.proyectos {
		margin-top:0;
	}

	h1 {
		font-size:42px;
	}

	h2 {
		font:100 14px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:15px;
	}

	.newicon {
		margin-left:71%;
		margin-top:8px;
	}

	.newicon img {
		max-width:50%;
	}
}

@media screen and (max-width:675px) {
	#boxes .simple {
		width:33.3%;
	}
	.toggle,
	.menudesplegable{
		display: block;
	}

	.cabezal2 {
		max-width:95%;
	}

	.doble-linea {
		max-width:95%;
	}

	.menulist {
		margin-top:15px;
	}

	h1 {
		font-size:40px;
	}

	h2 {
		font:100 14px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:15px;
	}

	.cover {
		padding-top:26px;
	}

	.titulo span {
		padding-top:81%;
	}

	.newicon {
		margin-left:71%;
		margin-top:8px;
	}

	.newicon img {
		max-width:45%;
	}


	.proyect-wrapper {
		max-width:95%;
	}

	.proyect-content {
		max-width:80%;
	}

	.infoderecha {
		width:20%;
	}

	.infoderecha ul li img {
		width:30px;
	}

	.proyect-date-country {
		margin-top:20px;
	}

	/* FRASE */
	.frase {
		max-width:95%;
	}

	/* BIO */
	.bio {
		max-width:95%;
	}

	/* CLIENTES */
	.clientes {
		max-width:95%;
	}

	/* CONTACTO */
	.contactwrapper {
		max-width:93%;
	}
}

@media screen and (max-width:570px) {
	#boxes .simple {
		width:50%;
	}

	h1 {
		font-size:50px;
	}

	h2 {
		font:100 15px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:18px;
	}

	.cover {
		padding-top:25px;
	}

	.titulo span {
		padding-top:82.5%;
	}

	.newicon {
		margin-left:71%;
		margin-top:8px;
	}

	.newicon img {
		max-width:55%;
	}
}

@media screen and (max-width:480px) {
	#boxes .simple {
		width:50%;
	}

	.menulist {
		margin-top:15px;
	}

	.menulist li {
		font:100 15px 'Roboto Slab',Arial,Sans-Serif;
		padding-bottom:1.5px;
		margin-right:2.2px;
		margin-left:2.2px;
		letter-spacing:0;
		border-bottom:solid 0;
		border-right:solid 1px;
		color:#FF4843;
		margin-bottom:8px;
		display:inline-block;
		padding-right:3px;
		height:20px;
	}

	.menulist li p {
		font:400 15px 'Roboto Slab',Arial,Sans-Serif;
		color:#59595B;
		text-decoration:none;
		letter-spacing:0;
		background-color:#FAF9F6;
		padding-left:2.6px;
		padding-right:2.6px;
	}

	.menulist li:hover {
		border-bottom:solid 0;
	}

	.menulist li:hover a {
		color:#EF4B48;
	}

	h1 {
		font-size:42px;
	}

	h2 {
		font:100 14px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:15px;
	}

	.newicon {
		margin-left:71%;
		margin-top:8px;
	}

	.newicon img {
		max-width:50%;
	}

	/* CLIENTES */
	.clientes {
		font:700 25px 'Roboto Slab',Arial,Sans-Serif;
		line-height:32px;
	}

	.wrapper-d .clientes ul li p {
		font:400 12px 'Roboto Slab',Arial,Sans-Serif;
		padding-left:4px;
		padding-right:4px;
	}
}

@media screen and (max-width:419px) {
	#boxes .simple {
		width:50%;
	}

	h1 {
		font-size:38px;
	}

	h2 {
		font:100 12px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:10px;
	}

	.tipodeproyecto {
		max-width:100%;
		margin-bottom:10px;
		padding-bottom:4px;
		margin-top:4px;
	}

	.titulo span {
		padding-top:78%;
	}

	.newicon {
		margin-top:8px;
	}

	.newicon img {
		max-width:43%;
	}

	/* BIO */
	.bio {
		max-width:95%;
		padding-top:35px;
		padding-bottom:35px;
	}

	.lineasuperior {
		max-width:100%;
		height:6px;
		border-top:solid 1px;
		border-bottom:solid 0;
		color:#FF4843;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:26px;
	}

	.infobio {
		width:100%;
	}

	.biotitulo {
		width:50px;
		float:none;
		margin-bottom:26px;
		font:700 16px 'Roboto Slab',Arial,Sans-Serif;
		color:#FAF9F6;
		text-decoration:none;
		letter-spacing:1px;
		background-color:#FF4843;
		padding-left:4px;
		padding-right:4px;
		margin-left:6%;
	}

	.biotexto {
		overflow:none;
		margin-bottom:14px;
		font:300 14px 'Roboto Slab',Arial,Sans-Serif;
		color:#414142;
		margin-left:auto;
		margin-right:auto;
	}

	.parrafosbio {
		width:100%;
		padding-left:6%;
		padding-right:16px;
		float:none;
		border-right:solid 0 #FF4843;
	}

	.capitular {
		font:700 72px 'Roboto Slab',Arial,Sans-Serif;
		color:#FF4843;
		line-height:48px;
	}

	.biofoto {
		width:200px;
		color:#FF4843;
		float:none;
		margin-bottom:12px;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
		padding-left:6%;
		padding-right:16px;
	}

	.lineainferior {
		max-width:100%;
		height:6px;
		border-top:solid 6px;
		color:#FF4843;
		margin-left:auto;
		margin-right:auto;
		clear:both;
	}
}

@media screen and (max-width:360px) {
	#boxes .simple {
		width:100%;
	}

	.cabezal {
		max-width:95%;
		border-top:solid 15px;
		color:#FF4843;
		margin-top:40px;
		margin-left:auto;
		margin-right:auto;
	}

	.costhanzo {
		max-width:664px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
		margin-top:10px;
    	padding-left:1%;
	}

	.imagen-oculta {
		display:block;
		margin-top:70px;
	}

	.doble-linea {
		max-width:95%;
	}

	.menulist {
		margin-top:15px;
	}

	.menulist li {
		font:100 14px 'Roboto Slab',Arial,Sans-Serif;
		padding-bottom:1.5px;
		margin-right:1.5px;
		margin-left:1.5px;
		letter-spacing:0;
		border-bottom:solid 0;
		border-right:solid 1px;
		color:#FF4843;
		margin-bottom:8px;
		display:inline-block;
		padding-right:2.5px;
		height:20px;
	}

	.menulist li p {
		font:400 14px 'Roboto Slab',Arial,Sans-Serif;
		color:#59595B;
		text-decoration:none;
		letter-spacing:0;
		background-color:#FAF9F6;
		padding-left:1.1px;
		padding-right:1.1px;
	}

	.menulist li:hover {
		border-bottom:solid 0;
	}

	.menulist li:hover a {
		color:#EF4B48;
	}

	h1 {
		font-size:70px;
	}

	h2 {
		font:100 16px 'Roboto Slab',Arial,Sans-Serif;
	}

	.titulo {
		padding-top:22px;
	}

	.titulo span {
		padding-top:84%;
	}

	.newicon {
		margin-top:8px;
		margin-left:73%;
	}

	.newicon img {
		max-width:70%;
	}

	.proyect-wrapper {
		max-width:95%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
	}

	.proyect-content {
		float:left;
		max-width:80%;
		border-bottom:solid 0 #FF4843;
		padding-bottom:12px;
	}

	.proyect-type {
		padding-bottom:8px;
		border-bottom:solid 1px;
		color:#FF4843;
		margin-bottom:12px;
	}

	.proyect-type p {
		font:100 12px 'Roboto Slab',Arial,Sans-Serif;
		color:#59595B;
	}

	.proyect-title {
		font-family:'league_gothicregular';
		font-size:40px;
		color:#59595B;
		line-height:35px;
	}

	.proyect-description {
		font:100 12px 'Roboto Slab',Arial,Sans-Serif;
		color:#59595B;
		margin-top:14px;
		max-height:100%;
	}

	.share-proyect p {
		font:400 16px 'Roboto Slab',Arial,Sans-Serif;
		color:#FAF9F6;
		background-color:#FF4843;
		padding-left:4px;
		width:68px;
		margin-top:12px;
		margin-bottom:20px;
		cursor:pointer;
	}

	.infoderecha {
		float:right;
		padding-right:0;
		border-bottom:solid 0 #FF4843;
		padding-bottom:12px;
		width:60px;
		display:block;
	}

	.infoderecha ul li img {
		width:40%;
	}

	.proyect-date-country {
		margin-top:10px;
	}

	/* FRASE */
	.wrapper-b .frase p {
		display:inline;
	}

	.wrapper-b {
		width:100%;
		clear:both;
		background-color:#FF4843;
		padding-top:35px;
		padding-bottom:35px;
	}

	.frase {
		max-width:95%;
		padding-top:15px;
		padding-bottom:15px;
		border-top:solid 2px;
		border-bottom:solid 2px;
		font:100 28px 'Roboto Slab',Arial,Sans-Serif;
		color:#FAF9F6;
		line-height:30px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}

	.barra-strong {
		font:700 28px 'Roboto Slab',Arial,Sans-Serif;
	}

	.autor {
		font:700 14px 'Roboto Slab',Arial,Sans-Serif;
	}

	/* CLIENTES */
	.wrapper-d {
		width:100%;
		height:auto;
		clear:both;
		background-color:#939598;
		padding-top:20px;
		padding-bottom:55px;
	}

	.clientes {
		max-width:95%;
		padding-bottom:40px;
		border-bottom:solid 6px;
		font:700 18px 'Roboto Slab',Arial,Sans-Serif;
		color:#414142;
		line-height:25px;
		margin-left:auto;
		margin-right:auto;
	}

	.wrapper-d .clientes ul li {
		display:inline;
	}

	.wrapper-d .clientes ul li p {
		display:inline;
		color:#FAF9F6;
		font:400 12px 'Roboto Slab',Arial,Sans-Serif;
		background-color:#414142;
		padding-left:4px;
		padding-right:4px;
	}

	/* CONTACTO */
	.contactwrapper {
		max-width:93%;
		padding-top:55px;
		padding-bottom:25px;
		margin-left:auto;
		margin-right:auto;
	}

	.contactinfo {
		overflow:hidden;
		font:100 15px 'Roboto Slab',Arial,Sans-Serif;
		color:#FAF9F6;
		letter-spacing:.5px;
	}

	.contact-text {
		width:100%;
		float:left;
		border-right:solid 0 #fff;
		padding-right:0;
		border-bottom:solid 1.5px #fff;
		padding-bottom:25px;
		margin-bottom:10px;
	}

	.contact-text div {
		height:10px;
		width:50px;
		border-top:solid 0px;
		color:#FAF9F6;
		margin-top:17px;
		margin-bottom:15px;
	}

	.contact-text a {
		display:inline;
		font:700 15px 'Roboto Slab',Arial,Sans-Serif;
		color:#FAF9F6;
		text-decoration:none;
	}

	.boldtext {
		display:inline;
		font:700 15px 'Roboto Slab',Arial,Sans-Serif;
		color:#FAF9F6;
	}

	.contactsocial ul {
		width:100%;
		color:#FF4843;
		float:none;
	}

	.contactsocial ul li img {
		max-width:15%;
		float:none;
		padding-left:0;
		margin-left:0;
		margin-bottom:8px;
		margin-right:10px;
		margin-top:10px;
	}

	.contacticon {
		display:inline;
	}

	.logoimg {
		display:block;
		max-width:99.5%;
		margin-top:20.5px;
	}
}

@media screen and (max-width:320px) {
	.menulist {
		margin-top:15px;
	}

	.menulist li {
		font:100 14px 'Roboto Slab',Arial,Sans-Serif;
		padding-bottom:1.5px;
		margin-right:1.5px;
		margin-left:1.5px;
		letter-spacing:0;
		border-bottom:solid 0;
		border-right:solid 1px;
		color:#FF4843;
		margin-bottom:8px;
		display:inline-block;
		padding-right:2.5px;
		height:20px;
	}

	.menulist li p {
		font:400 14px 'Roboto Slab',Arial,Sans-Serif;
		color:#59595B;
		text-decoration:none;
		letter-spacing:0;
		background-color:#FAF9F6;
		padding-left:1.1px;
		padding-right:1.1px;
	}

	.menulist li:hover {
		border-bottom:solid 0;
	}

	.menulist li:hover a {
		color:#EF4B48;
	}

	h1 {
		font-size:70px;
		padding-top:.5%;
	}

	.newicon {
		margin-top:8px;
		margin-left:71%;
	}

	.titulo {
		padding-top:20px;
	}

	.titulo span {
		padding-top:84%;
	}
}