/*Document CSS*/

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	margin:0px;
	padding:0px;
	padding-bottom:20px;
	background:#EEEEEE;
}

a{text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0px;}

form{
margin:0px;
padding:0px;
}

h1, h2, h3, h4, h5, h6{
margin:0px;
padding:0px;
font-weight:normal;
font-size:10px;
}

h1{
display:block;
top:80px;
left:8px;
position:absolute;
color:#FFFFFF;
font-size:30px;
font-family:"Trebuchet MS", Verdana, Arial;
text-transform:uppercase;
}

h2{
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:30px;
color:#000000;
padding:6px 0px 10px 0px;
}

h3{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
border-left:13px solid #FE9901;
height:22px;
line-height:22px;
}

h3 span{
display:block;
background:#5267AA;
padding-left:12px;
border-left:2px solid #FFFFFF;
}

h4, h4 a{
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:24px;
color:#000000;
text-decoration:none;
}

h4 a:hover{
text-decoration:none;
}

h6{
display:inline;
font-size:11px;
color:#FFFFFF;
}

ul, li{
margin:0px;
padding:0px;
list-style:none;
list-style-type:none;
}


/*IDS*/
#cap{
height:120px;
margin-bottom:1px;
overflow:hidden;
position:relative;
}

#cap img{
position:relative;
}

#col_left{
width:165px;
margin-top:11px;
float:left;
background:#E5E9F5;
}

#col_left .destacat{
position:relative;
background-color:#FFFFFF;
width:155px;
height:118px;
overflow:hidden;
margin:2px 5px 11px 5px;
}

#col_left .destacat img{
border:2px solid #FFFFFF;
}

#col_left .destacat h4{
position:absolute;
left:6px;
top:4px;
}

#col_right{
width:722px;
padding-top:11px;
float:left;
padding-left:15px;
}

#content{
width:942px;
margin:0px auto;
height:100%;
}

#content_top{
background-image:url(../img/bg_content_top.gif);
background-repeat:no-repeat;
background-position:left top;
height:14px;
}

#content_bottom{
background-image:url(../img/bg_content_bottom.gif);
background-repeat:no-repeat;
background-position:left bottom;
height:14px;
}

#content_web{
background:#FFFFFF;
width:902px;
padding:0px 20px;
padding-bottom:5px;
}

#content_web #ruta{
background:#FF3334;
}

#content_web.inici #ruta{
background:#063CA6;
}

#infodicc{
margin:37px 10px 0px 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}

#infofons{
margin:48px 20px 25px 25px;
}

#infohome{
margin:37px 0px 20px 25px;
}

#info2cols1, #infostandard, #infocontact{
margin:37px 10px 16px 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align:justify;
border: 1px solid white;
}

#info2cols1 a, #infostandard a, #infocontact a{
color:#2828B8;
font-weight:bold;
text-decoration:underline;
}

#info2cols1 a:hover, #infostandard a:hover, #infocontact a:hover{
text-decoration:none;
}

#info2cols1 b, #info2cols1 strong, #info2cols1 .title, #infostandard strong, #infostandard b, #infostandard .title, #infocontact strong, #infocontact b, #infocontact .title{ 
color:#2828B8;
font-weight:bold;
}

#info2cols1 ul, #info2cols1 li, #infostandard ul, #infostandard li, #infocontact li{
margin-left:25px;
list-style:disc;
list-style-type:disc;
}

#info2cols1 ul,  #infostandard ul, #infocontact ul{
margin-top:10px;
}

#info2cols1 li, #infostandard li, #infocontact li{
padding:3px 0px;
}

#info2cols1 #col1{
width:460px;
float:left;
}

#info2cols1 #col2{
width:190px;
float:right;
}

#info2cols1 .images{
width:auto;
padding:8px 30px;
text-align:center;
}

#info2cols1 .images img{
margin:6px;
}


#links_top, #links_top a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
text-align:right;
}

#logo{
height:137px;
overflow:hidden;
}

#menu_left{
width:165px;
padding-top:14px;
background:#FFFFFF;
overflow:hidden;
}

#menu_left li{
display:block;
float:left;
overflow:hidden;
}

#menu_left a{
background:#D1D5E1;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#636773;
display:block;
float:left;
width:157px;
border-right:4px solid #626672;
padding:1px 0px 1px 4px;
margin-top:2px;
height:auto;
overflow:hidden;
}

#menu_left a:hover{
text-decoration:none;
width:153px;
border-right:8px solid #FF3334;
padding:1px 0px 1px 4px;
}

#menu_left li.m1 a{
background:#E5E9F5;
width:153px;
padding:1px 0px 1px 8px;
}

