/**
 * TAGs 
 */
* { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: none; 
	
			box-sizing: border-box;		
		 -o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

body {
	padding-top: 33px;
		
	font-size: 1em; 
	/* font-family: "Lato", "Droid Sans", Verdana, Geneva, sans-serif; */
	font-family: 'Open Sans', sans-serif;
}
hr {
	clear: both;
	height: 0;
	border: 0;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	font-size: .8em;
	line-height: 1.6em;
	margin: 10px 0 0 0;
	text-align: justify;
}
strong {
	
}
em {
	
}

h1 {
	position: fixed;
	top: 0;
	left: 50%;
	margin: 0 0 0 -480px;
	z-index: 120;
	opacity: 1;
	transform: none;
}
h1 > a {
	display: block;
	position: relative;
	height: 60px;
	padding: 35px 0 0 70px;
	
	color: #000000;
	font-family: 'Shadows Into Light Two', cursive;	
	font-size: .35em;
	font-weight: bold;	
	line-height: 1em;	
	text-transform: uppercase;
	
	background: url(/img/maq/desarrollo-web-jorgejjb.png) no-repeat 0 0;
	background-size: contain;
}
h1 > a:hover {
	text-decoration: none;
}
h1 > a > span {
	display: block;
	position: absolute;
	top: 13px;
	right: 0;
	
	color: #ffffff;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 2.5em;
	font-weight: normal;	
	letter-spacing: 1.3px;
}

/*
html.inicio h1 {
	opacity: 0;
	transform: translateY(-100%);
}
*/

/**
 *   S T R U C T U R E
 */
html ,
body ,
header ,
nav ,
figure ,
section , 
menu ,
aside ,
article ,
footer {
	display: block;
	width: 100%;
	max-width: 100%;
}
header > div , 
nav > ul , 
figure > div ,
section > div , 
footer > div {
	display: block;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	list-style: none;
}

/**
 *   H E A D E R
 */
header {
	position: fixed;
	top: 0;
	height: 33px;
	z-index: 110;
}
header > div > ul#lang {
	display: block;
	overflow: hidden;
	float: right;
	height: 33px;
}
header > div > ul#lang > li ,
header > div > ul#lang > li > a {
	display: block;
	float: right;
	width: 35px;
	height: 33px;
}
header > div > ul#lang > li > a {
	font-size: 1em;
	font-weight: 700;
	line-height: 33px;
	text-align: center;
}
header > div > ul#lang > li > a:hover {
	text-decoration: none;
}
header > div > ul#lang > li.disabled > a {
	cursor: default;
}
header > div > ul#lang > li.disabled > a > span {
	opacity: .5
}

header > div > ul#icos {
	display: block;
	overflow: hidden;
	float: right;
	margin-right: 78px;
}
header > div > ul#icos > li {
	display: block;
	float: right;
	margin-left: 20px;
}
header > div > ul#icos > li > a {
	display: block;
	color: #ffffff;
}
header > div > ul#icos > li > a:hover {
	text-decoration: none;
}
header > div > ul#icos > li > a > i {
	display: inline-block;
	font-size: 24px !important;
	line-height: 24px !important;
	padding: 4px;
	background: #000;
}
header > div > ul#icos > li.contacto {
	margin-top: -1px;
}
header > div > ul#icos > li.mobile {
	margin-top: 2px;
	font-family: 'Oswald', sans-serif;
	font-size: 1.2em;
}
header > div > ul#icos > li.mobile > a > i {
	display: block !important;
	float: left !important;
	margin-right: 5px;
	font-size: 68px !important;
	line-height: 50px !important;
}

/**
 *   N A V I G A T I O N
 */
nav {
	overflow: hidden;
	/* margin-bottom: 125px; */
}
nav > ul {
	overflow: visible;

}
nav > ul > li {
	overflow: hidden;
	display: block;
	position: relative;
	float: left;
	margin: 0 10px;
	width: 220px;
	height: 361px;
}
nav > ul > li:before {
	content: "";
	position: absolute;	
	top: 95px;
	left: 13px;	
	width: 182px;
	height: 182px;
	border: 7px solid;

	z-index: 1;

	background: rgba(255,0,0,.2);
}
nav > ul > li > a {
	display: block;
	position: absolute;	
	z-index: 20;
	top: 95px;
	left: 13px;	
	width: 196px;
	height: 196px;
	padding: 0;	
	
	font-family: 'Oswald', sans-serif;
	font-size: 1.2em;
	font-weight: normal;	
	line-height: 1.2em;	
	text-align: center;
	text-transform: uppercase;
	
	border: 7px solid;
	
	z-index: 30;
}
nav > ul > li > a > strong {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	padding: 0 20px;	
	font-weight: normal;

	transform: translateY(-50%);
}
nav > ul > li.select > a ,
nav > ul > li > a:hover {
	color: transparent;
	/* text-indent: -9999px; */
	text-decoration: none;
}
nav > ul > li.select > a > strong ,
nav > ul > li > a:hover > strong {
	top: 110%;
	padding: 0;	
	transform: none;
	font-size: 1.25em;
	font-weight: bold;
}
/*
nav > ul > li > a > span { 
	display: block;
	position: absolute;		
	width: 100%;		
	bottom: -128px;
	left: 0;
	padding: 0 20px;
	text-indent: 0;
	opacity: 0;
}
nav > ul > li.select > a > span ,
nav > ul > li > a:hover > span { 
	text-indent: 0;
	bottom: -76px;
	opacity: 1;
} 
*/

