/*******
		FONTS
*******/

@font-face {font-family: 'casa';
	src:url('../fonts/casa_-q1jmbp.eot');
	src:url('../fonts/casa.eot') format('embedded-opentype'),
		url('../fonts/casa_-q1jmbp.woff') format('woff'),
		url('../fonts/casa_-q1jmbp.ttf') format('truetype'),
		url('../fonts/casa_-q1jmbp-casa.svg') format('svg');
	font-weight: normal;
	font-style: normal}


/*******
		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, 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}
ol, ul{list-style:none}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:focus{outline:0}


/*******
		DEFAULTS
*******/

body{line-height:1em;color:#000;font-family:'Open Sans', Helvetica, Arial;font-weight:400;font-size:1em}
a{text-decoration:none;color:#474747}
a:hover{text-decoration:none}
img{max-width:100%}
.extraText{text-indent:100%;white-space:nowrap;overflow:hidden; position:absolute; left:-99999px}
.hide{display:none!important}

/*Clears*/
.clearfix:before, .clearfix:after, .claimForm .formLine:before, .claimForm .formLine:after{content:''; display:table}
.clearfix:after, .claimForm .formLine:after{clear:both}


/*Forms*/
button{cursor:pointer;background:none}
input, textarea{border:1px solid #d6d6d6; color:#000;-webkit-appearance:none; border-radius:0;box-shadow:none;font-size:0.8125em; height:32px; padding:0 5px;font-family:'Open Sans', Helvetica, Arial; font-weight:400}
textarea{resize:vertical;overflow:auto;width:100%; min-height:100px; padding:5px}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#7f7f7f}
input:-moz-placeholder, textarea:-moz-placeholder{color:#7f7f7f}
input::-moz-placeholder, textarea::-moz-placeholder{color:#7f7f7f}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#7f7f7f}

.defaultSelect{overflow:hidden; vertical-align:middle;border:1px solid #d2d2d2;color:#000;-webkit-appearance:none; border-radius:0;box-shadow:none;font-weight:400;width:100%;background:#fff url(../img/img_arrow_down.svg) 97% center no-repeat; padding:10px 0}
.defaultSelect select, .defaultSelect select option{cursor:pointer;width:100%;font-size:1em;font-family:'Open Sans', Helvetica, Arial; border:none;box-shadow:none;background-color:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;; color:#000; padding:0 10px}
.checkboxReplacement, .radioReplacement{position:relative; line-height:21px; height:21px; display:inline-block}
.checkboxReplacement > input, .radioReplacement > input{display:block;height:21px; left:0;margin:0; opacity:0; padding:0; position:absolute; width:21px}
.checkboxReplacement > input[type="checkbox"]:checked + label{background-position:0 -21px}
.radioReplacement > input[type="radio"]:checked + label{background-position:0 -46px}
.checkboxReplacement > input + label, .radioReplacement > input + label{background:url(../img/sprite_form.svg) no-repeat 0 0; height:21px}
.radioReplacement > input + label{background-position:0 -68px}
.checkboxReplacement > label, .radioReplacement > label{padding-left:30px}
.checkboxReplacement.showError > input + label{background-position:0 -160px}

.btn{background-color:transparent; border:1px solid #b2b2b2;color:#000;padding:10px 25px;display:inline-block;text-transform:uppercase; font-size:0.8125em; font-weight:700}
.btn:hover{background-color:#000;color:#fff; border-color:#000}


/*******
		ICONS 
*******/

[class^="icon-"], [class*=" icon-"]{font-family:'casa';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
.icon-arrow-down:before{content:"\e600"}
.icon-arrow-left:before{content:"\e601"}
.icon-arrow-right:before{content:"\e602"}
.icon-arrow-up:before{content:"\e603"}
.icon-share:before{content:"\e604"}
.icon-download:before{content:"\e605"}
.icon-alert-bubble:before{content:"\e606"}
.icon-user:before{content:"\e607"}
.icon-menu:before{content:"\e608"}
.icon-help-bubble:before{content:"\e609"}
.icon-help:before{content:"\e60a"}
.icon-warning:before{content:"\e60b"}
.icon-briefcase:before{content:"\e60c"}
.icon-search:before{content:"\e60d"}
.icon-facebook:before{content:"\e60e"}
.icon-play:before{content:"\e60f"}
.icon-location-arrow:before{content:"\e610"}
.icon-location-marker:before{content:"\e611"}
.icon-subway:before{content:"\e612"}
.icon-parking:before{content:"\e613"}
.icon-bus:before{content:"\e614"}
.icon-train:before{content:"\e615"}
.icon-help-single:before{content:"\e616"}



/*******
		TRANSITIONS
*******/

.btn, .shortcutMenu ul li a, .gallery ul li a, .listItens ul li a, .paging ul li a, .listItens a .searchTerm, .listMember ul li .icon-arrow-down, .claimHelpLink, .claimMoreBtn .icon-arrow-down, .intShortcutMenu ul li a, .articleContent ul.listMenu li a{-webkit-transition:all 250ms ease; transition:all 250ms ease}
.mainSubNav>ul>li>a{-webkit-transition:color 250ms ease; transition:color 250ms ease}



/*******
		STRUCTURE
*******/

.container{max-width:960px; margin:0 auto; padding:0 10px}

.mainHeader .container, .mainSubNav>ul, .shortcutMenu ul, .articleHeader .container, .breadcrumbs, .notTitle .container, .fixMainNav ul.mainNavMenu li .mainSubNav ul li div ul, .singleMenu .container{max-width:1310px}



/*******
		MODULES
*******/

/*Header*/
.mainHeader{min-height:95px; position:relative}

.casaLogo{float:left;width:310px;height:60px; background:url(../img/logo_casa.png) no-repeat top left; margin-top:15px}
.mainNav{float:right; padding-top:44px}
.mainNav>ul.mainNavMenu{float:right; margin:0 10px 0 0; text-align:right}
.mainNav>ul.mainNavMenu>li, .mainNav ul.mainNavMenuUp>li{/*text-align:right;*/ display:inline-block}
.mainNavMenuOFF{opacity:0; margin-right:-80px!important}
.mainNav ul.mainNavMenu li a{margin:0 7px;display:inline-block;text-transform:uppercase; color:#000}
.mainNav ul.mainNavMenuUp{margin-right:133px; margin-top:-20px; text-align:right}
.mainNav ul.mainNavMenuUp li a{font-size:0.6875em; text-transform:uppercase;margin:0 7px;display:inline-block}
.mainNav ul.mainNavMenuUp li a:hover, .mainNav ul.mainNavMenuUp li a.selected{ text-decoration:underline}
.mainNav ul.mainNavMenuUp li .mainSubNav a:hover, .mainNav ul.mainNavMenuUp li .mainSubNav a.selected{ text-decoration:none}

.mainNav ul.mainNavMenu li.mainNavMenuDown a, .fixMainNav ul.mainNavMenuUp>li div.mainSubNav a, .singleMenu ul li a{font-size:0.8125em; font-weight:700; display:inline-block; padding:8px 0 27px; position:relative}
.mainNavMenuDown>a:after, .mainNavMenuDown>a.selected:after{position:absolute;top:100%;left:0;width:100%;height:5px;background-color:#000;content:'';opacity:0;-webkit-transform:translateY(-28px); -ms-transform:translateY(-28px); transform:translateY(-28px);-webkit-transition:opacity 170ms ease, -webkit-transform 170ms ease;transition:opacity 170ms ease, transform 170ms ease; letter-spacing:-0.01em}
.mainNavMenuDown>a:hover:after, .mainNavMenuDown>a:focus:after, .mainNavMenuDown>a.selected:after{opacity:1;-webkit-transform:translateY(-18px);-ms-transform:translateY(-18px);transform:translateY(-18px)}

.navMobile, .navClose, .mainNav ul.mainNavMenu li .mainSubNav ul li div, .navOn{display:none}

@media only screen and (min-width:980px){
	ul.mainNavMenu>li .mainSubNav, ul.mainNavMenuUp>li .mainSubNav{position:absolute; width:100%;background-color:#000;left:0;top:100%;z-index:999;visibility:hidden;opacity:0;-webkit-transition:all 170ms ease 100ms;transition:all 170ms ease  100ms}
	ul.mainNavMenu>li:hover>div.mainSubNav{visibility:visible;transition-delay:0s;opacity:1}
	
	.mainNav .mainSubNav>ul{margin:0 auto; padding:13px 0 4px; border-top:1px solid #595959; text-align:left}
	.mainSubNav>ul>li{display:inline-block}
	.mainNav .mainSubNav>ul>li>a{color:#dfdfdf; padding:8px 10px 16px!important}
	.mainNav .mainSubNav>ul>li:first-child>a{padding-left:0!important}
	.mainNav .mainSubNav>ul>li>a:hover{color:#fff}
	
	.fixMainNav{margin-bottom:57px}
	.fixMainNav.level3{margin-bottom:120px}
	.fixMainNav ul.mainNavMenu>li.selected .mainSubNav, .fixMainNav ul.mainNavMenuUp>li.selected div.mainSubNav{visibility:visible; opacity:1;z-index:998}
	.fixMainNav ul.mainNavMenu>li .mainSubNav > ul, .fixMainNav ul.mainNavMenuUp>li div.mainSubNav > ul{text-align:left}
	.fixMainNav ul.mainNavMenu li .mainSubNav ul li div, .singleMenu{ position:absolute; width:100%; background-color:#f7f7f7; left:0; top:59px; height:60px}
	.singleMenu{position:static}
	.fixMainNav ul.mainNavMenu li .mainSubNav ul li div ul, .singleMenu ul{margin:0 auto; overflow:hidden; padding:13px 0}
	.fixMainNav ul.mainNavMenu li .mainSubNav ul li div ul li, .singleMenu ul li{display:inline-block}
	.fixMainNav ul.mainNavMenu li .mainSubNav ul li div ul li a, .singleMenu ul li a{text-transform:none; color:#848080;padding-bottom:18px; position:relative}
	.fixMainNav ul.mainNavMenu li .mainSubNav ul li div ul li a.selected, .singleMenu ul li a.selected{color:#000}
	.fixMainNav ul.mainNavMenu li .mainSubNav ul li div ul li a.selected:after, .fixMainNav ul.mainNavMenu li .mainSubNav ul li a.selected:after, .singleMenu ul li a.selected:after, .fixMainNav ul.mainNavMenuUp>li div.mainSubNav a.selected:after{position:absolute;top:100%;left:0;width:100%;height:5px;background-color:#fff;content:''}
	.fixMainNav ul.mainNavMenu li .mainSubNav ul li a.selected:after{background-color:#f7f7f7}
		
	.popBox{position:fixed; width:100%; height:100%; top:0; left:0;background:rgba(0, 0, 0, 0.5); z-index:9999;display:none}
	.popBox .popBoxContent{width:70%; background-color:#fff;right:0; left:0; min-width:980px; margin:0 auto; position:absolute}
	.popBox .galleryFull{height:70%}
	.popBox.contactMap  .popBoxContent{width:60%;height:65%; padding:20px; overflow:auto}
	.popBox.contactHowToGetThere  .popBoxContent{width:600px; min-width:600px; height:80%; overflow:auto; padding:20px}
	.popBoxCloseBtn{position:absolute; top:10px; right:10px; width:40px; height:40px; font-size:1.75em; font-weight:700; display:inline-block; background-color:#fff; z-index:999; text-align:center; line-height:40px; color:#000}
	.singleMenu{top:158px}
	.singleMenu ul li a{margin:0 7px}
	.mainNav ul.mainNavMenu li .mainSubNav ul li div.menu3level{display:block}
}

.searchForm{float:right; height:45px;margin-right:17px; border-right:1px solid #b2b2b2; padding-right:15px;position:relative; margin-top:-19px}
.searchFormGo{float:right; font-size:2.6em; color:#333;background-color:#fff; position:relative; z-index:10}
.searchFormClose{width:0;display:inline-block; float:right; font-size:2.5em; position:relative; z-index:10;background-color:#fff; overflow:hidden; height:42px; text-align:center}
.searchFormOpen .searchFormClose{width:60px;padding:2px 0 0 15px}
.searchForm .searchInput{position:absolute; right:15px;top:0;z-index:4;border-top:none; border-left:none; border-right:none; border-bottom-color:#b2b2b2;display:inline-block;height:52px;width:0;padding:0}
.searchFormOpen .searchInput{width:510px; right:70px;padding:5px 15px 7px 2px}
.searchInput, .searchFormClose{-webkit-transition:all 350ms cubic-bezier(0.805, 0.355, 0.260, 0.870);-moz-transition:all 350ms cubic-bezier(0.805, 0.355, 0.260, 0.870);-o-transition:all 350ms cubic-bezier(0.805, 0.355, 0.260, 0.870);transition:all 350ms cubic-bezier(0.805, 0.355, 0.260, 0.870);-webkit-transition-timing-function:cubic-bezier(0.805, 0.355, 0.260, 0.870);-moz-transition-timing-function:cubic-bezier(0.805, 0.355, 0.260, 0.870);-o-transition-timing-function:cubic-bezier(0.805, 0.355, 0.260, 0.870);transition-timing-function:cubic-bezier(0.805, 0.355, 0.260, 0.870)}

.fabebookLink{float:right;color:#333; height:38px; width:38px;margin:-13px -4px 0 0 ;display:block;position:relative;background: url(../img/FB-f-Logo__blue_29.png) no-repeat center center}
.circleBtn:before{background-color:#333;content:"";height:38px; width:38px; position:absolute;border-radius:50%;z-index:-1; left:-4px; top:-4px;-webkit-transition:all 150ms ease; transition:all 150ms ease}
.circleBtn:after{background-color:#fff;left:0;top:0;border-radius:50%;content:"";height:30px;width:30px;position:absolute;-webkit-transition:all 250ms ease; transition:all 250ms ease;z-index:-1}
a.circleBtn:hover:after{opacity:0;-webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0)}
a.circleBtn:hover:before{-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}
/*.fabebookLink .icon-facebook{display:block; font-size:1.5em; width:30px; height:30px;text-align:center;z-index:9; line-height:30px; position:relative}
.fabebookLink:hover .icon-facebook{color:#fff}*/

/*footer*/
.mainFooter{margin:12px 12px 0}
.mainFooterUp{background-color:#000; color:#fff; padding:15px; overflow:hidden}
.mainFooterUp .container{overflow:hidden}
.mainFooterUp .fabebookLink{float:left; color:#fff; margin-top:6px}
.mainFooterUp .fabebookLink:before{background-color:#fff; z-index:1; left:-3px; top:-3px; width:36px; height:36px}
.mainFooterUp .fabebookLink:after{background-color:#000;z-index:1}
.mainFooterUp .fabebookLink:hover .icon-facebook{color:#000; font-size:1.35em}
.mainFooterUpFaceText{float:left; padding:15px 0 0 15px; font-size:0.8125em; width:55%}
.facebookLikeBtn{float:right; width:40%; margin-top:12px}

.mainFooterLogos{text-align:center; padding:25px 0 15px}
.mainFooterLogos li {display:inline-block}
/*
.mainFooterLogos li a{display:block; background:url(../img/sprite_logotipos_original.png) 0 0 no-repeat; height:50px; margin:0 15px}
.mainFooterLogos li.logoACP a{width:160px}
.mainFooterLogos li.logoACAP a{width:76px; background-position:-175px 0}
.mainFooterLogos li.logoANECRA a{width:57px; background-position:-263px 0}
.mainFooterLogos li.logoCEPRA a{width:128px; background-position:-329px 0}
.mainFooterLogos li.logoARAN a{width:66px; background-position:-470px 0}
.mainFooterLogos li.logoDECO a{width:130px; background-position:-549px 0}
.mainFooterLogos li.logoPRP a{width:156px; background-position:-683px 0}
*/

.mainFooterLogos li a{display:block; background:url(../img/sprite_logotipos_20150622.png) 0 0 no-repeat; height:50px; margin:0 10px}
.mainFooterLogos li.logoACP a{width:161px; background-position:0px 0px}
.mainFooterLogos li.logoACAP a{width:71px; background-position:0px -50px}
.mainFooterLogos li.logoANECRA a{width:53px; background-position:0px -100px}
.mainFooterLogos li.logoCEPRA a{width:127px; background-position:0px -150px}
.mainFooterLogos li.logoARAN a{width:65px; background-position:0px -200px}
.mainFooterLogos li.logoDECO a{width:133px; background-position:0px -250px}
.mainFooterLogos li.logoPRP a{width:176px; background-position:0px -300px}


.mainFooterDown{border-top:1px solid #efefef; overflow:hidden; padding:25px 0}
.mainFooterDown ul{float:left; width:70%}
.mainFooterDown ul li{display:inline-block; margin-right:15px}
.mainFooterDown ul li a{color:#58595d; font-size:0.6875em}
.mainFooterDown ul li a:hover{color:#000}
.mainFooterDown .mainFooterCopy{float:left; width:70%; color:#6d6e70; font-size:0.6875em; margin-top:10px}
.mainFooterDown .mainFooterCredits{float:right; width:20%; font-size:0.5em; color:#ababab; margin-top:-17px}
.mainFooterDown .mainFooterCredits a{display:block; width:105px; height:23px; background:url(../img/logo_oceanlab.png) 0 0 no-repeat}

/*Homepage*/
.teaser{text-align:center; color:#fff;width:100%;height:100%; position:relative; z-index:9}
.teaser ul li{height:470px; padding-top:150px;background-position:center; background-repeat:no-repeat;-webkit-background-size:cover;-moz-bacground-size:cover;-o-background-size:cover;background-size:cover}
.teaser ul li span{font-size:2em; display:block; max-width:700px;margin:0 auto;line-height:1.1em}
.teaserText{font-weight:700; padding-bottom:5px}
.teaserSubText{font-weight:300}
.teaser ul li .btn{color:#fff; background-color:#000; border-color:#000; margin-top:20px}
.teaser ul li .btn:hover{background-color:#ed1c24;border-color:#ed1c24}
.teaser .swiper-pagination{bottom:75px}
.teaser .swiper-pagination-bullet{opacity:0.5}
.teaser .swiper-pagination-bullet-active{opacity:1}
.swiper-button-next, .swiper-button-prev{background-size:15px 26px;height:26px;width:15px;top:40%}
.teaser .swiper-button-prev{left:10%}
.teaser .swiper-button-next{right:10%}

.shortcutMenu{background-color:#ed1c24; color:#fff; margin:-45px 12px 0; position:relative; z-index:20; height:120px}
.shortcutMenu ul{overflow:hidden; margin:0 auto}
.shortcutMenu ul li{float:left; width:25%; border-right:1px solid #fff; height:120px; overflow:hidden; position:relative}
.shortcutMenu ul li:first-child{border-left:1px solid #fff}
.shortcutMenu ul li a{color:#fff; padding:30px 35px 25px; display:block; height:100%}
.shortcutMenu ul li a:hover{background-color:#231f20}
.shortcutMenu ul li [class^="icon-"]{position:absolute; right:25px; top:13px; font-size:3em}
.shortcutMenu ul li span.icon-user{font-size:2em; top:22px}
.shortcutMenu ul li h3{font-size:1.125em; font-weight:700; padding:0 60px 10px 0; letter-spacing:-0.05em; line-height:1.1em}
.shortcutMenu ul li p{font-size:0.8125em}

.services{background-color:#efefef; margin:12px 12px 0; padding:30px 0; overflow:hidden}

.subjects, .competency{float:left;width:46%}
.subjects{margin-right:7.7%}
.subjects p, .competency p{font-size:1.125em; padding-bottom:20px; line-height:1.3em; letter-spacing:-0.05em}

.selectSubjectForm label{font-weight:700; letter-spacing:-0.05em; display:block}
.selectSubjectForm select{display:block}
.selectSubjectForm .defaultSelect{margin:10px 0 20px; width:95%}

.competency ul li{display:block; padding-bottom:20px; position:relative}
.competency ul li:before{content:"";border-bottom:1px solid #a7a7a7; width:30px; position:absolute; bottom:10px;left:0; height:1px;display:block}
.competency ul li a{color:#474747; font-weight:700}
.competency ul li a:hover{text-decoration:underline}

.alertBox{background-color:#f8d13d; margin:12px 12px 0; padding:25px 0; overflow:hidden}
.alertBox .icon-warning{display:inline-block; color:#000; font-size:2.7em; width:60px; vertical-align:top}
.alertBox ul{display:inline-block; width:68%}
.alertBox ul li{display:block; font-size:0.8125em; display:none}
.alertBox ul li:first-child{display:block}
.alertBox ul li a, .claimForm .alertBox p a{color:#000; font-weight:700}
.alertBoxTitle{display:block; font-size:1.2em; font-weight:700; padding-bottom:5px; letter-spacing:-0.05em}
.alertBox .btn{border-color:#ad922b; float:right}

.statistics{text-align:center;background-color:#efefef; margin:12px 12px 0; padding:30px 0}
.statistics h3{font-size:0.8125em}
.statisticsNumbers{text-align:center; font-size:0.8125em; margin-top:50px}
.statisticsNumbers li{display:inline-block; width:220px; line-height:1em; padding:0 10px}
.statisticsNumbers li span{display:block; font-size:3.7em; font-weight:800; line-height:1.2em}
.statisticsGraphics{min-height:400px;text-align:center; width:960px; margin:0 auto; position:relative}

.statisticsGraphicsBox{position:relative;float:left;width:320px;padding:40px 60px 10px}
.statisticsGraphicsBox:after{border-right:1px solid #fff; content:""; height:330px; position:absolute; right:0; top:45px}
.statisticsGraphicsBox:last-child:after{display:none}
.titleChart{display:block; position:absolute; width:135px; height:80px; text-align:center; font-size:0.875em; top:140px;left:93px; z-index:10}
.titleChart span:nth-child(1){display:block; font-weight:800; font-size:2.15em; letter-spacing:-0.02em; line-height:1em}
.titleChart span:nth-child(2){display:block; font-weight:700; font-size:1.285em; line-height:1em}

.statisticsGraphicsItem{ position:relative; z-index:20}
.statisticsText{text-align:center; font-size:0.6875em; color:#777; display:block; padding:45px 10px 20px}
.statisticsGraphicsLeg{margin:0 -50px; text-align:left}
.statisticsGraphicsLeg li{font-size:0.75em; display:inline-block; text-align:center; width:32%}
.statisticsGraphicsLeg.legend4 li{width:48%; text-align:left}
.statisticsGraphicsLeg li:before{width:7px; height:7px;border-radius: 50%; content:""; display:inline-block;margin-right:5px}
.statisticsGraphicsLeg li.legendRed:before{background-color:#ed1c24}
.statisticsGraphicsLeg li.legendWhite:before{background-color:#FFFFFF}
.statisticsGraphicsLeg li.legendYellow:before{background-color:#f8d13d}
.statisticsGraphicsLeg li.legendOrange:before{background-color:#f8923d}

.caseInPoint{background-color:#f8d13d; margin:12px 12px 0; padding:60px 0; text-align:center}
.caseInPoint h2, .statistics h2{text-transform:uppercase; font-size:0.875em; font-weight:700; padding-bottom:10px}
.caseInPoint ul li{display:none}
.caseInPoint ul li:first-child{display:block}
.caseInPoint h3{font-size:2em; font-weight:700; padding-bottom:25px; letter-spacing:-0.05em; line-height:1em}
.caseInPoint p{font-size:0.875em; line-height:1.4em; padding-bottom:20px}
.caseInPoint .btn{border-color:#000; padding:10px 40px}

/*Noticias*/
.newsIntro{padding:50px 0;text-align:center; margin:0 12px}
.newsIntro h2{text-transform:uppercase; font-size:0.875em; font-weight:700}
.newsIntro ul{margin:35px 0 50px; position:relative; text-align:left}
.newsIntro ul:before{content:"";border-left:1px solid #efefef; position:absolute; top:0;left:50%; height:100%;display:block}
.newsIntro ul li, .listItens ul li{display:inline-block; width:49.7%; overflow:hidden; vertical-align:top;position:relative; padding:35px 0 4px}
.newsIntro ul li .newsIntroPic img, .listItens ul li .newsIntroPic {display:block; width:96px; height:92px; position:absolute; top:39px; left:0}
.newsIntro ul li .newsIntroPic ~ .newsIntroText, .listItens ul li .newsIntroPic ~ .newsIntroText{margin-left:115px; min-height:92px}
.newsIntro ul li:nth-child(2n+1){padding-right:3%}
.newsIntro ul li:nth-child(2n+2){padding-left:3%}
.newsIntro ul li:nth-child(2n+2) .newsIntroPic img{left:6%}
.newsIntro ul li:nth-child(1), .newsIntro ul li:nth-child(2){padding-top:0}
.newsIntro ul li:nth-child(1) .newsIntroPic img, .newsIntro ul li:nth-child(2) .newsIntroPic img{top:4px}
.newsIntro ul li h3 a, .listItens ul li h3{font-weight:700; color:#000; line-height:1.2em}
.newsIntro ul li h3 a:hover{text-decoration:underline}
.newsIntro ul li p, .listItens ul li p{font-size:0.8125em; line-height:1.2em; padding-top:5px}

.newsInt{background-color:#efefef}

.listItens.container{padding:0}
.listItens ul li {display:block;width:100%;border-top:1px solid #efefef;padding:0}
.listItens ul li .newsIntroPic{top:25px; left:20px}
.listItens ul li a{padding:25px 20px; display:block}
.listItens ul li a:hover{background-color:#f8d03d}
.listItens ul li a small{display:block; color:#7f7f7f; font-size:0.8125em; padding-top:5px}

.sectionHeaderFilter{position:relative}
.sectionHeaderFilter .sectionHeaderTitle{float:left; width:85%}
.listFilter{position:absolute; width:15%;right:0; bottom:-1px; z-index:20}
.listFilter .defaultSelect{border:none; border-bottom:#000 1px solid;background-image:url(../img/img_arrow_down_b.svg)}
.listFilter .defaultSelect select, .listFilter .defaultSelect select option {color:#000; font-size:0.8125em}

.listSearchForm, .listSearchMemberForm{background-color:#f7f7f7; padding:25px 20px; margin-top:20px; overflow:hidden}
.listSearchForm input, .listSearchMemberForm input{float:left; width:93%; margin-right:2%; height:43px; font-size:1em}
.listSearchMemberForm .formClmn{width:45.5%; margin-right:2%; float:left}
.listSearchMemberForm input{width:100%; margin:0}
.listSearchMemberForm .defaultSelect{padding:8px 0}
.listSearchFormGo, .listSearchMemberFormGo{float:left; width:5%; font-size:2.25em}
.listSearchForm ~ .listItens ul li:first-child, .listSearchMemberForm ~ .listItens ul li:first-child{border:none}
.listSearchMemberForm span.showError{margin-top:0; padding:10px 0 0 0; clear:both}

.searchTerm{border-bottom:2px solid #f1aa0f}
.listItens a .searchTerm{border-bottom:2px solid #f1aa0f}
.listItens a:hover .searchTerm{border-bottom-color:#fff}
.listItens .showListMemberInfo a:hover .searchTerm{border-bottom:2px solid #f1aa0f}

.listMember{margin-top:10px}
.listMember ul li{position:relative} 
.listMember ul li .icon-arrow-down, .claimMoreBtn .icon-arrow-down{position:absolute; top:35px; right:30px; font-size:1.5em; font-weight:bold; color:#000;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)} 
.listMember ul li .listMemberIntro{padding-right:70px}
.listMember ul li h3{font-weight:400; text-transform:uppercase; font-size:0.8125em; padding-bottom:2px}
.listMember ul li h4{color:#000; font-weight:700; line-height:1.5em}
.listMemberInfo{overflow:hidden; max-height:0;-webkit-transition:all 900ms ease; transition:all 900ms ease}
.showListMemberInfo{background-color:#f7f7f7}
.showListMemberInfo .listMemberInfo{max-height:500px;-webkit-transition:all 900ms ease; transition:all 900ms ease}
.showListMemberInfo .listMemberIntro:hover{background-color:#f7f7f7}
.listItens .listMemberInfo p{float:left; width:34%; border-left:1px solid #d2d2d2; padding:0 2% 4px; line-height:1.4em; min-height:40px; margin:20px 0; display:none}
.listItens .showListMemberInfo .listMemberInfo p{display:block}
.listMemberInfo p:first-child{border:none; padding-left:20px}
.listMemberInfo p:nth-child(2), .listMemberInfo p:nth-child(4){width:15%; text-align:right}
.listItens ul li p a{padding:0; display:inline; color:#000}
.listItens ul li p a:hover{background-color:transparent; text-decoration:underline}
.listMember ul li.showListMemberInfo .icon-arrow-down, .claimMoreBtnOpened .icon-arrow-down{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg); color:#d2d2d2} 

/* artigo */
.articleHeader, .notTitle{background-color:#000; color:#fff; min-height:53px}
.articleHeader h2, .notTitleText{line-height:53px; border-bottom:5px solid #fff; text-transform:uppercase; font-size:0.8125em; font-weight:700; display:inline-block}
a.notTitleText{color:#fff}

.breadcrumbs{margin:0 auto; padding:20px 10px; font-size:0.75em}
.breadcrumbs a{color:#000}
.breadcrumbs span{margin:0 5px}

.articleMain>.container{margin:40px auto 60px}
.listPage>.container{margin:0 auto; clear:both; padding:40px 0 60px}
.circleBtn{float:right; margin:0 0 20px 20px; position:relative;text-transform:uppercase; font-size:0.6875em}
.circleBtn:before{height:42px;left:8px;top:0px;width:42px}
.circleBtn:after{height:34px;left:12px;top:4px;width:34px}
.circleBtn [class^="icon-"]{display:block; text-align:center; font-size:1.5em; width:42px; height:42px;text-align:center;z-index:9; line-height:42px; position:relative; color:#000; margin-left:8px}
a.circleBtn:hover [class^="icon-"]{color:#fff}
.circleBtnText{display:block; padding-top:10px; text-align:center}
.downloadBtn{font-size:1.02em; }

.articleMain h2{font-size:2em;font-weight:700; line-height:1.2em; letter-spacing:-0.05em; padding-bottom:5px}
.articleMain h3{font-weight:700;font-size:1.5em;letter-spacing: -0.05em;padding-bottom:10px;}
.articleMain h4{font-weight:700; padding-bottom:10px}
.articleMain small{font-size:0.8125em}

.articleContent{padding:0; line-height:1.5em; overflow:hidden}
.articleContent:after, .gallery h3:after, .articleLinkFooter h3:after, .articleLinkFooterList li:after{content:""; border-bottom:1px solid #d6d6d6; width:50px; display:block; margin-left:-5px}
.articleContent p{padding-bottom:25px}
.articleContent ul li{padding:0 0 25px 30px; position:relative}
.articleContent ul li:before{content:""; display:block; height:6px; width:6px; border-radius:50%; background-color:#ed1c24; position:absolute; top:8px; left:8px}
.articleContent table{margin:10px auto 25px; }
.articleContent table th{border:1px solid #d6d6d6; background-color:#000; color:#fff; font-size:0.8125em; font-weight:700; padding:8px 20px; vertical-align:middle}
.articleContent table td{border:1px solid #d6d6d6; text-align:center; font-size:0.8125em; padding:8px 20px; vertical-align:middle}
.articleContent table tr:nth-child(2n+1){background-color:#f7f7f7}
.articleContent ol{list-style:decimal; margin-left:30px}
.articleContent ol li{padding:0 0 25px 10px;}
.articleContent a{color:#656464}
.articleContent a:hover{ text-decoration:underline}
.articleContent img{margin:20px 0}
.articleContent figure.left img, .articleContent img.left{margin:0 20px 0 0; float:left}
.articleContent figure.right img, .articleContent img.right{margin:0 0 0 20px; float:right}
.articleContent figure figcaption{ font-size:0.75em; color:#878787; clear:left; width:100%; padding-bottom:20px}
.articleContent figure.right figcaption{ text-align:right; float:right}
.articleContent figure.left figcaption{float:left}


.pageSubMenu .articleContent h3, .listMenu h3{text-align:center; padding-bottom:20px}
.pageSubMenu .articleContent{border-bottom: 1px solid #EFEFEF; padding-bottom:30px}
.pageSubMenu .articleContent:last-child{border-bottom:none}
.pageSubMenu .container{margin-top:0}

.gallery{margin-top:60px}
.gallery h3, .articleLinkFooter h3{text-transform:uppercase; font-weight:700; font-size:0.875em; padding-bottom:20px}
.gallery h3:after, .articleLinkFooter h3:after{padding-bottom:20px}
.gallery ul li{display:inline-block; margin:0 8px 10px 0}
.gallery ul li a{display:block; border:1px solid #d6d6d6; position:relative}
.gallery ul li a:hover{border-color:#707070 }
.gallery ul li a img{display:block}
.gallery ul li a .icon-play{position:absolute; left:0; right:0; margin:0  auto; top:30%; color:#fff; border:4px solid #fff; display:inline-block; border-radius:50%; width:48px; height:48px; line-height:42px; text-align:center; font-size:1.8em}
.galleryFull ul li{background-position:center; background-repeat:no-repeat;-webkit-background-size:cover;-moz-bacground-size:cover;-o-background-size:cover;background-size:cover}
.galleryFull1{background-image:url(http://www.arbitragemauto.pt/html/img/content/img_brandarea_00.jpg)}
.galleryFull2{background-image:url(http://www.arbitragemauto.pt/html/img/content/img_brandarea_01.jpg)}
.galleryFull3{background-image:url(http://www.arbitragemauto.pt/html/img/content/img_brandarea_02.jpg)}
.galleryFull4{background-image:url(http://www.arbitragemauto.pt/html/img/content/img_brandarea_03.jpg)}
.galleryFull ul li a{display:inline-block; border:none}
.galleryFull .swiper-button-next,.galleryFull .swiper-button-prev{background-size:15px 26px;height:26px;width:15px;top:50%}
.galleryFull .swiper-button-prev{left:5%}
.galleryFull .swiper-button-next{right:5%}

.articleLinkFooter{margin:40px 12px 0}
.articleLinkFooterList li{display:block; position:relative; padding:0 0 20px 70px}
.articleLinkFooterList li:after{padding-bottom:20px; margin-left:-75px}
.articleLinkFooterListLink{color:#000; font-size:0.8125em}
.articleLinkFooterListLink span{display:block; font-weight:700; font-size:1.38em; line-height:1em}
.articleLinkFooterListIcon{position:absolute; top:-4px; left:-28px}

/*Sections*/
.sectionHeader{padding:0 20px}
.sectionHeaderTitle{font-size:2em; font-weight:700; letter-spacing:-0.05em; line-height:1em; padding-bottom:10px}
.sectionHeaderText p{font-size:0.8125em; line-height:1.3em}

.paging {margin-top:10px}
.paging ul li{display:inline-block}
.paging ul li a{display:inline-block;border:1px solid #efefef; height:35px; min-width:35px; text-align:center; line-height:33px; font-weight:700; font-size:0.8125em}
.paging ul li a:hover, .paging ul li a.selected{background-color:#000; color:#fff}

.tools{float:right}
.tools .locationBtn .icon-location-arrow{margin-left:18px;line-height:44px; font-size:1.7em}
.tools .locationBtn:before{left:18px}
.tools .locationBtn:after{left:22px}
.tools .markerBtn .circleBtnText{padding-left:8px}
.tools .markerBtn .icon-location-marker{font-size:2.25em}
.tools .markerBtn{margin-left:10px}
.tools .downloadBtn{font-size:0.6875em}
.tools .downloadBtn .icon-download{ font-size:1.8125em}
.tools .downloadBtn .circleBtnText{padding-left:10px}

/*Contactos*/
.contantContent{clear:both; overflow:hidden;padding-top:20px}
.contacts .sectionHeader, .formPage .sectionHeader{float:left; width:72%; padding-top:40px}
.contacts .tools, .formPage .tools{width:27%; padding-top:40px}
.contacts h3{text-transform:uppercase; font-size:0.875em; font-weight:700; padding-bottom:20px}
.contactInfo{float:left; width:30%; background-color:#f8d03d; padding:25px 20px; min-height:540px}
.contactInfo h4{padding-bottom:10px; font-weight:700; line-height:1.25em}
.contactInfo p{font-size:0.8125em; padding-bottom:10px; line-height:1.5em}
.contactInfo a{color:#000}
.contactForm{float:left; width:69%; margin-left:1%; text-align:center; padding-bottom:40px; position:relative}
.contactFormBG{background-color:#f7f7f7; padding:25px 20px 5px; min-height:540px; text-align:left}
.contactForm label{display:block; font-size:0.8125em; padding-bottom:10px; clear:both}
.contactForm input, .contactForm textarea{display:block; width:100%; margin-bottom:20px}
.contactForm .formClmn{float:left; width:30.33333333%}
.contactForm .formClmnM{margin:0 4.5%}
.fieldsRequired{color:#888}
.error{display:none}
span.error{max-height:0; overflow:hidden; padding-bottom:0}
.showError{display:block}
input.showError, textarea.showError, .defaultSelect.showError{border-color:#ed1c24; outline:1px solid #ed1c24}
span.showError{color:#ed1c24; font-size:0.75em; margin-top:-15px; padding-bottom:15px; max-height:40px}
.fieldsRequiredText{position:absolute; font-size:0.6875em; color:#888; bottom:50px; right:5px}
.contactForm .contactFormSendBtn{margin-top:25px; background-color:#ed1c24; border-color:#ed1c24; color:#fff}
.contactForm .contactFormSendBtn:hover{background-color:#fff; color:#ed1c24}

.mapArea{height:450px; width:100%}
.mapArea iframe{margin-top:-5px}
.mapArea img{ max-width:none}

.contactHowToGetThere{padding:20px}

.popBoxContentTop, ul.howToGetThereListTop{border-bottom:1px solid #efefef}
.popBoxContentTop .circleBtn {float:left;margin:0 0 20px 0px}
.popBoxContentTop .circleBtn:before, .popBoxContentTop .circleBtn:after{z-index:1}
.popBoxContentTop .locationBtn .icon-location-arrow{font-size:1.7em;line-height:44px}
.popBoxContentTop .markerBtn .icon-location-marker{font-size:2.5em;line-height:44px}
.popBoxContentTop h3{font-size:1.5em; text-transform:none; padding:15px 0 25px 70px}
.popBoxContentTopBottom{width:100%;overflow:auto}

.contactHowToGetThere h4{font-size:0.8125em; font-weight:700; text-transform:uppercase;padding:20px 10px 0}

ul.contactHowToGetThereList{padding:20px 5px; font-size:0.8125em}
ul.contactHowToGetThereList>li{position:relative; padding:10px 0 10px 70px}
ul.contactHowToGetThereList li [class^="icon-"]{position:absolute; left:0; top:10px; background-color:#efefef; border-radius:50%; display:inline-block; height:44px; line-height:42px; width:44px; text-align:center; font-size:1.7em}
ul.contactHowToGetThereList li ul li{padding:15px 0 0 10px}
ul.contactHowToGetThereList li ul li:before{width:5px; height:5px; background:#969696; border-radius:50px; content:""; display:inline-block; margin :0 5px 0 -10px}
.howToGetThereListM{margin-left:20px}

.popBox.contactMap .popBoxContent{display:none}
.popBox.contactHowToGetThere .popBoxContent{display:none}

.claimForm{clear:both; padding:10px 0 40px; text-align:center; position:relative}
.claimForm fieldset{background-color:#f7f7f7; margin-top:10px; padding:25px 0 25px 20px; text-align:left}
.claimForm fieldset h3{font-weight:700; font-size:0.875em; text-transform:uppercase; letter-spacing:-0.05em; float:left}
.claimForm fieldset h4{font-weight:700; font-size:0.875em; padding-bottom:20px}
.claimFieldsetInline{float:left; width:25%; height:33px; line-height:33px}
.claimHelp{float:left; position:relative}
.claimHelpLink{background-color:#888; border-radius:50%; padding:4px 2px; color:#f7f7f7; font-size:0.75em; line-height:0.75em; float:left; margin:-1px 0 0 8px}
.claimHelpLink:hover{background-color:#29abcc}
.tooltip{position:absolute; display:none; background-color:#000; color:#fff; font-size:0.8125em; padding:30px 20px; bottom:28px;left:-170px; min-width:400px; line-height:16px}
.tooltip:after{width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #000; position:absolute; bottom:-6px;content:""; display:block; left:45%}
.claimHelp:hover .tooltip{display:block}
.tooltipTitle{display:block; font-weight:700}
.claimForm .formLine{padding-top:25px}
.claimForm [class^="formClmn_"]{float:left; padding-right:20px}
.claimForm .formClmn_L{width:50%}
.claimForm .formClmn_S{width:25%}
.claimForm .formClmn_XS{width:15%}
.claimForm .formClmn_M{width:35%}
.claimForm .formClmn_XL{width:75%}
.claimForm .formLineL{padding-right:20px}
.claimForm label{display:block; font-size:0.8125em; padding-bottom:7px}
.claimForm input[type="text"]{width:100%}
.claimForm textarea{min-height:70px}
.claimForm .defaultSelect{padding:5px 0; background:#fff url(../img/sprite_form.svg) no-repeat 98% -117px}
.claimForm .defaultSelect select{font-size:0.8125em;  padding:0 6px 0 0}
.claimForm .defaultSelect select option{padding:0 5px}
.claimFieldsetInline .claimHelpLink{margin-top:7px}
.claimMoreBtn{float:right; position:relative; margin-right:20px}
.claimMoreBtn .icon-arrow-down{right:0;top:0}
.formHidden .formLine{display:none}
.formShow .formLine{display:block}
.formHidden{overflow:hidden; max-height:0;-webkit-transition:all 900ms ease; transition:all 900ms ease}
.formShow{max-height:1500px;-webkit-transition:all 900ms ease; transition:all 900ms ease}
.calendar{background:#fff url(../img/sprite_form.svg) no-repeat 95% -91px}
.claimFormText{font-size:0.8125em; margin-right:10px}
.claimForm input[type="radio"]{display:inline-block; vertical-align:middle; margin-left:20px}
.claimForm input[type="radio"] ~ label, .claimForm input[type="checkbox"] ~ label{display:inline-block}
.formClmnAlin{margin-left:10%}
.labelInline{float:left!important}
.attachFile p{display:block;font-size:0.8125em; clear:both; padding:0 20px 20px 0}
.claimSuccess .btn{background-color:#000; color:#fff}
.claimSuccess .btn:hover{background-color:transparent; color:#000}
.fileupload{position: relative;overflow: hidden;cursor: pointer;display: inline-block;}
.fileupload input{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter: alpha(opacity=0); letter-spacing:-0.05em; height:100%}

.uploadLine{border-top: 2px solid #fff; margin-left:-20px; margin-top:20px; padding:25px 20px 5px 87px; position:relative; overflow:hidden; min-height:69px}
.uploadLine img{position:absolute; top:25px; left:20px; width:47px; height:44px}

.uploadLineFile{float:left; font-size:0.8125em; width:60%; font-weight:700; padding-top:4px}
.uploadLineFile span{display:block; color:#ed1c24}
.uploadLineFileSize{float:left; font-size:0.8125em; width:25%; padding-top:4px; color:#979797}
.uploadLineFileBtn{float:left; width:15%}
.uploadLineFileBtn button{display:block; text-align:center; padding:10px; background-color:#ed1c24; font-size:0.8125em; color:#fff; font-weight:700; text-transform:uppercase; cursor:pointer; width:100%}


.claimForm fieldset ul li{display:inline-block; width:36%}
.claimForm fieldset ul li a{color:#000; font-weight:700; font-size:0.815em}
.claimForm fieldset ul li:last-child{width:24%}
.claimForm fieldset ul li a .icon-arrow-right{vertical-align:middle; font-weight:900}
.claimForm input[type="checkbox"]{height:auto; margin:0 5px 0 0; padding:0; vertical-align:middle}
.claimForm input[type="checkbox"] ~ label{font-weight:700}
.claimFormSmall{color:#878787; font-weight:400}
.claimFormSendBtn{margin-top:25px}
.claimFormSendBtn{background-color:#ed1c24; color:#fff;border-color:#ed1c24}
.claimFormSendBtn:hover{background-color:transparent; color:#ed1c24;border-color:#ed1c24}

.claimForm .fieldsRequiredText{left:0;right:auto}
.claimForm .radioReplacement{margin:0 10px 0 5px}
.claimForm span.showError{padding:5px 0 0 0; margin:0}

.claimForm .alertBox{margin:12px 0 0; text-align:left; padding:25px 20px; position:relative}
.claimForm .icon-warning{position:absolute; top:22px; left:20px}
.claimForm .alertBox p{font-size:0.8125em; padding-left:60px}

.claimSuccess{ overflow:hidden; padding:25px 0 200px; clear:both; }
.claimSuccess .sectionHeader{width:100%}
.claimSuccess .sectionHeaderText p{ padding-bottom:25px}
.claimSuccessBtnMore{ font-weight:700;color:#000; text-transform:uppercase; font-size:0.8125em; padding-left:20px}

/*Calendario*/
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,  .ui-corner-left, .ui-corner-bl, .ui-corner-top,  .ui-corner-tr, .ui-corner-tl{ border-radius:0!important}
.ui-widget-content {background-image:none!important; background-color:#fff!important}
.ui-widget-header {border-color:#000!important;background-image:none!important; background-color:#000!important}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border-color:#eee!important;background-image:none!important; background-color:#eee!important}
.ui-state-default{color:#888!important}
.ui-state-highlight{color:#000!important}
.ui-state-active{color:#eb8f00!important}
.ui-state-hover{color:#ed1c24!important}
.ui-datepicker-next-hover, .ui-datepicker-prev-hover{background-image:none!important; background-color:#fff!important; border-color:#fff!important; top:3px!important}
.ui-datepicker-next-hover{ right:3px!important}
.ui-datepicker-prev-hover{left:3px!important}


/*Página Canal*/

.intTeaser{text-align:center; color:#fff;width:100%;height:413px;background-position:center; background-repeat:no-repeat;-webkit-background-size:cover;-moz-bacground-size:cover;-o-background-size:cover;background-size:cover; background-image:url(../img/content/img_brandarea_00.jpg);/* margin-top:-4px;*/ position:relative; z-index:9}
.intTeaser h2{font-size:2.25em;max-width:700px;margin:0px auto;line-height:1.1em;font-weight:700; padding:166px 2%}
.intShortcutMenu{height:90px;margin-top:-30px; margin-bottom:-30px}
.intShortcutMenu ul{display:block; text-align:center; overflow:hidden}
.intShortcutMenu ul li{display:inline-block; width:24%; max-width:320px}
.intShortcutMenu ul li a{color:#fff;background-color: #ED1C24; display:block; padding:23px 5px 22px; text-transform:uppercase; font-weight:700; font-size:0.875em; position:relative; z-index:20}
.intShortcutMenu ul li a:hover{background-color:#231F20}

@media only screen and (min-width:980px){
.intShortcutMenu ul.fixedHeader{position:fixed; top:0; width:100%; left:0;margin:0; z-index:9999}
}
.anchor{padding-top:72px}


/*.sectionPage .articleContent{padding-top:30px}*/
.articleContent ul.listMenu li:before{display:none}
.articleContent ul.listMenu li{margin-bottom:50px; padding:0}
.articleContent ul.listMenu li a{color:#000;background-color:#f7f7f7; padding:30px 30px 5px; display:block}
.articleContent ul.listMenu li a:hover{background-color:#f8d03d; text-decoration:none}
.articleMain .articleContent ul.listMenu li a h3{font-size:1.25em}
.articleMain .articleContent ul.listMenu li a p{font-size: 0.875em}
.sectionPage .articleContent:after{display:none}


.timeline{width:100%; padding-right:120px}
.timelineDate{border-bottom:1px solid #333; position:relative; height:53px;overflow:hidden}

.timelineDatePrev, .timelineDateNext{position:absolute; font-weight:bold; font-size:0.75em; color:#333; background-color:#fff; display:inline-block; top:0; height:52px; line-height:52px; width:25px; text-align:center; z-index:20}
.timelineDatePrev{left:0}
.timelineDateNext{right:0}
.timelineDateEnd{color:#d6d6d6}

.timelineDate ul{position:absolute; height:53px; overflow:hidden; top:0; left:25px; z-index:10}
.timelineDate ul li{float:left; height:53px; line-height:53px}
.timelineYear{display:inline-block; font-size:1.25em; font-weight:700; position:relative; margin-right:14px; line-height:47px}
.timelineYear:after{position:absolute; border-left:1px solid #333; height:12px; margin:0 auto; bottom:-5px; left:0; right:0; width:1px; content:""}
.timelineEvent{background-color:#FFF; border:3px solid #ed1c24; border-radius:50%; display:inline-block; width:15px; height:15px; margin-right:14px}
.timelineEvent:hover,.timelineEvent.selected{background-color:#ed1c24}

.timelineContent{padding-top:45px}
.timelineContent li{display:none; line-height:1.4em}
.timelineContent li:first-child{display:block}
.timelineContent li h3{ font-size:1em}






@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .casaLogo{background-image:url(../img/logo_casa_high.png);background-size:310px 60px}
	.mainFooterDown .mainFooterCredits a{background-image:url(../img/logo_oceanlab_high.png);background-size:105px 23px}
}

@media only screen and (max-width:1380px){
	.shortcutMenu ul li:last-child{border-right:none}
	.shortcutMenu ul li:first-child{border-left:none}
	.shortcutMenu ul li a{padding:20px 25px 20px}
	.shortcutMenu ul li [class^="icon-"]{right:15px; top:13px; font-size:2.5em}
	.shortcutMenu ul li span.icon-user{font-size:1.5em; top:22px}
}

@media only screen and (max-width:1180px){
	.searchForm{margin:-19px 15px 0 0;padding-right:10px}
	.mainNav > ul.mainNavMenu{margin-right:0}
	.mainNav ul.mainNavMenu li a, .mainNav ul.mainNavMenuUp li a{margin:0 4px}
	.mainNav ul.mainNavMenu li.mainNavMenuDown a{letter-spacing:-0.02em}
	.mainNav ul.mainNavMenuUp{margin-right:108px}
	.shortcutMenu ul li h3{font-size:1em;padding-bottom:6px}
	.shortcutMenu ul li [class^="icon-"]{font-size:2.25em;top:10px}
	.shortcutMenu ul li span.icon-user {top:18px}
	.tooltip{left:-10px}
	.tooltip:after{ left:5%}
	
}

@media only screen and (max-width:980px){
	.searchForm{margin-top:0}
	.mainHeader .fabebookLink, .popBoxCloseBtn, .galleryThumbnail{display:none}
	.navClose, .navMobile{display:none; float:right; font-size:2.5em; height:42px; text-align:center;margin:25px 35px 0 0; width:40px; padding-left:20px; line-height:1em; border-left:1px solid #d9d9d9; color:#000}
	.navClose {font-weight:700; padding-left:25px}
	.navOn{display:block}
	
	.mainNav{background-color:#000;position:absolute; left:0; top:95px; z-index:99; padding-top:0;display:none; width:100%}
	.mainNav.menuOpen{display:block}
	
	.mainNav ul.mainNavMenu, .mainNav.menuOpen .mainNavMenu li{float:none; display:block; width:100%; text-align:left; margin-top:0}
	.mainNav ul.mainNavMenu li a{color:#fff; display:block!important; border-bottom:1px solid #484848;padding:15px 10px 15px!important; margin:0}
	/*.mainNav ul.mainNavMenu li .mainSubNav, .mainNav ul.mainNavMenuUp .mainSubNav{display:none}*/
	.mainNav ul.mainNavMenu li .mainSubNavOpened, .mainNav ul.mainNavMenuUp li .mainSubNavOpened{display:block!important}
	.mainNav ul.mainNavMenu li .mainSubNav ul li a, .mainNav ul.mainNavMenuUp .mainSubNav ul li a{background-color:#262626; padding-left:20px!important; display:block; border-color:#1b1b1b}
	.mainNav ul.mainNavMenu li .mainSubNav ul li ul li a, .mainNav ul.mainNavMenuUp .mainSubNav ul li ul li a{background-color:#4b4b4b; padding-left:40px!important; display:block; border-color:#343434}
	
	.mainNavMenuDown a:after{display:none}
	.mainNav ul.mainNavMenuUp {position:static; margin:0}
	.mainNav ul.mainNavMenuUp li{display:block; text-align:left}
	.mainNav ul.mainNavMenuUp li a {font-size:0.8125em; color:#fff;border-bottom:1px solid #484848;padding:15px 10px 15px; display:block; margin:0}
	.mainNav ul.mainNavMenuUp li:last-child a{border:none}
	.mainNav ul.mainNavMenuUp .mainSubNav ul li a{ padding-top:15px; padding-bottom:15px}
	
	.searchForm{float:none; width:100%; border:none; background-color:#efefef; position:relative}
	.searchForm .searchInput{display:block; height:45px;position:static;width:100%; padding:0 50px 0 10px; background-color:transparent; border:none}
	.searchForm .searchFormGo{background-color:transparent;float:none; position:absolute; top:5px; right:5px;font-size:2em}
	
	.teaser .swiper-button-prev{left:3.8%}
	.teaser .swiper-button-next{right:3.8%}
	.teaser ul li{padding:120px 8%}
	.teaser ul li span{font-size:1.85em}
	
	.shortcutMenu{height:240px}
	.shortcutMenu ul li{width:50%; border-bottom:1px solid #fff}
	.shortcutMenu ul li:nth-child(2n+2){border-right:none}
	.shortcutMenu ul li h3{font-size:1.125em;padding:0 60px 10px 0}
	.shortcutMenu ul li p{font-size:0.8125em}
	.shortcutMenu ul li [class^="icon-"]{right:15px; top:13px; font-size:2.5em}
	.shortcutMenu ul li span.icon-user{font-size:1.5em; top:22px}
	
	.alertBox{text-align:center; position:relative; padding:25px 15px}
	.alertBox ul{width:100%; text-align:left; padding:0 50px 20px 0}
	.alertBox .icon-warning{position:absolute; top:25px; right:20px}
	.alertBox .btn{float:none}
	
	.newsIntro ul li{display:block; width:100%}
	.newsIntro ul li:nth-child(2n+1), .newsIntro ul li:nth-child(2n+2), .newsIntro ul li:nth-child(2){padding:35px 0 4px}
	.newsIntro ul li:nth-child(1){padding-top:0}
	.newsIntro ul li:nth-child(2) .newsIntroPic img{top:39px}
	.newsIntro ul li:nth-child(2n+2) .newsIntroPic img{left:0}
	.newsIntro ul:before{display:none}
	
	.statisticsGraphics{min-height:780px;width:auto; text-align:center}
	.statisticsGraphicsBox {float:none; display:inline-block;margin:0; border-bottom:1px solid #fff; padding-bottom:40px}
	.statisticsGraphicsBox::after{border-right:none}
	
	.facebookLikeBtn{display:none!important}
	.mainFooterUpFaceText{width:88%;padding-top:10px}
	.mainFooterDown ul, .mainFooterDown .mainFooterCopy, .mainFooterDown .mainFooterCredits{width:100%; float:none; padding-bottom:30px; display:block}
	.mainFooterDown ul li{width:48%; display:inline-block; margin-right:1%}
	.mainFooterCredits{margin-top:0}
	.subjects, .competency{float:none;width:auto; padding:0 15px; margin-right:0}
	.competency{margin-top:25px; border-top:1px solid #fff; padding-top:30px}
	
	.popBox .galleryFull{height:360px}
	.articleContent table {width:100%}
	
	.articleContent table th, .articleContent table td{padding:4px 2px}
	
	.sectionHeaderFilter .sectionHeaderTitle{width:80%}
	.listFilter{width:20%}
	
	.contactInfo{width:100%; min-height:none}
	.contactForm{width:100%; margin:20px 0 0 0}
	
	.listItens .listMemberInfo p{float:left; width:100%; text-align:left; border:none; margin:0 0 10px; padding-left:20px}
	
	.claimForm .formClmn_L{width:100%}
	.claimForm .formClmn_S{width:50%}
	.claimForm .formClmn_XS{width:30%}
	.claimForm .formClmn_M{width:70%}
	.claimForm .formLine{padding-top:0}
	.claimForm label{padding-top:25px}
	.claimFieldsetInline{ width:100%}
	.claimForm fieldset h4{padding:20px 0 0}
	.claimFormText{ display:block; padding:25px 20px 10px 0}
	.checkboxReplacement > label, .radioReplacement > label{padding-top:0}
	.claimForm fieldset ul li, .claimForm fieldset ul li:last-child{display:block;width:100%; padding-bottom:20px}
	.claimForm fieldset ul{ margin-bottom:-20px}
	.claimHelpM{ margin-top:25px}
	.swiper-slide iframe{width:100%; height:100%}
	
	.singleMenu{ padding-top:20px; overflow:hidden}
	.singleMenu ul li a{ padding:0 0 5px 0}
	.singleMenu ul li a:before{ content:""; float:left;width: 0;height: 0;border-top:3px solid transparent;border-left: 4px solid #474747;border-bottom: 3px solid transparent; margin:5px 8px 0 0 }
	
	.intShortcutMenu ul li{width:49%; margin-bottom:5px}
	.intTeaser{margin-top:0}
	
	.pageSubMenu .container, .listMenu{margin-top:80px}
	
}


@media only screen and (max-width:580px){
	.mainHeader{min-height:70px}
	.casaLogo{background-image:url(../img/logo_casa_mobile.png);height:41px;width:210px;margin-top:13px}
	.navMobile, .navClose{margin:18px 0 0 0; width:35px; height:42px; border-left:1px solid #d9d9d9; text-align:center;font-size:2em; padding:6px 0 0 5px}
	.mainNav{top:70px}
	
	.teaser ul li{padding:60px 12% 0; height:250px}
	.teaser ul li span{font-size:1em}
	.teaser .swiper-pagination{bottom:15px}
	.teaser ul li .btn{font-size:0.75em}
	
	.shortcutMenu{margin:0; height:auto}
	.shortcutMenu ul li{border-left:none;width:100%}
	.shortcutMenu ul li [class^="icon-"]{top:10px}
	.shortcutMenu ul li a{padding:20px}
	.subjects, .competency{padding:0 10px}
	.subjects p, .competency p{font-size:1em}
	.services, .alertBox, .statistics{margin:12px 0 0}
	.alertBox{padding:25px 10px}
	.selectSubjectForm .defaultSelect{width:100%}
	.defaultSelect select{padding:0 20px 0 5px; font-size:0.875em}
	.competency {padding-top:20px}
	.competency ul li a{font-size:0.875em}
	.statisticsGraphics{padding:0}
	.statisticsGraphicsItem{margin:-20px 0}
	.titleChart{top:125px}
	
	.mainFooterUpFaceText{width:76%;padding-top:4px}
	
	.mainFooterDown ul, .mainFooterDown .mainFooterCopy, .mainFooterDown .mainFooterCredits{width:100%; float:none; padding-bottom:20px; display:block}
	.mainFooterDown ul li{width:48%; display:inline-block; margin-right:1%}
	.mainFooterDown .mainFooterCredits{margin-top:0!important; padding:0!important}
	
	.popBox .galleryFull{height:250px}
	
	.sectionHeaderTitle, .sectionHeaderText p{padding-left:10px; padding-right:10px}
	.sectionHeaderFilter .sectionHeaderTitle{width:100%}
	.listFilter{width:100%; position:static; clear:both}
	.sectionHeader{padding:0}
	.articleMain>.container, .listPage>.container{margin:30px auto 60px}
	.listItens ul li a{padding:15px 10px}
	.listItens ul li .newsIntroPic{left:10px;top:15px}
	.listItens ul li .newsIntroPic ~ .newsIntroText{margin-left:110px}
	
	.listSearchForm, .listSearchMemberForm{margin:20px -10px 0;padding:20px}
	.listSearchForm input{width:84%}
	.listSearchFormGo{width:14%}
	
	
	.contactForm .formClmn {float:left;width:100%}
	.contactForm .formClmnM{margin:0}
	.fieldsRequiredText {position:static; display:block; text-align:left; padding-top:20px}
	
	.listSearchMemberForm .formClmn{width:76%; margin-right:6%}
	.listSearchMemberForm .formClmn:first-child{margin-right:0;width:100%; margin-bottom:20px}
	.listSearchMemberFormGo{width:35px}
	.listItens .listMemberInfo p{padding-left:10px; padding-right:10px}
	.listMember ul li .listMemberIntro{padding-right:30px}
	.listMember ul li .icon-arrow-down {right:10px;top:10px}
	
	.claimForm .formClmn_S, .claimForm .formClmn_M{width:100%}
	.claimForm .formClmn_XS{width:60%}
	.claimHelp{ position:static}
	.claimFieldsetTitle {position:relative}
	.formClmnAlin{ margin-left:0}
	.tooltip{ width:100%; left:-10px; min-width:0}
	.tooltip:after{display:none}
	.claimHelp:hover .tooltip{display:inline-block}
	.claimSuccessBtnMore{padding:25px 0 20px; display:block}
	.intShortcutMenu ul li{width:100%; margin-bottom:5px}
	
	.intTeaser{height:200px}
	.intTeaser h2{padding:70px 2%}
	
	.pageSubMenu .container, .listMenu{margin-top:200px}
	
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) and (max-width:580px){
   .casaLogo{background-image:url(../img/logo_casa_high.png);background-size:210px 41px}
}