/* CSS Document */

/* -------------- INÍCIO PROPRIEDADES DA PÁGINA -------------- */

body {
	background-color: #F7F7F7;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;/*para rodape sempre embaixo*/
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ccc;
}
a:hover {
	color: #ccc;
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #ccc;
}

/* -------------- FIM PROPRIEDADES DA PÁGINA -------------- */


/* estilos particulares */
.abranco { color: #FFFFFF;	font-size: 11px;	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.abrancobold {	color: #FFFFFF;	font-size: 12px;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: bold;
}
.asa09 {	FONT-WEIGHT: normal;	FONT-SIZE: 9px ;	COLOR: #333333;	font-style: normal;	line-height: normal;	font-variant: normal;	text-transform: none;	font-family: verdana, arial, helvetica;
}
.asa10 {	FONT-WEIGHT: normal;	FONT-SIZE: 10px ;	COLOR: #333333;	font-style: normal;	line-height: normal;	font-variant: normal;	text-transform: none;	font-family: verdana, arial, helvetica;
}	
.asa11 {	FONT-WEIGHT: normal;	FONT-SIZE: 11px ;	COLOR: #333333;	font-style: normal;	line-height: 16px;	font-variant: normal;	text-transform: none;	font-family: verdana, arial, helvetica;	word-spacing: normal;
}
.asa12 {	FONT-WEIGHT: normal;	FONT-SIZE: 12px ;	COLOR: #333333;	font-style: normal;	line-height: 16px;	font-variant: normal;	text-transform: none;	font-family: verdana, arial, helvetica;	word-spacing: normal;
}
.bgazul { BACKGROUND-COLOR: #003366; font-weight: bold; font-size: 10px; 	padding: 3px; color: #FFFFFF;	text-decoration: none;
}
.bgcian { BORDER-RIGHT: #ffffff 0px solid; FONT-SIZE: 10px; MARGIN: 0px 2px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Arial; BACKGROUND-COLOR: #990000; TEXT-ALIGN: center
}
.bgcian13 { BORDER-RIGHT: #ffffff 0px solid; FONT-SIZE: 13px; MARGIN: 0px 0px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Arial; BACKGROUND-COLOR: #990000; TEXT-ALIGN: center
}
.bgcian10 {	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #6280B2; TEXT-DECORATION: none
}
.bgcinza10 {	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #666666; TEXT-DECORATION: none
}
.bggray {	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: gray; TEXT-DECORATION: none
}
.bgcian12 {	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #003366; TEXT-DECORATION: none
}
.bgmarinho { BORDER-RIGHT: #ffffff 0px solid; FONT-SIZE: 10px; MARGIN: 0px 2px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Arial; BACKGROUND-COLOR: #000033; TEXT-ALIGN: center
}
.bluecentro { FONT-WEIGHT: 900; FONT-SIZE: 14px;	COLOR: #003399;	TEXT-DECORATION: none;	text-align: center;	line-height: normal;
}
.blue10{ FONT-WEIGHT: 900; FONT-SIZE: 10px;	COLOR: #003399;	TEXT-DECORATION: none;	text-align: left; line-height: normal;
}
.blue11{FONT-WEIGHT: 900; FONT-SIZE: 11px; COLOR: #003399; TEXT-DECORATION: none; text-align: left; line-height: normal;    
}
.blue11nocap{FONT-WEIGHT: 900; FONT-SIZE: 11px; COLOR: #003399; TEXT-DECORATION: none; text-align: left; line-height: normal;     
}
.blue11claro{FONT-WEIGHT: 900; FONT-SIZE: 11px; COLOR: #5888AB; TEXT-DECORATION: none; text-align: left; line-height: normal; 
}	
.cian12bold{ FONT-WEIGHT: 900; FONT-SIZE: 12px;	COLOR: #5888AB;	TEXT-DECORATION: none;	text-align: left; line-height: normal;
}
.vinho12bold{ FONT-WEIGHT: 900; FONT-SIZE: 12px;	COLOR: #990000;	TEXT-DECORATION: none;	text-align: left; line-height: normal;
}
.cian13bold{ FONT-WEIGHT: 900; FONT-SIZE: 13px;	COLOR: #5888AB;	TEXT-DECORATION: none;	text-align: left; line-height: normal;
}
.cian13spacing { FONT-WEIGHT: bold;	FONT-SIZE: 13px;	COLOR: #5888AB;	font-style: normal;	line-height: normal;	font-variant: normal;	text-transform: none;	font-family: verdana, arial, helvetica;	word-spacing: normal;	vertical-align: middle;	letter-spacing: 5px;
}
.cian14bold{ FONT-WEIGHT: 900;	FONT-SIZE: 14px; COLOR: #5888AB; TEXT-DECORATION: none;	text-align: left; line-height: normal;
}
.ciann11 {	FONT-WEIGHT: normal; FONT-SIZE: 11px ;COLOR: #5888AB; font-style: normal; line-height: normal; font-variant: normal; text-transform: none;	font-family: verdana, arial, helvetica;
}
.ciann12 {	FONT-WEIGHT: normal; FONT-SIZE: 12px ;COLOR: #5888AB; font-style: normal; line-height: normal; font-variant: normal; text-transform: none;	font-family: verdana, arial, helvetica;
}
.ciann13 {	FONT-WEIGHT: normal; FONT-SIZE: 13px ;COLOR: #5888AB; font-style: normal; line-height: normal; font-variant: normal; text-transform: none;	font-family: verdana, arial, helvetica;
}
.cinza10{ FONT-WEIGHT: 900;	FONT-SIZE: 10px; COLOR: #666666; TEXT-DECORATION: none;	text-align: left; line-height: normal;
}
.cinza11{ FONT-WEIGHT: 900; FONT-SIZE: 11px;	COLOR: #666666;	TEXT-DECORATION: none;	text-align: left; line-height: normal;
}
.cinzap11 {FONT-WEIGHT: normal;FONT-SIZE: 11px;COLOR: #666666;	font-style: normal;	line-height: normal;font-variant: normal;text-transform: none;	font-family: verdana, arial, helvetica;
}
.cinzan11{FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333;font-style: normal;	line-height: normal; font-variant: normal;text-transform: none;
}
.cinza12{ FONT-WEIGHT: 900;	FONT-SIZE: 12px; COLOR: #666666;	TEXT-DECORATION: none;	text-align: left; line-height: normal;
}
.cinzan12 {	FONT-WEIGHT: normal; FONT-SIZE: 12px ;	COLOR: #333333;	font-style: normal;	line-height: normal; font-variant: normal;	text-transform: none;	font-family: verdana, arial, helvetica; 
}
.cinzan12parag{ FONT-WEIGHT: normal;	FONT-SIZE: 12px ; COLOR: #333333; font-style: normal; line-height: normal;	font-variant: normal;	text-transform: none;	font-family: verdana, arial, helvetica;
}
.cinza13{ FONT-WEIGHT: 900; FONT-SIZE: 13px; COLOR: #666666;	TEXT-DECORATION: none;	text-align: left; line-height: normal;
}

