/*Template CSS file Camara Municipal de Itapolis
Layout Design and Theme Criator by Carolina Kadix 
.*/

* {
margin:0;
padding:0;
}
a img {
    border: none;
}

ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
body {
text-align:center;
font-size:76%;
font-family: "Trebuchet MS", Verdana, Arial;
line-height:1.3;
background:#cccccc;
}
body.width_0 div#wrap {
width: 760px;
}
body.width_1 div#wrap {
width: 960px;
}
body.width_2 div#wrap {
min-width:760px;
max-width:960px;
width:auto !important;
width:960px;
border:5px solid #FFFFFF;
}
#wrap {
text-align:left;
margin:0 auto;
border:5px solid #FFFFFF;
}

#leftfauxcol {
background:#02213B url(../images/leftslidingcolumn.png) 20% 0;
}

#rightfauxcol {
background:#02213B url(../images/rightslidingcolumn.png) 80% 0;
}

#header {
color:#fff;
border-bottom:5px solid;
background:#0f283e url(../images/header.png) no-repeat;
position:relative;
height:235px;
}
#header h1 {
color:#0f283e;
font-family:Verdana, Arial;
font-stretch:expanded;
padding-left:20px;
margin:5px 0;
}

#header .tv-camara {
background:#000000 url(../images/skin_playervideo.png) no-repeat scroll 0 0;
float:right;
height:159px;
margin-right:5px;
margin-top:-185px;
width:215px;
}

#header input {
border:0;
height:22px;
width:168px;
font:1em Arial, Helvetica, sans-serif;
padding:2px;
}

#header .search {
position:absolute;
top:20px;
right:20px;
}
#header img {
margin-right:-70px;
margin-top:-2px;
}

#data{ 
color:#cccccc;
padding-top:5px;
font-family:arial;
font-size:10px;
}
#data ul {
float: right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#data li {
display:inline;
margin:0;
}

#data ul li {
border-right:1px solid #CFCFCF;
padding:0 5px;
}

#data a:link{
text-decoration:none;
color:#cccccc;
}
#data a:hover {
text-decoration:underline;
color:#fff;
}


#mainlevel-nav{
color:#FFFFFF;
}

#top {
background:#0F283E url(../images/teaser.png) repeat scroll 0 0;
height:39px;
}

#top .moduletable h3 {
color:#fff;
background:none;
text-align:left;
font:2.5em Trebuchet MS,Verdana,Arial;
font-stretch:expanded;
margin:0px 10px 0 10px;/*alterado - original era: 10px 10px 0 10px*/
padding:10px;
}

#top .moduletable {
font:bold 1em/1.2 Tahoma,Arial, Helvetica, sans-serif;
color:#fff;
border:0;
margin:0;
padding:0;
}
#top .search {
margin-top:-5px;
margin-left:11px;

}

#top .button {
background:#02213b;
border:1px solid #000033;
cursor:pointer;
font-size:10px;
line-height:25px;
padding:0 8px 4px;
color:#fff;
}

#top .inputbox {
height:17px;
margin:1px 0;
border:1px solid #000033;
}
#footer {
background:#990000 url(../images/bg_footer.png) repeat-x;
text-align:right;
clear:both;
}
#footer p {
color:#ffffff;
font-family:tahoma;
font-size:11px;
font-weight:bold;
text-align:right;
margin:0;
}

#bottom {
background:#fff;
color:#666;
padding:10px;
}

#bottom ul {
border-top: 1px dotted #ccc;
padding-top:10px;
}

#bottom .moduletable {
color:#666666;
font-size:14px;
font-family:Arial;
}

#sidebar {
float:left;
width:25%;
margin-top:-10px;
}

#content60 {
float:left;
width:50%;
overflow:hidden;
background:#fff;
}

#content80 {
float:left;
width:74%;
overflow:hidden;
background:#fff url(../images/pagetop.png) repeat-x;
margin-top:-11px;
}

#content100 {
float:left;
width:100%;
overflow:hidden;
background:#fff url(../images/pagetop.png) repeat-x;
}

.inside {
padding:10px;
}

#sidebar .inside,#sidebar-2 .inside {
padding-top:0;
}


h1,h2,h3,h4,h5,h6,blockquote,label,ul,ol,dl,fieldset,address,.componentheading,.contentheading {
margin:0.75em 0;
}
p {
margin:0.75em 0;
font-family: Verdana;
font-size: 11px;
color:#333333;
text-align:justify;
}