nav > ul > li > video ,
nav > ul > li > canvas.buffer {
	display: none;
}
nav > ul > li > canvas.output {
	position: absolute;
	left: 0;
	top: 0;
	display: block;	
	width: 220px;
	height: 361px;
	z-index: 10;
}
nav > ul > li > img {
	display: none;	
	width: 220px;
	height: 361px;
}



/**
 *   S E C T I O N
 */
section {
	clear: both;
	overflow: hidden;
}
body > section > div > article {	
	height: 532px;
	float: left;
	width: 460px;
	padding: 45px 0 35px 0;
}
body > section > div > article > h2 {
	margin: 20px 0 20px 0;
 	font-family: 'Oswald', sans-serif;
	font-size: 2.3em;
	font-weight: 700;	
	line-height: 1.2em;	
	text-transform: uppercase;
}
body > section > div > aside {
	position: relative;
	float: right;
	width: 250px;
	height: 350px;
	margin-right: 160px;
	border: 7px solid;
	border-top: 0;
	border-bottom: 0;
}
body > section > div > aside > div {
	position: absolute;
	z-index: -1;
	bottom: -125px;
	left: -7px;
	width: 250px;
	height: 250px;
	border: 7px solid;
}
body > section > div > aside > img {
	display: block;
	position: absolute;
	bottom: -150px;
	left: -59px;
}

/**
 *   F O O T E R
 */
footer {
	clear: both;
	position: fixed;
	bottom: 0;
	height: 96px;
	z-index: 110;
}
footer > div {
	overflow: visible;
	position: relative;
}
footer > div > ul {
	overflow: hidden;
	float: right;
	width: 560px;
	margin: 0 0 0 0;
}
footer > div > ul > li {
	display: block;
	float: right;
	margin: 0 20px 0 0;
}
footer > div > ul > li.contacto {
	margin-top: 30px;
}
footer > div > ul > li.linkedin {
	margin-top: 30px;
}
footer > div > ul > li > a {
	display: block;
}
footer > div > ul > li > a:hover {
	text-decoration: none;
}
footer > div > ul > li > a > i {
	font-size: 2em !important;	
}

footer > div > ul > li.mobile {
	float: left;
	margin-top: 18px;
	font-family: 'Oswald', sans-serif;
	font-size: 1.2em;
	line-height: 3.0em;
}
footer > div > ul > li.mobile > a > i {
	display: block !important;
	padding-right: 15px;
	float: left !important;
	font-size: 3.0em !important;
}
footer > div > ol {
	/* position: absolute;
	top: -20px;
	right: 0;
	margin: 4px 12px 0 0; */
	clear: right;
	float: right;
	margin: 5px 0 0 0;
}
footer > div > ol > li {
	display: block;
	float: left;
	margin: 0 0 0 0;
	/* color: #000000; */
	color: #ffffff;
	font-size: .65em;
	line-height: 1.1em;
}
footer > div > ol > li:before {
	content: '|';
}
footer > div > ol > li:first-child:before {
	content: none;
}
footer > div > ol > li > a {
	padding: 0 5px;
	color: #ffffff;
	/* color: #000000; */
}


/**
 *   S E C T I O N s   ::   INICIO
 */
html.inicio   section > div > article {
	position: relative;
	float: none;
	width: auto;
	padding: 0;
}
html.inicio   section > div > article > #intro_mobile {
	display: block;
	width: 498px;
	height: 530px;
	margin: 0 auto 20px auto;
}
html.inicio   section > div > article > #intro_mobile img {
	opacity: 0;
}
html.inicio   section > div > article > #desarrollo-web-j3b {
	/* position: absolute;
	height: 530px;
	top: 0;
	left: 50%;
	margin-left: -470px; */
	margin: 0 auto;
}
html.inicio   section > div > article > #desarrollo-web-j3b > i {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	font-size: 5em;
	z-index: 100;
	opacity: .25;
	cursor: pointer;
}
html.inicio   section > div > article > #desarrollo-web-j3b > i:hover {
	opacity: .35;
}
html.inicio   section > div > article > #desarrollo-web-j3b > video , 
html.inicio   section > div > article > #desarrollo-web-j3b > canvas.buffer {
	display: none;
}
html.inicio   section > div > article > #desarrollo-web-j3b > canvas.output {
	display: block;	
	width: 498px;
	height: 530px;
	margin: 0 auto;
}

/**
 * LEGALs
 */
html.aviso-legal   section > div > article ,
html.politica-privacidad   section > div > article ,
html.condiciones-uso   section > div > article ,
html.politica-cookies   section > div > article {
	font-size: .75em;
}
html.aviso-legal   section > div > article p ,
html.aviso-legal   section > div > article li ,
html.politica-privacidad   section > div > article p ,
html.politica-privacidad   section > div > article li ,
html.condiciones-uso   section > div > article p ,
html.condiciones-uso   section > div > article li ,
html.politica-cookies   section > div > article p ,
html.politica-cookies   section > div > article li {
	font-size: 1em;
	line-height: 1.5em;
	text-align: justify;
}
html.aviso-legal   section > div > article ul ,
html.politica-privacidad   section > div > article ul ,
html.condiciones-uso   section > div > article ul ,
html.politica-cookies   section > div > article ul {
	padding: 5px 0 10px 20px;
}
html.aviso-legal   section > div > article li ,
html.politica-privacidad   section > div > article li ,
html.condiciones-uso   section > div > article li ,
html.politica-cookies   section > div > article li {
	margin: 5px 0 0 0;
}
html.aviso-legal   section > div > article h2 ,
html.politica-privacidad   section > div > article h2 ,
html.condiciones-uso   section > div > article h2 ,
html.politica-cookies   section > div > article h2 {
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 2.8em;
}
html.aviso-legal   section > div > article h3 ,
html.politica-privacidad   section > div > article h3 ,
html.condiciones-uso   section > div > article h3 ,
html.politica-cookies   section > div > article h3 {
	margin: 15px 0 0 0;
}
html.aviso-legal   section > div > article h3 em ,
html.politica-privacidad   section > div > article em ,
html.condiciones-uso   section > div > article em ,
html.politica-cookies   section > div > article em {
	font-style: normal;
	color: #808080;
}
section > div > article > #wrapper {
	position: relative;
	overflow: hidden;
	height: 372px;
}
section > div > article > #wrapper > #scroller {
	position: absolute;
	top: 0;
	cursor: default;
}
section > div > article > #scroll-down ,
section > div > article > #scroll-up {
	display: block;
	float: left;
	margin: 12px 10px 0 0;
	font-size: 1.5em;
	cursor: pointer;
}
section > div > article > #scroll-down:hover ,
section > div > article > #scroll-up:hover {
	opacity: .5;
}
section > div > article > #scroll-down.disabled ,
section > div > article > #scroll-up.disabled {
	opacity: .25;
	cursor: default;
}