.grey11normal { FONT-WEIGHT: bold;	FONT-SIZE: 11px;	COLOR: #202020;	font-style: normal;	line-height: normal;	font-variant: normal;	text-transform: none;	font-family: verdana, arial, helvetica;	word-spacing: normal;	vertical-align: middle;	letter-spacing: 1px;
}
.grey12normal { FONT-WEIGHT: bold;	FONT-SIZE: 12px;	COLOR: #202020;	font-style: normal;	line-height: normal;	font-variant: normal;	text-transform: none;	font-family: verdana, arial, helvetica;	word-spacing: normal;	vertical-align: middle;	letter-spacing: 1px;
}
.grey13spacing { FONT-WEIGHT: bold;	FONT-SIZE: 13px;	COLOR: #202020;	font-style: normal;	line-height: normal;	font-variant: normal;	text-transform: none;	font-family: verdana, arial, helvetica;	word-spacing: normal;	vertical-align: middle;	letter-spacing: 5px;	cursor: crosshair;
}
.grey13normal { FONT-WEIGHT: bold;	FONT-SIZE: 13px;	COLOR: #202020;	font-style: normal;	line-height: normal;	font-variant: normal;	text-transform: none;	font-family: verdana, arial, helvetica;	word-spacing: normal;	vertical-align: middle;	letter-spacing: 1px;
}
.grey14spacing {FONT-WEIGHT: bold;	FONT-SIZE: 14px ;COLOR: #202020;font-style: normal;	line-height: normal;font-variant: normal;text-transform: none;	font-family: verdana, arial, helvetica;	word-spacing: normal;vertical-align: top; letter-spacing: 1px;	cursor: crosshair;
}
/* fim dos particulares */

