/* @include normalize */
@font-face {
    font-family: 'GothamBold';
    src: url('http://msagestao.com.br/fonts/gotham-bold.eot');
    src: url('http://msagestao.com.br/fonts/gotham-bold.eot') format('embedded-opentype'),
         url('http://msagestao.com.br/fonts/gotham-bold.woff') format('woff'),
         url('http://msagestao.com.br/fonts/gotham-bold.svg#GothamBold') format('svg');
}
@font-face {
    font-family: 'GothamBook';
    src: url('http://msagestao.com.br/fonts/gotham-book.eot');
    src: url('http://msagestao.com.br/fonts/gotham-book.eot') format('embedded-opentype'),
         url('http://msagestao.com.br/fonts/gotham-book.woff') format('woff'),
         url('http://msagestao.com.br/fonts/gotham-book.svg#GothamBook') format('svg');
}
@font-face {
    font-family: 'GothamThin';
    src: url('http://msagestao.com.br/fonts/gotham-thin.eot');
    src: url('http://msagestao.com.br/fonts/gotham-thin.eot') format('embedded-opentype'),
         url('http://msagestao.com.br/fonts/gotham-thin.woff') format('woff'),
         url('http://msagestao.com.br/fonts/gotham-thin.svg#GothamThin') format('svg');
}
html {
  height: 100%;
}

body {
  	background: url(../img/bg.jpg) repeat 0 0;
  	width: 100%;
  	float: left;
  	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;
}
body a {
	text-decoration: none;
	color: #545e74;
}
body a:hover {
	color: #144bb0;
	text-decoration: none;
}
body img {
	border: none;
}
body li {
	list-style: none;
}
body h1{
	font: 28px/28px 'GothamBold', Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	outline-top: 1px solid #fff; 
	padding: 35px 0px 15px 0px;
	margin: 0px;
	text-indent: 0px;
	opacity:0;
	margin-left: 50px;
	overflow: hidden;
	color: #464F70;
}
body h2 {
	font: 28px/28px 'GothamBold', Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	text-indent: 0;
	margin: 0px 0px 20px 0px;
	color: #464F70;
}
body h3 {
	font: 18px/25px 'GothamBold', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #464F70;
}
body h4 {
	font: 16px/17px 'GothamBook', Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #dcdcdc;
}
body p {
	font: 15px/22px 'GothamBook', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
body b {
	font-family: 'GothamBold', Arial, Helvetica, sans-serif;

}
#grains {
	background: url(../img/bg-topo.jpg) repeat-x 0 0;
	height: 150px;
	width: 100%;
	position: absolute;
	z-index: -1;
}
#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 0px;
	zoom: 1;
	vertical-align: baseline;	
}
#container:before, #container:after {
	display: table;
	content: "";
}
#container:after {
	clear: both;
}
#header {
	float: left;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	border-bottom: 1px solid #DCDCDC;
	width: 100%;
}
#header #social {
	position: relative;
	background: rgba(255, 255, 255, 0.4);
	padding: 10px 10px;
	font: 10px/10px GothamBook, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	float: right;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
#header #social li{
	display: inline;
	vertical-align: middle;
	float: left;
	margin: 0px 10px;
	text-indent: 30px;
	line-height: 26px;
}
#header #social li#facebook {
	background: url(../img/facebook.png) no-repeat 0 0;
}
#header #social li#linkedin {
	background: url(../img/linkedin.png) no-repeat 0 0;
}
#header #social a:hover li {
	opacity: 0.7;
}
#header #logo {
	width: 155px;
	height: 110px;
	float: left;
	clear: left;
	margin-top: 46px;
}

#header #menu {
	float: right;
	font: 12px/12px 'GothamBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-top: 74px;
	clear: right;
}

#header #menu ul{
	list-style: none;
	margin: 0;
	padding: 0px;
}

#header #menu ul li {
	display: inline;
	padding: 10px 25px;
	margin: 0px;
	float: left;
	background: #e41a1a; /* Old browsers */
	background: -moz-linear-gradient(top,  #e41a1a 0%, #ca0d0d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e41a1a), color-stop(100%,#ca0d0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e41a1a 0%,#ca0d0d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e41a1a 0%,#ca0d0d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e41a1a 0%,#ca0d0d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e41a1a 0%,#ca0d0d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e41a1a', endColorstr='#ca0d0d',GradientType=0 ); /* IE6-9 */
	border: 1px solid #a00404;
	border-top: 1px solid #b70c0c;
	-webkit-box-shadow: 0px 0px 2px rgba(250, 250, 250, 0.8) inset;
	-moz-box-shadow:    0px 0px 2px rgba(250, 250, 250, 0.8) inset;
	box-shadow:         0px 0px 2px rgba(250, 250, 250, 0.8) inset;
}
#header #menu ul li.first {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;

}
#header #menu ul li.last {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-left: 0px
}
#header #menu ul li.mid {
	border-left: 0px;
}
#header #menu a {
	color: #fff;
	text-decoration: none;
}
#header #menu li:hover {
	background: rgb(242,29,29); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,29,29,1) 0%, rgba(202,13,13,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,29,29,1)), color-stop(100%,rgba(202,13,13,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,29,29,1) 0%,rgba(202,13,13,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,29,29,1) 0%,rgba(202,13,13,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,29,29,1) 0%,rgba(202,13,13,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,29,29,1) 0%,rgba(202,13,13,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f21d1d', endColorstr='#ca0d0d',GradientType=0 ); /* IE6-9 */
}

#header #menu li.ativo {
	background: #b20000; /* Old browsers */
	background: -moz-linear-gradient(top,  #b20000 0%, #d61919 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b20000), color-stop(100%,#d61919)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b20000 0%,#d61919 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b20000 0%,#d61919 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b20000 0%,#d61919 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b20000 0%,#d61919 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b20000', endColorstr='#d61919',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.3) inset;
	-moz-box-shadow:    0px 1px 3px rgba(50, 50, 50, 0.3) inset;
	box-shadow:         0px 1px 3px rgba(50, 50, 50, 0.3) inset;
}
#slides {
  display: none
}