/*
section.legal > div > article > h2 {
	color: #d1cfd0;
	font-size: 1.4em;
	font-weight: 900;
	text-transform: uppercase;
}
section.legal > div > article > h2 > em ,
section.legal > div > article > h3 > em {
	color: #6a1f45;
	font-weight: inherit;
}
section.legal > div > article hr.hr-sep-cool {
	margin: 20px 0;
}

section.legal > div > article   li ,
section.legal > div > article   p {
	color: #777;
	font-size: .75em;
	line-height: 1.5em;
	text-align: justify;
}
section.legal > div > article   li p ,
section.legal > div > article   li li {
	font-size: 1em;
}
section.legal > div > article   p {
	padding: 10px 0 0 0;
}
section.legal > div > article   ol ,
section.legal > div > article   ul {
	margin: 5px 0 0 30px;
}

/**
 * FORM
 */

form label { 
	display: none;
}
form input , 
form textarea {
	display: block;
	width: 100%; 
	height: 28px;	
	margin: 13px 0; 
	padding: 3px 8px; 
	
	color: #9d9c9c;
	font-size: .8em;
	font-family: 'Open Sans', sans-serif;
	
	background: #ffffff; 
	border: 1px solid #dfdfdf; 
}
form textarea {
	height: 100px;
	margin: 0 0 12px 0;
	line-height: 16px;
}
form > .submit_container {
	display: block;
    float: right;
	overflow: hidden;
    /*
	width: 100%;
    */
	height: 32px;
	margin: 0 0 15px 0;
	padding: 0;
	
    /*
	background: url(/img/maq/bg-form-submit.png) no-repeat left center;
    */
	border: 0;
}
form > .submit_container > #submit {
	float: right;
	width: 100px;
	height: 32px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	
	color: #ffffff;
	font-family: 'Oswald', sans-serif;
	font-size: .9em;
	text-align: center;
	text-transform: uppercase;
	
	background: #000000;
	border: 0;
	cursor: pointer; 
}
form #submit:hover {
	color: #000;
	background: #ffffff;
}
form .checkbox { 
	position: relative; 
	float: left;
	width: 12px; 
	height: 12px; 
	margin: 1px 8px 8px 0; 
	background: #fefefe; 
	border: 1px solid #ccc; 
	cursor: pointer; 
}
form .checkbox * { 
	display: none; 
}
form .checkbox span { 
	display: block; 
	position: absolute; 
	top: 1px; 
	left: 1px;
	width: 9px; 
	height: 8px; 
	text-indent: -9999px; 
	background: url(/img/maq/bg-check.png) no-repeat 0 0; 
}
form .privacy { 
	display: block; 
	height: 28px; 
	line-height: 14px;
	margin: 0;
	padding: 0 0 0 0; 
	color: #000; 
	font-size: .6em; 
}
form .privacy a { 	
	color: #000; 
	text-decoration: underline;
}
form .privacy span { 
	padding: 0 5px 0 5px; 
	color: #bd1313; 
}
form .validate ,
form .validate a { 
	color: #f23f31; 
}

form .privacy-check {
	float: right;
    clear: right;
    width: 100px;
}
.recaptcha-container {
    float: left;
}


/**
 * TEXT SHADOWs
 */


/**
 * SHADOWs 
 */
form input , 
form textarea {
	box-shadow: 0 -1px 1px 0 rgba(0,0,0,.41), 0 1px 0 0 rgba(255,255,255,.15);
	-moz-box-shadow: 0 -1px 1px 0 rgba(0,0,0,.41), 0 1px 0 0 rgba(255,255,255,.15);
	-webkit-box-shadow: 0 -1px 1px 0 rgba(0,0,0,.41), 0 1px 0 0 rgba(255,255,255,.15);
}
form #submit {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

/*
section > div {
	box-shadow: 0 10px 10px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 0 10px 10px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 10px 10px 1px rgba(0,0,0,.2);
}

/**
 * ROUNDs 
 */
