/*  
Theme Name: PelotasSigalesV2
Theme URI: http://www.sigales.com/
Description: Pelotas.Sigales.com V2
Version: 1.0
Author: Jeferson Sigales e Leo Branco
Author URI: http://www.sigales.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* HTML Elements */
* {
margin: 0px;
padding: 0px;
border:0px;
list-style:none;
}
body {
font: 1.1em Arial, Helvetica, sans-serif;
color: #333333;
background: #FFFFFF;
width: 100%;
}
hr {
border-bottom: 1px solid #BDD;
margin: 5px 0px;
}
p {
color: #333333;
margin: 15px 0px 2px;
}
a:link {
color: #1188CC;
text-decoration:none
}
a:visited {
color: #336699;
text-decoration:none
}
a:hover, a:active {
color: #FF3300 !important;
text-decoration:underline;
}
select {
width: 130px;
}
input, select, textarea {
background: #FFFFFF;
border: 1px solid #CCCCCC;
font: 1em Arial, Helvetica, sans-serif;
color: #555555;
padding: 5px;
}

/* -------------------------------------------------- ESTRUTURA ---------- */
#topo {
width: 100%;
margin: 0px;
}
#head {
width: 940px;
margin: 0px auto;
padding: 0px;
font-size:0.7em;
}
#pagina {
width:940px;
margin: 0px auto;
padding:0px;
background: #FFFFFF;
font-size:0.7em;
}
#centro {
width: 670px;
}
.left, .alignleft {
float:left !important;
}
.right, .alignright {
float:right;
}

/* -------------------------------------------------- MENU ---------- */
#menu {
height: 18px;
padding: 0px;
text-align: center;
}
#page-bar li {
margin: 0px 3px 5px;
padding: 0px;
float:left;
cursor: pointer;
display:block;
border-bottom: 2px solid #FFFFFF;
}
#page-bar li:hover {
border-bottom: 2px solid #FFCC00;
}
#page-bar a, #page-bar a:visited {
margin: 0px;
padding: 4px 8px;
font: 100 1em Arial, Helvetica, sans-serif;
color: #336699;
display:block;
}
#page-bar a:hover {
text-decoration:none;
display:block;
color: #FFFFFF;
}
#page-bar .current_page_item a{
color: #FFFFFF !important;
background: #EE0055;
}

/* Dropdown Menus */
#page-bar li li {
float: left;
margin: 0px;
padding: 0px;
width: 180px;
text-transform:none;
}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
background: #FFFFFF;
width: 180px;
float: none;
margin: 0px;
padding: 5px;
border-top: 1px solid #DDEEFF;
text-transform: capitalize;
}
#page-bar li li a:hover, #page-bar li li a:active {
background: #DDFFFF;
color: #336699;
}
#page-bar li ul {
position: absolute;
width: 10em;
left: -999em;
}
#page-bar li:hover ul {
left: auto;
display: block;
width: 180px;
box-shadow: 2px 2px 4px #999999;
-webkit-box-shadow: 2px 2px 4px #999999;
-moz-box-shadow: 2px 2px 4px #999999;
*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=4)";
*filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=4);
}
#page-bar li:hover ul, #page-bar li.sfhover ul {
left: auto;
}

/* ------------------------------------------------- FORM BUSCA --------- */
#searchform {
float: left;
width: 468px;
margin: 0px 25px;
}
#sform {
margin: 15px 0px 10px;
}
#searchform input {
display: inline;
background: #FFFFFF;
border: 1px solid #CCCCCC;
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #FF3300;
margin: 0px 10px 0px 0px;
padding: 5px;
width: 350px;
}
#searchform input.ok {
padding: 2px;
width: 50px;
}
select {
border:1px solid #333;
width:100%;
}
.field {
padding: 2px;
border:1px solid #333;
font-size:1.0em;
}
#searchsubmit {
padding: 0px;
}
#s {
padding:0px;
margin: 0px;
}

/* ------------------------------------------------- RESULTADO BUSCA --------- */
#searchresults {
}
#searchresults li {
padding: 2px;
border: 1px solid #EEEEEE;
display: inline;
}

