@charset "utf-8";
@import url("css/reset.css");
@import url("css/forms.css");
/* CSS Document */

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

p {
	color:#303030;
	font-size:13px;
	margin:0 0 10px 0;
	line-height:140%;
}

fieldset {
	padding:0;
	margin:0;
}

div.clear {
	clear:both;
}

div.titlepage {
	border-bottom:1px dashed #676767;
	position:relative;
	height:15px;
	margin:0 0 15px 0;
}

div.titlepage h1 {
	font-size:18px;
	color:#676767;
	padding:0 10px 5px 0;
	margin:0 0 15px 0;
	background-color:#fff;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
}

/********** jBox **********/
.jbox,
.jbox-entry,
.jbox-bg {
	display:none;
}

.jbox {
	width:450px;
	position:absolute;
	z-index:1001;
	background-color:#2d2d2d;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	padding:10px;
	left:50%;
	top:5%;
	margin-left:-225px;
}

.jbox-entry {
	background-color:#fff;
	padding:10px;
}

span.jbox-close {
	width:60px;
	height:14px;
	padding:0 0 0 20px;
	display:block;
	line-height:14px;
	background-image:url(images/jbox-btn-close.jpg);
	background-position:left;
	background-repeat:no-repeat;
	float:right;
}

span.jbox-close a {
	text-decoration:none;
	color:#2d2d2d;
	text-transform:uppercase;
}


.jbox-bg {
	width:100%;
	height:100%;
	background-image:url(images/jbox-bg.png);
	position:fixed;
	z-index:1000;
}

/********** MAPA DO SITE **********/
ul.mapadosite {
	padding:0 0 0 10px;
}

ul.mapadosite li a {
	display:block;
	font-size:13px;
	color:#646464;
	text-decoration:none;
	padding:2px 0;
}

ul.mapadosite li a:hover {
	text-decoration:underline;
}

/********** CLIMATEMPO **********/
.clima {
	height:115px;
	padding:10px 15px;
}

.clima-img,
.clima-cidade {
	display:inline;
	float:left;
}

.clima-img {
	width:50px;
	height:50px;
	margin:0 10px 0 0;
	text-align:center;
	line-height:50px;
}

.clima-cidade {
	width:200px;
	font-size:21px;
	font-weight:bold;
	color:#303030;
	margin:7px 0 0 0;
}

.clima-data {
	font-size:12px;
	font-weight:bold;
	color:#303030;
}

.clima-temperatura {
	font-size:14px;
	font-weight:bold;
	clear:both;
	margin:15px 0 10px 0;
	padding:10px 0 0 0;
	border-top:1px solid #cdcdcd;
}

.clima-frase {
	font-size:12px;
	color:#303030;
}

/********** HEADER **********/
#header {
	height:205px;
	background-image:url(images/bg-header.jpg);
}

#header .topline {
	height:6px;
	background-image:url(images/topline.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#header .apoio {
	width:970px;
	height:60px;
	margin:0 auto;
	padding:5px 0;
}

.sorocabaspgov {
	float:left;
}

.prefeiturasorocaba {
	float:right;
}

#header .urbesarea {
	width:970px;
	margin:0 auto;
	position:relative;
}

.logourbes {
	float:left;
	padding:10px 0 0 0;
}

/********** TOPMENU **********/
#topmenu {
	height:50px;
	background-image:url(images/bg-topmenu.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}

#topmenu .content {
	width:970px;
	height:50px;
	position:relative;
	margin:0 auto;
}

#topmenu ul#smallmenu {
	width:300px;
	height:30px;
	line-height:30px;
}

#topmenu li {
	display:inline;
}

#topmenu li a {
	font-size:12px;
	color:#fff;
	text-decoration:none;
	display:block;
	float:left;
	background-image:url(images/menutop-arrow.png);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 0 12px;
	margin:0 15px 0 0;
}

#topmenu li a:hover {
	color:#ffff00;
}

#topmenu .pesquisar {
	width:197px;
	height:36px;
	position:absolute;
	z-index:1;
	right:0;
	top:0;
	background-image:url(images/bg-input-pesquisar.png);
	padding:7px 9px;
}

