Resultados da validação CSS do W3C para http://www.aquinoweb.com (CSS nível 3)

Lamento! Encontramos os seguintes erros (217)

URI : http://www.aquinoweb.com/_css/estilos.css

6 audio, canvas, video Erro de parseamento *display: inline;
6 * Erro de parseamento *zoom: 1;
6 * Erro de parseamento }
10 html A propriedade -webkit-text-size-adjust não existe : 100%
10 html A propriedade -ms-text-size-adjust não existe : 100%
14 Pseudo-elemento ou pseudo classe ::-moz-selection desconhecido [-moz-selection]
15 Pseudo-elemento ou pseudo classe ::selection desconhecido [selection]
30 pre, code, kbd, samp A propriedade _font-family não existe : 'courier new',monospace
31 pre A propriedade word-wrap não existe : break-word
42 img A propriedade -ms-interpolation-mode não existe : bicubic
51 legend Erro de parseamento *margin-left: -7px;
52 input, select, textarea Erro de parseamento [: 0; white-space: normal; } button]
52 input, select, textarea Erro de parseamento *vertical-align: middle;
52 input, select, textarea Erro de parseamento }
54 button, input[type="button"], input[type="reset"], input[type="submit"] A propriedade -webkit-appearance não existe : button
54 button, input[type="button"], input[type="reset"], input[type="submit"] Erro de parseamento *overflow: visible;
54 button, input[type="button"], input[type="reset"], input[type="submit"] Erro de parseamento }
56 input[type="checkbox"], input[type="radio"] Erro de parseamento *width: 13px;
56 * Erro de parseamento *height: 13px;
56 * Erro de parseamento }
57 input[type="search"] A propriedade -webkit-appearance não existe : textfield
57 input[type="search"] A propriedade -moz-box-sizing não existe : content-box
57 input[type="search"] A propriedade -webkit-box-sizing não existe : content-box
58 Pseudo-elemento ou pseudo classe ::-webkit-search-decoration desconhecido [-webkit-search-decoration]
58 Pseudo-elemento ou pseudo classe ::-webkit-search-cancel-button desconhecido [-webkit-search-cancel-button]
59 Pseudo-elemento ou pseudo classe ::-moz-focus-inner desconhecido [-moz-focus-inner]
59 Pseudo-elemento ou pseudo classe ::-moz-focus-inner desconhecido [-moz-focus-inner]
61 Pseudo-elemento ou pseudo classe :valid desconhecido
61 Pseudo-elemento ou pseudo classe :valid desconhecido
62 Pseudo-elemento ou pseudo classe :invalid desconhecido
62 Pseudo-elemento ou pseudo classe :invalid desconhecido
100 Pseudo-elemento ou pseudo classe ::-moz-selection desconhecido [-moz-selection]
105 Pseudo-elemento ou pseudo classe ::selection desconhecido [selection]
148 header #defesa-header .navigation li a:hover A propriedade -moz-transition não existe : all 0.5s ease 0
149 header #defesa-header .navigation li a:hover A propriedade -webkit-transition não existe : all 0.5s ease 0
150 header #defesa-header .navigation li a:hover A propriedade -o-transition não existe : all 0.5s ease 0
151 header #defesa-header .navigation li a:hover A propriedade transition não existe : all 0.5s ease 0
293 .da-slider A propriedade -webkit-transition não existe : background-position 2s ease-out 0.3s
294 .da-slider A propriedade -moz-transition não existe : background-position 1s ease-out 0.3s
295 .da-slider A propriedade -o-transition não existe : background-position 1s ease-out 0.3s
296 .da-slider A propriedade -ms-transition não existe : background-position 1s ease-out 0.3s
356 .da-slide .da-img Erro de valor : width somente 0 pode ser um(a) length. Você deve declarar uma unidade de medida para o número : 560
383 .da-arrows span A propriedade -webkit-transition não existe : opacity 0.4s ease-in-out-out 0.2s
384 .da-arrows span A propriedade -moz-transition não existe : opacity 0.4s ease-in-out-out 0.2s
385 .da-arrows span A propriedade -o-transition não existe : opacity 0.4s ease-in-out-out 0.2s
386 .da-arrows span A propriedade -ms-transition não existe : opacity 0.4s ease-in-out-out 0.2s
387 .da-arrows span A propriedade transition não existe : opacity 0.4s ease-in-out-out 0.2s
430 .da-slide-fromright h2 A propriedade -webkit-animation não existe : fromRightAnim1 0.6s ease-in 0.8s both
431 .da-slide-fromright h2 A propriedade -moz-animation não existe : fromRightAnim1 0.6s ease-in 0.8s both
432 .da-slide-fromright h2 A propriedade -o-animation não existe : fromRightAnim1 0.6s ease-in 0.8s both
433 .da-slide-fromright h2 A propriedade -ms-animation não existe : fromRightAnim1 0.6s ease-in 0.8s both
434 .da-slide-fromright h2 A propriedade animation não existe : fromRightAnim1 0.6s ease-in 0.8s both
437 .da-slide-fromright p A propriedade -webkit-animation não existe : fromRightAnim2 0.6s ease-in 0.8s both
438 .da-slide-fromright p A propriedade -moz-animation não existe : fromRightAnim2 0.6s ease-in 0.8s both
439 .da-slide-fromright p A propriedade -o-animation não existe : fromRightAnim2 0.6s ease-in 0.8s both
440 .da-slide-fromright p A propriedade -ms-animation não existe : fromRightAnim2 0.6s ease-in 0.8s both
441 .da-slide-fromright p A propriedade animation não existe : fromRightAnim2 0.6s ease-in 0.8s both
444 .da-slide-fromright .da-link A propriedade -webkit-animation não existe : fromRightAnim3 0.4s ease-in 1.2s both
445 .da-slide-fromright .da-link A propriedade -moz-animation não existe : fromRightAnim3 0.4s ease-in 1.2s both
446 .da-slide-fromright .da-link A propriedade -o-animation não existe : fromRightAnim3 0.4s ease-in 1.2s both
447 .da-slide-fromright .da-link A propriedade -ms-animation não existe : fromRightAnim3 0.4s ease-in 1.2s both
448 .da-slide-fromright .da-link A propriedade animation não existe : fromRightAnim3 0.4s ease-in 1.2s both
451 .da-slide-fromright .da-img A propriedade -webkit-animation não existe : fromRightAnim4 0.6s ease-in 0.8s both
452 .da-slide-fromright .da-img A propriedade -moz-animation não existe : fromRightAnim4 0.6s ease-in 0.8s both
453 .da-slide-fromright .da-img A propriedade -o-animation não existe : fromRightAnim4 0.6s ease-in 0.8s both
454 .da-slide-fromright .da-img A propriedade -ms-animation não existe : fromRightAnim4 0.6s ease-in 0.8s both
455 .da-slide-fromright .da-img A propriedade animation não existe : fromRightAnim4 0.6s ease-in 0.8s both
457 Lamento, a at-rule @-webkit-keyframes não está implementada.
461 Lamento, a at-rule @-webkit-keyframes não está implementada.
465 Lamento, a at-rule @-webkit-keyframes não está implementada.
470 Lamento, a at-rule @-webkit-keyframes não está implementada.
475 Lamento, a at-rule @-moz-keyframes não está implementada.
479 Lamento, a at-rule @-moz-keyframes não está implementada.
483 Lamento, a at-rule @-moz-keyframes não está implementada.
488 Lamento, a at-rule @-moz-keyframes não está implementada.
493 Lamento, a at-rule @-o-keyframes não está implementada.
497 Lamento, a at-rule @-o-keyframes não está implementada.
501 Lamento, a at-rule @-o-keyframes não está implementada.
506 Lamento, a at-rule @-o-keyframes não está implementada.
511 Lamento, a at-rule @-ms-keyframes não está implementada.
515 Lamento, a at-rule @-ms-keyframes não está implementada.
519 Lamento, a at-rule @-ms-keyframes não está implementada.
524 Lamento, a at-rule @-ms-keyframes não está implementada.
529 Lamento, a at-rule @keyframes não está implementada.
533 Lamento, a at-rule @keyframes não está implementada.
537 Lamento, a at-rule @keyframes não está implementada.
542 Lamento, a at-rule @keyframes não está implementada.
548 .da-slide-fromleft h2 A propriedade -webkit-animation não existe : fromLeftAnim1 0.6s ease-in 0.6s both
549 .da-slide-fromleft h2 A propriedade -moz-animation não existe : fromLeftAnim1 0.6s ease-in 0.6s both
550 .da-slide-fromleft h2 A propriedade -o-animation não existe : fromLeftAnim1 0.6s ease-in 0.6s both
551 .da-slide-fromleft h2 A propriedade -ms-animation não existe : fromLeftAnim1 0.6s ease-in 0.6s both
552 .da-slide-fromleft h2 A propriedade animation não existe : fromLeftAnim1 0.6s ease-in 0.6s both
555 .da-slide-fromleft p A propriedade -webkit-animation não existe : fromLeftAnim2 0.6s ease-in 0.6s both
556 .da-slide-fromleft p A propriedade -moz-animation não existe : fromLeftAnim2 0.6s ease-in 0.6s both
557 .da-slide-fromleft p A propriedade -o-animation não existe : fromLeftAnim2 0.6s ease-in 0.6s both
558 .da-slide-fromleft p A propriedade -ms-animation não existe : fromLeftAnim2 0.6s ease-in 0.6s both
559 .da-slide-fromleft p A propriedade animation não existe : fromLeftAnim2 0.6s ease-in 0.6s both
562 .da-slide-fromleft .da-link A propriedade -webkit-animation não existe : fromLeftAnim3 0.4s ease-in 1.2s both
563 .da-slide-fromleft .da-link A propriedade -moz-animation não existe : fromLeftAnim3 0.4s ease-in 1.2s both
564 .da-slide-fromleft .da-link A propriedade -o-animation não existe : fromLeftAnim3 0.4s ease-in 1.2s both
565 .da-slide-fromleft .da-link A propriedade -ms-animation não existe : fromLeftAnim3 0.4s ease-in 1.2s both
566 .da-slide-fromleft .da-link A propriedade animation não existe : fromLeftAnim3 0.4s ease-in 1.2s both
569 .da-slide-fromleft .da-img A propriedade -webkit-animation não existe : fromLeftAnim4 0.6s ease-in 0.6s both
570 .da-slide-fromleft .da-img A propriedade -moz-animation não existe : fromLeftAnim4 0.6s ease-in 0.6s both
571 .da-slide-fromleft .da-img A propriedade -o-animation não existe : fromLeftAnim4 0.6s ease-in 0.6s both
572 .da-slide-fromleft .da-img A propriedade -ms-animation não existe : fromLeftAnim4 0.6s ease-in 0.6s both
573 .da-slide-fromleft .da-img A propriedade animation não existe : fromLeftAnim4 0.6s ease-in 0.6s both
575 Lamento, a at-rule @-webkit-keyframes não está implementada.
579 Lamento, a at-rule @-webkit-keyframes não está implementada.
583 Lamento, a at-rule @-webkit-keyframes não está implementada.
588 Lamento, a at-rule @-webkit-keyframes não está implementada.
593 Lamento, a at-rule @-moz-keyframes não está implementada.
597 Lamento, a at-rule @-moz-keyframes não está implementada.
601 Lamento, a at-rule @-moz-keyframes não está implementada.
606 Lamento, a at-rule @-moz-keyframes não está implementada.
611 Lamento, a at-rule @-o-keyframes não está implementada.
615 Lamento, a at-rule @-o-keyframes não está implementada.
619 Lamento, a at-rule @-o-keyframes não está implementada.
624 Lamento, a at-rule @-o-keyframes não está implementada.
629 Lamento, a at-rule @-ms-keyframes não está implementada.
633 Lamento, a at-rule @-ms-keyframes não está implementada.
637 Lamento, a at-rule @-ms-keyframes não está implementada.
642 Lamento, a at-rule @-ms-keyframes não está implementada.
647 Lamento, a at-rule @keyframes não está implementada.
651 Lamento, a at-rule @keyframes não está implementada.
655 Lamento, a at-rule @keyframes não está implementada.
660 Lamento, a at-rule @keyframes não está implementada.
666 .da-slide-toright h2 A propriedade -webkit-animation não existe : toRightAnim1 0.6s ease-in 0.6s both
667 .da-slide-toright h2 A propriedade -moz-animation não existe : toRightAnim1 0.6s ease-in 0.6s both
668 .da-slide-toright h2 A propriedade -o-animation não existe : toRightAnim1 0.6s ease-in 0.6s both
669 .da-slide-toright h2 A propriedade -ms-animation não existe : toRightAnim1 0.6s ease-in 0.6s both
670 .da-slide-toright h2 A propriedade animation não existe : toRightAnim1 0.6s ease-in 0.6s both
673 .da-slide-toright p A propriedade -webkit-animation não existe : toRightAnim2 0.6s ease-in 0.3s both
674 .da-slide-toright p A propriedade -moz-animation não existe : toRightAnim2 0.6s ease-in 0.3s both
675 .da-slide-toright p A propriedade -o-animation não existe : toRightAnim2 0.6s ease-in 0.3s both
676 .da-slide-toright p A propriedade -ms-animation não existe : toRightAnim2 0.6s ease-in 0.3s both
677 .da-slide-toright p A propriedade animation não existe : toRightAnim2 0.6s ease-in 0.3s both
680 .da-slide-toright .da-link A propriedade -webkit-animation não existe : toRightAnim3 0.4s ease-in both
681 .da-slide-toright .da-link A propriedade -moz-animation não existe : toRightAnim3 0.4s ease-in both
682 .da-slide-toright .da-link A propriedade -o-animation não existe : toRightAnim3 0.4s ease-in both
683 .da-slide-toright .da-link A propriedade -ms-animation não existe : toRightAnim3 0.4s ease-in both
684 .da-slide-toright .da-link A propriedade animation não existe : toRightAnim3 0.4s ease-in both
687 .da-slide-toright .da-img A propriedade -webkit-animation não existe : toRightAnim4 0.6s ease-in both
688 .da-slide-toright .da-img A propriedade -moz-animation não existe : toRightAnim4 0.6s ease-in both
689 .da-slide-toright .da-img A propriedade -o-animation não existe : toRightAnim4 0.6s ease-in both
690 .da-slide-toright .da-img A propriedade -ms-animation não existe : toRightAnim4 0.6s ease-in both
691 .da-slide-toright .da-img A propriedade animation não existe : toRightAnim4 0.6s ease-in both
693 Lamento, a at-rule @-webkit-keyframes não está implementada.
697 Lamento, a at-rule @-webkit-keyframes não está implementada.
701 Lamento, a at-rule @-webkit-keyframes não está implementada.
706 Lamento, a at-rule @-webkit-keyframes não está implementada.
712 Lamento, a at-rule @-moz-keyframes não está implementada.
716 Lamento, a at-rule @-moz-keyframes não está implementada.
720 Lamento, a at-rule @-moz-keyframes não está implementada.
725 Lamento, a at-rule @-moz-keyframes não está implementada.
731 Lamento, a at-rule @-o-keyframes não está implementada.
735 Lamento, a at-rule @-o-keyframes não está implementada.
739 Lamento, a at-rule @-o-keyframes não está implementada.
744 Lamento, a at-rule @-o-keyframes não está implementada.
750 Lamento, a at-rule @-ms-keyframes não está implementada.
754 Lamento, a at-rule @-ms-keyframes não está implementada.
758 Lamento, a at-rule @-ms-keyframes não está implementada.
763 Lamento, a at-rule @-ms-keyframes não está implementada.
769 Lamento, a at-rule @keyframes não está implementada.
773 Lamento, a at-rule @keyframes não está implementada.
777 Lamento, a at-rule @keyframes não está implementada.
782 Lamento, a at-rule @keyframes não está implementada.
790 .da-slide-toleft h2 A propriedade -webkit-animation não existe : toLeftAnim1 0.6s ease-in both
791 .da-slide-toleft h2 A propriedade -moz-animation não existe : toLeftAnim1 0.6s ease-in both
792 .da-slide-toleft h2 A propriedade -o-animation não existe : toLeftAnim1 0.6s ease-in both
793 .da-slide-toleft h2 A propriedade -ms-animation não existe : toLeftAnim1 0.6s ease-in both
794 .da-slide-toleft h2 A propriedade animation não existe : toLeftAnim1 0.6s ease-in both
797 .da-slide-toleft p A propriedade -webkit-animation não existe : toLeftAnim2 0.6s ease-in 0.3s both
798 .da-slide-toleft p A propriedade -moz-animation não existe : toLeftAnim2 0.6s ease-in 0.3s both
799 .da-slide-toleft p A propriedade -o-animation não existe : toLeftAnim2 0.6s ease-in 0.3s both
800 .da-slide-toleft p A propriedade -ms-animation não existe : toLeftAnim2 0.6s ease-in 0.3s both
801 .da-slide-toleft p A propriedade animation não existe : toLeftAnim2 0.6s ease-in 0.3s both
804 .da-slide-toleft .da-link A propriedade -webkit-animation não existe : toLeftAnim3 0.4s ease-in both
805 .da-slide-toleft .da-link A propriedade -moz-animation não existe : toLeftAnim3 0.4s ease-in both
806 .da-slide-toleft .da-link A propriedade -o-animation não existe : toLeftAnim3 0.4s ease-in both
807 .da-slide-toleft .da-link A propriedade -ms-animation não existe : toLeftAnim3 0.4s ease-in both
808 .da-slide-toleft .da-link A propriedade animation não existe : toLeftAnim3 0.4s ease-in both
811 .da-slide-toleft .da-img A propriedade -webkit-animation não existe : toLeftAnim4 0.6s ease-in 0.6s both
812 .da-slide-toleft .da-img A propriedade -moz-animation não existe : toLeftAnim4 0.6s ease-in 0.6s both
813 .da-slide-toleft .da-img A propriedade -o-animation não existe : toLeftAnim4 0.6s ease-in 0.6s both
814 .da-slide-toleft .da-img A propriedade -ms-animation não existe : toLeftAnim4 0.6s ease-in 0.6s both
815 .da-slide-toleft .da-img A propriedade animation não existe : toLeftAnim4 0.6s ease-in 0.6s both
817 Lamento, a at-rule @-webkit-keyframes não está implementada.
822 Lamento, a at-rule @-webkit-keyframes não está implementada.
827 Lamento, a at-rule @-webkit-keyframes não está implementada.
832 Lamento, a at-rule @-webkit-keyframes não está implementada.
839 Lamento, a at-rule @-moz-keyframes não está implementada.
844 Lamento, a at-rule @-moz-keyframes não está implementada.
849 Lamento, a at-rule @-moz-keyframes não está implementada.
854 Lamento, a at-rule @-moz-keyframes não está implementada.
861 Lamento, a at-rule @-o-keyframes não está implementada.
866 Lamento, a at-rule @-o-keyframes não está implementada.
871 Lamento, a at-rule @-o-keyframes não está implementada.
876 Lamento, a at-rule @-o-keyframes não está implementada.
883 Lamento, a at-rule @-ms-keyframes não está implementada.
888 Lamento, a at-rule @-ms-keyframes não está implementada.
893 Lamento, a at-rule @-ms-keyframes não está implementada.
898 Lamento, a at-rule @-ms-keyframes não está implementada.
905 Lamento, a at-rule @keyframes não está implementada.
910 Lamento, a at-rule @keyframes não está implementada.
915 Lamento, a at-rule @keyframes não está implementada.
920 Lamento, a at-rule @keyframes não está implementada.
1552 .ir Erro de parseamento *line-height: 0;
1552 .ir Erro de parseamento }
1555 .visuallyhidden Erro de valor : clip O separador usado na definição de forma é inválido. O separador deve ser uma vírgula. : rect(0 0 0 0 )
1560 .clearfix Erro de parseamento *zoom: 1;
1560 .clearfix Erro de parseamento }
1567 * A propriedade filter não existe : none
1567 * A propriedade -ms-filter não existe : none
1576 Erro de parseamento @page { margin: 0.5cm; }
1579 Erro de parseamento }
1580 ß Erro de parseamento [empty string]

