html {background-color: #000; overflow-x: hidden;} 
body {font-family: Verdana, Geneva, sans-serif; background-color: #fff; margin: auto; width: 960px; margin-top:10px;margin-bottom:10px; border-style: solid ; border-width:5px; border-color: #e87400; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
} 

#header {background-color: #fff; margin:0px 25px 0px; position: relative;height:140px;}
#contain {font-size:12px; color: #5f5f5f; margin-top: 15px;}
#footer {background-color: #f1f2f5; color: #d4d4d4; height:90px;clear: both; background-image:url(imgs/backfoot.png);}

/*** HEADER SECTION ***/

a img.logo:active {outline:none;border-style:hidden;}
a img.logo, a img.logo:visited, a img.logo:hover {position: absolute; margin-top:-10px;margin-bottom:5px;outline:none;color: #000000; border-style: hidden;}
.partilhe {text-align: right; color: #000000; font-size:10px; position: relative; right: 15px; top: 10px;}
.iconshare {position: relative; top:5px; padding: 5px;}
.iconshare:hover {position: relative; }
div.partilhe a {padding: 0px;display: inline-block; /* IE 7 and below */position: relative;margin-left: 5px;margin-right: 2px;width: 24px;height: 24px;}
div.partilhe a img {width: 24px;position: absolute;top: 0px;left: 0px;padding: 0px;margin: 0 4px 0 0;border: none;}
.dicas {padding-top:10px;margin-top:25px;}
.categorias{padding-top:0px;margin-top:0px;}
.menu {float:left;width:650px;display:block; position:relative; top:40px;}
.pesqint {float:right;position: relative; top:-32px; left:280px;}
input.zoom_searchbox {position: relative;font-size: 16px; padding: 5px; border: solid 1px #e87400;}
input.zoom_button {position:relative;right:30px;} 

/*
input.zoom_button {display:block;width:13px;height:13px;cursor:pointer;cursor:hand;background:url(background:url(imgs/) no-repeat 0 0}
input.zoom_button:hover {background:url(imgs/) no-repeat -13px 0}
*/

a.icon, a.icon:visited, a.icon:hover {position: relative; top: 8px;}
img a, img a:link, img a:active, img a:visited, img a:hover {border-style: hidden; }
img { border:0px;}

/* tab pane styling */
div.panes div {display:none; width:900px;  border:0px solid #999;margin-right:0; height:0px; font-size:14px; background-color:#fff;}

#tabs li a {display: block; padding: 2px; height: 28px; line-height:30px; text-align:center;}

#tabs li#categorias a.current, ul#first li a:hover { background-color: #bb6200; color: white; }
#tabs li#dicas a.current, ul#second li a:hover { background-color: #009700; color: white; }
#tabs li#feeds a.current, ul#third li a:hover { background-color: #8d01b0; color: white; }
#tabs li#urgencias a.current, ul#jquerytuts li a:hover { background-color: #d30000; color: white; }

/* single tab */
ul.tabs li {float:left; text-indent:0; padding:0; margin:0 !important;}

/* Principal*/
ul.tabs {list-style:none; margin:0 !important; padding:0;}
ul#tabs {overflow: hidden; }

ul.tabs a {background-color: #0071e1; font-size:14px; width: 150px; letter-spacing:2px; color:#fff;  margin-right:4px; position:relative; font-weight: bold;}
ul.tabs a:active {color:#fff; outline:none;}
ul.tabs a:hover {background-color: #003853; color:#fff;}

p.area {position:relative; margin:0px 0px 3px;}

a.tab1, a.tab2, a.tab3 {color: #FFF; font-size: 10px; padding: 2px 10px; text-decoration: none;}
a.tab1 {background-color: #bb6200; }
a.tab2 {background-color: #009700; }
a.tab3 {background-color: #8d01b0; }
a.tab1:hover, a.tab2:hover, a.tab3:hover {font-size: 10px; color: #FFF}
a.tab1:hover {background-color: #6c3900;}
a.tab2:hover {background-color: #005100;}
a.tab3:hover {background-color: #58016d;}
a.tab1:visited , a.tab2:visited , a.tab3:visited  {font-size: 10px;color: #FFF}
a.tab1.activeTab, a.tab1.activeTab:hover, a.tab1.activeTab:visited {font-size: 14px;background-color: #153E7F; border-color: #0b355b; color: #FFF} 


/* TEMPERATURA INDEX SETTINGS */
.observtemp {font-size: 10px; color: #5f5f5f; padding-bottom:5px;padding-left:15px;}
.imgtemp {width:24px; height:24px;position: relative;right:-10px;}
.temparea  {position:relative;left: 570px; top:10px;background-color: #ffffff; width:360px;border-left-style: solid ; border-left-width:1px; border-color: #ffb062; }
.templocal  {position: relative; left:7px; top:-5px;font-size:12px; color:#000000; }
.tempdata {position: relative; left:4px;top:-5px;font-weight: bold; font-size: 12px; color: #c06a01;}
/* END OF TEMPERATURA INDEX SETTINGS */

/*** END OF HEADER SECTION ***/

.rotacao {display:inline;text-align: left;position: relative;}
.tip {position:relative; margin-left:5px; font-size: 12px; font-weight: bold; font-style:italic; color: #584747;}

h3 { top: 70px; font-size: 11px; color: #ffffff; text-align: left; font-style:italic; position: relative;}

.searchheading {font-size: 12px;border: 1px; margin-bottom: 15px; margin-left:10px;}
.summary {border: 1px; margin-bottom: 15px; margin-left:10px; font-style:italic;  }
.infoline {font-size: 10px; font-weight: bold;}
.result_altblock  {border: 1px; margin-bottom: 15px; margin-left:10px;}
.result_block {border: 1px; margin-bottom: 15px; margin-left:10px;}

.highlight {background: #e1e100;}
/* PESQ EXTERNA SETTINGS */
.caixa {font-family: Verdana, Geneva, sans-serif; font-size: 14px; padding: 2px; border: solid 1px #e37e03;  background-color: #f1f2f5; }
.extras a:hover {color: #00A0C6;}
.extras a img {border: 2px solid #fad98d; padding: 0px; vertical-align: -20%;}
.extras a img:hover {border: 2px solid #ff7c00; padding: 0px;}
/* END OF PESQ EXTERNA SETTINGS */


/* FOOTER SECTION */

.footcontainer {height:60px; margin-top:15px;}
span.footlogo {background:url(imgs/logo-fev-10.png) no-repeat;float:left; position:relative; margin:10px 0px 0px 20px;width:100px;height:70px;}
.about {float:right; font-size:12px; color: #2d2d2d;text-align: right;position: relative; right: 10px; top: 30px;}
a.foot, a.foot:visited {font-size:10px; color: #000; text-decoration:none;}
a.foot:hover {font-size:10px; color: #eaeaea; text-decoration:none; position: relative; top: 0px; bottom: 10px;}

/** END OF FOOTER SECTION **/

/* LISTA LINKS SETTINGS */
#lista{ margin-left:120px; margin-top:15px; list-style:none;}
#lista li{margin-left:5px; display:none; /* hide the items at first only to display one with javascript */}
.cat   {font-size: 10px; color: #cc8a00; padding-left:5px; text-transform: uppercase; }
/* END OF LISTA LINKS SETTINGS */

/* CONTAIN SETTINGS */
a {text-decoration: none; color: #5030c0; font-size: 12px; text-transform: uppercase;}
a.hideshow, a.hideshow:active, a.hideshow:hover, a.hideshow:visited {color: #a08de2; font-size: 12px;} 
a:visited {color: #a08de2; font-size:12px;}
a:hover {font-size: 12px; color:#b35900; }

span.codedirection { unicode-bidi:bidi-override; direction: rtl; }
.relate  {margin-left:20px;}
.head {clear: both;background:url(imgs/headbackgr.jpg);background-color:#f7d0a9;color: #df7e0d; margin-bottom:30px; height:40px;width:960px;}
.title  {position:relative;margin-left:20px; top:10px;letter-spacing:3px; font-size: 20px; color: #0d4171;}
.observ {font-size: 10px; color: #5f5f5f; padding-left:5px; padding-right:8px;}
.subhead {font-size: 12px;color:#fff; margin-left:10px;padding:2px 4px 2px 4px; border-bottom: 1px solid #ffb062;border-top: 1px solid #ffb062;letter-spacing:1px;background-color:#bb6200;}
a.rsspoint { margin-left:5px; font-size: 10px; color: #8d01b0;}
.subhead1 {font-size: 12px;color:#fff; margin-left:20px;padding:2px 4px 2px 4px; border-bottom: 1px solid #ffb062;border-top: 1px solid #ffb062;letter-spacing:1px;background-color:#8d01b0;}
.subheadinvisi {background:#fff; color:#fff4d7; padding:2px 20px; margin: 0 0 5px;}
.espaco {clear: both; height:80px ;}

hr {height: 3px; width: 60%; margin-top: 50px; color: #ff7c00;}
.extras {position:relative; margin:30px 20px 15px 30px;font-size: 12px; color: #5f5f5f;}

#esq {display:inline; /*Bug da margem dupla para floats no IE*/ float:left; width:33%; padding-top:4px;}
#cen{float:left; width:33%; padding-top:4px;}
#dir {float:left; width:33%; padding-top:4px;}

#esq1 {display:inline; /*Bug da margem dupla para floats no IE*/ float:left; width:17%; padding-top:4px;}
#esq2 {display:inline; /*Bug da margem dupla para floats no IE*/ float:left; width:17%; padding-top:4px;}

#esq50 {display:inline; /*Bug da margem dupla para floats no IE*/float:left; width:50%; padding-top:4px;}
#dir50 {float:left; width:49%; padding-top:4px;}

#a25 {display:inline; /*Bug da margem dupla para floats no IE*/ float:left; width:25%; padding-top:4px;}
#b25 { /*Bug da margem dupla para floats no IE*/ float:left; width:25%; padding-top:4px;}
#c25 { /*Bug da margem dupla para floats no IE*/ float:left; width:25%; padding-top:4px;}
#d25 {float:left; width:24%; padding-top:4px;}

#dir50a {float:left; width:48%; top:220px; height:50px;}

img a, img a:link, img a:active, img a:visited, img a:hover {border:0px;}
img {border:0px;}

.backgr {border-left-style: solid ; border-left-width:1px; border-color: #ffb062; padding-left:15px; padding-right:15px; margin-bottom:30px;}

/* URGENCIAS SETTINGS */
#urgtel {font-size: 12px; width: 450px; border-collapse: collapse; text-align: left;}
#urgtel td {color: #5030c0; padding: 4px 0px 4px 0px;}
#urgtel tbody tr:hover td { color: #aa5500;}
td.nunb {color: #000000; font-weight: 600;}
#easyTooltip{font-weight: 700; font-size: 16px; padding:3px 10px; border:1px solid #5f5f5f; background:#ff0000; color:#fff;}


/* CLOUD SETTINGS */
.cloud { top: 60px; position: relative; text-align: center;}
#cloud { padding: 5px; line-height: 3em;}
#cloud li { display: inline; }
#cloud a { padding: 5px; margin:5px; }
#cloud a.tag1 { font-size: 0.8em; font-weight: 100; }
#cloud a.tag2 { font-size: 1.1em; font-weight: 200; color: #6c6cff;}
#cloud a.tag2:hover { font-size: 1.1em; font-weight: 200; color: #e47c00;}
#cloud a.tag3 { font-size: 1.3em; font-weight: 300; color: #8d78e2;}
#cloud a.tag3:hover  {font-size: 1.3em; font-weight: 200; color: #e47c00;}
#cloud a.tag4 { font-size: 1.4em; font-weight: 400; }
#cloud a.tag5 {font-size: 1.6em; font-weight: 500; color: #947ddf;}
#cloud a.tag5:hover  {font-size: 1.6em; font-weight: 500; color: #e47c00;}
#cloud a.tag6 { font-size: 1.8em; font-weight: 600; }
#cloud a.tag7 { font-size: 2.0em; font-weight: 700; color: #6c6cff;}
#cloud a.tag7:hover  {font-size: 2.0em; font-weight: 700; color: #e47c00;}
#cloud a.tag8 { font-size: 2.2em; font-weight: 800; }
#cloud a.tag9 { font-size: 2.7em; font-weight: 900; color: #6c6cff;}
#cloud a.tag9:hover  {font-size: 2.7em; font-weight: 900; color: #e47c00;}
#cloud a.tag10 { font-size: 3.3em; font-weight: 900; color: #6c6cff;}
#cloud a.tag10:hover { font-size: 3.3em; font-weight: 900; color: #e47c00;}

/* RSS SETTINGS */
a.rss {text-decoration: none; font-size: 10px; color: #5030c0; text-transform: none;}
a.rss:visited {font-size: 10px; color: #9782df}
a.rss:hover {font-size: 10px; color: #ffffFF; background-color: #ff9b37;}
div.rss {font-size: 12px; margin-top: 5px;padding:4px 0px 6px 10px;border-bottom: 1px solid #c6d5e1; }
span.rss {font-size: 10px; font-weight: normal; color: #5f5f5f; padding-left:5px;}
.section {width:900px; padding-left:5px; padding-right:5px; border-left:1px solid #ffb062;}
a#show1, a#show2 {cursor: pointer; font-size: 10px; color: #ce6c00; text-align:right; margin-top:-15px; text-transform: none;}
a#show1:hover, a#show2:hover {font-size: 10px; color: #ffffff; background-color: #ff8900;}
div#hidden1, div#hidden2 {display:none; margin-top: 5px;}

/* MINISTERIO SETTINGS */
a#show3 {cursor: pointer; font-size: 14px; color: #5030c0; margin-top:-15px;}
a#show3:hover {font-size: 14px; color: #ffffFF; background-color: #ff9b37;}
div#hidden3, div#hidden3 {display:none; margin-left:10px; margin-top: 10px; background-color: #f9f9f9}

/* FORM SETTINGS */
#mainForm  {position: relative; margin: 0 auto; background-color: #fff; float:left;}
ul.mainForm {list-style-type: none; font-size:12px;}
li.mainForm {padding-bottom: 10px;}

#mainFormError {position: relative; border: 1px; border-style: solid; margin: 0 auto; text-align: left; width: 70%;}
input.mainFormError {background-color: #FADADD;}
textarea.mainFormError {background-color: #FADADD;}
select.mainFormError {background-color: #FADADD;}

#formFields {position: relative; width: 100%; background-color: #ffffff; margin:0 0 0 0;}
label.formFieldQuestion {line-height:125%; padding:0 4px 1px 0; border:none; display:block; font-size:95%; font-weight:bold; }
label.formFieldOption {font-size:90%; display:block; line-height:1.0em; margin:-19px 0 0 25px; padding:4px 0 5px 0; width:90%;}
input.formFieldStyle {display:block; line-height:1.4em; margin:8px 0 0 3px; width:13px; height:13px;}

/* TEMPERATURA SETTINGS */
.imgtemp48 {margin-right:15px;width:36px; height:36px;}
.tempera  {position: relative; border-left-style: solid; border-left-width:1px; border-color: #f8ce6d; margin: 0 0 0 10px;}
.temperadata {margin-left:10px; font-size: 12px; color: #69697d;}
.temperalocal  {margin:20px 25px 20px 15px; font-size: 16px; color: #5030c0; }
.temperagrau {font-weight:bold; font-size: 12px; color: #ca6500;margin-right:5px;}
.tempeinfo {position: relative; left:7px; top:-10px;}

/* TABELA ALIM SETTINGS */
#tablewrapper {width:950px; font:11px Verdana,Arial; margin:20px;}
.tinytable {width:900px;}
.tinytable td {padding:4px 0px 6px 10px;}
.tinytable tr.A{background-color: #fff;}
.tinytable tr.B {background-color: #f8f8f8;}

/* TEXT RESIZE SETTINGS */
.texto {float:right; position:relative; margin:15px 30px 15px 10px;font-size: 10px; color: #5f5f5f;border-bottom-style: solid ; border-bottom-width:1px; border-color: #949cb1; padding:3px;}
.tamanho {cursor: pointer;font-size:12px; color:#e47c00;padding:2px;}