#menu_left li.m1 a:hover{
text-decoration:none;
width:149px;
padding:1px 0px 1px 8px;
}

#menu_left li.m2 a{
display:none;
}


#menu_left li.m2 a{
background:#F0F3FB;
width:149px;
padding:1px 0px 1px 12px;
}

#menu_left li.m2 a:hover{
text-decoration:none;
width:145px;
padding:1px 0px 1px 12px;
}


#menu_left li.m0 a.sel{
font-weight:bold;
width:157px;
padding:1px 0px 1px 4px;
}

#menu_left li.m1 a.sel{
font-weight:bold;
width:153px;
padding:1px 0px 1px 8px;
}

#menu_left li.m2 a.sel{
font-weight:bold;
width:145px;
border-right:8px solid #FF3334;
}

/*MENU FONS D'INVERSIO*/
#menufons{
border-bottom:1px solid #5267AA;
height:22px;
width:auto;
}

#menufons li{
display:block;
float:left;

}

#menufons li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#323431;
text-decoration:none;
line-height:22px;
padding:0px 8px;
margin-right:2px;
background-image:url(../img/bg_menufons.gif);
background-repeat:repeat-x;
background-position:left top;
display:block;
}

#menufons li a.selfons{
background:#5267AA;
color:#FFFFFF;
}

#menufons li a:hover{
color:#003396;
text-decoration:none;
background:none;
background-image:url(../img/bg_menufons_hover.gif);
background-repeat:repeat-x;
background-position:left bottom;
}

#peu{
text-align:center;
margin-left:165px;
}

#peu a{
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

#peu a:hover{
text-decoration:none;
}

#ruta{
height:30px;
padding-left:12px;
line-height:30px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
}

#ruta a{
line-height:30px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
}

#ruta a.act{
text-decoration:underline;
}

#ruta a.in{
font-weight:bold;
}



#ruta img{
vertical-align:middle;
margin:0px 7px;
}


/*CLASSES*/

.alt{
background-color:#E8E7EF;
}

.b{font-weight:bold;}


/*CAIXES HOME*/

.box1{
width:210px;
height:164px;
display:block;
background-image:url(../img/bg_box1.gif);
background-repeat:no-repeat;
background-position:left top;
float:left;
padding-right:20px;
}

.box1 a, .box2 a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
}

.box1 a:hover, .box2 a:hover{
text-decoration:underline;
}

.box1 .prods{
background-image:url(../img/bg_productes.jpg);
background-repeat:no-repeat;
background-position:4px 6px;
height:158px;
padding-left:12px;
}

.box1 .finan{
background-image:url(../img/bg_financera.jpg);
background-repeat:no-repeat;
background-position:4px 6px;
height:158px;
padding-left:12px;
}


.box1 .serveis{
background-image:url(../img/bg_serveis.jpg);
background-repeat:no-repeat;
background-position:4px 6px;
height:158px;
padding-left:12px;
}

.box1 .formatiu{
background-image:url(../img/bg_formatiu.jpg);
background-repeat:no-repeat;
background-position:4px 6px;
height:158px;
padding-left:12px;
}

.box1 .finan h2, .box1 .formatiu h2{
font-size:24px;
}

.box2{
width:670px;
height:100px;
margin-top:28px;
margin-bottom:28px;
background-image:url(../img/bg_box2.gif);
background-repeat:no-repeat;
background-position:left top;
}

.box2 .valors{
background-image:url(../img/bg_valors.jpg);
background-repeat:no-repeat;
background-position:4px 6px;
height:94px;
padding-left:12px;
}

.box2 .valors h2{
font-size:24px;
padding-bottom:14px;
}

.box2 a{
display:block;
float:left;
line-height:13px;
width:107px;
}

.boxhome{
width:422px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
float:left;
}

.boxhome .top{
background-image:url(../img/bg_boxhome_top.gif);
background-repeat:no-repeat;
background-position:left top;
height:17px;
}

.boxhome .bottom{
background-image:url(../img/bg_boxhome_bottom.gif);
background-repeat:no-repeat;
background-position:left bottom;
height:17px;
}

.boxhome .text{
padding:0px 14px;
}

.boxhome .text a{
color:#000000;
text-decoration:underline;
}

.boxhome .text a:hover{
text-decoration:none;
}

/*CAIXES FONS*/

.boxfons0{
width:100%;
margin-bottom:15px;
}

.boxfons1{
width:350px;
float:left;
margin-bottom:15px;
}

.boxfons2{
width:295px;
float:right;
margin-bottom:15px;
}

.boxfons0 .taula, .boxfons1 .taula, .boxfons2 .taula{
padding:10px 2px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#323433;
}