↑ Topo

Alertas (25)

URI : http://www.aquinoweb.com/_css/estilos.css

87 Mesma cor para fundo e frente em dois contextos #page-internal .container-internal .works .description .button e a
143 Mesma cor para fundo e frente em dois contextos #page-internal .container-internal .works .description .button e header #defesa-header .navigation li a.scroll
260 Mesma cor para fundo e frente em dois contextos #page-internal .container-internal .works .description .button e #portfolio #container-portfolio .categoria-portfolio
339 Mesma cor para fundo e frente em dois contextos footer e .da-slide h2
348 Mesma cor para fundo e frente em dois contextos footer e .da-slide p
970 Mesma cor para fundo e frente em dois contextos footer e #about #container-about h2
1002 Mesma cor para fundo e frente em dois contextos footer e #about #container-about .box-about p
1013 Mesma cor para fundo e frente em dois contextos footer e #about #container-about .box-about h3
1019 Mesma cor para fundo e frente em dois contextos footer e #about #container-about .box-about p.text
1029 Mesma cor para fundo e frente em dois contextos footer e #about #container-about .box-about #tweets
1040 Mesma cor para fundo e frente em dois contextos footer e #about #container-about .box-about .twitter a
1080 Mesma cor para fundo e frente em dois contextos footer e #services .container-services p
1103 Mesma cor para fundo e frente em dois contextos footer e #services .container-services .services_menu ul li.tabs
1115 Mesma cor para fundo e frente em dois contextos footer e #services .container-services .services_menu ul li.select
1179 Mesma cor para fundo e frente em dois contextos footer e #contact #container-contact p
1191 Mesma cor para fundo e frente em dois contextos footer e #contact #container-contact .left .phone
1200 Mesma cor para fundo e frente em dois contextos footer e #contact #container-contact .left .email a
1243 Mesma cor para fundo e frente em dois contextos footer e #contact #container-contact .right .bg-form .textfield
1254 Mesma cor para fundo e frente em dois contextos footer e #contact #container-contact .right .bg-form .textarea
1309 Mesma cor para fundo e frente em dois contextos #page-internal .container-internal .works .description .button e footer #container-footer .footer-top ul li a
1313 Mesma cor para fundo e frente em dois contextos #page-internal .container-internal .works .description .button e footer #container-footer .footer-top ul li a:hover
1444 Mesma cor para fundo e frente em dois contextos footer e #page-internal .container-internal .works .description h2
1450 Mesma cor para fundo e frente em dois contextos footer e #page-internal .container-internal .works .description p