#topmenu span.dataatual {
	font-size:12px;
	font-style:italic;
	color:#a4e2a4;
	position:absolute;
	right:230px;
	top:10px;
}

/********** MENU **********/
#header ul#menuprincipal {
	height:40px;
	position:absolute;
	right:0;
	top:15px;
}

#header ul#menuprincipal li {
	display:inline;
}

#header ul#menuprincipal li a {
	font-size:12px;
	color:#878787;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	text-align:center;
	background-image:url(images/bg-menu.png);
}

#header ul#menuprincipal li a:hover {
	color:#f89807;
	background-image:url(images/bg-menu.png);
}

ul#menuprincipal .home {
	width:92px;
	background-position: -5px -3px;
}

ul#menuprincipal .noticias {
	width:75px;
	background-position: -97px -3px;
}

ul#menuprincipal .eventos {
	width:75px;
	background-position: -97px -3px;
}

ul#menuprincipal .licitacoes {
	width:84px;
	background-position: -172px -3px;
}

ul#menuprincipal .cameras {
	width:79px;
	background-position: -255px -3px;
}

ul#menuprincipal .links {
	width:57px;
	background-position: -334px -3px;
}

ul#menuprincipal .faleconosco {
	width:123px;
	background-position: -391px -3px;
}

/********** CONTENT **********/
#content {
	width:970px;
	margin:0 auto;
	padding:30px 0;
}

.sidebar_left,
.entry,
.entry2,
.sidebar_right,
.sidebar_news {
	display:inline;
	float:left;
}

.entry {
	width:630px;
	padding:0 15px;
}

.entry2 {
	padding:0 15px;
}

.box_content {
	border:1px solid #e1e1e1;
	padding:10px;
	position:relative;
	margin:0 0 15px 0;
}

.box_content_small {
	width:305px;
	border:1px solid #e1e1e1;
	padding:10px 0;
	position:relative;
	margin:0 0 10px 0;
	display:inline;
	float:left;
}

span.fiqueatento a {
	color:#303030;
	font-size:12px;
	margin:5px 0 0 0;
	display:block;
	padding:10px;
	height:20px;
	text-decoration:none;
}

.bggreen {
	background-color:#dffff3;
}

#bannerurbes,
#rotatoria {
	margin:0 0 15px 0;
}

.box_content h1,
.box_content_small h1 {
	font-size:13px;
	font-weight:bold;
	color:#636363;
	text-transform:uppercase;
	position:absolute;
	z-index:1;
	top:-12px;
	left:12px;
	background-color:#fff;
	padding:5px;
}

.linkspage {
	font-size:12px;
	height:34px;
	padding:6px 10px 0 10px;
}

.linkspage a {
	color:#676767;
	text-decoration:none;
}

.newsLink {
	font-size:12px;
	height:40px;
	line-height:40px;
	padding:0 10px;
}

.newsLink a {
	color:#676767;
	text-decoration:none;
}

.newsLink a:hover {
	text-decoration:underline;
}

span.newsdate {
	float:right;
	color:#009158;
}

.greenbg {
	background-color:#dffff3;
}

#news span.datenews {
	font-size:11px;
	display:block;
	color:#303030;
	font-weight:bold;
}

#news h1,
#news h2 {
	color:#037503;
}

#news h1 {
	font-size:16px;
}

#news h2 {
	font-size:13px;
	margin:0 0 10px 0;
}
/********** COLUMNS **********/
.it-col1,
.it-col2,
.it-col3,
.it-col4 {
	color:#303030;
	display:inline;
	float:left;
	border-right:1px solid #fff;
	border-bottom:2px solid #fff;
}

.it-col1 a,
.it-col2 a,
.it-col3 a,
.it-col4 a {
	text-decoration:none;
	color:#1b831b;
}

.it-green {
	height:40px;
	line-height:40px;
	font-size:14px;
	background-color:#84c184;
}

.it-gray-light {
	height:25px;
	line-height:25px;
	font-size:11px;
	background-color:#eeeeee;
}

