@import url("base.css");
@import url("skeleton.css");
@import url("icons.css");
body { background:#ffffff; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color: #333; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden; }
#wrapper { background:url(../images/bg-wrapper.jpg) repeat-x top; width: 100%; padding:50px 0 0; margin: 0 auto; position: relative; }
.top-header{background:url(../images/bg-top.png) repeat-x; width:100%; height:10px;}
#header {background:url(../images/bg-header.png) repeat-x top; width: 100%; height:181px; margin: 0 auto; position:relative; z-index:3; }
#logo { padding: 33px 0 0; text-align:center;}
/* */
.selectnav {display: none;cursor: pointer; padding: 8px; width:90%;height: 37px;float: left;font-size: 14px;margin: 11px 20px !important;}
.bg-menu{background:rgba(100%,100%,100%,0.6); width:100%; position:absolute; z-index:999;}
#navigation { width:960px; min-height: 44px; margin:0 auto;}
	#navigation ul {}
	#navigation ul, #navigation li { list-style: none; padding: 0; margin: 0; display: inline; }
	#navigation ul li { float: left; position: relative;z-index: 9999; padding: 0px 0px;}
		#navigation ul li a { font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform:uppercase; display: inline-block; color: #232323; text-decoration: none; font-size: 14px; padding:13px 15px; }
			#navigation ul li a:hover { color: #f11515;}
		#navigation ul li:hover > a {color: #f11515;}
	#navigation ul ul { position: absolute; display: none; top: 44px; left: 0; background:rgba(100%,100%,100%,0.6); z-index: 9999; }
		#navigation ul ul li a {color: #919191;}
			#navigation ul ul li a:hover {color: #f11515;}
		#navigation ul ul li a { display: block; width: 150px; margin: 0; padding: 9px 18px; font-family: Arial, sans-serif; color:#232323; font-weight: normal; font-size: 12px; border-bottom: 1px solid #ffffff; background: none; }
		#navigation ul ul li{border-right:0px; border-left:0px;}
		#navigation ul ul ul { position: absolute; top: 0px; left: 100%; z-index: 9999; }
			#navigation ul ul ul li a { border-bottom: 1px solid #ffffff !important; border-top: 1px solid transparent; background: none; }
		#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {border-bottom: 1px solid transparent}
		#navigation ul ul ul li:last-child a {border-bottom: 1px solid transparent !important}
	#navigation ul li:hover>ul { opacity: 1; position: absolute; top: 99%; left: 0; z-index: 9999; }
	#navigation ul ul li:hover>ul { position: absolute; top: 0; left: 100%; opacity: 1; z-index: 497; }
	#navigation ul li:hover > a {color: #f11515; }
	#navigation ul ul li:hover > a {color: #f11515; }
.selected { color: #f11515 !important; }
/* */
.banner-left{background:url(../images/banner-left.png) no-repeat right; width:250px; height:250px; position:absolute; bottom:-80px; left:0; z-index:998;}
.banner-right{background:url(../images/banner-right.png) no-repeat left; width:250px; height:250px; position:absolute; bottom:-80px; right:0; z-index:998;}
/* */
h3.amarelo, h1.amarelo{ padding:10px 0 15px; background:url(../images/h3-amarelo.png) no-repeat left bottom;color:#2d2c2d; margin:0 0 15px;}
h3.vermelho, h1.vermelho{ padding:10px 0 15px; background:url(../images/h3-vermelho.png) no-repeat left bottom;color:#2d2c2d; margin:0 0 15px;}
/* */
.box{margin:0;}
.box .info{background-color:#ffffff;}
.box .info .img{float:left; margin-right:20px; width:201px;}
.box .info h4{font-size:18px; padding:30px 0 0; margin:0px;line-height: 22px;}
.box p {margin:15px 15px 15px 0;}
/* */
.bg-nuvens{background:url(../images/bg-nuvens.png) repeat-x top center; height:46px; margin-top:40px;}
.bg-content{background:#FFF url(../images/bg-imagens.png) top center; width:100%; padding:40px 0 30px; margin:0;}
/* */
.gal-home li{float:left; margin-right:20px; margin-bottom:20px; width:42%;}
.gal-home li img{width:100%;}
.gal-home li:nth-child(2n+2){margin-right:0px;}

.depoimentos li{clear:both; margin-bottom:20px;}
.depoimentos li img{border:solid 2px #fac822;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; float:left; margin:0 10px 20px 0;}
.depoimentos li span{color:#f9c001; font-weight:700;}
.depoimentos li p{margin:0px;}
/* */
#footer { background:#ffffff url(../images/bg-rodape.png) repeat-x top; width: 100%; padding: 45px 0 0; margin-top:0; }
#footer, #footer p, #footer a {color: #3d3c3c}
#footer a:hover {color: #333;}
.no-margin {margin-top: 0;}
/* */
.footer-link { margin: 6px 0 5px; text-align: center; color: #3d3c3c; line-height: 20px; }
	.footer-link a {color: #fff}
		.footer-link a:hover {color: #d4d4d4;}
/* */
#footer-bottom { background-color:#f9c001; padding: 15px 0; line-height: 26px; margin-top:20px; color:#ffffff; font-weight:700;}
	#footer-bottom a {color: #fff}
		#footer-bottom a:hover {color: #d4d4d4;}
	#footer-bottom .social-icons { margin-top: 0px !important; margin-bottom: 0px; }
/* */
.links-list li a { color: #a4a4a4; display: block; padding: 3px 0; padding-left: 12px; background: url(../images/links-list-arrow-01.png) no-repeat left 47%; }
.links-list-alt li a { color: #666; display: block; padding: 3px 0; padding-left: 12px; background: url(../images/links-list-arrow-02.png) no-repeat left 47%; }
.links-list li a:hover {color: #fff}
.links-list-alt li a:hover {color: #888}
.links-list li:first-child a, .links-list-alt li:first-child a {margin: -3px 0 0 0;}
/* */
.button, input[type="button"] { padding: 12px 12px; display: inline-block; border: 0px; font-family: 'Open Sans', sans-serif; font-weight: 700; cursor: pointer; width: auto; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
input[type="button"] {float: left;}
.button.gray { color: #fff; background: #444; }
	.button.gray:hover {background: #1172b9;}
.button.color { color: #fff; background: #f9c001; }
	.button.color:hover {background: #aaa;}
.button.color2 { color: #fff; background: #f71215; }
	.button.color2:hover {background: #aaa;}

/* */
.social-icons { margin: 0; float:right; margin: 5px 0px; }
	.social-icons.top { float: left; margin: 0px 0px 5px; }
	.social-icons li { display: inline; list-style: none; text-indent: -9999px; margin-left: 5px; float: left; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
		.social-icons li a { background-repeat: no-repeat; background-position: 0 0; display: block; height: 28px; width: 28px; }
		.social-icons li:hover {background-position: 0 -38px;}
/* */
#social a { width: 28px; height: 28px; margin: 0 6px 6px 0; display: block; float: left; text-indent: -9999px; background-position: 0 -38px; }
	#social a img {border: none;}
/* */
.facebook {background: url(../images/icons/social/facebook.png) no-repeat;}
.twitter {background: url(../images/icons/social/twitter.png) no-repeat;}

@media only screen and (max-width:1280px) {
	.banner-left{width:150px; }
	.banner-right{width:150px; }
}

@media only screen and (max-width:1024px) {
	.banner-left{width:70px; }
	.banner-right{width:70px; }
}