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

a {
   color: #000000;
}

img {
   border: 0;
}

fieldset {
   color: #000000;
   font-weight: bold;
   border: 1px solid #c90606;
   padding: 0px 0px 10px 20px;
}

form {
   margin: 0;
   padding: 0;
}

h3 {
   color: #ff7700;
   font-size: 12px;
   font-weight: bold;
   margin: 0px 0px 12px 0px;
}

html, body {
   background-color: #ffffff;
   color: #000000;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
   height:100%;
   margin: 0;
   padding: 0;
}

input {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
}

textarea {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
}

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

div.neteja {
   clear:both;
   font-size:0px;
   height: 0px;
}

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

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

div#generalInner {
   float: left;
   margin-bottom: 10px;
   /*margin-top: 10px;*/
   position: relative;
   width: 942px;
}

div#capEsquerra {
   margin-top: 2px;
   margin-bottom: 2px;
   position: relative;
   float:left;
   width:49%;
}

div.mesInformacio {
   /*
   width:150px;
   border: 1px solid #FF3201;
   */
   cursor: pointer;
   text-align:left;
   color: #FF3201;
   padding:2px 0 0 0;
}

div#capDreta {
   margin-top: 2px;
   margin-bottom: 2px;
   position: relative;
   float:right;
   width:49%;
}

div#capDreta p {
   background-color: #ffffff;
   color: #9ba1a4;
   font-size: 12px;
   line-height: 20px;
   margin: 0;
   padding: 0;
   position: relative;
   text-align: right;
}

div#capDreta p a {
   background-color: #ffffff;
   color: black;
   text-decoration: none;
}

div#capDreta p a:hover {
   text-decoration: underline;
}

div#cos {
   background-repeat: no-repeat;
   border-bottom: 1px solid #ff3201;  
   border-top: 1px solid #ff3201;  
   float: left;
   height: 555px;
   position: relative;
   width: 942px;
}

div#peu {
   clear:both;
   float: left;
   margin-top: 3px;
   position: relative;
   width: 942px;
}

div#peuesquerra {
   float: left;
   font-size: 10px;
   position: relative;
   width: 130px;
}

div#peuesquerra a {
   text-decoration: none;
}

div#peucentral {
   float: left;
   text-align: center;
   position: relative;
   width: 682px;
}

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

div#peudreta {
   float: right;
   font-size: 10px;
   position: relative;
   text-align: right;
   width: 130px;
}

div#peudreta a {
   color: #777777; 
}

div#tab0 {
   border-left: 1px solid #ff3201;  
   cursor: pointer;
   float: left;
   padding-top: 20px;
   padding-left: 4px;
   position: relative;
   height: 535px;
   width: 16px;
}

div#tab1 {
   border-left: 1px solid #ff3201;  
   cursor: pointer;
   float: right;
   /*float: left;*/
   padding-top: 20px;
   padding-left: 4px;
   position: relative;
   height: 535px;
   width: 16px;
}

div#tab2 {
   border-left: 1px solid #ff3201;  
   cursor: pointer;
   float: right;
   /*float: left;*/
   padding-top: 20px;
   padding-left: 4px;
   position: relative;
   height: 535px;
   width: 16px;
}

div#tab3 {
   border-left: 1px solid #ff3201;  
   cursor: pointer;
   float: right;
   /*float: left;*/
   padding-top: 20px;
   padding-left: 4px;
   position: relative;
   height: 535px;
   width: 16px;
}

div#tab4 {
   border-left: 1px solid #ff3201;
   border-right: 1px solid #ff3201;
   cursor: pointer;
   float: right;
   /*float: left;*/
   padding-top: 20px;
   padding-left: 4px;
   position: relative;
   height: 535px;
   width: 16px;
}

div#cos0 {
   background-image: url('../img/fons_inici.jpg');
   background-repeat: no-repeat;
   border-left: 1px solid #ff3201;  
   float: left;
   height: 555px;
   position: relative;
   width: 855px;
}

div#cos1 {
   background-image: url('../img/fons.jpg');
   background-repeat: no-repeat;
   border-left: 1px solid #ff3201;  
   float: left;
   height: 555px;
   position: relative;
   width: 835px;
}

div#cos2 {
   background-image: url('../img/fons.jpg');
   background-repeat: no-repeat;
   border-left: 1px solid #ff3201;  
   float: left;
   height: 555px;
   position: relative;
   width: 835px;
   z-index:1;
}

