/* Default color */
	
	* {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	}
		
/* 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;
	}
	

.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;
	}

/* 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: 6px;
    margin-bottom: 6px;
    position: relative;

			}
				.csstransforms .tres-d:focus > *,
				.csstransforms .tres-d:hover > * {
					background-color: #ff6b00;
					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: #CCCACB;
						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: #CCCACB;
						bottom: -10px;
						height: 10px;
						left: 6px;
						-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: #ffb246;
						}
						.csstransforms .tres-d:focus::after,
						.csstransforms .tres-d:hover::after {
				 background-color: #ff931a; 
						}
						
						.text{
						
						position:absolute;
						top:235px;
						left:168px;
						padding-top:20px;
						font-weight:bold;
						font-size:22px;
						color:#000;
						font-family:arial;
						}
	/* buttons */
		.horizontal.buttons .tres-d {
			float: left;
			height: 56px;
		}
			.horizontal.buttons .tres-d + .tres-d {
				margin-left: -5px;
			}
			.horizontal.buttons .tres-d > * {
				line-height: 62px;
				height: 100%;
			}
			
			.yt{
			
			
			
			     background-image: url(../images/orange-camera.png) ;
				 background-color:#DFDFDF;
    width: 65px;
    height:52px;
    padding: 0px 38px;

			
			
			}
			.csstransforms .gallery-individual .tres-d {
				    margin-right: 6px;
    margin-bottom: 8px;
    position: relative;
    cursor:pointer;
			}
			
			.yt:focus,.yt:hover {
				background-image: url(../images/white-camera.png);
				background-color:#ff6b00;
							    }
							
				
 .horizontal .gallery-individual .tres-d {
    float: left;
    height: 52px;
}			

						.gallery-individual .buttons{
							display: table;
							bottom:12px;
							opacity: 1;
							position: absolute;
							right:20px;
							-webkit-transition: opacity 250ms ease-out, top 250ms ease-in-out;
							   -moz-transition: opacity 250ms ease-out, top 250ms ease-in-out;
							     -o-transition: opacity 250ms ease-out, top 250ms ease-in-out;
							        transition: opacity 250ms ease-out, top 250ms ease-in-out;
							z-index: 2;
						}
						.gallery-individual {
							
							top:80px;
							
							right:96px;
							}
							.gallery-individual li:focus .button,
							.gallery-individual li:hover .buttons{
								
								
								
								
							}
							
							.gallery-individual .buttons2{
							
							
							
							right:54px;
							}
				.gallery-individual  .prisma .frente{
				

height:224px;
}				
		.gallery-individual	.prisma.container {
width: 214px;
height: 224px;
}	
				
	.gallery-individual .prisma .costas	{
	height: 224px;



}	
				
				/* Layout */
	
		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;
				width:500px;
			}
			#site1 {
				margin: 0 auto 40px;
				position: relative;
				z-index: 2;
				width:856px;
			}
			/*
			@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: 0px;
				}
			/* logo */
				#logo h1 {
					margin-top: 0;
					margin-bottom: 0;
				}
			/* rectangles */
				.rectangle {
					display: table;
					float: left;
					height: 147px;
					width: 214px; /* 15.66617862371889%; */
				}
				
					.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: '';
					}
			
			/* 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: #fff;
					}
					#background.vermelho {
						background-color: #0C6C3C;
					}
					#background.branco {
						background-color: #fff;
					}
					#background.amarelo {
						background-color:  #ff6b00;
					}
					#background video {
						min-height: 100%;
						min-width: 100%;
						position: relative;
						z-index: 1;
					}
					#background .pattern {
						background-image: url(../images/background-pattern.png);
						background-position: 0 50%;
						height: 100%;
						left: 0;
						position: absolute;
						top: 0;
						width: 100%;
						z-index: 2;
					}
/* 3D Transforms */
	.csstransforms3d .container {
		display: block;
		position: relative;
		z-index: 2;
		padding:0px;
	}
		.csstransforms3d .container {
			-webkit-perspective: 4500;
			   -moz-perspective: 3500;
			    -ms-perspective: 3500;
			        perspective: 3500;
		}
		.objeto {
			width: 100%;
			height: 100%;
			position: absolute;
			-webkit-transition: -webkit-transform 1000ms ease-in-out;
			   -moz-transition: -moz-transform 1000ms ease-in-out;
			    -ms-transition: -ms-transform 1000ms ease-in-out;
			        transition: transform 1000ms ease-in-out;
					color:#000;
		}
			.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 {
				display: block;
				overflow: hidden;
				position: absolute;
			}
			
				.no-preserve-3d .frente {
					z-index: 2;
				}
				.costas {
					padding: 0px;
				}
				.costas1 {
					padding: 0px;
				}
				.costas2 {
					padding: 0px;
				}
									
				
				
					.base .costas {
						line-height: 17px;
						padding: 25px;
						color:#000;
					}
					.base .costas1 {
						line-height: 17px;
						padding: 25px;
					}
					.base .costas2 {
						line-height: 17px;
						padding: 25px;
					}
	/* cores */

		.amarelo .frente,
		.amarelo .costas { background-color: #ff931a; }
		.amarelo .costas1 { background-color: #ff931a; }
		.amarelo .direita,
		.amarelo .esquerda,
		.amarelo .cima { background-color: #ff6b00; }
		.amarelo .baixo { background-color: #ff6b00; }

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

		.azul .frente,
		.azul .costas { background-color: #D40404; }
		.azul .costas1 { background-color: #D40404; }
		.azul .direita,
		.azul .esquerda,
		.azul .cima { background-color: #D40404; }
		.azul .baixo { background-color:  #D40404; }

		.vermelho .frente,
		.vermelho .costas { background-color: #ff931a; }
		.vermelho .costas1 { background-color: #ff931a; }
		.vermelho .direita,
		.vermelho .esquerda,
		.vermelho .cima { background-color: #0C6C3C; }
		.vermelho .baixo { background-color: #0C6C3C; }

	/* prisma */

		.prisma.container {
			width: 214px; /* L */
			height: 562px; /* 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,
.prisma .costas1	,.prisma .costas2			{
					width: 100%; /* L */
					height: 562px; /* A */
				}
				.prisma .direita,
				.prisma .esquerda {
					width: 100px; /* P */
					height: 147px; /* A */
					right: 57px; /* (L - P) / 2 */
				}
				.prisma .cima{
					width: 214px; /* L */
					height: 100px; /* P */
					bottom: 24px; /* Math.min((A - P) / 2) */
				}
				.prisma .baixo {
					width: 214px; /* L */
					height: 100px; /* P */
					bottom: 24px; /* Math.min((A - P) / 2) */
				}
				.gallery-individual .prisma .baixo {
					width: 214px; /* L */
					height: 100px; /* P */
					bottom: 100px; /* Math.min((A - P) / 2) */
				}
				
				 .parte{
				
				height:551px;
				font-size:13px;
				line-height:19px;
				}
				.parte p{
				float:left;
				width:198px;
				
				}
				.vertical.rectangle {
					height: 562px; /* 31.33235724743777%; */
					width:100%;
					
				}
				.horizontal.rectangle {
					width: 427px; /* 31.33235724743777%; */
					
				}
				.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 .costas1 {
					-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 .costas2 {
					-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); 
					   -moz-transform: translateZ(-50px) rotateY(0deg); 
					    -ms-transform: translateZ(-50px) rotateY(0deg); 
					        transform: translateZ(-50px) rotateY(0deg); 
				} 
				
				.csstransforms3d.preserve-3d .prisma.mostrar-costas .objeto:hover,
				.csstransforms3d.preserve-3d .prisma .objeto.mostrar-costas {
					-webkit-transform: translateZ(-50px) rotateY(180deg); 
					   -moz-transform: translateZ(-50px) rotateY(180deg); 
					    -ms-transform: translateZ(-50px) rotateY(180deg); 
					        transform: translateZ(-50px) rotateY(180deg); 
				}
				
				*/
								.csstransforms3d.preserve-3d .prisma.mostrar-costas1 .objeto:hover,
				.csstransforms3d.preserve-3d .prisma .objeto.mostrar-costas1 {
					-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: 562px; /* A */
		}
		
.prisma.vertical.container {
			height: 562px; /* A */
			padding:0px;
		}		
		
			.prisma.vertical .frente,
			.prisma.vertical .costas,.prisma.vertical .costas1,.prisma.vertical .costas2 {
				height: 551px; /* A */
			}
			.prisma.vertical .direita,
			.prisma.vertical .esquerda {
				height: 550px; /* 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: 100%; /* L */
			overflow:hidden;
		}
				.prisma.horizontal .frente,
				.prisma.horizontal .costas {
					width: 100%; /* L */
				}
				.prisma.horizontal .direita,
				.prisma.horizontal .esquerda {
					left: 164px; /* (L - P) / 2 */
				}
				.prisma.horizontal .cima,
				.prisma.horizontal .baixo {
					width: 100%; /* 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-costas1 .objeto:hover,
				.csstransforms3d.preserve-3d .prisma.horizontal .objeto.mostrar-costas1 {
					-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-costas2 .objeto:hover,
				.csstransforms3d.preserve-3d .prisma.horizontal .objeto.mostrar-costas2 {
					-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 */
				}
				
				
				
				#lookbook .prisma.vertical.container {
    height: 233px;
}
				
				
				#lookbook .prisma.vertical .direita,#lookbook .prisma.vertical .esquerda,#lookbook .prisma.vertical .frente,#lookbook .prisma.vertical .costas,#lookbook  .prisma.vertical .costas1 {
    height: 233px;
}


#lookbook .prisma.vertical .cima,#lookbook .prisma.vertical .baixo {
    top: 36px;
}

.vert {
    left: 0px;
    top: 72px;
}

.vert1{

top:-146px;
left:106px;
}
.hor{


top:147px;
left:0px;
}
.vert3{

top:72px;

}
.vert4{
left:104px;
top:-147px;
}
.hor2 {
    left: -110px;
    top: 147px;
}


.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.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 */
				}
				
				
				
				.prisma .esquerda {
					width: 100px; /* P */
					height: 147px; /* A */
					right: 292px; /* (L - P) / 2 */
					left:auto;
				}