h2#topo {
	        color: grey;
	        float: right;
	        text-align: right;
	        font-weight: lighter;
	        text-transform: lowercase;
	        font-size: 32px;
	        line-height: .9em;
	    }

/* 		h2#topo strong {
	        color: #561c67!important;
	    }*/




	    .botao-zap {position: fixed;right: 20px; bottom: 30px;z-index: 999;}

.botao-zap a span {background:#34af23;display: block; width:80px;height:80px;padding: 0;border-radius: 100px;transition: -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;cursor: pointer;}
.botao-zap a span:hover {background: #29961a!important; }
.botao-zap a span img {margin: 18px 0 0 20px!important;}


	    .botao-insta {position: fixed;right: 20px; bottom: 120px;z-index: 999;}

.botao-insta a span {background:#C13584;display: block; width:80px;height:80px;padding: 0;border-radius: 100px;transition: -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;cursor: pointer;}
.botao-insta a span:hover {background: #E1306C!important; }
.botao-insta a span img {margin: 18px 0 0 20px!important;}

.botao-zap-contato {position: relative}
.botao-zap-contato a span {background:#E1306C;display: block; width:80px;height:80px;padding: 20px;border-radius: 100px;transition: -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;cursor: pointer;}
.botao-zap-contato a span:hover {background: #C13584!important; }


.botao-zap-pagcontato {position: relative}
.botao-zap-pagcontato a span {position: relative;background:#34af23;display: block; width:210px;height:50px;padding: 20px;border-radius: 50px;transition: -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;cursor: pointer;}
.botao-zap-pagcontato a span p {text-decoration: none!important;position: absolute;font-size: 20px; color: white;top: 33px;left: 70px;}
.botao-zap-pagcontato a span img {vertical-align: bottom!important;}
.botao-zap-pagcontato a span:hover {background: #29961a!important;text-decoration: none!important; }


.form-message {
 font-size: 20px; color: green;
}


.animate {
  transition: -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;
}

	.port-foto-h {
	    margin-left:10px!important;
	    margin-top:7px;
	}
	.port-foto-int1 {
	    margin-left:10px;
	    margin-bottom:14px;
	}
	.port-foto-int2 {
	    margin-bottom:7px;
	}

	.btn-new {width: 100%;background: #9f9f9f;height: 40px;text-align: center;}
	.btn-new a{color: #fff!important;text-decoration: none!important;padding:10px!important;margin-top: 10px!important;display: block; }
	.btn-new a:hover{background: #622f77!important; }

	a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	    margin:0;
	    padding:0;
	    border:0;
	    font:inherit;
	    vertical-align:baseline;
		border-radius: 10px;

	}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	    display:block
	}
	body {
	    line-height:1
	}
	blockquote, q {
	    quotes:none
	}
	blockquote:after, blockquote:before, q:after, q:before {
	    content:'';
	    content:none
	}
	table {
	    border-collapse:collapse;
	    border-spacing:0
	}
	.none {
	    display:none
	}
	body {
	    font:13px/21px Asap, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	    color:#444;
	    -webkit-font-smoothing:antialiased;
	    -webkit-text-size-adjust:100%
	}
	.kaleido1 {
	    background:url(../images/kaleido1.jpg) no-repeat center top #fff
	}
	.kaleido2 {
	    background:url(../images/kaleido2.jpg) no-repeat center top #fff
	}
	.kaleido3 {
	    background:url(../images/kaleido3.jpg) no-repeat -700px top #fff
	}
	.kaleido4 {
	    background:url(../images/kaleido4.jpg) no-repeat -600px top #fff
	}
	.kaleido5 {
	    background:url(../images/kaleido5.jpg) no-repeat center top #fff
	}
	header {
	    height:160px;
	    position:relative
	}
	nav {
	    position:absolute;
	    right:0;
	    top:20px;
	    width:324px;
	    height:25px;
	    /*border: 1px solid #f00;*/
	    background:none;
	    font-size:16px;
	    padding:0;
	    overflow:hidden;
	}
	nav ul {
	    margin:0;
	}

		nav ul li {

	}


	nav ul a {
		float: left;margin-left:15px;
	    text-decoration:none
	    color:#333!important;
	}
	nav ul a:hover {
	    color:#333
	}
	.menusec, .menusec-int {
	    width:100%
	}
	.menusec ul li, .menusec_nt ul li {
	    margin-bottom:0
	}
	.menusec ul li a {
		width: 100%;
    	height: 58px;
    	display: block;
    	font-size: 15px;
    	text-decoration: none;
    	color: #fff;
    	text-align: center;
    	padding: 42px 10px 0 10px;
	}

	.menusec-int ul li a {
		width: 100%;
    	height: auto;
    	display: block;
    	font-size: 15px;
    	text-decoration: none;
    	color: #fff;
    	text-align: center;
    	padding: 15px 0;
	}	

	.menusec ul li a.a, .menusec-int ul li a.a {
	    background:#0e71c5;
	}
	.menusec ul li a.b,.menusec-int ul li a.b {
	    background:#561c67;
	}
	.menusec ul li a.c, .menusec-int ul li a.c {
	    background:#d90e02;
	}
	.menusec ul li a.d, .menusec-int ul li a.d {
	    background:#faaf3e;
	}
	.menusec ul li a.a:hover, .menusec-int ul li a.a:hover {
	    background:#0e7bd8;
	}
	.menusec ul li a.b:hover, .menusec-int ul li a.b:hover {
	    background:#622f77;
	}
	.menusec ul li a.c:hover, .menusec-int ul li a.c:hover {
	    background:#e81e05;
	}
	.menusec ul li a.d:hover, .menusec-int ul li a.d:hover {
	    background:#f4a52f;
	}

/*	.menusec ul .idt a {
	    background-position:0 -92px
	}
	.menusec ul .fot a {
	    background-position:-220px -92px
	}
	.menusec ul .imp a {
	    background-position:-440px -92px
	}*/


/*
	.menusec ul li.d {
	    background:url(../images/bgmenusec.jpg) repeat-x -660px 0
	}
	.menusec ul .web a {
	    background-position:-220px -92px
	}
	.menusec ul .cam a {
	    background-position:-660px -92px
	}
*/



	.menusec_int {
	    width:100%;
	    margin-bottom:30px
	}
	.menusec_int ul li {
	    margin-bottom:1px
	}
	.menusec_int ul span a {
	    width:100%;
	    height:40px;
	    display:block;
	    background:url(../images/bgmenusec.jpg) repeat-x
	}
	.menusec_int ul li {
	    text-indent:-5000px;
	    width:100%;
	    height:40px
	}
	.menusec_int ul li.a {
	    background:url(../images/bgmenusec.jpg) repeat-x 0 -46px
	}
	.menusec_int ul li.b {
	    background:url(../images/bgmenusec.jpg) repeat-x -220px -46px
	}
	.menusec_int ul li.c {
	    background:url(../images/bgmenusec.jpg) repeat-x -440px -46px
	}
	.menusec_int ul li.d {
	    background:url(../images/bgmenusec.jpg) repeat-x -660px -46px
	}
	.menusec_int ul .idt a {
	    background-position:0 -138px
	}
	.menusec_int ul .web a {
	    background-position:-220px -138px
	}
	.menusec_int ul .imp a {
	    background-position:-440px -138px
	}
	.menusec_int ul .cam a {
	    background-position:-660px -138px
	}
	.menusec_int ul li.activea {
	    background:url(../images/bgmenusec.jpg) repeat-x 0 -138px
	}
	.menusec_int ul li.activeb {
	    background:url(../images/bgmenusec.jpg) repeat-x -220px -138px
	}
	.menusec_int ul li.activec {
	    background:url(../images/bgmenusec.jpg) repeat-x -440px -138px
	}
	.menusec_int ul li.actived {
	    background:url(../images/bgmenusec.jpg) repeat-x -660px -138px
	}

	.vmais a {
		display: block;
		font-size: 18px;
		color: #fff!important;
		background: #561c67;
		text-align: center;
		padding: 20px;
		margin: 30px 0 60px 0;
	}
	.vmais a:hover {
		color: #ccc;
		background: #622f77;
		text-decoration: none!important;
	}

	.bg {
	    background:url(../images/bg.png) repeat;
	    position:relative;
	    width:100%;
	    margin:0 auto;
	    padding:0;
	    padding-bottom:30px;
	    border-top:1px solid #fff;
	    border-bottom:1px solid #fff
	}
	.noticias .ult {
	    margin-bottom:0
	}
	.noticias img {
	    width:100%;
	    display:block
	}
	.noticias h3 {
	    color:#333;
	    font-size:17px;
	    height:70px;
	    overflow:hidden
	}
	.noticias h3 a {
	    text-decoration:none!important
	}
	.sixteen .noticias h3 {
	    height:82px
	}
	.noticias h4 {
	    color:#333;
	    font-size:30px;
	    font-weight:700;
	    height:auto;
	    line-height:1.2em
	}
	.noticias h4 a {
	    text-decoration:none!important
	}
	.noticias .data {
	    color:#555;
	    font-size:12px;
	    font-weight:400;
	    display:block;
	    margin-bottom:20px
	}
	.noticias div a, .noticias p a {
	    color:#333;
	    text-decoration:underline
	}
	.noticias div a:hover, .noticias p a:hover {
	    color:#555
	}
	.who img {
	    display:block;
	    width:100%
	}
	.who .bgimg {
	    background:#000;
	    width:100%;
	    margin-bottom:5px;
	    display:block
	}
	.noticias .bgimg {
	    background:#000;
	    width:100%;
	    display:block;
	    margin-bottom:5px
	}
	.noticias .bgimg img {
	    width:100%;
	    margin:0!important;
	    padding:0!important
	}
	.projetoA img {
	    display:block
	}
	.projetoA .bgimg {
	    background:url(../images/mais.png) no-repeat 60px 40px #000;
	    width:100%;
	    display:block;
	    margin-bottom:5px
	}
	.projetoA .bgimg img {
	    width:100%;
	    margin:0!important;
	    padding:0!important
	}
	.portfolio img {
	    display:block
	}
	.portfolio .bgimg {
	    background:url(../images/mais.png) no-repeat #000;
	    width:100%;
	    display:block;
	    margin-bottom:1px

	}
	.portfolio .bgimg img {
	    width:100%;
	    margin: 0 0 20px 0!important;
	    padding:0!important
	}

	.portfolio h4 {
		text-align: center;
		font-size: 15px!important;
	}
	h4 {
	    color:#8b8b8b;
	    height:20px;
	    width:100%;
	    overflow:hidden;
	    margin-bottom:0!important
	}
	h4 span {
	    font-weight:700
	}
	h5 {
	    color:#8b8b8b;
	    font-size:12px;
	    margin-bottom:10px;
	    height:20px;
	    width:100%;
	    overflow:hidden
	}
	h5 span {
	    font-weight:700
	}
	.about {
	    clear:both;
	    padding-top:00px
	}
	.about p {
	    margin-bottom:0
	}
	.about p a {
	    display:block
	}
	.bar {
	    height:20px;
	    width:100%;
	    margin:0 auto 20px
	}
	.bar .search {display: none!important;
	    float:right;
	    background:#333;
	    padding:3px 3px 0;
	    cursor:pointer
	}
	.bar .search:hover {
	    background:#444
	}
	.spacer {
	    background:url(../images/spacer.jpg) repeat-x;
	    margin:40px 0;
	    width:100%;
	    height:2px
	}
	.busca {
	    width:30%;
	    height:20px;
	    display:none;
	    position:relative;
	    float:right
	}
	.busca form {
	    border:none;
	    float:right;
	    width:264px;
	    position:relative;
	    height:20px;
	    margin:0 10px;
	    z-index:9999999
	}
	.busca form fieldset {
	    border:none
	}
	.busca form input#inbusca {
	    width:210px;
	    float:left;
	    padding:6px;
	    color:#eee;
	    background:#333;
	    border:none;
	    position:absolute;
	    top:0;
	    left:0
	}
	.busca form input#btnbusca {
	    float:left;
	    width:30px;
	    height:28px;
	    padding:3px;
	    color:#333;
	    background:#fff;
	    border:none;
	    cursor:pointer;
	    font-family:Lato;
	    font-weight:100;
	    position:absolute;
	    top:0;
	    right:10px
	}
	.busca form input#btnbusca:hover {
	    background:#f8f8f8
	}
	.busca p {
	    position:absolute;
	    top:9px;
	    right:280px;
	    width:300px;
	    text-align:right
	}
	.busca #fechar_busca {
	    display:none;
	    position:absolute;
	    top:5px;
	    left:5px;
	    background:#555;
	    color:#fff;
	    text-align:center;
	    padding-top:2px;
	    cursor:pointer;
	    width:20px;
	    height:22px
	}
	.busca #fechar_busca2 {
	    position:absolute;
	    top:0;
	    right:-23px;
	    background:url(../images/close.png) no-repeat #333 0 4px;
	    text-align:center;
	    padding-top:3px;
	    cursor:pointer;
	    width:20px;
	    height:22px;
	    z-index:9999999;
	    font-size:1px;
	    color:#333
	}
	.busca #fechar_busca2:hover, .busca #fechar_busca:hover {
	    background:url(../images/close.png) no-repeat #444 0 4px
	}
	.social {
	    width:100%;
	    padding:10px 0 0;
	    /*background:url(../images/white40.png) repeat;*/
	    float:left;
	    margin-bottom:20px;
	    position: relative;
	    z-index: 2!important;
	}
	.social div {
	    width:36px;
	    height:36px;
		float: right;
		margin: 0 0 0 10px;
	    text-indent:-5000px
	}
	.social .fc {
	    background:url(../images/facebook36.png) 0 0 no-repeat
	}
	.social .fc:hover {
	    background:url(../images/facebook36.png) 0 -36px no-repeat
	}
	.social .inst {
	    background:url(../images/instagram36.png) 0 0 no-repeat
	}
	.social .inst:hover {
	    background:url(../images/instagram36.png) 0 -36px no-repeat
	}
	.social .in {
	    background:url(../images/linkedin36.png) 0 0 no-repeat
	}
	.social .in:hover {
	    background:url(../images/linkedin36.png) 0 -36px no-repeat
	}
	.social .gp {
	    background:url(../images/googleplus36.png) 0 0 no-repeat
	}
	.social .gp:hover {
	    background:url(../images/googleplus36.png) 0 -36px no-repeat
	}
	.social .tw {
	    background:url(../images/twitter36.png) 0 0 no-repeat
	}
	.social .tw:hover {
	    background:url(../images/twitter36.png) 0 -36px no-repeat
	}
	.blog {
	    width:100%;
	    padding:10px 0;
	    background:url(../images/white40.png) repeat;
	    position:relative;
	    clear:both
	}
	.blog a img {
	    width:40%;
	    float:right;
	    max-width:107px;
	    margin-left:2%
	}
	.blog h2 {
	    margin:6px 20px
	}
	.blog p {
	    margin:10px 20px
	}
	.blog p a {
	    display:block
	}
	form.contact {
	    width:100%;
	    float:left
	}
	form.contact label {
	    font-weight:400;
	    color:#555;
	    width:49%;
	    float:left
	}
	form.contact input {
	    color:#555;
	    float:left;
	    width:88%;
	    padding:15px 10px;
	    border:1px solid #ccc;
	    margin-bottom:10px;
	    background:#f8f8f8;
	    font-size:12px
	}
	form.contact select {
	    color:#555;
	    float:left;
	    width:95%;
	    padding:14px 10px;
	    height:47px;
	    border:1px solid #ccc;
	    margin-bottom:10px;
	    background:#f8f8f8;
	    font-size:12px
	}
	form.contact label.tipo2 {
	    font-weight:400;
	    color:#555;
	    width:96%;
	    float:left
	}
	form.contact textarea {
	    color:#555;
	    display:block;
	    width:96%;
	    padding:10px;
	    border:1px solid #ccc;
	    margin-bottom:10px;
	    background:#f8f8f8;
	    font:13px/1.5 Lato, Helvetica, Arial, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	    clear:both;
	    height:100px
	}
	form.contact .btn {
	    background:#777;
	    padding:0;
	    color:#fff;
	    float:right;
	    cursor:pointer;
	    width:100px;
	    height:35px;
	    font-size:11px;
	    border:none;
	    font-weight:400;
	    clear:both;
	    margin-right:30px
	}
	form.contact .btn:hover {
	    background:#333;
	    color:#fff
	}
	form.contact label.tipo3 {
	    font-weight:400;
	    color:#555;
	    width:300px;
	    float:left;
	    margin-top:32px
	}
	form.contact input[type=checkbox] {
	    width:20px
	}
	.pag {
	    margin-bottom:30px
	}
	.pag ul {
	    list-style:none;
	    text-align:center;
	    padding-top:10px;
	    clear:both;
	    float:right
	}
	.pag ul li {
	    float:left;
	    display:inline
	}
	.pag ul span.active {
	    color:#fff;
	    background:#333;
	    padding:3px 8px;
	    margin:0 5px
	}
	.pag ul a {
	    display:inline;
	    margin:0 5px;
	    color:#333;
	    text-decoration:none;
	    background:#eee;
	    padding:3px 8px
	}
	.pag ul a:hover {
	    color:#000;
	    background:#ccc
	}
	footer {
	    width:100%;
	    margin:40px auto;
	    font-size:13px
	}
	footer .copyright {
	    font-size:12px;
	    color:#999;
	    clear:both
	}
	footer h4 {
	    float:left;
	    height:20px;
	    margin:10px 30px 20px 0;
	    width:100px
	}
	footer h4 img {
	    float:left;
	    margin-right:5px
	}
	footer .det {
	    position:absolute;
	    top:-40px;
	    right:0;
	    max-width:100%
	    z-index: 1; 
	}
	.gototop {
	    position:fixed;
	    bottom:10%;
	    right:0
	}
	.gototop a {
	    color:#fff;
	    background:url(../images/top.png) 5px 5px no-repeat #eee;
	    padding:10px;
	    display:block;
	    text-indent:-5000px;
	    width:40px;
	    height:25px;
	    border-top:1px solid #fff;
	    border-left:1px solid #fff
	}
	.gototop a:hover {
	    background:url(../images/top.png) 5px -31px no-repeat #333;
	    padding:10px;
	    display:block;
	    text-indent:-5000px;
	    width:40px;
	    height:25px;
	    border-top:1px solid #333;
	    border-left:1px solid #333
	}
	.distance {
	    display:none
	}
	.atuacao .bgimg {
	    background:url(../images/mais.png) no-repeat 0 30px #000;
	    width:100%;
	    display:block;
	    margin-bottom:5px
	}
	.atuacao .bgimg img {
	    width:100%;
	    margin:0!important;
	    padding:0!important;
	    display:block
	}
	.atuacao p {
	    font-size:12px;
	    width:100%
	}
	.atuacao_int {
	    margin-bottom:30px;
	    float:left
	}
	.atuacao_int h3 {
	    font-size:26px;
	    margin:15px 0;
	    line-height:0.9em;
	}
	.atuacao_int .box {
	    width:23.5%;
	    float:left;
	    margin-right:1.5%
	}


	.atuacao_int .box:nth-child(5) {
		margin-right:0!important
	}	

	.atuacao_int .bgimg {
	    /*background:url(../images/mais.png) no-repeat -28px 0 #000;*/
	    width:100%;
	    display:block;
	    margin-bottom:5px
	}

	.atuacao_int .bgimg a {
	    width:100%;
	    display:block;
	    text-decoration: none;
	    color: #fff;
	    text-align: center;
	    padding: 30px 0;
	    font-size: 15px;
	}

	.atuacao_int .bgimg a:hover {
	    color: #ccc;
	}


	.atuacao_int .bgimg a.a {
	    background:#0e71c5;
	}
	.atuacao_int .bgimg a.b {
	    background:#561c67;
	}
	.atuacao_int .bgimg a.c {
	    background:#d90e02;
	}
	.atuacao_int .bgimg a.d {
	    background:#faaf3e;
	}
	.atuacao_int .bgimg a.a:hover {
	    background:#0e7bd8;
	}
	.atuacao_int .bgimg a.b:hover {
	    background:#622f77;
	}
	.atuacao_int .bgimg a.c:hover {
	    background:#e81e05;
	}
	.atuacao_int .bgimg a.d:hover {
	    background:#f4a52f;
	}




/*	.atuacao_int .bgimg img {
	    width:100%;
	    margin:0!important;
	    padding:0!important;
	    display:block
	}*/
	.atuacao_int p {
	    font-size:12px;
	    width:100%
	}
	.atuacao_int p a {
	    text-decoration: none!important;
	    display: block;
	}
	.atuacao_int .ult {
	    margin-right:0
	}
	.cliente img, .cliente_ult img {
	    display:block;
	    width:100%;
	    border-radius:100%
	}
	.cliente .bgimg, .cliente_ult .bgimg {
	    /*background:#ddd*/
	    ;
	    width:100%;
	    display:block;
	    margin-bottom:5px;
	    border-radius:100%
	}
	.cliente {
	    width:23.5%;
	    float:left;
	    margin-right:2%;
	    margin-bottom:20px;
	    text-align:center
	}
	.cliente_ult {
	    width:23.5%;
	    float:left;
	    margin-right:0!important;
	    margin-bottom:20px;
	    text-align:center
	}
	.page .cliente {
	    width:15%;
	    float:left;
	    margin-right:2%;
	    margin-bottom:20px;
	    text-align:center
	}
	.page .cliente_ult {
	    width:15%;
	    float:left;
	    margin-right:0!important;
	    margin-bottom:20px;
	    text-align:center
	}
	.cliente_main {
	    margin-bottom:30px;
	    padding:10px;
	    background:#ccc
	}
	.cliente_main img {
	    width:100%
	}
	.projetoA {
	    width:49%;
	    float:left;
	    margin-right:2%;
	    margin-bottom:30px
	}
	.projetoA img, .projetoB {
	    width:100%;
	    margin-bottom: -6px!important;
	}
	.projetoB img {
	    width:100%;
	    margin-bottom: 0;
/*	    -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, .1);
	    box-shadow:0 0 2px 1px rgba(0, 0, 0, .1)*/
	}
	.projetoB p {
	    width:70%;
	    font-size:12px;
	    font-style:italic;
	    float:left;
	    margin-bottom:0;
	    display:none!important;
	}
	.projetoB .tags {
	    width:30%;
	    float:right;
	    text-align:right;
	    margin-bottom:25px
	}
	.projetoB .tags span {
	    font-weight:700;
	    text-align:right
	}
	.projeto_main {
	    margin-top:30px;
	    padding:10px;
	    background:#ccc
	}
	.projeto_main h2 {
	    color:#999
	}
	.projeto_main img {
	    width:100%;
	    display: none;
	    margin-bottom:1px!important;
	    padding-bottom:0!important
	}
	.projeto_main .siteon a {
	    background:#333;
	    margin-bottom:10px;
	    color:#fff;
	    font-size:12px;
	    text-align:center;
	    display:block;
	    margin-top:-6px;
	    padding:5px 0;
	    text-transform:uppercase
	}
	.projeto_main .siteon a:hover {
	    background:#000;
	    color:#eee;
	    text-decoration:none
	}
	.projetoC {
	    width:32%;
	    float:left;
	    margin-right:2%;
	    margin-bottom:50px
	}
	.projetoC .bgimg {
	    background:url(../images/mais.png) no-repeat center center #000;
	    width:100%;
	    display:block;
	    margin-bottom:5px
	}
	.projetoC .bgimg img {
	    width:100%;
	    margin:0!important;
	    padding:0!important;
	    display:block
	}
	.cabecalho {
	    width:100%;
	    position:relative
	}
	span.tipo {
	    position:absolute;
	    right:0;
	    top:2px
	}
	span.tipo a {
	    background:#333;
	    padding:5px;
	    color:#eee
	}
	span.tipo a:hover {
	    background:#000;
	    color:#fff
	}
	.ult {
	    margin-right:0
	}
	.active-link {
	    color:#ED5407!important
	}
	.choice {
	    margin-bottom:30px;
	    clear:both
	}
	ul.lista {
	    width:100%;
	    height:auto;
	    background:0 0
	}
	ul.lista li.principal {
	    width:100%;
	    cursor:pointer;
	    font-size:15px;
	    margin-bottom:1px!important;
	    font-weight:700;
	    text-indent:15px
	}
	ul.lista li.principal a {
	    text-decoration:none;
	    background:url(../images/white40.png) repeat;
	    padding:12px 0;
	    display:block
	}
	ul.lista li.principal a:hover {
	    color:#eee!important;
	    background:#333;
	    font-weight:400
	}
	ul.lista li.interna {
	    background:url(../images/white40.png) repeat;
	    cursor:pointer;
	    display:none;
	    width:100%;
	    height:auto;
	    font-size:14px;
	    font-weight:400;
	    text-indent:0!important
	}
	ul.lista li.interna p {
	    margin-bottom:0!important
	}
	ul.lista li.interna p a {
	    padding:10px;
	    color:#333;
	    display:block
	}
	ul.lista li.interna p a:hover {
	    color:#000;
	    background:#ccc;
	    text-decoration:none!important
	}
	ul.lista li.interna p:last-child {
	    border-bottom:none!important
	}
	h1 a {
	    display:block;
	    background:url(../images/logo_nuvon.png) no-repeat;
	    width:152px;
	    height:31px;
	    position:absolute;
	    text-indent:-5000px;
	    right:0;
	    top:47%;
	    border-radius: 0;
	}
	h2, h3, h6 {
	    color:#181818
	}
	h1 a, h2 a, h3 a, h4 a, h6 a {
	    font-weight:inherit
	}
	h1 {
	    font-size:1px;
	    line-height:0;
	    margin-bottom:0
	}
	h2 {
	    font-size:23px;
	    color:#333;
	    margin-bottom:10px;
	    text-transform:uppercase
	}
	h3 {
	    font-size:16px;
	    margin-bottom:5px
	}
	h4 {
	    font-size:12px
	}
	h6 {
	    font-size:14px;
	    line-height:21px
	}
	.subheader {
	    color:#777
	}
	.sobre p {
	    margin:0
	}
	p {
	    margin:0 0 10px
	}
	p img {
	    margin:0
	}
	p.lead {
	    font-size:21px;
	    line-height:27px;
	    color:#777
	}
	em {
	    font-style:italic
	}
	strong {
	    font-weight:700;
	    color:#333
	}
	small {
	    font-size:80%
	}
	blockquote, blockquote p {
	    font-size:17px;
	    line-height:24px;
	    color:#777;
	    font-style:italic
	}
	blockquote {
	    margin:0 0 20px;
	    padding:9px 20px 0 19px;
	    border-left:1px solid #ddd
	}
	blockquote cite {
	    display:block;
	    font-size:12px;
	    color:#555
	}
	blockquote cite:before {
	    content:"2014 020"
	}
	blockquote cite a, blockquote cite a:visited {
	    color:#555
	}
	hr {
	    border:solid #ddd;
	    border-width:1px 0 0;
	    clear:both;
	    margin:10px 0 30px;
	    height:0
	}
	a, a:visited {
	    color:#777;
	    text-decoration:none;
	    outline:0
	}
	a:focus, a:hover {
	    color:#000;
	    text-decoration:underline
	}
	p a, p a:visited {
	    line-height:inherit
	}
	ul {
	    list-style:none outside
	}
	ol {
	    list-style:decimal
	}
	ol, ul.circle, ul.disc, ul.square {
	    margin-left:30px
	}
	ul.square {
	    list-style:square outside
	}
	ul.circle {
	    list-style:circle outside
	}
	ul.disc {
	    list-style:disc outside
	}
	ol ol, ol ul, ul ol, ul ul {
	    margin:4px 0 5px 30px;
	    font-size:90%
	}
	ol ol li, ol ul li, ul ol li, ul ul li {
	    margin-bottom:6px
	}
	li {
	    line-height:18px;
	    margin-bottom:5px
	}
	li p, ul.large li {
	    line-height:21px
	}
	img.scale-with-grid {
	    max-width:100%;
	    height:auto
	}
	.button, button, input[type=button], input[type=reset], input[type=submit] {
	    background:#eee;
	    background:#eee -moz-linear-gradient(top, rgba(255, 255, 255, .2)0, rgba(0, 0, 0, .2)100%);
	    background:#eee -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(0, 0, 0, .2)));
	    background:#eee -webkit-linear-gradient(top, rgba(255, 255, 255, .2)0, rgba(0, 0, 0, .2)100%);
	    background:#eee -o-linear-gradient(top, rgba(255, 255, 255, .2)0, rgba(0, 0, 0, .2)100%);
	    background:#eee -ms-linear-gradient(top, rgba(255, 255, 255, .2)0, rgba(0, 0, 0, .2)100%);
	    background:#eee linear-gradient(top, rgba(255, 255, 255, .2)0, rgba(0, 0, 0, .2)100%);
	    border:1px solid #aaa;
	    border-top:1px solid #ccc;
	    border-left:1px solid #ccc;
	    -moz-border-radius:0;
	    -webkit-border-radius:0;
	    border-radius:0;
	    color:#444;
	    display:inline-block;
	    font-size:11px;
	    font-weight:700;
	    text-decoration:none;
	    text-shadow:0 1px rgba(255, 255, 255, .75);
	    cursor:pointer;
	    margin-bottom:20px;
	    line-height:normal;
	    padding:8px 10px;
	    font-family:HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif
	}
	.button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	    color:#222;
	    background:#ddd;
	    background:#ddd -moz-linear-gradient(top, rgba(255, 255, 255, .3)0, rgba(0, 0, 0, .3)100%);
	    background:#ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .3)), color-stop(100%, rgba(0, 0, 0, .3)));
	    background:#ddd -webkit-linear-gradient(top, rgba(255, 255, 255, .3)0, rgba(0, 0, 0, .3)100%);
	    background:#ddd -o-linear-gradient(top, rgba(255, 255, 255, .3)0, rgba(0, 0, 0, .3)100%);
	    background:#ddd -ms-linear-gradient(top, rgba(255, 255, 255, .3)0, rgba(0, 0, 0, .3)100%);
	    background:#ddd linear-gradient(top, rgba(255, 255, 255, .3)0, rgba(0, 0, 0, .3)100%);
	    border:1px solid #888;
	    border-top:1px solid #aaa;
	    border-left:1px solid #aaa
	}
	.button:active, button:active, input[type=button]:active, input[type=reset]:active, input[type=submit]:active {
	    border:1px solid #666;
	    background:#ccc;
	    background:#ccc -moz-linear-gradient(top, rgba(255, 255, 255, .35)0, rgba(10, 10, 10, .4)100%);
	    background:#ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .35)), color-stop(100%, rgba(10, 10, 10, .4)));
	    background:#ccc -webkit-linear-gradient(top, rgba(255, 255, 255, .35)0, rgba(10, 10, 10, .4)100%);
	    background:#ccc -o-linear-gradient(top, rgba(255, 255, 255, .35)0, rgba(10, 10, 10, .4)100%);
	    background:#ccc -ms-linear-gradient(top, rgba(255, 255, 255, .35)0, rgba(10, 10, 10, .4)100%);
	    background:#ccc linear-gradient(top, rgba(255, 255, 255, .35)0, rgba(10, 10, 10, .4)100%)
	}
	.button.full-width, button.full-width, input[type=button].full-width, input[type=reset].full-width, input[type=submit].full-width {
	    width:100%;
	    padding-left:0!important;
	    padding-right:0!important;
	    text-align:center
	}
	button::-moz-focus-inner, input::-moz-focus-inner {
	    border:0;
	    padding:0
	}
	ul.tabs {
	    display:block;
	    margin:0 0 20px;
	    padding:0;
	    border-bottom:solid 1px #ddd
	}
	ul.tabs li {
	    display:block;
	    width:auto;
	    height:30px;
	    padding:0;
	    float:left;
	    margin-bottom:0
	}
	ul.tabs li a {
	    display:block;
	    text-decoration:none;
	    width:auto;
	    height:29px;
	    padding:0 20px;
	    line-height:30px;
	    border:solid 1px #ddd;
	    border-width:1px 1px 0 0;
	    margin:0;
	    background:#f5f5f5;
	    font-size:13px
	}
	ul.tabs li a.active {
	    background:#fff;
	    height:30px;
	    position:relative;
	    top:-4px;
	    padding-top:4px;
	    border-left-width:1px;
	    margin:0 0 0 -1px;
	    color:#111;
	    -moz-border-radius-topleft:2px;
	    -webkit-border-top-left-radius:2px;
	    border-top-left-radius:2px;
	    -moz-border-radius-topright:2px;
	    -webkit-border-top-right-radius:2px;
	    border-top-right-radius:2px
	}
	ul.tabs li:first-child a.active {
	    margin-left:0
	}
	ul.tabs li:first-child a {
	    border-width:1px 1px 0;
	    -moz-border-radius-topleft:2px;
	    -webkit-border-top-left-radius:2px;
	    border-top-left-radius:2px
	}
	ul.tabs li:last-child a {
	    -moz-border-radius-topright:2px;
	    -webkit-border-top-right-radius:2px;
	    border-top-right-radius:2px
	}
	ul.tabs-content {
	    margin:0;
	    display:block
	}
	ul.tabs-content>li {
	    display:none
	}
	ul.tabs-content>li.active {
	    display:block
	}
	ul.tabs:after, ul.tabs:before {
	    content:'020';
	    display:block;
	    overflow:hidden;
	    visibility:hidden;
	    width:0;
	    height:0
	}
	ul.tabs:after {
	    clear:both
	}
	ul.tabs {
	    zoom:1
	}
	fieldset, form {
	    margin-bottom:20px
	}
	input[type=email], input[type=password], input[type=text], select, textarea {
	    border:1px solid #ccc;
	    padding:6px 4px;
	    outline:0;
	    -moz-border-radius:0;
	    -webkit-border-radius:0;
	    border-radius:0;
	    font:13px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	    color:#777;
	    margin:0;
	    width:210px;
	    max-width:100%;
	    display:block;
	    margin-bottom:20px;
	    background:#fff
	}
	select {
	    padding:0
	}
	input[type=email]:focus, input[type=password]:focus, input[type=text]:focus, textarea:focus {
	    border:1px solid #aaa;
	    color:#444;
	    -moz-box-shadow:0 0 3px rgba(0, 0, 0, .2);
	    -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .2);
	    box-shadow:0 0 3px rgba(0, 0, 0, .2)
	}
	textarea {
	    min-height:60px
	}
	label, legend {
	    display:block;
	    font-weight:700;
	    font-size:13px
	}
	select {
	    width:220px
	}
	input[type=checkbox] {
	    display:inline
	}
	label span, legend span {
	    font-weight:400;
	    font-size:13px;
	    color:#444
	}
	.remove-bottom {
	    margin-bottom:0!important
	}
	.half-bottom {
	    margin-bottom:10px!important
	}
	.add-bottom {
	    margin-bottom:20px!important
	}


	#slider, #vertical {
	    width:100%!important;
	    font-family:Asap, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif
	}
	.rsContent {
	    color:#FFF;
	    font-size:24px;
	    line-height:32px;
	    float:left
	}
	.slidetipo1 span {
	    width:auto;
/*	    background:url(../images/black40.png) repeat;
*/	    padding:10px 15px;
	    margin:13px;
	    font-size:26px;
	    line-height:1em;
	    position:absolute;
	    top:85%
	}
	.rsContent a {
	    color:#fff
	}
	.rsBullet {
	    cursor:pointer
	}
	.rsImg {
	    width:100%
	}
	.bContainer {
	    position:relative
	}
	.rsABlock {
	    position:relative;
	    display:block;
	    left:auto;
	    top:auto
	}
	.blockHeadline {
	    font-size:42px;
	    font-weight:400;
	    line-height:70px
	}
	.blockSubHeadline {
	    font-size:32px;
	    line-height:40px
	}
	.txtCent {
	    text-align:center;
	    width:100%
	}
	.slide1 {
	    background:#f05c2e
	}
	.slide1 .bContainer {
	    top:36%
	}
	.slide1 .bContainer p {
	    margin-top:2.4em
	}
	.slide1 .bContainer p span {
	    font-family:Georgia;
	    font-size:30px
	}
	.slide2 {
	    background:#ffbc11;
	    color:#000
	}
	.slide2 .bContainer {
	    top:24px
	}
	.slide2 .txtCent {
	    line-height:44px
	}
	.slide2 .blockHeadline {
	    line-height:66px
	}
	.slide3 {
	    background:#45aab8;
	    color:#FFF
	}
	.slide3 .bContainer {
	    top:24px
	}
	.slide3 span {
	    line-height:44px
	}
	.slide4 .bContainer {
	    position:absolute;
	    left:0;
	    width:100%;
	    height:auto;
	    top:24px
	}
	.photoCopy {
	    line-height:24px;
	    font-size:12px;
	    background:#000;
	    color:#fff;
	    background-color:rgba(0, 0, 0, .75);
	    padding:0 10px;
	    position:absolute;
	    left:12px;
	    bottom:12px;
	    top:auto;
	    border-radius:2px;
	    z-index:25
	}
	.photoCopy a {
	    color:#FFF
	}
	.palmImg {
	    left:0;
	    top:auto;
	    bottom:-60px;
	    position:absolute
	}
	@media screen and (min-width:0) and (max-width:960px) {
	    .rsContent {
	        font-size:22px;
	        line-height:28px
	    }
	    .blockHeadline {
	        font-size:32px;
	        line-height:32px
	    }
	    .blockSubHeadline {
	        font-size:26px;
	        line-height:32px
	    }
	}
	@media screen and (min-width:0) and (max-width:500px) {
	    .royalSlider, .rsOverflow {
	        height:330px!important
	    }
	    .rsContent {
	        font-size:18px;
	        line-height:26px
	    }
	    .blockHeadline {
	        font-size:24px;
	        line-height:32px
	    }
	    .blockSubHeadline {
	        font-size:22px;
	        line-height:32px
	    }
	}
	.map {
	    margin-left:0
	}
	.container {
	    position:relative;
	    width:960px;
	    margin:0 auto;
	    padding:0
	}
	.container .column, .container .columns {
	    float:left;
	    display:inline;
	    margin-left:10px;
	    margin-right:10px
	}
	.row {
	    margin-bottom:20px
	}
	.column.alpha, .columns.alpha {
	    margin-left:0
	}
	.column.omega, .columns.omega {
	    margin-right:0
	}
	.container .one.column, .container .one.columns {
	    width:40px
	}
	.container .two.columns {
	    width:100px
	}
	.container .three.columns {
	    width:160px
	}
	.container .four.columns {
	    width:220px
	}
	.container .five.columns {
	    width:280px
	}
	.container .six.columns {
	    width:340px
	}
	.container .seven.columns {
	    width:400px
	}
	.container .eight.columns {
	    width:460px
	}
	.container .nine.columns {
	    width:520px
	}
	.container .ten.columns {
	    width:580px
	}
	.container .eleven.columns {
	    width:640px
	}
	.container .twelve.columns {
	    width:700px
	}
	.container .thirteen.columns {
	    width:760px
	}
	.container .fourteen.columns {
	    width:820px
	}
	.container .fifteen.columns {
	    width:880px
	}
	.container .sixteen.columns {
	    width:940px
	}
	.container .one-third.column {
	    width:300px
	}
	.container .two-thirds.column {
	    width:620px
	}
	.container .offset-by-one {
	    padding-left:60px
	}
	.container .offset-by-two {
	    padding-left:120px
	}
	.container .offset-by-three {
	    padding-left:180px
	}
	.container .offset-by-four {
	    padding-left:240px
	}
	.container .offset-by-five {
	    padding-left:300px
	}
	.container .offset-by-six {
	    padding-left:360px
	}
	.container .offset-by-seven {
	    padding-left:420px
	}
	.container .offset-by-eight {
	    padding-left:480px
	}
	.container .offset-by-nine {
	    padding-left:540px
	}
	.container .offset-by-ten {
	    padding-left:600px
	}
	.container .offset-by-eleven {
	    padding-left:660px
	}
	.container .offset-by-twelve {
	    padding-left:720px
	}
	.container .offset-by-thirteen {
	    padding-left:780px
	}
	.container .offset-by-fourteen {
	    padding-left:840px
	}
	.container .offset-by-fifteen {
	    padding-left:900px
	}
	@media only screen and (min-width:768px) and (max-width:959px) {
	    .container {
	        width:768px
	    }
	    .container .column, .container .columns {
	        margin-left:10px;
	        margin-right:10px
	    }
	    .column.alpha, .columns.alpha {
	        margin-left:0;
	        margin-right:10px
	    }
	    .column.omega, .columns.omega {
	        margin-right:0;
	        margin-left:10px
	    }
	    .alpha.omega {
	        margin-left:0;
	        margin-right:0
	    }
	    .container .one.column, .container .one.columns {
	        width:28px
	    }
	    .container .two.columns {
	        width:76px
	    }
	    .container .three.columns {
	        width:124px
	    }
	    .container .four.columns {
	        width:172px
	    }
	    .container .five.columns {
	        width:220px
	    }
	    .container .six.columns {
	        width:268px
	    }
	    .container .seven.columns {
	        width:316px
	    }
	    .container .eight.columns {
	        width:364px
	    }
	    .container .nine.columns {
	        width:412px
	    }
	    .container .ten.columns {
	        width:460px
	    }
	    .container .eleven.columns {
	        width:508px
	    }
	    .container .twelve.columns {
	        width:556px
	    }
	    .container .thirteen.columns {
	        width:604px
	    }
	    .container .fourteen.columns {
	        width:652px
	    }
	    .container .fifteen.columns {
	        width:700px
	    }
	    .container .sixteen.columns {
	        width:748px
	    }
	    .container .one-third.column {
	        width:236px
	    }
	    .container .two-thirds.column {
	        width:492px
	    }
	    .container .offset-by-one {
	        padding-left:48px
	    }
	    .container .offset-by-two {
	        padding-left:96px
	    }
	    .container .offset-by-three {
	        padding-left:144px
	    }
	    .container .offset-by-four {
	        padding-left:192px
	    }
	    .container .offset-by-five {
	        padding-left:240px
	    }
	    .container .offset-by-six {
	        padding-left:288px
	    }
	    .container .offset-by-seven {
	        padding-left:336px
	    }
	    .container .offset-by-eight {
	        padding-left:384px
	    }
	    .container .offset-by-nine {
	        padding-left:432px
	    }
	    .container .offset-by-ten {
	        padding-left:480px
	    }
	    .container .offset-by-eleven {
	        padding-left:528px
	    }
	    .container .offset-by-twelve {
	        padding-left:576px
	    }
	    .container .offset-by-thirteen {
	        padding-left:624px
	    }
	    .container .offset-by-fourteen {
	        padding-left:672px
	    }
	    .container .offset-by-fifteen {
	        padding-left:720px
	    }
	}
	@media only screen and (max-width:767px) {
	    .port-foto-h, .port-foto-int1, .port-foto-int2 {
	        width:100%!important;
	    }
	    .container {
	        width:300px
	    }
	    .container .column, .container .columns {
	        margin:0
	    }
	    .container .eight.columns, .container .eleven.columns, .container .fifteen.columns, .container .five.columns, .container .four.columns, .container .fourteen.columns, .container .nine.columns, .container .one-third.column, .container .one.column, .container .one.columns, .container .seven.columns, .container .six.columns, .container .sixteen.columns, .container .ten.columns, .container .thirteen.columns, .container .three.columns, .container .twelve.columns, .container .two-thirds.column, .container .two.columns {
	        width:300px
	    }
	    .container .offset-by-eight, .container .offset-by-eleven, .container .offset-by-fifteen, .container .offset-by-five, .container .offset-by-four, .container .offset-by-fourteen, .container .offset-by-nine, .container .offset-by-one, .container .offset-by-seven, .container .offset-by-six, .container .offset-by-ten, .container .offset-by-thirteen, .container .offset-by-three, .container .offset-by-twelve, .container .offset-by-two {
	        padding-left:0
	    }
	}
	@media only screen and (min-width:480px) and (max-width:767px) {
	    .port-foto-h, .port-foto-int1, .port-foto-int2 {
	        width:100%!important;
	    }
	    .container {
	        width:420px
	    }
	    .container .column, .container .columns {
	        margin:0
	    }
	    .container .eight.columns, .container .eleven.columns, .container .fifteen.columns, .container .five.columns, .container .four.columns, .container .fourteen.columns, .container .nine.columns, .container .one-third.column, .container .one.column, .container .one.columns, .container .seven.columns, .container .six.columns, .container .sixteen.columns, .container .ten.columns, .container .thirteen.columns, .container .three.columns, .container .twelve.columns, .container .two-thirds.column, .container .two.columns {
	        width:420px
	    }
	}
	.container:after {
	    content:"020";
	    display:block;
	    height:0;
	    clear:both;
	    visibility:hidden
	}
	.clearfix:after, .clearfix:before, .row:after, .row:before {
	    content:'020';
	    display:block;
	    overflow:hidden;
	    visibility:hidden;
	    width:0;
	    height:0
	}
	.clearfix:after, .row:after {
	    clear:both
	}
	.clearfix, .row {
	    zoom:1
	}
	.clear {
	    clear:both;
	    display:block;
	    overflow:hidden;
	    visibility:hidden;
	    width:0;
	    height:0
	}
	@media only screen and (min-width:768px) and (max-width:959px) {
	    .menusec ul li {
	        margin-bottom:9.8px
	    }
	    .menusec ul span a {
	        width:100%;
	        height:72px;
	        display:block;
	        background:url(../images/bgmenusec.jpg) repeat-x
	    }
	    .menusec ul li {
	        text-indent:-5000px;
	        width:100%;
	        height:72px
	    }
	    .menusec ul li.a {
	        background:url(../images/bgmenusec.jpg) repeat-x -45px -20px
	    }
	    .menusec ul li.b {
	        background:url(../images/bgmenusec.jpg) repeat-x -265px -20px
	    }
	    .menusec ul li.c {
	        background:url(../images/bgmenusec.jpg) repeat-x -485px -20px
	    }
	    .menusec ul li.d {
	        background:url(../images/bgmenusec.jpg) repeat-x -705px -20px
	    }
	    .menusec ul .idt a {
	        background-position:-45px -112px
	    }
	    .menusec ul .web a {
	        background-position:-265px -112px
	    }
	    .menusec ul .imp a {
	        background-position:-485px -112px
	    }
	    .menusec ul .cam a {
	        background-position:-705px -112px
	    }
	    .menusec_int h3 {
	        font-size:20px
	    }
	    .menusec_int ul li.a {
	        background:url(../images/bgmenusec.jpg) repeat-x -40px -46px
	    }
	    .menusec_int ul li.b {
	        background:url(../images/bgmenusec.jpg) repeat-x -260px -46px
	    }
	    .menusec_int ul li.c {
	        background:url(../images/bgmenusec.jpg) repeat-x -480px -46px
	    }
	    .menusec_int ul li.d {
	        background:url(../images/bgmenusec.jpg) repeat-x -700px -46px
	    }
	    .menusec_int ul .idt a {
	        background-position:-40px -138px
	    }
	    .menusec_int ul .web a {
	        background-position:-260px -138px
	    }
	    .menusec_int ul .imp a {
	        background-position:-480px -138px
	    }
	    .menusec_int ul .cam a {
	        background-position:-700px -138px
	    }
	    .menusec_int ul li.activea {
	        background:url(../images/bgmenusec.jpg) repeat-x -40px -138px
	    }
	    .menusec_int ul li.activeb {
	        background:url(../images/bgmenusec.jpg) repeat-x -260px -138px
	    }
	    .menusec_int ul li.activec {
	        background:url(../images/bgmenusec.jpg) repeat-x -480px -138px
	    }
	    .menusec_int ul li.actived {
	        background:url(../images/bgmenusec.jpg) repeat-x -700px -138px
	    }
	    .spacer {
	        margin:30px 0
	    }
	    .portfolio h4 {
	        margin-bottom:40px
	    }
	    .portfolio .bgimg {
	        background-position:-24px -14px
	    }
	    .social {
	        padding:10px 0
	    }
	    .social div {
	        width:30px;
	        height:30px;
	        float:left;
	        margin:0 6.5px
	    }
	    .royalSlider {
	        height:317px!important
	    }
	    .blog {
	        font-size:11px;
	        line-height:1.8em
	    }
	    .noticias h3 {
	        height:75px
	    }
	    .atuacao .bgimg {
	        background:url(../images/mais.png) no-repeat -24px 7px #000
	    }
	    .atuacao_int .bgimg {
	        background:url(../images/mais.png) no-repeat -46px -8px #000
	    }
		.atuacao_int p { height:190px!important; }
		.atuacao_int h3 { height:40px!important; }



	}
	@media only screen and (max-width:767px) {
	    .port-foto-h, .port-foto-int1, .port-foto-int2 {
	        margin-left:0!important;
	        width:100%!important;
	    }
	    .kaleido1 {
	        background:url(../images/kaleido1.jpg) no-repeat -850px top #fff;
	        width:100%;
	        height:100%
	    }
	    .kaleido2 {
	        background:url(../images/kaleido2.jpg) no-repeat -850px top #fff;
	        width:100%;
	        height:100%
	    }
	    .kaleido3 {
	        background:url(../images/kaleido3.jpg) no-repeat -850px top #fff;
	        width:100%;
	        height:100%
	    }
	    .kaleido4 {
	        background:url(../images/kaleido4.jpg) no-repeat -850px top #fff;
	        width:100%;
	        height:100%
	    }
	    .kaleido5 {
	        background:url(../images/kaleido5.jpg) no-repeat -850px top #fff;
	        width:100%;
	        height:100%
	    }
	    .featured {
	        display:block!important;

	    }

		nav ul a {
	    color:#fff!important;
	    float: both;


		}

		nav {
			top:0;
			padding-top: 15px;
			padding-bottom: 5px;
			background: purple;
			width: 100%;
			border-radius: 0;
			font-size:14px!important;
		    left: 50%;
		    margin-left:-150px;			
			}

 		h2#topo {
	        color: #fff!important;
	        font-weight: normal!important;
	        font-size: 20px!important;
	        line-height: 1.2em;
	        font-style: italic!important;
	    }
	    
 		h2#topo strong {
	        color: #fff!important;
	    }


	    #vertical {
	        margin-top:20px
	    }
	    .projeto_main {
	        display:none
	    }
	    .atuacao .bgimg {
	        float:left;
	        width:40%;
	        margin-right:10px
	    }
	    .distance {
	        display:block;
	        margin-bottom:20px
	    }
	    h2 {
	        line-height:1.2em
	    }
	    header {
	        height:170px
	    }
	    .menusec ul li, .menusec_int ul li {
	        margin-bottom:20px;
	        margin-right:1px
	    }
	    .menusec ul li.ult, .menusec_int ul li.ult {
	        margin-right:0
	    }
	    .menusec ul span a, .menusec_int ul span a {
	        width:100%;
	        height:72px;
	        display:block;
	        background:url(../images/bgmenusec2.jpg) repeat-x
	    }
	    .menusec ul li, .menusec_int ul li {
	        text-indent:-5000px;
	        width:24.8%;
	        height:72px;
	        float:left
	    }
	    .menusec ul li.a, .menusec_int ul li.a {
	        background:url(../images/bgmenusec2.jpg) repeat-x -114px -20px
	    }
	    .menusec ul li.b, .menusec_int ul li.b {
	        background:url(../images/bgmenusec2.jpg) repeat-x -334px -20px
	    }
	    .menusec ul li.c, .menusec_int ul li.c {
	        background:url(../images/bgmenusec2.jpg) repeat-x -554px -20px
	    }
	    .menusec ul li.d, .menusec_int ul li.d {
	        background:url(../images/bgmenusec2.jpg) repeat-x -774px -20px
	    }
	    .menusec ul .idt a, .menusec_int ul .idt a {
	        background-position:-114px -112px
	    }
	    .menusec ul .web a, .menusec_int ul .web a {
	        background-position:-334px -112px
	    }
	    .menusec ul .imp a, .menusec_int ul .imp a {
	        background-position:-554px -112px
	    }
	    .menusec ul .cam a, .menusec_int ul .cam a {
	        background-position:-774px -112px
	    }
	    .portfolio .bgimg {
	        background-position:100px 65px
	    }
	    .about div {
	        padding-bottom:20px
	    }
	    .cliente_main img {
	        width:40%;
	        float:left;
	        margin-right:10px
	    }
	    .noticias img {
	        margin-bottom:20px
	    }



	}
	@media only screen and (min-width:480px) and (max-width:767px) {
	    h1 a {
	        left:32%
	    }
	    .spacer {
	        margin:30px 0
	    }
	    .who .bgimg {
	        width:30%;
	        margin-right:10px
	    }
	    .atuacao_int .box {
	        width:100%;
	        clear: both;
	        margin-right:0;
	        height:auto;
	        margin-bottom: 30px: 
	    }
	    form.contact select {
	        width:100%;
	        height:48px
	    }
	    form.contact .btn {
	        margin-right:15px
	    }
	}
	@media only screen and (max-width:479px) {
	    h1 a {
	        left:0
	    }




	    span.tipo {
	        position:relative
	    }
	    .who .bgimg {
	        width:40%;
	        margin-right:10px
	    }
	    .menusec ul span a, .menusec_int ul span a {
	        height:60px;
	        background:url(../images/bgmenusec3.jpg) repeat-x
	    }
	    .menusec ul li, .menusec_int ul li {
	        width:24.6%;
	        height:60px
	    }
	    .menusec ul li.a, .menusec_int ul li.a {
	        background:url(../images/bgmenusec3.jpg) repeat-x -114px -20px
	    }
	    .menusec ul li.b, .menusec_int ul li.b {
	        background:url(../images/bgmenusec3.jpg) repeat-x -334px -20px
	    }
	    .menusec ul li.c, .menusec_int ul li.c {
	        background:url(../images/bgmenusec3.jpg) repeat-x -554px -20px
	    }
	    .menusec ul li.d, .menusec_int ul li.d {
	        background:url(../images/bgmenusec3.jpg) repeat-x -774px -20px
	    }
	    .spacer {
	        margin:25px 0
	    }
	    .portfolio .bgimg {
	        background-position:40px 28px
	    }
	    .about div {
	        padding-bottom:20px
	    }
	    .projetoC {
	        width:48%;
	        float:left;
	        margin-right:2%;
	        margin-bottom:30px
	    }
	    .projetoC img {
	        width:100%
	    }
	    .atuacao_int h3 {
	        font-size:24px
	    }
	    .atuacao_int .box {
	        width:100%;
	        clear: both;
	        margin-right:0;
	        margin-bottom: 50px; 
	        height:auto;
	    }
	    form.contact label {
	        width:100%
	    }
	    form.contact input {
	        width:91%
	    }
	    form.contact select {
	        width:98%
	    }
	    form.contact .btn {
	        margin-right:0
	    }
	}
	#tooltip {
	    width:auto;
	    max-width:300px;
	    min-width:30px;
	    border:none;
	    background:#333;
	    padding:5px;
	    margin-top:4px;
	    font-size:12px;
	    color:#696969
	}
	#tooltip #ttimg.top {
	    margin-top:-17px;
	    margin-left:2px
	}
	#tooltip #ttimg.bottom {
	    bottom:0;
	    margin-bottom:-12px;
	    margin-left:2px
	}
	#tooltip.default {
	    border:none;
	    background:#333;
	    color:#fff;
	    -webkit-border-radius:1px;
	    -moz-border-radius:1px;
	    border-radius:1px;
	    margin-top:2px;
	    padding:2px 0 2px 5px
	}
	#tooltip.default #ttimg.top {
	    position:absolute;
	    margin-top:-8px;
	    margin-left:-8px
	}
	#tooltip.default #ttimg.bottom {
	    position:absolute;
	    bottom:0;
	    margin-bottom:-3px;
	    margin-left:-8px
	}
	.cliente img, .cliente_ult img {
	    -webkit-filter: grayscale(100%);
	    filter: grayscale(100%);
	    -moz-filter: grayscale(100%);
	    -ms-filter: grayscale(100%);
	    -o-filter: grayscale(100%);
	}
	.cliente img:hover, .cliente_ult img:hover {
	    -webkit-filter: grayscale(0%);
	    filter: grayscale(0%);
	    -moz-filter: grayscale(0%);
	    -ms-filter: grayscale(0%);
	    -o-filter: grayscale(0%);
	}