div#cos3 {
   background-image: url('../img/fons.jpg');
   background-repeat: no-repeat;
   border-left: 1px solid #ff3201;  
   float: left;
   height: 555px;
   position: relative;
   width: 835px;
}

div#cos4 {
   background-image: url('../img/fons.jpg');
   background-repeat: no-repeat;
   border-left: 1px solid #ff3201;
   /*border-right: 1px solid #ff3201;*/
   float: left;
   height: 555px;
   position: relative;
   width: 835px;
}

div#cosLegal {
   background-color: #ffffff;
   border: 2px solid #ff3201;  
   height: 515px;
   left: 40px;
   position: absolute;
   top: 20px;
   width: 795px;
}

div#cosPressupost {
   background-color: #ffffff;
   border: 2px solid #ff3201;  
   height: 515px;
   left: 40px;
   position: absolute;
   top: 20px;
   width: 795px;
}

div#cosMesInformacio {
   background-color: #ffffff;
   border: 2px solid #ff3201;
   height: 200px;
   left: 40px;
   position: absolute;
   top: 20px;
   width: 795px;
}

div#tancaLegal {
   float: right;
   padding: 4px 8px 2px 0px;
   position: relative;
   text-align: right;
   width: 30px;
}

div#tancaLegal a {
   color: #ff3201;  
   font-size: 18px;
   font-weight: bold;
   text-decoration: none;
}

div#tancaPressupost {
   float: right;
   padding: 4px 8px 2px 0px;
   position: relative;
   text-align: right;
   width: 30px;
}

div#tancaPressupost a {
   color: #ff3201;  
   font-size: 18px;
   font-weight: bold;
   text-decoration: none;
}

div#tancaMesInformacio {
   float: right;
   padding: 4px 8px 2px 0px;
   position: relative;
   text-align: right;
   width: 30px;
}

div#tancaMesInformacio a {
   color: #ff3201;
   font-size: 18px;
   font-weight: bold;
   text-decoration: none;
}

div#TextPortada {
   color: #929292;
   clear: both;
   float: right;
   margin-top: 30px;
   margin-top: 20px;
   margin-right: 30px;
   text-align: justify;
   width: 242px;
}

div#TextFlota { 
   float: left;
   height: 340px;
   margin-left: 10px;
   margin-top: 10px;
   position: relative; 
   width: 290px;
}

div#TextFlota p { 
   margin: 0;
}

div#AnimacioFlash {
   float: left;
   margin-top: 105px;
   padding-left: 26px;
   position: relative;
   z-index:0;
}

div#fadelink {
text-align:center;
}

a.fadelinktext {
   color:#000;
   text-decoration:none;
}

a.fadelinkplus {
   color: #c90505;
   text-decoration: none;
}

div#TextServeis { 
   float: left;
   height: 340px;
   margin-top: 10px;
   margin-left: 10px;
   position: relative; 
   width: 290px;
}

div.p_fr {
padding:5px 0 5px 0;
}

div#DesplegablesServeis {
   float: left;
   margin-top: 10px;
   margin-left: 26px;
   position: relative;
   width: 300px;
}

div#TextNoticies { 
   clear: both;
   float: left;
   height: 350px;
   margin-left: 20px;
   margin-top: 6px;
   position: relative; 
   width: 795px;
}

div#TextLegal { 
   clear: both;
   float: left;
   height: 450px;
   margin-left: 20px;
   margin-top: 10px;
   position: relative; 
   width: 755px;
}

div#TextPressupost { 
   clear: both;
   float: left;
   height: 450px;
   margin-left: 20px;
   margin-top: 10px;
   position: relative; 
   width: 755px;
}

div#TextMesInformacio {
   clear: both;
   float: left;
   /*height: 450px;*/
   margin-left: 20px;
   margin-top: 10px;
   position: relative;
   width: 755px;
   text-align:center;
}

div#TextMesInformacio a {
   display:block;
   width:300px;
   border: 1px solid #FF3201;
   padding: 2px;
   text-align:center;
   margin:0 auto 10px auto;
   text-decoration:none;
}

div#TextContactar { 
   clear: both;
   float: left;
   height: 350px;
   margin-left: 20px;
   margin-top: 10px;
   position: relative; 
   width: 795px;
}

div#ContactarFormulari { 
   float: left;
   position: relative; 
   width: 315px;
}

div#ContactarText { 
   float: left;
   margin-left: 40px;
   position: relative; 
   width: 140px;
}

