@charset "utf-8";
/* CSS Document */

body {
	margin:				0px;
	background-color: 	#FFFFFF;
	font-family: 		Helvetica, sans-serif;
	color:				#666666;
	font-size: 			small;
	line-height: 		1.5em;
	background-image:	url(../imatges/bg-body.gif);
}

#all {
	min-width:			1025px;
	height: 			auto;
	margin:				0px;
	padding:			0px;
	background-image:	url(../imatges/bg-fondo.png);
	background-repeat:	repeat-y;
	background-position:center top;
}

#contenedor {
	min-width:			975px;
	height: 			auto;
	margin:				0px;
	padding:			0px;
}

.left {
	float: 				left;
}

.right {
	float: 				right;
}

h1, h2, h3, h4, h5, h6 {
	margin:				5px 0px;
	color:				#666666;
}

h1 {
	font-size:			1.2em;
}

h2 {
	font-size:			1.1em;
}
h3 {
	font-size:			1em;
	color:				#666666;
}
h4 {
	font-size:			1em;

}
h5 {
	font-size:			0.9em;
}
h6 {
	font-size:			0.7em;
}
p {
	font-size:			0.9em;
	line-height:		1.7em;
}

img {
	border:				0px;
}

a {
	color: 				#333333;
	text-decoration: 	none;
	font-weight:		bold;
	font-size:			0.85em;
}

a:hover {
	color: 				#666666;
	text-decoration: 	underline;
	font-weight:		bold;
}

a.linkweb {
	color: 				#333333;
	text-decoration: 	none;
}

a.linkweb:hover {
	color: 				#666666;
	text-decoration: 	underline;
	font-weight:		bold;
}


.fotoLeft {
	padding: 			5px;
	border:				#86c322 1px dotted;
	margin:				5px 10px 5px 0px;
	float:				left;
}
.fotoRight {
	padding: 			5px;
	border:				#86c322 1px dotted;
	margin:				5px 0px 5px 10px;
	float:				right;
}

.foto {
	padding: 			5px;
	border:				#86c322 1px dotted;
	margin:				5px 10px 5px 0px;
}


/******************ESTILS DEL MENU*********************/


#menu {
	height:				30px;
	background-color:	#000000;
	margin: 			10px auto 0px;
	padding:			0px;
	text-align:			center;
	color:				#FFFFFF;
	width:				975px;
}

#menu #elementsMenu {
	height:				30px;
	width:				975px;
	margin: 			0px auto;
	padding: 			0px;
	text-align:			center;
}

#menu #elementsMenu ul {
	list-style: 		none;
	margin: 			0px;
	padding: 			0px;
	font-size: 			1.2em;
	text-align: 		center;
	letter-spacing: 	0.02em;
}
#menu #elementsMenu li {
	float: 				left;
	margin: 			0px;
	padding:			0px;
}

#menu #elementsMenu li a {
	display:			block;
	width:				120px;
	padding:			5px 0px;
	text-decoration: 	none;
	text-align: 		center;
	font-size:			0.8em;
	color: 				#FFFFFF;
	background-color:	#000000;
}

#menu #elementsMenu li a:hover {
	color: 				#333333;
	background-color:	#FFFFFF;
}

/*****************SUBMENU HOME*************/

ul.submenuHome {
	list-style: 		none;
	margin: 			20px 0px;
	padding: 			0px 0px 0px 25px;
	font-size: 			0.95em;
	letter-spacing: 	0.02em;
	text-align: 		left;
}

li.submenuHome {
	list-style-image:	url(../imatges/fletxaRuta.png);
	list-style-position:inside;
	margin: 			0px;
	padding:			0px 0px 0px 0px;
	line-height:		1.8em;
}

li.submenuHome a {
	padding:			0px 0px;
	margin:				0px;
	text-decoration: 	none;
	font-size:			1.1em;
	font-weight:		normal;
	color: 				#FFFFFF;
	letter-spacing:		0.05em;
}

li.submenuHome a:hover {
	color: 				#333333;
}

li.submenuHome a.serveiintegral:hover {
	color: 				#aaaaaa;
}


/****************ESTILS DEL HEADER*******************/

#header {
	height:				420px;
	margin:				0 auto;
	padding:			0px;
	width:				975px;
	background-color:	#333333;
	text-align:			right;
}

#header img {
	border: 			0px;
	margin:				0px;
}

#header h1 {
	font-size:			0.8em;
	color:				#FFFFFF;
	font-weight:		normal;
	padding-right:		10px;
	margin:				0px;
}

#header #infocorpo {
	width:				90px;
	height:				20px;
	text-align:			right;
	position:			relative;
	padding:			0px 10px 0px 0px;
	margin:				0px;
	float:				right;
	top:				2px;
}

#header #infocorpo p.idiomes {
  	margin:				0px 0px 0px 0px;
	font-size:			0.8em;
	line-height:		1.5em;
	float:				right;
	color:				#FFFFFF;
}

#header #infocorpo p.idiomes .actual {
	color:				#CCCCCC;
	font-weight:		bold;
	font-size:			0.85em;
}

#header #infocorpo a {
	color: 				#FFFFFF;
	text-decoration: 	none;
	font-weight:		bold;
	font-size:			0.85em;
}

#header #infocorpo a:hover {
	color: 				#AAAAAA;
	text-decoration: 	underline;
	font-weight:		bold;
}

/******************ESTILS DEL MAIN DE LA HOME*********************/

#mainHome {
	height:				auto;
	width:				975px;
	margin: 			0px auto;
	padding-top: 		0px;
}

#mainHome #col1 {
	width:				325px;
	height:				450px;
	margin: 			0px;
	padding: 			0px; 
	background-color:	#638BC8;
	color:				#FFFFFF;
}