nav > ul > li > a ,
nav > ul > li:before ,
body > section > div > aside > div {
	border-radius: 100%;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-khtml-border-radius: 100%;
}
header > div > ul#icos > li > a > i {
	border-radius: 8px;
	-ms-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
}
form input , 
form textarea {
	border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

/**
 * Transition
 */

h1 ,
nav > ul > li > a ,
nav > ul > li > a * {
	-webkit-transition: all .5s ease-in-out /* , text-indent .5s ease-in-out */;
	-moz-transition: color .5s ease-in-out /* , text-indent .5s ease-in-out */;
	-ms-transition: all .5s ease-in-out /* , text-indent .5s ease-in-out */;
	-o-transition: all .5s ease-in-out /* , text-indent .5s ease-in-out */;
	transition: all .5s ease-in-out /* , text-indent .5s ease-in-out */;
}
nav > ul > li > a > span { 	
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-ms-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}
footer > div > ul > li > a:hover {
	-webkit-transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-ms-transition: color .25s ease-in-out;
	-o-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
}


#cookieChoiceInfo {
	font-size: 70%;
	color: #333; 
}
#cookieChoiceInfo a {
	color: #000;
	text-decoration: underline;
}
#cookieChoiceInfo a:hover {
	text-decoration: none;
}
#mobile {
	display: none;
	float: left;
	height: 28px;
	font-size: .8em; 
	line-height: 28px;  
	font-weight: 700;
	text-transform: uppercase;		
	cursor: pointer;
}
#mobile i {
	padding-right: 5px;
	font-size: 1.1em;
	font-weight: normal;
}	
ol#mobile-nav {
	display: none;
	overflow: hidden;
	clear: both;
	width: 100%;
	background: #000000;
	margin: 0 0 0 0;
	padding: 0;
}
ol#mobile-nav a {
	display: block;
	font-size: .9em;
	line-height: 2em;
	color: #fff;
	padding-left: 10px;
}
ol#mobile-nav a:hover {
	text-decoration: none;
}

footer {
	height: 20px;
}
footer > div {
	text-align: center;
}
footer > div > ul {
	display: none;
}
footer > div > ol {
	display: inline-block;
	float: none;
}

/* Max Width 1004px */
@media (max-width: 1004px) {
	
	body {
		padding-top: 28px;
	}	
	p {
		font-size: .75em;
		margin: 8px 0 0 0;
	}	
	h1 {
		width: 50px;
		height: 49px;
		top: auto;
		bottom: 3px;
		left: 10px;
		margin: 0;
	}
	h1 > a {
		width: 50px;
		height: 49px;
		padding: 0;
		text-indent: -9999px;
		background-size: cover;
	}
	
	header > div > ul#icos {
		display: none;
	}
	#mobile {
		display: block;
	}
	header ,
	nav ,
	figure ,
	section , 
	menu ,
	aside ,
	article ,
	footer {
		max-width: 100%;
	}
	header > div , 
	nav > ul , 
	figure > div ,
	section > div , 
	footer > div {
		width: 100%;
		max-width: 100%;		
		padding: 0 25px;
	}
	nav {
		width: 530px;
		margin: -30px auto 50px auto;
	}
	nav > ul > li.mobile {
		height: 301px;
	}
	nav > ul > li.mobile > a {
		top: 35px;
		height: 196px;
	}
	nav > ul > li.mobile > a > span { 
		bottom: -128px;
	}
	nav > ul > li.mobile.select > a > span ,
	nav > ul > li.mobile > a:hover > span { 
		bottom: -76px;
	}
	nav > ul > li.mobile > img {
		margin-top: -60px;
	}
	header {
		height: 28px;
	}
	header > div > ul#lang {
		height: 28px;
	}
	header > div > ul#lang > li ,
	header > div > ul#lang > li > a {
		width: 30px;
		height: 28px;
	}
	header > div > ul#lang > li > a {
		font-size: .8em;
		line-height: 28px;
	}
	html   section > div > article {
		float: none;
		width: 100% !important;
		height: auto;
		padding-top: 0;
		margin-bottom: 30px;
	}	
	body > section > div > article > h2 {
		font-size: 1.5em;
	}
	body > section > div > aside {
		position: relative;
		float: none;
		width: auto;
		height: auto;
		margin: 0;
		background: none !important;
		border: 0;
	}
	body > section > div > aside > div {
		display: none;
	}
	body > section > div > aside > img {
		display: block;
		position: static;
		bottom: none;
		left: none;
		margin: 0 auto;
	}
	html.contacto body > section > div > aside > img {
		margin: 0 0 0 -61px;
	}
	footer {
		clear: both;
		position: fixed;
		bottom: 0;
		height: 44px;
	}
	footer > div > ul ,
	footer > div > ol {
		display: block;
	}
	footer > div > ul > li {
		margin-right: 10px;
	}
	footer > div > ul > li.contacto {
		margin-top: 10px;
		margin-right: 0;
	}
	footer > div > ul > li.linkedin {
		margin-top: 10px;
	}
	footer > div > ul > li > a > i {
		font-size: 1.6em !important;	
	}
	footer > div > ul > li.mobile {
		float: right;
		margin-top: 3px;
		font-size: 1.0em;
		line-height: 2.5em;
	}
	footer > div > ul > li.mobile > a > i {
		padding-right: 5px;
		font-size: 2.4em !important;
	}
	footer > div > ol {		
		display: none;
	}
	html.aviso-legal   section > div > article ,
	html.politica-privacidad   section > div > article ,
	html.condiciones-uso   section > div > article ,
	html.politica-cookies   section > div > article {
		font-size: .75em;
	}
	html.aviso-legal   section > div > article h2,
	html.politica-privacidad   section > div > article h2 ,
	html.condiciones-uso   section > div > article h2 ,
	html.politica-cookies   section > div > article h2 {
		font-size: 2em;
	}
	section > div > article > #wrapper {
		height: auto;
	}
	section > div > article > #wrapper > #scroller {
		position: static;
	}
	section > div > article > #scroll-up ,
	section > div > article > #scroll-down {
		display: none;
	}
}

