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

	html,
	.field {
		font-family: 'coolveticaregular', sans-serif;
		font-size: 18px;
	}
/* Default color */
	html,
	a {
		color: #231f20;
	}
/* Default links */
	a.inline.link,
	label.inline.link {
		display: inline-block;
		line-height: 0.889em;
		vertical-align: text-bottom;
		padding-top: 3px;
		padding-right: 4px;
		padding-left: 5px;
		margin-bottom: 1px;
		-webkit-transition: background-color 500ms ease-out, color 500ms ease-out;
		   -moz-transition: background-color 500ms ease-out, color 500ms ease-out;
		     -o-transition: background-color 500ms ease-out, color 500ms ease-out;
		        transition: background-color 500ms ease-out, color 500ms ease-out;
	}
		a.inline.link:focus,
		a.inline.link:hover,
		label.inline.link:focus,
		label.inline.link:hover {
			background-color: #040707;
			color: #f7e041;
		}
/* Forms */
	.field-box + .field-box {
		margin-top: 1px;
	}
	label {
		vertical-align: top;
	}
		label[for] {
			cursor: pointer;
		}
	.field,
	input[type='submit'],
	.button {
		background-color: #f7e041;
		border: 0;
		outline: 0;
		-webkit-transition: background-color 500ms ease-out, background-image 500ms ease-out, color 500ms ease-out;
		   -moz-transition: background-color 500ms ease-out, background-image 500ms ease-out, color 500ms ease-out;
		     -o-transition: background-color 500ms ease-out, background-image 500ms ease-out, color 500ms ease-out;
		        transition: background-color 500ms ease-out, background-image 500ms ease-out, color 500ms ease-out;
	}
		.field {
			padding: 6px 10px;
			width: 428px;
		}
		.button {
			padding: 6px 10px;
		}
		input[type='submit'] {
			color: #1488c8;
			font-family: inherit;
			font-size: 30px;
			text-transform: inherit;
		}
			input[type='submit'] {
				padding: 60px 45px;
			}
			.field:focus,
			.field:hover,
			input[type='submit']:focus,
			input[type='submit']:hover,
			.button:focus,
			.button:hover {
				background-color: #1488c8;
				color: #f7e041;
			}
	textarea {
		min-height: 102px;
		max-height: 372px;
	}
/* Classes */
	/* ir */
		.ir {
			background-position: 50% 50%;
			background-repeat: no-repeat;
			display: inline-block;
		}
	/* tres-d */
		.tres-d {
			display: inline-block;
			vertical-align: top;
		}
			.csstransforms .tres-d {
				margin-right: 10px;
				margin-bottom: 10px;
				position: relative;
			}
				.csstransforms .tres-d:focus > *,
				.csstransforms .tres-d:hover > * {
					background-color: #1488c8;
					color: #f7e041;
				}
				.csstransforms .tres-d::before,
				.csstransforms .tres-d::after {
					content: '';
					position: absolute;
					-webkit-transition: background-color 500ms ease-out;
					   -moz-transition: background-color 500ms ease-out;
					     -o-transition: background-color 500ms ease-out;
					        transition: background-color 500ms ease-out;
				}
					.csstransforms .tres-d::before {
						background-color: #dec739;
						height: 100%;
						right: -10px;
						top: 5px;
						-webkit-transform: matrix(1, 1, 0, 1, 0, 0);
						   -moz-transform: matrix(1, 1, 0, 1, 0, 0);
						    -ms-transform: matrix(1, 1, 0, 1, 0, 0);
						     -o-transform: matrix(1, 1, 0, 1, 0, 0);
						        transform: matrix(1, 1, 0, 1, 0, 0);
						width: 10px;
					}
					.csstransforms .tres-d::after {
						background-color: #786c1f;
						bottom: -10px;
						height: 10px;
						left: 5px;
						-webkit-transform: matrix(1, 0, 1, 1, 0, 0);
						   -moz-transform: matrix(1, 0, 1, 1, 0, 0);
						    -ms-transform: matrix(1, 0, 1, 1, 0, 0);
						     -o-transform: matrix(1, 0, 1, 1, 0, 0);
						        transform: matrix(1, 0, 1, 1, 0, 0);
						width: 100%;
					}
						.csstransforms .tres-d:focus::before,
						.csstransforms .tres-d:hover::before {
							background-color: #33a7e7;
						}
						.csstransforms .tres-d:focus::after,
						.csstransforms .tres-d:hover::after {
							background-color: #0e5d88;
						}
	/* buttons */
		.horizontal.buttons .tres-d {
			float: left;
			height: 74px;
		}
			.horizontal.buttons .tres-d + .tres-d {
				margin-left: -9px;
			}
			.horizontal.buttons .tres-d > * {
				line-height: 62px;
				height: 100%;
			}
