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

/*GERAL*/
@font-face{font-family:'vollkornRegular';src:url('../fonts/vollkorn-regular.eot');src:local('../fonts/vollkorn-regular.ttf'),url('../fonts/vollkorn-regular.woff') format('woff'),url('../fonts/vollkorn-regular.ttf') format('truetype');font-weight:normal;font-style:normal}
ol, ul, li{list-style:none}
input, textarea, button{border-radius:0px;-webkit-appearance:none;-moz-appearance:none;background:none}
a, a:hover{text-decoration:none}
i, em{font-style:italic}
b, strong{font-weight:bold}
img{max-width:100%}
html{background:#fff}
body{font:normal 1em 'vollkornRegular', arial, sans-serif;color:#000;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-smoothing: antialiased;}
.hideText{text-indent:100%;white-space:nowrap;overflow:hidden; font-size:0}
.hidden{display:none}
.mobile{display:none}
.show{display:block!important}
.hide{display:none}
.wrap{width:1000px;margin:0 auto;display:table}
.mainContent{width:100%;display:block;margin-bottom:30px}
.hp .mainContent{margin-top:50px;float:left;clear:left}

/*volkorn font*/
.contactForm .field{font:normal 1em 'vollkornRegular', trebuchet ms, sans-serif}



/*header*/
.head{display:table;width:100%;min-height:138px;background-position:top right;background-repeat:no-repeat}
.hp .head.one{background-image:url('../img/conteudo/header/bg_head_hp_01.jpg')}
.hp .head.two{background-image:url('../img/conteudo/header/bg_head_hp_02.jpg')}
.hp .head.three{background-image:url('../img/conteudo/header/bg_head_hp_03.jpg')}
.head.one{background-image:url('../img/conteudo/header/bg_head_int_01.jpg')}
.head.two{background-image:url('../img/conteudo/header/bg_head_int_02.jpg')}
.head.three{background-image:url('../img/conteudo/header/bg_head_int_03.jpg')}
.hp .head{height:300px}
.hp .logoAgs{padding:40px 30px 40px 0px;}
.logoAgs{position:relative;background:#579cc5;float:left;margin-top:30px;padding:15px 20px 10px 0px}
.hp .logoAgs a{height:154px;width:315px}
.no-svg .hp .logoAgs a{background:url(../img/sprite_geral.png) -7px -9px no-repeat}
.no-svg .logoAgs a{background:url(../img/sprite_geral.png) 0px -194px no-repeat}
.logoAgs a{background:url(../img/logo_fmv.svg) 0px 0px no-repeat;height:100px;width:200px;display:block;overflow:hidden;text-indent:-9999px}
.langLink{float:right;color:#FFF;background:#000;padding:6px 10px 4px 10px;margin-top:0px;font-size:0.75em;text-transform:uppercase}
.langLink:hover{color:#000;background:#fff}
.hp .blackElement{height:234px}
.blackElement{position:absolute;background:#579cc5;height:125px;width:126px;top:30px}
.valorItemTitle{float:left;color:#FFF;margin:60px 0px 0px 21px;font-size:4.375em;width:119px;text-transform:uppercase;line-height:62px}

/*menu*/
.menu{position:relative;margin-bottom:25px;background:#62B7DE}
.menu.submAct{margin-bottom:65px}
.menu ul{margin:0 auto;display:block;overflow:hidden}
.hp .menu ul{display:table}
.menu ul li{float:left;margin-right:20px;padding:23px 0px}
.menu ul li a{color:#fff;text-transform:uppercase;font-size:0.9375em}
.menu ul li a:hover, .menu ul .selected a{padding-bottom:5px;border-bottom:5px solid #fff}
.menu ul 	.selected .submenu{display:block}
.menu ul li .submenu{position:absolute;left:0px;width:100%;background:#000;top:68px;display:none}
.menu ul li .submenu ul{float:left;margin-left:0px;overflow:visible}
.hp .menu ul li .submenu ul{margin-left:29px}
.menu ul li .submenu ul li{padding:5px 0px}
.menu ul li .submenu ul li a{font-size:0.875em;padding-bottom:8px;color:#fff;border:0px}
.menu ul li .submenu ul li a:hover, .menu ul li .submenu ul .selected a{font-size:0.875em;padding-bottom:8px;color:#fff;border-bottom:5px solid #000}

/*footer*/
footer{display:block;width:100%;overflow:hidden;padding:25px 0px;border-top:1px solid #dedede}
.copyrights{float:left;font-size:0.875em}
.developed{float:right;margin-top:8px}
.developed span{font-size:0.875em;float:left}
.linkUrl{color:#579CC5;display:inline-block}
.developed .ol, .developed .fmv {float:right;text-indent:-9999px;overflow:hidden;background-image:url('../img/logo_oceanlab.svg');width:97px;height:23px;text-indent:-99px;background-repeat:no-repeat;margin-top:-3px;margin-left:10px}
.developed .fmv {text-indent:-9999px;background:url('../img/logo_fmv.svg') 0px 0px no-repeat;width:104px;height:56px;margin-top:-19px;margin-right:40px}
/*.no-svg .developed .ol{text-indent:-9999px;background:url('../img/sprite_geral.png') 0px -550px no-repeat;width:140px;height:28px;margin-top:-4px}
.no-svg .developed .fmv{text-indent:-9999px;background:url('../img/sprite_geral.png') 0px -592px no-repeat;margin-top:-19px}*/
.developed .ol:hover, .developed .fmv:hover{opacity:0.6}

/*homepage*/
.introAprs{font-size:1.5em;letter-spacing:-1.5px;text-align:center;margin-bottom:60px;line-height:27px}
.hp .highlights{width:66%}
.highlights{display:table;width:100%;margin-bottom:60px;float:left}
.highlightItem{width:30.3%;display:inline-block;margin-right:4.1%;margin-bottom:30px;vertical-align:top;*float:left}
.hp .highlightItem{width:48.4%;float:left;margin-right:20px;margin-bottom:40px}
.hp .highlightItem.last{margin-right:20px}
.highlightItem a img{margin:0 auto}
.highlightItem a:hover img{opacity:0.8}
.highlightItem img{display:block;opacity:1}
.highlightItem:last-child, .highlightItem.last{margin-right:0%}
.logosInst .highlightItem a.logo, .logosInst .highlightItem span.logo{border:1px solid #CCC;display:block}
.highlightInfo{padding:13px 10px;display:block;overflow:hidden}
.highlightInfo .data .elem{font-family:arial;font-size:0.875em;letter-spacing:-1px;display:block}
.highlightInfo .data{margin-bottom:13px}
.highlightInfo .title, .artigoTxt .highlightInfo .title{font-size:1.2em;letter-spacing:-1px;color:#579cc5;line-height:25px;margin-bottom:8px}
.highlightInfo .txt{font-size:0.875em;font-family:arial;color:#8F8F8F}
.map{display:block;overflow:hidden;width:100%;height:310px;position:relative}
.map .wrap{position:relative}
.map .contactBox{width:44%;padding:20px 3%;background:#FFF;position:absolute;top:35px;right:0px}
.map .contactBox .title{display:block;color:#000;font-size:1.25em;margin-bottom:10px}
.map .contactBox .txt{display:block;color:#333;font-size:1em;margin-bottom:15px;line-height:20px}
.btn{background:#579CC5;color:#fff;letter-spacing:-1px;width:40%;padding:6px 5%;text-align:center;display:block}
.btn:hover{background:#000}
.map .mapping{width:100%;height:100%;position:absolute;top:0px;left:0px;}
.sideHpContent{width:30%;float:right;margin-left:4%}
.sideHpContent .title{font-size:2em;line-height:30px;letter-spacing:-2px;color:#579cc5;margin-bottom:20px;display:block;max-width:240px}
.sideHpContent p{font-size:1.25em;line-height:27px;color:#8F8F8F}
.hp .highlightItem.ultimo{margin-right:0px}

/*artigo*/
article, .artigoTxt{float:left;overflow:hidden;width:100%}
.artigoTxt.med{width:63%;margin-right:7%}
.artigoTxt .title{font-size:1.75em;margin-bottom:15px;color:#333;letter-spacing:-1px}
.artigoTxt .intro{font-size:1.1em;margin-bottom:25px}
.artigoTxt p{color:#333;margin-bottom:20px}
.artigoTxt .listItemsTxt{margin-bottom:20px}
.artigoTxt .listItemsTxt li{color:#333;list-style:disc;margin-left:40px}
.artigoTxt p:last-child{margin-bottom:0px}
.box{display:block;overflow:hidden;margin-bottom:20px}
.box .title{color:#579CC5;font-size:1.5em}
.box .contentBox{width:100%;overflow:hidden}
.box.acc .contentBox{display:none}
.acc .title{cursor:pointer}
.sidebarImg{float:right;width:30%;margin-top:50px}
.sidebarImg figcaption{display:none}
.pubItem{float:left;clear:left;margin-bottom:25px}
.pubItem:last-child{margin-bottom:0px}
.pubItem img{float:left;padding:0px 22px 22px 0px;width:30%}
.pubItem .title{display:block;font-size:1.5em;color:#323232;margin-top:15px}
.pubItem .pubItemEspc{margin:4px 0px 15px 0px}
.pubItem .pubItemEspc p{font-family:arial;font-size:0.875em;margin-bottom:0px;line-height:20px}
.pubItem .pref{font-family:arial;font-size:0.875em;color:#858585}
.pubItem .linkUrl{font-size:1em}
.iconLink {display:block;overflow:hidden;margin-bottom:20px}
.iconLink .ico{width:30px;height:30px;background-color:#579CC5;float:left;border-radius:20px;margin-right:10px;background-position:center center;background-repeat:no-repeat}
.iconLink.pdf .ico{background-image:url('../img/icon_pdf.svg')}
.iconLink.url .ico{background-image:url('../img/icon_url.svg')}
.iconLink .txt{font-family:volkorn;font-size:1em;line-height:30px;color:#579CC5}
.iconLink:hover .ico{background-color:#000}
.iconLink:hover .txt{color:#000}
.medArtg{width:45%;margin-right:5%;float:left}
.medArtg.last, .peqArtg.last{margin-right:0%}
.peqArtg{width:30%;margin-right:3%;float:left}
.prjCsPage .box{margin-top:10px}
.artigoTxt .destaqueFrase{padding:10px 19px;color:#579CC5;border:1px solid #FFF;display:block;font-size:1.1em;margin-bottom:25px;font-weight:bold}
.artigoTxt .destaqueFrase .big{font-size:1.75em;display:block}

/*contact*/
.contactForm{display:block;overflow:hidden;margin:20px 0px;width:100%}
.contactForm .col{width:47%;padding-right:3%;float:left}
.contactForm .col .row{width:100%;display:block;margin-bottom:12px;position:relative}
.contactForm .label{display:block;font-size:1.5em;letter-spacing:-2px}
.contactForm .field{width:96%;padding:6px 2%;border:1px solid #333;letter-spacing:-1px}
.contactForm .field .selectOption{cursor:pointer;padding:0px;border:none;letter-spacing:-1px;font:normal 1em 'vollkornRegular', arial, sans-serif;margin-left:-3px;height:22px;width:115%;background:none}
.contactForm .field.small{width:50%;overflow:hidden}
.contactForm .field.select.small{background:url('../img/select_arrow.svg') 95% 13px no-repeat;overflow:hidden}
.contactForm .contactMsg{resize:none;height:100px}
.contactForm .btn{width:50%;padding:8px 5%;margin-top:-2px;cursor:pointer}
.contactForm .field.erroCampo{border:1px solid #EBBEBE;letter-spacing:-1px;background:#fef4f4}
.contactForm  .errorExp{display:none;color:#777;}
.contactForm  .avisoMsg{display:none;position:absolute;top:6px;left:100px;font-size:0.875em;padding:2px 5px;background:#F85A5A;color:#FFF}
.contactForm  .row .avisoMsg.std{left:130px}

/*galeria Img*/
.galeriaImg{display:block}
.galeriaImg ul li{float:left;width:30%;margin-right:4%;margin-bottom:30px;overflow:hidden}
.galeriaImg ul li.last{margin-right:0%}
.galeriaImg ul li .element img{display:block}
.galeriaImg ul li .element:hover img{opacity:0.7;-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-ms-filter: grayscale(1);-o-filter: grayscale(1);-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-ms-transform: scale(1.5);-o-transform: scale(1.5)}

/*testemunhos*/
.artigoTxt.test{overflow:visible}
.testAutores{width:38%;float:left;margin-left:-10px}
.testAutores ul li{display:block}
.testAutores ul li a{float:left;font-size:2.1em;color:#333;padding:3px 10px 0px 10px;letter-spacing:-2px}
.testAutores ul .selected a, .testAutores ul li a:hover{background:#333333;color:#fff}
.testConteudo{width:59%;margin-left:3%;float:right;position:relative}
.testConteudo .elemTxtTest{overflow:hidden}
.testConteudo .elemTxtTest .textos{display:block;overflow:hidden;margin-top:80px}
.testConteudo .elemTxtTest .aspasAb{font-size:200px;position:absolute;top:-50px;left:0%;color:#333}
.testConteudo .elemTxtTest .textos .txt{font-size:1.5em;float:left;font-style:italic;letter-spacing:-1px;margin-bottom:20px}
.testConteudo .elemTxtTest .textos .autor{margin:30px 0px;clear:left;font-size:1.5em;letter-spacing:-2px;float:left}

.linkUrl.button{background:#579CC5;color:#FFF;padding:3px 9px 1px 9px;font-size:0.875em}
.linkUrl.button:hover{background:#000}

/*Ipad Horizontal | >770px<1030px largura*/
@media all and (min-width: 891px) and (max-width: 1030px){
.wrap{width:90%}
.menu ul li a{font-size:0.8em}
.testAutores ul li a{font-size:1.85em}
.mViolante .txt{line-height:30px;font-size:1.5em}
.hp .highlightItem{width:47.4%}
}
/*Ipad Vertical | >600px<890px largura*/
@media all and (min-width: 600px) and (max-width: 890px){
.wrap{width:90%}
.highlightInfo .title{font-size:1.25em;line-height:18px;margin-bottom:10px}
.contactForm .col{width:100%;padding-right:0%;float:none;display:block}
.contactForm .field, .contactForm .field.small{width:95%}
.contactForm .avisoMsg, .contactForm .row .avisoMsg.std{left:auto;right:1%}
.mViolante{height:210px}
.mViolante .txt{line-height:30px;font-size:1.5em;margin-top:50px}
.hp .highlightItem{width:47.4%}
.sideHpContent .title {font-size:1.5em;line-height:23px;max-width:auto}
.sideHpContent p {font-size:1em;line-height:22px}
.menu ul, .hp .menu ul{display:none}
.menu ul.active{display:block;position:absolute;top:49px;left:0px;background:#62B7DE;width:100%}
.menu ul li{margin-right:0px;padding:0px;width:95%;float:left;clear:left;padding:0px 0px 0px 5%;overflow:visible}
.menu ul .selected{background:#fff;color:#000;padding:0px 0px 0px 5%;border:0px}
.menu ul .selected a{color:#000}
.menu ul li .submenu {position:relative;top:auto;left:auto;overflow:hidden;background:#FFF;margin-top:-10px}
.menu ul .selected .submenu ul {display:block;width:100%;margin-bottom:10px;position:relative;top:auto;left:auto;background:#FFF;float:none}
.menu ul .selected .submenu ul li a, .menu ul .selected .submenu ul li a:hover{padding:12px 0px;border:0px;color:#000;font-size:1em;margin-bottom:0px}
.menu ul li .submenu ul li {padding:0px 0px}
.menu ul li a{font-size:1.125em;color:#FFF;padding:15px 0px;display:block;border:0px}
.menu ul li a:hover, .menu ul .selected a{border:none;padding:15px 0px}
.menuLink.mobile{display:block}
.menuLink{color:#FFF;font-size:1.25em;text-transform:uppercase;padding:12px 0px 9px 39px;background:url(../img/menu_mobile.svg) 0px 16px no-repeat}
.menu ul .selected a, .menu ul .selected a:hover{border-bottom:3px solid #000;padding-bottom:2px;margin-bottom:12px;float:left;clear:left}
.submenu ul .selected a{border-bottom:3px solid #000!important;padding-bottom:2px!important;margin-bottom:12px!important;float:left;clear:left}
}

/*Iphone | >200px<599px largura*/
@media all and (min-width: 200px) and (max-width: 599px){
.mobile, .menu ul, .hp .head, .highlights{display:block}
.hp .head{height:164px}
.wrap{width:90%;display:block;overflow:hidden}
.highlightItem, .hp .highlightItem{width:100%;margin-right:0px;margin-bottom:20px}
.introAprs{text-align:left;font-size:1.125em;line-height:25px}
.map{height:auto}
.map .iframe{height:200px}
.map .wrap{position:relative;width:100%;margin-top:185px}
.map .contactBox{display:block;position:relative;top:auto;right:auto;width:88%;padding:21px 6%;background:#579CC5}
.map .contactBox .title, .map .contactBox .txt{color:#fff}
.map .contactBox .btn{color:#579CC5;background:#fff;width:90%;font-size:1.125em}
.copyrights{width:280px}
.developed{width:100%;margin-top:15px}
.valorItemTitle{display:none}
.highlightInfo{padding:13px 10px 13px 3px}
.highlightInfo .title{font-size:1.25em;line-height:18px;margin-bottom:10px}
.langLink{display:none}
.menu{background:#000;margin-top:-1px;position:relative;z-index:1000}
.menu ul, .hp .menu ul{display:none}
.menu ul.active{display:block;position:absolute;top:49px;left:0px;background:#62B7DE;width:100%}
.menu ul li{margin-right:0px;padding:0px;width:95%;float:left;clear:left;padding:0px 0px 0px 5%;overflow:visible}
.menu ul .selected{background:#fff;color:#000;padding:0px 0px 0px 5%;border:0px}
.menu ul .selected a{color:#000}
.menu ul li .submenu {position:relative;top:auto;left:auto;overflow:hidden;background:#FFF;margin-top:-10px}
.menu ul .selected .submenu ul {display:block;width:100%;margin-bottom:10px;position:relative;top:auto;left:auto;background:#FFF;float:none}
.menu ul .selected .submenu ul li a, .menu ul .selected .submenu ul li a:hover{padding:12px 0px;border:0px;color:#000;font-size:1em;margin-bottom:0px}
.menu ul li .submenu ul li {padding:0px 0px}
.menu ul li a{font-size:1.125em;color:#FFF;padding:15px 0px;display:block;border:0px}
.menu ul li a:hover, .menu ul .selected a{border:none;padding:15px 0px}
.menuLink{color:#FFF;font-size:1.25em;text-transform:uppercase;padding:12px 0px 9px 39px;background:url(../img/menu_mobile.svg) 0px 16px no-repeat}
.logoAgs{margin:20px auto;float:none;background:none;padding:0px}
.logoAgs a{height:80px;width:190px;margin:0 auto}
.blackElement{height:121px;top:20px}
.artigoTxt.med{width:100%}
.sidebarImg{background: url('../img/lixo_artigo1.jpg')center center no-repeat;height:250px;display:block;width:100%;margin-top:0px}
.sidebarImg img{display:none}
.contactForm .col{width:100%;padding-right:0%;float:none;display:block}
.contactForm .field, .contactForm .field.small{width:95%}
.contactForm .avisoMsg, .contactForm .row .avisoMsg.std{left:auto;right:1%}
.menu.submAct{margin-bottom:0px}
.galeriaImg ul li{float:left;width:100%;margin-right:0%;margin-bottom:10px}
.galeriaImg ul li.sec{margin-right:0%}
.galeriaImg ul li.last{margin-right:0%}
.galeriaImg ul li .element img{margin:0 auto}
.hp .logoAgs a{height:83px;width:170px}
.hp .logoAgs{padding:17px 15px 18px 0px;float:left;margin-top:20px;background:#579cc5}
.hp .blackElement{height:118px;display:block;background:#579cc5}
.blackElement{display:none}
.head{min-height:110px}
.head.one, .head.two, .head.three{background-color:#579cc5;background-image:none}
.hp .head.one{background-image:url('../img/conteudo/header/bg_head_hp_01.jpg')}
.hp .head.two{background-image:url('../img/conteudo/header/bg_head_hp_02.jpg')}
.hp .head.three{background-image:url('../img/conteudo/header/bg_head_hp_03.jpg')}.no-svg .hp .logoAgs a {background: url(../img/sprite_geral.png) 0px -334px no-repeat}
.no-svg .hp .logoAgs a{height:83px;width:179px}
.no-svg .logoAgs a{background:url(../img/sprite_geral.png) 0px -446px no-repeat}
.testAutores{width:100%;margin:0px;cursor:pointer}
.testAutores ul{display:none}
.autoresNomes{width:110%;font-size:1.5em;font-family:'vollkornRegular', arial, sans-serif;border: none;border-bottom:5px solid #000;padding-bottom:10px}
.testConteudo{width:100%;margin-left:0%}
.testConteudo .elemTxtTest .textos .txt{font-size:1em}
.testConteudo .elemTxtTest .aspasAb{top:0px;font-size:100px}
.testConteudo .elemTxtTest .textos .autor{margin:10px 0px;font-size:1.25em}
.artigoTxt .intro{font-size:1em}
.pubItem img{width:60%;float:none;padding-bottom:0px}
.pubItem{margin-bottom:45px}
.menu ul .selected a, .menu ul .selected a:hover{border-bottom:3px solid #000;padding-bottom:2px;margin-bottom:12px;float:left;clear:left}
.submenu ul .selected a{border-bottom:3px solid #000!important;padding-bottom:2px!important;margin-bottom:12px!important;float:left;clear:left}
.hp .menu ul li .submenu ul {margin-left:29px}
.mainContent{margin:30px 0px}
.peqArtg, .medArtg{width:100%;margin:0px 0px 20px 0px}
.mViolante{height:140px;background-position:top right}
.mViolante .txt{font-size:0.9375em;letter-spacing:-1px;max-width:80%;margin-bottom:9px;margin-top:31px}
.highlights{width:100%}
.hp .highlights{margin-bottom:20px;width:100%}
.sideHpContent{width:100%;float:right;margin-left:0%;margin-bottom:30px}
.developed .ol, .developed .fmv{clear:left;display:block;float:none;margin:25px 0px 0px 0px}
.hp .mainContent{margin-top:10px}
.sideHpContent .title{font-size:1.5em;margin-bottom:0px;max-width:auto}
.sideHpContent p{font-size:1em;line-height:20px}
.contactForm .btn{width:60%}
}

@media all and (min-width: 1599px){
.hp .head.four{background-position:0px -100px}
}

/*bg_Cover*/
.developed .fmv, .developed .ol, .mViolante, .sidebarImg, .head, .logoAgs a{background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}
/*bg_Color*/
.linkUrl.button, .linkUrl.button:hover, .btn, .btn:hover{transition:background 0.6s;-moz-transition:background 0.6s;-webkit-transition:background 0.6s;-o-transition:background 0.6s}
/*all*/
.developed .fmv, .developed .fmv:hover,.developed .ol:hover, .developed .ol, .highlightItem a:hover img, .highlightItem img, .iconLink:hover .ico, .iconLink:hover .txt, .iconLink .ico, .iconLink .txt, .galeriaImg ul li .element:hover img, .galeriaImg ul li .element img, .menu ul li a, .menu ul li a:hover, .menu ul .selected a{transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s}