body{ font-family: 'Titillium Web', sans-serif; background-color: #fff; } ::selection { background: #FFBC0D; /* WebKit/Blink Browsers */ } ::-moz-selection { background: #FFBC0D; /* Gecko Browsers */ } header{ } #barra_menu{ position:absolute; top:0; left:0; width:100%; height: 114px; 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:210px; height:129px; margin-left: auto; background: url(../img/logo_WDT.png); background-repeat: no-repeat; background-position: -250px top; } @media only screen and (min-width: 1em) { #logo { background-color: #FFCD0C; background-position: -500px top; margin: 0 auto; height:70px; } header { background-color: #FFCD0C; } .menu-topo li{ border:none; display: list-item; } } @media only screen and (min-width: 45em){ #logo { background-position: -250px top; margin: 0 auto; height:128px; } header { background-color: #FFCD0C; } .menu-topo li{ border:none; display: list-item; } }
@media only screen and (min-width: 50em){ #logo { background-position: -250px top; margin: 0 auto; height:128px; } header { background-color: #FFCD0C; } #nav-button { display: none; } #menu{ display: inline-block; } .menu-topo li{ border-left: 1px solid #888; margin: 0 auto; display: inline-block; } } @media only screen and (min-width: 1250px){ #logo { background-position: -250px top; margin: 0 250px 0 auto; height:128px; } header { background-color: transparent; } } #content { min-height: 400px; font-size:1em; color: #676767; margin-bottom: 50px; } h2.title { margin:60px; font-size:2.5em; text-align: center; } .blockquote-reverse{ background-color: #ececec; border-right: 5px solid #FF8B10; } .color-wdt{ color:#FF8B10; } .color-wdt-bg{ background-color:#FF8B10; color:#fff; } .lista li{ list-style: none; font-size:1.1em; line-height: 2em; color:#111; } .title-main{ margin: 25px; padding: 25px; font-size:2.5em; text-align:center; } .body-main{ padding: 10px 20px; font-size:1.3em; text-align:center; }
/****Rodape ***/ footer{ background-color: #a4a4a4; } footer #links{ min-height: 250px; padding:0; margin:0; padding-top:10px; } #creditos{ background-color: #fff; border-top: 1px solid #eee; min-height: 75px; text-align:center; margin:0 auto; } #creditos img{ padding: 20px 15px; } .form-cont { display:none; background-color:transparent; } .big-footer { padding-top: 20px; font-size: 3em; color:#fff; text-align:center; } .big-decor { float:left; font-size: 12em; margin-top: -25px; padding: 0 15px 0 15px; color: #ffcc33; } .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.3em; color:#fff; } .dest-footer{ color:#333; } .dest-footer:hover{ color:#ffcc33; } /*** Menu Footer ****/ .menu-footer  { width: 100%; } .menu-footer ul{ margin: 1.5em 0 0 10px; padding:0; } .menu-footer li{ line-height: 1.3em; font-family: 'Titillium Web', sans-serif; font-size:1.1em; color: #fff;
text-align:left; list-style: none; } .menu-footer a{ color: #fff; text-decoration: none; line-height: 100%; } .menu-footer a:hover{ color: #ffcc33; }