li,dd {
margin-left:1em;
}

fieldset {
padding:.5em;
border:none;
margin-left:15px;
margin-bottom:30px;
}

#form-login .inputbox {
border:1px solid;}

#form-login label{
color:#FFFFFF;
}

#form-login .input {
border:none;
height:115px;
}

a:link,a:visited {
text-decoration:none;
color:#fff;
}
a:hover {
text-decoration:underline;
}

#content60.componentheading a:link {
color:#fff;
}

#content60 a:link,#content60 a:visited,#content80 a:link,#content80 a:visited,#content100 a:link,#content100 a:visited {
color:#003366;
}

#content60 a:hover,#content80 a:hover,#content100 a:hover{
color:#FF0000;
}


#pathway {
padding-bottom:10px;
padding-top:10px;
}
h1,.componentheading {
font-size:1.8em;
color:#25452E;
}

h2,.contentheading {
background:transparent url(../images/arrow2.png) no-repeat scroll 0 center;
color:#25452E;
font-size:1.5em;
padding-left:9px;
}

h3 {
font-size:1.3em;
color:#FFFFFF;
}

h4 {
font-size:1.2em;
}

h5 {
font-size:1.1em;
}

h6 {
font-size:1em;
font-weight:700;
}

.button {
background:#195891;
border:1px solid #000000;
cursor:pointer;
font-size:10px;
height:23px;
line-height:25px;
margin:0 5px;
padding:0 14px 0 8px;
color:#fff;
}


.small,.createdate,.modifydate,.mosimage_caption {
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}

h1.componentheading, .componentheading {
	padding: 5px 0 15px;
	margin: 0 0 10px;
	background: url(../images/hdot.gif) repeat-x bottom;
}

.componentheading {
	font-size: 200%;
	font-weight: bold;
}

.contentdescription {
	padding-bottom: 30px;
}

h2.contentheading, .contentheading {
	padding: 5px 0 8px;
	margin: 0;
	font-weight: normal;
}

table.blog .contentheading {
	font-size: 150%;
}

.contentheading {
	font-size: 200%;
	padding-left:10px;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none !important;
	
}

a.readon {
	float: left;
	margin-top: 10px;
	padding: 1px 5px 1px 14px;
	border: 1px solid #F6F6F6;
	display: block;
	background: url(../images/arrow.png) no-repeat 5px 48%;
	color: #006699;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

a.readon:hover, a.readon:active, a.readon:focus {
	border: 1px solid #ECECEC;
	background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF;
}

table.contentpaneopen td, table.contentpane td {

}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.moduletable {
	padding: 0;
}

ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
	background: url(../images/hdot.gif) repeat-x top;
}

ul.pagination li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

ul.pagination li span{
	padding: 2px 5px;
}

ul.pagination a {
	padding: 2px 5px;
	border: 1px solid #F6F6F6;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	border: 1px solid #ECECEC;
	background: #FFFFFF;
}

.pagenavbar {
	padding-left: 14px;
}

.pagenavcounter {
	padding: 8px 14px 0 14px;
}

.sectiontableheader {
	padding: 8px 5px;
	background: #cccccc;
	color: #FFFFFF;
	text-transform:uppercase;
	font-weight:bold;

}

.sectiontableheader a {
	color: #FFFFFF;
}

tr.sectiontableentry1 td {
	padding: 8px 5px;
	background: url(../images/hdot2.gif) repeat-x bottom;
}

tr.sectiontableentry2 td {
	padding: 8px 5px;
	background: url(../images/hdot2.gif) repeat-x bottom #ECECEC;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC;
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

div.module_text h3 {
	margin: 0 0 10px;
	width: 100%;
	clear: both;
	display: block;
	overflow: hidden;
}

div.module_text span {
	padding: 0 3px 0 0;
	float: left;
	clear: both;
	display: block;
	background: #F6F6F6;
	font-weight: bold;
}



/* ACRESCENTADO */
a.mainlevelmenu#active_menumenu {
text-decoration:none;
color:#fff;
background:#212121;
}

#links-rapido {
float:right;
font-size:9px;
font-family:Arial;
}
/* META
--------------------------------------------------------- */
.article-tools {
	border-top: 1px solid #DDDDDD;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 15px;
	display: block;
	background: #ECECEC;
}

