/* CSS Document */

html, body
{
  height: 99%; 
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 5px;
}

body {
	background-image: url(../imagens_website/bgsite_ricccia.jpg);
}

iframe { border:0px; }

img {
border: none;
}

* {
outline: 0;
}

/* ----- MOLDURA ----- */

#moldura {
padding: 10px;
margin: 0px auto;
/*width:expression((document.body.clientWidth < 901)? "770px" : (document.body.clientWidth > 901)? "900px" : "auto");*/
/*width:expression(documentElement.clientWidth < 901 ? "770px" : "auto"); /* 6 */
/*width:expression(documentElement.clientWidth > 901 ? "900px" : "auto"); /* 6 */	
/*min-width: 770px;*/
/*max-width: 900px;*/
width: 770px;
background-color:#eff3f6;
border: 1px solid #000000;
}

/* ----- HEADER ----- */

#header {
width:100%;
height:150px;
background-image:url(../imagens_website/imagem_top.jpg);
}

#logo {
float:right;
}

/* ----- MENU TOP ----- */

#menutop {
width:100%;
height:30px;
background-color:#333333;
margin-top:4px;
}

/* ----- CONTEUDO ----- */

#conteudo{ 
width:100%;
background-color:#FFFFFF;
margin-top:4px;
}

.caixafichaborda{
/*border-right: solid 5px #FFF;*/
}

.caixaficha{

}

.cx_plantas{
width: 100%;
height: 80px;
background-image:url(../imagens_website/cx_plantas.png);
background-position:left;
background-repeat:no-repeat;
border: solid 1px #999;
background-color:#DFE7E0;
}

.cx_peixes_dulcicolas{
width: 100%;
height: 80px;
background-image:url(../imagens_website/cx_peixes_dulcicolas.png);
background-position:left;
background-repeat:no-repeat;
border: solid 1px #999;
background-color:#ECF1EF;
}

.cx_invertebrados_dulcicolas{
width: 100%;
height: 80px;
background-image:url(../imagens_website/cx_invertebrados_dulcicolas.png);
background-position:left;
background-repeat:no-repeat;
background-color:#FFF;
border: solid 1px #999;
}

.cx_peixes_marinhos{
width: 100%;
height: 80px;
background-image:url(../imagens_website/cx_peixes_marinhos.png);
background-position:left;
background-repeat:no-repeat;
border: solid 1px #999;
background-color:#E0E5EE;
}

.cx_invertebrados_marinhos{
width: 100%;
height: 80px;
background-image:url(../imagens_website/cx_invertebrados_marinhos.png);
background-position:left;
background-repeat:no-repeat;
border: solid 1px #999;
background-color:#EFE2E1;
}

a.cx_titulo {
color: #000000;
font-family: "trebuchet ms", verdana, arial;
font-size: 16px;
font-weight:bold;
text-decoration: none;
line-height: 18px;
}

a.cx_titulo:visited {
color: #000000;
font-family: "trebuchet ms", verdana, arial;
font-size: 16px;
font-weight:bold;
text-decoration: none;
line-height: 18px;
}

a.cx_titulo:hover {
color: #000000;
font-family: "trebuchet ms", verdana, arial;
font-size: 16px;
font-weight:bold;
text-decoration: none;
line-height: 18px;
}

a.cx_titulo:active {
color: #000000;
font-family: "trebuchet ms", verdana, arial;
font-size: 16px;
font-weight:bold;
text-decoration: none;
line-height: 18px;
}

.cx_titulo_qtde {
color: #003366;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
padding-bottom: 0px;
text-decoration: none;
line-height: 25px;
}

.cx_titulo_fichas {
font-family: "trebuchet ms", verdana, arial;
font-size: 11px;
line-height: 5px;
}

.titulo_destaque {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
background-color: #10293F;
}

.titulo_ultimas {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
}

.titulo_artigos {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
background-color:#2F552B;
}

.titulo_noticias {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
background-color:#3A5569;
}


#destaquecapa {
display:inline;
width:65.500%;
height:200px;
background-color:#CCC;
margin-top:5px;
float: left;
position: relative;
}

