/*UdGPostrgrau STYLES*/

/* GENERAL STYLES */
/*nou css*/
body {
  	text-align: center;
 	background-color: #FFFFFF;
  	margin-top:10px;
 	margin-bottom:10px;
  	color:#666666;
	font:100% Verdana, Arial, Helvetica, sans-serif ;
	font-size:12px;;
}
img{
	border: none;
	}

/* ....... estils dels contenidors de la pàgina.............*/

#container {
	width:800px;
	margin: 0 auto;
    border: 1px solid #666;
	}
#containerScroll {
	width:815px;
	margin: 0 auto;
    border: 1px solid #666;
	}
#contenedor-general-texte{
	margin-top:20px;
	width:795px;
}
#contenedor-general-scroll{
float:left;
	margin-top:20px;
	width:814px;
	overflow:auto;
	height:400px;
}
#iwithblockmsg-cap{height:125px; width:100%;	background-color:#000000; background-image:url(/Imatges/hd_mid.png); background-repeat:repeat-x;}

#cont-intro{ float:left; width:99%; height:80%; margin-top:25px;	}
	#iwith-titol-intro{color:#C7002D; float:left; width:100%; height:80%; font-size:16px; font-weight:bold;  text-align:center;}
	#iwith-foto-intro{ float:left;	width:75px;}
	#iwith-box-intro{float: right; text-align:justify; width:82%; height:80%; background-color:#FFFFFF; padding:10px;  border-bottom:#CCCCCC 1px solid;}

#cont1{ float:left; width:99%; height:80%; margin-top:25px;	}
	#iwith-titol1{color:#C7002D; float:left; width:100%; height:80%; font-size:16px; font-weight:bold;  text-align:center;   }
	#iwith-foto1{ float:left;	width:75px;}
	#iwith-box1{float: right; text-align:justify; width:82%; height:80%; background-color:#FFFFFF; padding:10px; border-bottom:#CCCCCC 1px solid;}
	
	#box1{float: right; text-align:justify; width:95%; height:80%; background-color:#FFFFFF; padding:10px;}

#cont2{ float:left; width:99%; height:80%; margin-top:25px;	}
	#iwith-titol2{color:#C7002D; float:left; width:100%; height:80%; font-size:16px; font-weight:bold;  text-align:center;}
	#iwith-foto2{ float:left;	width:75px;}
	#iwith-box2{float: right; text-align:justify; width:82%; height:80%; background-color:#FFFFFF; padding:10px; border-bottom:#CCCCCC 1px solid;}
#cont3{ float:left; width:99%; height:80%; margin-top:25px;	}
	#iwith-titol3{color:#C7002D; float:left; width:100%; height:80%; font-size:16px; font-weight:bold;  text-align:center;}
	#iwith-foto3{ float:left;	width:75px;}
	#iwith-box3{float: right; text-align:justify; width:82%; height:80%; background-color:#FFFFFF; padding:10px; border-bottom:#CCCCCC 1px solid;}
#cont4{ float:left; width:99%; height:80%; margin-top:25px;	}
	#iwith-titol4{color:#C7002D; float:left; width:100%; height:80%; font-size:16px; font-weight:bold;  text-align:center;}
	#iwith-foto4{ float:left;	width:75px;}
	#iwith-box4{float: right; text-align:justify; width:82%; height:80%; background-color:#FFFFFF; padding:10px;  border-bottom:#CCCCCC 1px solid;}
#cont5{ float:left; width:99%; height:80%; margin-top:25px;	}
	#iwith-titol5{color:#C7002D; float:left; width:100%; height:80%; font-size:16px; font-weight:bold;  text-align:center;}
	#iwith-foto5{ float:left;	width:75px;}
	#iwith-box5{float: right; text-align:justify; width:82%; height:80%; background-color:#FFFFFF; padding:10px;  border-bottom:#CCCCCC 1px solid;}
	
#iwithblockmsg-logos{ float:left; width:75%; height:80%; margin-top:25px; padding:25px;	}
#cosnewsletter{width:95%; height:80%; background-color:#FFFFFF;}
#footer {
	width: 100%;
	clear: both;
	border-top: 1px solid #cecece;
	text-align: center;
	padding: 5px 0;
	color: #fff;
	background: #666;
	}

	
/*...................................estils pel menú horitzontal*/
/* Nav Menu */
#iwithblockmenu-nav {
float: left;
width:800px;
margin-top:10px;
  height:26px;
  background:#FFFFFF ;
  font-size: 14px;
  border:1px solid #C7002D;
  text-align:right;

	}
	.left{
	float:left;}
#iwithblockmenu-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:right;
	
	
	}
#iwithblockmenu-nav li {
	display: inline;
	padding: 3px 0;
	}
#iwithblockmenu-nav li a {
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left:10px;
  padding-right:10px;
  background-color: transparent;
  color: #000000;
  font-weight:bold;
  text-decoration: none;
  float: left;
  border-left: 1px solid #C7002D
	}
#iwithblockmenu-nav li a:hover {
	color:  #C7002D;
	font-weight:bold;
	}
/*vell css que seguim utilitzant*/
a {
	font-family: verdana, arial, helvetica, sans-serif;	
	color: #000000;
	font-size: 12px;
}

a:link {
	font-family: verdana, arial, helvetica, sans-serif;	
	color: #C7002D;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;

}
a:visited {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #C7002D;
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
}
a:active {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #C7002D;
	font-size: 12px;
	text-decoration: underline;
}
a:hover  {
	font-family: verdana, arial, helvetica, sans-serif;	
	color: #afafaf;
	font-size: 12px;
	text-decoration: underline;
}

.textSmall {
	font-family: verdana, arial, helvetica, sans-serif;	
	font-size: 9px;
	color: #000000;
}


/* PARTICULAR STYLES */
form {
  margin: 0px;
  padding: 0px;
  /*font-size: 100%;
  min-width: 128px;
  max-width: 620px;
  width: 590px;*/
}

input, select, textarea {
  font-family:Tahoma, "Arial Narrow", Arial, Verdana;
  font-size:12px;
  color: #000000;
}

.fecha{
   color: #000000;
   font-family:Tahoma, "Arial Narrow", Arial, Verdana;
   font-size:11px;
   
}   




/*////////////////////////////////////////////ESTILS SERVEIS/////////////////////////////////////////*/


/* NEWS */

.section-title{
	color: #000000;
	font-size: 14pt;	
	font-weight: normal;	
	text-decoration: none;
}

a.section-title:link {
	color: #000000;
	font-size: 14pt;	
	font-weight:bold;	
	text-decoration: none;
	
}

a.section-title:hover {
	color: #B22222;
	font-size: 14pt;
	font-weight: bold;	
	
	text-decoration: none;
}