@charset "utf-8";
/* CSS Document */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);	
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
*/
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

header{
	height:40px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
	background-color: #f0f0f0;
	width:100%;
	
}

table th{
	font-family: 'Maven Pro', Arial;	
	margin: 0;
	font-weight:normal;
	text-align: left;
}

body{
	background-color: #fafafa;	
	font-family: "Maven Pro", Arial;
	color:#555;
	font-size: 13px;
	margin:0;
	padding:0;
}

.software-name{
	font-family: 'Maven Pro', Arial;
	font-size: 25px;
	color: #fff;	
}
nav ul li .fa{
	width: 20px;
	margin-right:5px;	
}


section{
	padding:0;
	
    margin-left: auto;
    margin-right: auto;

}
/*article{	
	float:right;
}*/
#content{
	margin: 0 60 0 0;
	padding: 10 0 10 0;	
}
aside{
	float:left;
	background-color:#f7f7f7;
	margin:0;
	padding:0;
	margin-left: auto;
    margin-right: auto;
	height:auto;
}

footer{
	color: #fff;
	clear:both;
    margin-left: auto;
    margin-right: auto;
}



h1{
	font-size: 40px;
	color:#333;
	font-family:'Roboto', Arial;	
	margin: 0;
	font-weight:normal;
	
}
h3{
	font-size: 25px;
	color:#333;
	font-family:'Roboto', Arial;	
	margin: 0; padding:0;
	font-weight:normal;
}

footer{
	color: #fff;
	height:60px;
	clear:both;
    margin-left: auto;
    margin-right: auto;
}


nav ul{
	margin:0 0 0 0; 
	padding:0;	
}
nav ul li{
	float:right;
	width: 100%;
	height: 26px;
	padding: 5 0 0 10;
	font-size:11px;
}

nav ul li a {
	width:100%;		
	text-decoration:none;
	padding-right:5px;
	font-size:11px;

}
nav ul li:hover a{
	color:#fff;
}

h2{
	margin:0px;
	font-family: "Roboto", arial;
	font-weight:300;
}

.divider{
  height: 1px;
  margin: 1px 1px;
  overflow: hidden;
  background-color: #d5d5d5;	
}

@media screen and (max-width: 800px){
	section, header, footer{	
		width:100%;	
	}
	article{	
		clear:both;	
		width: 100%;
	}
	aside, #logoEvento{
		width: 100%;
	}
	#fotoInscrito, #bannerEvento, #logoConfRodape{
		display:none;	
	}
	#logoEvento{
		margin: 0;
			
	}
	#nomeEvento{
		margin: 0;
		clear:both;
		height:auto;
	}
	.width-delimiter{
		width:100%;
	}
	
}

@media screen and (min-width:801px){
	article{	
		margin-left: 60px;	
		height:auto;
		padding:0px;	
	}
	aside{
		margin-left: 0px;	
		width: 180px;
		border-right:1px #d5d5d5 solid;
		
	}
	footer{
		padding: 1;	
	}	
	section{
		padding-top:10px;	
	}
	.width-delimiter, section, header, footer{
		width: 100%;
		max-width: 800px;		
	}
}