#ultimascapa { 
display:inline;
width:33.667%;
height:200px;
background-color:#CCC;
margin-top:5px;
float: right;
position: relative;
}

#clear {
clear: both;
}


/* ----- GALERIA ----- */

#galeria { 
width:100%;
height:100px;
background-color:#CCC;
margin-top:10px;
}


/* ----- RODAPE ----- */

#rodape { 
width:100%;
height:40px;
background-color:#D2DACD;
/*margin-top:10px;*/
}


/* ----- MENU ----- */

#menu {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #333 url("../imagens_website/seperator.gif") bottom right no-repeat;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-size: 13px;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 15px;
	text-decoration: none;
	outline: none;
}
#menu a:hover {
	background: #2580a2 url("../imagens_website/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
	text-decoration: none;
	outline: none;
}

/* ----- OUTROS ----- */

a.linkp { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }

a.linkp:visited { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }

a.linkp:hover { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; }

a.linkp:active { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }

.borda_preta {
border: solid 1px #000;
}

.bordas_edb_preta {
border-left: solid 1px #000;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
}

.bordas_edb_cinza {
border-left: solid 1px #999;
border-right: solid 1px #999;
border-bottom: solid 1px #999;
}

.trebuchet12 {
font-family: "trebuchet ms", verdana, arial;
font-size: 12px;
}

a.trebuchet12 {
font-family: "trebuchet ms", verdana, arial;
font-size: 12px;
text-decoration: none;
}

a.trebuchet12:visited {
font-family: "trebuchet ms", verdana, arial;
font-size: 12px;
text-decoration: none;
color:#000;
}

a.trebuchet12:hover {
font-family: "trebuchet ms", verdana, arial;
font-size: 12px;
text-decoration: none;
}

a.trebuchet12:active {
font-family: "trebuchet ms", verdana, arial;
font-size: 12px;
text-decoration: none;
}

.titulo_artigo {
color: #036;
font-family: "trebuchet ms", verdana, arial;
font-size: 14px;
font-weight: bold;		
}

#navlist li {
list-style-type: square;
padding-left: 0px;
margin-left: -20px;
}


.fonte16 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#191970;
font-size:16px;
font-weight:700;
}

.fonte17 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#191970;
font-size:17px;
font-weight:700;
}

.fonte18 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#191970;
font-size:18px;
font-weight:700;
}



.trebuchet13 {
color: #000000;
font-family: "trebuchet ms", verdana, arial;
font-size: 13px;
}

a.trebuchet13 {
color: #000000;
font-family: "trebuchet ms", verdana, arial;
font-size: 13px;
text-decoration: none;
}

a.trebuchet13:visited {
color: #000000;
font-family: "trebuchet ms", verdana, arial;;
font-size: 13px;
text-decoration: none;
}

a.trebuchet13:hover {
color: #000000;
font-family: "trebuchet ms", verdana, arial;
font-size: 13px;
text-decoration: none;
}

a.trebuchet13:active {
color: #000000;
font-family: "trebuchet ms", verdana, arial;
font-size: 13px;
text-decoration: none;
}

.cinza {
color:#333;	
}

.borderbg {
border:1px solid #333333;
}

.borderbg2 {
border:1px solid #999999;
}

.opcoes_fichas {
color: #036;
font-family: "trebuchet ms", verdana, arial;
font-size: 14px;
font-weight: bold;
}

.fontep {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.fontepbranca {
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}


.fontepbold {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
}

.fontepboldblue {
color:#33277A;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
}

.fontepboldamarela {
color:#FFFF00;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
}

.fontepboldvermelha {
color:#FF0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
}

.fontepboldverde {
color:#003300;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
}

.fontepbolwhite {
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
}

.estiloform { margin-bottom: 0; }

.inputazul {
background-color:#D7E5F2;
border:1px solid #369;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
width:auto;
}

.titulo_destaque_cor1 {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
background-color: #588F6F;
}

.titulo_destaque_cor2 {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
background-color: #AEAB84;
}

.titulo_destaque_cor3 {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
background-color: #3C5E6A;
}