﻿body 
{
	margin: 0px;
	font-family: Tahoma,Verdana;
	font-size: 10px;
	height: 760px;
	}
    .DisplayMessage
    {
	    border-right: #ff0000 1px solid;
	    border-top: #ff0000 1px solid;
	    font-weight: bold;
	    font-size: 9pt;
	    border-left: #ff0000 1px solid;
	    color: #ff0000;
	    border-bottom: #ff0000 1px solid;
	    font-family: Verdana;
	    background-color: #ffffcc;
	    text-align: center;
	
    }
    .DisplayMessage
    {
	    border-right: #ff0000 1px solid;
	    border-top: #ff0000 1px solid;
	    font-weight: bold;
	    font-size: 9pt;
	    border-left: #ff0000 1px solid;
	    color: #ff0000;
	    border-bottom: #ff0000 1px solid;
	    font-family: Verdana;
	    background-color: #ffffcc;
	    text-align: center;
	
    }
    #BoxApresentacao
    {
    	font-family: Tahoma, Verdana;
    	font-size: 13px;
    	font-weight: bold;
    	color: #023a69;
    }
    .TituloAreaInterna
    {
    	display:block;
    	/*width: 980px; */
    	height: 34px; 
    	font-family: Tahoma, Verdana;
    	font-size: 16px;
    	font-weight: bolder;
    	text-transform: uppercase;
    	color: #FFF;
    	
    }
    .divTituloAreaInterna
    {
    	color:#4e4e4e;
    	margin-top: 10px;
    	padding-left:20px;
    	padding-top:3px;
    }
    .TituloBoasVindas
    {
    	font-family: Tahoma, Verdana;
    	font-size: 14px;
    	font-weight: bolder;
    	
    	color: #4e4e4e;
    }
    .rodapeDados
    {
    	margin: 0px 0 0 80px;
    	text-align: center;
    	font-family: Tahoma,Verdana;
    	font-size: 12px;
    	font-weight: bold;
    	color: #FFF;
    	text-align: center;
    	letter-spacing: 0.5px;
    	padding: 10px 0 0 10px;
    }
    .style1
    {
        height: 580px;
    }
    #distance {
		width:1px;
		height:50%;
		/*background-color:#fc6;*/
		margin-bottom:-13.75em; /* Metade da altura do nosso box que ficará centralizado */
		float:left;
	}
	#watermark_box {
		display:block;
		background: url(../images/watermark.png) no-repeat;
		/*width:950px;*/
		height: 500px;
		margin-top: 10px;
		position:relative; /* Coloca o container frente ao elemento com o id distance */
		text-align:center;
		/*height:27.5em;
		width:45em;*/
		clear:left;
	top: 0px;
	left: 0px;
}
#watermark_box1 {
		display:block;
		background: url(../images/watermark.png) no-repeat;
		width:700px;
		height: 500px;
		margin-top: 10px;
		position:relative; /* Coloca o container frente ao elemento com o id distance */
		text-align:center;
		/*height:27.5em;
		width:45em;*/
		clear:left;
	top: 0px;
	left: 0px;
}
#principal_box {
		display:block;
		background: url(../images/t5.png) no-repeat;
		width:700px;
		height: 573px;
		/*margin-top: 100px;*/
		float:left;; /* Coloca o container frente ao elemento com o id distance */
		text-align:center;
		/*height:27.5em;
		width:45em;*/
		clear:left;
	
}
    .Verdana-16-Bold 
    {
    	font-size: 16pt;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-weight: bold;
	    color: #003c7b;
    }
    .Verdana-16-Normal 
    {
    	font-size: 16pt;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    color: #003c7b;
    }
    #Boxs
    {
    	float:left;
    	width:233px;
    	height:auto;
    	padding-bottom:5px;
    	font-family: Tahoma, Verdana;
    	font-size: 11px;
    	font-weight: bold;
    	line-height:13px;
		color: #092B57;
    }
    #Boxs a:link 
    {
    	font-family: Tahoma, Verdana;
    	font-size: 11px;
    	font-weight: bold;
    	text-decoration: none;
		color: #092B57;

    }
	#Boxs a:visited 
	{
    	font-family: Tahoma, Verdana;
    	font-size: 11px;
    	font-weight: bold;
    	text-decoration: none;
		color: #092B57;
	}
	#Boxs a:hover 
	{
    	font-family: Tahoma, Verdana;
    	font-size: 11px;
    	font-weight: bold;
		color: #092B57;
		text-decoration: underline; 
	}
	#Boxs a:active 
	{
    	font-family: Tahoma, Verdana;
    	font-size: 11px;
    	font-weight: bold;
    	text-decoration: none;
		color: #092B57;
	}
	
    #BoxsLinksInstitucional
    {
    	font-family: Tahoma, Verdana;
    	font-size: 12px;
    	font-weight: bold;
		color: #092B57;
    }
    #BoxsLinksInstitucional a:link 
    {
    	font-family: Tahoma, Verdana;
    	font-size: 12px;
    	font-weight: bold;
    	text-decoration: none;
		color: #092B57;

    }
	#BoxsLinksInstitucional a:visited 
	{
    	font-family: Tahoma, Verdana;
    	font-size: 12px;
    	font-weight: bold;
    	text-decoration: none;
		color: #092B57;
	}
	#BoxsLinksInstitucional a:hover 
	{
    	font-family: Tahoma, Verdana;
    	font-size: 12px;
    	font-weight: bold;
		color: #092B57;
		text-decoration: underline; 
	}
	#BoxsLinksInstitucional a:active 
	{
    	font-family: Tahoma, Verdana;
    	font-size: 12px;
    	font-weight: bold;
    	text-decoration: none;
		color: #092B57;
	}
    /* BOX MAIOR */
    #BoxMaior{
	    display: block;
	    width: 600px;
	    /*height: auto;*/
	    /*margin: 0 auto;*/
    }
    #BoxMaior .TopoBoxMaior{
	    width: 521px;
	    height: 12px;
	    background: url(../images/box_maior_topo.jpg) no-repeat;
    }
    #BoxMaior .MeioBoxMaior{
	    width: 521px;
	    height: auto;
	    background: url(../images/box_maior_meio.jpg) repeat-y;
    }
    #BoxMaior .MeioBoxMaior p{
	    margin: 0 0 0 10px;
	    padding: 3px;
	    text-align: left;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 12pt;
	    line-height: 150%;
	    color: #333333;
    }

    #BoxMaior .RodapeBoxMaior{
	    width: 521px;
	    height: 12px;
	    background: url(../images/box_maior_rodape.jpg) no-repeat;
    }

    /* BOX MENOR */
    #BoxMenor{
	    display: block;
	    width: 600px;
	    /*height: auto;*/
	    /*margin: 0 auto;*/
    }
    #BoxMenor .TopoBoxMenor{
	    width: 405px;
	    height: 9px;
	    background: url(../images/box_menor_topo.jpg) no-repeat;
    }
    #BoxMenor .MeioBoxMenor{
	    width: 405px;
	    height: auto;
	    background: url(../images/box_menor_meio.jpg) repeat-y;
    }
    #BoxMenor .MeioBoxMenor p{
	    margin: 0 0 0 10px;
	    padding: 3px;
	    text-align: left;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 1cpt;
	    line-height: 150%;
	    color: #FFF;
    }
    .importante
    {
		font-weight: bold;
		color: #633;
    }

    #BoxMenor .RodapeBoxMenor{
	    width: 405px;
	    height: 10px;
	    background: url(../images/box_menor_rodape.jpg) no-repeat;
    }
    
    #BoxMenor a:link
    {
    	color: #FFF;
        text-decoration: none;
    }
    #BoxMenor a:visited
    {
    	color: #FFF;
        text-decoration: none;
    }
    #BoxMenor a:hover
    {
    	color: #FFF;
        text-decoration: underline;
    }
    #BoxMenor a:active
    {
    	color: #FFF;
        text-decoration: none;
    }
	.BoxLogo{
		/*margin: 0 auto;*/
		width: 350px;
		height: 150px;
		border: 1px solid #F7F7F7;
		padding: 1px;
	}
	.BoxLogo .Logo{
		display: block;
		width: 350px;
		height: 108px;
		float: left;
		text-align: center;
		margin: 0 auto;
	}
	.BoxLogo .Titulo{
		display:block;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		width: 350px;	
		float: left;
		text-align: center;
	}
	.BoxLogo .Site{
		display:block;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		width: 350px;	
		float: left;
		text-align: center;
	}

