/* -------------------------------------------------------------- Boilerplate Screen Styles * Version: 0.5 (2007-11-19) -------------------------------------------------------------- */ @import "../../CSS/lib/reset.css"; @import "../../CSS/lib/typography.css"; @import "../../CSS/lib/forms.css"; /* Geral -------------------------------------------------------------- */ a { color: #84b0ee; text-decoration: none; } a:hover { color: #84b0ee; text-decoration: underline; } img { border: 4px solid #e4aeae; } h2 { font-size: 1.7em; color: #fff; } h3 { font-size: 1.3em; color: #84b0ee; } .text { border: 4px solid #e4aeae; background-color: #fff; padding: 10px; margin: 10px 0 19px 0; height: 100%; } .clear { clear: both; line-height: 1px; height: 1px; margin: 0; padding: 0; border: 0; display: block; } /* -------------------------------------------------------------- */ body { background-color: #911010; color: #564053; background-image: url('images/body_bg.jpg'); background-repeat: repeat-x; } /* Page -------------------------------------------------------------- */ #page { margin: 0; width: 1000px; } /* Header -------------------------------------------------------------- */ #header { height: 274px; background-image: url('images/header_bg.jpg'); background-position: left top; background-repeat: no-repeat; position: relative; } #header h1 { font-size: 3.1em; line-height: 318px; margin-left: 320px; font-weight: normal; } #header a { color: White; text-decoration: none; } #header a:hover { text-decoration: underline; } #header #home-links { background-image: url('../../images/home.jpg'); width: 188px; height: 97px; position: absolute; top: 20px; right: 310px; } #header #home-links a { width: 188px; height: 49px; display: block; } #header #home-links a span { display: none; } /* Body -------------------------------------------------------------- */ #body { background-image: url('images/page_bg.gif'); background-position: center top; background-repeat: repeat-y; width: 950px; } #menu { float: left; width: 226px; } #content { float: left; width: 498px; } #publicidade { float: left; width: 186px; color: #fff; } /* Menu -------------------------------------------------------------- */ #menu { } #menu ul { margin: 23px 20px 23px 30px; padding: 0; list-style-type: none; } #menu ul li { margin-bottom: 16px; padding-left: 30px; background-image: url('images/bullet.gif'); background-repeat: no-repeat; } #menu ul li a { font-size: 1.4em; margin: 0; line-height: 10px; color: #fff; } #menu ul li a:hover { color: #84b0ee; } #menu ul li a.sel { color: #84b0ee; } a#vendedor { } a#vendedor img { border: 4px solid #e4aeae; margin: 0 0 26px 32px; } /* Publicidade -------------------------------------------------------------- */ #publicidade { background: red: } #publicidade ul { margin: 10px 0 10px 14px; padding: 0; list-style-type: none; } #publicidade ul li { margin-bottom: 7px; } #publicidade a img { border: 4px solid #e4aeae; } #publicidade #timespan { text-align: center; } #publicidade #timespan h4 { font-size: 2em; margin: 10px 0 0 0; } /* Content -------------------------------------------------------------- */ #content { padding: 13px 20px 20px 20px; } .brochura { padding: 10px; border: 4px solid #e4aeae; background-color: #fff; margin: 10px 0 19px 0; } .brochura .imagem { float: left; margin-right: 10px; } .brochura .imagem img { border: 4px solid #e4aeae; } .brochura h3 { margin: 0; margin-bottom: 7px; } .brochura .descricao { margin: 0; height: 90px; } .brochura a.url { font-weight: bold; font-size: 0.9em; text-decoration: none; } .brochura a.url:hover { text-decoration: underline; } .brochura .morada, .brochura .telefone { font-size: 1.2em; } .brochura .morada { margin-top: 7px; } .brochura .telefone { margin-top: 7px; float: right; text-align: right; } .galeria { list-style-type: none; margin: 0 0 14px 0; padding: 0; width: 100%; } .galeria li { float: left; margin-right: 14px; margin-bottom: 20px; } .galeria li a img { width: 12em; border: 4px solid #e4aeae; } .galerias .text { height: 100%; } .galerias .imagem { float: left; } .galerias .imagem img { width: 12em; margin-right: 10px; border: 4px solid #e4aeae; } .galerias .video { float: left; } .galerias .video img { margin-right: 10px; border: 4px solid #e4aeae; } h2 span.rss { display: block; float: right; } #pagSeguinte { float: right; } .text .videopost { float: right; border: 4px solid #e4aeae; margin: 0 0 10px 10px; } /* Footer -------------------------------------------------------------- */ #footer #copyright { text-align: center; margin: 8px 0; position: relative; color: #fff;} #footer #copyright div { margin-top: 8px; } #footer #copyright div a { position: absolute; top: 18px; } /* Fieldset -------------------------------------------------------------- */ fieldset { border: 4px solid #e4aeae; background-color: #fff; padding: 10px; margin: 10px 0 19px 0; } fieldset legend { font-size: 1.1em; } fieldset ol { margin: 0; list-style-type: none; } fieldset ol li { margin: 0; margin-top: 5px; } fieldset span.label { display: block; width: 95px; float: left; text-align: right; margin-right: 5px; } fieldset span.input-form { color: #333 } fieldset span.button-form { display: block; margin-left: 100px; } fieldset ol li p { margin: 0; margin-left: 99px; } .input-text { border: 1px solid #e4aeae; } .submit-button { border: 1px solid #e4aeae; background-color: #f1e6e7; width: 7em; font-size: 1em; height: 25px; color: #333; margin-right: 2px; } .submit-reset { border: 1px solid #e4aeae; background-color: #f1e6e7; width: 7em; font-size: 1em; height: 25px; color: #666; margin-right: 2px; } .xxsmall { width: 4em; } .xsmall { width: 8em; } .small { width: 12em; } .medium { width: 16em; } .large { width: 20em; } .xlarge { width: 21em; } .xxlarge { width: 28em; }