.article-meta {
	padding: 5px;
	width: 80%;
	float: left;
}

.createby {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-user.gif) no-repeat 0 2px;
}

.createdate {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-date.gif) no-repeat 0 2px;
}

.modifydate {
	width: 100%;
	float: left;
}

div.buttonheading {
	float: right;
	width: 15%;
}

.buttonheading img {
	margin: 7px 5px 0 0;
	border: 0;
	float: right;
}

/*Tab Menu Styling*/

.moduletabletabs {
font:bold 1em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.moduletabletabs ul {
list-style:none;
float:right;
margin:0;
padding:0;
background:#212121;
width:100%;
}

.moduletabletabs li {
float:right;
background:url(../images/tabs.png) no-repeat 0 -4px;
margin:0;
padding:0 0 0 12px;
}

.moduletabletabs a:link,.moduletabletabs a:visited {
float:right;
display:block;
color:#000;
background:url(../images/tabs.png) no-repeat 100% -4px;
text-decoration:none;
margin:0;
padding:7px 18px 5px 9px;
}



a.mainleveltabs#active_menutabs {
background:url(../images/tabs.png) no-repeat 100% -84px;
}


/* ALTERADO DE .MODULETABLESTABS LI A:HOVER */
.moduletabletabs a:hover {
background:url(../images/tabs.png) no-repeat 100% -164px;
}

/*acrescentado estilo de mdulo line*/
div.module_line {
    background: url(../images/line_box_br.jpg) 100% 100% no-repeat;
}

div.module_line div {
    background: url(../images/line_box_bl.jpg) 0 100% no-repeat;
}

div.module_line div div {
    background: url(../images/line_box_tr.jpg) 100% 0 no-repeat;
}

div.module_line div div div {
    background: url(../images/line_box_tl.jpg) 0 0 no-repeat;
}

div.module_line h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    margin:-23px -4px 5px -5px;
    padding-left: 10px;
    padding-bottom: 2px;
}

div.module_line {
    margin: 0px;
    padding: 0px;
    margin-bottom: 15px;

}

div.module_line div div div{
    padding: 15px;
    padding-top: 30px;
    padding-bottom: 10px;
    width: auto;

}

div.module_line div div div div {
    background: none;
    padding: 0px;
}

div.module_line ul {
    margin: 10px 0;
    padding-left: 20px;
}

div.module_line ul li a:link, div.module_line ul li a:visited {
    font-weight: bold;
}

/*design*/
.design a:link,.design a:visited {
color:#666;
float:right;
font:0.8em Verdana, Arial, Helvetica, sans-serif;
}

.poll {
margin-top:-15px;
padding:10px;
background:#f0eae1;
width:100%;
color:#000;
}
.poll table{
border-collapse:separate;
border-spacing:5px 10px;

}
.moduletable_text {
background:#F0EAE1 none repeat scroll 0 0;
color:#000000;
margin-top:10px;
padding:10px;
}
.moduletable_text h3 {
color:#000000;
}

.moduletable_text a:link {
color: #003366;
font-weight:bold;
}
.moduletable_text a:link, .moduletable_text a:visited, .bannerfooter_text a:link {
color: #003366;

}
.bannerfooter_text {
background:#ffffff;
padding:5px;
}

.banneritem_text {
padding:5px;}

.blog_more {
background:#F0EAE1;
border-top: 1px dotted #333;
padding:10px;
}
.blog_more ul {
bottom:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
font-family:Verdana;
font-size:11px;
}
.blog_more li {
background:transparent url(../images/arrow3.png) no-repeat scroll left center;
padding-left:10px;
}
.blog_more strong {
font-size:1.3em;
margin-bottom:1em;
}
/*-----------------------------------------------------------------------------

  MENU SIDEBAR

-----------------------------------------------------------------------------*/
#sidebar .moduletable_menu h3  {
font:1.3em Tahoma,Arial,Helvetica,sans-serif;
background:#000 url(../images/bg_titlemenu2.png) repeat-x;
color:#ffffff;
text-align:center;
padding:5px 10px;
}
#sidebar .moduletable_menu{
background:#02213b url(../images/bg_right.png) no-repeat;
}
#sidebar li {
padding-bottom:10px;
width:85%;
}