/************************* SCROLLER *************************/

#mycustomscroll {
/*percantage width: make it 100% to match container*/
width:710px;
height:580px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto 0.3em 10px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding: 10px 15px 10px 0px;
	top: -10px;
	left: 1px;
}

/*
percentage width: the real percentage is done by the wrapper
this is to fix various IE6 bugs
*/
.percentagewrap {
	width: 80%;
	margin: 0;
	padding: 10px 0px;
	float:left;
	}
	
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 27px;
/*background-image:url(http://trendywebdesign.nilarian.com/images/scrollbar_track.gif); background-repeat:no-repeat;*/
background-image:url(../images/scrollbar_track.gif); background-repeat:no-repeat;

}

.vscrollerbar {
width: 29px;
height:21px;

float:left;
padding-bottom:0px;
padding-top:50px;
/*background-image:url(http://trendywebdesign.nilarian.com/images/scrollbar_handle.gif); background-repeat:no-repeat;*/
background-image:url(../images/scrollbar_handle.gif); background-repeat:no-repeat;

}

#RodapeCliente
{
	display: block;
	width: 995px;
	height: 50px;
	margin: 0 auto 0 auto; 
	text-align: center;
	background: url(../images/rodape-clientividade2.jpg) no-repeat;
}

.styleContratos
{
	text-align:center; font-family: Arial; font-size: 10px;
}
#Boxs a{ }
#Boxs a:link{ }
#Boxs a.rollover_menu{ color: #084e12; }
