/* CSS Document av Dieter Schneider 2007 */

* {margin: 0; padding: 0;}
y
/************************************* Main structure *************************/

body {
		background: transparent; 
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 70%;
        height: 100%;
        width: 100%;
}

#container {
        height: 100%;
        width: 100%;
        font-size: 15px;
        margin: 5px;
        border-top: 5px solid white;
}
#header {
		height: 160px;
        padding-top: 0px;
        margin-left: 0px;
}

#header_left {
        float: center;
        width: 100px;
        height: 80px;
	margin-left: 300px;
	
}

#header_right {
        height: 50px;
		width: 250px;
        margin-left: 500px;
        margin-right: 20px;
}

#left {
        float:left;
        width: 255px;
        margin-left:0px;
        margin-top: 0px;
}

#right {
        margin-left: 260px;
        margin-top: 10px;
        margin-right: 0px;
		width: 1000px;
}

#footer {
        clear: both;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-botton: 0px
        padding: 2px;
        text-align: center;
        

}

#myAutoComplete {
		width:25em; /* set width here or else widget will expand to fit its container */
		padding-bottom:2em;
		}

.date_box {
        background-color: #FFFFFF;
        background-image: url(../images/date.jpg);
        height: 51px;
        width: 52px;
        height: 51px;
        width: 52px;
        float: right;
}

.date_box_month {
        padding-top: 6px;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        padding-left: 3px;
        text-align: center;
        color: #75a006;
}

.date_box_day {
        font-size: 22px;
        font-weight: bold;
        padding-left: 3px;
        text-align: center;
        font-style: italic;
        color: #654040;
}



/******************************* Text and image formatting *******************************/

p {margin-bottom: 15px;
   margin-top: 15px;
}

p.quote:first-letter
{
        color:blue ; /*#6F9800*/
        font-size:xx-large;
        margin-top: 20px;
        font-size: 2.5em;
        padding-right: 2px;

}

h1 {
        color: blue; /*#87a448*/
        margin-top: 15px;
        margin-left: 40px;
        font-family: "Times New Roman", Times, serif;
        font-style: italic;
        font-size: 2.6em;
}

.red {color: blue;} /*#614240*/

h2 {
        color: #bf8a44; /*#3399FF*/
        margin-left: 80px;
        font-size: 1.2em;
        font-family: "Times New Roman", Times, serif;
        font-style: italic;
	width: 500px;
}

h3 {
        height: 31px;
        background-color: #FFFFFF;
        padding-top: 20px;
        padding-left: 35px;
        font-size: 1.6em;
        font-family: "Times New Roman", Times, serif;
        font-style: italic;
        font-weight: bold;
        color: #84A54A; 
        border-bottom: 1px dotted #CCCCCC;
	
}

h4 {
        width: 150px;
        margin-top: 20px;
        margin-bottom: 20px;
        background-color: #606060; /*#99CCFF*/
		padding: 5px 0 5px 31px;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-style: dotted;
        border-bottom-style: dotted;
        border-top-color: #CEAC86;
        border-bottom-color: #CEAC86;
        font: bold 15px Verdana;
        color: white; /*#0000CCblue*/
}

blockquote {
        background-color: #E9E9E9; /*#F4F7F0#99CCFF*/
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 5px;
        padding-bottom: 5px;
        border: 1px dotted #EBE2B7;
        background-image: url(../images/blockquote.png);
        background-repeat: no-repeat;
        font-style: italic;
}

.read_more {
        background-color: #FFFFFF;
        padding: 3px;
        text-align: right;
        font-weight: bold;
        font-style: italic;
}

img {border: none;}

.float_left {float: left;
              margin-right: 10px;}

.float_right {float: right;
              margin-left: 10px;}

