/* GESTALT CSS Document */

body {
	font:11px "Trebuchet MS";
	line-height: normal;
	color:#333;
	background:#FFF;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#mare {
	margin:0px auto 0px auto;
	padding:0px;
	width:750px;
}
#mare ul {
	margin:-5px 0px 5px 8px;
	padding:0px;
}
#mare li{
	list-style:none;
	padding:0px 0px 0px 10px;
	margin:0px 7px;
	background:transparent url(../img/bullet2.gif) no-repeat 0 0.6em;
}
.left {
	float:left;
}
.right {
	float:right;
}
#mare h4{
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	color:#8CAA00;
	background:#FFF;
	margin:0px 0px 7px 0px;
	padding:0px;
}
html>body #mare h4{	
	margin:0px 0px 7px 0px;
	padding:0px;
}
#mare h5{
	font: bold 10px "Trebuchet MS";
	text-decoration:underline;
	color: #606060;
	background:#FFF;
	margin:20px 0px 3px 0px;
	padding:0px;
}
html>body #mare h5{	
	margin:10px 0px 3px 0px;
	padding:0px;
}
.textVerd {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #006600;
}
.textVermell {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
}
#margeSup {
	margin:15px 0px 0px 0px;
}
/*
----------------------------------------------------------------------------- 
BARRA SUPERIOR
-----------------------------------------------------------------------------
*/
.barraSup {
	width:750px;
	height:10px;
	background:#83261C;
	padding:0px;
	font-size:1px;		/*si no posem el padding i el font-size explorer no agafa els 10px d'alçada*/
}
/*
----------------------------------------------------------------------------- 
TOP
-----------------------------------------------------------------------------
*/
#top{
	background:url(../img/img_top.jpg) no-repeat top left;
	width:750px;
	height:158px;
	margin:0px;
	padding:0px;
}
#top h2{
	margin:0px;
	padding:0px;
}
html>body #top h2{	/*això només ho llegeix Firefox*/
	margin:0px;
	padding:0px;
}
#top h2 a {
	position:relative;
	display:block;
	width:207px;
	height:40px;
	text-decoration:none;
}
#top h2 a:hover {
	text-decoration:none;
}
#top h2 span {
	display:none;
}
/*
----------------------------------------------------------------------------- 
MENU
-----------------------------------------------------------------------------
*/
#menu {
	margin:0px;
	padding:0px;
	width:750px
	height: 31px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu li {
	background: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#menu li a.boto1{
	float:left;
	width:132px;
	height:31px;
	background: url(../img/menu_presentacion.jpg);
	background-position:0 0;
}
#menu li a:hover.boto1{
	float:left;
	width:132px;
	height:31px;
	background: url(../img/menu_presentacion.jpg);
	background-position:0 -31px;
}
	#menu li a.boto11{
		float:left;
		width:132px;
		height:31px;
		background: url(../img/menu_presentacion.jpg);
		background-position:0 -31px;
	}
#menu li a.boto2{
	float:left;
	width:120px;
	height:31px;
	background: url(../img/menu_quienes.jpg);
	background-position:0 0;
}
#menu li a:hover.boto2{
	float:left;
	width:120px;
	height:31px;
	background: url(../img/menu_quienes.jpg);
	background-position:0 -31px;
}
	#menu li a.boto21{
		float:left;
		width:120px;
		height:31px;
		background: url(../img/menu_quienes.jpg);
		background-position:0 -31px;
	}
#menu li a.boto3{
	float:left;
	width:89px;
	height:31px;
	background: url(../img/menu_formacion.jpg);
	background-position:0 0;
}
#menu li a:hover.boto3{
	float:left;
	width:89px;
	height:31px;
	background: url(../img/menu_formacion.jpg);
	background-position:0 -31px;
}
	#menu li a.boto31{
		float:left;
		width:89px;
		height:31px;
		background: url(../img/menu_formacion.jpg);
		background-position:0 -31px;
	}
#menu li a.boto4{
	float:left;
	width:134px;
	height:31px;
	background: url(../img/menu_grupos.jpg);
	background-position:0 0;
}
#menu li a:hover.boto4{
	float:left;
	width:134px;
	height:31px;
	background: url(../img/menu_grupos.jpg);
	background-position:0 -31px;
}
	#menu li a.boto41{
		float:left;
		width:134px;
		height:31px;
		background: url(../img/menu_grupos.jpg);
		background-position:0 -31px;
	}
