/* Estils basics Fabre Minerals */
body, html {
	height: 100%;
	background-color: #f0f0ff;
	font-family: 'Open Sans', Helvetica, sans-serif;
}

h2 {
	font-size: 22px;
	font-weight:normal;
}
h1 {
	font-size: 30px;
}

h3 {
	font-size: 17px;
	font-weight:normal;
}
h4 {
	font-size: 15px;
	font-weight:normal;
}

.fm_pagination
{
    padding: 10px;
    margin: 10px;
    text-align: center;
}

.fm_pagination a:link {
  text-decoration: none;
    display: inline-block;
    width: 30px;
    font-size: 18px;
    border-radius: 4px;
    border: 1px solid #999999;
    border-color:#999999;
    color:blue;
}

.fm_pagination a:visited {
  text-decoration: none;
    border-color:#999999;
    color:blue;
}

.fm_pagination a:hover {
  text-decoration: underline;
    border-color:red;
    color:red;;
}

.fm_pagination a:active {
  text-decoration: underline;
	color:white;
	backgroud-color:blue;
}
.fm_page_selected {
	color:white !important;
	background-color:blue;
	border-color:grey;
	font-weight:700;
}


.FM_TitolPagina {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #af0000;
}
.FM_MainText
{
	color: #000099;
}

.FM_PeuFoto
{
	font-size: 15px;
    	color: rgb(75, 75, 75);
	font-weight: 600;
}

.FM_MainText A:hover{
	background: #a4a0fd;
	color: #000066;
}
.FM_MainText A:link{
	color: #000066;
}
.FM_MainText A:visited{
	color: #000066;
}


.FM_MainText h1{ font-size:22px; }
.FM_MainText h2{ font-size:20px; }
.FM_MainText h3{
	font-size:17px;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 8px;	/*margin: 2px;*/
}
.FM_MainText H4{ font-size:16px; }

.FM_credits {
	font-size: 16px;
	text-align: center;
}

.FM_carro{
        font-family: Verdana, 'Open Sans', Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	font-style: normal;
}

.FM_carro A:hover{
	color: #CC0000;
	text-decoration: none;
}
.FM_carro A{
	color:#000066;
}

.FM_carro A:link{
	text-decoration: none;
}
.FM_carro A:visited{
	text-decoration: none;
}

.FM_nav {
	font-family: Verdana, 'Open Sans', Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 19px;
}

.FM_lang {
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	color: #af0000;
}

.FM_Replink {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #000099;
}
.FM_Text_bold {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #000000;
}

/*************** Menu superior *****************/
.FM_TopMenuLink
{
	padding: 1px;
}