/* Max Width 530px */
@media (max-width: 530px) {
	
	header > div , 
	nav > ul , 
	figure > div ,
	section > div , 
	footer > div {		
		padding: 0 10px;
	}
	nav {
		display: none;
	}
	
	html.inicio   section > div > article > #intro_mobile ,
	html.inicio   section > div > article > #intro_mobile > img {
		width: 100%;
		height: auto;
	}
	html.inicio   section > div > article > #desarrollo-web-j3b {
		width: 100%;
	}
    
    
    body > section > div > article {
        height: auto !important;   
    }
    body > section > div > article:after {
        display: block;
        content: " ";
        clear: both;
    }
    form .privacy-check {
        float: left;
        clear: none;
        width: 200px !important;
    }
    .recaptcha-container {
        float: none;
        margin-bottom: 10px;
    }
    
}

/* Max Width 410px */
@media (max-width: 410px) {
	body > section > div > aside > img {
		width: 100%;
		height: auto;
	}
}/* marketing-posicionamiento */
html.inicio {
	background: #F1C40F;
}
html.inicio body {
	color: #777777;
}
html.inicio header {
	background: #000000;
}
html.inicio header > div > ul#lang > li > a {
	color: #ffffff;
}
html.inicio header > div > ul#lang > li.selected > a {
	background: #F1C40F;
}
html.inicio header > div > ul#lang > li > a:hover {
	text-decoration: none;
}
html.inicio nav > ul > li:before ,
html.inicio nav > ul > li > a {
	color: #ffffff;
	background: #1a171b;
	border-color: #000000;
}
html.inicio nav > ul > li.select > a ,
html.inicio nav > ul > li > a:hover {
	background: #e67e22;
	background-color: transparent;
	border-color: transparent;
}
html.inicio nav > ul > li.mobile.select > a ,
html.inicio nav > ul > li.mobile > a:hover {
	border-color: #000000;
}
html.inicio nav > ul > li > a > span {
	color: #000000;
}
html.inicio nav > ul > li.select > a > strong ,
html.inicio nav > ul > li > a:hover > strong {
	color: #000000;
}
html.inicio footer {
	background: #000000;
}
html.inicio footer > div > ul > li > a {
	color: #ffffff;
}
html.inicio footer > div > ul > li.select > a ,
html.inicio footer > div > ul > li > a:hover {
	color: #F1C40F;
}
footer > div > ol > li.select > a {
	color: #F1C40F;
}
html.inicio body > section > div > article {
	color: #282828;
}
html.inicio body > section > div > article > h2 {
	color: #000000;
}
html.inicio body > section > div > aside , 
html.inicio body > section > div > aside > div {
	background: #f1c40f;
	border-color: #000000;
}

html.inicio body #mobile {
	color: #F1C40F;
}
html.inicio body ol#mobile-nav li.select a {
	color: #F1C40F;
}


/* marketing-posicionamiento */
html.analisis-asesoramiento {
	background: #EA5852;
}
html.analisis-asesoramiento body {
	color: #777777;
}
html.analisis-asesoramiento header {
	background: #000000;
}
html.analisis-asesoramiento header > div > ul#lang > li > a {
	color: #ffffff;
}
html.analisis-asesoramiento header > div > ul#lang > li.selected > a {
	background: #EA5852;
}
html.analisis-asesoramiento header > div > ul#lang > li > a:hover {
	text-decoration: none;
}
html.analisis-asesoramiento nav > ul > li:before ,
html.analisis-asesoramiento nav > ul > li > a {
	color: #ffffff;
	background: #1a171b;
	border-color: #000000;
}
html.analisis-asesoramiento nav > ul > li.select > a ,
html.analisis-asesoramiento nav > ul > li > a:hover {
	background: #e67e22;
	background-color: transparent;
	border-color: transparent;
}
html.analisis-asesoramiento nav > ul > li.mobile.select > a ,
html.analisis-asesoramiento nav > ul > li.mobile > a:hover {
	border-color: #000000;
}
html.analisis-asesoramiento nav > ul > li > a > span {
	color: #000000;
}
html.analisis-asesoramiento nav > ul > li.select > a > strong ,
html.analisis-asesoramiento nav > ul > li > a:hover > strong {
	color: #000000;
}
html.analisis-asesoramiento footer {
	background: #000000;
}
html.analisis-asesoramiento footer > div > ul > li > a {
	color: #ffffff;
}
html.analisis-asesoramiento footer > div > ul > li.select > a ,
html.analisis-asesoramiento footer > div > ul > li > a:hover {
	color: #EA5852;
}
footer > div > ol > li.select > a {
	color: #EA5852;
}
html.analisis-asesoramiento body > section > div > article {
	color: #282828;
}
html.analisis-asesoramiento body > section > div > article > h2 {
	color: #000000;
}
html.analisis-asesoramiento body > section > div > aside , 
html.analisis-asesoramiento body > section > div > aside > div {
	background: #f1c40f;
	border-color: #000000;
}

html.analisis-asesoramiento body #mobile {
	color: #EA5852;
}
html.analisis-asesoramiento body ol#mobile-nav li.select a {
	color: #EA5852;
}


