A               { text-decoration: none; color: #374D67; }
A:link          { color: #374D67; }
A:visited       { color: #374D67; }
A:active        { color: #374D67; }
A:hover         { color: #000000; text-decoration: underline;}

a img {
   border: none;
}

html {
   font-family: Tahoma;
   font-size: 11px;
   color: #000000;
   text-decoration: none;
   text-align: justify;
   line-height: 15px;
}

body {
   background-color: #ffffff;
   background-image: url('/img/fons.jpg');
   background-position: center top;
   background-repeat: no-repeat;
   margin: 0px;
   padding: 0px;
}

b, strong {
   color: #000000;
   font-weight: bolder;
}

input, textarea, select {
   color: #7E888A;
   background: white;
   border: 0px;
   border: 1px solid #7E888A;
   font-size: 12px;
}

.boton {
   height: 20px;
   border-width:1px;
   border-style:solid;
   border-color:#cdcdcd;
   background-color:#000000;
   font-family: Tahoma;
   color: #ffffff;
   font-weight: Bold;
   font-size: 11px;
}

div#contentArea {
   width: 800px;
   margin: 0px auto 0px auto;
}

/* Cabecera */

img#logo {
   position: absolute;
   top: 5px;
	margin-left: 220px;
}

div#telAtencioClient {
   position: absolute;
	width: 300px;
	margin-left: 500px;
   top: 45px;
   text-align: right;
   color: #68965A;
   font-size: 12.5px;
   font-weight: bold;
}

div#telAtencioClient b {
   display: block;
   font-size: 25px;
   color: #4A652E;
   margin-top: 5px;
   margin-bottom: 10px;
}

div#mouresGranollers {
   position: absolute;
   top: 60px;
   margin-left: 235px;
   width: 565px;
   height: 100px;
   background-image: url('/img/back-moures-565x100.gif');
   background-position: right top;
   background-repeat: no-repeat;
}

div#mouresGranollers h5 {
	text-align: right;
	margin-top: 7px;
	margin-right: 10px;
	margin-bottom: 10px;
}

div#mouresGranollers div#routerBox {
	font-size: 12px;
	text-align: right;
	width: 550px;
	margin-left: 5px;
	margin-top: 15px;
	height: 56px;
}

/* Fin cabecera */

/* Main content */
div#oficinaMobilitat {
   position: relative;
   width: 785px;
   margin-top: 205px;
   margin-left: 10px;
}

div#menu {
   display: block;
   position: relative;
   height: 30px;
}

div#mainContent {
	margin: 5px;
	margin-top: 10px;
	margin-right: 12px;
}

h1 {
	font-size: 17px;
	color: #285068;
	font-weight: bold;
}

h2 {
	font-size: 15px;
	color: #285068;
	font-weight: bold;
	width: 100%;
   height: 15px;
   margin: 0px;
}

h3 {
	font-size: 13px;
	color: #285068;
	font-weight: bold;
	width: 100%;
	height: 15px;
	margin: 0px;
}

/* ---------- HOMEPAGE ---------- */

div#home_moute-en-bus, div#home_bitllets-preus {
	font-size: 12px;
}

div#home_moute-en-bus img {
	float: left;
	margin-right: 10px;
}

table.linea {
	font-size: 10px;
	width: 100%;
	border: 1px solid #999999;
	margin-bottom: 10px;
	text-align: left;
	background-color: #f8f8f8;
	margin-bottom: 2px;
}

.line-abreviatura {
   font-size: 14px;
   color: white;
   font-weight: bold;
   width: 35px;
   height: 35px;
   text-align: center;
}

.line-home-info {
   font-size: 11px;
   color: white;
   text-align: center;
}

.line-abreviatura a, .line-home-info a {
   color: white;
}

.line-abreviatura b, .line-home-info b {
   color: white;
}

td.home-separador {
	width: 50px;
   background-image: url('/img/dot-grey.gif');
   background-position: center top;
   background-repeat: repeat-y;
}

div#home-telAtencioClient {
   color: #68965A;
   font-size: 12.5px;
   font-weight: bold;
	text-align: left;
	margin-bottom: 40px;
}

div#home-telAtencioClient b {
   display: block;
   font-size: 25px;
   color: #4A652E;
   margin-top: 5px;
   margin-bottom: 10px;
}

div#home-altres_mitjans  {
	text-align: left;
}

div#home-altres_mitjans img {
	display: inline;
	padding: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 0px;
}

/* -------- FIN HOMEPAGE -------- */

/* News */

.newsData {
	font-weight: bold;
	font-size: 10px;
	color: #A2A2A2;
}

.newsTitular {
 	font-size: 14px;
	color: #285068;
	font-weight: bold;
}

.newsRight {
   text-align: left;
   border: 1px solid #cdcdcd;
   background: #fafafa;
   padding: 10px;
   width: 250px;
}

/* Tickets */

.tickets-precio-left {
   background: #DCE5D6;
   text-align: right;
   font-weight: bold;
}

.tickets-precio-right {
   background: #D6E5E5;
   font-weight: bold;
   color: #008800;
}


/* Lineas */
.line-inside-info {
   border: 1px solid #cdcdcd;
   padding: 10px;
}

.line-inside-info b {
   color: #374D67;
}

.line-abreviatura-inside {
   font-size: 20px;
   color: white;
   font-weight: bold;
   height: 75px;
   width: 75px;
}

/* Pié de página */
div#footerArea {
   background-image: url('/img/back-footer.gif');
   background-position: center top;
   background-repeat: repeat-x;
   background-color: #ffffff;
   margin-top: 50px;
   padding-top: 25px;
   height: 200px;
}

div#footerAreaContent {
   width: 800px;
   margin: 0px auto 0px auto;
}

div#footerAreaContent A               { text-decoration: none; color: #000000; }
div#footerAreaContent A:link          { color: #000000; }
div#footerAreaContent A:visited       { color: #000000; }
div#footerAreaContent A:active        { color: #000000; }
div#footerAreaContent A:hover         { color: #000000; text-decoration: underline;}

div#footerCredits {
   position: absolute;
   margin-top: 190px;
   color: #787878;
   height: 25px;
}

div#footerCredits A               { text-decoration: none; color: #787878; }
div#footerCredits A:link          { color: #787878; }
div#footerCredits A:visited       { color: #787878; }
div#footerCredits A:active        { color: #787878; }
div#footerCredits A:hover         { color: #787878; text-decoration: underline;}


/* Genérico */

div.importante {
   width: 80%;
   margin: 10px auto 10px auto;
   border: 1px dotted #cdcdcd;
   background: #F1E8E8;
   padding: 10px;
   font-weight: bold;
   text-align: center;
}

div.notaImportante {
   width: 97%;
   margin: 20px auto 20px auto;
   padding: 10px;
   border: 1px solid #808080;
   background: #f9e4e4;
   color: #aa0000;
   font-size: 12px;
}