/* ------------------------------------------------- FORM LOGIN --------- */
#logar {
float: right;
padding: 5px;
margin: 5px 0px;
width: 200px;
}
#logar p {
font: 100 0.7em Arial, Helvetica, sans-serif;
color: #1188CC;
padding: 0px 4px 4px;
margin: 0px;
}
#logar label {
float: left;
width: 40px;
margin-right: 10px;
}
#logar input {
font-size: 0.75em;
margin: 0px 0px 4px 0px;
display: inline-block;
width: 130px;
}
#logar input.ok {
background: #EEFFEE;
font-size: 0.8em;
color: #1188CC;
border: none;
padding: 0px;
margin: 0px;
width: 50px;
}

/* -------------------------------------------------- INDEX ---------- */
#linkskip {
color: #FFFFFF;
}
.mlink {
font-size:0.9em;
}
.mlink ol { 
margin: 0px;
}
.mlink li{
display: inline;
list-style: none;
float: left;
}
.mlink li a{
padding: 0px 10px;
font-size: 0.9em;
color: #cccc99;
}
#logo {
float: left;
display: block;
width: 210px;
margin: 0px 0px 20px;
}
#logo a, #logo p{
text-decoration: none;
padding: 0px;
margin: 0px;
}
#logo a strong{
font: bold 4.2em Cambria, Georgia, Times, Serif;
color: #1188CC;
letter-spacing: -0.05em;
}
#logo a em{
font: 100 1.6em Arial, Helvetica, sans-serif;
color: #EE7700;
}
#logo img {
float: left;
display: block;
padding: 14px 8px 0px 0px;
}
#index {
width: 640px;
font-size:1.05em;
line-height:1.75em;
float: left;
}
#wrap {
position: relative;
width: 940px;
height: 210px;
overflow: hidden;
padding: 0px 0px 15px 0px;
background: url(images/fundo-wrap.jpg) bottom no-repeat;
}

#archive {
padding-top:15px;
font-size:1.05em;
line-height:1.75em;
}
#archive p{
font: 100 0.9em Arial, Helvetica, sans-serif;
color: #666666;
float: left;
padding: 0px 10px 0px 0px !important;
}
#index p, #archive p {
margin:0px;
padding:0px;
}

/* ---------------------------------------------------------- CHAMADA ---------- */
#chamada {
margin-bottom: 20px;
}

/* ----------------------------------------------------------- SLIDE ---------- */
#slider {
float: left;
width: 312px;
height: 234px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
background: #000000;
}
#sliderContent {
width: 312px;
height: 234px;
position: absolute;
top: 0;
margin-left: 0;
}
.sliderImage {
float: left;
position: relative;
display: none;
text-align: center;
}
.sliderImage img{
width: 312px;
height: 234px;
}
.sliderImage span {
position: absolute;
font: 1em Arial, Helvetica, sans-serif;
padding: 5px 10px 15px;
width: 312px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
}
.sliderImage span strong, .sliderImage span p { font-size: 0.9em; margin: 0px; padding: 0px; color: #FFFFFF; }
.top { top: 0; left: 0; }
.bottom { bottom: 0; left: 0; }


/* ------------------------------------------------------- PRINCIPAL ---------- */
#principal {
background: #F5F5F5;
float: right;
min-height: 224px;
width: 302px;
padding: 5px 10px;
}
#principal h3 a {
font: 100 2.0em "Arial Narrow", Arial, Helvetica, sans-serif;
color: #1188CC !important;
display: block;
letter-spacing: -0.03em;
text-decoration: none;
}
#principal h3 a:hover {
color: #FF3300 !important;
}
#principal p {
margin-top: 0px;
}
#principal p a {
color: #666666;
line-height: 1.75em;
display: inline;
}
#principal img {
margin-left: 5px;
}

