@charset "ISO-8859-1";
/* CSS Document */

.icon-16-archive  { background-image: url(../admin/images/menu/icon-16-archive.png); }
.icon-16-trash    { background-image: url(../admin/images/menu/icon-16-trash.png); }
.icon-16-checkin  { background-image: url(../admin/images/menu/icon-16-checkin.png); }

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#575757;
	line-height:1.5em;
	margin:0 auto;
	background-image:url(../images/bg_body.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#wrap {
	background-image:url(../images/bg_tudo.gif);
	background-repeat:repeat-y;
	background-position:center;
	margin:0 auto;
}

#tudo {
	width:990px;
	max-width:990px;
	margin:0 auto;
}

/* SUB CABECALHO ------------------- */
#dia_clima {
	width:390px;
	padding-left:20px;
	float:left;
	margin:0;
}

.alink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f7aa14;
	cursor: pointer;
}

#menu_sup {
	width:560px;
	padding-right:20px;
	float:right;
	margin:0;
}


/* SUB CABECALHO ------------------- */
#cab_principal {
	width:100%;
	height:196px;
	background-image:url(../images/bg_cab_principal.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}


#cab {
	width:100%;
	height:196px;
	background-image:url(../images/bg_cab.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#cab_left {
	FLOAT: left;
	WIDTH: 410px;
	HEIGHT: 89px;
}

img#logo {
	Z-INDEX: 10;
}

img#city {
	Z-INDEX: 20;
	POSITION: relative;
	TOP: -28px;
	LEFT: -20px;
}

#cab_right {
	width:560px;
	padding-right:20px;
	padding-top:10px;
	float:right;
}
	
/* MENU ------------------------------ */

#menu {
	width:143px;
	background-image:url(../images/bg_menu_on.gif);
	background-position:center;
	background-repeat:repeat-y;
	float:left;
	margin-left:2px;
}

#menu_home {
	width:143px;
	background-image:url(../images/bg_menu_on.gif);
	background-position:center;
	float:left;
	margin-left:2px;
}

.inativo, .ativo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding-left:15px;
	padding-top:5px;
	height:25px;
}

.ativo {
	background-image:url(../images/bg_menu_over.gif);
	background-position:center;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f7aa14;
	cursor: pointer;
	padding-left:15px;
	height:25px;
}
	
/* MENU ------------------------------ */

/* CONTEÚDO ---------------------------------- */
#conteudo {
	width:840px;
	float:right;
}

#conteudo_left {
	float:left; width:370px; margin:30px 15px 15px 15px;
}

#conteudo_right {
  float:right;width:400px; margin:30px 15px 15px 15px;
}

#conteudo_horizontal{
  width:820px; margin:15px 5px 5px 5px; float:right;
}

.box {
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#CCCCCC;
	border-top-style:solid;
	border-top-width:1px;
	border-left-color:#CCCCCC;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#CCCCCC;
	border-right-style:solid;
	border-right-width:1px;
	padding:10px;
}

/* CONTEÚDO ---------------------------------- */

.clear {
	clear:both;
}

a:link, a:visited {
	color:#FF6600;
	text-decoration:none;
}
a:active, a:hover {
	color:#f7aa14;
	text-decoration:none;
}

.button {
	background-color:#666666;
	border-bottom-color:#f7aa14;
	border-style:solid;
	border-width:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFffff;
}

.input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.inputheader {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
	color:#736F6E;
}

.inputheaderOn {
	font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#000000;
}

a.linkbold:link, a.linkbold:visited {
	text-decoration:none;
	color:#FF3300;
	font-weight:normal;
}

a.linkbold:active, a.linkbold:hover {
	text-decoration:none;
	color:#FF6600;
	font-weight:bold;
	background-color:#f2f2f2;
}

.figura_esq {
	float:left; 
	border-bottom-color:#d2d2d2;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#d2d2d2;
	border-top-style:solid;
	border-top-width:1px;
	border-left-color:#d2d2d2;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#d2d2d2;
	border-right-style:solid;
	border-right-width:1px;
	margin-right:5px;
	padding:3px;
}

.borda {
	border-bottom-color:#FF9900;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#FF9900;
	border-top-style:solid;
	border-top-width:1px;
	border-left-color:#FF9900;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#FF9900;
	border-right-style:solid;
	border-right-width:1px;
	margin-right:5px;
	padding:3px;
}

.footer {
	font-size:10px;
	color:#333333;
}

#footer {
	width:100%;
	background-color:#f6f6f6;

	padding:15px 0 15px 0;
}


/* --------- Place Holder --------- */
#placeholder {
width:expression(Math.min(this.offsetWidth, maxwidth)+'px');
}

#placeholder {
width: 345px;
height: 258px;
text-decoration: none;
border-width: 0px;
border: 0px;
padding: 1px;
}

#motioncontainer {
width:expression(Math.min(this.offsetWidth, maxwidth)+'px');
}

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 345px; /* Set to gallery width, in px or percentage */
height: 90px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}

#horizont {
width: 240px;
height: 180px;
text-decoration: none;
border-width: 0px;
border: 0px;
padding: 1px;
}
/* --------- Place Holder --------- */

/* --------- Mapa --------- */
.tooltip {
  background-color:#FFFFFF;
  font-weight:bold;
  border:1px #B0B0B0 solid;
	padding:0px 5px 0px 5px;
}