/* 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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

body, html {
	padding:  0px;
	margin:  0px;
	width: 100%;
	height:  100%;
	background: #000000;
}

.social-share {
	margin-top:  50px;
	margin-left: 20px;
}

.spacer {
	clear: both;
}

@red: rgb( 195, 4, 4 );
@black: #000000;
@white: #ffffff;

#page {
	 .container {
	 	width:  100%;
	 	
	 	.containerInn {
	 		margin:  0 auto;
	 	}
	 }
	 
	 #header {
	 	background: #ffffff;
	 	
	 	.containerInn {
	 		width: 1200px;
	 		
	 		a {
				display: block;
				width: 150px;
				height: 30px;
				position: absolute;
				left: 50%;
				margin-left: 240px;
				margin-top: 535px;
				padding: 20px;
			}
	 	}
	 }
	 
	 #active {
	 	.containerInn {
	 		width: 640px;
	 	}
	 	
	 	#panel {
	 		padding: 20px 0px;
	 	
	 		.panel {
	 			float: left;
	 			border: @red 5px solid;
	 			background: @black;
	 			color: @white;
	 			display:  none;
	 			font-family:  PTSansPro-Caption;
	 			font-size: 20px;
	 			padding: 10px 15px;
	 			cursor: pointer;
	 			margin-right: 20px;
	 			text-align: center;
	 		}
	 		
	 		#useLoad {
				cursor: default!important;	 		
	 		
	 			input {
	 				display: none;
	 			}
	 			
	 			div {
	 				position: absolute!important;
	 				margin: -30px 0px 0px -10px!important;
			 				
	 				form {
	 					height: 50px!important;
	 				
			 			input {
			 				height: 50px!important;
			 				left: 0!important;
			 				top: 0!important;
			 				margin: 0!important;
			 				z-index: 13123!important;
			 				cursor: pointer!important;
			 			}
			 		}
	 			}
	 		}
	 	}
	 	
	 	#webcam {
	 		width: 640px;
	 		height: 480px;
	 		margin: 0px auto;
	 		display:  none;
	 		
	 		#videoElement {
			    width: 640px;
			    height: 480px;
			    background-color: grey;
			}
	 	}
	 	
	 	.object {
	 		position: absolute;
	 		
	 		.objects {
		 		position: absolute;
		 		cursor: move;
		 	}
	 	}
	 	
	 	#mode {
			text-align: center;
			
			span {
				color: #ffffff;
				font-family:  PTSansPro-Caption;
				font-size: 20px;
				cursor: pointer;
			}
			
			.activo {
				color: @red;
				text-decoration: underline;
			}	
		}
	 }
	 
	 #photos {
	 	margin-bottom:  30px;
	 	
	 	.containerInn {
			width: 640px;	 	
	 	
	 		img {
		 		display: block;
		 		margin-bottom: 30px;
		 	}
	 	}
	 }
}

.shown {
	display: block!important;
}

.mode {
	margin-bottom: 30px!important;
}

.cross {
	position: absolute;
	color: #000000;
	background: #ffffff;
	margin-top: -510px;
	padding: 10px;
	cursor: pointer;
}


#emailWrapper {
	display:  none;

	#email {
		border: @red 5px solid;
	 	background: @black;
	 	color: @white;
	 	padding: 10px 15px;
	 	width: 600px;
	}
}