section{
	margin-top:260px;
	margin-left:220px;
	float:center;
	padding: 50px 50px 50px;
	background-color: white;
}

div.menuLevels{

	margin-top:260px;
	margin-left:20px;


}
div.ListSurveys{

margin-left:220px;
margin-top:300px;
margin-bottom:200px;

}

div.header{

margin-left:30px;
margin-top:50px;
margin-right:220px;

}
div.chooseProject{


margin-left:30px;
margin-top:220px;
margin-right:750px;
background-color:white;

}
div.login{

text-align:left;
margin-left:30px;
margin-top:220px;
margin-right:1000px;
border-style: groove;

}
div.buttonCreateSurvey{

margin-left:0px;
margin-top:70px;
margin-bottom:0px;
position: absolute;
	
}
div.level1{
margin-left:250px;
margin-right:250px;
background-color:#f9f9f9;

}
div.categories{

	margin-top:100px;
	margin-left:20px;
}
div.textarea{
	
	margin-left:100px;
	
}

.imagem {
	margin-top: 50px;
	margin-left: 20px;
    width: 600px;
    height: 62px;
    position: relative;
    overflow: hidden;
    float:left;
    background: url(image.png) no-repeat;   
    cursor: pointer;
	}
	
body {

    color: #303030;
    font: 14px Arial, Helvetica, sans-serif;
    min-width: 990px;
    
}
#header {
    width: 100%;
    padding: 35px 0 0;
    background: #fff;

}

.h{
	margin-top: 300px;
	margin-left: 50px;
}

div.dropdown{
	margin-left:50px;
}

*{
margin: 10; 
padding: 0;
}
.menu{
	background-color:white;
	list-style:none;
	border:2px solid #c0c0c0;
	float:left;
	margin-top: 10px;
	margin-left: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 10px 10px 5 px grey;
}

.menu li{
	position:relative;
	float:left;
	border-right:1px solid #c0c0c0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.menu li a{
	color:#333; 
	text-decoration:none ; 
	padding:20px 70px; 
	display:block;
}
.menu li a:hover{
	background:#333;
	color:#fff;
	-moz-box-shadow:0 3px 10px 0 #CCC;
	-webkit-box-shadow:0 3px 10px 0 #ccc;
	text-shadow:0px 0px 5px #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.menu li  ul{
	position:absolute;
	top:56px;
	left:0px;
	background-color:white;
	display:none;

} 
.menu li:hover ul{

	display:block;
	padding:10px 10px;
}
.menu li ul li{
	border:1px solid #c0c0c0;
	display:block;
	width:300px;
	padding:0px 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}




  @-webkit-keyframes spincube {
    from,to  { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
    16%      { -webkit-transform: rotateY(-90deg);                           }
    33%      { -webkit-transform: rotateY(-90deg) rotateZ(90deg);            }
    50%      { -webkit-transform: rotateY(-180deg) rotateZ(90deg);           }
    66%      { -webkit-transform: rotateY(-270deg) rotateX(90deg);           }
    83%      { -webkit-transform: rotateX(90deg);                            }
  }

  @keyframes spincube {
    from,to {
      -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
      -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
      transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    }
    16% {
      -moz-transform: rotateY(-90deg);
      -ms-transform: rotateY(-90deg);
      transform: rotateY(-90deg);
    }
    33% {
      -moz-transform: rotateY(-90deg) rotateZ(90deg);
      -ms-transform: rotateY(-90deg) rotateZ(90deg);
      transform: rotateY(-90deg) rotateZ(90deg);
    }
    50% {
      -moz-transform: rotateY(-180deg) rotateZ(90deg);
      -ms-transform: rotateY(-180deg) rotateZ(90deg);
      transform: rotateY(-180deg) rotateZ(90deg);
    }
    66% {
      -moz-transform: rotateY(-270deg) rotateX(90deg);
      -ms-transform: rotateY(-270deg) rotateX(90deg);
      transform: rotateY(-270deg) rotateX(90deg);
    }
    83% {
      -moz-transform: rotateX(90deg);
      -ms-transform: rotateX(90deg);
      transform: rotateX(90deg);
    }
  }

  .cubespinner {
    -webkit-animation-name: spincube;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 12s;

    animation-name: spincube;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 12s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform-origin: 100px 100px 0;
    -moz-transform-origin: 100px 100px 0;
    -ms-transform-origin: 100px 100px 0;
    transform-origin: 100px 100px 0;
  }

  .cubespinner div {
    position: absolute;
    width: 200px;
    height: 200px;
    border: 1px solid #ccc;
    background: rgba(255,255,255,0.8);
    box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
    line-height: 200px;
    text-align: center;
    font-size: 200px;
	margin-right:100px;
	
	
  }

  .cubespinner .face1 {
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    transform: translateZ(100px);
  }
  .cubespinner .face2 {
    -webkit-transform: rotateY(90deg) translateZ(100px);
    -moz-transform: rotateY(90deg) translateZ(100px);
    -ms-transform: rotateY(90deg) translateZ(100px);
    transform: rotateY(90deg) translateZ(100px);
  }
  .cubespinner .face3 {
    -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(100px);
    -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(100px);
    -ms-transform: rotateY(90deg) rotateX(90deg) translateZ(100px);
    transform: rotateY(90deg) rotateX(90deg) translateZ(100px);
  }
  .cubespinner .face4 {
    -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(100px);
    -moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(100px);
    -ms-transform: rotateY(180deg) rotateZ(90deg) translateZ(100px);
    transform: rotateY(180deg) rotateZ(90deg) translateZ(100px);
  }
  .cubespinner .face5 {
    -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(100px);
    -moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(100px);
    -ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(100px);
    transform: rotateY(-90deg) rotateZ(90deg) translateZ(100px);
  }
  .cubespinner .face6 {
    -webkit-transform: rotateX(-90deg) translateZ(100px);
    -moz-transform: rotateX(-90deg) translateZ(100px);
    -ms-transform: rotateX(-90deg) translateZ(100px);
    transform: rotateX(-90deg) translateZ(100px);
  }