URI : http://www.aquinoweb.com/_css/font-hatten.css

41 Mesma cor para fundo e frente em dois contextos footer e #services .container-services .serv-buffer h2
56 Mesma cor para fundo e frente em dois contextos footer e #contact #container-contact .left .email

↑ Topo

Informações CSS válidas

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display : block;
}
audio:not([controls]) {
display : none;
}
[hidden] {
display : none;
}
html {
font-size : 100%;
}
html, button, input, select, textarea {
font-family : sans-serif;
color : #222;
}
body {
background-position : center;
}
a {
color : #00e;
}
a:visited {
color : #551a8b;
}
a:hover {
color : #06e;
}
a:focus {
outline : thin dotted;
}
a:hover, a:active {
outline : 0;
}
abbr[title] {
border-bottom : 1px dotted;
}
b, strong {
font-weight : bold;
}
blockquote {
margin : 1em 40px;
}
dfn {
font-style : italic;
}
hr {
display : block;
height : 1px;
border : 0;
border-top : 1px solid #ccc;
margin : 1em 0;
padding : 0;
}
ins {
background : #ff9;
color : #000;
text-decoration : none;
}
mark {
background : #ff0;
color : #000;
font-style : italic;
font-weight : bold;
}
pre, code, kbd, samp {
font-family : monospace, serif;
font-size : 1em;
}
pre {
white-space : pre;
white-space : pre-wrap;
}
q {
quotes : none;
}
q:before, q:after {
content : "";
content : none;
}
small {
font-size : 85%;
}
sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sup {
top : -0.5em;
}
sub {
bottom : -0.25em;
}
dd {
margin : 0 0 0 40px;
}
img {
border : 0;
vertical-align : middle;
}
svg:not(:root) {
overflow : hidden;
}
figure {
margin : 0;
}
form {
margin : 0;
}
fieldset {
border : 0;
margin : 0;
padding : 0;
}
label {
cursor : pointer;
}
button, input {
line-height : normal;
}
button[disabled], input[disabled] {
cursor : default;
}
input[type="search"] {
box-sizing : content-box;
}
textarea {
overflow : auto;
vertical-align : top;
resizer : vertical;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
td {
vertical-align : top;
}
.chromeframe {
margin : 0.2em 0;
background : #ccc;
color : black;
padding : 0.2em 0;
}
body {
margin : auto;
padding : 0;
color : #fff;
font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
background : center #afd3e2;
font-size : 12px;
border : 0;
}
a {
text-decoration : none;
color : #fff;
}
ul {
padding : 0;
margin : 0;
list-style : none;
}
img {
border : 0;
}
header {
width : 100%;
background : url(../_imagens/bg-topo.png) center no-repeat;
position : fixed;
z-index : 1000;
}
header #defesa-header {
width : 1000px;
height : 126px;
margin : auto;
}
header #defesa-header #logo {
width : 320px;
height : 70px;
margin-top : 10px;
float : left;
}
header #defesa-header .navigation {
width : 510px;
margin-left : 165px;
margin-top : 30px;
float : left;
font-size : 12px;
list-style : none;
}
header #defesa-header .navigation li a.scroll {
display : block;
color : #fff;
}
header #defesa-header .navigation li a:hover {
color : #96d2f2;
}
header #defesa-header .navigation li a.select {
color : #96d2f2;
}
header #defesa-header .navigation li .menu {
margin-right : 55px;
float : left;
}
header #defesa-header .navigation li .contact {
float : left;
}
#home {
width : 100%;
height : 1050px;
float : left;
background : url(../_imagens/bg-home.jpg) center no-repeat;
margin : auto;
}
#ballao {
background : url(../_imagens/balao.png) 0% 50% no-repeat fixed;
width : 1000px;
height : 1050px;
margin : auto;
}
#ballao #creative {
width : 656px;
height : 90px;
padding-top : 150px;
padding-left : 344px;
float : right;
z-index : 5;
position : absolute;
}
#aviao {
width : 450px;
height : 350px;
padding-top : 650px;
padding-left : 250px;
margin : auto;
z-index : 4;
position : absolute;
left : 86px;
top : 202px;
}
#ballao h1 {
width : 391px;
height : 195px;
margin-top : 260px;
float : left;
}
#ballao #conhecimentos {
width : 390px;
height : 80px;
margin-right : 760px;
float : left;
}
#portfolio {
width : 100%;
height : 1250px;
float : left;
background : url(../_imagens/bg-portfolio.jpg) no-repeat;
background-position : center;
}
#portfolio #container-portfolio {
width : 1000px;
height : 1250px;
margin : auto;
}
#portfolio #container-portfolio #title-works {
width : 340px;
height : 60px;
float : left;
padding-left : 660px;
padding-top : 140px;
}
#portfolio #container-portfolio .title-portfolio {
width : 590px;
height : 55px;
margin-top : 75px;
margin-bottom : 35px;
margin-left : 370px;
float : left;
}
#portfolio #container-portfolio .categoria-portfolio {
width : 197px;
height : 155px;
padding-top : 55px;
float : left;
color : #fff;
font-size : 16px;
letter-spacing : 2px;
text-transform : uppercase;
background : url(../_imagens/bg-categorias-portfolio.png) no-repeat;
text-align : center;
}
#portfolio #container-portfolio .categoria-portfolio img {
margin-bottom : 15px;
}
#portfolio #container-portfolio .arrows {
float : left;
width : 31px;
height : 31px;
margin-left : 15px;
margin-right : 15px;
margin-top : 80px;
background : url(../_imagens/arrows-portfolio.png) no-repeat;
}
#box-portfolio {
width : 1000px;
height : 400px;
float : left;
}
.da-slider {
width : 100%;
height : 400px;
position : relative;
overflow : hidden;
}
.da-slide {
position : absolute;
width : 100%;
height : 100%;
top : 0;
left : 0;
text-align : left;
}
.da-slide-current {
z-index : 800;
}
.da-slider-fb .da-slide {
left : 100%;
}
.da-slider-fb .da-slide.da-slide-current {
left : 0;
}
.da-slide h2, .da-slide p, .da-slide .da-link, .da-slide .da-img {
position : absolute;
opacity : 0;
}
.da-slider-fb .da-slide h2, .da-slider-fb .da-slide p, .da-slider-fb .da-slide .da-link {
left : 7%;
opacity : 1;
}
.da-slider-fb .da-slide .da-img {
left : 37%;
opacity : 1;
}
.da-slide h2 {
color : #fff;
top : 40px;
font-size : 42px;
color : #000;
font-weight : normal;
letter-spacing : 2px;
z-index : 10;
}
.da-slide p {
width : 340px;
top : 120px;
color : #000;
font-size : 12px;
line-height : 18px;
height : 80px;
z-index : 100;
}
.da-slide .da-img {
top : 10px;
height : 390px;
left : 37%;
}
.da-slide .da-link {
width : 193px;
height : 37px;
padding-top : 3px;
padding-left : 7px;
font-size : 25px;
text-transform : uppercase;
font-weight : normal;
letter-spacing : 2px;
color : #a4cedc;
background : url(../_imagens/btn-read-more.png) no-repeat;
top : 220px;
}
.da-arrows span {
position : absolute;
top : 50%;
height : 52px;
width : 52px;
cursor : pointer;
z-index : 900;
}
.da-slider:hover .da-arrows span {
opacity : 1;
}
.da-arrows span.da-arrows-prev {
width : 52px;
height : 52px;
background : url(../_imagens/arrow-prev.png) no-repeat;
left : 0;
}
.da-arrows span.da-arrows-prev:hover {
background-position : -58px 0%;
}
.da-arrows span.da-arrows-next {
width : 52px;
height : 52px;
background : url(../_imagens/arrow-next.png) no-repeat;
right : 0;
}
.da-arrows span.da-arrows-next:hover {
background-position : -58px 0%;
}
.da-slide-current h2, .da-slide-current p, .da-slide-current .da-link {
left : 7%;
opacity : 1;
}
.da-slide-current .da-img {
left : 37%;
opacity : 1;
}
#about {
width : 100%;
height : 1050px;
float : left;
background : url(../_imagens/bg-about.jpg) no-repeat;
background-position : center;
}
#about #container-about {
width : 1000px;
height : 1050px;
margin : auto;
}
#about #container-about .title-about {
width : 392px;
height : 56px;
margin-left : 608px;
margin-top : 150px;
float : left;
}
#about #container-about .img-profile {
width : 133px;
height : 176px;
float : left;
}
#about #container-about .says {
position : absolute;
top : 2415px;
left : 295px;
z-index : 20;
}
#about #container-about h2 {
width : 550px;
height : 107px;
margin-top : 70px;
margin-left : 20px;
float : left;
color : #000;
font-size : 25px;
font-weight : normal;
line-height : 25px;
}
#about #container-about .curriculo {
width : 125px;
margin-top : 70px;
margin-left : 40px;
float : left;
}
#about #container-about .curriculo a.btn-pdf {
width : 52px;
height : 52px;
float : left;
background : url(../_imagens/btn-pdf.png) no-repeat;
}
#about #container-about .curriculo a.btn-pdf:hover {
background-position : -58px 0%;
}
#about #container-about .box-about {
width : 495px;
float : left;
}
#about #container-about .box-about p {
width : 495px;
float : left;
color : #000;
font-size : 12px;
}
#about #container-about .box-about h3 {
width : 245px;
float : left;
font-size : 23px;
font-weight : normal;
margin-top : 5px;
margin-bottom : 2px;
color : #000;
}
#about #container-about .box-about p.text {
width : 215px;
float : left;
color : #000;
font-size : 12px;
margin : 0;
}
#about #container-about .box-about #tweets {
width : 245px;
height : 110px;
float : right;
font-size : 11px;
color : #000;
}
#about #container-about .box-about .twitter {
width : 245px;
height : 25px;
float : right;
}
#about #container-about .box-about .twitter a {
font-size : 11px;
color : #000;
font-weight : bold;
text-decoration : underline;
}
#about #container-about #my-skils {
width : 410px;
margin-left : 95px;
float : left;
}
#services {
width : 100%;
height : 1150px;
float : left;
background : url(../_imagens/bg-services.jpg) no-repeat;
background-position : center;
}
#services .container-services {
width : 1000px;
height : 1150px;
margin : auto;
}
#services .container-services .title {
width : 1000px;
height : 80px;
float : left;
margin-top : 145px;
}
#services .container-services p {
width : 430px;
padding-right : 570px;
margin : 0 0 25px 0;
color : #000;
float : left;
}
#services .container-services .services_menu {
width : 750px;
margin-left : 250px;
margin-bottom : 55px;
float : left;
height : 80px;
}
#services .container-services .services_menu ul {
list-style : none;
margin : 0;
}
#services .container-services .services_menu ul li.tabs {
width : 90px;
height : 90px;
float : left;
text-align : center;
font-size : 20px;
color : #000;
margin : 0 0 0 30px;
background : url(../_imagens/bg-tabs.png) no-repeat;
cursor : pointer;
}
#services .container-services .services_menu ul li.select {
width : 90px;
height : 90px;
float : left;
text-align : center;
font-size : 20px;
color : #000;
margin : 0 0 0 30px;
background : url(../_imagens/bg-select.png) no-repeat;
cursor : pointer;
}
#services .container-services .serv-buffer {
display : none;
float : left;
}
#services .container-services .serv-buffer .left {
width : 390px;
margin-right : 30px;
float : left;
}
#services .container-services .serv-buffer .right {
width : 580px;
float : left;
}
#services .container-services .serv-buffer h2 {
width : 390px;
margin : 0 0 20px 0;
float : left;
}
#services .container-services .serv-buffer p {
width : 390px;
margin : 0;
float : left;
}
#services .container-services .serv-buffer .img {
width : 610px;
float : left;
}
#contact {
width : 100%;
height : 810px;
float : left;
background : url(../_imagens/bg-contact.jpg) no-repeat;
background-position : center;
}
#contact #container-contact {
width : 1000px;
height : 810px;
margin : auto;
}
#contact #container-contact .title-contact {
width : 1000px;
margin : 155px 0 22px 0;
float : left;
}
#contact #container-contact p {
width : 440px;
margin : 0 560px 30px 0;
color : #000;
float : left;
}
#contact #container-contact .left {
width : 390px;
float : left;
}
#contact #container-contact .left .phone {
width : 390px;
float : left;
color : #000;
}
#contact #container-contact .left .email {
width : 390px;
float : left;
}
#contact #container-contact .left .email a {
color : #000;
text-decoration : none;
}
#contact #container-contact .left .social-vector {
width : 390px;
height : 305px;
float : left;
background : url(../_imagens/social-vector.png) no-repeat;
margin : 145px 0 0 0;
}
#contact #container-contact .right {
width : 600px;
margin-left : 10px;
float : left;
}
#contact #container-contact .right .bg-form {
width : 560px;
height : 320px;
padding : 25px 0 0 40px;
background : url(../_imagens/bg-form.png) no-repeat;
float : left;
}
#contact #container-contact .right .bg-form .shield {
float : left;
margin-bottom : 20px;
}
#contact #container-contact .right .bg-form label {
width : 80px;
float : left;
text-align : right;
color : #666;
font-size : 17px;
}
#contact #container-contact .right .bg-form .textfield {
width : 417px;
height : 25px;
background : url(../_imagens/bg-textfield.png) repeat-x;
color : #000;
border : none;
font-size : 14px;
margin-left : 8px;
float : left;
}
#contact #container-contact .right .bg-form .textarea {
width : 411px;
height : 99px;
background : url(../_imagens/bg-texteare.jpg) no-repeat;
color : #000;
font-size : 14px;
border : none;
margin-left : 8px;
margin-top : 10px;
padding : 3px;
float : left;
}
#contact #container-contact .right .bg-form .send {
float : right;
margin-top : -10px;
margin-right : 60px;
}
footer {
width : 100%;
float : left;
background-color : #000;
}
footer #container-footer {
width : 1000px;
margin : auto;
}
footer #container-footer .footer-top {
width : 975px;
height : 240px;
padding : 40px 0 0 25px;
float : left;
}
footer #container-footer .footer-top h3 {
float : left;
font-size : 23px;
margin : 0 0 0 0;
}
footer #container-footer .footer-top ul {
width : 220px;
float : left;
}
footer #container-footer .footer-top ul li {
width : 200px;
margin-bottom : 10px;
font-size : 11px;
float : left;
}
footer #container-footer .footer-top ul li a {
color : #fff;
}
footer #container-footer .footer-top ul li a:hover {
color : #fff;
text-decoration : underline;
}
footer #container-footer .footer-top .icon-social {
width : 315px;
padding-top : 20px;
float : left;
}
footer #container-footer .footer-top .like-facebook {
width : 105px;
padding-top : 20px;
float : left;
}
footer #container-footer .footer-top .like-facebook iframe {
border : none;
overflow : hidden;
width : 105px;
height : 21px;
}
footer #container-footer .footer-top .google-plus {
width : 105px;
padding-top : 20px;
float : left;
}
footer #container-footer .footer-bottom {
width : 1000px;
margin-top : 20px;
height : 65px;
color : #333;
font-size : 11px;
border-top : 2px solid #1b1b1b;
float : left;
}
footer #container-footer .footer-bottom .copyright {
width : 885px;
padding-top : 30px;
float : left;
}
footer #container-footer .footer-bottom .check a {
width : 70px;
padding-top : 30px;
float : left;
color : #333;
font-size : 10px;
text-transform : uppercase;
}
footer #container-footer .footer-bottom .html5 {
float : left;
padding-top : 10px;
}
#page-internal {
width : 100%;
float : left;
background : url(../_imagens/bg-internas.jpg) no-repeat #bbdbf0;
background-position : top center;
}
#page-internal .container-internal {
width : 1000px;
margin : auto;
}
#page-internal .container-internal .box-top {
width : 1000px;
height : 170px;
padding-top : 90px;
float : left;
}
#page-internal .container-internal .box-top .buttons {
width : 810px;
padding-top : 95px;
float : left;
}
#page-internal .container-internal .box-top .buttons .btn-1 {
width : 191px;
height : 36px;
background : url(../_imagens/btn-portfolio.png) no-repeat;
float : left;
color : #a4ccdc;
padding : 3px 0 0 10px;
}
#page-internal .container-internal .box-top .buttons .btn-2 {
width : 191px;
height : 36px;
background : url(../_imagens/btn-work.png) no-repeat;
float : left;
color : #a4ccdc;
padding : 3px 0 0 10px;
margin-left : 20px;
}
#page-internal .container-internal .box-top .pcis {
width : 190px;
float : left;
}
#page-internal .container-internal .works {
width : 1000px;
padding : 50px 0 0 0;
height : 540px;
float : left;
}
#page-internal .container-internal .works .description {
width : 232px;
height : 231px;
float : left;
margin-top : -150px;
background : url(../_imagens/description-works.png) no-repeat;
z-index : 30;
position : absolute;
padding : 50px 60px 0 85px;
}
#page-internal .container-internal .works .description h2 {
margin : 0;
float : left;
color : #000;
}
#page-internal .container-internal .works .description p {
margin : 0;
float : left;
color : #000;
padding-top : 5px;
margin-bottom : 20px;
}
#page-internal .container-internal .works .description .button {
width : 191px;
height : 36px;
background : url(../_imagens/btn-portfolio.png) no-repeat #fff;
float : left;
color : #a4ccdc;
padding : 3px 0 0 10px;
}
#page-internal .container-internal .works .description .button a {
color : #a4ccdc;
}
#page-internal .container-internal .works img {
border : #fff solid 1px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
direction : rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
width : 802px;
padding-left : 100px;
}
.jcarousel-skin-tango .jcarousel-clip {
overflow : hidden;
}
.jcarousel-skin-tango .jcarousel-item {
width : 802px;
height : 402px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
position : absolute;
top : 150px;
left : 10px;
width : 52px;
height : 52px;
cursor : pointer;
background : url(../_imagens/arrow-next.png) 0% 0% no-repeat transparent;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
background-position : -58px 0%;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
left : 5px;
right : auto;
background-image : url(../_imagens/arrow-prev.png);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
position : absolute;
top : 90px;
left : 10px;
width : 52px;
height : 52px;
cursor : pointer;
background : url(../_imagens/arrow-prev.png) 0% 0% no-repeat transparent;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
background-position : -58px 0%;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
left : auto;
right : 5px;
background-image : url(../_imagens/arrow-next.png);
}
#shield-internal {
width : 100%;
height : 199px;
float : left;
background : url(../_imagens/bg-shield-works.jpg) no-repeat;
background-position : center;
}
@media only screen and (min-width:35em)
.ir br {
display : none;
}
.hidden {
display : none !important ;
visibility : hidden;
}
.visuallyhidden {
border : 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;
}
@media print {
* {
background : transparent !important ;
color : black !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 : #999 solid 1px;
page-break-inside : avoid;
}
thead {
display : table-header-group;
}
tr, img {
page-break-inside : avoid;
}
img {
max-width : 100% !important ;
}
p, h2, h3 {
orphans : 3;
widows : 3;
}
h2, h3 {
page-break-after : avoid;
}
}
@font-face {
{
font-family : "'SeanRegular'";
src : url('fontes/handsean-webfont.eot');
src : url('fontes/handsean-webfont.eot?#iefix') format('embedded-opentype' ), url('fontes/handsean-webfont.woff') format('woff' ), url('fontes/handsean-webfont.ttf') format('truetype' ), url('fontes/handsean-webfont.svg#SeanRegular') format('svg' );
font-weight : normal;
font-style : normal;
}
}
.navigation {
font-family : 'SeanRegular', Arial, Helvetica, sans-serif;
font-size : 12px;
text-shadow : #000 2px 2px;
}
.da-slide h2 {
font-family : 'SeanRegular', Arial, Helvetica, sans-serif;
}
#portfolio #container-portfolio .categoria-portfolio {
font-family : 'SeanRegular', Arial, Helvetica, sans-serif;
}
#contact #container-contact .phone {
font-family : 'SeanRegular', Arial, Helvetica, sans-serif;
font-size : 20px;
}
#contact #container-contact .right .bg-form label {
font-family : 'SeanRegular', Arial, Helvetica, sans-serif;
}
@font-face {
{
font-family : "'HaettenschweilerRegular'";
src : url('fontes/hatten-webfont.eot');
src : url('fontes/hatten-webfont.eot?#iefix') format('embedded-opentype' ), url('fontes/hatten-webfont.woff') format('woff' ), url('fontes/hatten-webfont.ttf') format('truetype' ), url('fontes/hatten-webfont.svg#HaettenschweilerRegular') format('svg' );
font-weight : normal;
font-style : normal;
}
}
.da-slide h2 {
font-family : 'HaettenschweilerRegular';
}
.da-slide .da-link {
font-family : 'HaettenschweilerRegular';
}
#about #container-about h2 {
font-family : 'HaettenschweilerRegular';
}
#about #container-about h3 {
font-family : 'HaettenschweilerRegular';
}
#services .container-services .services_menu ul li {
font-family : 'HaettenschweilerRegular';
}
#services .container-services .serv-buffer h2 {
font-family : 'HaettenschweilerRegular';
font-size : 35px;
line-height : 35px;
color : #000;
font-weight : normal;
}
footer #container-footer .footer-top h3 {
font-family : 'HaettenschweilerRegular';
font-weight : normal;
letter-spacing : 2px;
}
#contact #container-contact .left .email {
font-family : 'HaettenschweilerRegular';
font-size : 23px;
line-height : 35px;
color : #000;
font-weight : normal;
}
#page-internal .container-internal .box-top .buttons {
font-family : 'HaettenschweilerRegular';
font-size : 25px;
font-weight : normal;
letter-spacing : 1px;
text-transform : uppercase;
}
#page-internal .container-internal .works .description h2 {
font-family : 'HaettenschweilerRegular';
font-size : 27px;
font-weight : normal;
letter-spacing : 1px;
text-transform : uppercase;
}
#page-internal .container-internal .works .description .button {
font-family : 'HaettenschweilerRegular';
font-size : 25px;
font-weight : normal;
letter-spacing : 1px;
text-transform : uppercase;
}

↑ Topo