/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  February 27, 2009, 11:59 am with psd2css Online version 1.32
 *
 */


#masthead {

	padding: 0px 0px 0px 0px;
	width: 960px;
}

#leftsec{
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
}

#rightsec{
  float:left;
  width: 960px;
  height: 100px;
}

#contentsec{
  float: left;
  width: 760px;
}

/* Top Background */
#top {
  position: relative;
  width: 960px;
  height: 133px;
  
}

/* Pesquisar aka user4_joomla */
#user4 {
  position: absolute;
  left: 775px;
  top: 5px;
  width: 120px;
  height: 30px;
}
#breadcrumb {
  position: absolute;
  left: 795px;
  top: 55px;
  width: 173px;
  height: 30px;
}

/* User 3 Background aka user3_bk */
#user3_bk {
  position: relative;
  width: 960px;
  height: 38px;
}

/* Heading aka user3_joomla */
#user3_joomla {
  position: absolute;
  left: 130px;
  top: 3px;
  width: 719px;
  height: 38px;
  font-size:24px;
}

/* Left content Top Background */



#leftcont_conteudo_bk {
  position: relative;
  width: 960px;
}
/* Left Joomla Aka Left_joomla */
#left_joomla {
  position: relative;
  left: 0px;
  width: 180px;
  height: auto;
 /* background:url(../images/Grey/left_joomla.png) 0 0 repeat-y;*/
}


/* Content Joomla Aka Content_joomla */
#content_joomla {
  position: relative;
  text-align: left;
  top: 0px;
  left: 0px;
  width: 750px;
  height: auto;
  /*background:url(../images/Grey/content_joomla.png) 0 0 repeat-y;*/
}

/* Right Top Background */
#right_top_bk {
  position: relative;
  width: 205px;
  height: 17px;
}

/* Right Bottom Background */
#right_bottom_bk {
  position: relative;
  width: 205px;
  height: 19px;
  z-index: 9;
}

/* Right Joomla Aka Right_joomla */
#right_joomla {
  position: relative;
  left: 60px;
  top: 40px;
  width: 190px;
  height: auto;
/*  background:url(../images/Grey/right_joomla.png) 0 0 repeat-y;*/
}

#user2_joomla {
  position: relative;
  left: 15px;
  top:5px;
  height: auto;
  color: #fff;
/*  background:url(../images/Grey/right_joomla.png) 0 0 repeat-y;*/
}


/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a { cursor: pointer; }
a:link { 
color:#3366cc;
  }
a:visited { color: #3366cc; }
a:hover {
  color:#FF0000;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}

/* Custom CSS examples/suggestions for Joomla -
 *
 *   Here are some examples of some changes you can make to stylize the output
 *   from Joomla.  These are just suggestions, you can change them to whatever
 *   you would like.  There are many other classes and ids that you can modify
 *   CSS for from Joomla too.  I suggest using Firebug and the 'Inspect'
 *   feature there to find the name of the class or id of an element of the
 *   page that you want to stylize, and add it to this section.
 *
 *   If you plan on re-converting your design often, be careful - this page is
 *   automatically regenerated every time.  So if you don't want to loose some
 *   CSS you've added here, move all your custom CSS to your own external
 *   stylesheet and reference it externally from the index.php file (make sure
 *   your reference is _after_ the reference to psd2css.css).
 */

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
/*background-color:#6c7073;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000;
background-image:url(../images/content_joomla.png)
}
img { border: 0 }
ul { 
  list-style-type: none; 
  padding-left: 0;
  margin: 0 0 10px 0;
} 
.componentheading { font-size: 2em; }
.contentheading { font-size: 1.5em; }
.small { font-size: 0.7em; }
.createdate { font-size: 0.7em; }
.pagination span, .pagination a { padding: 0 6px 0 6px; }

/* ################ left ######################## */  /* TA AKIIIIIIIIIIi */
/*MENU LOGIN*/
#left_joomla form {
color:#000;
font-size:0.9em;
margin:5px 0 20px 10px;
padding:0px 5px;
}

#left_joomla h3,#right_joomla h3 {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
margin:0 0 0 5px;
padding:7px 5px 7px 10px;
border:solid 5;
}

#left_joomla ul {
list-style-type:none;
margin:0 0 20px 10px;
}

/* COR DE BORDA DOS MENUS*/
#left_joomla ul li a{
border:solid 1px #044260;
margin:0 0 2px;
}

#left_joomla ul li a{
display:block;
padding:3px 4px 3px 10px;
text-decoration:none;
}

/* COR DE FUNDO DOS MENUS E LETRAS*/
#left_joomla a:link,#left_joomla a:visited {
background:#0695bf !important;
border-bottom:solid 1px #044260;
color:#fff;
font-weight:normal;
}

/* COR DE FUNDO DOS MENUS E LETRAS COM RATO POR CIMA */
#left_joomla ul li a:hover,#left_joomla ul li a:active,#left_joomla ul li a:focus {
background:#333 !important;
color:#fff !important;
}


/* horizontal pill menu */
table.pill {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

td.pill_l {
  background: url(../images/mw_menu_cap_l.png) no-repeat;
  width:  20px;
  height: 32px;

}

#pillmenu {
  white-space: nowrap;
  height: 32px;
  float: left;
}

#pillmenu ul {
  margin: 0;
  padding: 0;
  list-style:none;
}

#pillmenu li {
	float: left;
	background: url(../images/mw_menu_separator.png) no-repeat;
	margin: 0;
	padding: 0;
}

#pillmenu a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
	float:left;
  display:block;
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
  color: #0099CC;
  text-decoration: none;
}

#pillmenu a#active_menu-nav {
	margin-top:2px;
	height: 21px;
	line-height: 21px;
	background-position: 0 0;
}

#pillmenu a:hover,#pillmenu a:active,#pillmenu a:focus {
color:#ff0000 !important;
}





#user2_joomla a:link,#user2_joomla a:visited {


color:#fff;
font-weight:normal;
}