@import "botiga.css";

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

a {
   color: #0a5c12;
   outline: none;
}

body {
   background-color: #ffffff;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin: 0;
   padding: 0;
}

img {
   border: 0;
}

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

div#general {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   width: 1003px;
}

div#generalInner {
   float: left;
   position: relative;
   width: 1003px;
}

div#cap {
   float: left;
   position: relative;
   width: 1003px;
}

div#cos {
   float: left;
   position: relative;
   width: 1003px;
}

div#peu {
   float: left;
   padding: 0px 10px 0px 10px;
   position: relative;
   width: 983px;
}

div#capSuperior {
   background-image: url(/img/cap.ca.jpg);
   float: left;
   height: 145px;
   position: relative;
   width: 1003px;
}

div#capSuperior:lang(ca) {
   background-image: url(/img/cap.ca.jpg);
}

div#capSuperior:lang(es) {
   background-image: url(/img/cap.es.jpg);
}

div#capMenu {
   background-color: #0a5c12;
   color: #ffffff;
   float: left;
   font-size: 14px;
   font-weight: bold;
   height: 16px;
   line-height: 14px;
   position: relative;
   padding: 4px 25px 4px 25px;
   width: 952px;
}

div#capIdiomes {
   float: right;
   padding: 2px 10px 2px 2px;
   position: relative;
   font-size: 14px;
}

div#capIdiomes span {
   color: #0a5c12;
}

div#capIdiomes a {
   color: #0a5c12;
   text-decoration: none;
}

div#capLogo {
   float: left;
   padding: 35px 0px 0px 23px;
   position: relative;
}

div#capCercador {
   float: right;
   padding: 15px 20px 0px 0px;
   position: relative;
}

div#capMenu a {
   color: #ffffff;
   font-weight: normal;
   text-decoration: none;
}

div#capMenu span {
   font-weight: normal;
}

div#peuLogos {
   border-top: 1px dotted #0a5c12;
   border-bottom: 1px dotted #0a5c12;
   float: left;
   position: relative;
   width: 983px;
}

div#peuTextAdreca {
   color: #0a5c12;
   float: left;
   padding-top: 10px;
   padding-bottom: 10px;
   position: relative;
   text-align: center;
   width: 983px;
}

div#peuTextProduccio {
   color: #8c8c8c;
   float: left;
   font-size: 11px;
   padding: 0px 0px 10px 10px;
   position: relative;
   text-align: left;
   width: 140px;
}

div#peuTextProduccio a {
   color: #8c8c8c;
   text-decoration: none;
}

div#peuTextCopyright {
   color: #8c8c8c;
   float: left;
   font-size: 11px;
   padding: 0px 0px 10px 10px;
   position: relative;
   text-align: center;
   width: 673px;
}

div#peuTextCopyRight a {
   color: #8c8c8c;
   text-decoration: none;
}

div#peuTextAvislegal {
   color: #8c8c8c;
   float: left;
   font-size: 11px;
   padding: 0px 10px 10px 0px;
   position: relative;
   text-align: right;
   width: 140px;
}

div#peuTextAvislegal a {
   color: #8c8c8c;
}

div#cosPortadaEsquerra {
   float: left;
   padding-left: 10px;
   padding-bottom: 10px;
   position: relative;
   width: 224px;
}

div#cosPortadaCentre {
   float: left;
   position: relative;
   width: 533px;
}

div#cosPortadaDreta {
   float: left;
   padding-right: 10px;
   padding-bottom: 10px;
   position: relative;
   width: 224px;
}

div#cosPortadaEsquerraMenu {
   float: left;
   padding-bottom: 10px;
   position: relative;
   width: 224px;
}

div#menuFamilies {
   float: left;
   position: relative;
   width: 224px;
}

div#menuTecniques {
   float: left;
   position: relative;
   width: 224px;
}

div#cosPortadaEsquerraNoticies {
   float: left;
   position: relative;
   width: 224px;
}

div#cosPortadaEsquerraAmfibis {
   float: left;
   position: relative;
   width: 224px;
}

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

div.MenuLateral0 {
   float: left;
   position: relative;
   width: 224px;
}

div.MenuLateral0 a {
   font-weight: bold;
   text-decoration: none;
}

div.MenuLateral {
   float: left;
   margin-top: 20px;
   position: relative;
   width: 224px;
}

div.MenuLateral a {
   font-weight: bold;
   text-decoration: none;
}

div.Separador {
   float: left;
   background-image: url(/img/barra.png);
   height: 5px;
   margin-top: 10px;
   position: relative;
   width: 100%;;
}

div.Separador img {
   display: block;
}