#sidebar ul.menu {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding-left:25px;
line-height:1.2em;
min-height:380px;
}
#sidebar ul.menu li {
background:transparent none repeat scroll 0 0 !important;
margin:0 !important;
padding:0 !important;
}
#sidebar ul.menu li a {
color:#ffffff;
display:block;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:8px 0;
text-decoration:none;
border-bottom:1px solid #71AAFF;
}
#sidebar ul.menu li a span {
background:transparent url(../images/arrow.png) no-repeat scroll 5px 5px;
padding-left:16px;
}
#sidebar ul.menu li a:hover, #sidebar ul.menu li a:active, #sidebar ul.menu li a:focus {
color:#71AAFF;
text-decoration:none;
}
#sidebar ul.menu li.active a {
color:#71AAFF;
text-decoration:none;
}
#sidebar ul.menu li.active a span {
background:transparent url(../images/arrow.png) no-repeat scroll 5px 5px;
}
#sidebar ul.menu li li a span {

background:transparent none repeat scroll 0 0;
}
#sidebar ul.menu li ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#sidebar ul.menu li li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 0 0 15px !important;
}
#sidebar ul.menu li li a {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent none repeat scroll 0 0 !important;
color:#333333;
font-size:92%;
font-weight:normal;
}
#sidebar ul.menu li li a:hover, #sidebar ul.menu li li a:active, #sidebar ul.menu li li a:focus {
color:#ffffff;
}
#sidebar ul.menu li li a span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/arrow.png) no-repeat scroll 5px 50%;
font-weight:normal;
}

/*-----------------------------------------------------------------------------

  MENU MODULO

-----------------------------------------------------------------------------*/
.moduletable_menu h3 {
font:1.3em Tahoma,Arial,Helvetica,sans-serif;
color:#ffffff;
text-align:center;
}
.moduletable {
margin-bottom:1em;
color:#fff;
font-size:1.1em;
}

.moduletable h3 {
font:1.3em Tahoma,Arial,Helvetica,sans-serif;
background:#000 url(../images/bg_titlemenu2.png) repeat-x;
color:#fff;
text-align:center;
padding:5px 10px;
}

.moduletable_menu {
color:#FFFFFF;
font-size:1.1em;
margin-bottom:1em;
}

.moduletable_menu h3 {
font:1.3em Tahoma,Arial,Helvetica,sans-serif;
color:#ffffff;
text-align:center;
}
.moduletablemenu ul {
list-style:none;
margin:5px 0;
}

.moduletablemenu li {
background:url(../images/leftmenu.png) bottom left no-repeat;
height:24px;
font:14px Tahoma,Arial, Helvetica, sans-serif;
margin:10px 0;
padding:0 0 0 10px;
}

.moduletablemenu a:link,.moduletablemenu a:visited {
color:#fff;
display:block;
text-decoration:none;
padding-left:5px;
}


.moduletablemenu a:hover {
text-decoration:none;
color:#fff;
background:#ADADAD;
}
#moduletable li {
width:68%;
}
#sidebar .moduletable{
background:#02213b url(../images/bg_right.png) no-repeat;
}
.moduletable ul.mostread {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;

}
.moduletable ul.mostread li a {
color:#ffffff;
display:block;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
}
.moduletable ul.mostread li a span {
background:transparent url(../images/arrow.png) no-repeat scroll 5px 5px;
padding-left:16px;
}
.moduletable ul.mostread li a:hover, .moduletable ul.mostread li a:active, .moduletable ul.mostread li a:focus {
color:#71AAFF;
text-decoration:none;
}
.moduletable ul.mostread li.active a {
color:#71AAFF;
text-decoration:none;
}
.moduletable ul.mostread li.active a span {
background:transparent url(../images/arrow.png) no-repeat scroll 5px 5px;
}
.moduletable ul.mostread li li a span {
background:transparent none repeat scroll 0 0;
}
.moduletable ul.mostread li ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.moduletable ul.mostread li li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 0 0 15px !important;
}
.moduletable ul.mostread li li a {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent none repeat scroll 0 0 !important;
color:#333333;
font-size:92%;
font-weight:normal;
}
.moduletable ul.mostread li li a:hover, .moduletable ul.mostread li li a:active, .moduletable ul.mostread li li a:focus {
color:#ffffff;
}
.moduletable ul.mostread li li a span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/arrow.png) no-repeat scroll 5px 50%;
font-weight:normal;
}

.imagem-random { margin-left:255px;
margin-top:-4px}