#mainHome #col2 {
	height:				450px;
	width:				325px;
	margin: 			0px;
	padding: 			0px;
	background-color:	#4A628A;	
	color:				#FFFFFF;
}

#mainHome #col3 {
	width:				325px;
	height:				450px;
	margin: 			0px;
	padding: 			0px;
	background-color:	#2C3951;	
	color:				#FFFFFF;
}

#mainHome p {
	margin: 			10px 0px;
	padding: 			0px 25px;
	font-weight:		normal;
	line-height:		1.3em;
}

/*************ESTILS PAGINA CATALEGS***************/

#mainCatalegs {
	height:				auto;
	width:				975px;
	margin: 			0px auto;
	padding-top: 		0px;
	background-image:	url(../imatges/fonssidebar.gif);
	background-position:left top;
	background-repeat:	repeat-y;
}

#mainCatalegs #sidebar {
	height:				auto;
	width:				325px;
	margin: 			0px;
	padding: 			0px;
	background-color:	#608CC9;	
}

#sidebar p {
	margin: 			10px 0px;
	padding: 			0px 25px;
	font-weight:		normal;
	line-height:		1.2em;
	font-size:			0.85em;
	color:				#FFFFFF;
}

/*************ESTILS PAGINA WEB***************/


#mainWeb {
	height:				auto;
	width:				975px;
	margin: 			0px auto;
	padding-top: 		0px;
	background-image:	url(../imatges/fonssidebarweb.gif);
	background-position:left top;
	background-repeat:	repeat-y;
}

#mainWeb #sidebar {
	height:				auto;
	width:				325px;
	margin: 			0px;
	padding: 			0px;
	background-color:	#48618A;	
	line-height:		1.2em;
}

/*************ESTILS PAGINA INTEGRAL***************/

#mainIntegral {
	height:				auto;
	width:				975px;
	margin: 			0px auto;
	padding-top: 		0px;
	background-image:	url(../imatges/fonssidebarintegral.gif);
	background-position:left top;
	background-repeat:	repeat-y;
}

#mainIntegral #sidebar {
	height:				auto;
	width:				325px;
	margin: 			0px;
	padding: 			0px;
	background-color:	#2A3852;	
}


/*************PRINCIPAL**********/

#principal {
	margin: 			0px 0px 0px 325px;
	padding:			10px 20px 20px;
	height:				auto;
	color:				#666666;
}

#principal h1 {
	font-size:			1.4em;
	font-weight:		normal;
	margin:				10px 0px;
}

#principal h2 {
	font-size:			1.1em;
	font-weight:		normal;
}

#principal p.mesmostres {
	text-align:			right;
	margin:				0px;
	padding:			0px;
	font-size:			0.8em;
	line-height:0.5em;
}

#principal p.mesmostres a {
	text-decoration: 	none;
	font-weight:		normal;
	font-size:			1.1em;
}

#principal p.mesmostres a:hover {
	color: 				#666666;
	text-decoration: 	underline;
	font-weight:		normal;
}

#principal .mostra {
	height: 			150px;
	margin:				15px 0px;
}

#principal .mostra img{
	margin-right:		10px;
	margin-left:		0px;
}

#principal .mostra .textmostra {
	height:				140px; 
	background-color:	#EEEEEE; 
	margin-left:		360px; 
	padding: 			10px 0px 0px 10px;
}

#principal .mostra .textmostra h3{
	font-size:			0.85em;
	font-weight:		bold;
	margin:				0px;
	padding:			0px;
	color:				#666666;
}

#principal .mostra .textmostra h4{
	font-size:			0.85em;
	font-weight:		normal;
	margin:				0px;
	padding:			0px;
}

#principal .mostra .textmostra p {
	font-size:			0.85em;
	font-weight:		normal;
	margin:				0px;
	padding:			0px;
}

#principal p {
	margin: 			0px;
	color:				#666666;
	font-weight:		normal;
}

/******************ESTILS RUTA********************/
#ruta {
	margin-top:			5px;
	padding:			5px 2px;
	line-height:		0.8em;
}

#ruta p{
	margin:				0px;
	padding:			0px;
	font-size:			0.8em;
	line-height:		1.5em;
}

#ruta p img {
	vertical-align:		bottom;
	margin-right:		2px;
}

#ruta a {
	color: 				#666666;
	text-decoration: 	none;
	font-size:			1.0em;
	font-weight:		normal;
}

#ruta a:hover {
	color: 				#666666;
	text-decoration: 	underline;
}

/******************ESTILS DEL FOOTER*********************/


#footer {
	background-color:	#000000;
	height:				80px;
	clear:				both;
	margin:				0px auto;
	padding:			0px;
	width:				975px;
}

#footer #infopeu {
	padding: 			15px 15px 5px 25px;
	font-size:			0.9em;
	color:				#AAAAAA;
}

#footer #infopeu #logo {

	text-align:center; 
	margin:0px 0px; 
	font-size:0.9em; 
	line-height:1.0em;	
	width: 200px;
}

#footer #infopeu #logo p {
	margin:				5px;
	padding: 			0px;
}


#footer #infopeu p {
	margin:				0px;
	padding: 			1px;
}

#footer #infopeu a {
	color: 				#AAAAAA;
	font-size:			1.0em;
	text-decoration: 	none;
	font-weight:		normal;
}

#footer #infopeu a:hover {
	color: 				#666666;
	text-decoration: 	underline;
	font-weight:		normal;
}

#footer h4{
	margin:				0px 0px 5px;
	color:				#FFFFFF;
	font-size:			1.2em;
	font-weight:		normal;
}