#box-contato {
	float: left;
	background: url(../img/bg-box.png) no-repeat 0 0;
	padding: 24px;
	width: 196px;
	height: 176px;
	display: block;
	text-align: center;
}
#box-contato h4{
	font: 14px/19px 'GothamBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 5px 0;
	border: none;
}
#box-contato p{
	font: 12px/17px 'GothamBook', Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
	margin: 0;
	border-bottom: 1px solid #d7d7d7;
}
#box-contato #botao-contato {
	float: left;
	color: #fff;
	font: 14px/21px 'GothamBold', Arial, Helvetica, sans-serif;
	background: url(../img/botao-vermelho.png) no-repeat 0 0;
	padding-top: 10px;
	width: 195px;
	height: 30px;
	text-align: center;
	text-transform: uppercase;
	margin: 0px;
	margin-top: 15px;
}
#box-contato #botao-contato:hover {
	background-position: 0 -40px;
}
hr#divisor {
	background: url(../img/divisor.png) no-repeat 0 0;
	height: 3px;
	width: 800px;
	border: none;
	margin-bottom: 20px;
}
#footer {
	float: left;
	margin: 10px 0;
	font: 12px/16px 'GothamBook', Arial, Helvetica, sans-serif;
	text-align: center;
	width: 100%;
	padding: 15px 0 30px 0;
}




/* Media quires for a responsive layout */

/* For tablets & smart phones */
@media (max-width: 767px) {
	body h1 {
		font: 20px/20px GothamBold, Arial, Helvetica, sans-serif;
		padding: 18px 0px 10px 0px;
		text-indent: 0;
	}
	body h2 {
		font: 16px/16px 'GothamBold', Arial, Helvetica, sans-serif;
	}
	body h3 {
		font: 14px/14px 'GothamBold', Arial, Helvetica, sans-serif;
	}
	body h4 {
		font: 14px/14px 'GothamBook', Arial, Helvetica, sans-serif;
	}
	body p {
		font: 12px/16px 'GothamBook', Arial, Helvetica, sans-serif;
	}
	#container {
	  width: 298px;
	}
	#container #header {
		width: 298px;
    }
	#header {
		padding-bottom: 7px;
		margin-bottom: 0px;
    }
	#header #social {
		display: none;
	}
	#header #logo {
		width: 100%;
		text-align: center;
		float: left;
		display: block;
		clear: left;
		margin: 0 auto;
		height: 66px;
		margin-top: 15px;
	}
	#header #logo a {
	  width: 93px;
	  height: 66px;
	}
	#header #logo img {
	  width: 93px;
	  height: 66px;
	}
	#header #menu {
	  margin-top: 20px;
	  float: left;
	  clear: left;
	  font-size: 11px;
	  width: 100%;
	  text-align: center;
	}
	#header #menu ul {
		display: inline-block;
	}
	#header #menu ul li {
	  padding: 8px 10px 8px 10px;
	}
	a.slidesjs-next, a.slidesjs-previous {
		display: none;
	}
	#box-contato {
	    padding: 15px;
	    margin-top: 30px;
	    width: 100%;
	    height: auto;
	    background: #fcfcfc;
	    border: 1px solid #
	    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #fff;
		background: rgb(249,248,248); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(249,248,248,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,248,248,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(249,248,248,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(249,248,248,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(249,248,248,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(249,248,248,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f8f8', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
        -webkit-box-shadow: 0px 0px 1px rgba(50, 50, 50, 1);
		-moz-box-shadow:    0px 0px 1px rgba(50, 50, 50, 1);
		box-shadow:         0px 0px 1px rgba(50, 50, 50, 1);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
    }
    #box-contato #botao-contato {
	    margin-left: 37px;
    }
	hr#divisor {
		width: 298px;
		background-position: -250px 0px;
	}
	#footer {
		font-size: 10px;
	}
	
}

/*For smartphones
@media (max-width: 480px) {
}*/

/* For smaller displays like laptops */
@media (min-width: 767px) and (max-width: 979px) {
	#container {
	  width: 724px;
	}
    #container #header {
	  width: 724px;
    }

}

/* For larger displays */
@media (min-width: 1200px) {
  .container {
    width: 960px;
  }
}