/* marketing-posicionamiento */
html.creatividad-diseno {
	background: #FA66A8;
}
html.creatividad-diseno body {
	color: #777777;
}
html.creatividad-diseno header {
	background: #000000;
}
html.creatividad-diseno header > div > ul#lang > li > a {
	color: #ffffff;
}
html.creatividad-diseno header > div > ul#lang > li.selected > a {
	background: #FA66A8;
}
html.creatividad-diseno header > div > ul#lang > li > a:hover {
	text-decoration: none;
}
html.creatividad-diseno nav > ul > li:before ,
html.creatividad-diseno nav > ul > li > a {
	color: #ffffff;
	background: #1a171b;
	border-color: #000000;
}
html.creatividad-diseno nav > ul > li.select > a ,
html.creatividad-diseno nav > ul > li > a:hover {
	background: #e67e22;
	background-color: transparent;
	border-color: transparent;
}
html.creatividad-diseno nav > ul > li.mobile.select > a ,
html.creatividad-diseno nav > ul > li.mobile > a:hover {
	border-color: #000000;
}
html.creatividad-diseno nav > ul > li > a > span {
	color: #000000;
}
html.creatividad-diseno nav > ul > li.select > a > strong ,
html.creatividad-diseno nav > ul > li > a:hover > strong {
	color: #000000;
}
html.creatividad-diseno footer {
	background: #000000;
}
html.creatividad-diseno footer > div > ul > li > a {
	color: #ffffff;
}
html.creatividad-diseno footer > div > ul > li.select > a ,
html.creatividad-diseno footer > div > ul > li > a:hover {
	color: #FA66A8;
}
footer > div > ol > li.select > a {
	color: #FA66A8;
}
html.creatividad-diseno body > section > div > article {
	color: #282828;
}
html.creatividad-diseno body > section > div > article > h2 {
	color: #000000;
}
html.creatividad-diseno body > section > div > aside , 
html.creatividad-diseno body > section > div > aside > div {
	background: #f1c40f;
	border-color: #000000;
}

html.creatividad-diseno body #mobile {
	color: #FA66A8;
}
html.creatividad-diseno body ol#mobile-nav li.select a {
	color: #FA66A8;
}


/* marketing-posicionamiento */
html.maquetacion-desarrollo {
	background: #B396CE;
}
html.maquetacion-desarrollo body {
	color: #777777;
}
html.maquetacion-desarrollo header {
	background: #000000;
}
html.maquetacion-desarrollo header > div > ul#lang > li > a {
	color: #ffffff;
}
html.maquetacion-desarrollo header > div > ul#lang > li.selected > a {
	background: #B396CE;
}
html.maquetacion-desarrollo header > div > ul#lang > li > a:hover {
	text-decoration: none;
}
html.maquetacion-desarrollo nav > ul > li:before ,
html.maquetacion-desarrollo nav > ul > li > a {
	color: #ffffff;
	background: #1a171b;
	border-color: #000000;
}
html.maquetacion-desarrollo nav > ul > li.select > a ,
html.maquetacion-desarrollo nav > ul > li > a:hover {
	background: #e67e22;
	background-color: transparent;
	border-color: transparent;
}
html.maquetacion-desarrollo nav > ul > li.mobile.select > a ,
html.maquetacion-desarrollo nav > ul > li.mobile > a:hover {
	border-color: #000000;
}
html.maquetacion-desarrollo nav > ul > li > a > span {
	color: #000000;
}
html.maquetacion-desarrollo nav > ul > li.select > a > strong ,
html.maquetacion-desarrollo nav > ul > li > a:hover > strong {
	color: #000000;
}
html.maquetacion-desarrollo footer {
	background: #000000;
}
html.maquetacion-desarrollo footer > div > ul > li > a {
	color: #ffffff;
}
html.maquetacion-desarrollo footer > div > ul > li.select > a ,
html.maquetacion-desarrollo footer > div > ul > li > a:hover {
	color: #B396CE;
}
footer > div > ol > li.select > a {
	color: #B396CE;
}
html.maquetacion-desarrollo body > section > div > article {
	color: #282828;
}
html.maquetacion-desarrollo body > section > div > article > h2 {
	color: #000000;
}
html.maquetacion-desarrollo body > section > div > aside , 
html.maquetacion-desarrollo body > section > div > aside > div {
	background: #f1c40f;
	border-color: #000000;
}

html.maquetacion-desarrollo body #mobile {
	color: #B396CE;
}
html.maquetacion-desarrollo body ol#mobile-nav li.select a {
	color: #B396CE;
}


/* marketing-posicionamiento */
html.marketing-posicionamiento {
	background: #6DA0C3;
}
html.marketing-posicionamiento body {
	color: #777777;
}
html.marketing-posicionamiento header {
	background: #000000;
}
html.marketing-posicionamiento header > div > ul#lang > li > a {
	color: #ffffff;
}
html.marketing-posicionamiento header > div > ul#lang > li.selected > a {
	background: #6DA0C3;
}
html.marketing-posicionamiento header > div > ul#lang > li > a:hover {
	text-decoration: none;
}
html.marketing-posicionamiento nav > ul > li:before ,
html.marketing-posicionamiento nav > ul > li > a {
	color: #ffffff;
	background: #1a171b;
	border-color: #000000;
}
html.marketing-posicionamiento nav > ul > li.select > a ,
html.marketing-posicionamiento nav > ul > li > a:hover {
	background: #e67e22;
	background-color: transparent;
	border-color: transparent;
}
html.marketing-posicionamiento nav > ul > li.mobile.select > a ,
html.marketing-posicionamiento nav > ul > li.mobile > a:hover {
	border-color: #000000;
}
html.marketing-posicionamiento nav > ul > li > a > span {
	color: #000000;
}
html.marketing-posicionamiento nav > ul > li.select > a > strong ,
html.marketing-posicionamiento nav > ul > li > a:hover > strong {
	color: #000000;
}
html.marketing-posicionamiento footer {
	background: #000000;
}
html.marketing-posicionamiento footer > div > ul > li > a {
	color: #ffffff;
}
html.marketing-posicionamiento footer > div > ul > li.select > a ,
html.marketing-posicionamiento footer > div > ul > li > a:hover {
	color: #6DA0C3;
}
footer > div > ol > li.select > a {
	color: #6DA0C3;
}
html.marketing-posicionamiento body > section > div > article {
	color: #282828;
}
html.marketing-posicionamiento body > section > div > article > h2 {
	color: #000000;
}
html.marketing-posicionamiento body > section > div > aside , 
html.marketing-posicionamiento body > section > div > aside > div {
	background: #f1c40f;
	border-color: #000000;
}