.boxfons0 .text, .boxfons1 .text, .boxfons2 .text{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#323433;
background-image:url(../img/bg_boxfons.gif);
background-repeat:repeat-x;
background-position:left top;
border-top:2px solid #FFFFFF;
padding:10px 13px;
text-align:justify;
}

.boxfons0 .text a, .boxfons1 .text a, .boxfons2 .text a{
text-decoration:none;
font-weight:bold;
color:#5267AA;
}

.boxfons0 .text a:hover, .boxfons1 .text a:hover, .boxfons2 .text a:hover{
text-decoration:underline;
}

#div_contact_2 .text{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#323433;
background-image:url(../img/bg_boxfons.gif);
background-repeat:repeat-x;
background-position:left top;
border-top:2px solid #FFFFFF;
padding:10px 13px;
text-align:justify;
height:200px;
}
.boxfons0 .text span, .boxfons1 .text span, .boxfons2 .text span{
font-weight:bold;
}

.boxright{
margin-bottom:14px;
}

.boxright .text{
background-image:url(../img/bg_boxfons.gif);
background-repeat:repeat-x;
background-position:left top;
padding:10px;
margin-top:2px;
}


/*CAMPS FORMULARI*/
.selectbox {
font:11px Arial, Helvetica, sans-serif;
color:#888;
width:320px;
border:1px solid #AAAAAA;
}


.textinput{
font:11px Arial, Helvetica, sans-serif;
color:#888888;
border:1px solid #AAAAAA;
width:125px;
}

.textinput2{
font:11px Arial, Helvetica, sans-serif;
color:#888888;
border:1px solid #AAAAAA;
width:250px;
}

.button {
font:11px Arial, Helvetica, sans-serif;
color:#888888;
border:1px solid #CCCCCC;
background-color:#EEEEEE;
}

.graf{
margin-bottom:10px;
}


/*PREMIS I ESTRELLES*/
.stars{
width:220px;
float:left;
font-weight:bold;
padding-bottom:15px;
}

.stars img{
display:inline;
vertical-align:middle;
padding-left:5px;
}

.awards{
width:380px;
float:right;
padding-bottom:15px;
text-align:right;
margin-right:12px;
}

.awards img{
display:inline;
padding-right:12px;
}

.clear{
clear:both;
height:5px;
font-size:1px;
}

.left{
text-align:left;
}

.right{
text-align:right;
}

.rowtitle {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#BFBFBF;
}

.row1 {
	background-color:#F5F5F5;
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
}

.row2 {
	background-color:#E9E9E9;
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
}

.row3 {
	background-color:#DCDCDC;
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
}

.ruler{
	width:65%;
	margin:0px auto;
	height:6px;
	background-color:#063CA6;
	margin-top:20px;
	margin-bottom:5px;
	font-size:6px;
}

.ruler2{
	width:100%;
	margin:0px auto;
	height:6px;
	background-color:#063CA6;
	margin-bottom:3px;
	font-size:6px;
}

.subtable_title {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#BFBFBF;
	width:100%;
	border-left:1px solid #999;
	padding:0px 4px 0px 4px;
}

.tf{
width:100%;
}

.tf th, .tf td{
padding:4px 4px 4px 10px;
}

.textlittle{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9px;
color:#000000;
}

.pag{
margin:18px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#304e78;
line-height:12px;
}

.pag img{
padding:0px 8px;
vertical-align:text-top;
}

#cms_edit_link {
text-align:right;
margin:15px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
color:#CC0000;
}

#cms_edit_link a {
color:#CC0000;
text-decoration:none;
}

#cms_edit_link a:hover {
color:#FF0000;
text-decoration:underline;
}

#cms_edit_link img {
margin-bottom:6px;
}

#faq_questions {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#000000;
margin:5px;
}

#faq_questions a {
color:#000000;
text-decoration:none;
}

#faq_questions a:hover {
color:#CC0000;
}

#div_definition{
width:310px; 
border:1px solid #AAA;
font:11px Arial, Helvetica, sans-serif;
color:#8B8B8E;
background-color:#FFF;
padding:2px 4px 2px 4px;
}

.selectbox {
font:11px Arial, Helvetica, sans-serif;
color:#888;
width:320px;
border:1px solid #AAAAAA;
}

.print{
display:none;
}

.imgprint{
display:none;
}


/*RENDIBILITATS*/
.orange{
	background-color: #FF6600;
	color: #FFFFFF;
	border-bottom: 1px solid white;
}
.border{
	border-bottom: 1px solid white;
}
.blue{
	background-color: #5267AA;
	color: #FFFFFF;
}
.grey{
	color: #999999;
	height: 25px;
	vertical-align: top;
}
.padding{
	padding-bottom: 10px;
}

.ico{
padding-right:5px;

}