/* reset ---------------------------------------------------------------------------------------------------------------------------------- */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, 
	dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
	section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
	audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
	audio:not([controls]) { display: none; height: 0; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; }
	strong { font-weight: bold; }
	table { border-collapse: collapse; border-spacing: 0; }
	img { border: 0; max-width: 100%; }
	iframe { overflow: hidden; }
	
	abbr[title] { border-bottom: 1px dotted; }
	b, strong { font-weight: bold; }
	blockquote { margin: 1em 40px; }
	hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
	mark { background: #ff0; color: #000; }
	p, pre { margin: 1em 0; }
	small { font-size: 80%; }
	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }
	nav ul, nav ol { list-style: none; list-style-image: none; }
	img { border: 0; -ms-interpolation-mode: bicubic; }
	form { margin: 0; }
	button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
	button, input { line-height: normal; }
	button, select { text-transform: none; }
	button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
	button[disabled], html input[disabled] { cursor: default; }
	input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }


/* font ----------------------------------------------------------------------------------------------------------------------------------- */
	@font-face {
		font-family: 'Source Sans Pro';
		font-style: normal;
		font-weight: 300;
		src: url(../fonts/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot);
		src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(../fonts/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'), url(../fonts/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format('woff');
	}
	@font-face {
		font-family: 'Source Sans Pro';
		font-style: normal;
		font-weight: 400;
		src: url(../fonts/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot);
		src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(../fonts/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
	}


/* geral ---------------------------------------------------------------------------------------------------------------------------------- */
	* { margin: 0; padding: 0; color: rgba(0,0,0,0.5); }
	html, body { width: 100%; height: 100%; font-family: 'Source Sans Pro'; font-size: 12px; overflow-x: hidden; overflow-y: auto; }
	a { text-decoration: none; cursor: pointer; }
	.bullet { display: inline-block; background: rgb(81,94,120); width: 5px; height: 5px; margin-left: 7px; margin-right: 7px; }
	.bullet { -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
	#content { position: absolute; margin-top: 50px; left: 50%; margin-left: -505px; width: 1010px; }
	@media screen and (max-width:1050px){ #content { margin-left: -455px; width: 910px; } }
	@media screen and (max-width:950px){ #content { margin-left: -405px; width: 810px; } }
	@media screen and (max-width:850px){ #content { margin-left: -355px; width: 710px; } }
	@media screen and (max-width:768px){ #content { left: 0; margin-left: 5%; width: 90%; } }
	.bullet, #content { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }


/* header --------------------------------------------------------------------------------------------------------------------------------- */
	#header { width: 1010px; }
	@media screen and (max-width:1050px){ #header { width: 910px; } }
	@media screen and (max-width:950px){ #header { width: 810px; } }
	@media screen and (max-width:850px){ #header { width: 710px; } }
	@media screen and (max-width:768px){ #header { width: 100%; } }
	#header .left { float: left; }
	#header .left .logo { margin-top: -20px; }
	#header .break { clear: both; display: none; }
	#header .right { text-align: right; color: rgba(0,0,0,0.5); margin-top: 10px; }
	#header .right div { display: inline-block; }
	#header .right .spacer { margin-right: 60px; }
	@media screen and (max-width:1050px){ #header .right .spacer { margin-right: 60px; } }
	@media screen and (max-width:950px){ #header .right .spacer { margin-right: 40px; } }
	@media screen and (max-width:850px){ #header .right .spacer { margin-right: 20px; } }
	@media screen and (max-width:750px){ #header .right .spacer { margin-right: 0px; } }
	#header .right .spacer a { text-decoration: none; color: rgba(0,0,0,0.5); padding: 1px; -webkit-transition: color 0.6s ease-in-out; -moz-transition: color 0.6s ease-in-out; -o-transition: color 0.6s ease-in-out; -ms-transition: color 0.6s ease-in-out; transition: color 0.6s ease-in-out; }
	#header .right .spacer a:hover { color: rgb(81,94,120); }
	#header .right .break2 { display: none; }
	@media screen and (max-width:500px){
		#header { margin-top: 30px; }
		#header .left { width: 100%; text-align: center; }
		#header .break { display: block; }
		#header .right { text-align: center; }
		#header .spacer .break1 { display: none; }
		#header .right .break2 { display: inline-block; }
	}
	#header .right input[type="text"] { width: 120px; height: 14px; border: 0; background: rgba(0,0,0,0.1); padding-left: 5px; padding-right: 5px; }
	#header .right input[type="text"] { font-family: 'Source Sans Pro'; font-size: 10px; color: #222; }
	#header .bullet { margin-bottom: 1px; }
	#header, #header .left, #header .left .logo, #header .break, #header .right, #header .right div, #header .right .spacer, #header .right .spacer a, #header .right .break2 { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }


/* cssmenumaker --------------------------------------------------------------------------------------------------------------------------- */
	#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgb(81,94,120); }
	#cssmenu { width: 1010px; z-index: 1000; }
	@media screen and (max-width:1050px){ #cssmenu { width: 910px; } }
	@media screen and (max-width:950px){ #cssmenu { width: 810px; } }
	@media screen and (max-width:850px){ #cssmenu { width: 710px; } }
	@media screen and (max-width:768px){ #cssmenu { width: 100%; } }
	#cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	#cssmenu #menu-button { display: none; }
	#cssmenu { font-family: 'Source Sans Pro'; line-height: 1; background: #ffffff; }
	#cssmenu > ul > li { float: left; width: 20%; }
	#cssmenu > ul > li > a { padding: 8px; font-size: 16px; text-decoration: none; text-transform: lowercase; color: #fff; }
	#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color: #fff; }
	#cssmenu ul ul { position: absolute; left: -9999px; width: 100%; }
	#cssmenu li:hover > ul { left: auto; }
	#cssmenu ul ul li { height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; }
	#cssmenu ul li:hover > ul > li { height: 32px; }
	#cssmenu ul ul li a { padding: 10px 20px; font-size: 12px; background: #e9cfba; text-decoration: none; color: rgb(81,94,120); -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; }
	#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #fff; }
	#cssmenu ul .white { background: #fff; width: 100%; display: block; }
	@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
		#cssmenu { width: 100%; margin-left: 0; }
		#cssmenu ul { width: 100%; display: none; }
		#cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li { width: 100%; height: auto; border-top: 1px solid rgba(120, 120, 120, 0.15); }
		#cssmenu ul li a, #cssmenu ul ul li a { width: 100%; }
		#cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li { float: none; display: block; }
		#cssmenu ul ul li a { padding: 20px 20px 20px 30px; font-size: 12px; color: #fff; background: none; }
		#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #fff; }
		#cssmenu ul ul { position: relative; left: 0; right: auto; width: 100%; margin: 0; }
		#cssmenu #menu-button { display: block; padding: 20px; color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase; }
		#cssmenu #menu-button::after { content: ''; position: absolute; top: 20px; right: 20px; display: block; width: 15px; height: 2px; background: #fff; }
		#cssmenu #menu-button::before { content: ''; position: absolute; top: 25px; right: 20px; display: block; width: 15px; height: 3px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
		#cssmenu .submenu-button { position: absolute; z-index: 10; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.15); height: 52px; width: 52px; cursor: pointer; }
		#cssmenu .submenu-button::after { content: ''; position: absolute; top: 12px; left: 26px; display: block; width: 1px; height: 11px; background: #fff; z-index: 99; }
		#cssmenu .submenu-button::before { content: ''; position: absolute; left: 21px; top: 17px; display: block; width: 11px; height: 1px; background: #fff; z-index: 99; }
		#cssmenu .submenu-button.submenu-opened:after { display: none; }
		#cssmenu ul .white { display: none; }
	}
	#cssmenu { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }


/* slider --------------------------------------------------------------------------------------------------------------------------------- */
	/* slippry v1.3.1 - Responsive content slider for jQuery | http://slippry.com | Authors: Lukas Jakob Hafner - @saftsaak | Thomas Hurd - @SeenNotHurd | Copyright 2015, booncon oy - http://booncon.com | Released under the MIT license - http://opensource.org/licenses/MIT */

	/* kenBurns animations, very basic */
	@-webkit-keyframes left-right {
		0% {
			-moz-transform: translateY(-20%) translateX(-10%);
			-ms-transform: translateY(-20%) translateX(-10%);
			-webkit-transform: translateY(-20%) translateX(-10%);
			transform: translateY(-20%) translateX(-10%);
		}
		100% {
			-moz-transform: translateY(0%) translateX(10%);
			-ms-transform: translateY(0%) translateX(10%);
			-webkit-transform: translateY(0%) translateX(10%);
			transform: translateY(0%) translateX(10%);
		}
	}
	@-moz-keyframes left-right {
		0% {
			-moz-transform: translateY(-20%) translateX(-10%);
			-ms-transform: translateY(-20%) translateX(-10%);
			-webkit-transform: translateY(-20%) translateX(-10%);
			transform: translateY(-20%) translateX(-10%);
		}
		100% {
			-moz-transform: translateY(0%) translateX(10%);
			-ms-transform: translateY(0%) translateX(10%);
			-webkit-transform: translateY(0%) translateX(10%);
			transform: translateY(0%) translateX(10%);
		}
	}
	@-ms-keyframes left-right {
		0% {
			-moz-transform: translateY(-20%) translateX(-10%);
			-ms-transform: translateY(-20%) translateX(-10%);
			-webkit-transform: translateY(-20%) translateX(-10%);
			transform: translateY(-20%) translateX(-10%);
		}
		100% {
			-moz-transform: translateY(0%) translateX(10%);
			-ms-transform: translateY(0%) translateX(10%);
			-webkit-transform: translateY(0%) translateX(10%);
			transform: translateY(0%) translateX(10%);
		}
	}
	@keyframes left-right {
		0% {
			-moz-transform: translateY(-20%) translateX(-10%);
			-ms-transform: translateY(-20%) translateX(-10%);
			-webkit-transform: translateY(-20%) translateX(-10%);
			transform: translateY(-20%) translateX(-10%);
		}
		100% {
			-moz-transform: translateY(0%) translateX(10%);
			-ms-transform: translateY(0%) translateX(10%);
			-webkit-transform: translateY(0%) translateX(10%);
			transform: translateY(0%) translateX(10%);
		}
	}
	@-webkit-keyframes right-left {
		0% {
			-moz-transform: translateY(0%) translateX(10%);
			-ms-transform: translateY(0%) translateX(10%);
			-webkit-transform: translateY(0%) translateX(10%);
			transform: translateY(0%) translateX(10%);
		}
		100% {
			-moz-transform: translateY(-20%) translateX(-10%);
			-ms-transform: translateY(-20%) translateX(-10%);
			-webkit-transform: translateY(-20%) translateX(-10%);
			transform: translateY(-20%) translateX(-10%);
		}
	}
	@-moz-keyframes right-left {
		0% {
			-moz-transform: translateY(0%) translateX(10%);
			-ms-transform: translateY(0%) translateX(10%);
			-webkit-transform: translateY(0%) translateX(10%);
			transform: translateY(0%) translateX(10%);
		}
		100% {
			-moz-transform: translateY(-20%) translateX(-10%);
			-ms-transform: translateY(-20%) translateX(-10%);
			-webkit-transform: translateY(-20%) translateX(-10%);
			transform: translateY(-20%) translateX(-10%);
		}
	}
	@-ms-keyframes right-left {
		0% {
			-moz-transform: translateY(0%) translateX(10%);
			-ms-transform: translateY(0%) translateX(10%);
			-webkit-transform: translateY(0%) translateX(10%);
			transform: translateY(0%) translateX(10%);
		}
		100% {
			-moz-transform: translateY(-20%) translateX(-10%);
			-ms-transform: translateY(-20%) translateX(-10%);
			-webkit-transform: translateY(-20%) translateX(-10%);
			transform: translateY(-20%) translateX(-10%);
		}
	}
	@keyframes right-left {
		0% {
			-moz-transform: translateY(0%) translateX(10%);
			-ms-transform: translateY(0%) translateX(10%);
			-webkit-transform: translateY(0%) translateX(10%);
			transform: translateY(0%) translateX(10%);
		}
		100% {
			-moz-transform: translateY(-20%) translateX(-10%);
			-ms-transform: translateY(-20%) translateX(-10%);
			-webkit-transform: translateY(-20%) translateX(-10%);
			transform: translateY(-20%) translateX(-10%);
		}
	}

	/* added to the original element calling slippry */
	.sy-box.sy-loading { background: url("../img/loading.gif") 50% 50% no-repeat; -moz-background-size: 32px; -o-background-size: 32px; -webkit-background-size: 32px; background-size: 32px; min-height: 40px; }
	.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager { visibility: hidden; }

	/* element that wraps the slides */
	.sy-slides-wrap { position: relative; height: 100%; width: 100%; }
	.sy-slides-wrap:hover .sy-controls { display: block; }

	/* element that crops the visible area to the slides */
	.sy-slides-crop { height: 100%; width: 100%; position: absolute; overflow: hidden; }

	/* list containing the slides */
	.sy-list { width: 100%; height: 100%; list-style: none; margin: 0; padding: 0; position: absolute; }
	.sy-list.horizontal { -moz-transition: left ease; -o-transition: left ease; -webkit-transition: left ease; transition: left ease; }
	.sy-list.vertical { -moz-transition: top ease; -o-transition: top ease; -webkit-transition: top ease; transition: top ease; }

	/* single slide */
	.sy-slide { position: absolute; width: 100%; z-index: 2; }
	.sy-slide.kenburns { width: 140%; left: -20%; }
	.sy-slide.kenburns.useCSS { -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; }
	.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) { -webkit-animation-name: left-right; -webkit-animation-fill-mode: forwards; -moz-animation-name: left-right; -moz-animation-fill-mode: forwards; -o-animation-name: left-right; -o-animation-fill-mode: forwards; animation-name: left-right; animation-fill-mode: forwards; }
	.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) { -webkit-animation-name: right-left; -webkit-animation-fill-mode: forwards; -moz-animation-name: right-left; -moz-animation-fill-mode: forwards; -o-animation-name: right-left; -o-animation-fill-mode: forwards; animation-name: right-left; animation-fill-mode: forwards; }
	.sy-slide.sy-active { z-index: 3; }
	.sy-slide > img { margin: 0; padding: 0; display: block; width: 100%; border: 0; }
	.sy-slide > a { margin: 0; padding: 0; display: block; width: 100%; }
	.sy-slide > a > img { margin: 0; padding: 0; display: block; width: 100%; border: 0; }

	/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
	.sy-controls { display: none; list-style: none; height: 100%; width: 100%; position: absolute; padding: 0; margin: 0; }
	.sy-controls li { position: absolute; width: 10%; min-width: 4.2em; height: 100%; z-index: 33; }
	.sy-controls li.sy-prev { left: 0; top: 0; }
	.sy-controls li.sy-prev a:after { background-position: -5% 0; }
	.sy-controls li.sy-next { right: 0; top: 0; }
	.sy-controls li.sy-next a:after { background-position: 105% 0; }
	.sy-controls li a { position: relative; width: 100%; height: 100%; display: block; text-indent: -9999px; }
	.sy-controls li a:link, .sy-controls li a:visited { opacity: 0.4; }
	.sy-controls li a:hover, .sy-controls li a:focus { opacity: 0.8; outline: none; }
	.sy-controls li a:after { content: ""; background-image: url("../img/arrows.svg"); background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; text-align: center; text-indent: 0; line-height: 2.8em; color: #111; font-weight: 800; position: absolute; background-color: #fff; width: 2.8em; height: 2.8em; left: 50%; top: 50%; margin-top: -1.4em; margin-left: -1.4em; -moz-border-radius: 50%; webkit-border-radius: 50%; border-radius: 50%; }
	@media only screen and (max-device-width: 600px) {
		.sy-controls { display: block; }
		.sy-controls li { min-width: 2.1em; }
		.sy-controls li a:after { width: 1.4em; height: 1.4em; margin-top: -0.7em; margin-left: -0.7em; }
	}

	/* captions, styled fo the overlay variant */
	.sy-caption-wrap { position: absolute; bottom: 2em; z-index: 12; left: 50%; }
	.sy-caption-wrap .sy-caption { position: relative; left: -50%; background-color: rgba(0, 0, 0, 0.54); color: #fff; padding: 0.4em 1em; -moz-border-radius: 1.2em; -webkit-border-radius: 1.2em; border-radius: 1.2em; }
	.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited { color: #e24b70; font-weight: 600; text-decoration: none; }
	.sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus { text-decoration: underline; }
	@media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
		.sy-caption-wrap { left: 0; bottom: 0.4em; }
		.sy-caption-wrap .sy-caption { left: 0; padding: 0.2em 0.4em; font-size: 0.92em; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
	}

	/* pager bubbles */
	.sy-pager { overflow: hidden; *zoom: 1; display: block; width: 100%; margin: 1em 0 0; margin-bottom: 10px; padding: 0; list-style: none; text-align: center; }
	.sy-pager li { display: inline-block; width: 1.2em; height: 1.2em; margin: 0 1em 0 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
	.sy-pager li.sy-active a { background-color: rgb(81,94,120); }
	.sy-pager li a { width: 100%; height: 100%; display: block; background-color: #ccc; text-indent: -9999px; -moz-background-size: 2em; -o-background-size: 2em; -webkit-background-size: 2em; background-size: 2em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
	.sy-pager li a:link, .sy-pager li a:visited { opacity: 1.0; }
	.sy-pager li a:hover, .sy-pager li a:focus { opacity: 0.6; }

	/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
	.sy-filler { width: 100%; }
	.sy-filler.ready { -moz-transition: padding 600ms ease; -o-transition: padding 600ms ease; -webkit-transition: padding 600ms ease; transition: padding 600ms ease; }

	.demo_wrapper { width: 1010px; margin: 0; }
	@media screen and (max-width:1050px){ .demo_wrapper { width: 910px; } }
	@media screen and (max-width:950px){ .demo_wrapper { width: 810px; } }
	@media screen and (max-width:850px){ .demo_wrapper { width: 710px; } }
	@media screen and (max-width:768px){ .demo_wrapper { width: 100%; } }
	.demo_block { width: 100%; }


/* grid ----------------------------------------------------------------------------------------------------------------------------------- */
	.grid { width: 1010px; }
	@media screen and (max-width:1050px){ .grid { width: 910px; } }
	@media screen and (max-width:950px){ .grid { width: 810px; } }
	@media screen and (max-width:850px){ .grid { width: 710px; } }
	@media screen and (max-width:768px){ .grid { width: 100%; margin-top: 10px; } }

	.grid .img { position: relative; float: left; margin: 0; margin-bottom: 10px; width: calc(25% - 8px); overflow: hidden; }
	.grid .img1 { margin-right: 10px; }
	.grid .img2 { margin-right: 10px; }
	.grid .img3 { margin-right: 10px; }
	.grid .img4 { margin-right: 0; }
	@media screen and (max-width:1050px){
		.grid .img { width: 220px; }
		.grid .img1 { margin-right: 10px; }
		.grid .img2 { margin-right: 10px; }
		.grid .img3 { margin-right: 10px; }
		.grid .img4 { margin-right: 0; }
	}
	@media screen and (max-width:950px){
		.grid .img { width: 195px; }
		.grid .img1 { margin-right: 10px; }
		.grid .img2 { margin-right: 10px; }
		.grid .img3 { margin-right: 10px; }
		.grid .img4 { margin-right: 0; }
	}
	@media screen and (max-width:850px){
		.grid .img { width: 170px; }
		.grid .img1 { margin-right: 10px; }
		.grid .img2 { margin-right: 10px; }
		.grid .img3 { margin-right: 10px; }
		.grid .img4 { margin-right: 0; }
	}
	@media screen and (max-width:768px){
		.grid .img { width: 49%; }
		.grid .img1 { margin-right: 0; float: left; }
		.grid .img2 { margin-right: 0; float: right; }
		.grid .img3 { margin-right: 0; float: left; }
		.grid .img4 { margin-right: 0; float: right; }
	}
	@media screen and (max-width:500px){
		.grid .img { width: 100%; }
	}
	.grid .img img { display: block; margin: 0; padding: 0; width: 100%; height: auto; border: 0; }
	.grid .img .overlay { display: block; position: absolute; z-index: 20; background: #e9cfba; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
	.grid .img .overlay a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #000; cursor: pointer; }
	.grid .img .overlay a.close-overlay.hidden { display: none; }
	.grid .img .overlay a.expand { display: block; position: absolute; z-index: 100; width: 60px; height: 60px; border: solid 5px #fff; text-align: center; color: #fff; line-height: 50px; font-weight: 700; font-size: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
	.grid .overlay { top: 0; left: 0; right: 0; width: 100%; height: 0; }
	.grid .overlay a.expand { left: 0; right: 0; top: 50%; margin: -30px auto 0 auto; }
	.grid .img.hover .overlay { height: 100%; }
	.grid, .grid .img, .grid .img1, .grid .img2, .grid .img3, .grid .img4, .grid .img img { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }


/* footer --------------------------------------------------------------------------------------------------------------------------------- */
	#footer { width: 1010px; margin-top: 50px; margin-bottom: 20px; background: #eee; padding: 20px; }
	@media screen and (max-width:1050px){ #footer { width: 910px; } }
	@media screen and (max-width:950px){ #footer { width: 810px; } }
	@media screen and (max-width:850px){ #footer { width: 710px; } }
	@media screen and (max-width:768px){ #footer { width: 100%; } }
	#footer .col1 { width: 190px; }
	#footer .col2 { width: 190px; }
	#footer .col3 { width: 160px; }
	#footer .col4 { width: 250px; }
	#footer .col5 { width: 170px; }
	#footer .col5A { display: none; }
	#footer .col6 { display: none; }
	#footer .col7 { display: none; }
	@media screen and (max-width:1050px){
		#footer .col1 { width: 240px; }
		#footer .col2 { width: 240px; }
		#footer .col4 { width: 220px; }
		#footer .col5 { display: none; }
		#footer .col5A { display: block; }
	}
	@media screen and (max-width:950px){
		#footer .col1 { width: 200px; }
		#footer .col2 { width: 200px; }
		#footer .col4 { width: 200px; }
	}
	@media screen and (max-width:768px){
		#footer .col1 { display: none;}
		#footer .col2 { display: none; }
		#footer .col3 { display: none; }
		#footer .col4 { display: none; }
		#footer .col5 { display: none; }
		#footer .col6 { display: inline-block; width: 49%; }
		#footer .col7 { display: inline-block; width: 49%; margin-top: 0; }
	}
	@media screen and (max-width:450px){
		#footer .col6 { display: block; width: 100%; }
		#footer .col7 { display: block; width: 100%; margin-top: 40px; }
	}
	#footer a { text-decoration: none; color: rgba(0,0,0,0.5); padding: 1px; -webkit-transition: color 0.6s ease-in-out; -moz-transition: color 0.6s ease-in-out; -o-transition: color 0.6s ease-in-out; -ms-transition: color 0.6s ease-in-out; transition: color 0.6s ease-in-out; }
	#footer a:hover { color: rgb(81,94,120); }
	#footer div { display: inline-block; vertical-align: top; color: rgba(0,0,0,0.5); }
	#footer .bullet { margin-top: 6px; }
	#footer, #footer .col1, #footer .col2, #footer .col3, #footer .col4, #footer .col5, #footer .col5A, #footer .col6, #footer .col7, #footer a, #footer div, #footer .bullet { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

	/* social */
	.social1 { display: display; }
	.social2 { display: none; margin-top: 20px; }
	#social { margin-bottom: 50px; }
	#social table { width: 1010px; }
	@media screen and (max-width:1050px){ #social table { width: 910px; } }
	@media screen and (max-width:950px){ #social table { width: 810px; } }
	@media screen and (max-width:850px){ .social1 { display: none; } .social2 { display: block; } #social table { width: 710px; } }
	@media screen and (max-width:750px){ #social table { width: 610px; } }
	@media screen and (max-width:650px){ #social table { width: 510px; } }
	#social a.tooltip { outline: none; }
	#social a.tooltip:hover { text-decoration: none; }
	#social a.tooltip span { z-index: 10; display: none; padding: 5px; margin-top: -20px; margin-left: -17px; }
	#social a.tooltip:hover span { display: inline; position: absolute; color: #fff; background: rgb(81,94,120); }
	.social1, .social2, #social, #social table { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }


/* overlay */
	.black_overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; z-index: 1001; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }
	@media screen and (max-width:1050px){ .black_overlay { height: 810px; } }
	@media screen and (max-width:950px){ .black_overlay { height: 770px; } }
	@media screen and (max-width:850px){ .black_overlay { height: 780px; } }
	@media screen and (max-width:750px){ .black_overlay { height: 740px; } }
	.fechar { float: right; cursor: pointer; text-align: center; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; color: rgb(81,94,120); background: #fff; }
	.fechar { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
	.fechar:hover { background: rgb(81,94,120); color: #fff; }
	.white_content input[type=submit] { background: #fff; color: rgba(0,0,0,0.5); border: 0; text-align: center; font-size: 10px; padding-left: 5px; padding-right: 5px; cursor: pointer; margin-top: 15px; }
	.white_content input[type=submit] { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
	.white_content input[type=submit]:hover { background: rgb(81,94,120); color: #fff; }
	.white_content { display: none; position: fixed; padding: 16px; background-color: #fff; color: rgba(0,0,0,0.5); z-index: 1002; overflow: auto; top: 50%; left: 50%; }
	.white_content_idioma { width: 340px; height: 270px; margin-left: -170px; margin-top: -135px; }
	.white_content_newsletter { width: 300px; height: 250px; margin-left: -125px; margin-top: -125px; }
	.white_content_newsletter, .white_content_idioma, .fechar, .white_content, .white_content input[type=submit] { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }


/* content -------------------------------------------------------------------------------------------------------------------------------- */
	.conteudo { margin-top: 40px; }
	.conteudo .title { text-transform: uppercase; color: rgb(81,94,120); margin-bottom: 10px; }
	.conteudo .text { margin-bottom: 20px; }
	.conteudo .text img { border: 0; width: 100%; margin-top: 10px; margin-bottom: 10px; }
	.conteudo { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-width: 50%; -moz-column-width: 50%; column-width: 50%; }
	@media screen and (max-width:400px){ .conteudo { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%; } }
	.conteudo, .conteudo .title, .conteudo .text, .conteudo .text img { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }


/* newsletter ----------------------------------------------------------------------------------------------------------------------------- */
	.newsletter input[type="text"] { width: 120px; height: 14px; border: 0; background: rgba(0,0,0,0.1); padding-left: 5px; padding-right: 5px; }
	.newsletter input[type="text"] { font-family: 'Source Sans Pro'; font-size: 10px; color: #222; }
	.newsletter input[type=submit] { background: #fff; color: rgba(0,0,0,0.5); border: 0; text-align: center; font-size: 10px; padding-left: 5px; padding-right: 5px; cursor: pointer; margin-top: 15px; }
	.newsletter input[type=submit] { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
	.newsletter input[type=submit]:hover { background: rgb(81,94,120); color: #fff; }
	.newsletter input[type=text], .newsletter input[type=submit] { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }