body,html{
	position:relative;
	margin:0;
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
}
body{
	background:#fff;
}
h1,h2,h3,h4,h5,h6,p,input,a,li,th,td,*{
	font-family:Gotham, ProximaNova,Helvetica;
}
a{
	color:inherit;
	text-decoration:inherit;
}
b{
	font-weight:bold;
}
::selection {
	color:#ccc;
	background:#CF4F54; /* WebKit/Blink Browsers */
}
::-moz-selection {
	color:#ccc;
	background:#CF4F54; /* Gecko Browsers */
}
small{
	font-size:70%;
}
.padding{
	padding:5px;
}
.padding2{
	padding:10px;
}
.padding3{
	padding:15px;
}
.padding4{
	padding:20px;
}
.truncated {
    display: block;
    white-space: nowrap; /* forces text to single line */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.truncated-multiline{
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    max-width:inherit;
    max-height:inherit;
}
.page{
	position:relative;
	width:1200px;
	margin-left:50%;
	left:-600px;
}
.page-shadow{
	position:absolute;
	max-width:100%;
	overflow:hidden;
}
.page-shadow img{
	position:relative;
	margin-left:50%;
	left:-490px;
}

@media screen and (max-width:1200px){
	.page{
		width:auto;
		margin-left:0;
		left:0;
	}
	.flex-mobile-center{
		-webkit-justify-content: center;
   		justify-content: center;
	}
	.mobile-center{
		text-align:center;
	}
	.header .text{
		width:100%;
	}
}



#supheader{
	height:12px;
	background:url('../imagens/supheader-bg.jpg');
}
header{
	background:#221011;
}
header .page{
	min-height:120px;
}
header .contato{
	text-align:right;
}
header .contato h6{
	font-size:11px;
	color:#CF4F54;
}
header .contato h1{
	font-size:27px;
	color:#CF4F54;
	font-style:italic;
}
header .contato h1 small{
	font-weight:100;
}
header .contato i{
	color:#D6D6D6;
	font-size:20px;
}
header .contato p{
	color:#FFFFFF;
	font-size:12px;
	font-style:italic;
	font-weight:100;
}
header img{
	max-width:90%;
}
menu li h1{
	color:#FFFFFF;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
}
menu li{
	padding:10px 14px;
}
menu li:hover ul{
	max-height:1000px;
	opacity:1;
}
menu li:active ul{
	max-height:1000px;
	opacity:1;
}
menu ul ul{
	background:#CF4F54;
	position:absolute;
	max-width:100%;
	overflow:hidden;
	margin-top:6px;
	z-index:9999999;
	max-height:0;
	opacity:0;
}
menu ul ul li{
	position:relative;
	font-size:14px;
	color:#fff;
	font-weight:100;
	border-bottom:1px solid #fff;
	padding:4px;
	margin:0 15px;
}
menu ul ul a:first-child li{
	margin-top:10px;
}
menu ul ul a:last-child li{
	border:0;
	margin-bottom:10px;
}
footer{
	border-top:12px solid #CF4F54;
	background:#222222;
}
footer .page{
	min-height:150px;
}
footer ul li{
	color:#777777;
	width:35px;
	height:50px;
	font-size:22px;
}
footer ul li:hover{
	color:#C32228;
}
footer h6{
	color:#C32228;
	font-weight:bold;
	font-size:14px;
	margin:6px 0;
}
footer p{
	font-weight:100;
	font-size:12px;
	color:#FFFFFF;
	line-height:140%;
}
footer h5{
	color:#fff;
	font-size:12px;
	font-weight:100;
	font-style:italic;
	padding:6px 0;
}
footer h2{
	color:#999999;
	font-size:25px;
	font-weight:bold;
	padding:6px 0;
}
@media screen and (max-width:1000px){
	footer .divisor{
		display:none;
	}
}

.page-shadow{
	position:absolute;
	width:100%;
	height:20px;
	background-image:url('../imagens/page-shadowbg.png');
	background-repeat:repeat-x;
	background-position:center top;
}
.header{
	max-width:100%;
	overflow:hidden;
}
.header p{
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	color:#1F1F1F;
	font-family:ProximaNova, Gotham, Helvetica;
}
.header h1{
	font-size:40px;
	font-weight:bold;
	font-style:italic;
	color:#1F1F1F;
	font-family:Gotham, ProximaNova, Helvetica;
}
.header h1 span{
	background:#CF4F54;
	border-radius:5px;
	font-size:18px;
	font-weight:100;
	vertical-align:middle;
	color:#FFFFFF;
	padding:5px;
	margin-right:10px;
}
.header button{
	background:#210F10;
	border:0;
	padding:6px;
	color:#fff;
	font-size:18px;
	font-weight:100;
	font-style:italic;
	border-radius:5px;
	cursor:pointer;
}
@media screen and (max-width:400px){
	.header h1{
		font-size:30px;
	}
	menu ul ul{
		left:15%;
		width:70%;
	}
	menu ul ul li{
		font-size:18px;
	}
}