div.Filler1 {
   float: left;
   height: 20px;
   position: relative;
   width: 224px;
}

div.Filler2 {
   float: left;
   height: 20px;
   position: relative;
   width: 224px;
}

div.Portada {
   clear: both;
   float: left;
   padding-bottom: 20px;
   position: relative;
   width: 533px;
}

div.PortadaTop {
   clear: both;
   float: left;
   height: 80px;
   position: relative;
   width: 533px;
}

div.PortadaBot {
   clear: both;
   float: left;
   height: 160px;
   overflow: hidden;
   position: relative;
   width: 533px;
}

div.PortadaFadeImg {
   display: none;
}

div.PortadaFade {
   float: left;
   height: 160px;
   margin: 0px 9px 0px 9px;
   position: relative;
   width: 513px;
}

div.PortadaVel {
   background-color: #ffffff;
   filter: alpha(opacity=40);
   opacity: 0.4;
   height: 160px;
   position: absolute;
   width: 533px;
   z-index: 9000;
}

div.PortadaTxt {
   background-color: #ffffff;
   filter: alpha(opacity=85);
   opacity: 0.85;
   cursor: pointer;
   font-size: 12px;
   left: 14px;
   line-height: 18px;
   padding: 5px;
   position: absolute;
   top: 4px;
   width: 440px;
   z-index: 10000;
}

div.PortadaTxt b {
   color: #0a5c12;
}

div.PortadaTnp {
   float: left;
   position: relative;
   width: 440px;
   font-weight: bold;
}

div.PortadaPnt {
   float: left;
   padding-top: 2px;
   position: relative;
   text-align: right;
   width: 440px;
}

div.PortadaPnt img {
   display: block;
   float: right;
}

div.CosEsquerra {
   float: left;
   padding-left: 10px;
   padding-bottom: 20px;
   position: relative;
   width: 224px;
}

div.CosCentre {
   float: left;
   padding-bottom: 20px;
   position: relative;
   width: 760px;
}

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

div.IndexNoticies {
   float: left;
   position: relative;
   width: 224px;
}

div.IndexNoticiesTitol {
   font-weight: bold;
   margin-top: 10px;
}

div.IndexNoticiesText {
   margin-top: 10px;
}

div.IndexNoticiesText a {
   color: #000000;
   text-decoration: none;
}

div.IndexNoticiesText a:hover {
   text-decoration: underline;
}

img.IndexNoticiesText {
   display: block;
   float: left;
   padding: 0px 4px 2px 0px;
}

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

a.Href {
   clear: both;
   color: #0a5c12;
   display: block;
   float: left;
   height: 15px;
   padding: 3px 10px 1px 20px;
   position: relative;
   text-decoration: none;
   width: 194px;
}

a.Href:hover {
   background-color: #d6e1d7;
}

a.HrefAct {
   color: #0a5c12;
   display: block;
   font-weight: bold;
   padding: 2px 10px 2px 20px;
   text-decoration: none;
   width: 194px;
}

a.HrefAct:hover {
   background-color: #d6e1d7;
}

a.LinkTecnica {
   color: #0a5c12;
   display: block;
   padding: 2px 10px 2px 20px;
   text-decoration: none;
   width: 194px;
}

a.LinkTecnica:hover {
   background-color: #d6e1d7;
}

div.BitxoGeneral {
   float: left;
   padding-left: 20px;
   position: relative;
}

div.BitxoGeneralTitol {
   color: #0a5c12;
   clear: both;
   float: left;
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 10px;
   position: relative;
}

div.BitxoGeneralImatge {
   clear: both;
   float: left;
   padding-bottom: 10px;
   position: relative;
}

div.BitxoGeneralImatge img {
   display: block;
   float: left;
}

div.BitxoGeneralText {
   clear: both;
   float: left;
   position: relative;
   text-align: justify;
   width: 100%;
}

div.BitxoGeneralLink {
   clear: both;
   color: #0a5c12;
   float: left;
   padding-top: 10px;
   position: relative;
}

div.BitxoGeneralLink a {
   color: #0a5c12;
}

div.BitxoGeneralPeu {
   clear: both;
   float: left;
   margin-top: 24px;
   position: relative;
   text-align: justify;
   width: 100%;
}

div.BitxoNoticies {
   float: left;
   padding-left: 20px;
   position: relative;
}
   
div.BitxoNoticiesTitol {
   clear: both;
   float: left;
   font-size: 14px;
   font-weight: bold;
   color: #095C10;
   padding-bottom: 20px;
   position: relative;
}

div.BitxoNoticia {
   clear: both;
   float: left;
   padding-bottom: 20px;
   position: relative;
}