.it-gray-dark {
	height:25px;
	line-height:25px;
	font-size:11px;
	background-color:#e3e3e3;
}

.it-w45,
.it-w110,
.it-w225,
.it-w175 {
	padding:0 0 0 10px;
}

.it-w45 {
	width:35px;
}

.it-w110 {
	width:100px;
}

.it-w225 {
	width:215px;
}

.it-w175 {
	width:165px;
}
/***************************************/

.end-col1,
.end-col2,
.end-col3 {
	color:#303030;
	font-size:11px;
	/*display:inline;
	float:left;*/
	height:25px;
	line-height:25px;
	padding:10px;
	margin:3px 2px 0 0;
}

.end-w110 {
	width:90px;
}

.end-w125 {
	width:105px;
}

.end-w140 {
	width:120px;
}

.end-w165 {
	width:145px;
}

.end-w265 {
	width:245px;
}

.end-w295 {
	width:275px;
}

.end-w330 {
	width:304px;
}

.end-w345 {
	width:325px;
}

.end-col4,
.end-col5 { /*concursos*/
	color:#303030;
	font-size:11px;
	display:inline;
	float:left;
	height:25px;
	line-height:25px;
	padding:5px 10px;
	margin:3px 2px 0 0;
}

.end-w200 {
	width:180px;
}

.end-w90 {
	width:70px;
}

.end-green {
	background-color:#84c184;
}

.end-graylight {
	background-color:#eee;
}

.end-gray {
	background-color:#e3e3e3;
}

.abasgroup {
	position:relative;
	padding:34px 0 0 0;
	margin:15px 0;
}

.abas {
	position:absolute;
	z-index:1;
	top:0;
}

.abas .link {
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	color:#303030;
	height:33px;
	border:1px solid #c7c7c7;
	line-height:33px;
	background-image:url(images/btn-aba-box.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	float:left;
	margin:0 10px 0 0;
	padding:0 10px;
}

.abas .link:hover,
.abas .linkhover {
	border-bottom:1px solid #fff;
	background-image:url(images/btn-aba-box.jpg);
	background-repeat:repeat-x;
	background-position:-0 -36px;
}

.abasbox {
	width:570px;
	border:1px solid #c7c7c7;
	padding:15px;
}

.printhorarios {
	float:right;
	text-align:right;
}

.horarioslink {
	height:25px;
	line-height:25px;
	color:#037803;
	background-image:url(images/img-horarios-link.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 0 15px;
}

.aviso {
	font-size:12px;
	color:#303030;
	height:35px;
	padding:10px 15px 0 15px;
	border:1px solid #84c184;
	background-color:#eaf4ea;
}

/********** PAGINA��O **********/
#navpages {
	width:440px;
	text-align:center;
	margin:0 auto;
	padding:15px 0 0 0;
}

#navpages li {
	display:inline;
}

#navpages li a {
	font-size:12px;
	color:#037b03;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 7px;
}

#navpages .bdr {
	border-right:1px solid #7f7f7f;
}

#navpages li a:hover {
	color:#7f7f7f;
}

/********** SIDEBARS **********/
.sidebar_right,
.sidebar_news {
	width:170px;
}

.sidebar_left {
	width:140px;
}

.sidebar_news span.lastnews {
	border-bottom:1px solid #cacaca;
	padding:15px 7px;
	display:block;
	width:140px;
	margin:0 auto;
}

.sidebar_news span.lastnews a {
	color:#303030;
	font-size:12px;
	text-decoration:none;
}

.sidebar_left span.title {
	color:#009258;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 15px 0;
}

.sidebar_left ul#empresa,
.sidebar_left ul#transporte,
.sidebar_left ul#transito {
	margin:0 0 35px 0;
}

.sidebar_left li {
	background-image:url(images/menu-sidebar-arrow.jpg);
	background-repeat:no-repeat;
	background-position:left;
	margin:5px;
	padding:0 0 0 12px;
}

.sidebar_left li a {
	color:#303030;
	font-size:12px;
	text-decoration:none;
}

