/* html5doctor.com Reset Stylesheet */ 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; } /* 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 -----------*/ @baseWidth: 920px; /* MIXINS -----------*/ .left { display:inline; float:left; } .right { display:inline; float:right; } .rounded(@radius: 5px) { -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } .roundedTop(@radius: 5px) { -moz-border-radius-topleft: @radius; -moz-border-radius-topright: @radius; webkit-border-top-left-radius: @radius; webkit-border-top-right-radius: @radius; border-top-left-radius: @radius; border-top-right-radius: @radius; background:url(../img/bgTitle.png) repeat-x; padding: 12px 0 9px 13px; } .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; } /* BODY -----------*/ body { background:#460000 url(../img/bgBody.jpg) no-repeat center top; font-size:100%; } body, select, input, textarea, button { font-family:Arial; } #wrap { margin:0 auto; padding-bottom:35px; width:@baseWidth; } a { color:#565656; text-decoration:none; } a:hover { text-decoration:underline; } /* HEADER -----------*/ #header { background:url(../img/logoTipo.png) no-repeat 0 0; height: 253px; padding-bottom: 40px; position:relative; #boxValid { position: absolute; text-align: center; top: 0; width:100%; z-index:9999999; #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; } } #social { .right; margin-top: 7px; position: relative; #psb { .left; margin-right:6px; } ul { .left; list-style:none; margin-top: 1px; li { float:left; } a { background:url(../img/sprite-social.png); float: left; height: 36px; margin-right: 6px; position:relative; text-indent: -9999px; width: 36px; z-index:45; } .facebook { background-position: -37px 0;} .twitter { background-position: -74px 0;} .orkut { background-position: -111px 0;} } } #nav { background: url("../img/bgNav.png") repeat-x 0 0; bottom:0; font-size:12px; clear: both; height: 40px; overflow: hidden; position: absolute; width: 100%; z-index:50; ul { list-style:none; float: left; position: relative; left: 50%; } li { float:left; position: relative; right: 50%; margin: 0 15px; } a { color:#000; float: left; padding:13px 15px 14px; text-decoration:none; } a:hover, a.active { background:#bd1a21 url(../img/bgNavLink.png) repeat-x; color:#FFF; } } } /* IE'S - HEADER -----------*/ .ie6 #header #nav { bottom:-1px;} /* CONTAINER -----------*/ #container { background:#FFF; float:left; padding: 9px 19px 19px 19px; width:@baseWidth - 38px; #main { float:left; width:@baseWidth - 359px; } a.verMais { background:url(../img/bgNavLink.png) repeat-x; bottom: 11px; color: #FFFFFF; font-size: 11px; padding: 5px 14px; position: absolute; right: 11px; text-decoration: none; &:hover { text-decoration:underline; } } .modArea h2 img { position: absolute; right: 7px; top: 6px; } #notRapidas { background:#eee; color:#333; float:left; font-size:11px; margin-bottom: 9px; padding: 7px 0 7px 12px; width:@baseWidth - 50px; span { .left; margin:1px 6px 0 0; } #setas { .left; margin-right: 10px; a { background:url(../img/arrows.png); float: left; height: 14px; text-indent: -9999px; width: 18px; } #setaLeft { margin-right:3px; } #setaRight { background-position:-21px 0; } } } .modArea { position:relative; } #news { .rounded(); border:1px solid #e3e3e3; .left; height:646px; margin-bottom:10px; padding:10px 11px 11px; width:537px; #slideShow { float: left; height: 228px; width: 537px; img { display:none; float:left; } } .description { display:none;} #controls { float:left; width:@baseWidth - 383px; background:#070707; margin-bottom: 12px; position: relative; padding-top:23px; #runTitle { color:#FFF; font-size: 15px; height: 30px; padding: 5px 10px 10px; text-align: left; a { color:#FFF; } } a.png { background:url("../img/arrows.png"); height: 14px; outline:none; position:absolute; top: 4px; text-indent: -9999px; width: 18px; } a#prevS { background-position: 0 0; left: 6px; } a#nextS { background-position: 18px 0; right: 6px; } } .post { float:left; margin-bottom: 20px; width:100%; h2 { font-size:18px; font-weight:normal; line-height:21px; margin-bottom:8px; a { color:#333; text-decoration:none; &:hover { text-decoration:underline; } } span { color:#a2a2a2; font-size:11px; margin-left:10px; } } p { color:#212121; font-size:12px; line-height: 18px; } } } #ProjLei { .rounded(); border:1px solid #e3e3e3; .left; height:540px; width:559px; h2 { .roundedTop(); position:relative; } .content { float:left; padding:5px 0 10px; .post { padding:11px 11px; h3 { font-size:12px; margin-bottom: 6px; a { color:#5e0000;} } p { color:#333; font-size:12px; line-height: 18px; } } .post.odd { background:#f7f6f6; } } a.verMais { margin:9px 11px 0 0; } } #projetoLogo{ img{ padding:5px; margin:15px 16px 0 0; } } } /* ASIDE -----------*/ #aside { float:right; width:@baseWidth - 608px; #municipios { .rounded(); border:1px solid #e3e3e3; margin-bottom:9px; padding-bottom:7px; width:310px; h2 { .roundedTop(); position:relative; img { top: 8px; } } p { border-bottom:1px solid #e3e3e3; color:#333; font-size:12px; line-height: 18px; margin:0 11px; padding:10px 0; } .content { height: 183px; margin: 7px 11px 0; overflow: auto; li { margin-bottom: 12px; } a { background:url(../img/bullet-list.png) no-repeat left center; color:#333; font-size:12px; padding-left: 16px; text-decoration:none; &:hover { text-decoration:underline; } } } } #downloads { .rounded(); border:1px solid #e3e3e3; margin-bottom:9px; padding-bottom:7px; width:310px; height:237px; h2 { .roundedTop(); position:relative; img { top: 8px; } } p { border-bottom:1px solid #e3e3e3; color:#333; font-size:12px; line-height: 18px; margin:0 11px; padding:10px 0; } .content { width:290px; height: 190px; margin: 7px 11px 0; overflow: auto; ul{ margin-top:10px; } li { margin-bottom: 12px; } a { background:url(../img/bullet-list.png) no-repeat left center; color:#333; font-size:12px; padding-left: 16px; text-decoration:none; &:hover { text-decoration:underline; } } } } #boletim { .rounded(); border:1px solid #e3e3e3; float: left; margin-bottom:9px; width:310px; h2 { .roundedTop(); position:relative; img { top:10px; } } form { padding:14px 14px 19px; input { border:1px solid #e4e4e4; color:#b1b1b1; font-size:18px; height:33px; margin-bottom:6px; padding-left:14px; width:@baseWidth - 654px; } button { background:url(../img/bgButton.png) repeat-x; border:1px solid #d5d5d5; color:#525252; cursor:pointer; font-size:12px; height: 21px; text-align:center; padding-bottom:2px; width:100%; } } } #opniao { .rounded(); border:1px solid #e3e3e3; float: left; height:352px; width:310px; h2 { .roundedTop(); position:relative; img { top: 5px; } } .content { float: left; padding: 17px 14px; .post { border-bottom: 1px solid #E4E3E3; float: left; margin-bottom: 19px; padding-bottom: 19px; width: 100%; span { color:#525252; display: block; font-size:12px; margin-bottom: 6px; } p { color:#525252; font-size:12px; line-height: 18px } } .post:nth-child(3) { border-bottom:none; } } } } /* IE'S - CONTAINER -----------*/ .ie #container #notRapidas span { margin-top:2px;} .ie7 #container .modArea h2 img { top: 9px;} .ie7 #container #municipios h2 img { top: 10px;} .ie7 #container #galeria h2 img { top: 15px;} .ie6 #aside #galeria .content { padding:10px 14px 11px;} .ie7 #aside #galeria .content { padding:15px 14px 6px;} .ie8 #aside #galeria .content { padding:16px 14px 12px;} .ie6 #aside #boletim form input { padding-top:5px; height:28px; } .ie7 #aside #boletim form input { padding-top:5px; height:28px; } .ie8 #aside #boletim form input { padding-top:7px; height:26px; } .ie6 #aside #boletim form button { padding-top:2px; padding-bottom:0; } .ie7 #aside #boletim form button { padding:0 22px;} .ie6 #container .modArea h2 img { top: 4px;} .ie7 #container .modArea h2 img { top: 5px;} .ie6 #aside #opniao .content { padding-bottom:15px;} .ie7 #aside #opniao .content { padding:18px 14px;} .ie8 #aside #opniao .content { padding:18px 14px;} .ie6 #container #news { height: 638px;} .ie7 #container #news { height: 638px;} .ie8 #container #news { height: 645px;} .ie6 #aside #galeria { height:357px;} .ie7 #aside #galeria { height:357px;} .ie8 #aside #galeria { height:364px;} .ie6 #aside #opniao { height:350px;} .ie7 #aside #opniao { height:354px;} .ie8 #aside #opniao { height:354px;} /* FOOTER -----------*/ #footer { background:#fff; clear: both; padding: 30px 23px 25px; h2 { margin-bottom:20px;} a { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin: 0 12.4px 20px; vertical-align: middle; width: 150px; } } /* PAGINAS INTERNAS -----------*/ #container.internas { padding:19px 30px 82px; width:860px; h1 { border-bottom: 1px solid #CCCCCC; font-size: 24px; font-weight: normal; margin-bottom: 20px; padding-bottom: 15px; } div.content .news .data { font-size:12px; color:#999; } p { font-size: 14px; line-height: 18px; color:#565656; text-align:justify; margin-bottom:16px; } p.data { margin-bottom: 10px; } p.content { margin-bottom: 15px; } table { font-size:13px; width:100%; td, th { padding:8px; } thead { tr { border-bottom: 1px solid #DDD; } td { font-weight:bold; } } tbody { border-bottom: 1px solid #DDD; td { } } } } #container.internas + #footer { display:none; } /* CONTATO -----------*/ #container.contato form { .left; label { display: block; font-size: 12px; margin-bottom: 8px; } input, textarea { border:1px solid #E3E3E3; margin:0 25px 10px 0; padding: 2px 8px; width:240px; font-size:14px; } input{ height:30px; } textarea { height: 154px; margin-right:0; padding:6px 8px; } .left.textarea { width:256px; } button { background: url("../img/bgNavLink.png") repeat-x scroll 0 0 transparent; border: medium none; color: #FFFFFF; cursor:pointer; float: right; height: 22px; } } #endereco{ .right; width:250px; font:12px Arial; line-height:1.6em; h2{ font-size:14px; margin-top:15px; } } /* NOTÍCIAS -----------*/ #container.noticias { div.content { line-height: 18px; } a.verMais { padding: 4px 14px; position:static; display:block; width:64px; margin-top:20px; } img { display: block; margin:0 auto 10px; } div.content { border-bottom:1px solid #ccc; clear:both; float:left; width: 840px; .news { float:left; padding: 8px 10px; width:100%; .data { border-right: 1px solid #e8e8e8; padding-right: 12px; } .text { padding-left: 12px; width: 714px; h2 { font-size: 14px; margin:0 0 5px 0; } p { font-size:12px; } } } } .news:nth-child(odd) { background:#f7f7f7; } } /* MUNICÍPIOS -----------*/ #container.municipios { h2 { font-size:16px; color:#740001; } .content { border-bottom:1px solid #ccc; clear: both; float: left; margin-bottom: 20px; padding: 10px 0 25px 0; width: 840px; line-height: 18px; .news { float:left; padding: 8px 10px; width:100%; .data { border-right: 1px solid #CCCCCC; padding-right: 12px; } .text { padding-left: 12px; width: 714px; h2 { font-size: 14px; margin-bottom:5px; } p { font-size:12px; } } } .news:nth-child(odd) { background:#f7f7f7; } } } /* OPINIÃO -----------*/ #container.opinioes { h2 { font-size:16px; } div.content { border-bottom:1px solid #ccc; clear: both; float: left; margin-bottom: 20px; width: 840px; line-height: 18px; .news { float:left; padding: 8px 10px; width:100%; .data { border-right: 1px solid #CCCCCC; padding-right: 12px; } .text { padding-left: 12px; width: 714px; h2 { font-size: 14px; margin-bottom:5px; } p { font-size:12px; } } } .news:nth-child(odd) { background:#f7f7f7; } } } /* PREPOSIÇÕES -----------*/ #container.proposicoes { h2 { font-size:16px; color:#740001; } h2.tAndamento{ border-bottom:1px solid #ccc; padding-bottom:10px; margin-top:30px; color:#000; } div.content { border-bottom:1px solid #ccc; clear: both; float: left; margin-bottom: 20px; padding: 10px 0 25px 0; width: 840px; line-height: 18px; .news { float:left; padding: 8px 10px; width:100%; .data { border-right: 1px solid #CCCCCC; padding-right: 12px; } .text { padding-left: 12px; width: 714px; h2 { font-size: 14px; margin-bottom:5px; } p { font-size:12px; } } } .news:nth-child(odd) { background:#f7f7f7; } } div.propo { p { font-size:14px; margin-bottom:8px; } span{ font-size:12px; font-weight:bold; } img { margin-left:2px; } } } /* MULTIMÍDIA -----------*/ #container.multimidia { h2 { margin-bottom:12px; padding:5px 5px 5px 0; color:#740001; } #galeria { .left(); width: 572px; .thumbGaleria { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin-bottom: 20px; vertical-align: top; width: 284px; img { .rounded(); border: 1px solid #CCCCCC; float: left; margin-right: 10px; padding: 5px; width: 101px; } h3 { float: left; font-size: 12px; font-weight:normal; line-height: 17px; width: 150px; } } } #video { .right(); width: 250px; h2 { background:#000000; color: #FFFFFF; padding: 5px 7px; } ul { list-style:none; padding:0 8px; } li { float: left; margin-bottom: 20px; width: 100%; img { .rounded(); border: 1px solid #999; float: left; margin-right: 10px; padding: 5px; width: 90px; } span { float: left; font-size:12px; font-weight:bold; line-height:17px; width: 122px; &:hover { text-decoration:underline;} } } } #video.view { .left(); width: 574px; } .othersVid { .right(); width: 250px; h2 { background:#000000; color: #FFFFFF; padding: 5px; } ul { list-style:none;} li { float: left; margin-bottom: 20px; width: 100%; img { .rounded(); border: 1px solid #999; float: left; margin-right: 10px; padding: 5px; width: 90px; } span { float: left; font-size:12px; font-weight:bold; line-height:17px; width: 138px; &:hover { text-decoration:underline;} } } } } /* PROJETOS -----------*/ #container.projetos { padding:19px 30px 30px; width:860px; #project { h2 { margin-bottom: 20px; } div.content { } img { border: 1px solid #CCCCCC; .rounded(); float: left; margin: 0 20px 10px 0; padding: 10px; width: 250px; } p { font-size: 12px; text-align: left; } } } #container.projetos + #footer { display:block;} /* TICKER -----------*/ #ticker-wrapper.has-js{ float: left; position:relative;} #ticker{left: 60px;left: 55px;width:706px;height:12px;display:block;float:left;position:relative;overflow:hidden;} #ticker-title{display:none !important;} #ticker-content{float:left;position:absolute;margin:0} #ticker-content a{text-decoration:none;color:#333} #ticker-content a:hover{text-decoration:underline;} #ticker-swipe{position:absolute;top:0;left:80px;background-color:#eee;display:block;width:700px;} #ticker-swipe SPAN{margin-left:1px;background-color:#fff;border-bottom:1px solid #1F527B;height:12px;width:7px;display:block} #ticker-controls{list-style-type:none;float:right; left: 0; padding:7px 10px 0 0; position: absolute; top: -8px;} #ticker-controls LI{margin-left:5px;float:left;cursor:pointer;height:14px;width:18px;display:block;padding:0} #ticker-controls LI#play-pause{background-image:url(../img/arrows.png);background-position:36px 14px} #ticker-controls LI#play-pause.over{} #ticker-controls LI#play-pause.down{} #ticker-controls LI#play-pause.paused{background-image:url(../img/arrows.png);background-position:54px 14px} #ticker-controls LI#play-pause.paused.over{} #ticker-controls LI#play-pause.paused.down{} #ticker-controls LI#prev{background-image:url(../img/arrows.png);background-position:0 14px} #ticker-controls LI#prev.over{} #ticker-controls LI#prev.down{} #ticker-controls LI#next{background-image:url(../img/arrows.png);background-position:18px 14px} #ticker-controls LI#next.over{} #ticker-controls LI#next.down{} .js-hidden{display:none} .ie6 #ticker { left:60px; top:2px;} /* S3SLIDER -----------*/ #s3slider { width: 400px; /* important to be same as image width */ height: 300px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ } #s3sliderContent { width: 400px; /* important to be same as image width or wider */ position: absolute; /* important */ top: 0; /* important */ margin-left: 0; /* important */ } .s3sliderImage { float: left; /* important */ position: relative; /* important */ display: none; /* important */ } .s3sliderImage span { position: absolute; /* important */ left: 0; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 374px; background-color: #000; filter: alpha(opacity=70); /* here you can set the opacity of box with text */ -moz-opacity: 0.7; /* here you can set the opacity of box with text */ -khtml-opacity: 0.7; /* here you can set the opacity of box with text */ opacity: 0.7; /* here you can set the opacity of box with text */ color: #fff; display: none; /* important */ top: 0; /* if you put top: 0; -> the box with text will be shown at the top of the image if you put bottom: 0; -> the box with text will be shown at the bottom of the image */ } .clear { clear: both; } /* AGENCIAYAMA -----------*/ #yama { clear:both; color: #FFFFFF; font-size: 12px; padding-top: 15px; text-align: center; a { color:#00d2c1; text-decoration:none; &:hover { text-decoration:underline; } } }