/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
outline:none;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
/* VAR'S
---------------*/
@base-url: '../img/layout/';
@font-url: '../font/';
@base-width: 990px;
/* MIXING
---------------*/
.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.hide { display:none;}
.show { display:block;}
.roundedBottom(@radius: 5px) {
-moz-border-radius-bottomleft: @radius;
-moz-border-radius-bottomright: @radius;
webkit-border-bottom-left-radius: @radius;
webkit-border-bottom-right-radius: @radius;
border-bottom-left-radius: @radius;
border-bottom-right-radius: @radius;
}
/* FONT'S
---------------*/
@font-face {
font-family: 'HelveticaNeueLTProRegular';
src: url('@{font-url}helveticaneue_medium_cond_1-webfont.eot');
src: url('@{font-url}helveticaneue_medium_cond_1-webfont.eot?#iefix') format('embedded-opentype'),
url('@{font-url}helveticaneue_medium_cond_1-webfont.woff') format('woff'),
url('@{font-url}helveticaneue_medium_cond_1-webfont.ttf') format('truetype'),
url('@{font-url}helveticaneue_medium_cond_1-webfont.svg#HelveticaNeueLTProRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/* DEFAULT
---------------*/
body {
background:url('@{base-url}bgBody.png') repeat;
text-shadow:0 0 1px transparent;
}
body, select, input, textarea, button {
font:13px/1.231 Arial, Helvetica,sans-serif;
color:#ccc;
}
#container {
margin:0 auto;
width:@base-width;
}
a {
text-decoration: none;
&:hover { color:#FFD700 !important;}
}
.ie7 .less-error-message, .ie8 .less-error-message {
display:none;
}
#main { overflow:hidden;}
/* HEADER
---------------*/
#container > header {
background:url('@{base-url}bgHeader.png') no-repeat center top;
height: 320px;
position: relative;
a#logo {
background:url('@{base-url}logotipo.png') no-repeat 0 0;
.left;
height: 107px;
margin-top: 155px;
text-indent: -9999px;
width: 352px;
&:hover {
background-image:url('@{base-url}logotipo-hover.png');
}
}
#boxValid {
position: absolute;
text-align: center;
top: 0;
width:100%;
z-index:9999;
#msg {
background: none repeat scroll 0 0 #FFF1A8;
.roundedBottom();
color: #000000;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
font-size: 12px;
font-weight: bold;
padding: 10px 10px 0;
}
}
}
/* ASIDE
---------------*/
aside { width:@base-width * .25;}
.asideModel {
padding:10px 0;
position:relative;
div.title {
background:#ab955d;
color:#000;
font-family: 'HelveticaNeueLTProRegular';
font-size:24px;
margin-bottom:9px;
padding:2px 20px;
width:130px;
}
div.shadow {
background:url('@{base-url}asideShadow.png') repeat-y -1px 0;
border-left: 1px solid #171717;
left: 0;
position: absolute;
top: 0;
width: 27px;
z-index: 999;
}
}
#nav {
overflow:hidden;
margin-bottom:48px;
li {
.left;
margin-bottom: 8px;
position:relative;
width: 100%;
}
a {
color:#ab965d;
font-family: 'HelveticaNeueLTProRegular';
font-size:18px;
background:#141414;
.left;
padding:4px 20px;
&.active { color:#FFD700;}
}
div.shadow { height: 315px;}
}
#newsletters {
margin-bottom:40px;
input {
background:#111111;
border:1px solid #242424;
color:#777777;
display: block;
margin-bottom:7px;
padding: 9px 0 9px 20px;
width: 132px;
&:focus {
border:1px solid #AB955D;
}
}
button {
background:url('@{base-url}bgButton.gif') repeat-x 0 0;
border-color: #212121 #111111;
border-style: solid;
border-width: 1px;
color: #938664;
cursor: pointer;
font-family: 'HelveticaNeueLTProRegular';
font-size: 12px;
font-style: italic;
height: 24px;
padding: 0 20px;
text-transform: uppercase;
}
div.shadow { height: 173px;}
}
#anuncios {
img {
display:block;
}
div.shadow { height: 246px;}
}
/* CONTENT
---------------*/
#content {
padding-top:10px;
width:@base-width * .74;
}
.modbox {
background:url('@{base-url}bgModbox.png') repeat;
position:relative;
div.cent {
width:660px;
margin: 0 auto 10px;
text-align: center;
width: 691px;
}
h2 {
color: #ab955d;
font-size: 16px;
font-weight:normal;
font-weight: bold;
}
.edicoesanteriores {
widht:600px:
.left;
}
.edicoesanteriores section {
margin: 0 9.7px 15px;
vertical-align:top;
width:750px;
}
.edicoesAnt {
width:142px;
height: 220px;
.left;
padding: 0 30px 16px 0;
a, div { color:#ccc; font-size: 10px; }
}
.edicoesanteriores section img {
display:inline-block;
zoom:1;
*display:inline;
margin: 0 0px 7px;
vertical-align: middle;
}
h3 {
color: #ab955d;
font-weight:normal;
font-weight: bold;
text-align:center;
}
a{ color:#ccc; }
/*-----------noticias-----------*/
.post {
width:680px;
border-bottom:1px solid #343434;
height: 113px;
.left;
padding: 6px 0 0 0;
margin-top:10px;
h2 {
display: inline;
font-size: 20px;
}
.img {
margin-right: 18px;
}
div.descricao {
width:510px;
height:73px;
.left;
margin-top:12px;
a{ color:#ccc; }
}
}
div.left.news {
width:670px;
h1{
font-size:18px;
}
}
.thumbGaleria {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
margin:10px 6px;
border:1px solid #333;
padding:4px;
vertical-align: top;
}
}
/*-----------destaque------*/
#destaque {
.left;
margin-bottom: 9px;
padding:11px 14px 12px;
width:@base-width * .74 - 28px;
div.left.destaque {
color: #000000;
position:relative;
img {
display:block;
height:422px;
width:317px;
}
span {
background:#AB955D;
border:1px solid #AB955D;
bottom: 8px;
color: #000000;
font-family: 'HelveticaNeueLTProRegular';
font-size: 24px;
left: -24px;
padding: 2px 12px;
position: absolute;
z-index:9999;
}
}
#runCycle {
height:422px;
width:317px;
}
}
#destaque div.right {
padding-right: 4px;
position:relative;
width:@base-width * .37;
a{ color:#666; }
#banner {
img { display:block;}
}
> h1 {
background:#AB955D;
color: #000000;
font-family: 'HelveticaNeueLTProRegular';
font-size: 24px;
font-weight: normal;
margin: 10px 0 16px;
padding: 2px 12px;
position: relative;
width: 372px;
}
article {
border-bottom: 1px solid #484848;
margin-bottom: 10px;
padding-bottom: 10px;
&.last {
border-bottom:none;
margin:0;
padding:0;
}
h1 {
margin-bottom: 4px;
a { color:#ccc; font-size:16px; }
}
h2 {
a { color:#ccc; }
}
span{ font-size:11px; color:#666; }
span.fonte { color:#6d6d6d; display:block; font-size:11px; margin-bottom:6px; }
p { font-size:12px; line-height:18px; }
}
}
#twitter {
.left;
padding: 12px 16px 20px;
width:@base-width * .44;
h2 {
.left;
left: -26px;
}
ul {
.left;
font-size: 12px;
list-style: none;
margin-top: 18px;
width:100%;
li {
border-bottom:1px solid #343434;
padding-bottom:12.5px;
margin-bottom:12px;
a {
color:#6d6d6d;
display:block;
font-size:11px;
}
span {
a {
display:inline;
font-size:12px;
}
}
&.lastTweet {
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}
}
}
p.preLoader {
background:url(../img/layout/twitter-loader.gif) no-repeat left center;
float: left;
height: 16px;
margin-top: 8px;
padding-left: 20px;
}
p.profileLink {
.left;
a { color:#6d6d6d;}
}
}
#facebook {
.right;
padding: 12px 8px 14px;
width:@base-width * .24;
h2 {
right:-20px;
}
}
/* PÁGINAS INTERNAS
---------------*/
#content.modbox {
margin-top:10px;
padding: 10px 20px;
width:@base-width * .70;
> h1 {
background: none repeat scroll 0 0 #AB955D;
color: #000000;
font-family: 'HelveticaNeueLTProRegular';
font-size: 24px;
font-weight: normal;
left: -30px;
margin-bottom: 20px;
padding: 2px 12px;
position: relative;
width: 100%;
}
}
/* EDIÇÕES ANTERIORES
-----------------------*/
#content.edicoesanteriores{
p{
margin-bottom:14px;
font-size:18px;
color:gold;
text-align:center;
}
}
/* REVISTA ONLINE
-------------------------*/
#content2{
h1{ margin:0 0 16px 0; }
p{ margin:0 0 30px 0;}
.revistas{ width:748px; margin:0 auto;}
}
#container{
a{
text-decoration:none;
color:#ccc;
&:hover{
color:#FFD700;
text-decoration:none;
}
}
}
/* FALE CONOSCO
---------------*/
#content.faleConosco {
p {
margin-bottom:20px;
em {
font-size:11px;
span { color:#FFD700;}
}
}
ul { margin:0 0 25px 16px; }
ul li{ margin-bottom:2px; }
form {
.left;
width:@base-width * .41;
div {
.left;
margin-bottom: 10px;
width:100%;
}
label {
cursor:pointer;
.left;
font-weight: bold;
padding: 9px 0;
width: 100px;
span { color:#FFD700;}
}
input, textarea {
background:#141414;
border:1px solid #242424;
color:#777777;
.left;
padding:8px 0 8px 8px;
width: 294px;
&:focus {
border:1px solid #AB955D;
}
}
button {
background:#141414;
border:none;
color: #AB965D;
cursor:pointer;
.right;
font-family: 'HelveticaNeueLTProRegular';
font-size: 18px;
padding: 4px 15px;
&:hover {
color:#FFD700;
}
}
}
div.description {
border-left:1px solid #242424;
line-height: 18px;
padding: 10px 15px 10px 27px;
h3 {
color:#CCCCCC;
margin-bottom:4px;
font-size:18px;
text-align:left;
}
address {
font-style:normal;
}
h2 a{
color:#fff;
}
}
}
/* FOOTER
---------------*/
#container > footer {
float: left;
padding: 30px 0;
text-align: center;
width: 100%;
a {
color:#00e8e5;
}
}