/*
    Document   : content
    Description:
        Estilos principales de la web
*/

/* -----------------------------------------------------------------------------
 * FONTS
 * -----------------------------------------------------------------------------
 */

@font-face {
  font-family: 'Whitney-Bold';
  src: url('../fonts/Whitney-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Whitney-Bold.otf')  format('opentype'),
         url('../fonts/Whitney-Bold.woff') format('woff'), url('../fonts/Whitney-Bold.ttf')  format('truetype'), url('../fonts/Whitney-Bold.svg#Whitney-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Whitney-Medium';
  src: url('../fonts/Whitney-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Whitney-Medium.otf')  format('opentype'),
         url('../fonts/Whitney-Medium.woff') format('woff'), url('../fonts/Whitney-Medium.ttf')  format('truetype'), url('../fonts/Whitney-Medium.svg#Whitney-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Whitney-Book';
  src: url('../fonts/Whitney-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/Whitney-Book.otf')  format('opentype'),
         url('../fonts/Whitney-Book.woff') format('woff'), url('../fonts/Whitney-Book.ttf')  format('truetype'), url('../fonts/Whitney-Book.svg#Whitney-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* -----------------------------------------------------------------------------
 * BASIC ELEMENTS
 * -----------------------------------------------------------------------------
 */

/* --------------------------------------
 * Titles
 * --------------------------------------
 */
h1 { }
h2 { color: #058ea1; font: 400 40px/36px 'Open Sans Condensed', Arial, sans-serif; margin: 0 0 20px; text-transform: uppercase; }
	h2 span { color: #e04a01; }
	h2 a { text-decoration: none; }
	h2 a:hover { color: #058ea1 !important; text-decoration: none; }

h3 { color: #000; font: 400 30px/30px 'Open Sans Condensed', Arial, sans-serif; margin: 0 0 4px; text-transform: uppercase; }
	h3 span { color: #058ea1; }
	h3 a { text-decoration: none; }
	h3 a:hover { color: #058ea1 !important; text-decoration: none; }

h4 { font-size: 20px; line-height: 24px; }
h5 { }
h6 { }

/* --------------------------------------
 * Links
 * --------------------------------------
 */
a       { color: #058ea1; text-decoration: none; }
a:hover { color: #058ea1; text-decoration: underline; }

/* Social icons */
.social-icons { background: url('../images/social-icons.png') no-repeat 0 0; float: left; margin: -4px 0 0 8px; text-indent: -9999px; width: 24px; height: 24px; }
	.icon-facebook { background-position: 0 0; }
	.icon-facebook:hover { background-position: 0 -31px; }

	.icon-twitter { background-position: -32px 0; }
	.icon-twitter:hover { background-position: -32px -31px; }

	.icon-vimeo { background-position: -64px 0; }
	.icon-vimeo:hover { background-position: -64px -31px; }

	.icon-youtube { background-position: -96px 0; }
	.icon-youtube:hover { background-position: -96px -31px; }

/* --------------------------------------
 * Texts
 * --------------------------------------
 */
p { padding: 0 0 15px; }
address { font-size: 13px; line-height: 15px; font-style: normal; }
	address p { padding: 0 0 5px; }

/* Sizes */
.size12 { font-size: 12px; line-height: 16px; }

/* Colors */
.color-blue { color: #058ea1; }
.color-black { color: #000; }

a.color-black:hover { color: #058ea1 !important; }

/* --------------------------------------
 * Lists
 * --------------------------------------
 */

/* --------------------------------------
 * Tables
 * --------------------------------------
 */

/* --------------------------------------
 * Images
 * --------------------------------------
 */


/* -----------------------------------------------------------------------------
 * HEADER
 * -----------------------------------------------------------------------------
 */
#logo { position: absolute; top: 15px; left: 0; }
	#logo a { background: url('../images/nitsnets-studios-logo-new.png') no-repeat 0 0; display: block; width: 167px; height: 31px; text-indent: -9999px; }

#nav { font-size: 12px; font-weight: 600; position: absolute; top: -102px; right: 0; text-transform: uppercase; }
	#nav ul { }
		#nav ul li { float: left; padding: 0 12px; margin-top: 123px; }
			#nav ul li a { color: #777; }
			#nav ul li a:hover, #nav ul li a.selected { color: #058ea1; text-decoration: none; }
			#nav ul li a.contact-on { color: #058ea1; }

#project-slider { height: 435px; overflow: hidden; position: relative; width: 100%; }
	#project-slider-content { margin-left: -1280px; height: 435px; width: 2560px; position: absolute; top: 0; left: 50%; }
	#project-slider-content .nivoSlider { position: relative; background: url('../images/loading.gif') no-repeat 50% 50%; }
	#project-slider-content .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }
	#project-slider-content .nivoSlider a { border: 0; display: block; }
	#project-slider .nivo-controlNav { padding-top: 10px; position: absolute; width: 100%; top: 0; top: 390px; z-index: 99; }
	#project-slider a.nivo-control, #project-slider a.nivo-control:active, #project-slider a.nivo-control:visited { background: url('../images/nivo-control.png') no-repeat 0 0; display: inline-block; width: 6px; height: 6px; text-indent: -9999px; margin: 0 2px 0 3px; }
	#project-slider a.nivo-control:hover, #project-slider a.active { background-position: 0 -14px; }

/* -----------------------------------------------------------------------------
 * DEVELOPING PROJECTS
 * -----------------------------------------------------------------------------
 */
#developing-projects {  }
	#developing-projects .bg-separator { background: url('../images/developing-projects-bg-separator.jpg') no-repeat center bottom; }
	#developing-projects .layout { min-height: 355px; }
	#developing-projects h2 { position: relative; z-index: 3; }

/* Cloud */
#developing-projects-cloud { background: url('../images/developing-projects-cloud.png') no-repeat 0 0; position: absolute; bottom: 35px; left: 67px; width: 528px; height: 268px; }

/* Robot */
#developing-projects-robot { background: url('../images/developing-projects-robot.jpg') no-repeat 0 0; position: absolute; bottom: 15px; left: 72px; width: 604px; height: 334px; z-index: 1; }
#developing-projects-robot.en{ background: url('../images/en/developing-projects-robot.jpg') no-repeat 0 0;}
/* Tweet */
#developing-projects-tweet { background: url('../images/developing-projects-tweet.png') no-repeat 0 0; float: right; margin: -68px 0 0; padding: 5px 0 0 30px; position: relative; width: 218px; /* 248px */ height: 246px; /* 251px */ z-index: 4; }
	#developing-projects-tweet .tweet { font-size: 14px; line-height: 16px; }
	#developing-projects-tweet .follow { font-size: 12px; line-height: 16px; }
	#developing-projects-tweet .blog { color: #999; font-size: 12px; line-height: 16px; position: absolute; left: 30px; bottom: 10px; right: 0; }
		#developing-projects-tweet .blog a { color: #000; font-size: 13px; }
		#developing-projects-tweet .blog a:hover { color: #058ea1; text-decoration: underline; }

/* -----------------------------------------------------------------------------
 * PROJECTS
 * -----------------------------------------------------------------------------
 */

/* List */
.project-list { padding: 15px 0 0; width: 981px; }
	h2#projects-section	 { margin-bottom: 50px; }

/* Item */
.project { float: left; font-size: 15px; margin: 0 40px 30px 0; position: relative; width: 287px; z-index: 3; }
	.project-z-1 { z-index: 1; }
	.project-z-2 { z-index: 2; }
	.project-no-margin-bottom { margin-bottom: 0; }

	.view-more-projects img { margin-left: -40px; }

	/* Image */
	.project .image { height: 260px; margin: 0 0 15px; position: relative; }
		.project .image img { position: absolute; left: 0; bottom: 0; }

	/* Info */
	.project .info { min-height: 83px; position: relative; }
	.owner { font-size: 11px; font-weight: 600; line-height: 15px; font-style: italic; }
		.owner span, .owner a { color: #058ea1; }

	/* Panama Jack */
	#panama-jack .image { min-height: 700px; }
	#panama-jack .image img { left: -80px; bottom: -70px; }
	#panama-jack .info { min-height: 130px; }
	#panama-jack h3, #panama-jack h3 a { color: #4a664d; }

	/* Alicante Puerto de Salida */
	#alicante-puerto-salida .image img { }
	#alicante-puerto-salida h3, #alicante-puerto-salida h3 a { color: #7b848d; }

	/* OCB Black Thinking */
	#ocb-black-thinking .image img { left: -125px; bottom: -60px; }
	#ocb-black-thinking h3, #ocb-black-thinking h3 a { color: #000; }

	/* Swaapping */
	#swaapping .image img {  }
	#swaapping h3, #swaapping h3 a,
	#swaapping h2, #swaapping h2 a { color: #674380; }

	/* Como Quieras ColaCao */
	#como-quieras-colacao .image img { left: -40px; bottom: -36px; }
	#como-quieras-colacao h3, #como-quieras-colacao h3 a,
	#como-quieras-colacao h2, #como-quieras-colacao h2 a  { color: #3d261e; }

	/* Mondraker */
	#mondraker .image img { left: -77px; }
	#mondraker h3, #mondraker h3 a { color: #0072b9; }

	/* Elche CF */
	#elchecf .image img { left: -19px; bottom: -54px; }
	#elchecf h3, #elchecf h3 a,
	#elchecf h2, #elchecf h2 a { color: #007000; }

	/* Actiu */
	#actiu .image img { left: -1px; }
	#actiu h3, #actiu h3 a { color: #a62942; }

	/* Menbur */
	#menbur .image img { bottom: -48px; }
	#menbur h3, #menbur h3 a { color: #6b6762; }

	/* Sanhua */
	#sanhua-europe .image img { left: -19px; bottom: -10px; }
	#sanhua-europe h3, #sanhua-europe h3 a { color: #7399ad; }

	/* Next Limit */
	#next-limit .image img { left: -19px; bottom: -10px; }
	#next-limit h3, #next-limit h3 a { color: #be6709; }

	/* The Missing Bottles Smirnoff */
	#the-missing-bottles-smirnoff .image { height: 603px; }
	#the-missing-bottles-smirnoff .image img { left: -231px; }
	#the-missing-bottles-smirnoff .info { margin-top: -15px; }
	#the-missing-bottles-smirnoff h3, #the-missing-bottles-smirnoff h3 a,
	#the-missing-bottles-smirnoff h2, #the-missing-bottles-smirnoff h2 a { color: #d90c33; }

	/* PortAventura */
	#portaventura .image img { left: -19px; bottom: -41px; }
	#portaventura h3, #portaventura h3 a,
	#portaventura h2, #portaventura h2 a { color: #324f87; }

	/* Helados Alacant App */
	#helados-alacant-app .image img { bottom: -15px; }
	#helados-alacant-app h3, #helados-alacant-app h3 a,
	#helados-alacant-app h2, #helados-alacant-app h2 a { color: #00a1dc; }

	/* b720 */
	#b720 .image img { left: -19px; }
	#b720 h3, #b720 h3 a { color: #000; }

	/* Nivea Plaza */
	#nivea-plaza .image img { left: -18px; bottom: -40px; }
	#nivea-plaza h3, #nivea-plaza h3 a,
	#nivea-plaza h2, #nivea-plaza h2 a { color: #1b275f; }

	/* Openart */
	#openart .image img { bottom: -15px; }
	#openart h3, #openart h3 a { color: #a50305; }

	/* Nosplay */
	#nosplay .image img { left: -41px; bottom: -47px; }
	#nosplay h3, #nosplay h3 a { color: #0e5e91; }

	/* Plazatio */
	#plazatio .image img { left: -19px; bottom: -47px; }
	#plazatio h3, #plazatio h3 a { color: #ff739b; }

	/* Wussic */
	#wussic .image img { left: -262px; bottom: -50px; }
	#wussic h3, #wussic h3 a,
	#wussic h2, #wussic h2 a { color: #de5814; }

	/* Iristrace */
	#iristrace .image img { left: -19px; bottom: -50px; }
	#iristrace h3, #iristrace h3 a { color: #017f87; }

	/* Grupo Soledad B2B */
	#grupo-soledad-b2b .image img { left: -17px; }
	#grupo-soledad-b2b h3, #grupo-soledad-b2b h3 a, #grupo-soledad-b2b h2, #grupo-soledad-b2b h2 a { color: #333366; }

	/* Xtep */
	#xtep .image img { left: 20px; bottom: -16px; }
	#xtep .info { min-height: 130px; }
	#xtep h3, #xtep h3 a, #xtep h2, #xtep h2 a { color: #ee2224; }

	/* Pura López */
	#pura-lopez .image img { left: -15px; bottom: -15px; }
	#pura-lopez .info { min-height: 130px; }
	#pura-lopez h3, #pura-lopez h3 a, #pura-lopez h2, #pura-lopez h2 a { color: #000; }

	/* Panama Jack - Botas por la causa */
	#panama-jack-botas-por-la-causa .image img { left: -32px; bottom: -15px; }
	#panama-jack-botas-por-la-causa h3, #panama-jack-botas-por-la-causa h3 a { color: #4a664d; }

	/* Ono TV */
	#ono-tv  { margin-bottom: 80px; }
	#ono-tv .image img { left: -420px; bottom: -129px; }
	#ono-tv h3, #ono-tv h3 a { color: #6d1f80; }

	/* Hablemos de drogas */
	#hablemos-de-drogas  { margin-bottom: 80px; }
	#hablemos-de-drogas .image img { left: -57px; bottom: -86px; }
	#hablemos-de-drogas h3, #hablemos-de-drogas h3 a { color: #0089e5; }

	/* Confortauto */
	#confortauto  { margin-bottom: 80px; }
	#confortauto .image img { bottom: -20px; }
	#confortauto h3, #confortauto h3 a { color: #c9001a; }

	/* Vinissimus */
	#vinissimus .image img { }
	#vinissimus h3, #vinissimus h3 a { color: #ad0035; }

	/* Ono Primavera */
	#ono-primavera .image img { left: -41px; }
	#ono-primavera h3, #ono-primavera h3 a { color: #6d1f80; }

	/* Nordika's */
	#nordikas .image img { left: -15px; bottom: -5px; }
	#nordikas .info { min-height: 130px; }
	#nordikas h3, #nordikas h3 a { color: #74631E; }

	/* Sabrinas */
	#sabrinas .image img { left: -20px; bottom: -11px; }
	#sabrinas h3, #sabrinas h3 a { color: #940303; }

	/* Umoon */
	#umoon .image img { bottom: -26px; left: -3px; }
	#umoon h3, #umoon h3 a { color: #54A8BB; }

	/* Wikiloc */
	#wikiloc .image img { left: -39px; bottom: -20px; }
	#wikiloc h3, #wikiloc h3 a { color: #0c862c; }

	/* Wikiloc */
	#miralay .image img { bottom: -62px; }

/* -----------------------------------------------------------------------------
 * SERVICES
 * -----------------------------------------------------------------------------
 */

/* BG */
.main-services .bg-top { background: url('../images/services-bg-top.png') no-repeat center top; position: absolute; top: -40px; left: 0; right: 0; height: 113px; }
.main-services .bg-left { background: url('../images/services-bg-left.jpg') no-repeat left top; position: absolute; top: 0; left: -810px; width: 750px; height: 1544px; }
.main-services .bg-right { background: url('../images/services-bg-right.jpg') no-repeat left top; position: absolute; top: 0; right: -810px; width: 750px; height: /*1858px*/ 1544px; }
/*.main-services .bg-separator { background: url('../images/clients-bg-top.jpg') no-repeat center bottom; }

*/
/* Service */
.service { color: #494847; margin: 0 0 40px; }
	.service .image { height: 170px; margin: 0 0 15px; position: relative; }
		.service .image img { display: block; position: absolute; left: 0; top: 0; }
	.service .info { position: relative; }

	.service h3 { color: #494847; font-size: 25px; line-height: 28px; margin: 0 0 8px; }
		.service h3 a { color: #494847; text-decoration: none; }
		.service h3 a:hover { text-decoration: none; }
	.service p { padding: 0 0 5px; }
	.service a { color: #058ea1; text-decoration: underline; }
	.service a:hover { color: #494847; text-decoration: underline; }
	.service a.ivo { color: #494847; text-decoration: none; }
	.service a.ivo:hover { color: #058ea1; text-decoration: underline; }
	.service .links { color: #058ea1; padding: 0 0 5px; }
	.service blockquote { color: #000; font: 400 20px/22px 'Open Sans Condensed', Arial, sans-serif; margin: 15px 0 4px; text-transform: uppercase; text-transform: uppercase; }
		.service blockquote span { color: #058ea1; }

	/* Website */
	#service-website-img { margin-bottom: 15px; }
	#service-website-img .image { height: 275px; margin: 0; }
		#service-website-img .image img { left: -101px; top: -20px; }
	#service-website-info .info { padding: 60px 0 0; }

	/* Usabilidad */
	#service-usabilidad .image img { left: -10px; top: 0; }

	/* Interactive */
	#service-interactive .image img { left: -10px; top: 0; }

	/* Apps Facebook */
	#service-apps-facebook .image img { left: -15px; top: -10px; }

	/* Web Mobile */
	#service-web-mobile .image img { left: -20px; top: -10px; }

	/* Diseño */
	#service-disenyo-img { margin-bottom: 0; }
	#service-disenyo-img .image { height: 275px; margin: 0; z-index: 1; }
		#service-disenyo-img .image img { left: -215px; top: -40px; }
	#service-disenyo-info .info { padding: 40px 0 0; z-index: 2; }

	/* Ecommerce */
	#service-ecommerce .image img { left: 0; top: -12px; }

	/* Redes Sociales */
	#service-redes-sociales .image img { left: -12px; top: 18px; }

	/* Consultoría */
	#service-consultoria .image img { left: -15px; top: -10px; }

	/* Startups */
	#service-startups .image img { left: -5px; }

	/* Formación */
	#service-formacion-img {  }
	#service-formacion-img .image { height: 210px; }
		#service-formacion-img .image img { display: block; position: relative; }

	/* Tecnología */
	#service-tecnologia-info blockquote { margin-left: 180px; }

/* -----------------------------------------------------------------------------
 * CLIENTS
 * -----------------------------------------------------------------------------
 */
.main-clients .bg-separator { background: url('../images/clients-bg-bottom.jpg') no-repeat center bottom; padding-bottom: 280px; }

/* List */
#clients-list { padding: 30px 0 0; }

/* -----------------------------------------------------------------------------
 * TEAM
 * -----------------------------------------------------------------------------
 */

/* BG */
.main-team .bg-separator { background: url('../images/team-bg-separator.jpg') no-repeat center bottom; padding-bottom: 410px; }

.main-team h3 { font-size: 25px; line-height: 25px; margin-bottom: 15px; }

/* Gallery */
#team-gallery { border: 4px solid #000; margin: 0 0 40px; position: relative; }
	#team-gallery .robots { background: url('../images/team-gallery-robots.png') no-repeat 0 0; position: absolute; top: -49px; left: -238px; width: 248px; height: 390px; }
	#team-gallery .images { background: #fff; width: 662px; height: 422px; }
		#team-gallery .images img { display: block; }

/* Members */
#team-list h3 { background: url('../images/line-1.gif') repeat-x 0 13px; color: #000; font-size: 20px; font-style: italic; line-height: 22px; text-align: center; text-transform: lowercase; }
	#team-list h3 span { background: url('../images/team-bg.jpg') repeat left top; color: #000; padding: 0 10px; }

.team-member { float: left; margin: 0 20px 30px 0; position: relative; width: 300px; height: 129px; }
.team-member-last { margin-right: 0; }
	.team-member .image { position: absolute; top: 0; left: 0; }
		.team-member .image img { display: block; }
	.team-member .info { position: absolute; top: 28px; left: 115px; }
	.team-member p { font-size: 15px; font-style: italic; line-height: 17px; }
	.team-member a { font-size: 12px; font-weight: 600; }

/* Coworkers */
#team-coworkers-list { margin-left: 320px; position: relative; }
	#team-coworkers-list h3 { background: url('../images/arrow-1.png') no-repeat right 8px; color: #5f676a; font-size: 18px; font-style: italic; line-height: 20px; padding-right: 16px; text-transform: lowercase; position: absolute; top: 76px; left: -134px; }
	#team-coworkers-list .team-member .info { top: 70px; left: 95px; }
	#team-coworkers-list .team-member h4 { font-size: 16px; line-height: 20px; }
	#team-coworkers-list .team-member p { font-size: 12px; line-height: 14px; }
	#team-coworkers-list .team-member a { font-size: 10px; }

/* -----------------------------------------------------------------------------
 * CONTACT
 * -----------------------------------------------------------------------------
 */

/* BG */
.main-contact .bg-separator { background: url('../images/contact-bg-separator.jpg') no-repeat center bottom; padding-bottom: 188px; }

/* Addresses */
#addresses-list { height: 178px; }
	.address { border-right: 1px solid #ebebeb; float: left; font-size: 13px; line-height: 15px; margin: 0 90px 80px 0; width: 230px; }
	.address-last { border: none; margin-right: 0 !important; }
		.address h3 { font-family: 'Open Sans', sans-serif; font-size: 15px; font-style: italic; font-weight: 600; line-height: 18px; margin: 0 0 10px; text-transform: none; }
		.address a { text-decoration: underline; }
		.address a:hover { color: #000; }

	#developers-office {
		width: 220px;
	}

/* Social Media */
#social-media {  }
	#share { margin: 0 0 45px; }
		#share ul { height: 23px; margin: 0 auto; width: 140px; }
		#share li { display: inline; float: left; height: 23px; padding: 0 5px; }
			#share li a { margin-left: 0; }
			#share li a.icon-facebook { margin: -30px 0 0; }
			#share li a.icon-twitter { margin: -36px 0 0; }
			#share li a.icon-vimeo { margin: -40px 0 0; }
			#share li a.icon-youtube { margin: -44px 0 0; }

	#twitter { background: url('../images/twitter-bird.png') no-repeat 0 0; min-height: 100px; padding: 5px 0 0 150px; }
		#twitter .tweet { color: #494847; float: left; margin: 0 35px 0 0; width: 240px; }
		#twitter .tweet-last { margin-right: 0; }
			#twitter .tweet p { padding: 0 0 5px; }
			#twitter .tweet .date { color: #777; font-size: 10px; }

/* -----------------------------------------------------------------------------
 * FOOTER
 * -----------------------------------------------------------------------------
 */

/* Robots */
#footer-robots { height: 50px; position: relative; }
	#footer-robots .image { background: url('../images/footer-robots.jpg') no-repeat 0 0; position: absolute; left: 130px; bottom: 0; height: 136px; width: 680px; }
	#gogogo { color: #afafaf; position: absolute; right: -145px; bottom: 10px; }
		#gogogo a { color: #afafaf; }
		#gogogo a:hover { color: #058ea1; }

/* Cloud Tags */
#cloud-tags { border-top: 1px dotted #666; }
	#cloud-tags .column { border-right: 1px solid #ebebeb; float: left; margin: 15px 25px 15px 0; width: 215px; }
	#cloud-tags .column-last { border-right: none; margin-right: 0; }
	#cloud-tags ul { }
		#cloud-tags ul li { padding: 5px 0; }
		#cloud-tags a { color: #767676; }
		#cloud-tags a:hover, #cloud-tags a.selected:hover { color: #058ea1; }
		#cloud-tags a.selected { color: #000; font-weight: 600; }

	#tags-by { position: absolute; right: -20px; top: 58px; }
		#tags-by a { background: url('../images/tags-by.png') no-repeat 0 0; display: block; position: absolute; top: 0; left: 0; text-indent: -9999px; }
		#tags-by a#by-type { background-position: 0 0; width: 78px; height: 63px; top: 0; left: 0; }
		#tags-by a#by-type:hover { background-position: 0 -127px; }
		#tags-by a#by-concept { background-position: 0 -46px; width: 133px; height: 36px; top: 46px; left: 0; }
		#tags-by a#by-concept:hover { background-position: 0 -173px; }
		#tags-by a#by-tech { background-position: 0 -82px; width: 98px; height: 35px; top: 82px; left: 0; }
		#tags-by a#by-tech:hover { background-position: 0 -209px; }

	#tags-by-only-image { background: url('../images/tags-by.png') no-repeat 0 0; position: absolute; right: -170px; top: 58px; width: 133px; height: 118px; }

/* Copyright */
#copyright { border-top: 1px solid #ebebeb; color: #777; font: normal 11px/13px Arial, sans-serif; padding: 15px 0 25px; }
	#author { float: left; }
	#language { float: right; text-align: right; }
	#copyright a { color: #777; }
	#copyright a:hover { color: #058ea1; }
	#copyright a.selected { font-weight: bold; }


/* -----------------------------------------------------------------------------
 * DESCRIPTION
 * -----------------------------------------------------------------------------
 */

#info-section { color: #494949;}
#info-section h3 { font-size: 25px; color:#494949;}
#info-section .bg-separator { background: url('../images/projects-description2.jpg') no-repeat center top; height: 295px;}
#info-section .links a{ text-decoration: underline;}
#info-section span { color: #058EA1;}
#info-section .layout-2-a .layout-left,#info-section .layout-2-a .layout-right{ margin-top:55px;}
#info-section .layout-2-a .image { margin-left: -13px;}
#info-section .layout-2-a .layout-right { width: 460px;}
#info-section .layout-2-a .layout-left { width: 440px;}
#info-section .layout-2-a .layout-left p { padding: 0 0 5px;}
#info-section .layout-2-a .layout-right p { padding: 0 0 5px; color:#494949;}


 /* -----------------------------------------------------------------------------
  * WEBSITE
  * -----------------------------------------------------------------------------
  */
.fixed {position: fixed;top:60px;z-index: 100;width: 100%}

.projects { margin-bottom: 20px;color:#494949;}
.projects .description { font-size: 11px;}
.projects .project_header { background-color: #F5F5F5; padding: 10px; border-bottom: dotted 1px; }
.projects .project_header_mini { background-color: #F5F5F5; border-bottom: dotted 1px; display: none; }
.projects .project_header h2, .projects .project_header_mini h2 { color:#494949; font-size: 30px; margin: 0 0 5px;font-style: normal;}
.projects .project_header h2 a, .projects .project_header_mini h2 a { font-style: normal; color:#494949;}
.projects .project_header .info-right, .projects .project_header_mini .info-right { max-width: 240px; float:right; white-space: nowrap; font-weight: 600; margin-top:-15px;}
.projects .project_header .without-partner, .projects .project_header_mini .without-partner { margin-top: -30px;}
.projects .project_header .info-left{ width: 640px; font-size: 11px}
.projects .project_header .info-left .description { font-size: 12px; line-height: 16px; padding: 0 0 5px;}
.projects .project_header .subtitle { font-size: 15px;}
.projects .project_header .company { font-size: 13px; color: #000000;}
.projects .project_header .year	{ font-size: 11px; }
.projects .project_header .title	{ font-size: 25px; font-weight: 400;  }
.projects .project_header a, .projects .project_header_mini a {font-style: italic; font-size: 11px;}

.projects .projects_content { padding-top: 15px; }
.projects .projects_content .projects_image img { border:1px solid black;}
.projects .projects_content .projects_image p { font-size: 10px; color:#787878;}

.projects .project_relations { min-height: 135px;}
.projects .project_relations p { font-weight: 600; font-style: italic; font-size: 15px; color: #494949; padding-top: 70px;}
.projects .project_relations .bg-separator {  background: url('../images/projects-relations-separator.jpg') no-repeat center top; height: 135px;}

.projects .project_special { min-height:  540px; /*430px;*/ margin-bottom: -15px; background: url('../../../uploads/images/projects/erpeche/erpeche-destacado.jpg') no-repeat center top; }

.tags { font-size: 11px; font-style: italic; margin-bottom: 32px; }
.tags ul { }
.tags ul li { float: left; margin-top: 8px; margin-right: 5px; }
.tags ul li a { text-decoration: none; }
.tags .tag { padding: 0 5px 3px 5px; color: #FFFFFF;  border-radius: 3px; }
.tag-color-aguamarina { background-color: #8ED7D7; }
.tag-color-grey { background-color: #CEC9C5; }
.tag-color-naranja { background-color: #FF9489; }
.tag-color-blue { background-color: #98A7C6; }
.tag-color-violeta { background-color: #B98DE1; }
.tag-color-yellow { background-color: #D6C07B; }
.tag-color-green { background-color: #ACD187; }
.tag-color-stronggrey { background-color: #979698; }

/* -----------------------------------------------------------------------------
 * PAGINATOR
 * -----------------------------------------------------------------------------
 */
#paginator { min-height: 100px; }


/* -----------------------------------------------------------------------------
 * LOPD
 * -----------------------------------------------------------------------------
 */

.lopd-page, .lopd-page * { box-sizing: border-box; }
#main.lopd-page { overflow: auto; }
.lopd { min-height: calc(100vh - (59px + 54px)); padding-top: 15px; padding-bottom: 30px; color: #494847; }
.lopd-page #logo { position: relative; width: 167px; margin: 0 auto; }
.lopd-container { width: 970px; max-width: 100%; padding: 0 15px; margin: 0 auto; }
.lopd-title { font-family: 'Whitney-Medium', Arial, sans-serif; margin: 0 0 30px; font-size: 20px; font-weight: 700; text-transform: uppercase; color: #494847; }
.lopd-page #author { float: none;  }

@media (min-width: 768px) {
	.lopd { padding-top: 30px; }
	.lopd-container { padding: 0 30px; }
}

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

/* iPhone + iPad + iPod Non-Retina */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

	/* Cabecera Sin Transparencia */
	#header { background: #fff; }
}

/* iPhone + iPad + iPod Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

	/* Cabecera Sin Transparencia */
	#header { background: #fff; }

	/* Logo con más resolución */
	#logo a { background: url('../images/nitsnets-studios-logo-2x-new.png') no-repeat 0 0; background-size: cover; }
}


/* -----------------------------------------------------------------------------
 * WINDOWS XP
 * -----------------------------------------------------------------------------
 */
body.windowsxp { font-family: Arial, sans-serif; font-size: 13px; line-height: 15px; }
body.windowsxp h2 { font: normal 35px/35px 'Trebuchet MS', Arial, sans-serif; }
body.windowsxp h3 { font: normal 25px/25px 'Trebuchet MS', Arial, sans-serif; }

body.windowsxp .service blockquote { font: normal 15px/17px 'Trebuchet MS', Arial, sans-serif; }
body.windowsxp .address h3 { font-family: Arial, sans-serif; font-size: 15px; font-style: italic; line-height: 18px; }
body.windowsxp .main-team h3 { font: normal 20px/20px 'Trebuchet MS', Arial, sans-serif; }
.address { margin-right: 35px;  width: 200px; }


/* -----------------------------------------------------------------------------
 * EAWARDS17
 * -----------------------------------------------------------------------------
 */
.eawards-wrap { bottom: 60px; left: 0; pointer-events: none; position: absolute; right: 0; z-index: 5; }
.eawards-wrap-links { display: inline-block; padding-left: 15px; pointer-events: auto; }
.eawards-wrap-links img { display: inline-block; max-width: 115px; }

/* -----------------------------------------------------------------------------
 * CDTI
 * -----------------------------------------------------------------------------
 */
.cdti { height: 80px; padding-top: 50px; padding-bottom: 200px; }
.cdti__text { width: 416px; float: left; }
.cdti__text p { padding: 0 25px 0 0; font-size: 14px; line-height: 1.2; }
.cdti__text a.big { color: #000; font-weight: bold; text-transform: uppercase; }
.cdti__link { display: block; float: left; width: 212px; margin-left: 50px; margin-top: 16px; }