/**
* Copyright (C) Portal Joinville - Todos os direitos reservados
* http://www.portaljoinville.com.br/
*
* @author Andrei Rosseti <andrei@facedigital.com.br>
* @file default.css
*/

body {  font-family: "Arial"; font-size: 11px; margin: 0px; background-image: url('imgs/body.elementos.jpg'); background-repeat: repeat-x; background-color: #003055; }

form {margin:0px;padding:0px}
form label {cursor: pointer; cursor: hand;}

a { color: #7b7b7b; text-decoration: none; }
a:hover { color: #7b7b7b; text-decoration: underline; }

a.link{color:blue}

.hand { cursor: pointer; cursor: hand; }
form { margin: 0px; padding: 0px; }
/* izn */
.bimage a { width: 136px; height: 89px; display:block; }
.bimage a:hover { background-position:center; border: 3px solid #005ca3; width: 130px; height: 83px; }
/**/
.smargr { margin-right: 10px; }
.clearfloat { font-size: 0px; clear: both; }
.kleft { float: left; clear: none; display: inline; }
.kleft-cb, .kleft-gg { float: left; clear: both; display: inline; }
.kleft-cb img, .kleft-gg .img { border: 2px solid #f1f1f1 }
.kright { float: right; clear: none; display: inline; }
.kright-cb { float: right; clear: both; display: inline; }

.kleft-gg { width: 220px; margin-bottom:5px }
.kleft-gg .kimg, .kleft-gg .ktext { width: 100%; display: inline; float:left }

.kleft-gg .kimg { height:65px !important }
.kleft-gg .kimg a { width: 220px; height:65px;  }
.kleft-gg .kimg a:hover { width: 214px; height:59px; }

.kleft-gg .ktext { margin-top: 4px; }

.kleft-cb ul#duty { list-style: none; margin:0; padding: 0; width: 220px; font-size: 11px }
.kleft-cb ul#duty li { margin-bottom:5px; padding-bottom:5px; clear: both; float:left; border-bottom: 1px dotted #dedede; width: 100%; }

.kleft-cb ul#duty li .date { font-weight: bold; float:left }
.kleft-cb ul#duty li .text { float:left; display:inline; width: 140px; margin-left: 2px; }

.warning { display: none; margin-bottom: 5px; color: blue; font-weight: bold; opacity: 90; background-color: #f8f8f8 }
.error   { color: #af0000; }

label.error { margin-left: 5px; color: #af0000; font-weight: bold; }
label.valid { margin-left: 5px; color: green; font-weight: bold; }

span.needed { color: red; font-weight: bold; font-size: 13px; }
input.text, textarea.text, input.frmButton { font-size: 11px; font-family: Lucida Sans Unicode; }
.textbox { width: 88px; border: 1px solid #444; background-color: #fff; font-size: 10px; font-family: Arial; }
.button {
/* border hack to mozilla - i'm a frusted designer :P~ Andrei */
-moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;
border: 1px solid #444; background-color: #FEFEFE; font-family: Arial; font-size: 10px; margin:0;padding:.2em .25em;width:auto;overflow:visible;
}

#middle
{
width: 950px; background-color: #fff; clear: both; float: left; margin-left: -475px; left: 50%; position: relative; padding-bottom: 100px;
/* ie hackz */
_float: none; padding:0;
}

#middle #second img { border: 1px solid #c1c1c1 }      

#middle .round-list .small { float: left; display: inline; padding: 8px 0px 8px 0px; border-top: 1px solid #dbdbdb; width: 100%; }
#middle .round-list .small label { clear: right }
#middle .round-list .small label a { color: black }

#middle .round-list {
background: url('imgs/div.bg.gif') no-repeat #ededed; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 7x; float: left; padding: 15px; width: 136px; border: 2px solid #e0e0e0;
margin-bottom: 5px; margin-right:15px;
}

#middle h1 { font-family: Trebuchet MS; color: #006BC0; margin: 0px 0 10px 0; padding: 0; font-size: 21px; text-transform: uppercase; border-bottom: 1px dotted #444; }
#middle h1 .desc { color: #004884; font-size: 12px; margin: 0px; padding: 0; }
#middle #center p { margin: 0px 0px 10px 0px; clear: both; }
#middle #center hr { border: 0px; margin: 0px 0 0 0; font-size: 8px; height: 0px; border-top: 1px dotted #444; }
#middle h3, #middle h3 a { font-family: Trebuchet MS; color: #006BC0; margin: 0px 0px 10px 0px; font-size: 13px; text-transform: uppercase; }

#middle .round-list h5, #middle .shortcont h5 { font-family: Arial; font-size: 1.043em; margin: 2px 0px 0px 0px; }
#middle .round-list h5, #middle .shortcont h5 a { color:#262420; }
#middle .round-list ul, #middle .shortcont ul { list-style: none; padding: 0px; margin: 0px 0px 10px 20px; }
#middle .round-list p,  #middle .shortcont p { margin: 0px 0px 10px 0px; clear: both; }
#middle #center #main .shortcont { width: 140px; border-left: 1px solid #dbdbdb; padding: 0 17px 0 17px; }

#middle #center { width: 580px; margin-left: -2px; }

#middle #center #topo { background-image: url('../imgs/arte.cultura.jpg'); width: 580px; height: 50px }

/**/
#middle #center #feactures { width: 580px; background-color: #4E89B5; }
#middle #center #feactures #bigFeact.feacture { width: 390px; border: 1px solid #fff; border-top: 0px; border-bottom: 0px; }
#middle #center #feactures #bigFeact.feacture .img {
margin: 0px; width: 390px; height: 260px;
background-image: url('imgs/middle.center.feacture.default.jpg'); position: relative;
}
#middle #center #feactures #bigFeact.feacture .text 
{ 
text-align:right;
padding: 3px 8px 0; position: absolute; width: 307px; font: bold 12px "Arial";
margin-top: -51px; margin-left:67px; background-color: #024178;
color: #111; opacity: 0.8; 
min-height: 30px;
}

#middle #center #feactures #bigFeact.feacture .text a { padding:0; color: #fff; }
#middle #center #feactures #bigFeact.feacture .text h2 { margin:0; font-size:1.55em; }
/**/
#middle #center #feactures #littleFeact { width: 188px; }

#middle #center #feactures #littleFeact .feacture { background-color: #405b73 }
#middle #center #feactures #littleFeact .feacture img { 
	opacity: 0.4;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	width: 187px
}
#middle #center #feactures #littleFeact .feacture p { margin:0; padding:0 2px 4px 0; color:#999; text-align:right; }

#middle #center #feactures #littleFeact .feacture.hover { background-color: #014177 }
#middle #center #feactures #littleFeact .feacture.hover img { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
#middle #center #feactures #littleFeact .feacture.hover p { color:white; }

#middle #center #feactures #littleFeact .feacture .img {
float: left; margin: 0px 5px 0px 0px; 
width: 189px; height: 44px;
}

#middle #center #feactures #littleFeact .feacture .img a { width: 189px; height: 44px; }
#middle #center #feactures #littleFeact .feacture .img a:hover { width: 186px; height: 41px; }
/**/

#middle #center #advertising { font-size: 9px; margin-top: 10px; width: 580px; }
#middle #center #advertising p { margin: 0; padding: 0; }
#middle #center #advertising .img { width: 100%; text-align: center; }

#middle #center #main .kleft#st h3 { color: #AA0399; }
#middle #center #main .kleft#nd h3 { color:#05A03A; }
#middle #center #main .kleft#rd h3 { color:#221B8D; }
#middle #center #main .kleft#th h3 { color:#DF001F; }

#middle #center #main .kright #st h3 { color: #A70C07; }
#middle #center #main .kright #nd h3 { color:#02AFB5; }

#middle #center #main { width: 100%; margin-top: 10px; }
#middle #center #main .kright { width: 225px; padding-left: 18px; border-left: 1px solid #dbdbdb; }
#middle #center #main .noborder { border-left: 0; padding-left: 0; }
#middle #center #main .blocks { width: 332px; }
#middle #center #main hr { clear: both; height: 0px; border: 0px; border-top: 1px solid #dbdbdb; margin: 0 0 10px 0; padding: 0; }
#middle #center #main #banner { margin: 10px 0px 10px 0px; float: left; clear: both; }
#middle #center #main .feactureLittle .text { width: 140px; }

#middle #center #search { color: #9490C3; border-top: 1px solid #dbdbdb; width: 580px; padding: 10px 0 5px; margin: 10px 0 5px 0; }
#middle #center #search .textbox { font-size: 13px; padding: 2px; font-weight: bold; color: #A8A8A8; }
#middle #center #search .kleft { width: 162px; }
#middle #center #search .kright { width: 400px; }
#middle #center #search .kright p { margin: 5px 0 5px 0 }
#middle #center #search .kright h3 { margin: 0 0 10px 0; padding: 0px; text-transform: uppercase; font-size:15px; }

#middle #center .feactureLittle .text { clear: right; display: inline; float: left; margin: 0px 5px 5px 0px; width: 174px; }
#middle #center .feactureLittle .img { float: left; margin: 0px 5px 0px 0px; background-image: url('imgs/middle.center.feacture.sub.default.png');
background-repeat: no-repeat; width: 60px; height: 40px;
}
#middle #center .feactureLittle h5 { font-size: 11px; margin: 0; padding:0 }
#middle #center .feactureLittle h5 a { color:#262420; font-size:1.225em; }
#middle #center .feactureLittle h5 a:hover { color:#003c9f !important; padding-bottom:2px; text-decoration:none; border-bottom:1px solid #ccc; }

#middle #center .feactureLittle h5.nb a:hover { border: 0 }

#middle #center .feactureLittle p { margin: 0px }
#middle #center .feactureLittle dl { float: left; clear: both; width: 99%; clear: both; margin: 8px 0 8px 0 }
#middle #center .feactureLittle dl dt { margin: 5px 0 5px 0; }

#middle #center .feactureLittle dl dt a { color: #47423a; font-size: 1.030em; font-weight: bold }
#middle #center .feactureLittle dl dt a:hover { color: #006BC0; text-decoration: none }

#middle #center .feactureLittle dl dt .date { background-color: #DADADA; color: #444; font-weight: bold; padding: 2px 4px 2px 4px; font-size: 12px; margin-right: 5px; }

.pages input { float: left; }
.pages dl { float: left; margin: 0; height: 20px; line-height: 20px; display: inline; margin-right: 5px; }
.pages dl dt { display: inline; float: left; border-right: 1px solid #dbdbdb; padding: 0 4px 0 4px; }
.pages dl dt .active { font-size: 12px; font-weight: bold; }
.pages dl dt.noborder { border: 0px; }

#middle #center #blogs-n-fotos { border-top: 1px solid #dbdbdb; margin-top:10px; padding-top:10px; }

#middle #center #blogs-n-fotos h3 { color: #232182; }
#middle #center #blogs-n-fotos .kright h3 { float: left; }
#middle #center #blogs-n-fotos .kleft { width: 246px; padding-right: 10px; }

#middle #center #blogs-n-fotos .kleft .img, #middle #center #blogs-n-fotos .kleft .text { width:auto; height:auto; float:left; clear: both; display:inline }

#middle #center #blogs-n-fotos .kleft .text { margin-top: 3px; width:100% }

#middle #center #blogs-n-fotos .kleft .img a { width: 245px; height: 50px }
#middle #center #blogs-n-fotos .kleft .img a:hover { width: 239px; height: 44px }

#middle #center #blogs-n-fotos .feactureLittle { border-right: 1px solid #dbdbdb; } 
#middle #center #blogs-n-fotos .kright { margin-left: 10px; padding-left: 10px; width: 300px;  }
#middle #center #blogs-n-fotos .kright .gallerylist { width: 100%; }
#middle #center #blogs-n-fotos .kright .gallerylist .kleft { width: 85px; padding: 0; margin: 5px 6px 15px; }
#middle #center #blogs-n-fotos .kright .gallerylist .kleft p { margin: 2px; text-align: center; color: #444; }
#middle #center #blogs-n-fotos .pages { clear: right; float: right; width: 130px; }

#middle #center #categorias { border-top: 1px solid #dbdbdb; padding-top: 10px; width: 100%; }
#middle #center #categorias .feactureLittle { border-right: 1px solid #dbdbdb; padding-left: 10px; padding-right: 10px; width: 170px; }
#middle #center #categorias .feactureLittle .text { width: auto; }

#middle #center #categorias .feactureLittle .imgs a { width: 165px; height: 100px; }
#middle #center #categorias .feactureLittle .imgs a:hover { width: 159px; height: 94px }

#middle #center #categorias .noborder { border: 0px; }
#middle #center #categorias h3 { color: #4B92C0; }

#middle #right { width: 170px; }
#middle #right #webradio #listen-mp { margin-top: 10px; padding-top: 5px; border-top: 1px dotted #dbdbdb }
#middle #right #webradio #listen-mp a { width: 66px; height: 45px; float: left; display: inline; background-position: center center; background-repeat: no-repeat; }
#middle #right #webradio #listen-mp #wmp { padding-right: 3px; background-image: url('imgs/middle.right.webradio.mp.gif'); border-right: 1px dotted #dbdbdb; }
#middle #right #webradio #listen-mp #wnp { background-image: url('imgs/middle.right.webradio.wnp.gif') }

#middle #right #first { min-height: 130px; }
#middle #right #first h3 { color: #12AE5A; margin-bottom: 5px }
#middle #right #second h3 { color: #0B69B1; }
#middle #right #third h3 { color: #918CC2; }
#middle #right #forth h3 { color: #908CBE; }

#middle #left { width: 175px; margin-right: 10px; }
#middle #left .round-list label, #middle #left .round-list h5 { color: #262420; }

#middle #left #first h3 { color: #938FB2; }
#middle #left #second h3 { color: #F4B436; }
#middle #left #third h3 { color: #009E36; }

#middle #left p { margin: 0 0 0 4px; padding: 0 0 2px 0 }

#footer { clear: both; background-color: #3A4D5C; color: #fff; height: 85px; }
#footer #centerText #moinho { position: absolute; margin-top: -63px; right: 0; width: 388px; }
#footer #centerText { float: left; position: absolute; margin-left: -475px; left: 50%; padding: 10px; width: 935px; }
#footer #centerText #copyright { font-weight: bold; text-transform: uppercase; border-bottom: 1px dotted #000; padding-bottom: 8px; }
#footer #centerText #copyright span { color: #4B8FBC; }
#footer #centerText #bottomMenu { margin-top: 8px; }
#footer #centerText #bottomMenu ul { margin: 0; padding: 0; list-style-type: square; }
#footer #centerText #bottomMenu ul li { background-image: url('imgs/footer.bullet.png'); background-repeat: no-repeat; background-position: left center;
padding-left: 6px; display: inline; margin-right: 3px;
}
#footer #centerText #bottomMenu ul li a { color: #fff; }

/* Enquete */
p.descRes { margin: 0; padding: 0; font-weight: bold }

#backImg { border-left: 1px solid #3B7AA9; border-right: 1px solid #3B7AA9; background: url('imgs/1.gif') repeat-x; margin: -10px 0 10px 0; width: 135px; height: 14px; font: 10px tahoma; color: white }
#frontImg { background: url('imgs/2.gif') repeat-x; height: 14px; color:white; }
#backImg p { position: absolute; font-weight: bold; margin: 0 0 0 10px }

#loadingAjax { display: none; text-align: center; margin-top: 25px }
#loadingAjax p { margin: 6px auto }

/* TAGS! */

#tags { float:left; margin-top: 10px; padding-top: 10px; border-top: 1px solid #f1f1f1 }

#tags fieldset { border: 1px dotted #ccc; padding: 5px 15px 10px; }
#tags fieldset legend { font-size: 1.625em }
#tags a { padding:3px; color:#005291; line-height: 25px; } 
#tags a:hover { background: #003055; color: white; text-decoration: none }

#tags a.tag1 { font-size:1.225em; }
#tags a.tag2 { font-size:1.575em; }
#tags a.tag3 { font-size:1.725em; }
#tags a.tag4 { font-size:2.575em; }