.sidebar_news .banner-ultimasnoticias {
	width:156px;
	min-height:51px;
	background-image:url(images/sidebars-widgets.jpg);
	background-repeat:no-repeat;
	background-position:-869px 0;
	background-color:#f1f1f1;
 	margin:0 0 5px 0;
	padding:12px 7px;
}

.sidebar_news .vertodas {
	font-size:18px;
	padding:10px 7px 0 7px;
	display:block;
	text-decoration:none;
	color:#303030;
	height:35px;
	line-height:35px;
}

.sidebar_right .banner-meuonibus,
.sidebar_right .banner-disqueurbes,
.sidebar_right .banner-consultademultas,
/*.sidebar_right .banner-rotatorias,*/
.sidebar_right .banner-espacokids {
	width:156px;
	min-height:51px;
	background-image:url(images/sidebars-widgets.jpg);
	background-repeat:no-repeat;
 	margin:0 0 5px 0;
	padding:12px 7px;
}

.banner-meuonibus {
	background-position:0 0;
	background-color:#e1f9ef;
}

.banner-disqueurbes {
	background-position:-173px 0;
	background-color:#e1f1f9;
}

.banner-consultademultas {
	background-position:-348px 0;
	background-color:#f9e9e1;
}

.banner-rotatorias {
	width:156px;
	height:116px;
	background-image:url(images/rotatorianew.jpg);
	background-repeat:no-repeat;
	margin:0 0 5px 0;
	padding:12px 7px;
	background-color:#f9f6e1;
	background-position: right top;
}

.banner-espacokids {
	background-position:-695px 0;
	background-color:#eff9e1;
}

.titlebox {
	font-size:11px;
	font-weight:bold;
	color:#636363;
	text-transform:uppercase;
}

.infobox {
	font-size:12px;
	display:block;
	margin:15px 0 0 0;
}

#box {
	width:300px;
	height:290px;
	position:relative;
	padding:33px 0 0 0;
	float:left;
	margin:0 15px 0 0;
}

#box .nav {
	width:300px;
	position:absolute;
	z-index:2;
	top:0;
}

#box .nav a {
	font-size:12px;
	text-align:center;
	color:#303030;
	display:block;
	float:left;
	background-image:url(images/btn-aba.jpg);
	width:105px;
	height:33px;
	line-height:33px;
	text-decoration:none;
	background-position:-105px 0;
	margin:0 5px 0 0;
	border-bottom:1px solid #7dcb7d;
}

#box .content {
	height:250px;
	border-top:1px solid #7dcb7d;
	padding:15px 0 0 0;
}

#box .divimage,
#box .divvideo {
	display:none;
}

/********** ABAS **********/
.aba-head,
.first {
	font-size:14px;
	text-transform:uppercase;
	color:#206320;
	width:570px;
	height:35px;
	line-height:35px;
	padding:0 15px;
	background-image:url(images/div-open.jpg);
	background-position:0 0;
	cursor:pointer;
	margin:25px 0 10px 0;
}
/*--------------------------------------------------*/
.aba-headI{
	font-size:14px;
	text-transform:uppercase;
	color:#206320;
	width:570px;
	height:35px;
	line-height:35px;
	padding:0 15px;
	background-image:url(images/div-open2.jpg);
	background-position:0 0;
	cursor:pointer;
	margin:25px 0 10px 0;
}
.aba-headI a{ text-decoration:none;color:#206320;}
/*-------------------------------------------------*/

/* MOSTRA / ESCONDE LINKS DA LICITACAO*/

.aba-entry-arqlic,
.aba-entry-first-arqlic {
	width:480px;
	padding:0 10px;
}

.aba-head-arqlic,
.first-arqlic {
	font-size:14px;
	text-transform:uppercase;
	color:#206320;
	width:470px;
	height:35px;
	line-height:35px;
	padding:0 15px;
	background-image:url(images/div-open-arqlic.jpg);
	background-position:0 0;
	cursor:pointer;
	margin:25px 0 10px 0;
}
/* MOSTRA / ESCONDE LINKS DA LICITACAO*/


/*-------------------------------------------------*/
.aba-entry,
.aba-entry-first {
	width:580px;
	padding:0 10px;
}

.aba-topics {
	width:555px;
	background-color:#f5f5f5;
	padding:10px;
	margin:10px 0 0 0;
}

.aba-topics a {
	color:#424242;
}

span.abatitle {
	font-size:14px;
	text-transform:uppercase;
	color:#303030;
	font-weight:bold;
	display:block;
	padding:15px 0 0 0;
}

a.download {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#165a16;
	padding:7px 40px 7px 7px;
	margin:5px 0 0 0;
	background-image:url(images/link-download.jpg);
	background-color:#dcf6dc;
	background-position:right;
	background-repeat:no-repeat;
}

a.download-legislacao {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#424242;
	padding:10px 35px 10px 10px;
	margin:5px 0 0 0;
	background-image:url(images/link-download-legislacao.jpg);
	background-color:#f5f5f5;
	background-position:right;
	background-repeat:no-repeat;
}

a.download-legislacao img {
	float:left;
	margin:0 5px 0 0;	
}


/********** FOOTER **********/
#footer {
	height:95px;
	background-color:#257b25;
}

