#of_headertrem{
	height:48px;
	background-color:#ffffff;
	z-index:15;
}
h1.of_h1trem{
	background-image:url(../img/trem-expresso-parquinho-da-redencao.png);
	background-repeat:no-repeat;
	background-position:center top;
	width:263px;
	height:265px;
	left:0px;
	top:0px;
}
ul.of_lmenutrem{
	margin-left: 222px;
}
ul.of_lmenutrem, ul.of_rmenutrem{
	margin-top:12px;
}
li.of_liltrem a{
	display:block;
	height:20px;
	padding:5px 13px 0px 13px;
	box-sizing:content-box;
	font-size:10px;
	color:#444444;
	text-transform:uppercase;
	font-weight:300;
	text-align:center;
	margin-left:3px;
}
li.of_liltrem a:hover{
	background-color:#ce1e35;
	color:#fff;
	border-top:13px solid #fff;
}
#of_tremfoto{
	margin-top:48px;
}
.of_toplines{
	height:3px;
	background-color:#000;
}
#of_tremfoto img{
	max-width:100%;
}
h2.of_h2trem{
	font-size:48px;
	color:#ce1e35;
	text-transform:uppercase;
	font-weight:300;
	margin-top:21px;
}
h2.of_h2trem.caract{
	text-align:right;
	margin-right:30px;
}
h2.of_h2trem.seg{
	margin-left:30px;
}
h2.of_h2trem.efeitos{
	text-align:center;
}
h2.of_h2trem.contato{
	margin-left:30px;
	margin-right: 32px;
}
.of_hrh{
	background-color:rgba(0,0,0,0.3);
	width:1px;
	height:72px;
	margin-top:11px;
}
.of_hrh.left{
	margin-left:42px;
}
p.of_psobretrem{
	font-size:18px;
	color:#444444;
	font-weight:300;
	max-width:785px;
	line-height: 165%;
	margin-top:16px;
}
#sobretrem{
	margin-top:60px;
}
.of_hrthumbs{
	background-color:#ce1e35;
	position:relative;
	z-index:11;
	height:10px;
}
.of_thumbsbox{
	margin-top:65px;
}
.of_tremthumbs{
	max-width:100%;
	-webkit-transition: all 5s;
	-moz-transition: all 5s;
	-o-transition: all 5s;
	transition: all 5s;
}
.of_tremthumbs:hover{
	-ms-transform: scale(1.15); /* IE 9 */
    -webkit-transform: scale(1.15); /* Safari */
    transform: scale(1.15);
}
.of_thumbsbox.left{
	border-right:8px solid #fff;
}
.of_thumbsbox.center{
	border-left:4px solid #fff;
	border-right:4px solid #fff;
}
.of_thumbsbox.right{
	border-left:8px solid #fff;
}
ul.of_ulcaract{
	border-top:1px solid rgba(0,0,0,0.3);
	padding-top:24px;
	margin-top: 20px;
}
ul.of_ulcaract.seg{
	padding-left:58px;
}
ul.of_ulcaract.efeitos{
	border:0px none transparent;
	margin-top: 10px;
}
ul.of_ulcaract li{
	font-size:18px;
	color:#444444;
	font-weight:300;
	font-family:'museos';
	margin-bottom:12px;
	line-height: 135%;
}
ul.of_ulcaract.efeitos li{
	text-align:center;
	margin-left:255px;
	margin-right:255px;
}
ul.of_ulcaract li span{
	background-image:url(../img/bg/arrow.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:10px;
	height:14px;
	display:inline-block;
	vertical-align:top;
	margin-right:17px;
	margin-top: 6px;
}
.of_caracfoto{
	-webkit-transition: all 5s;
	-moz-transition: all 5s;
	-o-transition: all 5s;
	transition: all 5s;
}
.of_caracfoto:hover{
	-ms-transform: scale(1.15); /* IE 9 */
    -webkit-transform: scale(1.15); /* Safari */
    transform: scale(1.15);
}
.of_fshadow{
	background-image:url(../img/bg/shadow.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:38px;
}
#caractrem{
	margin-top:90px;
}
#segtrem{
	margin-top:50px;
}
#efeitrem{
	margin-top:32px;
}
.of_hrefeitos{
	background-color:rgba(0,0,0,0.3);
	height:1px;
	width:624px;
	margin-top: 40px;
}
#of_fotodivisor{
	height:365px;
	margin-top: 50px;
}
#of_fotodivisor figure{
	width:100%;
	height:100%;
	background-image:url(../img/bg/tremdivisor.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
	-webkit-transition: all 5s;
	-moz-transition: all 5s;
	-o-transition: all 5s;
	transition: all 5s;
}
#of_fotodivisor figure:hover{
	-ms-transform: scale(1.15); /* IE 9 */
    -webkit-transform: scale(1.15); /* Safari */
    transform: scale(1.15);
}
p.of_pfonetrem{
	font-size:21px;
	color:#444444;
	font-weight:300;
	min-height:45px;
	padding:0px 0px 0px 57px;
	background-image:url(../img/bg/iconfone.png);
	background-repeat:no-repeat;
	background-position:left 14px;
	margin: 16px 0px 0px 78px;
	max-width: 372px;
	text-align: center;
}
p.of_pmailtrem{
	font-size:21px;
	color:#444444;
	font-weight:300;
	min-height:45px;
	padding:10px 0px 0px 67px;
	background-image:url(../img/bg/iconmail.png);
	background-repeat:no-repeat;
	background-position:left 9px;
	margin: 18px 0px 0px 0px;
}
p.of_pmailtrem a:hover, p.of_pfonetrem a:hover{
	color:#ce1e35;
}
p.of_pmailtrem:hover{
	-webkit-animation-name: icons;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-name: icons;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
p.of_pfonetrem:hover{
	-webkit-animation-name: icons2;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-name: icons2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@keyframes icons {
    0%  {background-position:left 9px;}
    25%  {background-position:left 0px;}
    50% {background-position:left 9px;}
    75% {background-position:left 0px;}
    100% {background-position:left 9px;}
}
@keyframes icons2 {
    0%  {background-position:left 14px;}
    25%  {background-position:left 5px;}
    50% {background-position:left 14px;}
    75% {background-position:left 5px;}
    100% {background-position:left 14px;}
}
#contatotrem{
	margin-top:80px;
}
.of_tremfooter{
	height:600px;
	margin-top: 110px;
}
.of_tremfooter figure{
	background-image:url(../img/bg/trem-footer.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	width:100%;
	height:100%;
	-webkit-transition: all 5s;
	-moz-transition: all 5s;
	-o-transition: all 5s;
	transition: all 5s;
}
.of_tremfooter figure:hover{
	-ms-transform: scale(1.15); /* IE 9 */
    -webkit-transform: scale(1.15); /* Safari */
    transform: scale(1.15);
}
.of_copybartrem{
	background-color:#000;
}
p.of_pcopytrem{
	font-size:12px;
	color:#9e9e9e;
	font-weight:300;
	text-align:center;
	padding-top:20px;
	padding-bottom:15px;
}


@media (max-width: 1279px){
	h1.of_h1trem {
		width: 230px;
		height: 240px;
		background-size: 100% auto;
	}
	#of_menutrem{
		position:fixed;
		top:0px;
		right:0px;
		width:70%;
		height:100%;
		-ms-transform: translate(100%,0px);
		-webkit-transform: translate(100%,0px);
		transform: translate(100%,0px);
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
		background-color: #fff;
	}
	#of_menutrem.show{
		-ms-transform: translate(0%,0px);
		-webkit-transform: translate(0%,0px);
		transform: translate(0%,0px);
	}
	ul.of_lmenutrem, ul.of_rmenutrem, li.of_liltrem{
		float:none;
		margin-top: 0px;
		margin-left: 0px;
	}
	.ab_mobmenubt{
		width:32px;
		display:inline-block;
		margin-top:10px;
	}
	#of_tremfoto {
		margin-top: 60px;
	}
	.absolute .ab_mobmenubt {
		margin-right: 20px;
	}
	.ab_mobmenubt span{
		background-color:#ce1e35;
	}
	.ab_mobmenubt:hover span{
		background-color:#333;
	}
	li.of_liltrem a {
		height: auto;
		padding: 25px 13px 20px 13px;
		font-size: 18px;
		margin-left: 0px;
	}
	li.of_liltrem a:hover{
		background-color:#ce1e35;
		color:#fff;
		border-top:0px none transparent;
	}
	.of_closemenutrem{
		display:inline-block;
		font-size:48px;
		color:#ce1e35;
		font-weight:900;
		padding:0px 5px 0px 5px;
		z-index:20;
		right:20px;
	}
	.of_closemenutrem:hover{
		color:#333;
	}
	ul.of_lmenutrem{
		margin-top:30px;
	}
	#sobretrem, #caractrem, #segtrem, #efeitrem, #contatotrem{
		padding-left:40px;
		padding-right:40px;
	}
	h2.of_h2trem {
		text-align: center;
		float: none;
	}
	.of_hrh {
		width: auto;
		height: 1px;
		margin-top: 20px;
		float: none;
	}
	.of_hrh.left {
		margin-left: 0px;
	}
	p.of_psobretrem {
		text-align: center;
		margin-top: 30px;
	}
	.of_tremthumbs.left, .of_tremthumbs.center, .of_tremthumbs.right{
		margin-left:0px;
		margin-right:0px;
	}
	#caractrem {
		margin-top: 70px;
	}
	#caractrem img, #segtrem img{
		max-width:100%;
	}
	h2.of_h2trem.caract {
		text-align: center;
		margin-right: 0px;
	}
	ul.of_ulcaract {
		padding-top: 34px;
		margin-bottom: 40px;
	}
	ul.of_ulcaract li {
		text-align: center;
	}
	#of_headertrem {
		height: 60px;
	}
	#segtrem {
		margin-top: 40px;
	}
	h2.of_h2trem.seg {
		margin-left: 0px;
	}
	ul.of_ulcaract.seg {
		padding-left: 0px;
	}
	.of_hrefeitos {
		width: auto;
		margin-top: 20px;
	}
	ul.of_ulcaract.efeitos li {
		margin-left: 0px;
		margin-right: 0px;
	}
	ul.of_ulcaract.efeitos {
		margin-top: 0px;
	}
	#of_fotodivisor {
		background-position: center top;
		height: 200px;
		margin-top: 30px;
	}
	h2.of_h2trem.contato {
		margin-left: 0px;
		margin-right: 0px;
		float: none;
	}
	#contatotrem {
		margin-top: 60px;
	}
	p.of_pfonetrem {
		margin: 26px auto 0px auto;
		float: none;
		width: 370px;
	}
	p.of_pmailtrem {
		margin: 26px auto 0px auto;
		float: none;
		width: 345px;
	}
	.of_tremfooter {
		height: 300px;
		margin-top: 85px;
	}
}

@media (max-width: 767px){
	.of_thumbsbox.center, .of_thumbsbox.right{
		margin-top:0px;
	}
	h1.of_h1trem {
		width: 140px;
		height: 150px;
	}
	h2.of_h2trem {
		font-size: 38px;
	}
	#sobretrem, #caractrem, #segtrem, #efeitrem, #contatotrem {
		padding-left: 20px;
		padding-right: 20px;
	}
	#sobretrem {
		margin-top: 30px;
	}
	p.of_psobretrem {
		font-size: 16px;
	}
	.of_tremthumbs {
		margin-top: 0px;
	}
	.of_tremthumbs.left{
		margin-top:30px;
	}
	#caractrem {
		margin-top: 40px;
	}
	ul.of_ulcaract li {
		font-size: 16px;
	}
	ul.of_ulcaract li span {
		margin-top: 4px;
		margin-right: 12px;
	}
	#segtrem {
		margin-top: 30px;
	}
	#contatotrem {
		margin-top: 30px;
	}
	p.of_pfonetrem {
		width: 325px;
		background-position: left 2px;
		font-size: 18px;
	}
	p.of_pmailtrem {
		font-size: 18px;
		width: 305px;
		background-position: left 2px;
		margin: 20px auto 0px auto;
	}
	.of_tremfooter {
		height: 200px;
		margin-top: 65px;
	}
	
}

@media (max-width: 399px){
	h2.of_h2trem {
		font-size: 30px;
	}
	p.of_pfonetrem, p.of_pmailtrem{
		width: auto;
		text-align: center;
		background-image: none;
		padding-left:0px;
	}
	p.of_pmailtrem {
		margin: 0px auto 0px auto;
	}
	.of_tremfooter {
		margin-top: 55px;
	}
}