/*-------------------------------------------------------------------------------------------
Basic Style Sheet

version:       1.1
author:        Erysson B. B. de Souza
email:         eryssonbarros@gmail.com
-------------------------------------------------------------------------------------------*/
 
/*body, form, h1, h2, h3, h4, h5, table, p, tr, td, p, q, div, span, fieldset, legend, label, input, select, textarea
{
    margin:0px; padding:0;
}*/


/* FIELDSET STYLING */
fieldset {

            margin: 1em 0; /*  space out the fieldsets a little*/
            padding: 1em;
            border : 1px solid #ccc;
            background-color:#F5F5F5
}

fieldset p {
             margin: 0px 0px 0px 0px;
            padding: 2px;
         }

/* legend styling */
legend {

            font-weight: bold;
} 

/* style for  labels */

label {
            float: left;
            width: 10em;
}

.direita
{
    float: right;
    margin-top: -20px;
}

.RadioButtonList label
{
        float: left;
        width: 5em;
}


/*Despesa

.despesa input
{
    width: 200px;    
}

.despesa select
{
    width: 204px;    
}
*/


/*TOPO*/

#topo  
{
	/*background: #D4D8CF url("../Skin/Imagens/TopoRelatorioWeb.png") no-repeat center center;*/
	background: #D4D8CF url("../Skin/Imagens/topo.gif") repeat center center;
	height:90px;
	width: 100%;
}

.corpo{
	margin-left: 20px;
	margin-right:20px;
}


.h3, h3 {
	font-size: 30px !important;
	font-weight: 800;
}

.statusloja
{
	float: right;
	text-align: right;
	width: 570px;
}

.hora {
    font-size:30pt;
    font-family: Verdana, Arial;
}

/*FOOTER*/

.topo-logo {
    float: left;
    text-align: left;
}

a.logo {
    background: url("../Skin/Imagens/logo.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 60px;
    margin-left: 33px;
    text-decoration: none;
    width: 126px;
}

.sair
{
	background:url("../Skin/Images/StatusInativof.gif") no-repeat scroll 0 0 transparent;
	margin-bottom: 20px;
	display:block;
	height: 26px;
    width:80px;
    
}

.topomenu
{
    /*background:none repeat scroll 0 0 #B52932;
    background: #EDECF2 url("../Skin/Imagens/base.gif") repeat center center;*/
    background-color: #153099;
    color: #9B9A9A;
    margin-top: 2px;
    height: 28px;
    letter-spacing: 1px;
    margin-left: -1px;
    margin-right: -3px;
    padding: 0px 0px;
    text-align: left;
    vertical-align: middle;
}

#footer
{
    /*background: #D4D8CF url("../Skin/Imagens/basefooter.gif") repeat center center;
	background: #D4D8CF no-repeat center center;*/
	height:15px;
		
	display:block;
	position:fixed;
	
	left:0;
	bottom:0;
	
	width:100%;
	padding:0.8em 0em 0.8em 0em;
	
	font-size:0.9em;
	color: #647591;
	
}

	#footer span.e
	{
			float:left;
			margin-left:2em;
	}
	#footer span.d
	{
		float:right;
		margin-right:2em;
	}

	#footer a
	{
		color:#D41924;
		padding:0.2em;
	}
	
	#footer a:hover
	{
		color:Black;
		background-color:White;
		text-decoration:none;
		padding:0.2em;
	}


/* set millions of background images */
.rbroundbox { background: url(../Skin/Imagens/nt.gif) repeat; }
.rbtop div { background: url(../Skin/Imagens/tl.gif) no-repeat top left; }
.rbtop { background: url(../Skin/Imagens/tr.gif) no-repeat top right; }
.rbbot div { background: url(../Skin/Imagens/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../Skin/Imagens/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 30%; margin: 1em auto; }


#boxlogin{
	
	background: #F7F6F3 url("../Skin/Imagens/cadeado.gif") no-repeat left top;
	TEXT-ALIGN: left; 
	
	PADDING-BOTTOM: 3px; 
	LINE-HEIGHT: 20px;
	MARGIN-TOP: 80px; 
	PADDING-LEFT: 5px; 
	WIDTH: 400px; 
	PADDING-RIGHT: 3px; 
	DISPLAY: block; 
	MARGIN-LEFT: auto; 
	BORDER-TOP: #ccc 2px solid; 
	BORDER-RIGHT: #ccc 2px solid; 
	BORDER-LEFT: #ccc 2px solid; 
	BORDER-BOTTOM: #ccc 2px solid;
	MARGIN-RIGHT: auto; 
	
	PADDING-TOP: 15px
}


/* STYLE FOR LABELS */
#boxlogin label.l {
            float: left;
            width: 4em;
            margin-left: 80px;
}