#footer .content {
	width:950px;
	margin:0 auto;
	padding:20px 0;
}

.endereco,
.menufoot,
.sorocabacom {
	display:inline;
	float:left;
}

#footer .endereco {
	width:260px;
	height:50px;
	background-image:url(images/separador-foot.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding:10px 20px 0 0;
}

#footer .endereco p {
	color:#fff;
	margin:5px 0 0 0;
}

span.title-end {
	color:#acf2aa;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

#footer .menufoot {
	padding:0 15px;
}

ul#menufoot {
	padding:25px 0;
}

ul#menufoot li {
	display:inline;
}

ul#menufoot li a {
	font-size:12px;
	color:#b1f5ac;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	float:left;
	padding:0 10px;
}

#footer .sorocabacom {
	width:125px;
	height:50px;
	background-image:url(images/separador-foot.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding:5px 0 10px 20px;
}


/********** jQuery Rotator **********/
.main_image {
    width: 420px;
    height: 240px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}

.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;
}

.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}

.main_image .block {
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
	height:45px;
}

.main_image .block span.title {
	color:#bcedbc;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	padding:6px 10px;
}

.main_image .block span.cont {
	color:#fff;
	font-size:13px;
	line-height: 140%;
	display:block;
	padding:0 10px;
}

.main_image a.show {background-position: left bottom;}

.image_thumb {
    float: left;
    width: 170px;
	margin:0 0 0 10px;
}

.image_thumb ul li{
    padding:15px 5px;
    width:165px;
	height:50px;
    float: left;
    border-bottom: 1px solid #f1f1f1;
}

.image_thumb ul li.hover { /*--Hover State--*/
    background: #f1fdf8;
    cursor: pointer;
}

.image_thumb ul li.active { /*--Active State--*/
    background: #f1fdf8;
    cursor: default;
}

html .image_thumb ul li span.title {
    font-size: 13px;
	color:#009258;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	width:155px;
}

.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li span.cont {
	color:#303030;
	font-size:12px;
	margin:5px 0 0 0;
	display:block;
	width:155px;
}/*--Hide the description on the list items--*/

.desclink{
	display:none;
	
}


.eventoDownload  {
	color:#336600;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
}

/*----------------------------------------------*/
.prints{
	width:570px;
	padding:15px;
	border: 1px solid #C7C7C7;
	position:absolute;
	top:20%;
	left:50%;
	margin-left:-285px;
	background-color:#CCC;
	z-index:1;
	
}
/*-----------------------------------------------*/

/**************** Colunas ************************/
ul.col3
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 15px 0px;
	WIDTH: 100%;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none
}

ul.col3 LI
{
	PADDING-RIGHT: 2px;
	DISPLAY: inline;
	PADDING-LEFT: 2px;
	FLOAT: left;
	PADDING-BOTTOM: 2px;
	WIDTH: 30%;
	height: 145px;
	PADDING-TOP: 2px
}
/***************************************************/