/* -------------- INÍCIO DIVs -------------- */

#inteiro{

	width:788px;
	position:relative; 
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#D3DBE2;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#D3DBE2;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#D3DBE2;
	min-height: 100%; /*para rodape sempre embaixo*/
}

* html #inteiro {/*para rodape sempre embaixo*/
	height: 100%; /* hack para IE6 hq trata height como min-height */
	}


#cabecalho{
	width:788px; 
	background-color: #FFFFFF;
	position:relative; 
}

#cabecalho_esq{
	width:244px; 
	background-color: #FFFFFF;
	float:left;
}

#cabecalho_dir{
	width:544px; 
	background-color: #FFFFFF;
	float:right;
}


/* obs: up right botton left  */
#data{
	width:244px;
	padding: 0px 0px 0px 0px;
	float:left;
	position:relative; 
}

#atalhos{
	width:530px;
	height:20px;
	margin-right:14px;
	padding: 4px 7px 4px 0px;
	text-align:right;
	position:relative; 
}

#box_banner{
	width:100%;	
}

#banner{
	width:544px;
	height:211px;
	z-index:0;
	background : url(file:///C|/_MAJESTADES/_RIOACIMA/site/images/bg_banner.jpg) no-repeat 0 0;
	text-align:center; 
	
} 


#menu{
	width:244px;
	height:110px;
	background-image:url(file:///C|/_MAJESTADES/_RIOACIMA/site/images/ajustes_04.jpg);
	position:relative;
	float:left;
	z-index:300;
}

#link{
	width:98px;
	height:95px;
	padding: 10px 0px 0px 22px;
}


#conteudo{ /*box*/
	width:788px;
	background-color:#ffffff;
	line-height:17px;
	padding-top:10px;
	padding-bottom: 10px; /*para rodape sempre embaixo - distancia do conteudo para o rodapé*/
	position:relative; 
}


/************** para 3 partes - tipo index ***********************/

/* obs: up right botton left  */
#conteudo_a{ /*index*/
	width:245px;
	background-color:#ffffff;
	float:left;
	padding: 0px 10px 10px 10px;
	position:relative; 
}


#conteudo_b{ /*index*/
	width:241px;
	background-color: #FFFFFF;
	/*divisorias - linhas verticais*/
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#D3DBE2;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#D3DBE2;
	float:left;
	padding: 0px 10px 10px 10px;
	position:relative; 
}


#conteudo_c{  /*index*/
	width:240px;
	background-color:#ffffff;
	padding: 0px 10px 10px 10px;
	float:right;
	position:relative; 
}

/************** FIM   para 3 partes - tipo index ***********************/

#conteudo_1ptInterira{ /*para fotos uma pagina inteira */
	width:748px;
	background-color:#ffffff;
	float:left;
	padding: 0px 20px 10px 20px;
	height: 100%;
	position:relative; 
}