/* Layout */
	html {
		height: 100%;
	}
		body {
			overflow-x: hidden;
		}
		/* noscript e #loading */
			body > noscript,
			#loading {
				background-color: #000;
				color: #fff;
				cursor: default;
				display: table;
				font-size: 1.1em;
				height: 100%;
				left: 0;
				position: fixed;
				top: 0;
				text-align: center;
				width: 100%;
				line-height: 1.5em;
			}
				body > noscript {
					z-index: 4;
				}
				#loading {
					text-transform: lowercase;
					z-index: 3;
				}
				body > noscript div,
				#loading div {
					display: table-cell;
					padding: 0 10%;
					vertical-align: middle;
				}
					body > noscript div strong,
					#loading div strong {
						font-size: 3em;
					}
		/* site */
			#site {
				margin: 0 auto 40px;
				position: relative;
				z-index: 2;
			}
			/*
			@media only screen and (max-width: 428px) {
				#site {
					width: 214px;
				}
			}
			@media only screen and (min-width: 428px) and (max-width: 642px) {
				#site {
					width: 428px;
				}
			}
			@media only screen and (min-width: 642px) and (max-width: 856px) {
				#site {
					width: 642px;
				}
			}
			*/
			@media only screen and (max-width: 856px) {
				#site {
					width: 642px;
				}
			}
			@media only screen and (min-width: 856px) and (max-width: 1070px) {
				#site {
					width: 856px;
				}
			}
			@media only screen and (min-width: 1070px) and (max-width: 1284px) {
				#site {
					width: 1070px;
				}
			}
			@media only screen and (min-width: 1284px) {
				#site {
					width: 1284px;
				}
			}
			/* site */
				.site-masonry {
					position: relative;
					z-index: 1;
				}
			/* section */
				.section-masonry {
					width: 100%;
				}
			/* topo */
				#topo {
					padding-top: 40px;
				}
			/* logo */
				#logo h1 {
					margin-top: 0;
					margin-bottom: 0;
				}
			/* rectangles */
				.rectangle {
					display: table;
					float: left;
					height: 147px;
					width: 214px; /* 15.66617862371889%; */
				}
				.vertical.rectangle {
					height: 294px; /* 31.33235724743777%; */
				}
				.horizontal.rectangle {
					width: 428px; /* 31.33235724743777%; */
				}
					.cell {
						display: table-cell;
						text-align: center;
						vertical-align: middle;
					}
			/* links */
				.link {
					font-size: 18px; /* review this later, it doesn't seem to be in the right size */
					text-transform: lowercase;
				}
					.link a {
						text-decoration: none;
					}
			/* slashed */
				.slashed::before {
					content: '/ ';
				}
			/* titles */
				.title {
					background-color: #f7e041;
					font-size: 30px; /* todo: put to em */
					position: relative;
					text-transform: lowercase;
					z-index: 3;
				}
					.title > * {
						font-size: inherit;
						line-height: 1em;
						padding-right: 5px;
						padding-left: 5px;
					}
					.title.with-arrow > *::after {
						content: '';
						height: 0;
						position: absolute;
						width: 0;
					}
					.title.with-arrow.on-the-left > *::after,
					.title.with-arrow.on-the-right > *::after {
						border-top: 10px solid transparent;
						border-bottom: 10px solid transparent;
						margin-top: -10px;
						top: 50%;
					}
					.title.with-arrow.on-the-left > *::after {
						border-right: 10px solid #f7e041;
						left: -10px;
					}
					.title.with-arrow.on-the-right > *::after {
						border-left: 10px solid #f7e041;
						right: -10px;
					}
					.title.with-arrow.on-the-bottom > *::after,
					.title.with-arrow.on-the-top > *::after {
						border-right: 10px solid transparent;
						border-left: 10px solid transparent;
						margin-left: -10px;
						left: 50%;
					}
					.title.with-arrow.on-the-bottom > *::after {
						border-top: 10px solid #f7e041;
						bottom: -10px;
					}
					.title.with-arrow.on-the-top > *::after {
						border-bottom: 10px solid #f7e041;
						top: -10px;
					}
				/* logotype */
					#logotype > *::before {
						content: '';
					}
			/* footer-menu */
				#footer-menu-holder {
					display: block;
				}
					#footer-menu {
						background-image: url(../img/layout/fundo-do-menu-do-rodape.png);
						background-repeat: no-repeat;
						background-position: 50% 50%;
						display: table-cell;
						float: none;
						height: 189px;
						min-height: 189px;
						min-width: 153px;
						padding-top: 18px;
						padding-bottom: 48px;
						vertical-align: middle;
					}
						#footer-menu ul {
							display: table;
							padding-left: 0;
							margin: 0 auto;
						}
							#footer-menu a {
								margin-left: -3px;
							}
							/* voltar-ao-topo */
								#voltar-ao-topo {
									margin-top: 28px;
									position: relative;
								}
									#voltar-ao-topo::before {
										background-image: url(../img/layout/seta-voltar-ao-topo.png);
										content: '';
										display: inline-block;
										height: 18px;
										margin-left: -19px;
										position: absolute;
										left: 50%;
										top: -28px;
										width: 27px;
										padding-right: 5px;
										background-repeat: no-repeat;
									}
			/* copyright */
				#copyright {
					font-size: 12px;
					line-height: 15px;
				}
					#copyright address {
						vertical-align: bottom;
					}
			/* som */
				#som {
					position: absolute;
					right: -30px;
					top: 70px;
					-webkit-transition: top 750ms ease-out;
					   -moz-transition: top 750ms ease-out;
					     -o-transition: top 750ms ease-out;
					        transition: top 750ms ease-out;
					z-index: 2;
				}
					#som .controls {
						margin-top: 0;
						margin-bottom: 0;
						overflow: hidden;
						padding-left: 0;
					}
						#som .controls li {
							position: relative;
						}
							#som input {
								opacity: 0;
								position: absolute;
								z-index: 1;
							}
								.li-ie9 #som input {
									-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
								}
								.li-ie8 #som input {
									    filter: alpha(opacity=0);
								}
							#som .button {
								background-color: transparent;
								background-position: 50% 50%;
								background-repeat: no-repeat;
								border: 0;
								color: #000;
								height: 30px;
								overflow: hidden;
								position: relative;
								text-indent: -9999px;
								width: 30px;
								z-index: 2;
							}
								#som input:checked + .button ,
								#som .button:focus,
								#som .button:hover {
									background-color: #000;
									color: #fff;
								}
								#som .button[for="ligar-som"] {
									background-image: url(../img/layout/ligar-som.png);
								}
									#som input:checked + .button[for="ligar-som"],
									#som .button[for="ligar-som"]:focus,
									#som .button[for="ligar-som"]:hover {
										background-image: url(../img/layout/ligar-som-hover.png);
									}
								#som .button[for="desligar-som"] {
									background-image: url(../img/layout/desligar-som.png);
								}
									#som input:checked + .button[for="desligar-som"],
									#som .button[for="desligar-som"]:focus,
									#som .button[for="desligar-som"]:hover {
										background-image: url(../img/layout/desligar-som-hover.png);
									}
			/* bars */
				.bar {
					height: 5px;
					left: 0;
					overflow: hidden;
					position: fixed;
					width: 100%;
					z-index: 5;
				}
				.header {
					top: 0;
				}
				.footer {
					bottom: 0;
				}
					.bar div {
						float: left;
						height: 100%;
						width: 33.33%;
					}
					.bar .blue {
						background-color: #107abd;
					}
					.bar .red {
						background-color: #e64a43;
					}
					.bar .yellow {
						background-color: #f7e041;
					}
			/* background */
				#background {
					height: 100%;
					left: 0;
					position: fixed;
					top: 0;
					width: 100%;
					z-index: 1;
				}
					#background.azul {
						background-color: #107abd;
					}
					#background.vermelho {
						background-color: #e64a43;
					}
					#background.branco {
						background-color: #fff;
					}
					#background.amarelo {
						background-color: #f7e041;
					}
					#background video {
						min-height: 100%;
						min-width: 100%;
						position: relative;
						z-index: 1;
					}
					#background .pattern {
						background-image: url(../img/layout/background-pattern.png);
						background-position: 0 50%;
						height: 100%;
						left: 0;
						position: absolute;
						top: 0;
						width: 100%;
						z-index: 2;
					}