html.marketing-posicionamiento body #mobile {
	color: #6DA0C3;
}
html.marketing-posicionamiento body ol#mobile-nav li.select a {
	color: #6DA0C3;
}


/* marketing-posicionamiento */
html.contacto {
	background: #70C090;
}
html.contacto body {
	color: #777777;
}
html.contacto header {
	background: #000000;
}
html.contacto header > div > ul#lang > li > a {
	color: #ffffff;
}
html.contacto header > div > ul#lang > li.selected > a {
	background: #70C090;
}
html.contacto header > div > ul#lang > li > a:hover {
	text-decoration: none;
}
html.contacto nav > ul > li:before ,
html.contacto nav > ul > li > a {
	color: #ffffff;
	background: #1a171b;
	border-color: #000000;
}
html.contacto nav > ul > li.select > a ,
html.contacto nav > ul > li > a:hover {
	background: #e67e22;
	background-color: transparent;
	border-color: transparent;
}
html.contacto nav > ul > li.mobile.select > a ,
html.contacto nav > ul > li.mobile > a:hover {
	border-color: #000000;
}
html.contacto nav > ul > li > a > span {
	color: #000000;
}
html.contacto nav > ul > li.select > a > strong ,
html.contacto nav > ul > li > a:hover > strong {
	color: #000000;
}
html.contacto footer {
	background: #000000;
}
html.contacto footer > div > ul > li > a {
	color: #ffffff;
}
html.contacto footer > div > ul > li.select > a ,
html.contacto footer > div > ul > li > a:hover {
	color: #70C090;
}
footer > div > ol > li.select > a {
	color: #70C090;
}
html.contacto body > section > div > article {
	color: #282828;
}
html.contacto body > section > div > article > h2 {
	color: #000000;
}
html.contacto body > section > div > aside , 
html.contacto body > section > div > aside > div {
	background: #f1c40f;
	border-color: #000000;
}

html.contacto body #mobile {
	color: #70C090;
}
html.contacto body ol#mobile-nav li.select a {
	color: #70C090;
}


/* marketing-posicionamiento */
html.aviso-legal {
	background: #CCCCCC;
}
html.aviso-legal body {
	color: #777777;
}
html.aviso-legal header {
	background: #000000;
}
html.aviso-legal header > div > ul#lang > li > a {
	color: #ffffff;
}
html.aviso-legal header > div > ul#lang > li.selected > a {
	background: #CCCCCC;
}
html.aviso-legal header > div > ul#lang > li > a:hover {
	text-decoration: none;
}
html.aviso-legal nav > ul > li:before ,
html.aviso-legal nav > ul > li > a {
	color: #ffffff;
	background: #1a171b;
	border-color: #000000;
}
html.aviso-legal nav > ul > li.select > a ,
html.aviso-legal nav > ul > li > a:hover {
	background: #e67e22;
	background-color: transparent;
	border-color: transparent;
}
html.aviso-legal nav > ul > li.mobile.select > a ,
html.aviso-legal nav > ul > li.mobile > a:hover {
	border-color: #000000;
}
html.aviso-legal nav > ul > li > a > span {
	color: #000000;
}
html.aviso-legal nav > ul > li.select > a > strong ,
html.aviso-legal nav > ul > li > a:hover > strong {
	color: #000000;
}
html.aviso-legal footer {
	background: #000000;
}
html.aviso-legal footer > div > ul > li > a {
	color: #ffffff;
}
html.aviso-legal footer > div > ul > li.select > a ,
html.aviso-legal footer > div > ul > li > a:hover {
	color: #CCCCCC;
}
footer > div > ol > li.select > a {
	color: #CCCCCC;
}
html.aviso-legal body > section > div > article {
	color: #282828;
}
html.aviso-legal body > section > div > article > h2 {
	color: #000000;
}
html.aviso-legal body > section > div > aside , 
html.aviso-legal body > section > div > aside > div {
	background: #f1c40f;
	border-color: #000000;
}

html.aviso-legal body #mobile {
	color: #CCCCCC;
}
html.aviso-legal body ol#mobile-nav li.select a {
	color: #CCCCCC;
}