a:link {color: blue; text-decoration: none;}     /* unvisited link #557C2B*/
a:visited {color: #83A956; text-decoration: none;}  /* visited link */
a:hover {color: #821115; text-decoration: none;}   /* mouse over link */
a:active {color: #577E2D; text-decoration: none;}   /* selected link */
********************************* Navigation **********************************/

#navcontainer { }

#navcontainer ul
{
        list-style-type: none;
        font-weight: bold;
        color: #990000;
	    font-size: 12px;
}

#navcontainer a
{
        display: block;
        padding-top: 17px;
        padding-left: 12px;
        /*width: 130px;*/
        background-color: #E9E9E9; /*cor fundo subitem#99CCFF*/
        border-bottom: 1px solid #eee;
        background-repeat: repeat-x;
        height: 23px;	
}


#navcontainer a:link, #navlist a:visited
{
color: black;
text-decoration: none;
}

/*#navcontainer a:hover
{
        background: url(../images/menu.png) 0 -45px;
        color: #562930;
}*/


#navcontainer hm
{
        display: block;
        padding-top: 17px;
        padding-left: 37px;
	width: 120px;
	background-color: blue; /*#99CCFF*/
        background-image: url(../images/menu.png);
	border-bottom: 1px solid #eee;
        background-repeat: repeat-x;
        height: 23px;
	color: white;   /*#614240;*/
}

.accordion_toggle {
	display: block;
	width: 100%;
	padding: 0 10px 0 10px;
	margin: 0 0 0 0;
}

.accordion_toggle_active {
	color: #ffffff;
}

.accordion_content {
	background-color: #ffffff;
	overflow: hidden;
	width: 110%;
}

/**************************************** top menu ****************************/

.yui-skin-sam .yui-layout .yui-layout-unit-top,
    .yui-skin-sam .yui-layout .yui-layout-unit-top div.yui-layout-bd-nohd {
        overflow: visible;
    }

/**************************************** Form elements member login ****************************/


p.welcome {
        font-size: 0.8em;
        text-align: left;
        margin-right: 30px;
        margin-left: 35px;
        margin-bottom: 0px;
        margin-top: 25px;
        color: #6B383D;
}

form {
        margin-top: 15px;
        margin-left: 35px;
}

input.fields {display: block;
        width: 140px;
        background: url(../images/input_bg.png);
                border-top: 1px solid #E3E4E9;
                border-left: 1px solid #E3E4E9;
                border-bottom: 1px solid white;
                border-right: 1px solid white;
                margin-top: 3px;
               margin-bottom: 3px;
}

label {
        color: blue;/*#A5BB73*/
        font-style: italic;
}

.submit_button {
        margin-top: 15px;
        padding: 2px;
        background-color: #EAF4D9;
        float: right;
        margin-right: 40px;
        border-top: 2px solid white;
        border-left: 2px solid white;
        border-bottom: 2px solid #E3E4E9;
        border-right: 2px solid #E3E4E9;
}

/**************************************** Menu class ****************************/

.urbangreymenu{
width: 180px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: 13px Arial;
color: black;
background: #E9E9E9 url(../images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 11px Arial;
color: black;
background: #add8e6;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: blue;
background:#99ccff; /*black*/
}

/**************************************** extra classes: contact us ****************************/

form.contact_us {
        width: 300px;
        margin-top: 15px;
        margin-left: 0px;
        padding: 15px;
        background-color: #FBF9F4;
        background-image: url(../images/form_bg.png);
        background-repeat: no-repeat;
        background-position: right bottom;
}

input.fields_contact_us {display: block;
        width: 185px;
        background: url(../images/input_bg.png);
                border-top: 1px solid #E3E4E9;
                border-left: 1px solid #E3E4E9;
                border-bottom: 1px solid white;
                border-right: 1px solid white;
                margin-top: 3px;
            margin-bottom: 3px;}

/**textarea {width: 185px;
          background: url(../images/input_bg.png);
          border-top: 1px solid #E3E4E9;
                  border-left: 1px solid #E3E4E9;
                  border-bottom: 1px solid white;
                  border-right: 1px solid white;

          margin-top: 3px;}
**/

.submit_button_contact {
        margin-top: 15px;
        padding: 2px;
        background-color: #EAF4D9;
}

.tag_inf {
  width: 255px;
  border-spacing: 5px;
  border-color: #ffffff;

}

.org_inf {
  width: 900px;
  border-spacing: 5px;
  border-color: #ffffff;
}

.org_inf .left TD{
  width: 950px;
}

.org_inf .right TD{
  width: 50px;
}

.suggest {
   width: 300px;
   font-style: italic;  
   float: center;
}


#### GARSA ###
.search_form {
  border-spacing: 5px;
  border-color: #ffffff;
  padding: 2px;
  width: 1000px;
  text-align: left;
  vertical-align: botton;
}

.search_form .table_header_search_form TD{
  background-color: #E9E9E9;/*#99CCFF*/
  padding: 2px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: dotted;
  border-bottom-style: dotted;
  border-top-color: #CEAC86;
  border-bottom-color: #CEAC86;
  font-size: 16px;
  font-weight: bold;
  color: black;
  text-align: center;
  vertical-align: botton;
  width: 1000px;
  margin-left: 0px;
  margin-right: 0px;
}

.search_form .line TD{
  text-align: left;
  vertical-align: top;
}

.sub_search_form {
  background:#E9E9E9;/*#DEDEDE*/
  border-spacing: 2px;
  border-color: #ffffff;
  padding: 2px;
  margin-left: 0px;
  margin-right: 0px;
  text-align: left;
  width: 1000px;
  font-size: 16px;
  vertical-align: text-top;
}

.chr {
  text-align: center;
  width: 100%;
}

.data {
  background: #E9E9E9;
  border-spacing: 1px;
  margin-left: 5px;
  margin-right: 5px;
  width: 100%;
  text-align: center;
  font-size: 10px;
}

.data_blast {
  background: #99CCFF;/*#99CCFF*/
  border-spacing: 2px #FFFFFFF solid;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  padding:4px;
}

.data_blast .table_header TD {
  background: #99CCFF;
  color: blue;/*blue*/
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
  border-spacing: 3px;
  text-align: left;
}
.data_blast .table_header_1 TD {
  background: #99CCFF;
  color: black;
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
  border-spacing: 0px;
  text-align: left;
 }

.data_blast TD {
  background: #ffffff;
  padding: 2px;
  text-align: left;
  font-size: 12px;
  border-spacing: 3px;

}
.data_blast .linha_impar TD {
  background: #DEDEDE;
  font-size: 12px;
  padding: 2px;
  border-spacing: 2px;

}
.data_blast .linha_par TD{
  background: #FFFFFF;
  font-size: 12px;
  padding: 5px;
  border-spacing: 2px;
  padding: 2px;
}
.data_blast .description {
  background: #ffffff;
  padding: 2px;
  width:100%;
}

.statistics {
  background: #333366;
  border-spacing: 0px;
  border-color: #FFF;
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  font-size: 14px;
}

.statistics .table_header TD {
  background: #333366;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  border-spacing: 0px;
  text-align: left;
}

.statistics .table_header_1 TD {
  background: #6699CC;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  border-spacing: 0px;
  text-align: left;
  width: 100%;
}

.statistics .linha_impar TD {
  background: #DEDEDE;
  font-size: 14px;
  border-spacing: 0px;
}

.statistics .linha_par TD{
  background: #FFFFFF;
  font-size: 14px;
  border-spacing: 0px;
}

a.tag {
  padding: 2px;
  border: 1px dotted #DDDDDD;
}

a.tag :hover {
  background-color: red;
}

#tagCloud {
  padding: 15px 15px 15px 15px;
  text-align:justify;
}

#web2Intro {
  padding: 20px 50px 20px 50px;
}


#top_container {
	background: transparent;
	width: 95%;
	height: 30px;
	margin: 5px auto 10px auto;
	text-align: center;
}

.horizontal_accordion_toggle {
	float: left;	/* This make sure it stays horizontal */
	display: block;
	height: 100%;
	width: 70px;
	background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}
		
.horizontal_accordion_toggle_active {
	background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
	border-right: 1px solid #f68263;
}
		
.horizontal_accordion_content {
	/* REQUIRED */
	height: 100%;	/* We need to define a height for the accordion as it stretches the width */
	width: 150%;
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	overflow: hidden;
	background-color: #ffffff;
}
			
.horizontal_accordion_content p {
	width: 1000px;
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}

/*############################################################################################################*/

.blast_css{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: black;
}