div#ContactarMapa { 
   float: left;
   margin-left: 52px;
   margin-bottom: 4px;
   position: relative; 
   text-align: right;
   width: 218px;
}

div#ContactarMapa a { 
   color: #c90505;
   text-decoration: none;
}

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

div.TitolSeccio {
   color: #FF3201;
   border: 0px solid gray;
   float: left;
   font-weight: bold;
   margin-left: 20px;
   margin-top: 20px;
   position: relative;
   width: 70%;
}

div.Pressupost {
   border: 1px solid #FF3201;
   cursor: pointer;
   float: right;
   margin-top: 14px;
   margin-right: 30px;
   padding: 2px;
   position: relative;
}

div.FotosMosaic {
   float: left;
   margin-top: 10px;
   margin-left: 20px;
   position: relative;
   width: 160px;
}

div.FotosMosaic img {
   display: block;
   margin-bottom: 14px;
}

div.FotosMosaicText {
   background-color:#ffffff;
   border: 1px solid #ff3201;
   filter: alpha(opacity=60);
   opacity: 0.8;
   color: #000000;
   display: none;
   font-weight: bold;
   padding-left: 4px;
   position: absolute;
   width: 150px;
}

div.ServeiTitol {
   background-image: url('../img/servei.gif');
   clear: both;
   color: #ff7700;
   cursor: pointer;
   float: left;
   font-weight: bold;
   height: 20px;
   margin-top: 2px;
   padding: 6px 8px 0px 22px;
   position: relative;
   width: 284px;
}

div.ServeiText {
   float: left;
   position: relative;
   width: 314px;
}

/******************************** Scrollers **********************************/

.absDiv {
   overflow: hidden;
   position: absolute;
   visibility: hidden;
}

div#scr1Bar {
   background-color: #000000;
   color: #ff5500;
}

div#scr1Bar a {
   color: #ff5500;
}

div#scr1Thumb {
   background-color: #ff5500;
   cursor: move;
}

div#scr1UpArrows {
   height: 7px;
   width: 7px;
}

div#scr1UpArrows img {
   display: block;
}

div#scr1DownArrows {
   height: 7px;
   width: 7px;
}

div#scr1DownArrows img {
   display: block;
}

div#scr2Bar {
   background-color: #000000;
   color: #ff5500;
}

div#scr2Bar a {
   color: #ff5500;
}

div#scr2Thumb {
   background-color: #ff5500;
   cursor: move;
}

div#scr2UpArrows {
   height: 7px;
   width: 7px;
}

div#scr2UpArrows img {
   display: block;
}

div#scr2DownArrows {
   height: 7px;
   width: 7px;
}

div#scr2DownArrows img {
   display: block;
}

div#scr2Inner p {
   margin: 0px 0px 12px 0px;
}

div#scr3Bar {
   background-color: #000000;
   color: #ff5500;
}

div#scr3Bar a {
   color: #ff5500;
}

div#scr3Thumb {
   background-color: #ff5500;
   cursor: move;
}

div#scr3UpArrows {
   height: 7px;
   width: 7px;
}

div#scr3UpArrows img {
   display: block;
}

div#scr3DownArrows {
   height: 7px;
   width: 7px;
}

div#scr3DownArrows img {
   display: block;
}

div#scraBar {
   background-color: #000000;
   color: #ff5500;
}

div#scraBar a {
   color: #ff5500;
}

div#scraThumb {
   background-color: #ff5500;
   cursor: move;
}

div#scraUpArrows {
   height: 7px;
   width: 7px;
}

div#scraUpArrows img {
   display: block;
}

div#scraDownArrows {
   height: 7px;
   width: 7px;
}

div#scraDownArrows img {
   display: block;
}

/**  Formularis  *************************************************************/

div.formespai {
   font-size: 0px;
   height: 10px;
   padding: 0;
   margin: 0;
}

div.formseparador {
   padding: 2px 0px 2px 0px;
}

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

fieldset legend {
   color: #000000;
}

div.formseparadorfieldset {
   padding: 2px 0 2px 0;
}

div.formseparadorfieldset label {
   font-weight: normal;
}

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

div.formseparadorfieldsetfloat {
   float: left;
   padding: 2px 0 2px 0;
   font-weight: normal;
   width: 280px;
}

div.formseparadorfieldsetfloat3 {
   float: left;
   padding: 2px 0 2px 0;
   font-weight: normal;
   width: 210px;
}

div.formseparadorfieldsetfloat3 label {
   font-weight:normal;
}

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

div.formseparadorfieldsetfloat label {
   font-weight:normal;
}

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