/* marketing-posicionamiento */
html.condiciones-uso {
	background: #CCCCCC;
}
html.condiciones-uso body {
	color: #777777;
}
html.condiciones-uso header {
	background: #000000;
}
html.condiciones-uso header > div > ul#lang > li > a {
	color: #ffffff;
}
html.condiciones-uso header > div > ul#lang > li.selected > a {
	background: #CCCCCC;
}
html.condiciones-uso header > div > ul#lang > li > a:hover {
	text-decoration: none;
}
html.condiciones-uso nav > ul > li:before ,
html.condiciones-uso nav > ul > li > a {
	color: #ffffff;
	background: #1a171b;
	border-color: #000000;
}
html.condiciones-uso nav > ul > li.select > a ,
html.condiciones-uso nav > ul > li > a:hover {
	background: #e67e22;
	background-color: transparent;
	border-color: transparent;
}
html.condiciones-uso nav > ul > li.mobile.select > a ,
html.condiciones-uso nav > ul > li.mobile > a:hover {
	border-color: #000000;
}
html.condiciones-uso nav > ul > li > a > span {
	color: #000000;
}
html.condiciones-uso nav > ul > li.select > a > strong ,
html.condiciones-uso nav > ul > li > a:hover > strong {
	color: #000000;
}
html.condiciones-uso footer {
	background: #000000;
}
html.condiciones-uso footer > div > ul > li > a {
	color: #ffffff;
}
html.condiciones-uso footer > div > ul > li.select > a ,
html.condiciones-uso footer > div > ul > li > a:hover {
	color: #CCCCCC;
}
footer > div > ol > li.select > a {
	color: #CCCCCC;
}
html.condiciones-uso body > section > div > article {
	color: #282828;
}
html.condiciones-uso body > section > div > article > h2 {
	color: #000000;
}
html.condiciones-uso body > section > div > aside , 
html.condiciones-uso body > section > div > aside > div {
	background: #f1c40f;
	border-color: #000000;
}

html.condiciones-uso body #mobile {
	color: #CCCCCC;
}
html.condiciones-uso body ol#mobile-nav li.select a {
	color: #CCCCCC;
}


/* marketing-posicionamiento */
html.politica-privacidad {
	background: #CCCCCC;
}
html.politica-privacidad body {
	color: #777777;
}
html.politica-privacidad header {
	background: #000000;
}
html.politica-privacidad header > div > ul#lang > li > a {
	color: #ffffff;
}
html.politica-privacidad header > div > ul#lang > li.selected > a {
	background: #CCCCCC;
}
html.politica-privacidad header > div > ul#lang > li > a:hover {
	text-decoration: none;
}
html.politica-privacidad nav > ul > li:before ,
html.politica-privacidad nav > ul > li > a {
	color: #ffffff;
	background: #1a171b;
	border-color: #000000;
}
html.politica-privacidad nav > ul > li.select > a ,
html.politica-privacidad nav > ul > li > a:hover {
	background: #e67e22;
	background-color: transparent;
	border-color: transparent;
}
html.politica-privacidad nav > ul > li.mobile.select > a ,
html.politica-privacidad nav > ul > li.mobile > a:hover {
	border-color: #000000;
}
html.politica-privacidad nav > ul > li > a > span {
	color: #000000;
}
html.politica-privacidad nav > ul > li.select > a > strong ,
html.politica-privacidad nav > ul > li > a:hover > strong {
	color: #000000;
}
html.politica-privacidad footer {
	background: #000000;
}
html.politica-privacidad footer > div > ul > li > a {
	color: #ffffff;
}
html.politica-privacidad footer > div > ul > li.select > a ,
html.politica-privacidad footer > div > ul > li > a:hover {
	color: #CCCCCC;
}
footer > div > ol > li.select > a {
	color: #CCCCCC;
}
html.politica-privacidad body > section > div > article {
	color: #282828;
}
html.politica-privacidad body > section > div > article > h2 {
	color: #000000;
}
html.politica-privacidad body > section > div > aside , 
html.politica-privacidad body > section > div > aside > div {
	background: #f1c40f;
	border-color: #000000;
}

html.politica-privacidad body #mobile {
	color: #CCCCCC;
}
html.politica-privacidad body ol#mobile-nav li.select a {
	color: #CCCCCC;
}


/* marketing-posicionamiento */
html.politica-cookies {
	background: #CCCCCC;
}
html.politica-cookies body {
	color: #777777;
}
html.politica-cookies header {
	background: #000000;
}
html.politica-cookies header > div > ul#lang > li > a {
	color: #ffffff;
}
html.politica-cookies header > div > ul#lang > li.selected > a {
	background: #CCCCCC;
}
html.politica-cookies header > div > ul#lang > li > a:hover {
	text-decoration: none;
}
html.politica-cookies nav > ul > li:before ,
html.politica-cookies nav > ul > li > a {
	color: #ffffff;
	background: #1a171b;
	border-color: #000000;
}
html.politica-cookies nav > ul > li.select > a ,
html.politica-cookies nav > ul > li > a:hover {
	background: #e67e22;
	background-color: transparent;
	border-color: transparent;
}
html.politica-cookies nav > ul > li.mobile.select > a ,
html.politica-cookies nav > ul > li.mobile > a:hover {
	border-color: #000000;
}
html.politica-cookies nav > ul > li > a > span {
	color: #000000;
}
html.politica-cookies nav > ul > li.select > a > strong ,
html.politica-cookies nav > ul > li > a:hover > strong {
	color: #000000;
}
html.politica-cookies footer {
	background: #000000;
}
html.politica-cookies footer > div > ul > li > a {
	color: #ffffff;
}
html.politica-cookies footer > div > ul > li.select > a ,
html.politica-cookies footer > div > ul > li > a:hover {
	color: #CCCCCC;
}
footer > div > ol > li.select > a {
	color: #CCCCCC;
}
html.politica-cookies body > section > div > article {
	color: #282828;
}
html.politica-cookies body > section > div > article > h2 {
	color: #000000;
}
html.politica-cookies body > section > div > aside , 
html.politica-cookies body > section > div > aside > div {
	background: #f1c40f;
	border-color: #000000;
}

html.politica-cookies body #mobile {
	color: #CCCCCC;
}
html.politica-cookies body ol#mobile-nav li.select a {
	color: #CCCCCC;
}