/* CSS Document for owd template 'solution' */


/* general styling */
* {
	margin: 0;
	padding: 0;
}
html,body {
	height: auto;
	color: #000;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	background-image: url(../imatges/Fondos/blanc600.gif);
	background-repeat: repeat;
}
img {border:0;}

em {color:#F7A30A; font-weight:normal;}

/* the hyperlinks */
a {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color:#999;
}


th {border-bottom:0.5px solid #666;
	text-align:left;
	}
	th p {color:#333}

h3 {font-size:120%;
	margin-left:10px;}
/* site specific styling */


/* the container centers the page */
#estructura {
	width: 930px;
	height: auto;
	margin: 30px auto;
	border: 1px solid #fab031;
	background-color: #FFFFFF;
	
}	



/* the cap that contains the big image */
#cap {
	width: 100%;
	height: 60px;
	position: relative;
	z-index:1;
	background:#fab031;
}
#capHome {
	width: 100%;
	height: 70px;
	/*hack para ie7*/
	//height:80px;
	position: relative;
	z-index:1;
	background:#fab031;
}
/* the big title text in the cap */
	#cap h1 {
	font-size: 30px;
	font-weight: 100;
	letter-spacing: -1px;
	color: #000;
	position: absolute;
	top: 9px;
	left: 8px;
	}
/*Inclosa en el cap*/
#logoCap {
	width:930px;
	height:90px;
	z-index:2;
	float: left;
	background:#fab031;

}

#logo {
	left:18px;
	/* top:25px; */
	width:300px;
	height:auto;
	z-index:2;
	float: left;
	background:#fab031;

}
	
#banner {
		background:#fab031;

		}

		
/* the navigationbar in the cap */
#cap #menu {
	width:100%;
	height: 30px;
	margin:15px 0px 5px 0;
	border-bottom:1px solid #F7A30A;

}

#capHome #menu {
	width:100%;
	height: 30px;
	margin:15px 0px 5px 0;
	border-bottom:1px solid #F7A30A;

}

#cos {
width: 930px;
	margin-top: 50px;
	_margin-top:-53px;
	/* background: #FFF url(../images/coreback.gif) top left repeat-y; */
	margin-bottom:5px;
	border-top:7px solid  #fab031;
}

#mainSearch {margin-left:650px;
			margin-top:-35px;
			color:#333333}
#butSearch {background:#CCC;
			color:#333;
			border:1px solid #ccc;
			
			}

/* the cosCentre contains the center part of the core */
#cosCentre {
width: 908px;
	height: 100%;
	float:left;
	padding-left: 7px;
	/*Hack para IE6*/
	_position:relative;

	margin-bottom:10px;
	
}

	#cosCentre h1 {
		font-size: 24px;
		color: #FFF;
		padding: 30px 0 10px 10px;
		text-align:center;
	}

		
	#cosCentre h2 {
		font-family: Arial, Tahoma, Verdana, sans-serif;
		font-size: 17px;
		/*Part variant (està a index)
		color: #fff;
		*/
		padding: 10px 0 10px 10px;
		text-align:center;		
	}
	#cosCentre p {
		line-height: 20px;
		padding: 0 10px 10px 10px;
		color: #000;
		text-align:justify;
	}
	#cosCentre ul {
		padding: 20px;
		width: auto;
	}
	#cosCentre li {
		list-style:disc;
		line-height: 20px;
		/*border-bottom: 1px solid #DDD;*/
	}

/* the cosEsquerra contains the left part of the core */
#contentEsquerra {
	width: 200px;
	height: 100%;
	float: left;
	/*MANEL AIXÒ DE SOTA ÉS PER DISSIMULAR Q EL GRIS NO ARRIBI ABAIX*/
	/*padding-bottom: 100px;*/
	padding-right: 7px;
	background:#CCC;
	margin-top:60px;
	border:1px solid #333;
}
	

	#contentEsquerra li {
		list-style:none;
		text-align:left;
		}
		/*Clases*/
			
/* the links in cosEsquerra are another unordered list */

#contentDreta {
	width: 200px;
	height: 100%;
	float: right;
	/*MANEL AIXÒ DE SOTA ÉS PER DISSIMULAR Q EL GRIS NO ARRIBI ABAIX*/
	/*padding-bottom: 100px;*/
	padding-right: 7px;
	background:#333;
	margin-top:60px;
	border:1px solid #F7A30A;
	
}
	

	#contentDreta li {
		list-style:none;
		text-align:left;
		}
		/*Clases*/	
			
#contentCorp{
width:680px;

	height:auto;
	margin:50px 5px auto 10px;
	float:left;
	border-left:1px dashed #F7A30A;
}
	#contentCorp ul {

		
	}
	#contentCorp p{
		margin: 0px 10px 0 10px;

	}
	#contentCorp h2{
		margin: 10px 10px 0 10px;
		text-align:left;

	}
	#contentCorp img{
		float:left;
		border:1px solid #94948F;
		margin: 10px 10px 0 0px;
	}
	#contentCorp li{
		list-style:
		line-height:16px;
		}

	#contentCorp #sector{
		float:left;
		width:250px;
		_width:230px;
		font-weight:bold;
		font-size:110%;
		margin-left:50px;
	}
	#contentCorp #sector li{
		font-weight:normal;

	}
	#contentCorp #sector img{
		float:none;
	}
		#contentCorp .noFloat {
			float:none;
		}

/* the peu contains all copyright info etcetera */
#peu {
	clear: both;
	width: 100%;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#fab031;
	border-top:4px solid #FFFFFF;
	padding:5px 0px;
}
	#peu p {
		color: #FFF;
		padding-right: 20px;

	}
	#peu a {
		color: #FFF;
	}

	#peu ul {
	width: 930px;
	
	}
	#peu li {
		display: block;
		height: auto;
		width: 305px;
		padding-left:4px;
		list-style-type: none;
		float:left;
		border-right:1px solid #999;
	}
#credits{
	width: 930px;
	height: auto;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: -20px auto 10px auto;
	
	text-align:right;
}
	#credits .grey{
		color:#999999;
		font-size:10px;
	}

/*Per la pàgina rutas.asp hi han aquests estils
Ja veurem si es posen incrustats a la pàgina o es queden aquí*/


#foto {
	margin-bottom:5px;
	margin-right:5px;
	border:2px solid #ccc;
	float:left;
	width:113px;
}

#links {
	width:auto;

}
	#links p{
		text-align:right;
		
	}
	#links a{
	/*Afectació a color està a index.asp
		color:#CC3300;
		*/
		text-decoration:none;
	}


/*Estilos para form.asp*/
#form {
	margin-left:50px;

}
/*Clase que se utiliza parcialmente en una tabla para mostrar los precios de alquiler de clásicos*/
.dotted {
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999999;
	line-height: 20px;
}



/*Páginas de noticias*/



#noticias {  float:left;
			 width:912px; 
			 margin-left:-1px; 
			 margin-top:-2px;
			 padding:10px; 
			 //padding-bottom:5px;
			 background:#F7A30A
		}
	#noticias h3 {margin:10px 0 10px 0px; color:#FFF}
	#noticias p {text-align:left; margin-left:10px;}
	
#noticia {width:680px;padding:2px 20px; font-size:90%;}
#noticia a:link,a:visited{color:#666}
	


.txtListaRed {
	font-weight: bold;
	color: #990000;
}