/* -------------------------------------------------- CABEÇALHOS ---------- */
h1 {
font: 100 2.5em "Arial Narrow", Arial, Helvetica, sans-serif;
margin: 0px 0px 15px;
color: #1188CC;
}
h1 a { color: #1188CC !important; 
}
h2 {
font: 100 2.0em Arial, Helvetica, sans-serif;
letter-spacing: -0.09em;
margin: 0px 0px 15px;
}
h3 {
font: bold 1.2em Arial, Helvetica, sans-serif;
letter-spacing: -0.09em;
}
h4 {
font: bold 1.3em Arial, Helvetica, sans-serif;
color:#1188CC;
margin: 10px 0px 10px;
padding: 0px;
}
h4 em{
font-weight: bold;
font-style: normal;
padding: 5px 8px;
border-left: 4px solid #0099FF;
background: #FEB;
}
h5 {
}
h6 {
}

/* -------------------------------------------------- CANAIS ---------- */
#canais {
clear: both;
margin: 15px 0px;
}
#canais div {
width: 205px;
margin: 0px 8px 30px;
float: left;
}
.destaque, .destaque a {
background: #FFFFFFF !important;
color: #006699;
padding: 2px 0px 0px;
border-bottom: 5px solid #006699;
}
.noticias, .noticias a {
background: #FFFFFFF !important;
color: #DD0055;
padding: 2px 0px 0px;
border-bottom: 5px solid #DD0055;
}
.empresas, .empresas a {
background: #FFFFFF !important;
color: #666666;
padding: 2px 0px 0px;
border-bottom: 5px solid #666666;
}
.eventos, .eventos a {
background: #FFFFFF;
color: #88AA00;
padding: 2px 0px 0px;
border-bottom: 5px solid #88AA00;
}
.fotos, .fotos a {
background: #FFFFFF;
color: #EE9900;
padding: 2px 0px 0px;
border-bottom: 5px solid #EE9900;
}
.sites, .sites a {
background: #FFFFFF;
color: #5577CC;
padding: 2px 0px 0px;
border-bottom: 5px solid #5577CC;
}
.pelotas, .pelotas a {
background: #FFFFFF;
color: #996600;
padding: 2px 0px 0px;
border-bottom: 5px solid #996600;
}

/* ----------------------------------------------------- LISTANDO ---------- */
ul.listando {
color: #000000;
}
ul.listando li {
margin: 0px 0px 10px;
}
ul.listando p {
padding: 0px 8px;
margin: 0px;
color: #666666;
}
ul.listando h3 a {
font: 100 1.1em Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: underline;
letter-spacing: -0.03em;
padding: 0px;
text-decoration: none !important;

}
ul.listando h3 a:hover {
color: #FF3300 !important;
text-decoration: underline !important;
}

/* ----------------------------------------------------- FAVORITAS ---------- */
ul.favorita {
color: #000000;
padding: 0px !important;
}
ul.favorita li {
margin: 0px 8px 10px;
float: left;
width: 195px;
}
ul.favorita h3 a {
font: 100 1.5em Cambria, Georgia, Times, Serif;
color: #1188CC;
letter-spacing: -0.03em;
padding: 0px 0px 15px;
}
ul.favorita h3 a:hover {
color: #FF3300 !important;
}
ul.favorita p {
margin: 0px 0px 6px 0px;
}
ul.favorita p a {
font-size: 0.8em;
color: #1188CC;
display: inline-block;
padding: 0px 4px;
margin: 0px !important;
}
ul.favorita img {
border: 1px solid #FFFFFF;
padding: 2px;
}