div.formseparadorfieldsetfloatv {
   float: left;
   padding: 2px 0 2px 0;
   font-weight: normal;
   width: 240px;
}

div.formseparadorfieldsetfloatv label {
   font-weight:normal;
}

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

div.formseparadorfieldsetfloat2 {
 border: 0px solid red;
 float: left;
 padding: 2px 0 2px 0;
 width: 130px;
}

div.formseparadorfieldsetfloat2 label {
   font-weight:normal;
}

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

div.formseparadorfieldsettextarea {
   padding: 2px 0 2px 0;
}

div.formseparadorfieldsettextarea label {
   font-weight:normal;
}

div.formseparadorfieldsetradio {
   padding: 2px 0 2px 0;
   font-weight: normal;
}

div.formseparadortextarea {
   padding: 2px 0 2px 0;
}

div.formseparadorradio {
   padding: 2px 0 2px 0;
}

input.formradio {
   font-weight: normal;
}

input#empresa {
   width: 260px;
}

input#nom_particular {
   width: 200px;
}

input#cognoms_particular {
   width: 260px;

}

input#adreca {
   width: 200px;
}

input#telefon {
   width: 160px;
}

input#email {
   width: 260px;
}

textarea#comentaris {
   width: 260px;
   height: 40px;
   border: 1px solid #f8920e;
   background-color: #ffffff;
}

textarea#punts_recollida {
   width: 220px;
   height: 40px;
   border: 1px solid #f8920e;
   background-color: #ffffff;
}

input#dia_servei {
   width: 75px;
}

input#sortida_data {
   width: 75px;
}

input#arribada_data {
   width: 75px;
}

input#dia_servei_hora_sortida {
   width: 40px;
}

input#dia_servei_hora_arribada {
   width: 75px;
}

input#places {
   width: 50px;
}

input#adreca_sortida {
   width: 200px;
}

input#poblacio {
   width: 200px;
}

input#sortida_hora {
 width: 40px;
}

input#arribada_hora {
 width: 40px;
}

textarea#descripcio {
   width: 260px;
   height: 40px;
   border: 1px solid #f8920e;
   background-color: #ffffff;
}

input#vol_sortida {
   width: 200px;
}

input#vol_arribada {
   width: 200px;
}


input#vaixell_sortida {
   width: 180px;
}

input#vaixell_arribada {
   width: 180px;
}


textarea#descripcio {
   width: 200px;
   height: 50px;
   border: 1px solid #f8920e;
   background-color: #ffffff
}

div.peuformulari {
 float: right;
 margin-top: 5px;
}

div.botons {
 text-align: right;
 padding: 20px 0 10px 0;
 width: 200px;
 float: left;
 margin-left: 10px;
}

input.formsubmit {
   color: #ffffff;
   border: 1px solid #c90606;
   background-color: #c90606;
}

div.obligatori {
}

div.ok {
   border: 1px solid #c90606;
   padding: 100px 10px 100px 10px;
   text-align: center;
}

div.formTransfer {
   clear: left;
   float: left;
   font-weight: bold;
   padding: 15px 12px 0px 0px;
   position: relative;
   width: 70px;
}

input.formradio {
   border: 0;
}

/**  Noticies  ***************************************************************/

div.TplNoticiesElement {
   border-bottom: 1px dotted #777777;
   float: left;
   margin-bottom: 10px;
   padding-bottom: 10px;
   position: relative;
   width: 795px;
}

div.TplNoticiesElementTitol {
   color: #000000;
   float: left;
   font-weight: bold; 
   padding-bottom: 10px;
   position: relative;
   width: 545px;
}

div.TplNoticiesElementText {
   clear: left;
   color: #5e5d5d;
   float: left;
   position: relative;
   width: 545px;
}

div.TplNoticiesElementImgGran {
   float: left;
   position: relative;
   width: 250px;
}

div.TplNoticiesElementImgPetites {
   clear:left;
   margin: 4px 4px 0px 0px;
   float:left;
   position: relative;
   width: 250px;
}

div.TplNoticiesElementLink {
   clear: left;
   float: left;
   margin-top: 12px;
   position: relative;
   width: 545px;
}

div.TplNoticiesElementLink a {
   color:#c90606;
   text-decoration: none;
}

div.TplNoticiesElementEsquerra {
   float: left;
   position:relative;
   width: 250px;
}

div.TplNoticiesElementDreta {
   float: left;
   position:relative;
   width: 545px;
}

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