body { font-family: 'titillium web', sans-serif; background-color: #eee; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; background-size: cover; /*Css padrão*/ -webkit-background-size: cover; /*Css safari e chrome*/ -moz-background-size: cover; /*Css firefox*/ -ms-background-size: cover; /*Css IE não use mer#^@%#*/ -o-background-size: cover; /*Css Opera*/ } ::selection { background: #ffbc0d; /* WebKit/Blink Browsers */ } ::-moz-selection { background: #ffbc0d; /* Gecko Browsers */ } header { } #barra_menu { position: absolute; top: 0; left: 0; width: 100%; height: 70px; background-color: #FFCD0C !important; } /*** Menu topo ****/ .menu-topo { width: 100%; min-height: 70px !important; background-color: #FFCD0C !important; } .menu-topo ul { line-height: 70px; margin: 0 0 0 10px; padding: 0; } .menu-topo li { line-height: 1.15em; font-family: 'Titillium Web', sans-serif; font-size: 1.15em; margin: 10px 0 10px 0;
text-align: center; padding: 0 5px 0 7px; border-left: 1px solid #000; list-style: none; color: black; display: inline-block; } .menu-topo li:first-child { border-left: none; } .menu-topo a { color: #000; text-decoration: none; line-height: 100%; } .menu-topo a:hover { color: #fff; } /*** Menu Idioma ****/ .menu-lang { width: 100%; } .menu-lang ul { margin: 0 0 0 10px; padding: 0; } .menu-lang li { line-height: 0.9em; font-family: 'Titillium Web', sans-serif; font-size: 0.9em; color: #888; margin: 10px 0 10px 0; text-align: center; padding: 0 5px 0 7px; border-left: 1px solid #888; list-style: none; display: inline-block; } .menu-lang li:first-child { border-left: none; } .menu-lang a { color: #888; text-decoration: none; line-height: 100%; } .menu-lang a:hover { color: #000; } #logo { position: relative; width: 250px; height: 158px; margin: 0 auto; background: url(../img/logo_WDT.png); background-repeat: no-repeat; background-position: left top; } @media only screen and (min-width:1em) { header { background-color: #FFCD0C; }
.menu-topo li { border: none; display: list-item; } } @media only screen and (min-width:45em) { #logo { margin: 0 auto 0 auto; background-position: -250px top; height: 128px; } header { background-color: #FFCD0C; } .menu-topo li { border: none; display: list-item; } } @media only screen and (min-width:50em) { #logo { margin: 0 auto 0 auto; background-position: left top; left: 15px; height: 158px; } header { background-color: #FFCD0C; } #nav-button { display: none; } #menu { display: inline-block; } .menu-topo li { border-left: 1px solid #888; display: inline-block; } } @media only screen and (min-width:1050px) { #logo { margin: 0 0 0 auto; background-position: left top; left: 15px; height: 158px; } header { background-color: transparent; } body { background-image: url('../img/bg2.jpg'); } #slogan { margin-top: 350px; }} #slogan { background-color: rgba(255,255,255,0.8) !important; min-height: 95px; } #slogan h2 { line-height: 95px;
font-size: 2em; text-transform: uppercase; text-align: center; } .form-cont { display: none; background-color: transparent; } a.link-artigo article { color: #000; } /*a.link-artigo:hover article { color: #000; } a.link-artigo:visited article { color: #000; } */ #artigos { margin: 81px auto; text-align: center; } #artigos article { background-color: rgba(255,205,12,0.7) !important; display: inline-block; width: 284px; height: 277px; margin: 0 48px 10px 20px; padding: 20px; text-align: justify; transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; } #artigos article:hover { background-color: rgba(255,205,12,1) !important; transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; } #artigos article p { text-align: justify; } /****Rodape ***/ footer { background-color: #fff; } footer #links { min-height: 279px; padding: 0;
margin: 0; padding-top: 10px; } #creditos { border-top: 1px solid #eee; min-height: 75px; text-align: center; margin: 0 auto; } #creditos img { padding: 20px 15px; } .big-footer { padding-top: 1em; font-size: 3em; color: #aaa; text-align: center; } .big-decor { float: left; font-size: 12em; padding: 0 15px 0 15px; color: #FD9B20; } .item-decor { margin: 1em; background-image: url("../img/keys_orange.png"); background-repeat: no-repeat; background-size: 100%; text-align: center; padding: 1em 3em; float: left; font-size: 1.2em; color: #111; } .dest-footer, .dest-footer:hover { color: #FD9B20; } /*** Menu Footer ****/ .menu-footer { width: 100%; } .menu-footer ul { margin: 3em 0 0 10px; padding: 0; } .menu-footer li { line-height: 1.3em; font-family: 'Titillium Web', sans-serif; font-size: 1.1em; color: #000; text-align: left; list-style: none; } .menu-footer a { color: #000; text-decoration: none; line-height: 100%; } .menu-footer a:hover { color: #FD9B20; } /* CSS Document */