html,button,input,select,textarea {color: #222;}
body {font-size: 1em;line-height: 1.0;width: 100%;height: 100%;min-height: 100%;}

::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}

hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}

.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}

.ir {background-color: transparent;border: 0;overflow: hidden;*text-indent: -9999px;}
.ir:before {content: "";display: block;width: 0;height: 150%;}
.hidden {display: none !important;visibility: hidden;}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}

.invisible {visibility: hidden;}

.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

@media print {
    * {background: transparent !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important;}
    a,a:visited {text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
    pre,blockquote {border: 1px solid #999;page-break-inside: avoid;}
    thead {display: table-header-group; /* h5bp.com/t */}
    tr,img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    @page {margin: 0.5cm;}
    p,h2,h3 {orphans: 3;widows: 3;}
    h2,h3 {page-break-after: avoid;}
}
	
@font-face {
    font-family: 'CLB';
    src: url('fonts/champagne__limousines_bold.eot');
    src: url('fonts/champagne__limousines_bold.svg#champagne__limousinesbold') format('svg'),
    	 url('fonts/champagne__limousines_bold.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/champagne__limousines_bold.ttf') format('truetype'),
         url('fonts/champagne__limousines_bold.woff') format('woff');         
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/opensans-regular.eot');
    src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular.woff') format('woff'),
         url('fonts/opensans-regular.ttf') format('truetype'),
         url('fonts/opensans-regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraBold';
    src: url('fonts/opensans-extrabold.eot');
    src: url('fonts/opensans-extrabold.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabold.woff') format('woff'),
         url('fonts/opensans-extrabold.ttf') format('truetype'),
         url('fonts/opensans-extrabold.svg#open_sans_extraboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/opensans-bold.eot');
    src: url('fonts/opensans-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold.woff') format('woff'),
         url('fonts/opensans-bold.ttf') format('truetype'),
         url('fonts/opensans-bold.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('fonts/opensans-semibold.eot');
    src: url('fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold.woff') format('woff'),
         url('fonts/opensans-semibold.ttf') format('truetype'),
         url('fonts/opensans-semibold.svg#open_sans_semiboldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway-regular.eot');
    src: url('fonts/raleway-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular.woff') format('woff'),
         url('fonts/raleway-regular.ttf') format('truetype'),
         url('fonts/raleway-regular.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RalewayThin';
    src: url('fonts/raleway-thin.eot');
    src: url('fonts/raleway-thin.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-thin.woff') format('woff'),
         url('fonts/raleway-thin.ttf') format('truetype'),
         url('fonts/raleway-thin.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RalewayMedium';
    src: url('fonts/raleway-medium.eot');
    src: url('fonts/raleway-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-medium.woff') format('woff'),
         url('fonts/raleway-medium.ttf') format('truetype'),
         url('fonts/raleway-medium.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RalewayExtraLight';
    src: url('fonts/raleway-extralight.eot');
    src: url('fonts/raleway-extralight.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-extralight.woff') format('woff'),
         url('fonts/raleway-extralight.ttf') format('truetype'),
         url('fonts/raleway-extralight.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RalewayLight';
    src: url('fonts/raleway-light.eot');
    src: url('fonts/raleway-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-light.woff') format('woff'),
         url('fonts/raleway-light.ttf') format('truetype'),
         url('fonts/raleway-light.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RalewaySemiBold';
    src: url('fonts/raleway-semibold.eot');
    src: url('fonts/raleway-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-semibold.woff') format('woff'),
         url('fonts/raleway-semibold.ttf') format('truetype'),
         url('fonts/raleway-semibold.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RalewayBold';
    src: url('fonts/raleway-bold.eot');
    src: url('fonts/raleway-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-bold.woff') format('woff'),
         url('fonts/raleway-bold.ttf') format('truetype'),
         url('fonts/raleway-bold.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	    font-family: 'RalewayBold';
	    src: url('fonts/raleway-bold.svg#ralewaybold') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
        font-family: 'RalewaySemiBold';
        src: url('fonts/raleway-semibold.svg#ralewaysemibold') format('svg');
        font-weight: normal;
        font-style: normal;
	}
  	@font-face {
	    font-family: 'OpenSans';
	    src: url('fonts/opensans-regular.svg#open_sansregular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'OpenSansExtraBold';
	    src: url('fonts/opensans-extrabold.svg#open_sans_extraboldregular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'OpenSansBold';
	    src: url('fonts/opensans-bold.svg#open_sansbold') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'OpenSansLightItalic';
	    src: url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
	    font-weight: normal;
	    font-style: normal;
	
	}

	@font-face {
	    font-family: 'OpenSansSemiBold';
	    src: url('fonts/opensans-semibold.svg#open_sans_semiboldregular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'Raleway';
	    src: url('fonts/raleway-regular.svg#ralewayregular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'RalewayMedium';
	    src: url('fonts/raleway-medium.svg#ralewaymedium') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'RalewayExtraLight';
	    src: url('fonts/raleway-extralight.svg#ralewayextralight') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'RalewayThin';
	    src: url('fonts/raleway-thin.svg#ralewaythin') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'OpenSansItalic';
	    src: url('fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
	    font-weight: normal;
	    font-style: normal;
	
	} 
}


#container {background: #eeeeee; position:relative;}
* {line-height: 1em;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
input:focus, textarea:focus, a:focus, button:focus {outline: none;}
a {text-decoration:none;}
.left {float:left !important;}
.right {float:right !important;}
h1, h2, h3, h4, h5, h6 {font-weight:normal!important; line-height:1.000em; margin:0; padding:0;}

body > header {position:relative;z-index:99; width:100%; background:#fff; height:100px; overflow:hidden;}
body > header > .container {margin: 0 auto; max-width:1060px;padding:0px 28px; position:relative;}
body > header > .container > .left {margin-top:37px;}
body > header .topcontainer > ul {list-style:none; height:30px; width:auto; padding:0;  margin:0 -10px 0 0;}
body > header .topcontainer > ul > li {float:left; height:30px; font-family:'OpenSans'; font-size:13px;line-height:2.308em;text-transform: lowercase;}
body > header .topcontainer > ul > li > a {border-left:1px dotted #12b7d8;padding: 0px 10px;color:#949494;}
body > header .topcontainer > ul > li:first-child > a {border-left:none;padding-left:0;}
body > header .topcontainer > ul > li > a:hover {color:#00aedb;}
body > header .topcontainer > ul > li.selected > a {color:#00aedb;}
body > header nav {margin-top:23px;}
body > header nav > ul {list-style:none; width:auto; padding:0; margin:0 -10px 0 0;}
body > header nav > ul > li {float:left; font-family:'OpenSans'; font-size:25px;line-height:1em;padding: 0px 10px;border-left:1px dotted #12b7d8;text-transform: lowercase;}
body > header nav > ul > li:first-child {border-left:none;}
body > header nav > ul > li a {color:#282425;padding:2px 0;}
body > header nav > ul > li a:hover {color:#00aedb;}
body > header nav > ul > li:first-child a {font-size:16px;}
body > header nav > ul > li.selected a {color:#00aedb;border-bottom: #00b1d5 solid 2px;line-height:1em;padding-bottom:4px;}
body > header nav > ul > li.cta-orcamento {position:relative;}
body > header nav > ul > li.cta-orcamento span.underline {display:block;width:139px;height:14px;background:url('../images/cta-orcamento-underline.png') no-repeat top left;position:absolute;left: 10px;bottom: -8px;}
body > header nav > ul > li.cta-orcamento span.ask {display:block;width:36px;height:21px;position:absolute;bottom:100%;left:6px;margin-bottom:-4px;background:url('../images/cta-orcamento-ask.png') no-repeat top left;}
body > header nav > ul > li.cta-orcamento span.consulting {display:block;width:82px;height:63px;position:absolute;bottom:0px;left:100%;background:url('../images/cta-orcamento-consulting.png') no-repeat top left;margin-left: -3px;margin-bottom: 3px;}

#mobile_nav {cursor:pointer;height:100px; width:65px; float: left;display:none; font-family:'OpenSans';
	text-align:center;font-size:16px; line-height:6.250em; color:#231f20; background: url('../images/dropdown_arrow.png') no-repeat 28px 74px #e5f7fb;}
#mobile_nav:hover {background-color:#00aedb!important;color:#fff;}
#mobile_nav.selected {background-color:#00aedb!important;color:#fff;}

#mobile_menu {width:100%; margin:25px auto 0; background-color:#231f20; font-family: "Raleway", sans-serif;display:none;}
#mobile_menu > ul {margin:0 26px 0 26px; padding:0;}
#mobile_menu > ul > li {list-style:none; height:50px;font-size:20px;line-height:2.500em;border-bottom:1px dotted #12b7d8;text-transform: lowercase;}
#mobile_menu > ul > li a {color:#fff;text-decoration:none;}
#mobile_menu > ul > li a:hover {color:#00aedb;}
#mobile_menu > ul > li.selected a {color:#00aedb;}
#mobile_menu > ul > li.last {border-bottom:0px; height:75px;}
#mobile_menu > ul > li > ul {margin:0; padding:0;}
#mobile_menu > ul > li > ul > li {float:left; line-height:5.769em;font-size:13px;}
#mobile_menu > ul > li > ul > li a {padding: 0px 10px;border-left:1px dotted #12b7d8;color:#949494;text-decoration:none;font-family: "RalewayMedium", sans-serif;}
#mobile_menu > ul > li > ul > li a:hover {color:#ffffff;}
#mobile_menu > ul > li > ul > li.selected a {color:#ffffff;}
#mobile_menu > ul > li > ul > li:first-child a {padding-left:0px;border-left:none;}

body > footer { width: 100%;background: #231f20; padding-top:50px; z-index:99995;}
body > footer > div { max-width: 1024px; margin: 0 auto; padding: 0 10px;}
body > footer > div > div.first { padding:0 0 31px 0; background: url(../images/footer_bottom_separator.png) repeat-x left bottom; }
body > footer .socials { width: 33.3%; display: table-cell; float: none!important; vertical-align: top; padding-right:25px;}
body > footer .socials ul { margin: 0px; padding: 0; list-style: none; margin-bottom: 19px; }
body > footer .socials > ul li { background: url(../images/socials_bg.png); width: 100%; height: 38px; margin-top: 2px; padding:0 17px 0 65px;position:relative;} 
body > footer .socials > ul li:first-child {margin-top:0;}
body > footer .socials > ul li > a { display: block; width: 38px; height: 38px; position:absolute;top:0;left:9px;}
body > footer .socials > ul li iframe { margin-top: 6px !important; max-width:100%;}
body > footer .socials > ul li .fb-like span {max-width:100%;}
body > footer .socials > ul li > a:hover {background-position: left bottom !important; }
body > footer .socials > ul li .container {width:100%;display:block;height:100%;position:relative;padding:3px 0;}
body > footer .socials > ul li .container span {display:block;height:32px;}
body > footer .socials > ul li .container span.left {position:absolute;top:3px;left:-5px;background: url('../images/socials_left.png') no-repeat top left;width:5px;}
body > footer .socials > ul li .container span.center {width:100%;background: url('../images/socials_center.png') repeat-x;padding:0 5px;overflow:hidden;}
body > footer .socials > ul li .container span.right {position:absolute;top:3px;right:-5px;background: url('../images/socials_right.png') no-repeat top left;width:5px;}
body > footer .socials > ul li.translate {padding:3px 10px 0;}
body > footer .socials > ul li.translate .container {overflow:hidden;}
body > footer .socials > ul li.translate .container span {display:inline-block;}
body > footer .socials > div {margin-top:20px;}
body > footer .socials > div > span { font-family: 'OpenSansBold', sans-serif; text-transform: uppercase; color: #00b1d5; float: left; margin-right: 10px; font-size: 14px; line-height: 33px; }
body > footer .socials > div li { float: left; margin-left: 1px; }
body > footer .socials > div li:first-child {margin-left:0px;}
body > footer .socials > div li a { display: block; width: 33px; height: 33px; }
body > footer .socials > div li a:hover {background-position: left bottom !important; }

body > footer .contact {width: 33.3%; border-left:1px dashed #333;padding: 0 25px 0 20px;display: table-cell; float: none!important; vertical-align: top;}
body > footer p { font-family: "Raleway", sans-serif; color: #ffffff; font-size: 16px; line-height: 1.250em; -webkit-font-smoothing: subpixel-antialiased; margin:0;}
body > footer p span { color: #ffffff; -webkit-font-smoothing: antialiased; }
body > footer p b {font-family: "RalewayBold", sans-serif; font-weight: normal;}
body > footer p.title { font-family: 'OpenSansExtraBold', sans-serif; color: #00b1d5; margin:0 0 8px 0; font-size: 20px; text-transform: uppercase; line-height: 1em; -webkit-font-smoothing: antialiased; }
body > footer p a {color:#059ebd;}
body > footer p.email {margin-top: 0px;margin-bottom: 15px;font-size: 16px;font-family: "RalewayBold", sans-serif;}
body > footer p a:hover {color:#ffffff;}
body > footer p.phone { font-family: "OpenSansSemiBold", sans-serif; font-size: 25px; color: #ffffff; -webkit-font-smoothing: antialiased; margin-top: 10px; margin-bottom: 3px; }
body > footer p.phone span { font-size: 16px; }
body > footer p.address { font-family: "Raleway", sans-serif; font-size: 14px; color: #ffffff; -webkit-font-smoothing: antialiased; }
body > footer a.contacts.button {margin-right:5px;}
body > footer a.contacts.button span {display:block;width:19px;height:12px;background: url('../images/contacts_envelope_icon.png') no-repeat top left;margin-top: 9px;}
body > footer a.contacts.button:hover span {background-position: left bottom; }
body > footer .contact a { margin-top: 19px; }

body > footer .newsletter {width: 33.3%; border-left:1px dashed #333;padding-left:25px; display: table-cell; float: none!important; vertical-align: top;}
body > footer .newsletter a { margin-top: 2px; }
body > footer .newsletter > .row {position:relative;margin-top: 17px;float: left;width: auto;z-index: 99999;}
body > footer .newsletter div.toggle {top:auto;bottom:100%;}

body > footer .second { font-family: "Raleway", sans-serif; font-size: 13px; color: #00aedb; -webkit-font-smoothing: subpixel-antialiased; line-height: 1em; }
body > footer .second .left {margin: 0 0 20px; }
body > footer .second .left a { color: #00aedb; text-decoration: none; float: left; -webkit-font-smoothing: subpixel-antialiased; line-height: 1em; }
body > footer .second .left a:hover {color:#ffffff;}
body > footer .second .left span { display: block; margin: 0 7px; float: left; line-height: 1em; }
body > footer .second .right { line-height: 1em; font-size: 14px; color: #ffffff; float:none !important; margin: 20px 0 15px; }

body > footer .copywright { float: left;}
body > footer .financiado { float: right; }
body > footer .financiado .title { font-family: "RalewayBold", sans-serif; font-size: 14px; color: #059ebd; line-height: 1em; margin: 20px 0 15px;}

body > footer .financiado .selos ul { list-style: none; padding: 0; margin: 0}
body > footer .financiado .selos a { display: block; }
body > footer .financiado .selos ul li { display: inline-block; margin-bottom: 20px; margin-right: 15px; height: 32px; }
body > footer .financiado .selos ul li:last-of-type{margin-right: 0}
body > footer .financiado .selos .centro2020 { width: 142px; background-image: url('../images/CENTRO2020.svg'); background-size: cover; }
body > footer .financiado .selos .portugal2020 {width: 105px; background-image: url('../images/PORTUGAL2020.svg'); background-size: cover;}
body > footer .financiado .selos .uneuro2020{ width: 121px; background-image: url('../images/UNEURO.svg'); background-size: cover;}


.breadcrumbs {padding:20px 10px 0px 10px !important; font-family: "RalewaySemibold", sans-serif; color: #231f20; height: auto; margin: 0 auto !important; font-size:16px;}
.breadcrumbs div {border-bottom: 1px solid #e3e3e3;padding-bottom:10px;color: #231f20;text-transform: lowercase;}
.breadcrumbs a {text-decoration:none; color:#00aedb;}
.breadcrumbs a:hover {color:#282425;}

.check {margin-top:1px;float:left;display:block;width:15px;height:15px;background:url('../images/check_btn.png') 0px 0px;}
.check input {height:15px; width:15px;opacity:0;filter:alpha(opacity=0);display:block;cursor:pointer;}
.checked {background-position: 0px -15px!important;}
.uncheck {background-position: 0px 0px!important;}

.button {border:none;text-decoration:none;display:block;float:left;text-transform:lowercase;color:#ffffff !important;font-size:16px;height:30px;padding:0 10px;line-height:30px;font-family: "RalewaySemiBold", sans-serif;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.button.blue {background-color:#059ebd;}
.button.blue.dark {background-color:#06758b;}
.button.blue.fsmall {font-size:14px;}
.button.blue.light {background-color:#00b1d5;}
.button.black {background-color:#030303;}
.button.orange {background-color:#ee6e1f;}
.button.twolines {height:73px;padding:13px 20px 0 20px;}
.button.twolines .value {display:block;font-size:24px;margin-bottom:4px;}
.button.twolines .sub {display:block;font-size:12px;}
.button.orange.twolines .sub {color:#feb486;}
.button.orange.white.twolines .sub {color:#ffffff;font-size:18px;}
.button.medium {height:42px;line-height:42px;font-size:17px;padding:0 18px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.button.big {height:60px;line-height:60px;font-size:24px;padding:0 25px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.button.small {height:20px;line-height:20px;font-size:12px;padding:0 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.button.toggle {background-image: url('../images/toggle_white_down.png'); background-position: 96% center; background-repeat: no-repeat; padding-right:22px;}
.button.toggle.inverse {background-image: url('../images/toggle_white_up.png');}
.button.toggle.active {background-image: url('../images/toggle_white_up.png'); background-position: 96% center; background-repeat: no-repeat; padding-right:22px;}
.button.toggle.inverse.active {background-image: url('../images/toggle_white_down.png'); background-position: 96% center;}
.button.blue.toggle.active {background-color:#00b1d5;}
.button.blue.toggle.dark.active {background-color:#2e2828;}
footer .button.blue.toggle.active {background-color:#ffffff;color:#059ebd !important;}
footer .button.toggle.inverse.active {background-image: url('../images/toggle_white_down_blue.png'); background-position: 96% center;}
.button.toggle.fsmall {background-position: 93% center !important;}
.button.square {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;font-size:17px;}
.button.square.blue.asset {background:none;padding:0;}
.button.square.blue.light.asset span.value {background-color:#00b1d5;font-size:16px;height:30px;padding:0 10px 0 15px;line-height:30px;display:block;float:left;}
.button.square.blue.light.asset span.asset {background:url('../images/button_blue_light_asset.png') no-repeat top right;width:23px;height:30px;display:block;float:left;}
.button.square.blue.dark.asset span.value {background-color:#06758b;font-size:16px;height:30px;padding:0 10px 0 15px;line-height:30px;display:block;float:left;}
.button.square.blue.dark.asset span.asset {background:url('../images/button_blue_dark_asset.png') no-repeat top right;width:23px;height:30px;display:block;float:left;}
.button.square.blue.dark.hlight.asset span.asset {background:url('../images/button_blue_dark_hlight_asset.png') no-repeat top right;}

.button.blue:hover {background-color:#2e2828;}
.button.blue.hlight:hover {background-color:#00b1d5;}
.button.black:hover {background-color:#4cc8e2;}
.button.orange:hover {background-color:#ffffff;}
.button.orange.twolines:hover span {color:#ee6e1f !important;}
.button.orange.white:hover {background-color:#e9e8e8;}
.button.square.blue.asset:hover {background-color: transparent !important;}
.button.square.blue.asset:hover span.value {background-color:#2e2828;color:#ffffff !important;}
.button.square.blue.asset:hover span.asset {background-position: left -30px;}
.button.square.blue.hlight.asset:hover span.value {background-color:#00b1d5;color:#ffffff !important;}
.button.square.blue.hlight.asset:hover span.asset {background-position: left -30px;}
footer .button.blue:hover {background-color:#ffffff;color:#059ebd !important;}
footer .button.blue.toggle:hover {background-image: url('../images/toggle_white_down_blue.png');}
footer .button.blue.toggle.inverse:hover {background-image: url('../images/toggle_white_up_blue.png');}
footer .button.blue.toggle.inverse.active:hover {background-image: url('../images/toggle_white_down_blue.png');}
footer .button.blue.dark:hover {background-color:#ffffff;color:#06758b !important;}
.button.disabled {background-color:#c2c1c1;cursor:default;}
.button.square.blue.asset.disabled span.value {background-color:#c2c1c1 !important;}
.button.square.blue.asset.disabled span.asset {background-position: left bottom!important;}

#slideshow { width: 100%; min-width: 1060px; height: 640px; background-color: #ffffff; overflow: hidden; position: relative; z-index: 0; }
#slideshow .imagecontainer ul { margin:0; padding: 0; list-style: none; height: 640px; width: 100%; min-width: 1060px; background: #231f20 url(../images/bkgrnd_pattern_black.png) repeat top left; }
#slideshow .imagecontainer ul li { width: 100%; text-align: center; height: 640px; float: left; }
#slideshow .imagecontainer ul li a { display: block; width: 100%; height: 100%; }
#slideshow .navigation { width: 1060px; position: absolute; bottom: 207px; left: 50%; margin-left: -530px; padding: 0 250px 0 28px; height: 28px;  visibility: hidden; }
#slideshow .navigation .line { width: 1060px; height: 1px; background: #26282b; position: absolute; top: 50%; left: 0; z-index: 0; }
#slideshow .navigation .numbernavigation { position: absolute; top: 50%; right: 0; margin-top: -16px; z-index: 1; }
#slideshow .navigation .numbernavigation ul { margin: 0; padding: 0; list-style: none; }
#slideshow .navigation .numbernavigation ul li {font-family: 'Raleway', serif; float: left; height: 33px; width: 33px; color: #ffffff;
	text-align: center; line-height: 33px; font-size: 14px; cursor: pointer; }
#slideshow .navigation .numbernavigation ul li span {display:block;margin-top:4px;margin-left:4px;width:25px;height:25px;background:#2e2828;line-height: 25px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
#slideshow .navigation .numbernavigation ul li:hover span { background:#00b1d5 !important; cursor: pointer; }
#slideshow .navigation .numbernavigation ul li.hover span { background:#00b1d5 !important; cursor: pointer; }
#slideshow .navigation .numbernavigation ul li.selected span { display:block;width:33px;height:33px; cursor: default;line-height: 33px; margin:0;background:#2e2828 !important;}
#slideshow .navigation .numbernavigation ul li.selected.white span { background:#ffffff !important;}
#slideshow .navigation .navigationbar { width: 169px; height: 10px; background: #26282b; position: absolute; top: 50%; left: 28px; margin-top: -5px; 
	cursor: url(../images/cursor-grab.gif),move; z-index: 4; }
#slideshow .navigation .navigationbar.selected { cursor: url(../images/cursor-grabbing.gif),move; }

.shadow { width: 100%; position: absolute; height: 6px; background: url(../images/top_shadow.png); }
.top.shadow { top: 0; left: 0; }
.bottom.shadow { width: 100%; height: 6px; background: url(../images/bottom_shadow.png); }

#submenuhead { width:100%; height:296px; background: #231f20 url(../images/bkgrnd_pattern_black.png) repeat top left;}
#submenuhead nav {max-width:1060px; height:100%;margin:0 auto; position:relative; z-index:99;}
#submenuhead nav a {color:#fff; font-size:15px; font-family: "RalewaySemiBold", sans-serif; text-decoration:none; display:block; line-height:2.000em; }
#submenuhead nav ul {list-style:none; position:absolute; right:0;top:84px;margin:0; padding:0;}
#submenuhead nav ul li {float:left; margin-left:4px; height:30px; background:url('../images/bg_menu.png'); text-align:center; width:172px; text-transform: lowercase; }
#submenuhead nav ul li:hover {background:url('../images/bg_menu_over.png');}
#submenuhead nav ul li.activated {background:#fff;}
#submenuhead nav ul li.activated a {color:#231f20!important;}

#content > section {max-width:1024px; padding:0 10px; margin:0 auto 30px auto;}
#content > div.simple {max-width:1024px; padding:0 10px; margin:0 auto;}
#content section.nopadding {padding-right:0 !important;padding-left:0 !important;}
#content section.nomargin {margin-bottom:0;}
#content section .line {display:block; height:30px; border-bottom: 1px solid #e3e3e3;}
#content > .simple h1 {margin:30px 0px 0px 0px;font-family: "RalewaySemiBold", sans-serif; font-size: 38px; line-height: 1.447em; text-align:center; color:#2e2828;}
#content > .simple h2 {margin:0; font-family: "Raleway", sans-serif; font-size: 21px; line-height: 1.200em; color: #666666; text-align:center;}
#content > .simple h2 b {font-family: "RalewayMedium", sans-serif; color:#00aedb; font-size: 21px; }

#content > .simple .content h1 {font-family: "RalewayMedium", sans-serif;font-size:27px;color:#2e2828;line-height: 1.3em;text-align:left;margin: 22px 0 -15px;}
#content > .simple .content h2 {font-family: "Raleway", sans-serif;font-size:22px;color:#2e2828;line-height: 1.3em;text-align:left;margin: 22px 0 -15px;}
#content > .simple .content h3 {font-family: "Raleway", sans-serif;font-size:18px;color:#2e2828;line-height: 1.3em;text-align:left;margin: 22px 0 -15px;}
#content > .simple .content h4 {font-family: "Raleway", sans-serif;font-size:16px;color:#2e2828;line-height: 1.3em;text-align:left;margin: 22px 0 -15px;}
#content > .simple .content h5 {font-family: "Raleway", sans-serif;font-size:14px;color:#2e2828;line-height: 1.3em;text-align:left;margin: 22px 0 -15px;}
#content > .simple .content h6 {font-family: "Raleway", sans-serif;font-size:13px;color:#2e2828;line-height: 1.3em;text-align:left;margin: 22px 0 -15px;}
#content > .simple .content {margin-top:22px;}
#content > .simple .content form {padding: 0 !important;}
#content > .simple.support .content {min-height:225px;}

#content > .simple article p {font-family: "RalewayMedium", sans-serif; color: #666666; font-size: 16px; line-height: 1.500em;margin:22px 0 0; }
#content > .simple article p span.big {font-size:20px}
#content > .simple.services .content p { text-align: justify;}
#content > .simple.services .content p:nth-child(2) {padding-right:335px;}
#content > .simple .content p.h1 {font-family: "RalewayMedium", sans-serif;font-size:27px;color:#2e2828;line-height: 1.3em;text-align:left;margin: 22px 0 -15px;}
#content > .simple .content p.h2 {font-family: "Raleway", sans-serif;font-size:22px;color:#2e2828;line-height: 1.3em;text-align:left;margin: 22px 0 -15px;}
#content > .simple .content p.h3 {font-family: "Raleway", sans-serif;font-size:18px;color:#2e2828;line-height: 1.3em;text-align:left;margin: 22px 0 -15px;}
#content > .simple .content p.h4 {font-family: "Raleway", sans-serif;font-size:16px;color:#2e2828;line-height: 1.3em;text-align:left;margin: 22px 0 -15px;}
#content > .simple .content p.h5 {font-family: "Raleway", sans-serif;font-size:14px;color:#2e2828;line-height: 1.3em;text-align:left;margin: 22px 0 -15px;}
#content > .simple .content p.h6 {font-family: "Raleway", sans-serif;font-size:13px;color:#2e2828;line-height: 1.3em;text-align:left;margin: 22px 0 -15px;}
#content > .simple .content article p:first-child {margin-top:0;}
#content > .simple article p span.capitalize {font-family: "RalewayBold", sans-serif;font-size:81px;line-height:1em;display:block;float:left;color:#2e2828;padding-right: 5px;margin-bottom: -10px;padding-top:9px;margin-top:-9px;text-transform:uppercase;}
#content > .simple article ol {padding:0;margin:22px 0 0;list-style-position: inside;list-style-type: none;counter-reset: customlistcounter;}
#content > .simple article ol > li {font-family: "RalewayMedium", sans-serif; color: #666666; font-size: 16px; line-height: 1.500em;  counter-increment: customlistcounter; padding-left: 24px;}
#content > .simple article ol > li:before {content: counter(customlistcounter) ". ";color:#2e2828;font-family: "RalewaySemiBold", sans-serif;margin-right: 10px;text-align: right;margin-left: -24px;}
#content > .simple article ol > li > ol {margin:5px 0;}
#content > .simple article ol > li > ul {margin:5px 0;}
#content > .simple article ul {padding:0;margin:22px 0 0;list-style: none;}
#content > .simple article ul > li {font-family: "RalewayMedium", sans-serif; color: #666666; font-size: 16px; line-height: 1.500em; padding-left: 24px;}
#content > .simple article ul > li > ol {margin:5px 0;}
#content > .simple article ul > li > ul {margin:5px 0;}
#content > .simple article ul > li:before {content: url('../images/arrow_left_blue.png');margin-right: 13px;margin-left: -24px;}
#content > .simple article a {color:#00aedb;}
#content > .simple article a:hover {color:#282425;}
#content > .simple article p i, #content > .simple article p em {font-family: 'OpenSansLightItalic', sans-serif; font-style: normal; }
#content > .simple article p strong, #content > .simple article p b {font-family: "RalewaySemibold", sans-serif; color: #231f20; }
#content > .simple article p span.big b, #content > .simple article p span.big strong {color:#00b1d5;}
#content > .simple article iframe {border:none;max-width:100%;}
#content > .simple article img {border:none;max-width:100%;}
#content > .simple article table {margin-top:20px;border-collapse: collapse;}
#content > .simple article table th {font-family: "RalewayMedium", sans-serif;font-weight:normal;border-left:2px solid #ffffff;border-top:2px solid #ffffff;color:#ffffff;font-size:14px;background:#4cc8e2;vertical-align:middle;padding:20px 10px;word-wrap: break-word;}
#content > .simple article table tr > th:first-child {border-left:none;}
#content > .simple article table td {border-left:2px solid #ffffff;border-top:2px solid #ffffff;font-family: "Raleway", sans-serif;font-size:14px;color:#666666;background:#e5e5e5;vertical-align:top;padding:20px 10px;word-wrap: break-word;}
#content > .simple article table tr > td:first-child {border-left:none;}
#content > .simple article table .empty {background: #00b1d5;}
#content > .simple article table ul {margin-top:0;}
#content > .simple article table ol {margin-top:0;}
#content > .simple article table.simple td {background:none;border:none;padding:5px;}
#content > .simple article table.simple.nowrap {white-space: nowrap;}
#content > .simple article .tablecontainer {max-width:100%;overflow-x:auto;}
#content > .simple article blockquote {width:800px;margin:40px auto;padding-left:100px;background:url('../images/quote_icon.png') no-repeat top left;max-width:100%;min-height:78px;} 
#content > .simple article blockquote p {margin:0;font-family: 'OpenSansLightItalic', sans-serif;font-size:25px;color:#969595;line-height: 1.240em;}
#content > .simple article blockquote p b,#content > .simple article blockquote p strong {color:#666666;font-family: 'OpenSansItalic', sans-serif; }
#content > .simple article blockquote p span.capitalize {font-family: 'OpenSans', sans-serif;color: #666666;font-size: 107px;margin-bottom: -14px;}

#content article .content .button-container {position:relative;left:50%;float:left;margin-top: 35px;margin-bottom: 32px;}
#content article .content .button-container .button {position:relative;left:-50%;text-align:center;}
#content article .content .button-container .button .consulting {display:block;width:85px;height:63px;background:url('../images/consultoria.png') no-repeat top left;position:absolute;top:-25px;right:-102px;}

#content > .simple .buttons {margin-top: 5px;padding: 0 0 2px 0px;position: relative;width: 300px;}
#content > .simple .buttons a {float:right;}
#content > .simple .buttons a:first-child {float:left;}

#content > .simple .buttons.robot {padding-left:20px;padding-bottom:20px;}
#content > .simple .buttons.robot span.robot {display: block;background: url('../images/robot.png') no-repeat top left;width: 156px;height: 89px;margin: 0 auto;}
#content > .simple .buttons.robot a.yellow {width:100%;height:64px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #efcb05;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmY2IwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQxJSIgc3RvcC1jb2xvcj0iI2VmYjAwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2VmOWYwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjlmMDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #efcb05 0%, #efb005 41%, #ef9f05 42%, #ef9f05 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efcb05), color-stop(41%,#efb005), color-stop(42%,#ef9f05), color-stop(100%,#ef9f05));
background: -webkit-linear-gradient(top,  #efcb05 0%,#efb005 41%,#ef9f05 42%,#ef9f05 100%);
background: -o-linear-gradient(top,  #efcb05 0%,#efb005 41%,#ef9f05 42%,#ef9f05 100%);
background: -ms-linear-gradient(top,  #efcb05 0%,#efb005 41%,#ef9f05 42%,#ef9f05 100%);
background: linear-gradient(to bottom,  #efcb05 0%,#efb005 41%,#ef9f05 42%,#ef9f05 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efcb05', endColorstr='#ef9f05',GradientType=0 );
text-align:center;padding-top:10px;font-family: "RalewaySemibold", sans-serif;color:#282425;font-size:30px;line-height:1em;text-shadow: 1px 1px 0px rgb(249, 212, 6);position:relative;behavior: url('media/assets/default/pie/PIE.htc');}
#content > .simple .buttons.robot a.yellow span > span {font-size:11px;font-family: "RalewaySemibold", sans-serif;display:block;margin-top:3px;}
#content > .simple .buttons.robot a.yellow span > span b {font-weight:normal;font-family: "RalewayBold", sans-serif;}
#content > .simple .buttons.robot a.yellow:hover {background:#ef9f05;}

#content > .simple .gallery {padding:20px 13px 20px; background: #33bee2;margin:22px auto 0;width:731px;}
#content > .simple .gallery h2 {font-size:27px;display:block;width:100%;text-align:center;color:#ffffff;font-family: "RalewayMedium", sans-serif;margin:0;padding:0 0 20px 0;}
#content > .simple .gallery .container {position:relative;}
#content > .simple .gallery .container .images {width:100%;padding:0 0 95px 0;height:100%;}
#content > .simple .gallery .container .images img {width:100% !important;}
#content > .simple .gallery.website .container .images {position:absolute;top:0;left:0;width:100%;padding:28px 28px 0px 28px;height:100%;}
#content > .simple .gallery.website .container .images ul li > div {width:100% !important;height:409px;overflow:hidden;}
#content > .simple .gallery.website .jspContainer {width:100% !important;}
#content > .simple .gallery.website .jspPane {width:100% !important;}
#content > .simple .gallery.website .jspTrack {background:transparent;}
#content > .simple .gallery.website .jspVerticalBar {width:48px;right:2px;z-index: 99;}
#content > .simple .gallery.website .jspDrag {background:url('../images/scroll_btn.png') no-repeat top left;}
#content > .simple .gallery.mobile .container > div {width:100%;max-width:278px;margin:0 auto;}
#content > .simple .gallery.mobile .container .images {position:absolute;top:0;left:50%;width:348px;padding:92px 27px 0px 28px;height:100%;margin-left: -139px;}
#content > .simple .gallery.mobile .container .images img {padding-right:70px;}
#content > .simple .gallery.mobile .container .images ul {height:335px;}
#content > .simple .gallery.mobile .container .images ul li > div {width:100% !important;height:335px;overflow:hidden;}
#content > .simple .gallery.mobile .container .bx-controls {width:705px;margin-left: -213px;}
#content > .simple .gallery.mobile .label {width:705px;margin-left: -213px;}
#content > .simple .gallery.mobile .jspContainer {width:100% !important;}
#content > .simple .gallery.mobile .jspPane {width:100% !important;}
#content > .simple .gallery.mobile .jspTrack {background:transparent;}
#content > .simple .gallery.mobile .jspVerticalBar {width:48px;right:2px;z-index: 99;}
#content > .simple .gallery.mobile .jspDrag {background:url('../images/scroll_btn.png') no-repeat top left;}
#content > .simple .gallery .container ul {margin:0;padding:0;overflow:hidden;height:409px;}
#content > .simple .gallery .container ul li {padding:0;line-height:1em;display:none;float:left;}
#content > .simple .gallery .container ul li:first-child {display:block;}
#content > .simple .gallery .container ul li:before {content: "";margin:0;}
#content > .simple .gallery .container ul li img {position:relative;z-index:2;}
#content > .simple .gallery .container ul li img.reflex {position:absolute;top:0;left:0;z-index:3;}
#content > .simple .gallery .container ul li img.fixedbg {position:absolute;top:0;left:0;z-index:0;}
#content > .simple .gallery .container .label {width:705px;height:64px;position: absolute;left: 0;bottom: 0;display:table;border-collapse: collapse;border-spacing: 0;}
#content > .simple .gallery .container .label span {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;padding:0 70px;color:#ffffff;font-family: "RalewayLight", sans-serif;font-size:20px;line-height: 1.200em;}
#content > .simple .gallery .container .bx-wrapper li {display:block;}
#content > .simple .gallery .container .bx-controls {position:absolute;bottom:0;left:0;width:100%;}
#content > .simple .gallery .container .bx-controls .bx-prev {display:block;background:url('../images/gallery_previous_btn.png') no-repeat top left;width:64px;height:64px;float:left;}
#content > .simple .gallery .container .bx-controls .bx-next {display:block;background:url('../images/gallery_next_btn.png') no-repeat top left;width:64px;height:64px;float:right;}
#content > .simple .gallery .container .bx-controls a:hover {background-position: left -64px;}
#content > .simple .gallery .container .bx-controls a.disabled {background-position: left bottom;cursor:default;}

#content > .simple .gifs-container {padding:20px 13px 20px;background: #e9e8e8;margin:22px auto 0;}
#content > .simple .gifs-container h2 {font-size:27px;display:block;width:100%;text-align:center;color:#231f20;font-family: "RalewayMedium", sans-serif;margin:0;padding:0 0 20px 0;}
#content > .simple .gifs-container > div {position:relative;height:460px;width:100%;}
#content > .simple .gifs-container > div img {width:auto !important;position:absolute;}
#content > .simple .gifs-container > div img#inimigo1 {top: 85px;left: 45px;}
#content > .simple .gifs-container > div img#inimigo2 {top: 30px;left: 200px;}
#content > .simple .gifs-container > div img#inimigo3 {top: 8px;left: 385px;}
#content > .simple .gifs-container > div img#inimigo4 {top: 100px;left: 531px;width: 150px !important;height: auto!important;}
#content > .simple .gifs-container > div img#inimigo5 {top: 295px;left: 65px;}
#content > .simple .gifs-container > div img#inimigo6 {top: 280px;left: 265px;}
#content > .simple .gifs-container > div img#inimigo7 {top: 340px;left: 470px;}

#content > section.list {margin-top:30px;padding-right:10px;padding-left:0;}
#content > section.list > div.row {overflow:hidden;}
#content > section.list > div.col {padding-left:10px;}
#content > section.list section.left {background:#ffffff;padding: 0px 10px 99999px 0px!important;margin-bottom: -99999px;}

#content > section.list .navigation {height:33px;position:relative;margin-top:30px;}
#content > section.list .navigation .line {width:100%;height:1px; background: #2e2828!important; position: relative;border:0px!important;
	z-index: 0; top:16px; }
#content > section.list .navigation .numbernavigation {z-index: 1;width: auto;height: auto; position: relative;float: right;left: -50%;}
#content > section.list .navigation .numbernavigation > div {position: relative;left: 50%;}
#content > section.list .navigation .numbernavigation ul { margin: 0; padding: 0; list-style: none; }
#content > section.list .navigation .numbernavigation ul li { float: left; height: 33px; width: 33px; background: url(../images/nav_bg.png) no-repeat top left; color: #ffffff;
	text-align: center; font-family: 'RalewaySemibold', sans-serif; line-height: 33px;}
#content > section.list .navigation .numbernavigation ul li a {color: #ffffff;width:100%;height:100%;display:block;font-size: 14px; cursor: pointer;line-height:33px;}
#content > section.list .numbernavigation ul li:hover { background-position: 0 -33px; cursor: pointer; }
#content > section.list .numbernavigation ul li.unhover:hover { background-position: 0 top; cursor: default; }
#content > section.list .numbernavigation ul li.selected { background-position: 0 bottom; cursor: pointer; }
#content > section.list .numbernavigation ul li.disabled { background-position: 0 -66px; cursor: default; }

#content > section.list.projects section.left {padding: 0px 20px 99999px 10px!important;}
#content > section.list.projects section.left p {font-family: "RalewayMedium", sans-serif; color: #666666; font-size: 16px; line-height: 1.500em; }
#content > section.list.projects section.left article {border-top: 1px solid #e3e3e3; padding-top:30px;margin-top:6px; }
#content > section.list.projects section.left article:first-child {margin-top:0;border-top:none;padding-top:0;}
#content > section.list.projects section.left article.last {border:0px;}
#content > section.list.projects section.left article > div {font-family: "Raleway", sans-serif;color:#666666;padding:6px 6px 6px 6px; font-size:14px;position:relative;}
#content > section.list.projects section.left article > div > a > img {width:100%;border:1px solid #e9e8e8;}
#content > section.list.projects section.left article > div > div {margin-top:1px;position:relative;}
#content > section.list.projects section.left article.casestudy > div {background:#e9e8e8;}
#content > section.list.projects section.left article.casestudy > div > a > img {border:1px solid #c9c8c8;}
#content > section.list.projects section.left article.casestudy > div > div img {position:absolute;top:0;right:0;}
#content > section.list.projects section.left article > div > div > h3 {margin: 0px; padding-top:20px;font-size:30px; color:#2e2828;font-family: "RalewayMedium", sans-serif;margin-bottom:3px;}
#content > section.list.projects section.left article > div > div > h3 > a {font-size:30px; color:#2e2828;}
#content > section.list.projects section.left article > div > div > h3 > a:hover {color:#00aedb;}
#content > section.list.projects section.left article > div > div > .date {font-family: "RalewaySemibold", sans-serif;color:#aaa8a8;font-size: 14px;line-height: 1.1em;margin:0;}
#content > section.list.projects section.left article > div > div > .client {font-family: "RalewaySemibold", sans-serif;color:#666666;font-size:14px;}
#content > section.list.projects section.left article > div > div > .client span {color:#231f20;}
#content > section.list.projects section.left article > div > div > .client > a {color:#00aedb;}
#content > section.list.projects section.left article > div > div > .client > a:hover {color:#2e2828;}
#content > section.list.projects section.left article > div > div > div {margin-top:15px;font-size:14px;color:#666666;font-family: "RalewaySemibold", sans-serif;line-height:1.429em;padding-right:150px;}
#content > section.list.projects section.left article > div > div > div > a {font-size:14px;color:#00aedb;font-family: "RalewayMedium", sans-serif;}
#content > section.list.projects section.left article > div > div > div > a:hover {color:#282425;}
#content > section.list.projects section.left article > div > div > div > span {font-size:14px;color:#231f20;}
#content > section.list.projects section.left article > div > div > p {line-height:1.429em;margin: 7px 0 10px;font-size:18px;}
#content > section.list.projects section.left article > div > div > a.button {position:absolute;right:0;bottom:0;}
#content > section.list.projects section.left article > div > div > a.button span.value {font-size:17px;}

#content > section.list.article section.left {padding: 0px 20px 99999px 10px!important;}
#content > section.list.article section.left article {position:relative;padding-top:20px;margin-top:20px;border-top:1px solid #e3e3e3;}
#content > section.list.article section.left article:first-child {margin-top:0;padding-top:0;border-top:0;}
#content > section.list.article section.left article p {line-height:1.429em;margin:6px 0 0;font-family: "RalewayMedium", sans-serif;color: #666666;font-size: 14px;}
#content > section.list.article section.left article > a {width:236px;background: none;border:1px solid #e9e8e8; float:left;margin-right:10px;}
#content > section.list.article section.left article img {width:100%;}
#content > section.list.article section.left article > a.noimage {background: #231f20 url(../images/bkgrnd_pattern_black.png) repeat top left;text-align:center;padding:0 10px;min-height:125px;line-height:125px;}
#content > section.list.article section.left article > a.noimage img {max-width:100%;width:auto;}
#content > section.list.article section.left article > h3 {font-family: "Raleway", sans-serif; font-size:20px; color:#00b1d5;margin:0; line-height:1.200em;}
#content > section.list.article section.left article > h3 a {color:#00b1d5;}
#content > section.list.article section.left article > div {font-size: 14px; font-family: "RalewaySemibold", sans-serif; height:auto; background:none;
width:auto; color:#797a78; line-height:1.500em; position: absolute; padding-left: 246px; width: 100%; bottom: 0px;}
#content > section.list.article section.left article > div > span {float:left;color:#2e2828!important;line-height:16px;}
#content > section.list.article section.left article > div > a {float:right; font-size:16px;color:#00b1d5;}
#content > section.list.article section.left article a:hover {color:#2e2828;}

#content > section.list.grid .navigation {padding: 0 10px;}
#content > section.grid.full {margin-top:20px;}
#content > section.list.grid.full > div.row {margin-bottom:-20px;}
#content > section.list.grid article {margin-bottom:20px;}
#content > section.list.grid article > span {display:block;}
#content > section.list.grid article > span.image {background: url(../images/clientes_pattern.png);}
#content > section.list.grid article > span.image > a {display:block; width:234px; height:234px; background-position:0px 0px;}
#content > section.list.grid article > span.image > a img {width:100%;height:100%;display:block;}
#content > section.list.grid article > span.image > a img.hover {display:none;}
#content > section.list.grid article > span.image > a:hover img.hover {display:block;}
#content > section.list.grid article > span.image > a:hover img.normal {display:none;}
#content > section.list.grid article > span.image > a.disabled {cursor:default;}
#content > section.list.grid article > span.image > a:hover.disabled img.normal {display:block;}
#content > section.list.grid article > span.image > a:hover.disabled img.hover {display:none;}

#content > section.list.grid article > h3.name {font-size:17px; margin-top:10px; color:#282425;font-family: "RalewaySemiBold", sans-serif; margin-bottom:0;}
#content > section.list.grid article > span.link {margin-top:5px;}
#content > section.list.grid article > span.link > a {font-family: "RalewaySemiBold", sans-serif;font-size:14px; color:#00aedb; text-decoration:none;}
#content > section.list.grid article > span.link > a:hover {color: #282425;}
#content > section.list.grid article > span.link.disabled > a {color: #666666;cursor:default;}
#content > section.list.grid section.left article > span.image > a {width:168px;height:168px;}

#content > section.full.grid article {height:auto;font-family: "Raleway", sans-serif;font-size:13px; color:#666666; float:left;margin-bottom:20px;}
#content > section.full.grid article img {width:100%;}
#content > section.full.grid article .images {position:relative;width:100%;min-height:58px;}
#content > section.full.grid .desktop article .images {cursor:pointer;}
#content > section.full.grid article .images p {margin:0;padding:15px;font-family: "RalewayThin", sans-serif;color:#697174;font-size:58px;line-height:1em;}
#content > section.full.grid article .images p.small {font-family: "RalewayLight", sans-serif;color:#b8bbbc;font-size:18px;}
#content > section.full.grid article .images.black {background: #231f20 url(../images/bkgrnd_pattern_black.png) repeat top left;height:321px;}
#content > section.full.grid article .images img.hover {display:none;position:absolute;top:0;left:0;}
#content > section.full.grid article .images span {display:block;width:52px;height:52px;position:absolute;right:1px;bottom:1px;z-index: 99;background:url('../images/team_plus_icon.png') no-repeat top left;opacity:0.8;}
#content > section.full.grid article .images:hover span {background-position: left bottom;}
#content > section.full.grid article.open .images span {display:none;}
#content > section.full.grid article > .content {overflow:hidden;height:0;}
#content > section.full.grid article > .content textarea {height:72px;}
#content > section.full.grid article > .content  form .alerts ul {margin-top:0 !important;}
#content > section.full.grid article > .content > div > span {display:block; line-height:1.250em;font-family: "RalewaySemiBold", sans-serif;}
#content > section.full.grid article > .content > div > span.name {padding-top:20px;}
#content > section.full.grid article > .content > div > .charact {min-height:37px; padding-left:46px; background-position: 0px 0px; background-repeat:no-repeat;margin-bottom:18px;overflow:hidden;padding-top:5px;}
#content > section.full.grid article > .content > div > .info {height:32px; padding-left:46px; background-position: 0px 0px; background-repeat:no-repeat; line-height:1em;
	margin-bottom:20px; padding-top:10px; word-wrap: break-word; }
#content > section.full.grid article > .content > div > .info.phone {font-family: "OpenSansSemibold", sans-serif; font-size:14px;}
#content > section.full.grid article > .content > div > span > span, #content > section.full.grid article > .content > div > span.phone, #content > section.full.grid article > .content > div > span.name {
	font-family: "RalewaySemiBold", sans-serif; font-size:14px; color:#2e2828;}
#content > section.full.grid article > .content > div > span.name {font-size:30px!important; line-height:1.000em;}
#content > section.full.grid article > .content > div > span.job {font-size:16px!important; margin-bottom:20px; line-height:1.000em; margin-top:5px; }
#content > section.full.grid article > .content > div > span.likes {background-image: url('../images/team_like.png');}
#content > section.full.grid article > .content > div > span.dislikes {background-image: url('../images/team_dislike.png');}
#content > section.full.grid article > .content > div > span.mail {background-image: url('../images/team_mail.png');}
#content > section.full.grid article > .content > div > span.phone {background-image: url('../images/team_phone.png');}
#content > section.full.grid article > .content > div > span.linkedin {background-image: url('../images/team_linkedin.png');margin-bottom:4px;}
#content > section.full.grid article > .content > div > span a {font-family: "RalewaySemiBold", sans-serif; font-size:14px; color:#00aedb; text-decoration:none;}
#content > section.full.grid article > .content > div > span a:hover {color:#2e2828;}
#content > section.full.grid article > .content > div p {font-size:16px!important;margin-bottom:20px;line-height:1.000em;margin-top: 20px;font-family: "RalewaySemiBold", sans-serif;}
#content > section.full.grid article > .content > div p a {font-family: "RalewaySemiBold", sans-serif; font-size:14px; color:#00aedb; text-decoration:none;}
#content > section.full.grid article > .content > div p a:hover {color:#2e2828;}

#content > section.full.grid.clientes article:nth-child(4n+1) {clear:left;}

#content > section.preview.article {margin-top:30px;padding-right:10px;padding-left:0;}
#container.fixed #content > section.preview.article {padding-right:0px;}
#content > section.preview.article > div.row {overflow:hidden;}
#content > section.preview.article > div.col {padding-left:10px;}
#content > section.preview.article section.left {background:#ffffff;padding: 0px 10px 99999px 00px!important;margin-bottom: -99999px;}
#container.fixed #content > section.preview.article section.left {padding: 0px 0px 99999px 00px!important;}
#content > section.preview.article article {padding:0 10px;}
#content > section.preview.article article img {max-width:100%;height:auto;}
#content > section.preview.article article img.featured {border:1px solid #dcdcdc;}
#content > section.preview.article article img.mobile {display:none;}
#content > section.preview.article article h1 {font-family: "RalewayMedium", sans-serif; font-size:27px; color:#2e2828; margin:0 0 20px 0px;text-align: left;line-height: 1.148em;}
#content > section.preview.article article > div.tags {margin-top:15px;font-size:14px;color:#666666;font-family: "RalewaySemibold", sans-serif;line-height:1.429em;}
#content > section.preview.article article > div.tags > a {float:none !important;}
#content > section.preview.article article > div.tags > span {float:none !important;color:#231f20;}
#content > section.preview.article article div.bar {font-size: 14px; font-family: "RalewaySemibold", sans-serif; background:#e9e8e8; padding: 6px 10px; width:100%; color:#aaa8a8; line-height:20px; position:relative; margin-top:20px;}
#content > section.preview.article article div.bar > div.socials {float:right;width:auto;height:20px;overflow:hidden;}
#content > section.preview.article article div.bar > div.socials > div {float:left;height:20px;}
#content > section.preview.article article div.bar > div.socials > div.twitter a {display:none;}
#content > section.preview.article article div.bar > div.socials > div.google > div {float:right !important;margin-right: -1px !important;}
#content > section.preview.article article div.bar > div.socials > div.facebook > div {float:right !important;}
#content > section.preview.article article div.bar > div.socials > div.linkedin {margin-right:28px;}
#content > section.preview.article article div.bar > div.socials > div.linkedin > span {float:right !important;}
#content > section.preview.article article div.bar.footer > div.socials {width:77%;float:left;}
#content > section.preview.article article div.bar.footer > div.tags {height:auto !important;margin-top:0 !important;font-size: 14px;color: #666666;font-family: "RalewaySemibold", sans-serif;line-height: 1.429em;margin-bottom:8px;}
#content > section.preview.article article div.bar.footer > div.tags a {font-size:14px;}
#content > section.preview.article article div.bar.footer > div.tags span {color: #231f20;}
#content > section.preview.article article div.bar.footer > div.socials > div {float:left;width:120px;overflow:hidden;}
#content > section.preview.article article div.bar.footer > div.socials > div.google {width:90px;}
#content > section.preview.article article div.bar.footer > div.socials > div.google > div {float:left !important;margin-right: 0px !important;}
#content > section.preview.article article div.bar.footer > div.socials > div.facebook > div {float:left !important;margin-left:0px;}
#content > section.preview.article article div.bar.footer > div.socials > div.linkedin {width: auto;}
#content > section.preview.article article div.bar.footer > div.socials > div.linkedin > span {float:left !important;}
#content > section.preview.article article div.bar.footer > div.question {width:auto;float:right;position:relative;}
#content > section.preview.article article div.bar.footer > div.question > div {position:absolute;right:0;left: auto;margin-bottom:1px;top:auto;bottom:100%;}
#content > section.preview.article article div.bar.footer span.tags {display:block;width: 100%;float: left;padding-left: 25px;background:url('../images/tag.png') no-repeat top left;line-height:1.5em;margin-bottom:8px;}
#content > section.preview.article article div.bar.footer span.tags a {color:#00aedb;font-size:12px;font-family: "Raleway", sans-serif;text-decoration:none;}
#content > section.preview.article article div.bar.footer span.tags a:hover {color:#2e2828;}
#content > section.preview.article .navigator {margin-top:30px;padding:0 10px;}
#content > section.preview.article .navigator > div {width:100%;display: table;border-collapse: collapse;border-spacing: 0;}
#content > section.preview.article .navigator > div > a {font-family: "RalewayMedium", sans-serif;min-height:60px;padding:10px 0;position:relative;font-size:16px;line-height:1.438em;color:#00b1d5;background: #231f20 url(../images/bkgrnd_pattern_black.png) repeat top left;word-wrap: break-word;text-transform: lowercase;width:48.635%;min-width:48.635%;display: table-cell;height: 100%;float: none !important;vertical-align:middle;}
#content > section.preview.article .navigator > div > a > span {padding:0px 10px 0px 60px;display: block;width: 100%;background:url('../images/nav_btn_prev.png') no-repeat 3.5% center;font-size:16px;line-height:1.438em;}
#content > section.preview.article .navigator > div > a.right > span {padding:0px 60px 0px 10px;text-align:right;background:url('../images/nav_btn_next.png') no-repeat 96.5% center;}
#content > section.preview.article .navigator > div > a > span > span.val {color:#ffffff;text-transform:lowercase;font-family: "Raleway", sans-serif;font-size:14px;}
#content > section.preview.article .navigator > div > a:hover > span {background:url('../images/nav_btn_prev_over.png') no-repeat 3.5% center;}
#content > section.preview.article .navigator > div > a.right:hover > span {background:url('../images/nav_btn_next_over.png') no-repeat 96.5% center;}
#content > section.preview.article .navigator > div > a.disabled {background:none;cursor:default;} 
#content > section.preview.article .navigator > div > span {width:2.73%;display: table-cell;height: 100%;float: none !important;vertical-align:middle;min-height:60px;}
#content > section.preview.article .articles {margin-top:30px;}
#content > section.preview.article .articles article {width:33.3%;}
#content > section.preview.article .articles a.noimage {background: #231f20 url(../images/bkgrnd_pattern_black.png) repeat top left;text-align: center;padding: 0 10px;min-height: 121px;line-height: 121px;}
#content > section.preview.article .articles a.noimage img {max-width: 100%;width: auto;max-height:121px;}
#content > section.preview.article .articles .list .row {margin-top:20px;position:relative;}
#content > section.preview.article .articles .list .row:first-child {margin-top:0;}
#content > section.preview.article .articles.projects p.date {margin:-3px 0 0 0 !important;color:#aaa8a8;font-family: "RalewaySemibold", sans-serif;}

#content > section.preview.article .search {position:relative;z-index:99;padding:0 10px;}
#content > section.preview.article .search .row {position:relative;}
#content > section.preview.article .search input[type=text] {background: url('../images/lupa.png') no-repeat #f7f7f7 6px 7px; border:1px solid #e1e1e1;
	width:100%; height:34px; padding-left:40px; padding-top:10px; padding-bottom:10px; padding-right:20px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; line-height:1em; color:#2e2828; margin-top:25px;margin-bottom:10px;}
#content > section.preview.article .search input.searching {background: url('../images/loading2.gif') no-repeat #f7f7f7 6px 7px;}
#content > section.preview.article .search div.results {max-height:330px;overflow:hidden;border:1px solid #e1e1e1;position:absolute;left:0;top:60px;z-index:999;background:#f7f7f7;padding:5px;width:100%;}
#content > section.preview.article .search div.results.loading {min-height:30px;background: url('../images/loading2.gif') no-repeat #f7f7f7 center 10px;}
#content > section.preview.article .search div.results.loading p {padding-top:30px;text-align:center;}
#content > section.preview.article .search div.results .scroll-pane {max-height:318px;overflow:hidden;}
#content > section.preview.article .search div.results div.content {padding:0 5px;margin:0;}
#content > section.preview.article .search div.results div.content article:first-child {border-top:none;}
#content > section.preview.article .search div.results div.content > p {font-family: "RalewayMedium", sans-serif;color: #666666;font-size: 14px;line-height: 1.429em;margin:0;}
#content > section.preview.article .search div.results article {width:100%;height:auto;padding:10px 0px;margin:0;border-bottom:0;border-top:1px solid #e3e3e3; }
#content > section.preview.article .search div.results article > span {display:block;color:#b6b5b5;font-size:11px;width:100%;float:none;line-height:1em;margin-bottom:2px;}
#content > section.preview.article .search div.results article a {float:none;color:#00b1d5;font-family: "RalewayMedium", sans-serif;line-height:1em;}
#content > section.preview.article .search div.results article a > span {float:none;font-family: "RalewaySemibold", sans-serif;color:#00b1d5;font-size:16px;}
#content > section.preview.article .search div.results article a:hover {color:#282425;}
#content > section.preview.article .search div.results article a:hover > span {color:#282425;}
#content > section.preview.article .search div.results article p {padding:0;margin:0;color:#666666;font-size:13px;}
#content > section.preview.article .search div.results article p > span {float:none;font-family: "RalewaySemibold", sans-serif;color:#2e2828;font-size:13px;}

#content > section.contacts {margin-top:30px;}
#content > section.contacts #callus {padding-left:0!important;}
#content > section.contacts #whereweare {padding-right:0!important;}
#content > section.contacts span.icon { display: block; width: 40px; height: 40px; float: left; margin-right: 10px; }
#content > section.contacts ul.iconslist { line-height: 40px; font-family: "OpenSansSemiBold", sans-serif; font-size: 25px; color: #666666; margin: 29px 0 0 0!important; list-style: none; padding:0;}
#content > section.contacts ul.iconslist li { font-family: "Raleway", sans-serif; font-size: 18px; line-height: 1.333em; margin:0; padding-left:50px; min-height:40px;}
#content > section.contacts ul.iconslist li span {font-size: 25px; line-height:40px; font-family: "OpenSansSemiBold", sans-serif;}
#content > section.contacts ul.iconslist li span.small {font-size: 16px;}
#content > section.contacts ul.iconslist li.support { background: url(../images/suporte_icon.png) no-repeat;}
#content > section.contacts ul.iconslist li.skype {background: url(../images/skype_icon.png) no-repeat;}
#content > section.contacts ul.iconslist li.phone {background: url(../images/telefone_icon.png) no-repeat;}
#content > section.contacts ul.iconslist li.home {background: url(../images/home_icon.png) no-repeat 0px 0px;}
#content > section.contacts ul.iconslist li.maps {background: url(../images/gmaps_icon.png) no-repeat;}
#content > section.contacts ul.iconslist li { margin-top: 10px; }
#content > section.contacts ul.iconslist li:first-child {margin-top:0;}
#content > section.contacts ul.iconslist a { font-family: "RalewaySemiBold", sans-serif; font-size: 17px; color: #00aedb; text-decoration: none; }
#content > section.contacts ul.iconslist a:hover {color:#282425;}
#content > section.contacts ul.iconslist p { font-family: "Raleway", sans-serif; font-size: 14px; line-height: 1.429em; float:left;padding:0; margin:0; }

#content > section.socialcontacts > .socials {margin:30px 0px;}
#content > section.socialcontacts a {float:left; display:block; width:62px; height:62px; margin-right:5px;}
#content > section.socialcontacts a:hover {background-position: 0px -62px!important;}
#content > section.socialcontacts a.facebook {background: url('../images/facebook_btn_big.png') no-repeat;}
#content > section.socialcontacts a.twitter {background: url('../images/twitter_btn_big.png') no-repeat; width:61px; height:60px; padding: 1px 1px 1px 0px;}
#content > section.socialcontacts a.twitter:hover {background-position: 0px -60px!important;}
#content > section.socialcontacts a.linkedin {background: url('../images/linkedin_btn_big.png') no-repeat;}
#content > section.socialcontacts a.behance {background: url('../images/behance_btn_big.png') no-repeat;}
#content > section.socialcontacts a.vimeo {background: url('../images/vimeo_btn_big.png') no-repeat;}
#content > section.socialcontacts a.tumblr {background: url('../images/tumblr_btn_big.png') no-repeat;}
#content > section.socialcontacts a.youtube {background: url('../images/youtube_btn_big.png') no-repeat;}
#content > section.socialcontacts a.flickr {background: url('../images/flickr_btn_big.png') no-repeat;}
#content > section.socialcontacts a.slideshare {background: url('../images/slideshare_btn_big.png') no-repeat; width:61px; height:59px; padding: 3px 1px 0px 0px;}
#content > section.socialcontacts a.slideshare:hover {background-position: 0px -59px!important; padding-top:2px!important; height:60px;}

#container.fixed #content {margin: -567px auto 0;}
#container.fixed .insidepic {padding-top:35px;margin-bottom:5px;}
#container.fixed .insidepic img {max-width: 100%;}
#container.fixed article > .content {max-width:750px;margin:0 auto;}
#container.fixed blockquote.right {position:relative;right:-127px;float:none !important;}
#container.fixed blockquote.left {position:relative;left:-127px;float:none !important;}
#container.fixed #content > section.preview.article article div.bar {display:none;}
#container.fixed #content > section.preview.article article div.bar.footer {display:block;}
#container.fixed #content > section.preview.article article div.bar.footer .socials {display:none;}
#container.fixed #content > section.preview.article article div.bar.footer .tags {width:83%;margin-bottom:0;}

#content aside { background: #231f20 url(../images/bkgrnd_pattern_black.png) repeat top left; padding: 20px 0px 99999px 0px!important;margin-bottom: -99999px;}
#content aside .accordion {margin-bottom:5px;}
#content aside .accordion a {color:#fff;font-family: "RalewaySemibold", sans-serif; font-size:16px; display:block;}
#content aside .accordion > span {display:block; height:40px; width:100%; background:url('../images/bg_menu_large.png') repeat-x 0px 6px;}
#content aside .accordion > span:hover, 
#content aside .accordion.activated > span,
#content aside .accordion.selected > span {background:url('../images/bg_menu_large_over.png') repeat-x 0px 6px;}

#content aside .accordion > span > span {display:block; height:40px; margin:0 0 5px 0; background-position: 10px 0px!important;}
#content aside .accordion > span > span:hover, 
#content aside .accordion.activated > span > span,
#content aside .accordion.selected > span > span {background-position: 10px -40px!important;}
#content aside .accordion > span > span.featured {background: url(../images/projects_all.png) no-repeat;}
#content aside .accordion > span > span.all {background: url(../images/projects_featured.png) no-repeat;}
#content aside .accordion > span > span.clientes {background: url(../images/projects_clientes.png) no-repeat;}
#content aside .accordion > span > span.websites {background: url(../images/projects_websites.png) no-repeat;}
#content aside .accordion > span > span.lojas {background: url(../images/projects_lojas.png) no-repeat;}
#content aside .accordion > span > span.apps {background: url(../images/projects_apps.png) no-repeat;}
#content aside .accordion > span > span.jogos {background: url(../images/projects_jogos.png) no-repeat;}
#content aside .accordion > span > span.redes {background: url(../images/projects_redes.png) no-repeat;}
#content aside .accordion > span > span.promo {background: url(../images/projects_promo.png) no-repeat;}
#content aside .accordion > span > span.case {background: url(../images/projects_casestudy.png) no-repeat;}
#content aside .accordion > span > span.categorias {background: url(../images/news_categorias.png) no-repeat;}
#content aside .accordion > span > span.marcadores {background: url(../images/news_marcadores.png) no-repeat;}
#content aside .accordion > span > span.estrategia {background: url(../images/suporte_estrategia.png) no-repeat;}
#content aside .accordion > span > span.criatividade {background: url(../images/suporte_criatividade.png) no-repeat;}
#content aside .accordion > span > span.tecnologia {background: url(../images/suporte_tecnologia.png) no-repeat;}
#content aside .accordion > span > span.promocao {background: url(../images/suporte_promocao.png) no-repeat;}
#content aside .accordion > span > span a {padding-left:60px;display:block; line-height:28px;height:40px; background:url('../images/projects_arrow2.png') no-repeat 94%  5px; width:100%;padding-bottom:6px;padding-top:6px;}
#content aside .accordion.single > span > span a {background:none;}
#content aside .accordion.activated  > span > span a {background-position: 94% -30px!important;}
#content aside .accordion li {display:table;width:100%;}
#content aside .accordion li a {font-family: "RalewaySemibold", sans-serif!important;font-size:14px; margin:0; padding:0 0 0 60px; line-height:1em; display:table-cell; vertical-align:middle;width:100%; height:30px;}
#content aside .accordion > div {display:none;margin-top:5px;overflow:hidden;}
#content aside .accordion ul {list-style:none; margin:0; padding:0;}
#content aside .accordion ul > li {height:30px; background:url('../images/bg_menu.png'); margin-bottom:2px;line-height:1.500em;}
#content aside .accordion ul > li:hover {background:url('../images/bg_menu_over.png');}
#content aside .accordion ul > li.selected {background:url('../images/bg_menu_over.png');}
#content aside .accordion ul > li.disabled {background:url('../images/bg_menu.png');}
#content aside .accordion ul > li.disabled a {color: #7C7C7C;cursor:default;}
#content aside .accordion a > span {font-size:11px;}
#content aside .accordion.activated > div {display:block;}
#content aside .accordion > div.markers {background:url('../images/bg_menu.png'); height:auto; width:100%;}
#content aside .accordion > div.markers ul {text-align:center;display:block;list-style:none; margin:0;padding:5px;}
#content aside .accordion > div.markers ul > li {height:auto; display:inline; width:auto; background:none;}
#content aside .accordion > div.markers ul > li a:hover {color:#00aedb!important;}
#content aside .accordion > div.markers ul > li.tag1 a {font-size:8px!important;}
#content aside .accordion > div.markers ul > li.tag2 a {font-size:12px!important;}
#content aside .accordion > div.markers ul > li.tag3 a {font-size:18px!important;}
#content aside .accordion > div.markers ul > li.tag4 a {font-size:30px!important;}
#content aside .accordion > div.markers ul > li a {padding:0px 6px;width:auto; display:inline; line-height:normal;}
#content aside .nav {padding:10px 10px 30px 10px;display:none;position:relative;}
#content aside .nav.hide {display:none !important;}
#content aside .nav a.top {width:49px;height:57px;display:block;margin:0 auto;background:url('../images/top_btn.png') no-repeat top left;margin-top:0;}
#content aside .nav a.top:hover {background-position: bottom left;}
#content aside .nav a {color:#ffffff;font-family: "RalewayBold", sans-serif !important;font-size:14px;line-height:1em;display:block;width:83%;margin:0 auto;height:14px;margin-top:25px;}
#content aside .nav a span {float:left;}
#content aside .nav a span.asset {display:block;width:13px;height:9px;background:url('../images/related_arrow.png') no-repeat top left;float:left;margin-top:2px;float:right;}
#content aside .nav a:hover {color:#33bee2;}
#content aside .nav a:hover span.asset {background-position: left bottom;}

#content { max-width: 1076px; min-height: 300px; padding:0px 8px;margin: -183px auto 0; background: url(../images/main_center.png) repeat top left; position: relative; z-index: 999; }
#content.minus { margin-top: -128px; }
#content > span.top { width:100%; display: block; height: 13px; background: url(../images/main_top.png) no-repeat top left; position: absolute; top: -13px; left: 0; }
#content header { text-transform: lowercase; margin-bottom: 11px; position: relative; }
#content header > span { background: #2e2828; color: #ffffff; font-family: "Raleway", sans-serif; font-size: 17px; line-height: 1.625em; display: block;
	float: left; padding: 0 12px; position: relative; z-index: 1;}
#content header > span.border {display:block;width:100%;height:1px;position:absolute;top:0;left:0;background:#e3e3e3;z-index:0;line-height: 1em;padding:0;}
#content header > span > span { background: url(../images/header_bg.png) no-repeat top left; display: block; width: 13px; height: 11px; display: block;
	position: absolute; right: -1px; bottom: -11px; }
#content header.inverted > span > span { background: url(../images/inverted_arrow.png) no-repeat top left; }
#content header a { position: absolute; bottom:0; right:0; text-decoration: none; color: #00b1d5; font-size: 16px; font-family: "RalewaySemibold", sans-serif; line-height:1em;}
#content header a:hover {color:#282425;}

#clients ul { list-style: none; padding: 0; margin:0;}
#clients ul li { float: left; text-align: center; height: 94px; line-height: 94px; }
#clients ul li:first-child { margin-left: 0; }
#clients ul li a { display: block; line-height: 69px; text-align: center; height: 94px; line-height: 94px; }
#clients ul li a img {height:94px;width:94px;display:block;margin:0 auto;}
#clients ul li a img.hover {display:none;}
#clients ul li a img.normal { opacity: .5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
#clients ul li a:hover img.hover {display:block;}
#clients ul li a:hover img.normal {display:none;}
#clients ul li a:hover.disabled img.hover {display:none;}
#clients ul li a:hover.disabled img.normal {display:block;}
#clients ul li a.disabled {cursor:default;}

#services-headers { padding-bottom: 0px!important;margin-bottom: 20px; margin-top: -18px; }
#services-headers h2 { font-family: "RalewaySemiBold", sans-serif; font-size: 38px; line-height: 1.447em; text-align: center;text-transform: uppercase;}
#services-headers h1 { font-family: "Raleway", sans-serif; font-size: 21px; line-height: 1.200em; color: #666666; text-align: center; margin-bottom: 10px; }

#services { padding-bottom: 0px!important;margin-bottom: 80px !important; margin-top: 70px !important; }
#services > div {overflow: hidden;position:relative;}
#services > div article {width: 25%; padding: 0 10px;float: left; margin-bottom: -99999px; padding-bottom: 99999px; position: static; }
#services > div > div:first-child article:first-child {border:none;}
#services > div article h3 {text-align:left;font-family: "RalewaySemibold", sans-serif; font-size: 24px; color: #2e2828; text-transform: none; margin: 20px 0 11px; }
#services > div article h3 > a {font-size: 24px; color: #2e2828;line-height:1.2em;}
#services > div article h3 > a:hover {color: #00b1d5;}
#services > div article p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666666; font-size: 12px; line-height: 1.500em; margin-bottom: 60px; margin-top: 0;text-align:left;}
#services > div article p span {color:#00aedb;}
#services > div article a { text-decoration: none; font-family: "RalewaySemibold", sans-serif; color: #00b1d5; font-size: 16px; }
#services > div article a:hover {color:#282425;}
#services > div article a.image {display:block;position:relative; overflow:hidden;text-align: center;}
#services > div article a.button {padding:0 25px;position:relative;left:0;width:100%;text-align: center;}
#services > div article .button-container {position:absolute;bottom:0;left:auto;width: 25%;padding: 0 20px 0 0px;}
#services > div article .button-container > span {float:left;position:relative;left:0;width:100%;}
#services > div article img {width:100%;}
#services > div article .hover {display:none;position:absolute;top:0;left:50%;width:100%;}
#services > div article .hover img {position:relative;left:-50%;}

.ask_analyse {overflow: hidden;width:100% !important;max-width:100% !important;padding:50px 0!important; margin-top:30px!important;background: #231f20;text-align:center;}
.ask_analyse header {font-family:'OpenSansExtraBold',sans-serif;font-size:45px;color:#ffffff;text-transform:uppercase !important;margin-bottom: 15px !important;}
.ask_analyse p.sub {font-family: "Raleway", sans-serif;font-size:20px;color:#ffffff;letter-spacing: 0.05em;margin:0;}
.ask_analyse article {width:100%;position:relative;background: url('../images/ask-proposal-robot.png') no-repeat right center;}
.ask_analyse article .button-container {position:relative;left:50%;float:left;margin-top: 35px;margin-bottom: 32px;}
.ask_analyse article .button-container .button {position:relative;left:-50%;}
.ask_analyse p {color:#ffffff;font-size:16px;font-family: "Raleway", sans-serif;line-height:1.625em;margin:0 0 12px;}
.ask_analyse p span {color:#7d7d7d;}
.ask_analyse article > a {font-family: "RalewaySemibold", sans-serif;font-size:20px;color:#ee6e1f;}
.ask_analyse article > a:hover {color:#ffffff;}

.articles {max-width:1024px;position:relative;}		
.articles section {margin-bottom: 0 !important;position:relative;}
.articles article { padding-top: 7px; position:static; }
.articles article img {width:100%;}
.articles a.image {display: block; overflow: hidden; border: 1px solid #d7d5d5; margin-bottom: 5px; float: none !important; width:100%;position:relative;}
.articles a.image img {width: 100%;}
.articles a.noimage {min-height: 124px;line-height: 122px;background: #231f20 url(../images/bkgrnd_pattern_black.png) repeat top left;text-align: center;padding: 0 10px;}
.articles a.noimage img {max-width: 100%;width: auto;max-height: 124px;}
.articles.support a.noimage {min-height:171px;line-height: 169px;}
.articles.support a.noimage img {max-width: 100%;width: auto;max-height: 169px;}
.articles article h3, .articles article header { margin-bottom: 12px !important; font-family: "RalewayLight", sans-serif; font-size: 22px; text-transform: none !important; color: #00b1d5; -webkit-font-smoothing: subpixel-antialiased; line-height: 1.091em; }
.articles article h3 > a, .articles article header > a {position:relative !important;bottom:0 !important; right:auto !important;color: #00b1d5 !important;font-family: "RalewayLight", sans-serif !important;font-size: 20px !important; line-height: 1.150em !important;float:none !important;}
.articles article h3 > a:hover, .articles article header > a:hover {color:#282425 !important;}
.articles article p { font-family: "RalewayMedium", sans-serif; -webkit-font-smoothing: subpixel-antialiased; font-size: 14px; color: #666666; line-height: 1.429em; margin:0 0 24px !important; }	
.articles article p.date {margin:-10px 0 13px 0 !important;font-family: "RalewaySemibold", sans-serif;color:#2e2828;font-size:14px;line-height:1em;}
.articles article a { text-decoration: none; font-family: "RalewaySemibold", sans-serif; color: #00b1d5; font-size: 16px; -webkit-font-smoothing: subpixel-antialiased; }
.articles article span.date {position:absolute;bottom:0;right:0;background: #d7d5d5;color: #7d7d7d;font-size: 12px;padding: 5px;}
.articles article a:hover {color:#282425 !important}
.articles article a.readmore {position:absolute;left:auto;bottom:0;}
.articles .line {height:40px!important;}
.articles.projects article h3, .articles.projects article header {margin-bottom:0 !important;}
.articles.projects article span {float:none;} 
.articles.projects .tags {margin-top:8px !important}

form {margin-top:20px !important;}
form .row {margin-top:15px;}
form .row.nomargin {margin-top:0;}
form .row:first-child {margin-top:0;}
form .row > .left {padding-left:0;}
form .row > .onethree {width:33.3%;}
form .row > .right {padding-right:0;}
form .row > .column > .column {padding:0;margin-top:15px;}
form .row > .column > .column:first-child {margin-top:0;}
form label {font-family: "RalewayMedium", sans-serif;font-size:16px;color:#666666;line-height:1em;cursor:pointer;text-transform:lowercase;}
form label span {color:#00b1d5;}
form input {display:block;width:100%;background:#f7f7f7;border:1px solid #e1e1e1;padding:10px;margin-top:8px;font-family: "RalewayMedium", sans-serif;font-size:12px;color:#2e2828;}
form input.error {border:1px solid #e22a40 !important;}
form span.characterCounter {font-family: "Raleway", sans-serif;color:#9fa09f;font-size:12px;line-height: 1em;float: right;display: block;margin-top: 7px;}
form div.errors ul {margin:5px 0 0 0 !important;list-style: none;padding:0;}
form div.errors ul li {padding:0 !important;font-size:12px !important;color:#e22a40 !important;text-transform: lowercase;font-family: "Raleway", sans-serif;line-height: 1.429em;}
form div.errors ul li:before{content:"" !important;margin:0 !important;}
form p {color:#9fa09f !important;font-family: "RalewaySemibold", sans-serif !important;font-size:12px !important;margin: 15px 0 0 !important;}
form p span {color:#00b1d5;}
form div.item {position: relative;}
form div.item .group {width: 100%;position: relative;padding-right:25px;}
form div.item .group a {width:16px;padding:0;height:16px;line-height:16px;font-size:15px;text-align:center;position:absolute;right:0px;top:17px;}
form div.row > button {font-size:15px !important;line-height: 35px;height:35px;margin-top:10px;width:95px!important;text-align: center;padding: 0 10px !important;}
form div.radio {margin-top:8px;margin-right:20px;}
form div.radio label {line-height:16px;color:#9fa0a1;font-size:12px;font-family: "RalewaySemibold", sans-serif;}
form div.radio label > span {margin-right:5px;width:16px;height:16px;display:block;float:left;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#f7f7f7;border:1px solid #e1e1e1;padding:3px;position:relative;}
form div.radio label > span > span {width:100%;height:100%;display:block;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
form div.radio label > span > span input {width:16px;height:16px;margin:0;position:absolute;top:0;left:0;z-index:99;cursor:pointer;opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
form div.radio.checked  label > span > span {background:#00b1d5;}
form div.radio.error label > span {border:1px solid #e22a40 !important;}
form div.checkbox {margin-top:8px;position:relative;padding-left:21px;}
form div.checkbox label {line-height:16px;color:#9fa0a1;font-size:14px;font-family: "RalewaySemibold", sans-serif;text-transform:none;}
form div.checkbox span {width:16px;height:16px;display:block;float:left;background:#f7f7f7;border:1px solid #e1e1e1;position:absolute;top:0;left:0;}
form div.checkbox span input {width:16px;height:16px;margin:0;position:absolute;top:0;left:0;z-index:99;cursor:pointer;opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
form div.checkbox.checked span {background:#f7f7f7 url('../images/checkbox_ok.png') no-repeat 2px 2px;}
form div.checkbox-container {margin-top: -12px;position:relative;}
form div.checkbox-container ul {margin:0 !important;}
form div.checkbox-container ul li {padding:0 !important;float:left;margin-right:20px;}
form div.checkbox-container ul li:before {content:"" !important;margin:0 !important;padding:0 !important;}
form div.checkbox-container ul li.hidden-required {display:none;}
form div.checkbox-container ul li span {width:25px;height:25px;background:#f7f7f7;border:1px solid #19b8d9;}
form div.checkbox-container ul li span input {width:25px;height:25px;}
form div.checkbox-container ul li .checkbox {padding-left:30px;margin-top:20px;}
form div.checkbox-container ul li .checkbox label {line-height:25px;color:#00b1d5;font-family: "RalewayMedium", sans-serif;font-size:15px;}
form div.checkbox-container ul li .checkbox.blue label {text-transform: lowercase;}
form div.checkbox-container ul li .checkbox.checked span {background:#f7f7f7 url('../images/checkbox-big.png') no-repeat center center;}
form div.checkbox-container > select {opacity: 0;height: 1px;margin: 0;position: absolute;border: none;top: 100%;margin-top: 57px;}
form div.featured label {color:#666666;}
form div.featured span {background-color:#2e2828 !important;border:1px solid #2e2828;}
form div.checkbox.error span {border:1px solid #e22a40 !important;}
form div.select {width:100%;background:#f7f7f7;border:1px solid #e1e1e1;height:35px;margin-top:8px;font-family: "RalewayMedium", sans-serif;font-size:12px;color:#2e2828;position:relative;}
form div.select select {border:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:99;cursor:pointer;opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
form div.select .value {line-height: 35px;width:100%;padding:0 35px 0 10px;overflow:hidden;display:block;height:35px;}
form div.select .btn {width:23px;display:block;height:25px;position:absolute;top:4px;right:4px;background:url('../images/select_button.png') no-repeat top left;}
form div.select:hover .btn {background-position: left -26px !important;}
form div.select.error {border:1px solid #e22a40 !important;}
form div.select.blue {border:1px solid #0db5d7;font-size:16px;color:#0db5d7;}
form div.file {margin-top:8px;width:100%;padding-right:100px;position:relative;height:35px;overflow:hidden;}
form div.file div.value {width:100%;background:#f7f7f7;border:1px solid #e1e1e1;height:35px;font-family: "RalewayMedium", sans-serif;overflow:hidden;font-size:12px;color:#2e2828;position:relative;line-height:35px;padding:0 10px;}
form div.file button {font-size:15px !important;line-height: 35px;height:35px;width:95px!important;text-align: center;position:absolute;right:0;top:0;}
form div.file input {height:35px;width: 150%;position: absolute;top: 0;right: 0;margin: 0;padding: 0;z-index: 2;cursor:pointer;opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
form div.file:hover button {background-color:#2e2828 !important;}
form div.file.error div.value {border:1px solid #e22a40 !important;}
form textarea {display:block;width:100%;background:#f7f7f7;border:1px solid #e1e1e1;padding:10px;margin-top:8px;font-family: "RalewayMedium", sans-serif;font-size:12px;color:#2e2828;max-width:100%;min-width:100%;height:100px;line-height:1.667em;}
form textarea.error {border:1px solid #e22a40 !important;}
form textarea.noresize {resize:none;}
form textarea.height {height: 257px;}
form > button {margin-top:20px;}
form .row.group > button {margin-top:20px;width:auto !important;}
form .row.group p.header {color:#2e2828 !important;font-size:24px !important;margin-top: 0 !important;padding-bottom: 20px;background: #fff;margin-left: -22px !important;margin-bottom:-15px !important;}
form .row.group p.header span {color:#00b1d5;font-size:48px !important;font-family: "OpenSansExtraBold", sans-serif;}
form .row.group {padding-right:50%;padding-left:20px;border-left:2px solid #0bb4d7;margin-top: 40px;}
form .mauticform-innerform .row.group {padding-right: 44%;background-position-x: 87%!important;}
form .row.group.group_sobre_o_projeto {background:url('../images/group-1.png') no-repeat 82% 0px;background-size: 200px;}
form .row.group.group_descrição {background:url('../images/group-2.png') no-repeat 82% 65px;background-size: 200px;}
form .row.group.group_dados_de_contacto {background:url('../images/group-3.png') no-repeat 82% 65px;background-size: 200px;}
form .row.group.group_1 {background:url('../images/form-orcamento-group-1.png') no-repeat 82% center;}
form .row.group.group_2 {background:url('../images/form-orcamento-group-2.png') no-repeat 82% center;}
#pedido-orcamento-cta {background:url('../images/form-orcamento-group-3.png') no-repeat 82% bottom;}
form .row.group.group_3 {height:140px;border:none;position:relative;}
form .row.group.group_3 button {background:none;border:none;padding:0 !important;margin:0;display:block;height:73px;position:absolute;top:0px;left:90px;font-family: "RalewaySemibold", sans-serif;font-size: 16px;color: #000000;}
form .row.group.group_3 button span.asset-left {display:block;width:10px;height:73px;background:url('../images/form-orcamento-asset-left.png') no-repeat top left;float:left;}
form .row.group.group_3 button span.value {text-shadow: 1px 1px 0px rgb(249, 212, 6);display:block;height:73px;float:left;background:url('../images/form-orcamento-asset-center.png') repeat-x top left;text-align:center;padding:10px 75px 0 75px;}
form .row.group.group_3 button span.value span.text {color:#282425;font-size:30px;font-family: "RalewaySemibold", sans-serif;display:block;}
form .row.group.group_3 button span.value span.sub {font-size: 11px;font-family: "RalewaySemibold", sans-serif;display: block;margin-top: 3px;}
form .row.group.group_3 button span.asset-right {display:block;width:23px;height:73px;background:url('../images/form-orcamento-asset-right.png') no-repeat top left;float:left;}
form .row.group.group_3 button:hover span {background-position: left bottom;}
form .row.captcha {width: 50%;margin: 15px 0 0 0;padding-right: 43px;}
form .captcha {padding-left:248px;position:relative;height:96px;}
form .captcha img {width: 238px !important;height: auto;position:absolute;top:0;left:0;border: 1px solid #e1e1e1;}
form .captcha a {display:block;width:28px;height:28px;position:absolute;right:10px;bottom:4px;background:url('../images/refresh_icon.png') no-repeat top left;} 
form .captcha a:hover {background-position: left bottom !important;}
form .captcha a.off {background-position: left bottom !important;opacity: 0.2;filter: alpha(opacity=20);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);cursor:default;}
form .captcha input {position: absolute;left: 248px;bottom: 0;width: 211px;}
form .captcha label {left: 248px;position: absolute;bottom: 44px;} 
form .captcha .errors {position: absolute;bottom: -17px;}
form .row.group .captcha {width:100%;}
form .row.group .captcha input {width:188px;}
form .mauticform-has-error input {border: 1px solid #d07474;}
form .mauticform-errormsg {font-size: 10px;font-family: "RalewayMedium", sans-serif;color: #d07474;}
form.blue .mauticform-errormsg {color:#000000;}
form.blue .mauticform-has-error input {border: 1px solid #000000!important;}

form#mauticform_formulariodeorcamentowebsite {background-position-x: 87%!important;}
#mauticform_formulariodeorcamentowebsite_criatividade {float:left;}
#mauticform_formulariodeorcamentowebsite_tecnologia {float:left;margin-left:30px;}

/* ALTERAÇÕES ORÇAMENTO */
form .mauticform-innerform .row.group {padding-right: 0 !important;background:none!important;}
#mauticform_formulariodeorcamentowebsite_criatividade {float:none;}
#mauticform_formulariodeorcamentowebsite_tecnologia {float:none;margin-left:0;}
form .mauticform-innerform div.checkbox-container li {width:100%;margin-right: 0;padding-left: 0px!important;}
form .mauticform-innerform div.checkbox-container li label {font-size:14px !important;}
#mauticform_formulariodeorcamentowebsite_estrategia {width:35%;float:left;}
#mauticform_formulariodeorcamentowebsite_criatividade {width:20%;float:left;}
#mauticform_formulariodeorcamentowebsite_tecnologia {width:20%;float:left;}
#mauticform_formulariodeorcamentowebsite_promocao {width:25%;float:left;}
form#mauticform_formulariodeorcamentowebsite {background:none!important;}
#mauticform_input_formulariodeorcamentowebsite_submit {position: relative;left: 0;margin: 0 auto;}
form .mauticform-innerform p.header {color:#2e2828 !important;font-size:24px !important;margin-top: 40px !important;background: #fff;}
form .mauticform-innerform p.header span {color:#00b1d5;font-size:48px !important;font-family: "OpenSansExtraBold", sans-serif;}
form .mauticform-checkboxgrp-row label {color:#00b1d5;font-family: "RalewayMedium", sans-serif;font-size:15px;display: block;line-height: 25px;clear: left;padding-left: 30px;margin-top: 20px;position: relative;}
form .mauticform-checkboxgrp-row label input {float:left;width: 25px;height: 25px;background: #f7f7f7;border: 1px solid #19b8d9;margin: 0;position: absolute;top: 0;left: 0;z-index: 999;opacity: 0;cursor:pointer;}
form .mauticform-checkboxgrp label:first-child + div > label {margin-top:10px;}
form .mauticform-checkboxgrp-row label input + span {display:block;position:absolute;top:0;left:0;width:25px;height:25px;z-index:0;background: #f7f7f7;border: 1px solid #19b8d9;filter:alpha(opacity=0);}
form .mauticform-checkboxgrp-row label input:checked + span {background:#f7f7f7 url('../images/checkbox-big.png') no-repeat center center;}
form .mauticform-row {margin-top:15px;}
#mauticform_formulariodeorcamentowebsite_newsletter label {line-height:16px;text-transform: none;color: #666666;padding-left: 20px;font-family: "RalewaySemibold", sans-serif;}
#mauticform_formulariodeorcamentowebsite_newsletter input {width:16px;height:16px;}
#mauticform_formulariodeorcamentowebsite_newsletter input + span {width:16px;height:16px;background:#2e2828;border:1px solid #2e2828;}
#mauticform_formulariodeorcamentowebsite_newsletter input:checked + span {background:#2e2828 url('../images/checkbox_ok.png') no-repeat 2px 2px;}

#mauticform_formulariodepedidodeanalisewebsite_email {clear:left;height:79px;}
#mauticform_formulariodepedidodeanalisewebsite_website1 {clear:left;}
#mauticform_formulariodepedidodeanalisewebsite_area_de_atividade {height:79px;}
#mauticform_formulariodepedidodeanalisewebsite_pontos_fortes_que_ve_no_s {clear:left;}
#mauticform_formulariodepedidodeanalisewebsite_mensagemquestao_a_colocar {clear:left;}
#mauticform_formulariodepedidodeanalisewebsite_newsletter label {line-height:16px;text-transform: none;color: #666666;padding-left: 20px;font-family: "RalewaySemibold", sans-serif;}
#mauticform_formulariodepedidodeanalisewebsite_newsletter input {width:16px;height:16px;}
#mauticform_formulariodepedidodeanalisewebsite_newsletter input + span {width:16px;height:16px;background:#2e2828;border:1px solid #2e2828;}
#mauticform_formulariodepedidodeanalisewebsite_newsletter input:checked + span {background:#2e2828 url('../images/checkbox_ok.png') no-repeat 2px 2px;}

#mauticform_formulariodecontactoswebsite_newsletter label {line-height:16px;text-transform: none;color: #666666;padding-left: 20px;font-family: "RalewaySemibold", sans-serif;}
#mauticform_formulariodecontactoswebsite_newsletter input {width:16px;height:16px;}
#mauticform_formulariodecontactoswebsite_newsletter input + span {width:16px;height:16px;background:#2e2828;border:1px solid #2e2828;}
#mauticform_formulariodecontactoswebsite_newsletter input:checked + span {background:#2e2828 url('../images/checkbox_ok.png') no-repeat 2px 2px;}


#mauticform_formulariodecontactoswebsite .mauticform-row {width:50%;float:left;padding:0 10px;}
#mauticform_input_formulariodecontactoswebsite_mensagem {height:120px!important;resize: none;}

#candidatura-espontanea .row.captcha {width:100%;padding-left: 175px;height:66px;}
#candidatura-espontanea .captcha input {left: 175px;width: 113px;}
#candidatura-espontanea .captcha img {width:165px !important;}
#candidatura-espontanea .captcha label {left:175px;}
#candidatura-espontanea .captcha a {right:0;}

form.blue {background:#00b1d5;}
form.blue .row > .onethree {width:100%;}
form.blue .row > .eight {width:100%;}
form.blue label {color:#ffffff;}
form.blue label span {color:#06758b;}
form.blue p {color:#ffffff !important;} 
form.blue p span {color:#06758b;}
form.blue input {background:#4cc8e2;border:none;color:#065e6f;}
form.blue span.characterCounter {color:#ffffff;}
form.blue div.radio label {color:#ffffff;}
form.blue div.radio label > span {background:#4cc8e2;border:none;}
form.blue div.radio.checked  label > span > span {background:#06758b;}
form.blue div.checkbox label {color:#ffffff;}
form.blue div.checkbox span {background:#4cc8e2;border:none;}
form.blue div.checkbox.checked span {background:#4cc8e2 url('../images/checkbox_ok_dark.png') no-repeat 2px 2px;}
form.blue div.select {background:#4cc8e2;border:none;color:#065e6f;}
form.blue div.select .btn {background:url('../images/select_button_dark.png') no-repeat top left;}
form.blue div.file div.value {background:#4cc8e2;border:none;color:#065e6f;}
form.blue textarea {background:#4cc8e2;border:none;color:#065e6f;}

.toggle form .captcha {padding-left: 158px !important;height:60px !important;padding-top:0 !important;width:100%;}
.toggle form .captcha img {width: 148px !important;}
.toggle form .captcha label {left: 158px;width: 125px;}
.toggle form .captcha input {left: 158px;width: 111px;padding-right: 35px;}
.toggle form .captcha a {bottom: 3px;right: 5px;background:url('../images/refresh_icon_dark.png') no-repeat top left;}

form.dark {background:#2e2828;}
form.dark .row > .onethree {width:100%;}
form.dark .row > .eight {width:100%;}
form.dark label {color:#9fa09f;}
form.dark input {background:#06758b;border:none;color:#ffffff;}
form.dark div.radio label > span {background:#06758b;border:none;}
form.dark div.radio.checked  label > span > span {background:#00aedb;}
form.dark div.checkbox span {background:#06758b;border:none;}
form.dark div.select {background:#06758b;border:none;color:#ffffff;}
form.dark div.file div.value {background:#06758b;border:none;color:#ffffff;}
form.dark textarea {background:#06758b;border:none;color:#ffffff;}
.toggle form.dark .captcha a {bottom: 3px;right: 5px;background:url('../images/refresh_icon_dark2.png') no-repeat top left;}

form .alerts ul {margin:15px 0 !important;padding:0;list-style:none;width:100%;}
form .alerts ul li {height:50px;font-size:16px !important;color:#ffffff !important;font-family: "RalewayMedium", sans-serif;line-height:1em !important;padding:0 0 0 55px !important;margin-top:15px !important;}
form .alerts ul li:first-child {margin-top:0px !important;}
form .alerts ul li:before {content:"" !important;margin:0 !important;}
form .alerts ul li.sending {background: #4cc8e2 url('../images/form_sending.png') no-repeat 15px center;}
form .alerts ul li.sent {background: #00aedb url('../images/form_sent.png') no-repeat 15px center;}
form .alerts ul li.errors {background: #e22a40 url('../images/form_error.png') no-repeat 15px center;}
form .alerts ul li span {width:100%;display:table-cell;vertical-align:middle;height:50px;}
form.blue .alerts ul li.sent {background: #06758b url('../images/form_sent.png') no-repeat 15px center;}

div.toggle {position:absolute;top:100%;left:0;width:300px;padding:0;display:none;z-index: 99999;}
div.toggle.blue.light > div {background:#00b1d5;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:15px;}
div.toggle.blue.dark > div {background:#2e2828;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:15px;}
div.toggle form {margin:0 !important;}
div.toggle form .alerts ul {margin-top:0 !important;}
div.toggle form textarea {resize:none;}

#services_header { width:100%; background: #231f20 url(../images/bkgrnd_pattern_black.png) repeat top left; }
#services_header a {font-family: "RalewayMedium", sans-serif; color:#fff; text-decoration:none; font-weight:normal;}
#services_header > div.main {max-width:1024px; margin:0 auto; position:relative; height:100%; padding-bottom: 170px;}
#services_header > div.main > div.container {max-width: 1024px; margin:0 auto; overflow:hidden;}
#services_header > div.main > div.container ul {float:left; list-style:none; margin:0; padding:0;}
#services_header > div.main > div.container ul > li {height:48px;position:relative;padding:0 10px;}
#services_header > div.main > div.container ul > li h3:hover{background-position: 20px bottom!important;}
#services_header > div.main > div.container ul > li.activated h3 {background-position: 20px bottom!important;}
#services_header > div.main > div.container ul > li.activated h3 a {color:#00aedb!important;}
#services_header > div.main > div.container ul > li:first-child {padding:25px 10px 30px 10px!important; height:123px;}
#services_header > div.main > div.container ul > li:first-child a:hover {background-position: 0px bottom!important;}
#services_header > div.main > div.container ul > li:first-child.activated a {background-position: 0px bottom!important;color:#00aedb;}
#services_header > div.main > div.container ul > li.estrategia {background:url('../images/services_arrow_top.png') no-repeat right 13px;}
#services_header > div.main > div.container ul > li.criatividade {background:url('../images/services_arrow_bottom.png') no-repeat right 75px;}
#services_header > div.main > div.container ul > li.tecnologia {background:url('../images/services_arrow_top.png') no-repeat right 13px;}
#services_header > div.main > div.container ul > li.estrategia a {background: url('../images/service_estrategia.png') no-repeat 0px 0px;}
#services_header > div.main > div.container ul > li.criatividade a {background: url('../images/service_criatividade.png') no-repeat 0px 0px;}
#services_header > div.main > div.container ul > li.tecnologia a {background: url('../images/service_tecnologia.png') no-repeat 0px 0px;}
#services_header > div.main > div.container ul > li.promocao a {background: url('../images/service_promocao.png') no-repeat 0px 0px;}
#services_header > div.main > div.container ul > li:first-child span {display:block;width:101px;height:27px;position:absolute;left:10px;bottom:0;background: url('../images/services_dottedli.png') no-repeat top left;}
#services_header > div.main > div.container ul > li.apo h3 {background: url('../images/service_apo.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.planeamento h3 {background: url('../images/service_planeamento.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.usabilidade h3 {background: url('../images/service_usabilidade.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.analytics h3 {background: url('../images/service_webanalytics.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.design h3 {background: url('../images/service_design.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.websites h3 {background: url('../images/service_websites.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.apps h3 {background: url('../images/service_apps.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.criatividades h3 {background: url('../images/service_criatividades.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.jogos h3 {background: url('../images/service_jogos.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.copy h3 {background: url('../images/service_copy.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.lojas h3 {background: url('../images/service_lojas.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.socials h3 {background: url('../images/service_socials.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.ria h3 {background: url('../images/service_ria.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.seo h3 {background: url('../images/service_seo.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.adwords h3 {background: url('../images/service_adwords.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.facebook h3 {background: url('../images/service_facebook.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.email h3 {background: url('../images/service_email.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.rp h3 {background: url('../images/service_rp.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.lead h3 {background: url('../images/service_lead.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li.display h3 {background: url('../images/service_display.png') no-repeat 20px 0px;}
#services_header > div.main > div.container ul > li a {height:38px; width:100%;padding:0px 0px 0px 65px; display:block;background:url('../images/single_dot.png') repeat-y 0px 0px;display:table-cell;vertical-align:middle;}
#services_header > div.main > div.container ul > li > span {display:block; width:100%; height:10px; background:url('../images/single_dot.png') repeat-y 0px 0px;}
#services_header > div.main > div.container ul > li:first-child a { height:68px; width:100%;padding:0px 0px 0px 75px; display:block; line-height:68px; }
#services_header > div.main > div.container ul > li.last a {background:url('../images/last_dot.png') no-repeat 0px 0px;}
#services_header > div.main > div.container ul > li.last span {display:none;}
#services_header > div.main > div.container a:hover {color:#00aedb;}
#services_header > div.main > div.container a > span {font-size:12px;}
#services_header > div.main > div.container h4 {font-size:25px; margin:0; padding:0; width:100%;}
#services_header > div.main > div.container h3 {font-family: "Raleway", sans-serif!important;font-size:14px; margin:0; padding:0;display:table;width:100%;}

#services_header > div.secondary {display:none; width:480px; height:auto; margin:0 auto;}
#services_header > div.secondary .accordion {padding:5px 0 0;}
#services_header > div.secondary .accordion:first-child {padding-top:0;}
#services_header > div.secondary .accordion > div {display:none;}
#services_header > div.secondary h4 {font-size:22px; height:73px; line-height:3.318em;background:url('../images/bg_menu.png');}
#services_header > div.secondary h4:hover {background:url('../images/bg_menu_over.png');}
#services_header > div.secondary h4 a {padding-left:121px;display:block; line-height:3.318em;position:relative;}
#services_header > div.secondary h4 a:hover {background-position: 26px -73px!important;}
#services_header > div.secondary .activated h4 {background:url('../images/bg_menu_over.png');}
#services_header > div.secondary .activated h4 a {background-position: 26px -73px!important;}
#services_header > div.secondary .activated > div {display:block;}
#services_header > div.secondary h4 a.estrategia {background: url('../images/mobile_estrategia.png') no-repeat 26px 0px;}
#services_header > div.secondary h4 a.criatividade {background: url('../images/mobile_criatividade.png') no-repeat 26px 0px;}
#services_header > div.secondary h4 a.tecnologia {background: url('../images/mobile_tecnologia.png') no-repeat 26px 0px;}
#services_header > div.secondary h4 a.promocao {background: url('../images/mobile_promocao.png') no-repeat 26px 0px;}
#services_header > div.secondary h4 span {display:block;width:9px;height:8px;background: url('../images/service_arrow_selector.png') no-repeat top left;position:absolute;top:50%;margin-top:-4px;right:26px;}
#services_header > div.secondary h4.activated span {background-position: left bottom !important;}
#services_header > div.secondary h3 {font-family: "Raleway", sans-serif!important;font-size:13px; margin:0; padding:0; line-height:2.692em; width:100%; height:30px;
	background-size: 30px !important; display:table; height: 30px; overflow: hidden;}
#services_header > div.secondary h3:hover {background-position:77px bottom!important;}
#services_header > div.secondary h3.activated {background-position: 77px bottom!important;}
#services_header > div.secondary h3.activated a {color:#00aedb!important;}
#services_header > div.secondary h3.apo {background: url('../images/service_apo.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.planeamento {background: url('../images/service_planeamento.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.usabilidade {background: url('../images/service_usabilidade.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.analytics {background: url('../images/service_webanalytics.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.design {background: url('../images/service_design.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.websites {background: url('../images/service_websites.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.apps {background: url('../images/service_apps.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.criatividades {background: url('../images/service_criatividades.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.jogos {background: url('../images/service_jogos.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.copy {background: url('../images/service_copy.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.lojas {background: url('../images/service_lojas.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.socials {background: url('../images/service_socials.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.ria {background: url('../images/service_ria.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.seo {background: url('../images/service_seo.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.adwords {background: url('../images/service_adwords.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.facebook {background: url('../images/service_facebook.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.email {background: url('../images/service_email.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.rp {background: url('../images/service_rp.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.lead {background: url('../images/service_lead.png') no-repeat 77px 0px;}
#services_header > div.secondary h3.display {background: url('../images/service_display.png') no-repeat 77px 0px;}
#services_header > div.secondary ul {list-style:none; margin:5px 0 0 0; padding:0;}
#services_header > div.secondary ul > li {height:38px; background:url('../images/bg_menu.png'); margin-top:2px;padding:4px 0px;}
#services_header > div.secondary ul > li:first-child {margin-top:0;}
#services_header > div.secondary ul > li:hover {background:url('../images/bg_menu_over.png');}
#services_header > div.secondary ul > li a {display:table-cell;line-height:1em;padding-left:121px;height:30px;vertical-align:middle;}
#services_header > div.secondary a > span {font-size:11px;}

#services_header > div > span {display:block; height:23px; width:95px; position:absolute; text-align:center; left:0px; bottom:148px; line-height:1.286em;background: url('../images/bg_menu.png'); }
#services_header > div > span > a {background: url('../images/toggle_white_up_bold.png') no-repeat 8px 6px;padding:0px 0px 0px 10px;font-family: "RalewaySemiBold", sans-serif; color:#fff; text-decoration:none; font-size:14px;display:block;width:100%;height:100%;line-height:23px;}
#services_header > div > span.hidebutton > a {background: url('../images/toggle_white_down_bold.png') no-repeat 8px 6px;}
#services_header > div > span:hover {background:url('../images/bg_menu_over.png');}


#container.error .top.shadow {z-index:999;}
#error { width: 100%; height: 642px; background: url('../images/404.png') center top no-repeat #ffffff; overflow: hidden; position: relative; z-index: 0;}
#error .container {width:1024px; height:100%; margin: 0 auto; position:relative;}
#error .container div {font-family:  "RalewayMedium", sans-serif; color:#fff; font-size:60px; line-height:0.909em; position:absolute; top:135px; left:432px;}
#error .container div span {font-size:80px;}
#error .container > span {font-family:  "Raleway", sans-serif; color:#fff; font-size:30px;position:absolute; top:290px; left:432px;}
#error .container > a{ position:absolute;left:432px;top:372px;font-size:21px;}

.mhidden {display:none;}

.facebox_overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; background-color: black; z-index: 9998; display:none; }
#popup {position:fixed;top:50%;left:50%;height:502px;width:895px;margin-top:-292px;margin-left:-477px; z-index: 9999;overflow:hidden;background:#ffffff;padding: 30px 30px 53px 30px;}
#popup .close {display:block;width:22px;height:22px;background:url(../images/close_popup.png) no-repeat top left;position:absolute;top:5px;right:7px;}
#popup .close:hover {background-position: 0 -22px; }

.jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute}
.jspVerticalBar{position:absolute;top:0;right:0;width:7px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}
.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:#b9bebe;position:relative}
.jspDrag{background:#231f20;position:relative;top:0;left:0;cursor:pointer}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer}
.jspArrow.jspDisabled{cursor:default;background:#80808d}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}
.jspVerticalBar .jspArrow:focus{outline:0}
.jspCorner{background:#eeeef4;float:left;height:100%}
* html .jspCorner{margin:0 -3px 0 0}

/*FOUNDATION*/
.one, .row .one { width: 6.25%; }
.two, .row .two { width: 12.5%; }
.three, .row .three { width: 18.75%; }
.four, .row .four { width: 25%; }
.five, .row .five { width: 31.25%; }
.six, .row .six { width: 37.5%; }
.seven, .row .seven { width: 43.75%; }
.eight, .row .eight { width: 50%; }
.nine, .row .nine { width: 56.25%; }
.ten, .row .ten { width: 62.5%; }
.eleven, .row .eleven { width: 68.75%; }
.twelve, .row .twelve { width: 75%; }
.thirteen, .row .thirteen { width: 81.25%; }
.fourteen, .row .fourteen { width: 87.5%; }
.fifteen, .row .fifteen { width: 93.75%; }
.sixteen, .row .sixteen, .full { width: 100%; }
.one_three {width:33.3%;} 

.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}

.column, .columns { float: left; min-height: 1px; padding: 0 10px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }
.row { width: 100%; margin: 0 auto; }
.row { *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row.col { padding: 0 10px; }
/*FOUNDATION*/

@media only screen and (max-width : 1075px) {
	#floating-bar {display:none !important;}
	#container.fixed #content > section.preview.article article div.bar {display:block;}
	#container.fixed #content > section.preview.article article div.bar.footer {display:block;}
	#container.fixed #content > section.preview.article article div.bar.footer .socials {display:block;}
	#container.fixed #content > section.preview.article article div.bar.footer .tags {width:100%;margin-bottom:8px;}
	
	body > header > .container {max-width:768px;padding:0px 10px;}
	body > header nav {margin-top: 28px;}
	body > header nav > ul > li {font-size:16px;}
	body > header nav > ul > li:first-child a {font-size:14px;}
	body > header nav > ul > li.cta-orcamento span.consulting {display:none;}
	body > header nav > ul > li.cta-orcamento span.underline {background-size: 64%;bottom: -12px;}
	body > header nav > ul > li.cta-orcamento span.ask {background-size: 90%;}
	
	body > footer p.title {font-size:17px;}
	body > footer > div {max-width:768px!important;}
	body > footer .socials {padding-right:10px;}
	body > footer .socials > ul li {padding:0 9px 0 48px;}
	body > footer .socials > ul li > a {left:3px;}
	body > footer .socials > div > span {float: none; }
	body > footer .socials > ul li {max-width:239px;}
	body > footer .socials > div li:first-child {margin-left:0;}
	body > footer .contact {padding-right:10px;padding-left:10px;}
	body > footer .newsletter {padding-left:10px;}

	body > footer .financiado { float: left; };
	
	#content > span.top { max-width: 1004px; background:url(../images/tablet_top.png) no-repeat;}
	#content { width: 768px;padding:0px 0px;margin:0px auto; background:#fff;}
	
	#content header > span {font-size: 15px;padding: 0 10px;line-height: 1.3em;padding: 3px 10px;}
	#content header a {line-height: 25px;}
	
	#submenuhead nav {max-width:768px;}
	#submenuhead nav ul {right:10px;}
	#content.submenuhead {margin: -183px auto 0!important;}
	
	.bottom.shadow {display:none;}
	.top.shadow {z-index: 99;}
	#slideshow {height:auto;min-width:100%;background:none;}
	#slideshow .imagelist {width:768px;margin: 0px auto;}
	#slideshow .imagelist ul {margin:0;padding:0;list-style:none;position:relative;}
	#slideshow .imagelist ul li {width:100%;float:none;display:none;}
	#slideshow .imagelist ul li:first-child {display:block;}
	#slideshow .imagelist ul li img {width:100%;}
	#slideshow .bx-wrapper {position:relative;}
	#slideshow .bx-controls {position:absolute;bottom:15px;right:0px;z-index: 99;width: 100%;padding: 0 10px;height:33px;}
	#slideshow .bx-controls .bx-pager {position:absolute;z-index: 1;top:0;right:10px;}
	#slideshow .bx-controls .bx-pager-item {float:left;font-family: 'Raleway', serif;float: left;height: 33px;width: 33px;display:block;}
	#slideshow .bx-controls .bx-pager-item a {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;margin-top:4px;margin-left:4px;height: 25px;width: 25px;display:block;background: #2e2828;color: #ffffff;text-align: center;line-height: 25px;font-size: 14px;cursor: pointer;}
	#slideshow.black .bx-controls .bx-pager-item a {background: #2e2828;color:#ffffff;}
	#slideshow.white .bx-controls .bx-pager-item a {background: #ffffff;color:#2e2828;}	
	#slideshow .bx-controls .bx-pager-item a:hover {background: #00b1d5 !important; cursor: pointer;}
	#slideshow.black .bx-controls .bx-pager-item a.active {margin:0;width:33px;height:33px;background: #2e2828;line-height:33px;cursor:default;color:#ffffff;}
	#slideshow.white .bx-controls .bx-pager-item a.active {margin:0;width:33px;height:33px;background: #ffffff;line-height:33px;cursor:default;color:#2e2828;}
	#slideshow .bx-controls span {width:100%;height:1px;background:#2e2828;display:block;margin-top:16px;z-index: 0;}
	
	#clients ul li {width:128px;}
	#clients ul li:nth-child(7) {display:none;}
	#clients ul li:nth-child(8) {display:none;}
	
	.ask_analyse article .button-container {margin-top: 50px;margin-bottom: 40px;}
	
	.button.big {height:42px;line-height:42px;font-size:17px;padding:0 18px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
	
	.articles section article span {display:block;margin-bottom:5px;}
	.articles article a {float:left!important;}
	
	#services_header > div.main {max-width:768px;}
	#services_header > div.main > div.container h4 {font-size:18px;}
	#services_header > div > span {left:10px;}
	#services_header > div.main > div.container h3 {font-size:12px;}
	#services_header > div.main > div.container a > span {font-size:10px;}
	#services_header > div.main > div.container ul.fourth li {padding-right:0;}
	#services_header > div.main > div.container ul > li.estrategia {background:url('../images/services_arrow_top_mobile.png') no-repeat right 13px;}
	#services_header > div.main > div.container ul > li.criatividade {background:url('../images/services_arrow_bottom_mobile.png') no-repeat right 75px;}
	#services_header > div.main > div.container ul > li.tecnologia {background:url('../images/services_arrow_top_mobile.png') no-repeat right 13px;}
	
	#error {background:url('../images/404_tablet.png') no-repeat top center;height:301px;width:100%;}
	#error .container {max-width: 768px!important;margin:0 auto;}
	#error .container div {width:435px;left:auto;right:0;font-size:43px;top:47px;}
	#error .container div span {font-size:55px;}
	#error .container > span {font-size:20px;top: 152px;left: 334px;}
	#error .container > a {left: 334px;top: 205px;}
	
	#content > .simple h1 {margin:15px 0px 0px 0px; }
	
	.contacts.minus {margin-top: 0px!important;}
	
	.articles a.noimage {min-height: 90px;line-height: 90px;}
	.articles a.noimage img {max-height: 90px;}
	
	#content > section.contactus header {padding-left:0px!important;}
	#content > section.contacts #callus {width:40%;}
	#content > section.contacts #whereweare {float:right;width:60%;}
	
	#content > section.list.grid.full {padding-right:0;}
	#content > section.list.grid article > span.image > a {width:170px;height:170px;}
	#content > section.list.grid section.left article > span.image > a {width:120px;height:120px;}
	
	#content > section.list.projects section.left article.casestudy > div > div img {width:235px;}
	
	#content > section.full.grid article > span.name {font-size:25px!important;}
	#content > section.full.grid article > .charact {height:37px;}
	#content > section.full.grid article .images.black {height:236px;}
	#content > section.full.grid article .images p {font-size:38px;}
	#content > section.full.grid article .images p.small {font-size: 14px;}
	
	#content > section.list.article section.left article > a {width:172px;}
	#content > section.list.article section.left article > a.noimage {min-height:90px !important;line-height:90px !important;}
	#content > section.list.article section.left article > a.noimage img {max-height:90px !important;}
	#content > section.list.article section.left article h3 { font-size:16px; line-height:1.250em;}
	#content > section.list.article section.left article p { font-size:13px; line-height:1.231em; margin-top:3px; }
	#content > section.list.article section.left article div {padding-left: 182px;}
	#content > section.list.article section.left article div > span { font-size:11px;line-height:14px;}
	#content > section.list.article section.left article div > a { font-size:14px;}
	
	#content > section.preview.article article div.bar.footer > div.socials {width:100%;}
	#content > section.preview.article article div.bar.footer > div.question {float:left;margin-top:8px;}
	#content > section.preview.article article div.bar.footer > div.question > div {right:auto;left:0;}
	#content > section.preview.article .navigator > div > span {width: 20px;}
	#content > section.preview.article .navigator > div > a {width: 259px;min-width: 259px;}
	#content > section.preview.article .articles a.noimage {min-height: 87px;line-height: 87px;}
	#content > section.preview.article .articles a.noimage img {max-height:87px;}
	
	#container.fixed #slideshow {display:none;}
	#container.fixed #content {margin: 0px auto 0;z-index: 0;}
	#container.fixed .bottom.shadow {display:block;z-index: 1;}
	#container.fixed .insidepic {padding-top:15px;margin-bottom:0px;}
	#container.fixed .insidepic img {max-width: 100%;}
	#container.fixed article > .content {max-width:100%;margin:0 auto;}
	#container.fixed blockquote.right {position:relative;right:0;float:none !important;}
	#container.fixed blockquote.left {position:relative;left:0;float:none !important;}
	#container.fixed #content > section.preview.article section.left {padding:0px 0px 99999px 0px !important;}
	#container.fixed #content > section.preview.article .navigator > div > a {width: 48.635%;min-width: 48.635%;}
	
	#content > .simple .gallery {width:539px;}
	#content > .simple .gallery.website .container .images ul li > div {height: 298px;}
	#content > .simple .gallery.website .container .images {padding: 22px 20px 0 20px}
	#content > .simple .gallery .container .label {width:513px;}
	#content > .simple .gallery.mobile .container .bx-controls {width:513px;margin-left: -117px;}
	#content > .simple .gallery.mobile .label {width:513px;margin-left: -117px;}
	
	#content aside .nav a {width:100%;}
	#content aside .nav a.news span.asset {margin-top:-19px;}
	
	form .captcha {padding-left: 212px;height: 82px;padding-top: 23px;}
	form .captcha img {width: 202px !important;}
	form .captcha label {left:212px;}
	form .captcha input {width: 119px;left:212px;}
	
	form .row.group .captcha {height: 66px;padding-left: 175px;}
	form .row.group .captcha label {left: 175px;}
	form .row.group .captcha img {width:165px !important;}
	form .row.group .captcha input {width: 134px;left: 175px;}
	
	form .row.group {background-position: 86% center !important;}
	#pedido-orcamento-cta {background-position: 86% bottom;}
	form .row.group.group_3 button {left: 55px;}
	form .row.group.group_3 button span.value {padding: 10px 29px 0;}
	
	#candidatura-espontanea .row.captcha {width:100%;padding-left: 0px;height:96px;}
	#candidatura-espontanea .captcha input {left: 0;width: 85%;bottom:0;}
	#candidatura-espontanea .captcha img {width:136px !important;}
	#candidatura-espontanea .captcha label {left:140px;bottom: 40px;}
	#candidatura-espontanea .captcha a {right:0;}
	
	#content > .simple .gifs-container > div img#inimigo1 {left: 20px;}
	#content > .simple .gifs-container > div img#inimigo2 {left: 185px;}
	#content > .simple .gifs-container > div img#inimigo3 {left: 350px;}
	#content > .simple .gifs-container > div img#inimigo4 {top: 190px;left: 355px;}
	#content > .simple .gifs-container > div img#inimigo5 {left: 10px;}
	#content > .simple .gifs-container > div img#inimigo6 {top: 230px;left: 145px;}
	#content > .simple .gifs-container > div img#inimigo7 {left: 260px;}
	
	form#mauticform_formulariodeorcamentowebsite {background-position-x: 96%!important;}
	form .mauticform-innerform .row.group {padding-right: 36%;background-position-x: 96%!important;}
	form .mauticform-innerform div.checkbox-container ul li {margin-right:15px;}
	form div.checkbox-container ul li .checkbox label {font-size:12px;}
	#mauticform_formulariodeorcamentowebsite_estrategia {width:31%;margin-right: 15px;}
	
    #mauticform_input_formulariodecontactoswebsite_mensagem {height:140px!important;}
}

@media only screen and (max-width : 768px) {
	body > header {height:auto;}
	body > header > .container {max-width:480px;padding: 0 26px;}
	body > header .topcontainer {display:none;}
	body > header nav {display:none;}
	body > header #mobile_nav {display:block;}
	body > header #mobile_menu {margin:0 auto;}
	body > header #mobile_menu ul {max-width:480px;margin:0 auto;}
	
	body > footer {padding-top:30px;}
	body > footer > div {width:450px!important; display:block!important;}
	body > footer > div > div {float:none!important; display:block!important;}
	body > footer > div > div > div{float:none!important; width:100%!important; display:block!important;}
	body > footer .socials {padding:0;}
	body > footer .socials > ul li {max-width:430px;}
	body > footer .socials > div {margin-top:0;}
	body > footer .socials > div > span {float:left;}
	body > footer .contact {border-left:0px!important;padding-left:0px!important; border-bottom:1px dashed #333; border-top:1px dashed #333; padding:30px; margin:30px 0 0;}
	body > footer .newsletter {border-left:0px!important;padding-left:0px!important;padding-top:30px;}
	body > footer > div > div > div {width: auto !important;}
	body > footer .second .left {margin-bottom: 60px;}


	
	#container {max-width:768px;}
	#slideshow .imagelist {width:480px;margin: 0px auto;}
	
	#submenuhead {height:260px;}
	#submenuhead nav {max-width:480px; margin-left:auto; margin-right:auto;}
	#submenuhead nav a {font-size:13px;line-height:2.308em; }
	#submenuhead nav ul {right:0px;top:47px;}
	#submenuhead nav ul li {width:108px;}
	
	#content {max-width:480px; margin-left:auto; margin-right:auto;padding:0 16px;}
	#content > span.top { max-width: 1004px; background:url(../images/landscape_top.png) no-repeat;}
	
	#clients ul li {width:33%;}
	
	#services-headers h2 {font-size:26px;line-height:1.000em;}
	#services-headers h1 {font-size:16px;line-height:1.250em;margin-top:7px;}
	#services {margin-bottom: 40px !important;margin-top: 40px !important;}
	#services > div > div {overflow:hidden;position:relative;}
	#services > div article {width:50%;float: left;margin-bottom: -99999px;padding-bottom: 99999px;}
	#services > div article .button-container {width:50%;}
	#services > div article:first-child {border-left:none;}
	#services > div > div {margin-top:30px;}
	#services > div > div:first-child {margin-top:0;}
	
	.ask_analyse {width:480px !important;margin-left:-16px !important;max-width:480px !important;padding: 30px 0!important;}
	.ask_analyse article {padding:0 26px;background-size: 30%;}
	.ask_analyse header {font-size: 31px;}
	.ask_analyse p.sub {letter-spacing: 0;}
	.ask_analyse article .button-container {margin-top: 35px;margin-bottom: 32px;}
	
	.articles > section {float:none;display:block;width:100% !important;margin-top:30px;}
	.articles > section:first-child {margin-top:0;}
	.articles section article span {float:left;margin:0;}
	.articles a.noimage {min-height: 107px;line-height: 107px;}
	.articles a.noimage img {max-height: 107px;}
	.articles article a {float:right!important;}
	.articles article.four {width:50%;margin-top:20px;}
	.articles article.four:nth-child(2) {margin-top:0;}
	.articles article.four:nth-child(3) {margin-top:0;}
	.articles > div.eight {width:100%;position:relative;margin-top:13px;}
	.articles > div.eight:nth-child(2) {margin-top:0;}
	
	#content > .simple article p {font-size:14px;}
	#content > .simple article ol > li {font-size:14px;}
	#content > .simple article ul > li {font-size:14px;}
	
	#content.minus {margin-top: 0px!important;}
	#services_header {height:auto !important;padding:20px 0 20px;}
	#services_header > div.main {display:none;}
	#services_header > div.secondary {display:block;}
	
	#error {background:url('../images/404_landscape.png') no-repeat top center;height:244px;width:100%;}
	#error .container {max-width: 480px!important;margin:0 auto;}
	#error .container div {width:267px;left:auto;right:0;font-size:25px;top:44px;}
	#error .container div span {font-size:45px;}
	#error .container > span {font-size:18px;top: 127px;left: 214px;}
	#error .container > a {left: 214px;top: 170px;font-size:16px;height:32px;line-height:32px;}
	
	#content > section.list {padding:0 10px;}
	#content > section.list section.left {float:none;width:100%;padding:0 0 30px !important;margin-bottom:0;}
	
	#content > section.list.projects section.left {padding:0 0 30px !important;}
	#content > section.list.projects section.left article.casestudy > div > div img {width:170px;}
	#content > section.list.projects section.left article > div > div > h3 > a {font-size:26px;}
	#content > section.list.projects section.left article > div > div > .date {font-size:13px;}
	#content > section.list.projects section.left article > div > div > p {font-size:16px;}
	#content > section.list.projects section.left article > div > div > div {padding-right: 0;padding-bottom: 46px;}
	
	#content > section.list.article section.left {padding:0 0 30px !important;}
	#content > section.list.article section.left article > a.noimage {min-height:90px !important;line-height:90px !important;}
	#content > section.list.article section.left article > a.noimage img {max-height:90px !important;}
	
	#content > section.list.grid.full {padding:0;}
	#content > section.list.grid section.left {width: 448px;margin-left: -10px;}
	#content > section.list.grid article {width:50%;}
	#content > section.list.grid article > span.image > a {width:204px;height:204px;}
	#content > section.list.grid section.left article > span.image > a {width:204px;height:204px;}
	#content aside {width:100%;padding:20px 0 !important;margin-bottom:0;}
	
	#content > section.full.grid article {width:50%;}
	#content > section.full.grid article > img {margin-bottom:10px;}
	#content > section.full.grid article > span.name {font-size:20px!important;}
	#content > section.full.grid article > span.likes {margin-bottom:10px;}
	#content > section.full.grid article > span.dislikes {margin-bottom:10px;}
	#content > section.full.grid article > span.info {margin-bottom:10px;}
	#content > section.full.grid article > span.linkedin {margin-bottom:20px;}
	#content > section.full.grid article > span.job {margin-bottom:15px; font-size:13px!important;}
	#content > section.full.grid article > .charact {height:auto;} 
	#content > section.full.grid div.desktop {display:none;}
	#content > section.full.grid div.mhidden article .content {height:auto;}
	#content > section.full.grid article.full {width:100%;}
	
	#content > section.full.grid.clientes article:nth-child(4n+1) {clear:none;}
	#content > section.full.grid.clientes article:nth-child(2n+1) {clear:left;} 
	
	#content > section.list.article section.left article > h3 { font-size:19px; line-height:1.200em;}
	#content > section.list.article section.left article > p { font-size:14px; line-height:1.429em; margin-top:10px; margin-bottom:10px;}
	#content > section.list.article section.left article > div {position:relative; padding-left:0px; bottom:auto;}
	#content > section.list.article section.left article > div > span { font-size:12px;}
	#content > section.list.article section.left article > div > a { font-size:16px;}
	
	#content > section.preview.article {padding:0 10px;}
	#content > section.preview.article article {padding:0;}
	#content > section.preview.article .navigator {padding:0;}
	#content > section.preview.article section.left {margin-bottom:30px;padding:0 !important;width:100%;}
	#content > section.preview.article article div.bar > div.socials {width:100%;margin-top:8px;}
	#content > section.preview.article article h1 {font-size:22px;}
	#content > section.preview.article .articles .row.col {padding:0;}
	#content > section.preview.article > div.col {padding-left:0;}
	
	#content > section.preview.article .navigator > div {display:block;}
	#content > section.preview.article .navigator > div > span {display:none;}
	#content > section.preview.article .navigator > div > a {width:100%;min-width:100%;display:block;margin-top:10px;}
	#content > section.preview.article .navigator > div > a:first-child {margin-top:0;}
	
	#content > section.preview.article .articles article {width:50%;padding:0 10px;}
	#content > section.preview.article .articles article:nth-child(2) {padding-left:0;}
	#content > section.preview.article .articles article:nth-child(3) {padding-right:0;}
	#content > section.preview.article .articles article:nth-child(4) {display:none;}
	#content > section.preview.article .articles .list .row article:nth-child(1) {padding-left:0;padding-right:10px;}
	#content > section.preview.article .articles .list .row article:nth-child(2) {padding-right:0;padding-left:10px;}
	#content > section.preview.article .articles .list .row article:nth-child(3) {display:none;}
	#content > section.preview.article .ask_analyse {display:none;}
	#content > section.preview.article .search {padding:0;}
	
	#content > section.preview.article article div.bar > div.socials {width:100%;height:auto;margin:8px 0 0;}
	#content > section.preview.article article div.bar > div.socials > div {width:100%;margin-top:5px;}
	#content > section.preview.article article div.bar > div.socials > div:first-child {margin-top:0;}
	#content > section.preview.article article div.bar > div.socials > div.google > div {float:left !important;}
	#content > section.preview.article article div.bar > div.socials > div.facebook > div {float:left !important;}
	#content > section.preview.article article div.bar > div.socials > div.linkedin {margin-right:0;}
	#content > section.preview.article article div.bar > div.socials > div.linkedin > span{float:left !important;}
	#content > section.preview.article article div.bar.footer > div.socials {width:100%;height:auto;float:left;}
	#content > section.preview.article article div.bar.footer > div.socials > div {width:100% !important;margin-top:5px;}
	#content > section.preview.article article div.bar.footer > div.socials > div:first-child {margin-top:0;}
	#content > section.preview.article article div.bar.footer > div.question > div {right:auto;left:0px;width:280px;}
	
	#content > section.preview.article .articles a.noimage {min-height: 107px;line-height: 107px;}
	#content > section.preview.article .articles a.noimage img {max-height:107px;}
	
	#container.fixed #content > section.preview.article {padding-right:10px;}
	#container.fixed #content > section.preview.article section.left {padding:0px !important;}
	#container.fixed .insidepic {padding-top:30px;}
	#container.fixed #content > section.preview.article .navigator > div > a {width:100%;}
	#container.fixed #content > section.preview.article .navigator > div > a.disabled {display:none;}
	
	#content > .simple .gallery {width:100%;}
	#content > .simple .gallery.website .container .images ul li > div {height: 235px;}
	#content > .simple .gallery.website .container .images {padding: 18px 15px 0 15px}
	#content > .simple .gallery.website .container {padding-bottom: 30px;}
	#content > .simple .gallery .container .label {width:402px;}
	#content > .simple .gallery .container .label span {font-size:18px;}
	#content > .simple .gallery.mobile .container .bx-controls {width:402px;margin-left: -62px;}
	#content > .simple .gallery.mobile .label {width:402px;margin-left: -62px;}
	
	#content > .simple h1 {font-size:28px;}
	#content > .simple h2 {font-size: 17px; line-height: 1.200em;}
	#content > .simple h2 b {font-size: 17px; line-height: 1.200em;}
	#content > .simple.services .content p:nth-child(2) {padding-right:0px;}
	#content > .simple article blockquote {padding-left:75px;background-size:60px auto;min-height:53px;} 
	#content > .simple article blockquote p {font-size:20px;line-height: 1.5em;}
	#content > .simple article blockquote p span.capitalize {font-size:104px;}
	
	#content > .simple .buttons {display:block;width:300px;margin:0 auto 20px;float:none !important;padding:0 0 3px 0;}
	#content > .simple .buttons div.toggle {padding:0;position: relative;margin-top: 33px;left:0;}
	
	#content article .content .button-container .button span.value {font-size:18px;}
	#content article .content .button-container .button span.sub {font-size:15px;}
	#content article .content .button-container .button span.consulting {display:none;}
	#content article .content .button-container .button.twolines {padding-top:19px;}
	
	#content > section.contacts #callus {padding:0 10px; width:100%;}
	#content > section.contacts > section {margin: 0px; padding:0px;}
	#content > section.contacts #whereweare {width:100%; padding:30px 0px 0px 0px;}
	#content > section.contacts #whereweare > div {float:none; width:100%;}
	#content > section.socialcontacts {padding:0px 10px;}
	#content > section.socialcontacts a {width:47px; height:47px; background-size:100%!important;margin-right:0;}
	#content > section.socialcontacts a:hover {background-position:0px -47px!important;}
	#content > section.socialcontacts a.twitter {width:46px; height:45px; padding: 1px 1px 1px 0px;}
	#content > section.socialcontacts a.twitter:hover {background-position: 0px -45px!important;}
	#content > section.socialcontacts a.slideshare {width:46px; height:44px; padding: 3px 0px 0px 0px;}
	#content > section.socialcontacts a.slideshare:hover {background-position: 0px -44px!important; padding-top:2px!important; height:46px;}
	
	.mhidden {display:block;}
	form .row > .eight {width:100%;padding:0;margin-top:15px;}
	form .row > .eight:first-child {margin-top:0;}
	form .row > div.onethree {width:100%;padding:0;margin-top:15px;}
	form .row > div.onethree:first-child {margin-top:0;}
	
	#content aside .nav {display:none !important;}
	
	.content div .four {width:50%;}
	
	form .captcha {width:100% !important;padding-right:33px !important;}
	form .captcha a {right: 0px;}
	form .captcha input {width: 182px;}
	
	form .row.group {padding-right:0!important;padding-left:0;border-left:none;margin-top: 40px;background: url('../images/group-arrow.png') no-repeat 90% 32px !important;}
	form .row.group.group_sobre_o_projeto {background-position: 63% 32px !important;}
	form .row.group.group_dados_de_contacto {background-position: 73% 32px !important;}
	form .row.group p.header { border-bottom:2px solid #0bb4d7;margin:0 !important;background:initial;font-size: 22px !important;padding-bottom: 45px;}
	form#mauticform_formulariodeorcamentowebsite {background:none!important;}
	
	#mauticform_formulariodeorcamentowebsite_estrategia {width:100%;margin-right:0;float:none;}
    #mauticform_formulariodeorcamentowebsite_criatividade {width:100%;margin-right:0;margin-top:30px;clear:left;float:none;}
    #mauticform_formulariodeorcamentowebsite_tecnologia {width:100%;margin-right:0;margin-top:30px;clear:left;float:none;}
    #mauticform_formulariodeorcamentowebsite_promocao {width:100%;margin-right:0;margin-top:30px;clear:left;float:none;}
    #mauticform_formulariodeorcamentowebsite_descricao_do_projeto {clear:left;}
    
	form .row.group .captcha input {width:220px;}
	#candidatura-espontanea .row.captcha {padding-left: 212px;width:100% !important;padding-right:33px !important;height: 82px;}
	#candidatura-espontanea .captcha input {left: 212px;width: 182px;bottom:0;}
	#candidatura-espontanea .captcha img {width:202px !important;}
	#candidatura-espontanea .captcha label {left:212px;bottom: 44px;}
	
	#pedido-orcamento-cta {background:none;}
	form .row.group.group_2 {background-position: 97% 32px !important;}
	form .row.group.group_3 {background:none !important;height:73px;}
	form .row.group.group_3 p.header {border-bottom: none !important;padding:0 !important;height:73px;}
	form .row.group.group_3 button span.value {padding: 10px 56px 0;}
	
	#content > .simple .gifs-container > div img#inimigo1 {left: 0px;top: 42px;}
	#content > .simple .gifs-container > div img#inimigo2 {left: 150px;top:0;}
	#content > .simple .gifs-container > div img#inimigo3 {left: 270px;}
	#content > .simple .gifs-container > div img#inimigo4 {top: 210px;left: 255px;}
	#content > .simple .gifs-container > div img#inimigo5 {left: 0px;top: 320px;}
	#content > .simple .gifs-container > div img#inimigo6 {top: 180px;left: 102px;}
	#content > .simple .gifs-container > div img#inimigo7 {left: 160px;}
	
	#content > section.preview.article article img.mobile {display:block;}
	#content > section.preview.article article img.desktop {display:none;} 
    
    #mauticform_formulariodecontactoswebsite .mauticform-row {width:100%;float:none;}
}

@media only screen and (max-width : 479px) {
	body {min-width:320px!important;}
	.bottom.shadow {display:none!important;}
	
	#container {min-width:320px!important;}
	
	#slideshow {display:none;}
	
	body > header > .container {padding:0px 10px;max-width:320px;}
	body > header > .container > .left {margin-top:37px;}
	body > header > .container > .left img {width:170px;}
	body > header .topcontainer {display:none;}
	body > header nav {display:none;}
	body > header #mobile_nav {display:block;}
	body > header #mobile_menu > ul {max-width:320px;margin:0 auto;padding: 0 10px;}
	#mobile_menu {width:100%;}
	
	body > footer > div {width:320px!important;}
	body > footer .second > div {width:50% !important;}
	body > footer .second > div.right {line-height:1em;font-size:13px;}
	body > footer .second > div.left span {display:none;}
	body > footer .socials > div li {margin-left:0px;}
	body > footer .second > div.left a {line-height:1.3em;font-size:13px;}
	

	#submenuhead nav {max-width:320px;}
	#submenuhead nav a {font-size:13px;line-height:2.308em; }
	#submenuhead nav ul {width:300px; left:auto; right:auto; position:relative; margin: 0 auto;}
	#submenuhead nav ul li {width:97px;}
	#submenuhead nav ul li:first-child {margin-left:0px;}
	
	#content {max-width:320px; margin-left:auto; margin-right:auto;padding:0;}
	#content > span.top { max-width: 1004px; background:url(../images/portrait_top.png) no-repeat;}
	#content > section { padding:0;}
	#content > section.simple {padding:0 10px;}
	
	#clients ul li {width:50%;}
	#clients ul li:nth-child(5) {display:none;}
	#clients ul li:nth-child(6) {display:none;}
	
	#services-headers h2 {font-size:26px; line-height:1.000em;}
	#services-headers h1 {font-size:16px; line-height:1.250em;}
	#services > div article {width:100%;border:none;margin:0;padding:0 10px;position:relative;margin-bottom:20px;}
	#services > div article .button-container {width:100%;}
	/*#services > div > div article:first-child {margin-bottom:30px;}
	#services > div article a.readmore {position:relative;left:auto;bottom:0;}
	#services > div article p {margin-bottom:13px;}*/
	
	.ask_analyse {width:320px !important;margin-left:0px !important;max-width:320px !important;padding: 20px 0!important;}
	.ask_analyse header {line-height: 1.4em;}
	.ask_analyse p.sub {font-size:18px;}
	.ask_analyse article {padding:0 10px;background: none;}
	.ask_analyse article .button-container {margin-top: 25px;margin-bottom: 25px;}
	
	.articles article {width:100% !important;}
	.articles section article:nth-child(2) {margin-bottom:15px;}
	
	.articles a.noimage {min-height: 158px;line-height: 158px;}
	.articles a.noimage img {max-height: 158px;}
	.articles article a.readmore {position:relative;left:auto;bottom:auto;}
	.articles article p {margin-bottom:8px !important;}
	
	#content > .simple .buttons a {float:right;}
	#content > .simple .buttons a:first-child {float:left;}
	
	#services_header {height:auto;padding:10px;}
	#services_header > div.main {display:none;}
	#services_header > div.secondary {display:block; max-width:320px;}
	#services_header > div.secondary a.subtitle {line-height:1.200em;}
	#services_header > div.secondary a > span {display:block;}
	#services_header > div.secondary h4 a {padding-left:105px;background-position: 10px -3px !important;}
	#services_header > div.secondary h4 a:hover {color:#00aedb; background-position: 10px -76px!important;}
	#services_header > div.secondary .activated h4 a {color:#00aedb; background-position: 10px -76px!important;}
	#services_header > div.secondary ul > li a {padding-left: 105px;}
	#services_header > div.secondary h3 {background-position: 61px 0 !important;}
	#services_header > div.secondary h3:hover {background-position: 61px -60px !important;}
	#services_header > div.secondary h3.activated {background-position: 61px -60px !important;}
	#services_header > div.secondary a > span {right:10px;}
	
	#content.minus {margin-top: 0px!important;}
	#content > section.contacts {padding: 0px 10px!important;}
	#content > section.socialcontacts a {margin-right:3px;}
	
	#content > section.list.grid section.left {width: 320px;margin-left: -10px;}
	#content > section.list.grid article > span.image > a {width:140px;height:140px;}
	#content > section.list.grid section.left article > span.image > a {width:140px;height:140px;}
	
	#content > section.full.grid article {width:100%;}
	#content > section.full.grid article.four {width:50%;}
	#content > section.full.grid article > .charact {height:auto; padding-left:27px; min-height:32px;background-size:22px!important;}
	#content > section.full.grid article > .info {height:22px; padding-left:27px;line-height:2.500em;margin-bottom:10px; background-size:22px!important;}
	#content > section.full.grid article > span {display:block; line-height:1.167em;}
	#content > section.full.grid article > img {margin-bottom:10px;}
	#content > section.full.grid article > span.name {font-size:16px!important;}
	#content > section.full.grid article > span.likes {margin-bottom:10px;}
	#content > section.full.grid article > span.dislikes {margin-bottom:10px;}
	#content > section.full.grid article > span.job {margin-bottom:15px; font-size:13px!important;}
	#content > section.full.grid article > span.info {padding-top:5px;line-height: 1em;}
	#content > section.full.grid article > span > span, #content > section.full.grid article > span.phone, #content > section.full.grid article > span.name {font-size:13px !important;}
	#content > section.full.grid article > span a {font-size:13px;}
	
	#content > section.list.article section.left article > a {float:none;width:100%;height:auto;display:block;margin-bottom:10px;}
	#content > section.list.article section.left article > a.noimage {min-height:158px;line-height:158px;}
	#content > section.list.article section.left article > a.noimage img {max-height:158px;}
	#content > section.list.article section.left article h3 {height:auto;}
	#content > section.list.article section.left article > div > span { font-size:12px;}
	#content > section.list.article section.left article > div > a { font-size:16px;}
	
	#content > section.preview.article .articles article {padding:0;}
	#content > section.preview.article .articles article:nth-child(3) {margin-top:15px;}
	#content > section.preview.article .articles .list .row article:nth-child(1) {padding-left:0;padding-right:0px;}
	#content > section.preview.article .articles .list .row article:nth-child(2) {padding-right:0;padding-left:0px;margin-top:20px;}
	#content > section.preview.article .articles .list .row article:nth-child(3) {display:block;margin-top:20px;}
	
	#content > section.preview.article .articles a.noimage {min-height: 158px;line-height: 158px;}
	#content > section.preview.article .articles a.noimage img {max-height:158px;}
	
	#container.fixed .insidepic {padding:10px;}
	
	#content > .simple .gallery.website .container .images ul li > div {height: 160px;}
	#content > .simple .gallery.website .container .images {padding: 12px 10px 0 10px}
	#content > .simple .gallery.website .container {padding-bottom: 40px;}
	#content > .simple .gallery .container .label {width:274px;height:48px;}
	#content > .simple .gallery .container .label span {font-size:13px;padding: 0 50px;}
	#content > .simple .gallery h2 {font-size:18px;}
	#content > .simple .gallery .container .bx-controls .bx-prev {width:48px;height:48px;background:url('../images/gallery_previous_btn_small.png') no-repeat top left;}
	#content > .simple .gallery .container .bx-controls .bx-next {width:48px;height:48px;background:url('../images/gallery_next_btn_small.png') no-repeat top left;}
	#content > .simple .gallery .container .bx-controls a:hover {background-position: left -48px;}
	#content > .simple .gallery .container .bx-controls a.disabled {background-position: left bottom;}
	
	#content > .simple .gallery.mobile .container > div {width: 225px;}
	#content > .simple .gallery.mobile .container .images {padding: 75px 27px 0px 28px;margin-left: -117px;width: 289px;}
	#content > .simple .gallery.mobile .container .images ul li > div {height:271px;}
	#content > .simple .gallery.mobile .container .bx-controls {width:274px;margin-left: -20px;}
	#content > .simple .gallery.mobile .container .images img {padding-right:55px;}
	#content > .simple .gallery.mobile .label {width:274px;margin-left: -20px;}
	
	#content article .content .button-container .button span.value {font-size:18px;}
	#content article .content .button-container .button span.sub {font-size:15px;}
	#content article .content .button-container .button span.consulting {display:none;}
	#content article .content .button-container .button.twolines {padding-top:10px;}
	
	#error {background:url('../images/404_portrait.png') no-repeat top center;height:348px;width:100%;}
	#error .container {max-width: 320px!important;margin:0 auto;}
	#error .container div {width:100%;left:auto;right:0;font-size:25px;top:153px;text-align:center;}
	#error .container div span {font-size:45px;}
	#error .container > span {font-size:18px;display:block;width:100%;text-align:center;left:0;top:240px;}
	#error .container > a {left: 50%;top: 278px;font-size:16px;height:32px;line-height:32px; margin-left:-80px;}
	
	form .captcha {padding-left: 158px !important;height:60px !important;padding-top:0 !important;}
	form .captcha img {width: 148px;}
	form .captcha label {left: 158px;width: 125px;}
	form .captcha input {left: 158px;width: 109px;}
	
	#candidatura-espontanea .row.captcha {width:100% !important;padding-right:33px !important;height: 60px;}
	#candidatura-espontanea .captcha input {left: 158px;width: 109px;}
	#candidatura-espontanea .captcha img {width:148px !important;}
	#candidatura-espontanea .captcha label {left: 158px;width: 125px;}
	
	form .row.group {background:none !important;}
	form .row.group p.header span {font-size: 40px !important;}
	form .row.group p.header {font-size: 18px !important;padding-bottom: 10px;}
	form .row.group {background-size: 50px !important;background-position: 60% 26px !important;}
	form .row.group.group_dados_de_contacto {background-position: 93% 26px !important;}
	form .row.group.group_sobre_o_projeto {background-position: 80% 26px !important;}
	
	form .row.group .captcha {height:66px !important;}
	form .row.group .captcha input {width:125px;padding-right: 40px;}
	form .row.group .captcha a {right: 5px;}
	
	#content > .simple article ul li {float:none;}
	form .row.group.group_3 {height:auto;background: url('../images/group-arrow.png') no-repeat 20% 26px !important;background-size: 50px !important;}
	form .row.group.group_3 p.header {height:auto;padding-bottom:30px !important;}
	form .row.group.group_3 button {position:relative;left:0;top:0;}
	form .row.group.group_3 button span.value {padding: 10px 19px 0;}

	#content > .simple .gifs-container > div {height:700px;} 
	#content > .simple .gifs-container > div img#inimigo1 {left: 0px;top: 42px;}
	#content > .simple .gifs-container > div img#inimigo2 {left: 150px;top:0;}
	#content > .simple .gifs-container > div img#inimigo3 {left: 80px;top: 170px;}
	#content > .simple .gifs-container > div img#inimigo4 {top: 355px;left: 0px;}
	#content > .simple .gifs-container > div img#inimigo5 {left: 150px;top: 367px;}
	#content > .simple .gifs-container > div img#inimigo6 {top: 575px;left: 0;}
	#content > .simple .gifs-container > div img#inimigo7 {left: 180px;top: 575px;}
}