/* -------------------------------------------------- CONTENT ---------- */
#content {
width: 490px;
font-size:1.05em;
line-height:1.75em;
float: left;
min-height:400px;
}
#content .caminho {
font: 100 0.8em Arial, Helvetica, sans-serif;
color:#CCCCCC;
margin: 2px 0px 15px;
}
#content .caminho a{
color:#999999;
}
.post {
font-size:1.05em;
line-height:1.75em;
}
.post ul, .post ol, #index ul, #index ol {
margin-bottom:15px;
}
.post ul li {
list-style:square;
margin-left:30px;
}
.post ol li {
list-style:decimal;
margin-left:30px;
}
.post ol li ul li  {
list-style:square;
margin-left:20px;
}
.post img {
margin: 4px 8px;
}
.post a img {
max-height: 480px;
border:1px solid #DDDDDD;
background-color: #FFFFFF;
margin: 4px;
padding:4px;
}
.post a:hover img, #index img:hover, #archive img:hover {
border:1px solid #EE0088;
}
.entry {
margin-top:20px;
}
.entry p.MsoNormal img {
max-width: 490px;
}
.entry form, .entry form input {
font-size: 12px;
float: left;
color: #000;
background-color: #F5F5F5;
width: 200px;
padding: 2px;
margin: 5px;
border: 1px solid #39C;
}
.entry form {
width: 400px;
background: #FFF;
margin: 0 auto;
padding: 0;
border: none;
}
.prev-next{
font: normal 100 0.9em Arial, Helvetica, sans-serif;
}
.prev-next em, .prev-next em a {
color: #999999;
}

/* -------------------------------------------------- AUTHOR ---------- */
#author {
margin: 10px 0px 10px 0px;
}
#author h3 {
font: 100 1.0em "Arial Narrow", Arial, Helvetica, sans-serif;
letter-spacing: 0em;
color: #1188CC;
border-bottom: 1px solid #BDD;
margin: 0px 0px 5px;
}
#author a:link, #author a:visited{
color: #999999;
}
#author img {
float: left;
background: #CCCCCC;
margin: 0px 10px 0px 0px;
}
#author p {
font: 100 0.8em Arial, Helvetica, sans-serif !important;
color: #999999;
line-height: 1.32em;
margin: 0px;
}
#author p.auto {
font-size: 1.1em !important;
color: #999999;
line-height: 1.4em !important;
}

/* ---------------------------------------------- ESCRITO ---------- */
ol.escrito li {
margin: 10px 0px 20px 0px;
padding-top: 0px !important;
border: none !important;
}
ol.escrito p {
margin: 0px 0px;
line-height: 1.2em;
display: block;
}
ol.escrito h3 a {
color: #AACCFF;
display: block;
padding: 0px 0px 0px;
letter-spacing: normal;
margin: 20px 0px 0px !important;
}
ol.escrito a {
color: #999999;
}
ol.escrito li img {
margin: 0px 10px 0px 0px;
}
ol p.pagbusca {
padding-top: 20px !important;
}
ol p.pagbusca a {
margin: 2px;
}

/* -------------------------------------------- RELACIONADOS ---------- */
#relacionados {
padding: 2px 0px;
border-bottom: 1px solid #BBDDDD;
margin-bottom: 20px;
}
#relacionados h3 {
font: 100 1.4em Arial, Helvetica, sans-serif;
color: #CC0033;
letter-spacing: normal;
}
ul.relacionados li {
font: 100 0.8em Arial, Helvetica, sans-serif;
color: #1188CC;
list-style: none;
display: inline-block;
margin: 4px 0px;
padding: 0px 4px;
width: 110px;
border-right: 1px solid #CCCCCC;
}
ul.relacionados li a {
margin: 0px 0px;
}


/* -------------------------------------------- COMENTARIOS ---------- */
h3.comment {
font: 100 1.4em Arial, Helvetica, sans-serif;
color: #999999;
background: #F5F5F5;
border-left: 2px solid #CCCCCC;
padding: 5px 8px;
margin: 5px 0px;
letter-spacing: 0em !important;
}
.vcard img {
float: left !important;
display: block;
margin: 0px 10px 0px 0px;
}
.vcard a {
display: inline-block;
padding: 0px;
margin: 0px;
}
.comment p {
color: #666666 !important;
display: block;
font-size: 0.9em;
line-height: 1.22em;
margin: 10px !important;
}
.comment-meta, .commentmetadata {
font-size: 0.75em !important;
}
cite.fn {
font: normal 1.2em Arial, Helvetica, sans-serif;
color: #666666;
}

/* --- respond --------- */
#respond {
margin-top: 20px;
}
#respond h3 {
font: 100 1.4em Arial, Helvetica, sans-serif;
color: #1188CC;
letter-spacing: 0em !important;
}
#respond p {
margin: 0px !important;
}
#respond input {
margin: 4px 4px;
}
#respond textarea {
height: 100px;
width: 460px;
padding: 10px;
border: 1px solid #CCCCCC;
}

