body,html{
    margin:0px;
    padding:0px;
}
body{
}
.wrapper{
    text-align: center;
    padding-top: 57px;
}
h1{
    text-align: center;
    font-size: 219%;
    color: #333;
    opacity: 1;
}
a{
    text-decoration: none;
    opacity: 1;
}
#content{
    font-size: 0px; /* Para fazer com que as imagens não tenham espaços no meio (?) */
    text-align: center; /*Para centrar as imagens (quando ficar mais pequeno). */
    opacity: 1;
}
.home_box{
    font-size: 16px;
    display: inline-block;
    width: 390px;
    padding-bottom: 10px;
    vertical-align: top;
    opacity: 1;
}
.home_box img{
    width: 390px;
    transition: all 0.5s ease-in-out;
}
.home_box h3{
	margin:3px 0px;
	text-align:center;
}
.home_box p{
	padding: 0px 6px;
	margin: 3px 0px;
}
footer {
    background-color: #F7090D;
    width: 100%;
    text-align: center;
    border-top: solid 5px #ddd;
}
footer table{
	margin:auto;
	width:100%;
}
footer table td{
	padding-bottom:20px;
	width:32%;
	vertical-align:top;
	border-right:solid 1px #CCC;
}
footer table td:last-child{
	border:0px;
}
footer span, footer a{
	letter-spacing:2px;
}

footer .wrapper{
	margin-bottom:0px;
}

nav {
    height: 50px;
    width: 100%;
    font-weight: bold;
    position: relative;
    font-size: 16px;
}


nav .wrapper{
    margin: 0px auto;
    padding: 0px;
}
nav ul {
    padding: 0;
    margin: 0 auto;
    width: auto;
    height: 193px;
}

nav li {
    display: inline-block;
}
nav a {
    color: #000000;
    display: inline-block;
    padding: 0px 20px;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
}
nav li a {
    border-right: 0px solid #ffffff;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
nav li:last-child a {
    border-right: 0;
}
nav a#pull {
    display: none;
}
td div table {
    display: table-cell;
    border-spacing: 1px 1px;
    background-color: #000000;
}





@media only screen and (max-width:1452px){
	.wrapper{
    margin-top: 100px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    box-sizing: border-box;
	}
	.home_box{
    width: 290px;
	}
	.home_box img{
		width:290px;
	}
	footer table{
		width:870px;
	}
}

@media only screen and (max-width: 900px) {
	h1{
		font-size:250%;
	}
	#content{
		padding-top:20px;
	}
	.home_box{
		width:100%;
		display:block;
	}
	.home_box img{
		width:100%;
		max-width:300px;
	}
	footer table td{
		display:block;
		width:100%;
		border-right:0px;
		border-bottom:solid 1px #CCC;
	}
	footer table td:last-child{
		border:0px;
	}
	footer table{
		width:100%;
	}
}

@media only screen and (max-width : 734px ){
    nav {
    height: auto;
    padding-top: 0px;
    }
    nav ul {
    width: 100%;
    height: auto;
    display: none;
    padding-top: 0px;
    }
    nav li {
    width: 100%;
    float: none;
    border-bottom: 0px solid #ffffff;
    padding-top: 0px;
    position: relative;
    }
    nav li a, nav a {
    text-align: center;
    width: 100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    border: 0px;
    }
	nav a#pull{
    display: block;
    width: 100%;
    text-indent: 25px;
    position: relative;
    background-color: #DDD;
    text-align: left;
    padding-top: 0px;
	}
	nav a#pull:after{
    content: "";
    background: url('../_icons/ic_menu_black_36dp_1x.png') no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 7px;
    padding-top: 0px;
	}
.wrapper {
    padding-top: 0px;
    margin-top: 0px;
}
td div table {
    display: table;
    border-collapse: separate;
    border-spacing: 1px 1px;
}

}

@media only screen and (max-width: 400px) {
	h1{
    font-size: 200%;
    padding-top: 0px;
	}
}

/* O código abaixo serve exclusivamente para o slider */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
  }

.rslides img {
    height: auto;
    border: 0;
}