@charset "UTF-8";
/* CSS Document */

		body{
			margin:0px;
			padding:0px;
			border:0px;
			background-color:#fff;
			}
		
		img{
			border:none;
			}	
			
		#header{
			float:left;
			width:25%;
			height:100%;
			position:fixed;
			}
			
		#menu{
			position:fixed;			
			width:25%;
			text-align:right;
			}
			
		.menu{
			border:none;
			list-style:none;
			color:#dadada;
			}	
			
		#content{
			float:left;
			width:75%;
			height:auto;
			padding-left:25%;
			padding-top:24px;
			}
		
		.thumbs{
			border:none;
			list-style:none;
			}	
			
		.thumbs li{
			border:none;
			list-style:none;
			padding:0 0 60px 0;
			}				
			
			
	/*---------------------------------TEXT---------------------------*/
			

		h1{
			font-family:Arial, Helvetica, sans-serif;
			font-size:85px;
			font-weight:bold;
			color:#dadada;
			text-decoration:none;
			}

		h2{
			font-family:Arial, Helvetica, sans-serif;
			font-size:30px;
			font-weight:lighter;
			color:#f1f1f1;
			text-decoration:none;
			}
		

		a.link01:link{
			font-family:Arial, Helvetica, sans-serif;
			font-size:20px;
			line-height:40px;
			font-weight:lighter;
			color:#dadada;
			text-decoration:none;
			}

		a.link01:hover{
			font-family:Arial, Helvetica, sans-serif;
			font-size:20px;
			line-height:40px;
			font-weight:lighter;
			color:#dadada;
			text-decoration:none;			
			}
			
		a.link01:visited{
			font-family:Arial, Helvetica, sans-serif;
			font-size:20px;
			line-height:40px;
			font-weight:lighter;
			color:#dadada;
			text-decoration:none;			
			}			

		a.link02:link{
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px;
			line-height:30px;
			font-weight:lighter;
			color:#dadada;
			text-decoration:none;
			}


		a.link02:hover{
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px;
			line-height:30px;
			font-weight:lighter;
			color:#999999;
			text-decoration:none;			
			}
			
			
		a.link02:visited{
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px;
			line-height:30px;
			font-weight:lighter;
			color:#999999;
			text-decoration:none;			
			}
			
			
			
/*---------------------------Foto Dupla----------*/

.covered {
	position:relative;
	overflow:hidden;
	}

.handle {
	position: absolute;
	width : 46px;
	height: 46px;
	margin-left  : -23px;
	margin-top   : -23px;
	border-radius: 50%;
	background-color: #fff;
	text-align : center;
	}

.handle span {
	display : inline-block;
	margin : 15px 1px 0;
	color : #000;
	-webkit-transition : .1s ease-out;
	-moz-transition : .1s ease-out;
	-ms-transition : .1s ease-out;
	-o-transition : .1s ease-out;
	transition : .1s ease-out;
	}

.handle.vertical {
	-webkit-transform : rotate(90deg);
	-moz-transform : rotate(90deg);
	-ms-transform : rotate(90deg);
	-o-transform : rotate(90deg);
	transform : rotate(90deg);
	}

.handle:hover {
	background-color: #555;
	}

.handle:hover span {
	color : #FFF;
	}	

.draggable {
	background-color: #555;
	cursor : move;
	}

.draggable span {
	margin : 15px 4px 0;
	color  : #FFF;
	-webkit-transition : .1s ease-out;
	-moz-transition : .1s ease-out;
	-ms-transition : .1s ease-out;
	-o-transition : .1s ease-out;
	transition : .1s ease-out;
	}

.covered {
	width:800px;
	height:600px;
	}

.second {
	width:800px;
	height:600px;
	}