/**************  para 2 partes - tipo instutucional ***********************/

#conteudo_a_int{ /*internas*/
	width:210px;
	background-color:#ffffff;
	float:left;
	padding: 0px 20px 10px 20px;
	height: 100%;
	position:relative; 
}


#conteudo_b_int{ /*internas*/
	width:483px;
	background-color: #FFFFFF;
	padding: 0px 20px 10px 20px;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#D3DBE2;
	float:right;
	position:relative; 
}


/************** FIM   para 2 partes - tipo instutucional ***********************/

/**************   para 1 partes - tipo historia  ***********************/


#conteudo_uma{  /*index*/
	width:748px;
	background-color:#ffffff;
	padding: 0px 20px 10px 20px;
	position:relative; 
}


/************** FIM   para 1 partes  - historia  ***********************/



#rodape_box{
	width:788px;
	background-color:#C8D1DD;
	bottom: 0; /*rodapé sempre em baixo*/
	position:relative; 
}

#rodape1{
	width:32.4%;
	height:25px;
	float:left;
	padding: 15px 0px 0px 10px;
	background-color:#C8D1DD;	
	position:relative; 
}

#rodape2{
	width:65%;
	height:25px;
	background-color: #D3DBE2;
	padding: 15px 10px 0px 0px;
	text-align:right;
	float:right;
	position:relative; 
}

/* -------------- FIM DIVs -------------- */

/*Para imagens*/

.img_mod1{
	border-style: dotted;
	border-color:#999999;
	border-width:1px;
	margin-bottom:3px;
	margin-right:7px;
}

/*Para menu laterais*/

.ul_menu{
	list-style-image:url(file:///C|/_MAJESTADES/_RIOACIMA/site/images/marc.jpg);
	line-height:20px;
}




/* -------------- INÍCIO FONTES -------------- */

.data_atalhos{
	font-family: Tahoma;
	font-size: 11pt;
	font-style: normal;
	color:#4545AB;
}

.marinho11{	
	font-size: 11px;
	color: #003366;	
	line-height: normal;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.marinho12 {	
	font-size: 12px;	
	color:#003366;	
	line-height: normal;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.marinho14 {
	font-weight:900;	
	font-size: 14px;	
	color: #003366; 
	text-decoration: none;	
	line-height: normal;
}

.marinho14spacing {	
	font-weight: 900;	
	font-size: 14px;	
	color: #003366;	
	text-decoration: none;	
	line-height: normal; 
	letter-spacing: 2px;
}




/* -------------- FIM FONTES -------------- */


.clear{
	clear:both;
}  


/*  Gallery  */
#gallery 
{
  padding:0; 
  margin:0 auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:467px; 
  height:240px; 
  border:1px solid #888; 
  background:#fff url(file:///C|/_MAJESTADES/_RIOACIMA/site/galeria/capa.gif) bottom right no-repeat;
  }
  
#gallery li {
  float:left;
  }
#gallery li a {
  display:block; 
  height:240px;
  width:23px;
  overflow:hidden;
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#gallery li a img {
border:0;
background: #FFF url(file:///C|/_MAJESTADES/_RIOACIMA/site/galeria/gallery_loading.gif) top left no-repeat;
}
#gallery li a:hover {
  background:#eee; 
  width:320px;
  }
  


/* -------------- FIM Gallery -------------- */

/*  Gallery  - 9fotos  */
#gallery9 
{
  padding:0; 
  margin:0 auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:490px; 
  height:240px; 
  border:1px solid #888; 
  background:#fff url(file:///C|/_MAJESTADES/_RIOACIMA/site/galeria/capa.gif) bottom right no-repeat;
  }
  
#gallery9 li {
  float:left;
  }
#gallery9 li a {
  display:block; 
  height:240px;
  width:18px;
  overflow:hidden;
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#gallery9 li a img {
border:0;
background: #FFF url(file:///C|/_MAJESTADES/_RIOACIMA/site/galeria/gallery_loading.gif) top left no-repeat;
}
#gallery9 li a:hover {
  background:#eee; 
  width:320px;
  }
  