/* -------------------------------------------------- DATA ---------- */
p.data {
margin: 3px !important;
line-height: 0.9em;
float: right;
padding: 8px !important;
}
p.data span {
display: block;
font: normal 100 1.2em Arial, Helvetica, sans-serif;
}

/* -------------------------------------------------- COLUNA ---------- */
#banner {
width: 160px;
height: 600px;
float: right;
}
#coluna {
width:250px;
float: right;
color: #333333;
padding: 0px;
line-height: 1.8em;
}
#coluna li {
color: #CCCCCC;
}
#coluna p{
margin: 15px 0px 0px;
}
#coluna a:hover {
color: #FF3300;
}
#coluna li.cat-item ul{
min-height: 100px;
}
#coluna li.cat-item{
padding: 1px 0px 2px;
border-bottom: 1px solid #EEEEEE;
width: 110px;
margin: 0px 5px;
float: left;
}
#coluna li.cat-item{
font: 100 1em Arial, Helvetica, sans-serif;
}
#coluna li ul.children li{
list-style:none;
border: none;
display:block;
}
#coluna li ul.children li a{
font: 100 0.9em Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 5px;
border-top: 1px solid #F2F2F2;
color: #666666;
}
#coluna ul.wp-tag-cloud {
clear: both;
margin: 0px 0px 30px;
}
#coluna ul.wp-tag-cloud li {
display: inline !important;
}
#coluna ul.wp-tag-cloud a {
padding: 1px 2px;
color: #999999;
margin: 0px 5px 5px 0px 0px;
}

/*------------------------------------------------------ MOSAICO --------*/
.mosaico {
background: #EEEEEE;
margin: 15px 0px;
}
ul.mosaico li {
display: inline;
margin: 0px;
padding: 0px;
float: left;
}
ul.mosaico li a {
display: block;
margin: 0px;
padding: 7px;
}
ul.mosaico li a:hover {
background: #FF3300;
}
ul.mosaico li img {
background: #CCCCCC;
width: 80px;
display: block;
}

/* -------------------------------------------------- RODAPE ---------- */
#rodape {
font: normal 0.6em Arial, Helvetica, sans-serif;
color: #666666;
margin: 10px 0px 0px;
min-height: 50px;
padding: 100px 10px 10px;
background: #FFFFFF;
}
#rodape div {
border-top: 1px solid #666666;
padding-top: 10px;
width: 940px;
margin: 0px auto;
}
#rodape img {
margin-right: 10px;
}
#rodape p {
width: 240px;
float: left;
margin: 0 40px 0 0 ;
color: #666666;
}
#rodape a{
color: #006699;
}
#rodape ul li {
padding: 0px;
margin: 10px;
display: inline;
}
#rodape li img {
width: 90px;
height: 90px;
background: #00FF00;
}
#rodape2 {
width: 900px;
height: 110px;
margin-bottom: 20px;
}

/* Float Properties*/
.clearfloat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfloat {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfloat {
height:1%;
}
*+html .clearfloat {
height:1%;
}
.clearfloat {
display:block;
}

/* ---------FORMULARIO DE CONTAT0----------- */
div#contato fieldset {
padding:10px;
width: 510px;
}
div#contato legend { 
font: bold 14px Arial, Helvetica, sans-serif; 
color: #EE0055;
letter-spacing:1px;
margin: 1px;
float: left !important;
clear: both;
}
div#contato input, select {
float: left;
color: #0099FF;
background: #FFFFFF;
width: 300px;
padding: 6px;
margin: 5px;
}
div#contato input.enviar {
color: #FFFFFF;
background: #3399CC;
width: 115px;
padding-left: 2px;
margin: 5px;
}
div#contato textarea {
color: #0099FF;
background: #FFFFFF;
border: 1px solid #3399CC;
height: 100px;
width: 310px;
padding-left: 2px;
margin: 5px;
}
div#contato input:focus, div#contato select:focus, div#contato textarea:focus  {
border: 1px solid #EE0055;
}
div#contato label {
width: 180px;
color: #000000;
float: left;
display: inline-block;
}
div#contato .radio {
width: 30px;
float: left;
}
div#contato .cidade {
width: 106px;
float: left;
}
div#contato .ddd {
width: 20px;
float: left;
}
div#contato .fone {
width: 60px;
float: left;
}
fieldset strong {
text-align: right;
font-weight: 100;
width: 64px;
float: left;
padding: 5px 0 0 0;
}
div#contato em{
font: 10px arial;
color: #EE0055;
}
div#contato .opcao {
width: 300px;
font: bold 18px "trebuchet ms";
color: #000000;
}