div.BitxoNoticiaTitol {
   clear: both;
   float: left;
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 12px;
   position: relative;
}

div.BitxoNoticiaData {
   clear: both;
   float: left;
   position: relative;
}

div.BitxoNoticiaLloc {
   clear: both;
   float: left;
   position: relative;
}

div.BitxoNoticiaCos {
   clear: both;
   float: left;
   position: relative;
   text-align: justify;
   width: 100%;
}

div.BitxoNoticiaCos img {
   display: block;
   float: left;
   margin: 0px 10px 6px 0px;
}

div.BitxoNoticiaLink {
   clear: both;
   float: left;
   position: relative;
}

div.BitxoVaris {
   float: left;
   position: relative;
   width: 100%;
}

div.BitxoVarisTitol {
   color: #000000;
   clear: both;
   float: left;
   font-size: 12px;
   font-weight: bold;
   margin-top: 10px;
   position: relative;
   text-align: center;
   width: 100%;
}

div.BitxoVarisImatge {
   clear: both;
   float: left;
   margin-top: 10px;
   position: relative;
   text-align: center;
   width: 100%;
}

div.BitxoVarisText {
   clear: both;
   color: #000000;
   float: left;
   margin-top: 10px;
   position: relative;
   width: 100%;
}

div.BitxoVarisLink {
   clear: both;
   color: #0a5c12;
   float: left;
   margin-top: 10px;
   position: relative;
   width: 100%;
}

div.BitxoVarisLink a {
   color: #0a5c12;
   text-decoration: none;
}

div.BitxoEnllacos {
   clear: both;
   float: left;
   padding-left: 20px;
   position: relative;
}

div.BitxoEnllacosTitoltot {
   color: #0a5c12;
   clear: both;
   float: left;
   font-size: 14px;
   font-weight: bold;
   padding: 0px 0px 10px 20px;
   position: relative;
}

div.BitxoEnllacosTitol {
   color: #000000;
   clear: both;
   float: left;
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 10px;
   position: relative;
}

div.BitxoEnllacosSubtitol {
   clear: both;
   float: left;
   padding-bottom: 10px;
   position: relative;
}

div.BitxoEnllacosLink {
   clear: both;
   float: left;
   padding-bottom: 10px;
   position: relative;
}

ul.BitxoEnllacosLink {
}

li.BitxoEnllacosLink {
   color: #0a5c12;
}

li.BitxoEnllacosLink a {
   color: #0a5c12;
}

div.BitxoLogosText {
   float: left;
   position: relative;
   width: 984px;
}

div.BitxoLogosDist {
   float: left;
   padding: 15px 20px 10px 20px;
   position: relative;
}

div.BitxoLogosLogos {
   clear: both;
   float: left;
   position: relative;
   width: 984px;
}

div.BitxoLogosLogos p {
   margin: 0px;
   padding-bottom: 10px;
   text-align: center;
   vertical-align: middle;
}

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

div.FormOk {
   float: left;
   padding: 60px 0px 60px 0px;
   position: relative;
   text-align: center;
   width: 500px;
}

div.FormHead {
   float: left;
   padding-bottom: 20px;
   position: relative;
   width: 500px;
}

div.FormLine {
   float: left;
   padding: 2px 0px 2px 0px;
   position: relative;
   width: 500px;
}

div.FormText {
   float: left;
   position: relative;
   width: 150px;
}

div.FormCamp {
   float: left;
   position: relative;
}

div.FormCamp input {
   background-color: #ffffff;
   border: 1px solid #000000;
   color: #000000;
}

div.FormBoto {
   float: left;
   padding: 20px 0px 20px 0px;
   position: relative;
   text-align: center;
   width: 500px;
}

div.FormBoto input {
   background-color: #ffffff;
   border: 1px solid #000000;
   color: #095c10;
   font-weight: bold;
}

div.FormContainer {
   float: left;
   padding-left: 20px;
   position: relative;
}

div.BitxoBestmann {
   float: left;
   padding-left: 20px;
   position: relative;
}
   
div.BitxoBestmannTitol {
   color: #0a5c12;
   clear: both;
   float: left;
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 10px;
   position: relative;
}

div.BitxoBestmannImatge {
   clear: both;
   float: left;
   padding-bottom: 10px;
   position: relative;
   text-align: center;
   width: 100%;
}

div.BitxoBestmannImatge img {
   margin: 0px 15px 0px 15px;
}

div.BitxoBestmannText {
   clear: both;
   float: left;
   padding-bottom: 30px;
   position: relative;
   text-align: justify;
   width: 100%;
}

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