/* -------------- FIM Gallery 9fotos-------------- */











/*  Gallery MAIOR - 7 fotos */
#galleryMaior7 
{
  padding:0; 
  margin:0 auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:740px; 
  height:345px; 
  border:1px solid #888; 
  background:#fff url(file:///C|/_MAJESTADES/_RIOACIMA/site/galeria/capa_maior.gif) bottom right no-repeat;
  }
  
#galleryMaior7 li {
  float:left;
  }
#galleryMaior7 li a {
  display:block; 
  height:345px;
  width:40px;
  overflow:hidden;
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryMaior7 li a img {
border:0;
background: #FFF url(file:///C|/_MAJESTADES/_RIOACIMA/site/galeria/gallery_loading.gif) top left no-repeat;
}
#galleryMaior7 li a:hover {
  background:#eee; 
  width:460px;
  }
  

/* -------------- FIM Gallery -------------- */


/*  Gallery MAIOR - 5 fotos */
#galleryMaior5 
{
  padding:0; 
  margin:0 auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:740px; 
  height:345px; 
  border:1px solid #888; 
  background:#fff url(file:///C|/_MAJESTADES/_RIOACIMA/site/galeria/capa_maior.gif) bottom right no-repeat;
  }
  
#galleryMaior5 li {
  float:left;
  }
#galleryMaior5 li a {
  display:block; 
  height:345px;
  width:56px;
  overflow:hidden;
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryMaior5 li a img {
border:0;
background: #FFF url(file:///C|/_MAJESTADES/_RIOACIMA/site/galeria/gallery_loading.gif) top left no-repeat;
}
#galleryMaior5 li a:hover {
  background:#eee; 
  width:460px;
  }
  

/* -------------- FIM Gallery -------------- */



/*  Gallery MAIOR - 3 fotos */
#galleryMaior3 
{
  padding:0; 
  margin:0 auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:740px; 
  height:345px; 
  border:1px solid #888; 
  background:#fff url(file:///C|/_MAJESTADES/_RIOACIMA/site/galeria/capa_maior.gif) bottom right no-repeat;
  }
  
#galleryMaior3 li {
  float:left;
  }
#galleryMaior3 li a {
  display:block; 
  height:345px;
  width:93px;
  overflow:hidden;
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryMaior3 li a img {
border:0;
background: #FFF url(file:///C|/_MAJESTADES/_RIOACIMA/site/galeria/gallery_loading.gif) top left no-repeat;
}
#galleryMaior3 li a:hover {
  background:#eee; 
  width:460px;
  }
  

/* -------------- FIM Gallery -------------- */
/* TYPOGRAPHY */
h1 {
margin: 0;
font: normal 140% verdana, arial, "Trebuchet MS", sans-serif;
letter-spacing: 1px;
color: #5888ab;
background: inherit;
}

h2 {
margin: 0;
font: normal 140% verdana, arial, "Trebuchet MS", sans-serif;
letter-spacing: 1px;
color: #003366;
background: inherit;
}

h3 {
margin: 0;
font: normal 130% verdana, arial, "Trebuchet MS", sans-serif;
letter-spacing: 0px;
color: #5888ab;
background: inherit;
}

h4 {
margin: 0;
font: normal 130% verdana, arial, "Trebuchet MS", sans-serif;
letter-spacing: 0px;
color: #003366;
background: inherit;
}

h5 {
margin: 0;
font: normal 120% verdana, arial, "Trebuchet MS", sans-serif;
letter-spacing: 0px;
color: #5888ab;
background: inherit;
}

h6 {
margin: 0;
font: normal 120% verdana, arial, "Trebuchet MS", sans-serif;
letter-spacing: 0px;
color: #003366;
background: inherit;
}