/*----------------------------------------------------------------------- GENERICAS --------*/
.block { display: block; !important; }
.center { text-align: center; }
.clear { clear: both !important; }
.w940 { width: 940px !important; }
.dtx {  font: 100 0.85em Arial, Helvetica, sans-serif; color: #CCCCCC !important; display: block; padding: 1px 2px; margin: 0px; }
.obs {  font: italic 0.80em Arial, Helvetica, sans-serif; color: #999999; border-left: 2px solid #CCCCCC;  padding: 0px 10px; margin-bottom: 0px; }
.p2 { padding: 2px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.mt10 { margin-top: 10px; }
.says { font-size:: 1.5em !important; }
.hidden { border: none; height: 0px; margin: 0px !important; padding: 0px !important; }

.not, .not a { color: #DD0055 !important; }
.emp, .emp a { color: #666666 !important; }
.eve, .eve a { color: #88AA00 !important; }
.fot, .fot a { color: #EE9900 !important; }
.sit, .sit a { color: #5577CC !important; }
.pel, .pel a { color: #996600 !important; }


.bgnoticias { background: #DD0055 !important; color: #FFFFFF; padding: 0px 5px 2px; }
.bgnoticias a { background: #FFFFFF; padding: 3px 10px; font: 1.6em Arial, Helvetica, sans-serif; color: #DD0055; }

.bgempresas { background: #666666 !important; color: #FFFFFF; padding: 0px 5px 2px;  }
.bgempresas a { background: #FFFFFF; padding: 3px 10px; font: 1.6em Arial, Helvetica, sans-serif; color: #666666; }

.bgeventos { background: #88AA00 !important; color: #FFFFFF; padding: 0px 5px 2px;  }
.bgeventos a { background: #FFFFFF; padding: 3px 10px; font: 1.6em Arial, Helvetica, sans-serif; color: #88AA00; }

.bgfotos { background: #EE9900 !important; color: #FFFFFF; padding: 0px 5px 2px;  }
.bgfotos a { background: #FFFFFF; padding: 3px 10px; font: 1.6em Arial, Helvetica, sans-serif; color: #EE9900; }

.bgsites-e-blogs { background: #5577CC !important; color: #FFFFFF; padding: 0px 5px 2px;  }
.bgsites-e-blogs a { background: #FFFFFF; padding: 3px 10px; font: 1.6em Arial, Helvetica, sans-serif; color: #5577CC; }

.bgpelotas { background: #996600 !important; color: #FFFFFF; padding: 0px 5px 2px;  }
.bgpelotas a { background: #FFFFFF; padding: 3px 10px; font: 1.6em Arial, Helvetica, sans-serif; color: #996600; }


/*--------------------------------------------------------------------------------------Twitter--------*/
#twitter_div {
font-size: 0.9em;
line-height: 1.2em;
color: #999999;
}
#twitter_div ul{
margin-bottom: 20px;
}
#twitter_div li {
width: 180px;
text-align: left;
padding: 0px 10px 5px;
}
#twitter_div li a {
color: #99CCCC;
}
#twitter_div li a:hover {
color: #FF3300 !important;
}

/*--------------------------------------------------------------------------------------ADS--------*/
#ads1 {
width: 250px;
height: 250px;
margin: 0px 0px 20px;
}
#ads2 {
width: 200px;
height: 200px;
background: #F2F2F2;
border: 1px solid #EEEEEE;
margin: 80px 10px 10px 0px;
float: left;
}