@charset "UTF-8";
/* CSS Document */

body {
margin:0;
padding:0;
font-size:62.5%;
}

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

img {
border:none;
}

#super{
position:relative;
width: 100%;
margin: 0;
padding: 0;
background:#fff url(../images/fons2.jpg) 50% top no-repeat;
/* border:1px solid black;*/
}

#super.team{
background:#fff url(../images/fons.jpg) 50% top no-repeat;
/* border:1px solid black;*/
}

#content{
position:relative;
width: 800px;
margin:0 auto;
}

#cap{
padding-top:55px;
}

#logo{
position:relative;
height: 100px;
background: #cc0000;
width:100%;
color:#666666;
}

#logo img.xavier {
position:relative;
top:10px;
left:15px;
}

#logo h1{
position:absolute;
top: -32px;
right:0;
font:normal 2.2em/1em Helvetica, Arial, sans-serif; 
color:#cc0000;
letter-spacing:0.1em;
}

#logo ul{
position:absolute;
bottom: -13px;
font:normal 1.7em Helvetica, Arial, sans-serif; 
color: #000;
display: inline;
list-style-type:none;
right:0;
/*border: 1px solid green;*/
height:14px;
margin-left:35px;
padding:0px 0px 10px 0;
}

#logo ul li{
float:left;
margin:0px 12px;
height:24px;
/*border:1px solid red;*/
padding-top:5px;
border-right:1px dotted #fff;
}

#logo ul li.equip{
color:#333;
font:bold;
padding:4px 6px;
}

#logo ul li a{
color:#fff;
text-decoration:none;
padding:4px 6px;
}

#logo ul li.equip a:hover{
color:#333;
}

#logo ul li.comunicacio a:hover{
background: #CCCCCC;
}

#idioma {
position:absolute;
top: -20px;
font:normal 1.3em Helvetica, Arial, sans-serif;
color:#666; 
}

#idioma a{
color:#FFFFFF; 
text-decoration: none;
padding:3px 2px;
}

#idioma a:hover {
color: #891636;
/*text-decoration:underline;*/
background-color:#CCCCCC;
}

#flash {
position:relative;
background:#fff;
height:226px;
}

#cos{
margin-top:5px;
overflow:auto;
background:#FFFFFF;
}

#esquerra{
width:221px;
float:left;
}

#submenu{
background-image:url(../images/submenu_principal.jpg);
background-repeat:no-repeat;
overflow:auto;
width:221px;
height:247px;
margin-top:0;
}

#submenu h4{
font:2em/1.5em Georgia, "Times New Roman", Times, serif;
color:#333;
padding:5px 25px 0 15px;
/*border:solid 1px black;*/
}

#submenu h5{
font:1.5em/1.5em Helvetica, Arial, sans-serif;
color:#333;
padding:0px 50px 0 15px;
/*border:solid 1px black;*/
}

#submenu.postit{
background-image:url(../images/submenu.jpg);
height:264px;
}

#submenu.almar{
background-image:url(../images/mantel.gif);
height:264px;
}

#submenu ol{
padding:63px 0px 0 30px;
list-style:none;
margin:0;
}

#submenu li{
font:bold 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
}

#submenu li a{
color:#666666;
text-decoration:none;
font-weight:normal;
}

#submenu li a:hover{
color: #881536;
}

#mesura {
width:221px;
border:solid 1px black;
}

#dreta{
width:579px;
float:right;
/*border:solid 1px pink;*/
background-color:#FFFFFF;
}

#dreta_principal{
width:418px;
float:left;
/*border:solid 1px pink;*/
}

#dreta_principal.home{
height:230px;
/*border:solid 1px pink;*/
}

#dreta_principal p{
font:1.3em/1.5em Georgia, "Times New Roman", Times, serif;
color:#333;
padding:2px 14px 2px 12px;
text-align:justify;
}

#dreta_principal h2{
font:2em/1.5em Georgia, "Times New Roman", Times, serif;
color:#cc0000;
padding:0px 12px;
}

#dreta_principal h3{
font:1.7em/1.5em Helvetica, Arial, sans-serif;
color:#cc0000;
padding:0px 12px;
}

#dreta_principal h3 a{
text-decoration:none;
color:#999999;
}

#dreta_principal ul{
padding:5px 12px 0 12px;
list-style:none;
margin:0;
}

#dreta_principal li{
font: 1.3em/1.5em Helvetica, Arial, sans-serif;
border-top:dotted 1px #333;
}

#dreta_principal li.preu{
font: bold 1.3em/1.5em Helvetica, Arial, sans-serif;
color: #cc000;
}

#dreta_news{
width:158px;
float:right;
/*border:solid 1px pink;*/
}

#dreta_news h3{
border-top:1px dotted #666;
font:1em Helvetica, Arial, sans-serif;
margin:15px 0 0 0;
}

#dreta_news h3 a {
display:block;
width:158px;
height:33px;
color:#666666;
text-decoration:none;
}

#dreta_news h3 a:hover {
color: #CCCCCC;
}

#dreta_news h3.blog a {
background:transparent url(../images/b_blog.gif) left top no-repeat;
}

#dreta_news h3.blog a:hover {
background-position:left -33px;
}

#dreta_news h3.contacta {
margin:0;
}


#dreta_news h3.contacta a {
background:url(../images/b_contacta.gif);
}

#dreta_news h3.contacta a:hover {
background-position:left -33px;
}

#peu{
height: 120px;
background: #cc0000;
width: 100%;
margin-top:12px;
}

#minipeu{
width: 800px;
height:100px;
margin:0 auto;
position:relative;
}

#minipeu img{
position:relative;
top:15px;
left:10px;
}

#minipeu ul{
position:absolute;
left:228px;
top:15px;
list-style:disc;
font:1em/1.5em Helvetica, Arial, sans-serif;
color:#fff;
}

#minipeu ul.centre{
left: 333px;
}
#minipeu ul.dreta{
left: 539px;
}

#minipeu ul li a{
text-decoration:none;
color:#fff;
}

#minipeu ul li a:hover{
color: #999999;
}