/************************************************************
	FULLA D'ESTILS PER GIRONABUS.COM
	Emili Parreņo - 
	Enginyeria Informātica Couldix S.L.
	www.couldix.com
	17/01/2006
/************************************************************/


/************************************************************
	ESTILS GENERALS
/************************************************************/
body {
	width			:100%;
	font-family	: arial, helvetica, sans;
	color			: #444;
	background	: #fff url(../images/background.jpg) top left repeat;
	text-align	: left;
	padding		: 0px;
	margin		: 0px;
}


p, td {
	font-size		: 12px;
	text-align		: justify;
	padding-left	: 5px;
	padding-right	: 5px;
	margin-bottom	: -2px;
}

a {
	text-decoration	:none;	
	color					:#1f4d7b;
	text-decoration	: none;
	background			: #fff;
}

a:hover {
   color					: #111;
   text-decoration	: none;
	background			: #fff;
	}

a.powered {
	text-decoration	:none;	
	color			:#333;
	text-decoration	: none;
background		: transparent;
}

a.powered:hover {
   color			: #111;
   text-decoration	: underline;
background		: transparent;
	}

h1 {
	font-size		: 19px;
	padding-bottom	: 5px;
	margin-left		: 0px;
	margin-bottom	: 30px;
	margin-top		: 0px;
	color				: #444;
	font-weight		: bold;
	width				: 200px;
	background		: #fff;
	}

h2 {
	font-size		: 14px;
	margin			: 1.2em 0em -0.2em 0em;
	margin-bottom	: 3px;
	font-weight		: bold;
	color			: #1f4d7b;
	text-indent		: 3px;
	border-bottom	:1px solid  #ddd;
	background		: #fff;
	}

h3 {
	font-size		: 12px;
	font-weight		: bold;
	color			: #666;
	margin-top		: 25px;
	margin-left		: 4px;
	margin-bottom	: 3px;
	background		: #fff;
	}

img {
   	border		: 0;
}

ul {
   	list-style-type	: none;
   	padding			: 0px;
   	margin-top		: 1px;
		margin-bottom	: 4px;
		margin-left		: 3px;
   	border			: 0;
}

li {
	padding-left: 0px;
	padding-top	: 2px;
  	line-height	: 1.6em;
  	margin-left	: 25px;
  	border		: 0px;
   list-style-type	: square;
	font-size	: 12px;
}

.negreta{
	font-weight	: bold;
}

/************************************************************
	MAQUETACIO CSS
/************************************************************/

#container {
	width		: 770px;	
	margin		: 0;
	margin-top	: 0px;
 	text-align	: left;
	color		: #333;
}

#header{	
	width		: 770px;
	height		: 208px;	
	margin-top	: 0px;
	color		: #fff;
	background	: url(../images/header_r2.jpg) center left no-repeat;
	text-align	: right;
}


#menu{	
	position 	: absolute;
	top		: 208px;
	left		: 0px;
	width		: 235px;
	height		: 475px;
	text-align	: left;
	background	: url(../images/bg_menu_r2.jpg) top left no-repeat;
	padding-left: 40px;
	text-align	: left;
}


#main{
	width		: 488px;
	height		: 440px;
	margin-left	: 240px;
	margin-top	: 0px;
	padding-top	: 20px;
	padding-left	: 20px;
	padding-right	: 20px;
	padding-bottom	: 20px;
	color			: #333;
	border		: 1px solid #333;
	background		: #fff;
	/* background		: #fff url(../images/bg_main.gif) top no-repeat; */
}
html>body div#main {
min-height: 440px;
height: auto;
}


#footer{
	width			: 482px;		
	height			: 80px;
	color			: #222;
	margin-bottom	: 5px;
	border-top		: 0px solid #999;
	font-size		: 11px;
	text-align		: center;
	margin-left		: 240px;
	margin-top		: 15px;
	}

#fotos{
	margin-top	: 30px;
	text-align	: center;
}

#banner{
	margin-top	: 280px;
	margin-left	: -12px;
}

#foto_contacte{	
	position		: absolute;
	top			: 220px;
	margin-left	: 260px;
	width			: 200px;
	height		: 100px;	
	color			: #333;
	background	:  url(../images/autobus_retallat.gif) center left no-repeat;
	text-align	: right;
}
/************************************************************
	ESTILS DELS ENLLAĮOS
/************************************************************/

a.menu-item {
	width				: 120px;	
	display			: block;
	font-size		: 15px;
	font-weight		: bold;
	color				: #333;
	text-decoration	: none;
	margin-left		: 0px;
	margin-top 		: 20px;
	padding-left	: 40px;
	padding-right	: 10px;
	border-bottom	: 2px solid #999;
	text-align		: right
	
}

a.menu-item:hover {
	width				: 120px;	
	display			: block;
	font-size		: 15px;
	font-weight		: bold;
	color				: #333;
	text-decoration	: none;
	margin-left		: 0px;
	margin-top 		: 20px;
	padding-left	: 40px;
	padding-right	: 10px;
	border-bottom	: 2px solid #999;
	text-align		: right;
	background		: #ddd;
}

a.idioma {
	font-size		: 13px;
	font-weight		: bold;
	color			: #fff;
	text-decoration	: none;
	padding-top		: 5px;
	padding-right	: 10px;
	text-align		: right;
	background		: transparent;
}

a.idioma:hover {
	font-size		: 13px;
	font-weight		: bold;
	color			: #111;
	text-decoration	: none;
	padding-right	: 10px;
	padding-top		: 5px;
	text-align		: right;
	background		: transparent;
}


/************************************************************
	ALTRES ESTILS
/************************************************************/

.formulari{
	font-size		: 11px;
	border-width	: 1px;
	border-style	: solid;
	border-color	: #888;
	padding			: 0px;
}

.negreta{
	font-weight	: bold;
}