#menu li a.boto5{
	float:left;
	width:79px;
	height:31px;
	background: url(../img/menu_contacto.jpg);
	background-position:0 0;
}
#menu li a:hover.boto5{
	float:left;
	width:79px;
	height:31px;
	background: url(../img/menu_contacto.jpg);
	background-position:0 -31px;
}
	#menu li a.boto51{
		float:left;
		width:79px;
		height:31px;
		background: url(../img/menu_contacto.jpg);
		background-position:0 -31px;
	}
#menu li a.boto6{
	float:left;
	width:75px;
	height:31px;
	background: url(../img/menu_enlaces.jpg);
	background-position:0 0;
}
#menu li a:hover.boto6{
	float:left;
	width:75px;
	height:31px;
	background: url(../img/menu_enlaces.jpg);
	background-position:0 -31px;
}
	#menu li a.boto61{
		float:left;
		width:75px;
		height:31px;
		background: url(../img/menu_enlaces.jpg);
		background-position:0 -31px;
	}
#menu li a.boto7{
	float:left;
	width:120px;
	height:31px;
	background: url(../img/m_barra.jpg);
}
#menu li a:hover.boto7{
	float:left;
	width:120px;
	height:31px;
	background: url(../img/m_barra.jpg);
}
/*
----------------------------------------------------------------------------- 
CONTINGUT HOME
-----------------------------------------------------------------------------
*/
#contingutHomeLeft {
	margin:13px 5px 20px 5px;
	padding:0px;
	width:440px;
	float:left;
}
html>body #contingutHomeLeft {
	margin:20px 5px 19px 10px;
	padding:0px;
	width:440px;	
	min-height:340px;
	float:left;
}
#contingutHomeLeft p{
	padding:0px;
	margin:0px 0px 10px 0px;
}
#contingutHomeLeft ul{
	padding:0px;
	margin:11px 0px 10px 0px;
}
html>body #contingutHomeLeft ul{
	padding:0px;
	margin:0px;
}
#contingutHomeRight {
	margin:16px 3px 20px 5px;
	padding:0px;
	width:260px;
	float:right;
}
html>body #contingutHomeRight {
	margin:20px 6px 19px 5px;
	padding:0px;
	width:260px;
	float:right;
}
#contingutHomeRight p{
	padding:0px 5px;
	margin:0px;
}
#contingut a, #contingutHomeRight a, #contingutHomeLeft a{
	text-decoration: none;
	color:#83261C;
}
#contingut a:hover, #contingutHomeRight a:hover, #contingutHomeLeft a:hover{
	text-decoration: none;
	color:#fff;
	background:#83261C;
}
/*
-----------------------------------------------------------------------------
CORNERS
-----------------------------------------------------------------------------
*/
div#nifty{
	font:12px "Trebuchet MS";
	margin:4px 0px 10px 0px;
	background: #F3F3F3;	
	line-height:16px;
}
div#nifty p{ 
	margin:2px 5px 7px 12px;
}
html>body div#nifty p{ 
	margin:2px 5px 7px 12px;
}
div#nifty h3{
	font:12px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#333;
	background:#F3F3F3;
	margin:7px 0px 5px 15px;
}
div#nifty ul {
	margin:0px 4px 6px 15px;
	padding:0px;
}
div#nifty li{
	list-style:none;
	padding:2px 0px 2px 14px;
	margin:0px 0px;
	background:transparent url(../img/bullet.gif) no-repeat 0 0.6em;
}
html>body div#nifty li{
	background:transparent url(../img/bullet.gif) no-repeat 0 0.6em;
}
div#nifty a{
	text-decoration: none;
	color:#8CAA00;
	background:#F3F3F3;
}
div#nifty a:hover{
	text-decoration: underline;
	color:#8CAA00;
	background:#F3F3F3;
}
b.rtop, b.rbottom{
	display:block;
	background: #FFF;
}
b.rtop b, b.rbottom b{
	display:block;
	height: 1px;
    overflow: hidden; 
	background: #F3F3F3;
}
b.r1{
	margin: 0 5px;
}
b.r2{
	margin: 0 3px;
}
b.r3{
	margin: 0 2px;
}
b.rtop b.r4, b.rbottom b.r4{
	margin: 0 1px;
	height: 2px;
}
/*
----------------------------------------------------------------------------- 
CONTINGUT INTERIOR 1 COLUMNA
-----------------------------------------------------------------------------
*/
#contingut {
	margin:13px 5px 20px 10px;
	padding:0px;
	/*height:340px;*/
}
html>body #contingut {
	margin:20px 5px 19px 10px;
	padding:0px;	
	min-height:340px;
}
#contingut p{
	padding:0px;
	margin:5px 0px 10px 0px;
}
html>body #contingut p{
	padding:0px;
	margin:5px 0px 10px 0px;
}
#contingut ul{
	padding:0px;
	margin:5px 0px 10px 0px;
}
html>body #contingut ul{
	padding:0px;
	margin:9px 0px 10px 0px;
}
#contingut h3{
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	color: #8CAA00;
	margin: 0 0 20px 0;
	padding:0px;
	height: 20px;
	background: url(../img/t_barra_llarg.gif) repeat-x bottom left;
}
/*
----------------------------------------------------------------------------- 
CONTINGUT INTERIOR 2 COLUMNES
-----------------------------------------------------------------------------
*/
#contingutInteriorLeft {
	margin:13px 5px 20px 5px;
	padding:0px;
	width:440px;
	float:left;
	/*height: 340px;*/
}
html>body #contingutInteriorLeft {
	margin:20px 5px 19px 10px;
	padding:0px;
	width:440px;	
	min-height:340px;
	float:left;
}
#contingutInteriorLeft p{
	padding:0px;
	margin:8px 0px 10px 0px;
}
html>body #contingutInteriorLeft p{
	margin:8px 0px 10px 0px;
	padding:0px;
}
#contingutInteriorLeft ul{
	padding:0px;
	margin:5px 0px 10px 0px;
}
#contingutHomeLeft h3, #contingutInteriorLeft h3{
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	color:#8CAA00;
	margin: 0 0 20px 0;
	padding:0px;
	height: 20px;
	background: url(../img/t_barra_llarg.gif) repeat-x bottom left;
}
#contingutInteriorRight {
	margin:16px 3px 20px 5px;
	padding:0px;
	width:260px;
	float:right;
}
html>body #contingutInteriorRight {
	margin:20px 6px 19px 5px;
	padding:0px;
	width:260px;
	float:right;
}
#contingutInteriorRight p{
	padding:0px 5px;
	margin:0px;
}
html>body #contingutInteriorRight p{
	padding:0px 5px;
	margin:0px;
}
#contingutInteriorRight a{
	text-decoration: none;
	color:#8CAA00;
}
#contingut a, #contingutInteriorLeft a{
	text-decoration: none;
	color:#8CAA00;
}
#contingutInteriorRight a:hover{
	text-decoration: none;
	color:#fff;
	background:#8CAA00;
}
#contingut a:hover, #contingutInteriorLeft a:hover{
	text-decoration: none;
	color:#fff;
	background:#8CAA00;
}
#curriculum{
	width:440px;
	margin: 12px 0px;
	padding:0px;
	height: 330px;
}
#curriculumFoto{
	float:left;
	margin: 0px 10px 0px 0px;
	padding:3px 3px 0px 3px;
	border: 1px solid #D3D3D3;
}
html>body #curriculumFoto{
	float:left;
	margin: 5px 10px 0px 0px;
	padding:3px 3px 3px 3px;
}
#curriculumText{
	float:right;
	margin: 0px;
	padding:0px;
	width:330px;
}
/*
----------------------------------------------------------------------------- 
PEU
-----------------------------------------------------------------------------
*/
#peu {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background:#FFF;
	margin:0px;
	padding:0px;
	clear: both;
}
#textPeu {
	margin:6px 0px 10px 0px;
}
#textPeu a{
	text-decoration: none;
	color:#8CAA00;
}
#textPeu a:hover{
	text-decoration: underline;
	color:#8CAA00;
}
/*
----------------------------------------------------------------------------- 
FORM
-----------------------------------------------------------------------------
*/
input{
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #8CAA00;
	margin:0px;
	padding:0px;
	width: 240px;	
	height: 16px;
}
textarea {
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #8CAA00;
	margin:0px;
	padding:0px;
	width: 190px;	
	height: 80px;
}
.textBlau {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.boto {
	width:60px;
	height:17px;
    background-color:#C2C7C0;
    border:1px solid #8CAA00;

}