/*
	Design by Free CSS Templates
	http://www.freecsstemplates.org
	Released for free under a Creative Commons Attribution 2.5 License
*/

/* Basic */
*
{
	margin: 0em;
	padding: 0em;
}

h1,h2
{
}

body
{
	font-family: "trebuchet ms", sans-serif;
	font-size: 10pt;
	background-color: #fff;
	color: #555;
}

a
{
	color: #007788;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

.clear
{
	clear: both;
}

/* Outer */

#outer
{
	position: relative;
	margin: 2em;
}

/* Header */

#header
{
	position: absolute;
	top: 12em;
	background: #073C4C url('images/header.jpg') top right no-repeat;
	height: 135px;
	width: 100%;
}

#header h1
{
	position: absolute;
	top: 1.2em;
	left: 1.0em; 
	font-size: 2.5em;
	color: #fff;
}

#header h2
{
	position: absolute;
	top: 6em;
	left: 2.5em; 
	font-size: 1.0em;
	font-weight: normal;
	color: #fff;
}

#header a
{
	color: #fff;
	text-decoration: none;
}

/* Top Banner */
#topbanner
{
       position: relative;
       width: 100%;
       height: 100px;
       top: 4.5em;

}


/* Menu */

#menu
{
	position: absolute;
	width: 100%;
	top: 0em;
	left: 0em;
	background: #007788 url('images/x3.gif') top left repeat-x;
	height: 4em;
}

#menu ul
{
	list-style: none;
	position: absolute;
	bottom: 0em;
	left: 1em;
}

#menu li
{
	display: block;
	float: left;
}	

#menu li a
{
	color: #fff;
	display: block;
	padding: 0.75em 1.25em 1.25em 1.25em;
	text-decoration: none;
}

#menu li a:hover
{
	background: #007788 url('images/x4.gif') top left repeat-x;
}

/* Content */

#content
{
	line-height: 1.7em;
	padding-top: 188px;
}

#content p
{
	margin-bottom: 1.5em;
}

#content h1
{
        width: 100%;
        position: relative;
        left: -14px;
        margin: 0em -22px 1.2em 0em;
        color: #333;
        padding: 1.1em 14px 0.0em 14px;
        font-size: 2.1em;
}


#content h2
{
	width: 100%;
	position: relative;
	left: -14px;
	margin: 0em -22px 1.2em 0em;
	color: #333;
	padding: 1.1em 14px 0.0em 14px;
	font-size: 1.1em;
	background: #fff url('images/x2.gif') top left repeat-x;
}

#content h3,h4,h5,h6
{
        padding: 1.1em 14px 0.0em 14px;
        font-size: 1.1em;
}

#content h2 span
{
	position: absolute;
	top: 0em;
	right: 0em;
	background: #fff url('images/x1.gif') top right no-repeat;
	width: 16px;
	height: 28px;
}

#content ul
{
	margin-bottom: 1.5em;
	padding-left: 1em;
}

#content blockquote
{
	border: dashed 1px #BFB793;
	background: #FFFEFB url('images/x5.gif') top left repeat-x;
	padding: 1em;
	margin-bottom: 1.5em;
}

#content blockquote p
{
	margin-bottom: 0em;
}

#content table
{
	margin-bottom: 1.5em;
}

#content table th
{
	text-align: left;
	font-weight: bold;
	padding: 0.5em;
}

#content table td
{
	padding: 0.5em;
}

#content table tr.rowA
{
	background: #FDFEFE url('images/x6.gif') top left repeat-x;
	color: inherit;
}

#content table tr.rowB
{
	background: #FFFEFC url('images/x7.gif') top left repeat-x;
	color: inherit;
}

/* Primary Content */

#primaryContentContainer
{
	position: relative;
	float: left;
	margin-right: -36em;
	width: 100%;
}

#primaryContent
{
	margin: 0em 33em 0em 0em;
	padding: 1.5em;
}

/* Secondary Content */

#secondaryContent
{
	position: relative;
	float: right;
	width: 12em;
	padding: 1.5em;
	margin-right: 1em;
}

/* Tertiary Content */

#tertiaryContent
{
	position: relative;
	float: right;
	width: 12em;
	padding: 1.5em;
}

/* Footer */

#footer
{
	padding: 1.5em;
	background: #fff url('images/x2.gif') top left repeat-x;
}

/********** Customizations for items specific to fcms *****************/

/* Images */

.floatpicleft { float: left;
                margin-top: 3px;
                margin-right: 35px;
                margin-bottom: 5px;
                padding-bottom : 5px;
                margin-left: 0.75em;
}

.imgtext {
        text-align: center;
}

.imgtext img {
        border: 0px;
}

.flattrbutton {
        text-align: left;
}



.adbutton {
        text-align: center;
}

.adbutton img {
        border: 0px;
}

/* See: http://www.ejeliot.com/blog/61 */

#dispcont { float: center; overflow: hidden; }
#dispcont div { float: left; background: #ccc; width: 200px;  margin-bottom: -2000px; padding-bottom: 2000px;}
#dispcont .col2 { background: #eee; }

.printicon {
        text-align: right;
}

.printicon img {
        border: 0px;
}

.imgborder  {
        text-align: center;
}

.imgborder img {
        border: 1px solid black;
}


.navtext {
        text-align: center;
        font-weight: bold;

}

.datefield {
        margin-top : 1ex;

}


.datefield h2 {
        text-align : left;
        font-size : 120%;
        font-weight : bold;
        padding-right : 2ex;
        padding-top :   1px;
        padding-bottom : 1px;
        margin-top : 3ex;
        padding-top : 0ex;
}

.datefield p {
        padding-top : -2ex;
        text-indent : 20px;
}

/* Comentários */

#commentck {
        visibility:hidden;
        display:none;
}

#comentarios {
        margin-left: 10px;
}

#comentarois ol {

}

#comentarios ol li {
list-style-type:decimal;
list-style-position: outside;
font-size: 18pt;
}

#comentarios ol li .content {
font-size: 10pt;
color: #333;
position: relative;
top: -36;
left: -20;
background: #eee;
padding: 10;
}

.tablebutton {
        border: 1px solid black;
        background-color : white;
}


/***************************** Legacy ***********************/


table.contato { border-bottom: 1px dotted gray; border-left: 1px dotted gray }

td.contato{ padding: 1px 20px 2px 10px; border-top: 1px dotted gray; border-right: 1px dotted gray;
             text-align: center;
 }

td.contatoh{ padding: 1px 1px 2px 10px; border-top: 1px dotted gray; border-right: 1px dotted gray;
             text-align: right;
             background: #087C7C;
             color: #F3F3F3; }

/* R-Code */

.rinput {
        background : #80E9D7;
        font-family : monospace;
        padding : 1ex;
        font-size : 90%;

}

.rinputcenter {
        background : #80E9D7;
        font-family : monospace;
        padding : 1ex;
        font-size : 90%;
        text-align : center;
}

.routput {
        background : #80E9D7;
        font-family : monospace;
        padding : 1ex;
        font-size : 90%;

}



