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

html, body{
	margin:0px;
	padding:0px;
	border:0px;	
	background-attachment:fixed;
	background-position:top center;
	}
		
	
#header{
	position:fixed;
	width:100%;
	height:200px;
	}	

#Menus{
	margin:0 auto;
	max-width:1200px;
	}

#Logo{
	float:left;
	margin:10px 0 0 10px;
	}
	
#Menu{
	float:right;
	padding:0 30px 0 0;
	}	
	
.menu li{	
	display:block; /* centraliza na horizontal */
	list-style:none;
	float:left;
	list-style:none;
	}			
	
#Gap{
	float:left;
	width:100%;
	height:400px;
	}	

#Banner{
	float:left;
	width:100%;
	height:233px;
	}	

#NewBG_Fixed{
	float:left;
	width:100%;
	background: url(images/bg.jpg) no-repeat top center fixed; 
	}
	
#NewBG_NoFixed{
	float:left;
	width:100%;
	background: url(images/bg.jpg) no-repeat top center; 
	}		

#Wrapper{
	float:left;
	width:100%;
	}

#Content{
	margin:0 auto;
	max-width:1200px;
	}
	
#inter_Content_10{
	float:left;
	width:10%;
	min-height:40px;
	}		
	
#inter_Content_20{
	float:left;
	width:20%;
	min-height:40px;
	}			
	
#inter_Content_30{
	float:left;
	width:30%;
	min-height:40px;
	}		
	
#inter_Content_40{
	float:left;
	width:40%;
	min-height:40px;
	}	
	
#inter_Content_50{
	float:left;
	width:50%;
	min-height:40px;
	}		

#inter_Content_60{
	float:left;
	width:60%;
	min-height:40px;
	}	
	
#inter_Content_70{
	float:left;
	width:70%;
	min-height:40px;
	}		

#inter_Content_80{
	float:left;
	width:80%;
	min-height:40px;
	}		
	
#inter_Content_90{
	float:left;
	width:90%;
	min-height:40px;
	}			
	
#Square_Biger{
	float:left;
	width:200px;
	height:200px;
	}	
	
#Square_Small{
	float:left;
	width:100px;
	height:100px;
	}		
		
.thumbs{
	list-style:none;
	border:0;
	margin:0;
	padding:0;
	opacity:0.5;
	}

thumbs ul{
	float:right;
	}
	
.thumbs li{	
	width:40px;
	height:40px;
	list-style:none; 
	display:inline;
	float:left;
	}		
	
.posts{
	list-style:none;
	border:0;
	margin:0;
	padding:0;
	text-align:center;
	}

.posts ul{
	text-align: center; /* centraliza na horizontal */
    }
			
.posts li{	
	display: inline-block; /* centraliza na horizontal */
	list-style:none;
	padding:10px 10px 10px 10px;
	}
	
	
/*---------------------------Duas Photos----------*/

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

.handle {
	position: absolute;
	width : 46px;
	height: 46px;
	margin-left  : -23px;
	margin-top   : -55px;
	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:auro;
	height:800px;
	}

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