/****************************************

    "Template 0001" by Rodrigo Laurino 
	Outubro 31, 2007
	rdlr@globo.com 
	
****************************************/


/* Corpo
____________________________________*/

body{
	margin:0px;
	text-align:center; /* alinha o layout para o centro */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	background:#FCFBF5;
	}

img{
	border:0;
}
	
a:link{
	color:#0033CC;
	}

a:active{
	color:#0033CC;
	}
	
a:visited{
	color:#0033CC;
	}
	
a:hover{
	color:#FFCC00;
	}


/* Layout
____________________________________*/

#layout{
	margin:0 auto;	/* sem isso em alguns navegadores o layout não fica no meio */
	text-align:center; /* coloca o texto para a esquerda */
	width:960px;
	}
	
#layout .layoutMsg
	{
	font-size:10px;
	color:#666666;
	text-align:right;
	padding:0px 20px 0px 0px;
	}	
	
/* Topo do Layout
____________________________________*/

#layoutTop{
	height:30px;
	background:url(../Imgs/layoutTopFundo.jpg) no-repeat;
	}
	
/* Conteúdo do Layout
____________________________________*/

#layoutContent{
	width:960px;
	background:url(../Imgs/layoutContentFundo.jpg) repeat-y;
	}

/* Rodapé do Layout
____________________________________*/

#layoutFooter{
	height:20px;
	background:url(../Imgs/layoutFooterFundo.jpg) no-repeat;
	padding:10px 20px 0px 0px;
	}
	
#layoutFooter .layoutFooterMsg{
	font-size:10px;
	color:#CCCCCC;
	text-align:right;
	}
	
/* Topo
____________________________________*/

#top{
	height:150px;
	background:url(../Imgs/top.jpg) no-repeat center;
	}

/* Logo Marca
____________________________________*/

#top .logoMarca{
	height:150px;
	width:350px;
	float:left;
	}

.logoMarca a:link{ 
	height:150px;
	width:350px;
	float:left;
	display:block;
	}
	
.logoMarca a:active{ 
	height:150px;
	width:350px;
	float:left;
	display:block;
	}
	
.logoMarca a:visited{ 
	height:150px;
	width:350px;
	float:left;
	display:block;
	}
	

/* Banner
____________________________________*/

#top .bannerTop{
	height:60px;
	width:500px;
	margin:45px 2px 0px 0px;
	float:right;
	background: url(../imgs/bannerTop.png) no-repeat;
	display:none;
	}

.bannerTop a:link{ 
	height:60px;
	width:500px;
	float:right;
	display:block;
	}
	
.bannerTop a:active{ 
	height:60px;
	width:500px;
	float:right;
	display:block;
	}
	
.bannerTop a:visited{ 
	height:60px;
	width:500px;
	float:right;
	display:block;
	}


/* Navegação
____________________________________*/

#nav{
	height:25px;
	padding:0px 0px 0px 30px;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../Imgs/nav.jpg) no-repeat center;
	text-align:left;
	}
	
#nav .navMenu{
	float:left;
	display:inline;
	padding-top:5px;
	}
	
#nav .dropDown{
	
	color:#FFFFFF;
	background:#40668D;
	font-size:10px;
	float:left;
	display:inline;
	margin-left:5px;
	margin-top:2px;
	
	
	}
	
#nav .navCraBrasil{
	float:left;
	display:inline;
	padding: 7px 0px 0px 98px;
	}
	
#nav .navDelegacias{
	float:left;
	display:inline;
	padding: 7px 0px 0px 40px;
	}
	
#nav a:link{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	
#nav a:active{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	
#nav a:hover{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
	}
	
#nav a:visited{
	color:#FFFFFF;
	font-weight:bold;
	}
	
/* Content
____________________________________*/

#content{
	padding:10px 20px;
	float:left;
	display:inline;
	}

/* Rodapé
____________________________________*/

#footer{
	height:40px;
	clear:left;
	background:url(../Imgs/footer.jpg) no-repeat center;
	}
	
#footer	.footerMsg{
	padding-top:15px;
	font-size:11px;
	color:#9F8605;
	font-weight:bold;
	text-align:center;
	}
	
.footerMsg a:link{
	font-size:11px;
	color:#9F8605;
	font-weight:bold;
	}
	
.footerMsg a:active{
	font-size:11px;
	color:#9F8605;
	font-weight:bold;
	}
	
.footerMsg a:hover{
	font-size:11px;
	color:#FFCC00;
	font-weight:bold;
	}
	
.footerMsg a:visited{
	font-size:11px;
	color:#9F8605;
	font-weight:bold;
	}