*{margin:0;padding:0;}
.net{clear:both;height: 0px;}
:focus {outline: 0;}
h1,h2,h3,h4,h5{font-weight:normal;}

.base{background-image:url(../imatges/base.png);background-repeat:no-repeat;}

a{text-decoration:underline;color:#225478;}
a:HOVER{color:#D60000;}

body {
	background-color: #f2f2f2;
	color: #465461;
	font-family: Trebuchet MS, Arial, Verdana;
	font-size: 11px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
    background-color:#EDEFEC;
    background-attachment:fixed
}

.tot {
	margin-top: 22px;
}

.cap {
	margin-bottom: 40px;
	width: 100%;
}
.cap a{text-decoration:none;}
.cap a:HOVER{color:#225478;text-decoration:underline;}

.peu {
	margin-top: 30px;
	width: 100%;
}


.vermell{color:#D60000;}

/*IDIOMES*/

.idioma{color:#225478;padding:2px;}
.idioma:HOVER{color:#fff;text-decoration:underline;}
.idiomaSel{background-color:#245475;color:#fff !important;padding:2px;}
.idiomaSel:HOVER{color:#fff;}

/*MENU*/
ul.menu {
	list-style-type: none;
	margin-top: 33px;
}

ul.menu li {
	display:block;
    float:left;
	margin-right: 35px;
	padding:0 4px 0 0;
	#padding-right:0;
	padding-bottom:2px;
	border-bottom:1px solid #61839A;
}
ul.menu li a {
	display: block;
	width:100%;
	color: #235379;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	font-weight: bold;
	padding:0 2px;
	
}
ul.menu li a:hover {
	color: #fff;
	background-color: #BE0A27;
	text-decoration: none;
}
ul.menu li span {
	font-size: 6px;
	color: #235379;
	display: block;
	padding-left: 8px;
	border-bottom:1px solid #61839A;
	width:100%;
	height:1px;
}

ul.menu li.home a {
	background-color:#EDEFEC;
    width:auto;
}

/*TITOL*/
.tit_31{font-size:30px;}
.tit_20{font-size:20px;}

.tit_17 {
	font-weight: bold;
	font-size: 17px;
}
.tit_14 {font-size: 14px;}

.mini_tit{font-size:6px;}

/*FORMS*/
.boto{
    background-color:#D60000;
    border:1px solid #D60000;
    color:#fff;
    cursor:pointer;
    font-size:10px;
}
.boto:HOVER{
	background-color:#fff;
	color:#61839A;
}

.bona{
    border:1px solid #455463;
    background-color:#EDF1F4;
    width:100%;

}
.error{
    border:1px solid #C00;
    background-color:#EDF1F4;
    width:100%;
}
.in_but{
    border:1px solid #455463;
    background-color:#fff;
    width:100%;
}

/*PEU*/
.peu a{text-decoration:none;font-size:9px;display:block;width:130px;float:left;cursor:pointer;}
.peu a:HOVER{text-decoration:underline;}
.mail div{background-position:-474px -16px;width:11px;height:7px;float:left;margin-top:5px}
.nota div{background-position:-467px -15px;width:6px;height:8px;float:left;margin-top:5px}
.peu a span{display:block;width:100px;float:left;margin-left:7px;}

.sistems{
    display:block;
    width:43px !important;
    height:20px;
    background-position:-486px -15px;
}
.sistems:HOVER{
    background-position:-530px -15px;
}


/*CONTINGUT*/
.contingut p{width:480px;line-height:16px;margin:5px 0;}

.material{float:left;margin-left:15px;width:400px;}
.material h2{
    padding:3px;
    width:198px;
    background:url(../imatges/degradat.png) repeat-y top left transparent;
    color:#fff;
    font-size:11px;
}

.marc{
    background-position:-482px -106px;float:left;
    width:172px;
}
.marc img{padding:4px;}

.aplicacions,documents{padding-left:20px;}
.aplicacions a{
    display:block;
    text-decoration:none;
    border-left:5px solid #7695A9;
    padding-left:3px;
    margin-top:5px;
}
.aplicacions a:HOVER{color:#D60000;border-left:5px solid #D60000;}
.documents a ,.doc{
    display:block;
    margin-top:5px;
    text-decoration:none;
    padding-left:15px;
    background-position:-575px -15px;
    background-repeat:no-repeat;
}

.novetat{margin-top:20px;}
.novetat img{float:right;}
.data{
    width:auto;
    background-color:#D60000;
    color:#fff;
    font-size:14px;
    padding:2px;
    width:52px;
}
.novetat h3{
    cursor:pointer;
    width:100%;
    border-bottom:1px solid #225478;
    margin-bottom:10px;
}
.novetat h3:HOVER{border-bottom:1px solid #D60000;color:#D60000;}

.menu_apli{
    width:150px;
    float:left;
}
.menu_apli a{
    display:block;
    margin:5px 0;
    border-left:5px solid #225478;
    text-decoration:none;
    padding-left:7px;
}

.menu_apli a:HOVER{
    border-left:5px solid #D60000;
    color:#D60000;
}
.apliSel{
    font-size:20px;
    border-left:5px solid #D60000 !important;
    color:#D60000;
}
.etiqueta{
    cursor:pointer;
    background:url(../imatges/degradat.png) repeat-y top left transparent;
    width:150px;
    position:absolute;
    top:100px;
    left:9px;
    color:#fff;
    text-align:center;
}

.cercador{float:right;margin-top:30px;width:305px;text-align:right;}
.cercador .bona{width:200px;}
.separador_cerca{
	margin:20px 0 10px 0;
	border-bottom:1px solid #465461;
}
#logo{float:left;}