body{
 background:#6c6c6c;
 overflow : -moz-scrollbars-vertical;
 margin:0px;
 padding:0px;
 font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 line-height:15px;
}

a {text-decoration:none;}
a img {border:none; outline:none;}

.clear{clear:both;}

#header{
 position:absolute;
 top:0px;
 left:50%;
 margin-left:-425px;
 background:#fff url(/imgbr/back.gif) top left repeat-x;
 height:80px;
 width:850px;
 z-index:10;
}

#header p{
 position:relative;
 margin:0px;
 margin-top:26px;
 text-align:left;
 width:280px;
 height:60px;
 line-height:60px;
 vertical-align:middle;
 float:left;
 display:inline block;
 font-family:Trebuchet MS;
 font-size:10px;
 color:#4c4c4c;
}

.logo{
 margin-left:25px;
 margin-top:-1px;
}

.slogan{
 margin-left:85px;
 margin-top:14px;
}

.idiomes{
 margin-left:145px;
}

#header p a{
 position:relative;
 line-height:85px;
 color:#4c4c4c;
 text-decoration:none;
 font-weight:bold;
 margin-right:15px;
}

#header p a:hover{
 color:#34ac38;
 text-decoration:none;
}

#container{
 position:absolute;
 top:80px;
 background:#fff;
 width:850px;
 left:50%;
 margin-left:-425px;
 height:auto;
}

#cnt{
 position:relative;
 float:top;
 color:#4c4c4c;
 margin:20px 0px 0px 20px;
 height:auto;
 width:850px;
}

#menu{
 position:relative;
 left:0px;
 top:0px;
 width:155px;
 height:auto;
 display:inline block;
 float:left;
/*  margin-top:10px; */
 z-index:1000;
 text-align:right;
}

/*#menu a {
 display:block;
 float:top;
 width:145px;
 height:17px;
 line-height:19px;
 margin-bottom:3px;
 font-size:11px;
 font-weight:bold;
 color:#4d4d4d;
 border-top:2px dotted #d7d7d7;
 text-align:right;
}

#menu a:last-child {
 border-bottom:2px dotted #d7d7d7;
 line-height:19px;
 height:20px;
}

#menu a:hover {
 background:url(/imgbr/menu.gif) 0px 2px no-repeat;
 color:#34ac38;
}*/

#text{
 position:relative;
 margin-left:30px;
 top:0px;
 width:620px;
 height:auto;
 display:inline block;
 float:left;
 text-align:justify;
}

#text img{
 margin-bottom:10px;
}

#text b{
color:#000;
}


#pos{
 position:relative;
 margin:25px 0px 20px 180px;
 width:620px;
 height:auto;
 float:left;
}

#pos a{
 color:#4c4c4c;
 text-decoration:none;
 cursor:text;
}

#pos h1{
 font-size:12px;
 font-weight:bold;
 display:inline;
}

#pos h2{
 font-size:11px;
 font-weight:bold;
 display:inline;
}

#pos strong{
 font-size:12px;
 font-weight:bold;
 display:inline;
}

#footer{
 position:relative;
 float:left;
 border-top:10px solid #f8f8f8;
 background:#39892f;
 height:78px;
 width:850px;
}

#footer p{
 position:relative;
 height:auto;
 float:left;
 text-align:left;
 color:#fff;
 font-size:10px;
 line-height:15px;
 margin:10px 2px 0 0;
}

#footer p a{
 position:relative;
 float:top;
 color:#fff;
 text-decoration:none;
 display:block;
 margin-left:10px;
}

#footer p a:hover{
 color:#4c4c4c;
 text-decoration:none;

}

/* estils drac menú */

/* Inici Estils Menu */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 155px; /* Width of Menu Items */
}

.suckerdiv ul li{
position: relative;
}

/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 155px; /*sub menu width*/
top: 0;
visibility: hidden;
}

ul.submenu {
border-left: 1px dotted #ccc;
}

/* Sub level menu links style */

.suckerdiv ul li a{
display: block;
overflow: auto;  /*force hasLayout in IE7 */
text-decoration: none;
background-color: #fff;
padding: 1px 5px;
}

a.inactiu {
color: #909090;
color: #5a8839;
background-color: #fff;
font-size:10px;
font-weight:bold;
}

a.inactiu:hover {
color: #39892F;
color: #69aa44;
color: #34AC38;
background: url('/imgbr/puntets.gif') no-repeat top left #fff;
}

a.border1 {
border-top: 1px solid #ccc;
}

a.border2 {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

a.border3 {
border-bottom: 1px solid #ccc;
}

a.actiu {
color: #39892F;
color: #69aa44;
color: #34AC38;
background: url('/imgbr/puntets.gif') no-repeat top left #fff;
font-size:10px;
font-weight:bold;
}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


div#Fons_Portada_Img {
position:absolute;
top:602px;
left: 762px;
* left:759px;
width:144px;
height:147px;
z-index:2;
}

div#bloqueContenidoSmallPeu {
padding:20px 0 0 0;
width:170px;
}

div#bloqueContenidoSmallPeuImgA {
height:53px;
padding:0 0 10px 0;
}

div#bloqueContenidoSmallPeuImgB {
height:53px;
}

div#certificat {
text-align:center;
padding:10px 0 0 0;
padding:40px 0 0 0;
}