#boxlogin input.espaco {
            height: 20px;
            padding: 2px;
}

#boxlogin span.l
{
	float: left;
	width: 10em;
	margin-top: -40px;
	font-family: Arial, Helvetica, sans-serif;
}

.boxform{
	TEXT-ALIGN: left; 
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 3px; 
	LINE-HEIGHT: 20px; 
	/*BACKGROUND-COLOR: #F7F6F3; */
	MARGIN-TOP: 40px; 	
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 	
	WIDTH: 900px; 
	DISPLAY: block; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: left center; 
	/*BORDER: #ccc 1px solid; */
}

#boxconteudo{
	BORDER-BOTTOM: #ccc 2px solid; 
	TEXT-ALIGN: left; 
	BORDER-LEFT: #ccc 2px solid; 
	PADDING-BOTTOM: 3px; 
	LINE-HEIGHT: 20px; 
	BACKGROUND-COLOR: #F7F6F3; 
	MARGIN-TOP: 40px; 
	PADDING-LEFT: 5px; 
	WIDTH: 752px; 
	PADDING-RIGHT: 3px; 
	DISPLAY: block; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: left center; 
	MARGIN-LEFT: auto; 
	BORDER-TOP: #ccc 2px solid; 
	MARGIN-RIGHT: auto; 
	BORDER-RIGHT: #ccc 2px solid; 
	PADDING-TOP: 15px
}

#boxconteudo span.l
{
	float: left;
	width: 10em;
	margin-top: -40px;
	font-family: Arial, Helvetica, sans-serif;
}


#boxconteudoamarelo
{
	border-bottom: #ccc 2px solid;
	text-align: left;
	border-left: #ccc 2px solid;
	padding-bottom: 3px;
	line-height: 20px;
	background-color: #FFFF99;
	margin-top: 40px;
	padding-left: 5px;
	width: 752px;
	padding-right: 3px;
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: auto;
	border-top: #ccc 2px solid;
	margin-right: auto;
	border-right: #ccc 2px solid;
	padding-top: 15px;
}

#boxconteudoverde
{
	text-align: left;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	line-height: 20px;
	background-color: #EEF4D4;
	margin-top: 40px;
	width: 752px;
	height: 50px;
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: auto;
	border-left: #8FAD3D 2px solid;
	border-top: #8FAD3D 2px solid;
	border-bottom: #8FAD3D 2px solid;
	border-right: #8FAD3D 2px solid;
	margin-right: auto;
	color: #6C8237;
	font-weight: bold;
	background:#FFFFCC url("../Skin/Imagens/alert.png") 8px 6px no-repeat;
}

.green
{
	color: #339933;
}

.box_relatorio
{
	background-color: White;
    background-position: left center;
    border: 2px solid #CCC;
    line-height: 20px;
    padding: 3px;
    width: 752px;
    text-align: left;
    padding-top: 15px;
    padding-left: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    display: block;
    background-repeat: no-repeat;
}

.box_relatorio900
{
	background-color: White;
    background-position: left center;
    --border: 2px solid #CCC;
    line-height: 20px;
    padding: 3px;
    width: 900px;
    text-align: left;
    padding-top: 15px;
    padding-left: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    display: block;
    background-repeat: no-repeat;
}

.box_relatorio_
{
	background-color: White;
    background-position: left center;
    border: 2px solid #CCC;
    line-height: 20px;
    padding: 3px;
    width: 900px;
    text-align: left;
    padding-top: 15px;
    padding-left: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    display: block;
    background-repeat: no-repeat;
}

.espacoTopo
{
        margin-top: 100px;
    }
    
    
/* Menu    */


#nav-primary {
	overflow:hidden;
}
#nav-primary.horizontal
{
    width: 100%;
    background-color: #B52932;
}
.horizontal li {
	float:left;
	list-style-type:none;
}
.horizontal li a
{
    padding: 5px 15px; /*text-align: center;*/
    display: block;
    background-color: #B52932;
    color: #FFFFFF;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.horizontal li a:hover, .horizontal li.active a, .horizontal li a.sub:hover
{
    color: #fff;
    background-color: #FF0000;
}
.horizontal li a.sub
{
    background: #B52932 url(../Skin/Imagens/seta.png) no-repeat scroll 95% 17px;
}
.horizontal li a.sub:hover {
	background-position:95% -9px;
}
.horizontal li:hover #nav-secondary {
	display:block;
}
.horizontal #nav-secondary {
	margin:0;
	padding:0;
	position:absolute;
	display:none;
}
.horizontal #nav-secondary li {
	float:none;
	list-style-type:none;
}