.bot_up, .quadros, button, a, .box-botoes{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}

body{
	margin:0;
	font-family:"trebuchet ms", arial;
	background-image:url(imagens/fundo-total.fw.png);
	background-size:100%;
	background-position:bottom;
	background-attachment:fixed;
}

#total{
	width:900px;
	height:auto;
	float:left;
	position:relative;
	left:50%;
	margin-left:-450px;
}

header#topo{
	width:100%;
	height:150px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdbdb+0,097509+32,004010+100 */
background: rgb(219,219,219); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iIzA5NzUwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQwMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(219,219,219,1) 0%, rgba(9,117,9,1) 32%, rgba(0,64,16,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,219,219,1)), color-stop(32%,rgba(9,117,9,1)), color-stop(100%,rgba(0,64,16,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(9,117,9,1) 32%,rgba(0,64,16,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(9,117,9,1) 32%,rgba(0,64,16,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(9,117,9,1) 32%,rgba(0,64,16,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(219,219,219,1) 0%,rgba(9,117,9,1) 32%,rgba(0,64,16,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#004010',GradientType=0 ); /* IE6-8 */

	
	float:left;
	
	}

#fone{width:40%; float:right; padding:5px;}
#fone p{font: 300 16px 'Oswald', sans-serif; color:#fff; text-align:right;}
#fone h1{font: 300 16px 'Oswald', sans-serif; color:#fff; text-align:right;}
#fone h1:before{font:16px 'FontAwesome'; color:#fff; content:"\f095"; margin-right:10px;}
  

#palco_menu{width:100%; max-width: 900px; overflow:hidden; background:#030; border-bottom:10px solid #fff; margin-bottom:5px;}

#menu{width:100%; max-width:900px; margin:0 auto; font-size:0; list-style:none;}
#menu li{display:inline-block; width:calc(100% / 4); cursor:pointer; overflow:hidden; position:relative;}
#menu li a{font:300 18px 'Oswald', sans-serif; color:#FFF; text-transform:uppercase; text-align:center; padding:20px 0; position:relative; z-index:90; display:block; text-decoration:none; }
#menu li .bot_up{ position:absolute; width:100%; height:100%; background:#ccc; bottom:-110%; color: #030; }
#menu li:hover .bot_up{ bottom:0; }
nav select{ display:none; border-radius:3px; padding:10px; width:calc(100% - 40px); margin:20px; font:24px/50px 'Oswald', sans-serif; color:#ccc; outline:none; }

        
#imgpos {
	position:absolute;
	left:50%;
        margin-left:-110px;
	margin-top:10px;
	}

article#conteudo{
	width:900px;
	height:150px;
	margin-top:10px;
	background-color:#fff;
	float:right;
	opacity:0.8;
	
}

article#conteudo-informativo{
	width:900px;
	height:362px;
	margin-top:10px;
	background-color:#fff;
	float:right;
	opacity:0.8;
	
}
article#conteudo-condominio{
	width:900px;
	height:auto;
	margin-top:10px;
	background-color:#fff;
	float:right;
	opacity:0.8;
	
}

section#conteudo1{
	width:500px;
	height:450px;
	margin-top:10px;
	background-color:#fff;
	float:left;
	opacity:0.8;
	
}

section#conteudo2{
        width:400px;
	height:450px;
	margin-top:10px;
	background-color:#fff;
	float:left;
	opacity:0.8;
}

aside#colunas{
	width:900px;
	height:270px;
	background-color:#fff;
	float:left;
	opacity:0.8;
	margin:0;

}

section#coluna{
	width:270px;
	height:250px;
	float:left;
	background-color:#030;
	box-shadow: 3px 3px 3px 3px #999999;
	
}

footer#rodape{
	width:100%;
	height:70px;	
	float:left;
	/*position:relative;*/
	background-color:#030;
}

section#coluna h3{
	margin:0;
	margin-left:20px;
	margin-top:10px;
	color:#CCC;
	
	
}

.decoracao{
	text-decoration:none; 
	color:#ccc;
	font-size:16px;
}
aside#imagens{
        width:900px;
	height:auto;
	background-color:#fff;
	float:left;
	opacity:0.8;
	margin:0;
    
}

section#img1{
    
        float: left;
        margin-left: 10px;
    margin-bottom: 10px;
}

.separacao{
        padding-bottom:10px;
        margin-left: 5px;
    
}