.FM_TopMenuLink a
{
	width:99%;
	display: block;
	text-align: center;
	color: #008;
	background: #CCCCCC;
	font-size: 10pt;
	border-width:1px;
	border-color: #888;
	border-style:solid;
	border-spacing:1px;
	padding: 1px;
}
.FM_TopMenuLink A:link{ color: #990066;text-decoration: none }
.FM_TopMenuLink A:visited{color: #990066; text-decoration: none}
.FM_TopMenuLink A:hover{
	font-size:14px; 
	font-weight:bold;
	background: #a4a0fd;
	text-decoration: none;
	color: #fff;
}
.FM_TopMenuLink A:active{text-decoration: none}


/*************** Caixa de forum *****************/
.FM_SelectBox
{
	border: 1px solid #fff;
	padding: 0px;
}

.FM_SelectBox a
{
	width:100%;
	display: block;
	text-align: left;
	color: #008;
	background: #EEEEEE;
	font-size: 8pt;
	border: 1px solid #888;
	padding: 1px;
}
.FM_SelectBox A:link{ color: #990066;text-decoration: none }
.FM_SelectBox A:visited{color: #990066; text-decoration: none}
.FM_SelectBox A:hover{
	background: #a4a0fd;
	text-decoration: none;
	color: #fff;
}
.FM_SelectBox A:active{text-decoration: none}

th.FM_SelectBox
{
	text-align: center;
	display: block;
	color: #008;
	background: #CCCCCC;
	font-size: 10pt;
	border: 1px solid #888;
	padding: 1px;
}

/*************** Caixa de forum MINI *****************/
.FM_SelectBox_mini
{
	border: 1px solid #fff;
	padding: 0px;
}
.FM_SelectBox_mini a
{
	width:100%;
	display: block;
	text-align: left;
	color: #008;
	background: #EEEEEE;
	font-size: 8pt;
	border: 1px solid #888;
	padding: 1px;
}
.FM_SelectBox_mini A:link{ color: #990066;text-decoration: none }
.FM_SelectBox_mini A:visited{color: #990066; text-decoration: none}
.FM_SelectBox_mini A:hover{
	background: #a4a0fd;
	text-decoration: none;
	color: #fff;
}
.FM_SelectBox_mini A:active{text-decoration: none}

th.FM_SelectBox_mini
{
	text-align: center;
	display: block;
	color: #008;
	background: #CCCCCC;
	font-size: 8pt;
	border: 1px solid #888;
	padding: 1px;
}

.FM_SelectBox_mini b
{
	font-weight:600;
}


/*************** Caixa de "portlet" *****************/
.FM_PortletTitol {
	font-size: 20px;
	color: #CC0000;
	background-color: #CCCCCC;
	text-align: center;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #000099;
	border-width:2px;
}

.FM_PortletBanner {
	color: #CC0000;
	background-color: #CCCCCC;
	text-align: center;
}

.FM_PortletContingut {
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-width:2px;
	font-size: 13px;
	list-style-type: square;
	border-color: #000099;
	color: #000099;
	background-color: #DEDEDE;
}

.FM_PortletContingut A:hover{
	background: #a4a0fd;
}

.FM_PortletContingut A:link{
	color: #000066;
}
.FM_PortletContingut A:visited{
	color: #000066;
}
.FM_PortletNewDestacat{
	border: thin solid #CC0000;
}

.FM_PortletNewTitle {
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
	font-size: 16px;
	list-style-type: disc;
	font-weight: bold;
	font-variant: normal;
	color: #CC0000;
	text-transform: none;
	list-style-image: none;
	list-style-position: outside;
	margin-top: 8px;
	margin-bottom: 5px;
	background-color: #CECEFF;
	display: block;
	border-top-width: 1px;
	border-top-color: #666666;
}

.FM_PortletNewTitle A:link{ color: #CC0000;text-decoration: none }
.FM_PortletNewTitle A:visited{color: #CC0000; text-decoration: none}
.FM_PortletNewTitle A:hover{
	font-size:16px; 
	font-weight:bold;
	background: #a4a0fd;
	text-decoration: none;
}

.FM_PortletNewDesc {
	font-size: 15px;
	list-style-type: square;
	font-variant: normal;
	color: #000099;
	border: thin none #666666;
	top: 0px;
	bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.FM_PortletNewDesc b{
	font-weight:600;
}

.FM_PortletNewDesc A:hover{
	background: #a4a0fd;
}

.FM_PortletNewDesc A:link{
	color: #000066;
}
.FM_PortletNewDesc A:visited{
	color: #000066;
}


.FM_OutstandingNew {
	font-size: 16px;
	list-style-type: square;
	font-weight: normal;
	font-variant: normal;
	color: #000099;
	border: thin none #666666;
	top: 0px;
	bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.FM_OutstandingNew A:hover{
	background: #a4a0fd;
}
.FM_OutstandingNew A:link{
	color: #CC0000;
}
.FM_OutstandingNew A:visited{
	color: #CC0000;
}


.FM_PortletNewDesc hr{
	color: #999999;
	background-color:#999999;
	border: 1px;
	height: 1px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.FM_PortletNewNote {
	font-size: 12px;
	color: #000099;
	border: thin none #666666;
	top: 0px;
	bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
}

.FM_PortletNewNote2 {
	font-size: 12px;
	color: #000099;
	border: thin none #666666;
	top: 0px;
	bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

.FM_PortletNewNote hr{
	color: #999999;
	background-color:#999999;
	border: 1px;
	height: 1px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin:1px;
}


.FM_PortletNewNote A:hover{
	background: #a4a0fd;
}

.FM_PortletNewNote A:link{
	color: #000066;
}
.FM_PortletNewNote A:visited{
	color: #000066;
}
.FM_PortletSeparator{
	display: block;
	background-color: #999999;
	text-decoration: line-through;
}


.FM_PageLink{
	font-weight:bold;
	font-size:20px;
	color:#990000;
	font-variant: normal;
}

.FM_PageLink td{
	vertical-align:top;
}


/*************** Banner principal *****************/


.FM_Banners01a {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #00751E;
	line-height: 60%;
	font-variant: normal;
	background-position: center;
	letter-spacing: 4px;
	text-decoration: none;
}
.FM_Banners01b {
	font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	color: #00751E;
	line-height: 130%;
	letter-spacing: 5px;
	text-decoration: none;
}

.FM_Banners02 {
        font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	color: #243A88;
	text-decoration: none;
	line-height: 150%;
}


.FM_BannersCaixa
{
	text-decoration: none;
	background-image: url(/gen_imag/gradient-banner.jpg);
	background-color: #77c2EA;/*	padding: 0px;*/
	border-width:1px;
	border-style:solid;
	border-color: #888;
}
.FM_BannersCaixa.td
{
	border-width: 0px;
}

.FM_BannersCaixa a
{
	display: block;
	width:100%;
	text-decoration:none;
}
.FM_BannersCaixa A:link{ text-decoration: none }
.FM_BannersCaixa A:visited{ text-decoration: none}
.FM_BannersCaixa A:hover{
/*	background: #a4a0fd;*/
	text-decoration: none;
}
.FM_BannersCaixa A:active{text-decoration: none}

/********* Botonera  icons inferior ***************/
.FM_icons01 {
        font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
	font-size: 12px;
	font-weight: 700;
	color:#777777;
	text-decoration: none;
	text-align: center;
	line-height: 95%;
	letter-spacing: 0.05em;
}

.FM_icons01 A:hover{
	color:#CC0000;
	display: block;
	text-decoration: none;
	font-size: 13px;
}

.FM_copyright{
	color:#0000FF;
	display: block;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
}

.FM_CaixaEdicionsAntigues
{
	background-color: #FFCC99;
	border-width:1px;
	border-style:solid;
	border-color: #FF0000;
	margin: auto;
	padding: 4px;
	color:#990000;
	text-align: center;
}

/* per al efecte d'iluminacio d'imatges */
.gradualshine{
	filter:alpha(Opacity=75);
	-moz-opacity:0.75;
}

.FM_HelpPoblacions {
	font-size: 13px;
	font-weight: normal;
}

.FM_PortletNewTitleMobile {
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
	font-size: 22px;
	list-style-type: disc;
	font-weight: bold;
	font-variant: normal;
	color: #CC0000;
	text-transform: none;
	list-style-image: none;
	list-style-position: outside;
	margin-top: 8px;
	margin-bottom: 5px;
	background-color: #CECEFF;
	display: block;
	border-top-width: 1px;
	border-top-color: #666666;
}

.FM_PortletNewDescMobile {
	font-size: 22px;
	list-style-type: square;
	font-weight: normal;
	font-variant: normal;
	color: #000099;
	border: thin none #666666;
	top: 0px;
	bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.FM_PortletNewDesc2Mobile {
	font-size: 30px;
	list-style-type: square;
	font-weight: normal;
	font-variant: normal;
	color: #000099;
	border: thin none #666666;
	top: 0px;
	bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.FM_PortletNewNoteMobile {
	font-size: 18px;
	color: #000099;
	border: thin none #666666;
	top: 0px;
	bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
}

.FM_PageLinkMobile{
	font-weight:bold;
	font-size:22px;
	color:#990000;
	font-variant: normal;
}

.FM_PageLinkMobile td{
	vertical-align:top;
}

.FM_3DMineralesInfo {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}


.FM_CookiesMesInfo {
	font-size: 12px;
	color: #000066;
}

.FM_CookiesMesInfo A:visited{
	color: #000066;

}

.FM_TopMenuLink_Mobile a
{
	width:99%;
	display: block;
	text-align: center;
	color: #008;
	background: #CCCCCC;
	font-size: 13pt;
	border-width:1px;
	border-color: #888;
	border-style:solid;
	border-spacing:1px;
	padding: 1px;
	
}
.FM_TopMenuLink_Mobile A:link{ color: #990066;text-decoration: none }
.FM_TopMenuLink_Mobile A:visited{color: #990066; text-decoration: none}
.FM_TopMenuLink_Mobile A:hover{
	font-size:14px; 
	font-weight:bold;
	background: #a4a0fd;
	text-decoration: none;
	color: #fff;
}
.FM_TopMenuLink_Mobile A:active{text-decoration: none}

/* estils utilitzats al order entre altres */
.FM_Description{
        font-size:16px;
}
.FM_TextLabel{
        font-weight:bold;
        font-size:16px;
}
.FM_Important {
        color:#af0000;
}

.FM_TableHead{
                color:#af0000;
                font-size:20;
		font-weight:600;
}

.FM_RequiredField{
        color:#ff0000;
        font-family:"Times New Roman", Times, serif;
        font-size:24px;
}


/* Persiana LargePhoto.php */

#flip{
	opacity: 0.9;
	z-index: 1001;
	position: absolute;
	left: 0;
	top: 50%;
	cursor: pointer;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#panel {
	text-align: center;
	opacity: 0.9;
	z-index: 1001;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 8px;
	width: 50px;
	cursor: pointer;
	background-color: #CCE2EE;
	border: solid 1px #c3c3c3;
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 5px;
	display: none;
	width: 800px;
	font-size:16px;
}

.rotate-image {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*Default CSS for pan containers*/
.pancontainer{
	position:relative; /*keep this intact*/
	overflow:hidden; /*keep this intact*/
	width:100%;
	height:90%;
	margin:auto;
	text-align: center;
	background-color: black;
	border:1px solid #004876;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
}

div#copyright{
	width:100%;
	text-align:center;
	position:absolute;
	bottom:1px;
}
FM_PeuFoto1blau {
	color: #000099;
font-size: 18px;
	font-weight: bold;
	}