/* 3D Transforms */
	.container {
		display: block;
		position: relative;
		z-index: 2;
	}
		.csstransforms3d .container {
			-webkit-perspective: 500px;
			   -moz-perspective: 500px;
			    -ms-perspective: 500px;
			        perspective: 500px;
		}
		.objeto {
			width: 100%;
			height: 100%;
			position: absolute;
			-webkit-transition: -webkit-transform 950ms ease-in-out;
			   -moz-transition: -moz-transform 950ms ease-in-out;
			    -ms-transition: -ms-transform 950ms ease-in-out;
			        transition: transform 950ms ease-in-out;
		}
			.preserve-3d .objeto {
				-webkit-transform-style: preserve-3d;
				   -moz-transform-style: preserve-3d;
				    -ms-transform-style: preserve-3d;
				        transform-style: preserve-3d;
			}
			.objeto:focus,
			.objeto:hover {
				-webkit-transition: -webkit-transform 500ms ease-in-out;
				   -moz-transition: -moz-transform 500ms ease-in-out;
				    -ms-transition: -ms-transform 500ms ease-in-out;
				        transition: transform 500ms ease-in-out;
			}
			.parte {
			/*position:relative;*/
				display: block;
				overflow: hidden;
				position: absolute;
				/*opacity:0.8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);*/
			}
				.no-preserve-3d .frente {
					z-index: 2;
				}
				.costas {
					padding: 35px 25px;
				}
					.base .costas {
						line-height: 17px;
						padding: 0px;
					}

	/* cores */

		.amarelo .frente,
		.amarelo .costas { background-color: #f7e041; }
		.amarelo .direita,
		.amarelo .esquerda,
		.amarelo .cima { background-color: #dec739; }
		.amarelo .baixo { background-color: #786c1f; }

		.branco .frente,
		.branco .costas { background-color: #fff; }
		.branco .direita,
		.branco .esquerda,
		.branco .cima { background-color: #e3e3e3; }
		.branco .baixo { background-color: #7b7b7b; }

		.azul .frente,
		.azul .costas { background-color: #1488c8; }
		.azul .direita,
		.azul .esquerda,
		.azul .cima { background-color: #0e5d88; }
		.azul .baixo { background-color: #33a7e7; }

		.vermelho .frente,
		.vermelho .costas { background-color: #e2413e; }
		.vermelho .direita,
		.vermelho .esquerda,
		.vermelho .cima { background-color: #c93a37; }
		.vermelho .baixo { background-color: #6d1f1e; }

	/* prisma */

		.prisma.container {
			width: 214px; /* L */
			height: 147px; /* A */
		}
			.csstransforms3d.preserve-3d .prisma .objeto {
				-webkit-transform: translateZ(-50px); /* -P / 2 */
				   -moz-transform: translateZ(-50px); /* -P / 2 */
				    -ms-transform: translateZ(-50px); /* -P / 2 */
				        transform: translateZ(-50px); /* -P / 2 */
			}
				.prisma .frente,
				.prisma .costas {
					/*width: 214px;  L */
					 /*height: 147px; A */
				}
				.prisma .direita,
				.prisma .esquerda {
					width: 95px; /* P */
					height: 147px; /* A */
					left: 57px; /* (L - P) / 2 */
				}
				.prisma .cima,
				.prisma .baixo {
					width: 214px; /* L */
					height: 85px; /* P */
					top: 23px; /* Math.min((A - P) / 2) */
				}
				.csstransforms3d.preserve-3d .prisma .frente {
					-webkit-transform: rotateY(0deg) translateZ(50px); /* P / 2 */
					   -moz-transform: rotateY(0deg) translateZ(50px); /* P / 2 */
					    -ms-transform: rotateY(0deg) translateZ(50px); /* P / 2 */
					        transform: rotateY(0deg) translateZ(50px); /* P / 2 */
				}
				.csstransforms3d.preserve-3d .prisma .costas {
					-webkit-transform: rotateY(180deg) translateZ(50px); /* P / 2 */
					   -moz-transform: rotateY(180deg) translateZ(50px); /* P / 2 */
					    -ms-transform: rotateY(180deg) translateZ(50px); /* P / 2 */
					        transform: rotateY(180deg) translateZ(50px); /* P / 2 */
				}
				.csstransforms3d.preserve-3d .prisma .direita {
					-webkit-transform: rotateY(90deg) translateZ(107px); /* L / 2 */
					   -moz-transform: rotateY(90deg) translateZ(107px); /* L / 2 */
					    -ms-transform: rotateY(90deg) translateZ(107px); /* L / 2 */
					        transform: rotateY(90deg) translateZ(107px); /* L / 2 */
				}
				.csstransforms3d.preserve-3d .prisma .esquerda {
					-webkit-transform: rotateY(-90deg) translateZ(107px); /* L / 2 */
					   -moz-transform: rotateY(-90deg) translateZ(107px); /* L / 2 */
					    -ms-transform: rotateY(-90deg) translateZ(107px); /* L / 2 */
					        transform: rotateY(-90deg) translateZ(107px); /* L / 2 */
				}
				.csstransforms3d.preserve-3d .prisma .cima {
					-webkit-transform: rotateX(90deg) translateZ(73px); /* Math.min(A / 2) */
					   -moz-transform: rotateX(90deg) translateZ(73px); /* Math.min(A / 2) */
					    -ms-transform: rotateX(90deg) translateZ(73px); /* Math.min(A / 2) */
					        transform: rotateX(90deg) translateZ(73px); /* Math.min(A / 2) */
				}
				.csstransforms3d.preserve-3d .prisma .baixo {
					-webkit-transform: rotateX(-90deg) translateZ(73px); /* Math.min(A / 2) */
					   -moz-transform: rotateX(-90deg) translateZ(73px); /* Math.min(A / 2) */
					    -ms-transform: rotateX(-90deg) translateZ(73px); /* Math.min(A / 2) */
					        transform: rotateX(-90deg) translateZ(73px); /* Math.min(A / 2) */
				}

				.csstransforms3d.preserve-3d .prisma.mostrar-frente .objeto:hover,
				.csstransforms3d.preserve-3d .prisma .objeto.mostrar-frente {
					-webkit-transform: translateZ(-50px) rotateY(0deg); /* P / 2 */
					   -moz-transform: translateZ(-50px) rotateY(0deg); /* P / 2 */
					    -ms-transform: translateZ(-50px) rotateY(0deg); /* P / 2 */
					        transform: translateZ(-50px) rotateY(0deg); /* P / 2 */
				}
				.csstransforms3d.preserve-3d .prisma.mostrar-costas .objeto:hover,
				.csstransforms3d.preserve-3d .prisma .objeto.mostrar-costas {
					-webkit-transform: translateZ(-50px) rotateY(180deg); /* P / 2 */
					   -moz-transform: translateZ(-50px) rotateY(180deg); /* P / 2 */
					    -ms-transform: translateZ(-50px) rotateY(180deg); /* P / 2 */
					        transform: translateZ(-50px) rotateY(180deg); /* P / 2 */
				}
				.csstransforms3d.preserve-3d .prisma.mostrar-direita .objeto:hover,
				.csstransforms3d.preserve-3d .prisma .objeto.mostrar-direita {
					-webkit-transform: translateZ(-107px) rotateY(-90deg); /* L / 2 */
					   -moz-transform: translateZ(-107px) rotateY(-90deg); /* L / 2 */
					    -ms-transform: translateZ(-107px) rotateY(-90deg); /* L / 2 */
					        transform: translateZ(-107px) rotateY(-90deg); /* L / 2 */
				}
				.csstransforms3d.preserve-3d .prisma.mostrar-esquerda .objeto:hover,
				.csstransforms3d.preserve-3d .prisma .objeto.mostrar-esquerda {
					-webkit-transform: translateZ(-107px) rotateY(90deg); /* L / 2 */
					   -moz-transform: translateZ(-107px) rotateY(90deg); /* L / 2 */
					    -ms-transform: translateZ(-107px) rotateY(90deg); /* L / 2 */
					        transform: translateZ(-107px) rotateY(90deg); /* L / 2 */
				}
				.csstransforms3d.preserve-3d .prisma.mostrar-cima .objeto:hover,
				.csstransforms3d.preserve-3d .prisma .objeto.mostrar-cima {
					-webkit-transform: translateZ(-73px) rotateX(-90deg); /* Math.min(A / 2) */
					   -moz-transform: translateZ(-73px) rotateX(-90deg); /* Math.min(A / 2) */
					    -ms-transform: translateZ(-73px) rotateX(-90deg); /* Math.min(A / 2) */
					        transform: translateZ(-73px) rotateX(-90deg); /* Math.min(A / 2) */
				}
				.csstransforms3d.preserve-3d .prisma.mostrar-baixo .objeto:hover,
				.csstransforms3d.preserve-3d .prisma .objeto.mostrar-baixo {
					-webkit-transform: translateZ(-73px) rotateX(90deg); /* Math.min(A / 2) */
					   -moz-transform: translateZ(-73px) rotateX(90deg); /* Math.min(A / 2) */
					    -ms-transform: translateZ(-73px) rotateX(90deg); /* Math.min(A / 2) */
					        transform: translateZ(-73px) rotateX(90deg); /* Math.min(A / 2) */
				}

	/* prisma vertical */

		.prisma.vertical.container {
			height: 294px; /* A */
		}
			.prisma.vertical .frente,
			.prisma.vertical .costas {
				height: 294px; /* A */
			}
			.prisma.vertical .direita,
			.prisma.vertical .esquerda {
				height: 294px; /* A */
			}
			.prisma.vertical .cima,
			.prisma.vertical .baixo {
				top: 97px; /* Math.min((A - P) / 2) */
			}
			.csstransforms3d.preserve-3d .prisma.vertical .cima {
				-webkit-transform: rotateX(90deg) translateZ(147px); /* A / 2 */
				   -moz-transform: rotateX(90deg) translateZ(147px); /* A / 2 */
				    -ms-transform: rotateX(90deg) translateZ(147px); /* A / 2 */
				        transform: rotateX(90deg) translateZ(147px); /* A / 2 */
			}
			.csstransforms3d.preserve-3d .prisma.vertical .baixo {
				-webkit-transform: rotateX(-90deg) translateZ(147px); /* A / 2 */
				   -moz-transform: rotateX(-90deg) translateZ(147px); /* A / 2 */
				    -ms-transform: rotateX(-90deg) translateZ(147px); /* A / 2 */
				        transform: rotateX(-90deg) translateZ(147px); /* A / 2 */
			}

			.csstransforms3d.preserve-3d .prisma.vertical.mostrar-cima .objeto:hover,
			.csstransforms3d.preserve-3d .prisma.vertical .objeto.mostrar-cima {
				-webkit-transform: translateZ(-147px) rotateX(-90deg); /* Math.min(A / 2) */
				   -moz-transform: translateZ(-147px) rotateX(-90deg); /* Math.min(A / 2) */
				    -ms-transform: translateZ(-147px) rotateX(-90deg); /* Math.min(A / 2) */
				        transform: translateZ(-147px) rotateX(-90deg); /* Math.min(A / 2) */
			}
			.csstransforms3d.preserve-3d .prisma.vertical.mostrar-baixo .objeto:hover,
			.csstransforms3d.preserve-3d .prisma.vertical .objeto.mostrar-baixo {
				-webkit-transform: translateZ(-147px) rotateX(90deg); /* Math.min(A / 2) */
				   -moz-transform: translateZ(-147px) rotateX(90deg); /* Math.min(A / 2) */
				    -ms-transform: translateZ(-147px) rotateX(90deg); /* Math.min(A / 2) */
				        transform: translateZ(-147px) rotateX(90deg); /* Math.min(A / 2) */
			}

	/* prisma horizontal */

		.prisma.horizontal.container {
			width: 428px; /* L */
		}
				.prisma.horizontal .frente,
				.prisma.horizontal .costas {
					width: 428px; /* L */
				}
				.prisma.horizontal .direita,
				.prisma.horizontal .esquerda {
					left: 164px; /* (L - P) / 2 */
				}
				.prisma.horizontal .cima,
				.prisma.horizontal .baixo {
					width: 428px; /* L */
				}
				.csstransforms3d.preserve-3d .prisma.horizontal .direita {
					-webkit-transform: rotateY(90deg) translateZ(214px); /* L / 2 */
					   -moz-transform: rotateY(90deg) translateZ(214px); /* L / 2 */
					    -ms-transform: rotateY(90deg) translateZ(214px); /* L / 2 */
					        transform: rotateY(90deg) translateZ(214px); /* L / 2 */
				}
				.csstransforms3d.preserve-3d .prisma.horizontal .esquerda {
					-webkit-transform: rotateY(-90deg) translateZ(214px); /* L / 2 */
					   -moz-transform: rotateY(-90deg) translateZ(214px); /* L / 2 */
					    -ms-transform: rotateY(-90deg) translateZ(214px); /* L / 2 */
					        transform: rotateY(-90deg) translateZ(214px); /* L / 2 */
				}

				.csstransforms3d.preserve-3d .prisma.horizontal .costas {
					-webkit-transform: rotateX(180deg) translateZ(50px); /* P / 2 */
					   -moz-transform: rotateX(180deg) translateZ(50px); /* P / 2 */
					    -ms-transform: rotateX(180deg) translateZ(50px); /* P / 2 */
					        transform: rotateX(180deg) translateZ(50px); /* P / 2 */
				}

				.csstransforms3d.preserve-3d .prisma.horizontal.mostrar-frente .objeto:hover,
				.csstransforms3d.preserve-3d .prisma.horizontal .objeto.mostrar-frente {
					-webkit-transform: translateZ(-50px) rotateX(0deg); /* P / 2 */
					   -moz-transform: translateZ(-50px) rotateX(0deg); /* P / 2 */
					    -ms-transform: translateZ(-50px) rotateX(0deg); /* P / 2 */
					        transform: translateZ(-50px) rotateX(0deg); /* P / 2 */
				}
				.csstransforms3d.preserve-3d .prisma.horizontal.mostrar-costas .objeto:hover,
				.csstransforms3d.preserve-3d .prisma.horizontal .objeto.mostrar-costas {
					-webkit-transform: translateZ(-50px) rotateX(-180deg); /* P / 2 */
					   -moz-transform: translateZ(-50px) rotateX(-180deg); /* P / 2 */
					    -ms-transform: translateZ(-50px) rotateX(-180deg); /* P / 2 */
					        transform: translateZ(-50px) rotateX(-180deg); /* P / 2 */
				}
				.csstransforms3d.preserve-3d .prisma.horizontal.mostrar-direita .objeto:hover,
				.csstransforms3d.preserve-3d .prisma.horizontal .objeto.mostrar-direita {
					-webkit-transform: translateZ(-214px) rotateY(-90deg); /* L / 2 */
					   -moz-transform: translateZ(-214px) rotateY(-90deg); /* L / 2 */
					    -ms-transform: translateZ(-214px) rotateY(-90deg); /* L / 2 */
					        transform: translateZ(-214px) rotateY(-90deg); /* L / 2 */
				}
				.csstransforms3d.preserve-3d .prisma.horizontal.mostrar-esquerda .objeto:hover,
				.csstransforms3d.preserve-3d .prisma.horizontal .objeto.mostrar-esquerda {
					-webkit-transform: translateZ(-214px) rotateZ(90deg); /* L / 2 */
					   -moz-transform: translateZ(-214px) rotateZ(90deg); /* L / 2 */
					    -ms-transform: translateZ(-214px) rotateZ(90deg); /* L / 2 */
					        transform: translateZ(-214px) rotateZ(90deg); /* L / 2 */
				}
				
	.tb01 { width:30px; height:30px; margin-left:5px; float:left; background-image:url(tb01.png);  }
	.tb01:hover {  background-image:url(tb01_2.png);  }
	.tb02 { width:30px; height:30px; margin-left:5px; float:left; background-image:url(tb02.png);  }
	.tb02:hover { background-image:url(tb02_2.png);  }
	.tb03 { width:30px; height:30px; margin-left:5px; float:left; background-image:url(tb03.png);  }
	.tb03:hover { background-image:url(tb03_2.png);  }
	.tb04 { width:30px; height:30px; margin-left:5px; float:left; background-image:url(tb04.png);  }
	.tb04:hover {  background-image:url(tb04_2.png);  }
	.tb05 { width:30px; height:30px; margin-left:5px; float:left; background-image:url(tb05.png);  }
	.tb05:hover {  background-image:url(tb05_2.png);  }
	.tb06 { width:30px; height:30px; margin-left:5px; float:left; background-image:url(tb06.png);  }
	.tb06:hover { background-image:url(tb06_2.png);  }