/* CSS Document */

body { 
text-align: center;
/*
background-image: url("../img/pattern1.gif");
background-repeat:repeat;
*/
}

body * { 
text-align: left; 
}

.contenedor {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
display: table; 
}

.centrado {
display: table-cell;
vertical-align: middle;
text-align: center; 
}


/* CONTENEDOR PRINCIPAL */

#pagina{
width: 850px;
height: 640px;
margin: 0 auto;
/*
vertical-align:middle;
position:absolute;
top:50%;
left:50%;
margin-top:-280px;
margin-left: -375px;
margin-right: auto;
*/
font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* CONTENEDOR SUPERIOR */
#titol{
height: 50px;
}

/* LOGO */

#titolnom{
float:left;
width:200px;
padding-top:21px;
}

#titolnom a{
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-family:"Trebuchet MS";
font-weight:normal;
font-size: 18px;
text-decoration:none;
}

#titolnom a:link{ color:#444; }

#titolnom a:visited{ color:#444; }

#titolnom a:hover{ color:#888; }

/* MENU SUPERIOR */

#titolmenu{
font-family:"Trebuchet MS";
float:right;
width:600px;
font-size:10px;
line-height:15px;
text-decoration:none;
margin-top:18px;
padding-right:0px;
}

#titolmenu a{ 
color:#666; 
text-decoration:none;
}

#titolmenu a:link{ color:#666; }

#titolmenu a:visited{ color:#666; }

#titolmenu a:hover{
color:#fff;
background-color:#888;
}

#titolmenu a:active{
color:#666;
background-color:#fff;
}

#titolmenu li{
float:right;
list-style-type:none;
/*padding-left:15px;*/
}

#separator {
color:#666;
margin-left:20px;
margin-right:20px;
}

/* CONTENEDOR CENTRAL */

#portada{
/*background-image:url(img/fons/fons_bri_02.jpg);*/
/*background-color:#FFFFCC;*/
height:420px;
width:850px;
/*position: relative;*/
}

#fotoprojecte{
width:850px;
height:420px;
background-color:#000;
/*z-index:0;*/
}

#arrow{
margin-top:4px;
margin-left:194px;
}

#arrow a:link{ color:#fff; }

#arrow a:visited{ color:#fff; }

#titleinfoproject{
width:200px;
/*height:20px;*/
margin-top:-405px;
margin-left:619px;
/*margin-top:-2px;
margin-bottom:6px;*/
background:#000;
opacity:0.65;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 8px;
padding-left: 8px;
}

#titleinfoprojectcontent{
width:190px;
font-family:"Trebuchet MS";
color:#fff;
font-weight:bold;
font-size: 12px;
padding: 0px;
margin: 0px;
margin-top:-13px;
}

#infoproject{
width:200px;
margin-left:619px;
color:#fff;
background:#000;
opacity:0.6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding: 8px;
padding-top: 6px;
}

#infoproject a{
    color:#888; 
    text-decoration:none;
}

#infoproject a:link{ color:#888; }

#infoproject a:visited{ color:#888; }

#infoproject a:hover{ color:#eee; }

#paginas{
float:right;
margin-right: 5px;
margin-top:-32px;
height:18px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 6px;
padding-left: 6px;
}

#paginas a{
background:#000;
opacity:0.6;
font-family:"Trebuchet MS";
color:#fff;
font-weight:bold;
font-size: 11px;
text-decoration:none;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 4px;
padding-left: 4px;
margin-right:  4px;
}

#paginas a:hover{
opacity:0.99;
}

#paginas a:active{
opacity:0.99;
}

#textprojecte{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ccc;
line-height:12px;
font-size: 9px;
font-weight:normal;
position: absolute;
left: 420px;
top: 20px;
width: 300px;
}

/* CONENEDOR INFERIOR */

#inferior{
margin-left: 0px;
width:850px;
height:170px;
}

.subtitols{
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-family:"Trebuchet MS";
font-style:italic;
font-size:10px;
color:#999;
/*font-weight:bold;*/
margin-top:10px;
height:20px;
}

/* CONTENEDOR INFERIOR IZQUIERDO */

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

.cross{
font-family:"Trebuchet MS";
font-size:10px;
color:#999;
}

#menu{
font-family:"Trebuchet MS";
font-size:11px;
font-weight:bold;
}

#menu li{
list-style-type:none;
}

/* CONTENEDOR INFERIOR MEDIO */

#mig{
/*margin-left:9px;*/
float:left;
width:215px;
}

.titols{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333;
text-align:right;
/*font-weight:bold;
letter-spacing:2px;*/
font-size: 11px;
}

/* CONTENEDOR INFERIOR DERECHO */

#dreta{
/*margin-left:10px;*/
float:left;
/*padding-down:5px;*/
width:425px;
}

.titolinf{
font-family:"Trebuchet MS";
color:#333;
font-weight:bold;
font-size: 11px;
}

.fitxa{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:10px;
}

.fitxa a{ color:#444; }
.fitxa a:link{ color:#444; }
.fitxa a:visited{ color:#444; }
.fitxa a:hover{ color:#000; }
   
.projecte {
/*margin-top:25px;
margin-bottom: 15px;
*/
font-size:10px;
}

#imatgeprojecte{
float: left;
margin-right: 0px;
}

.titolsup{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-weight:bold;
letter-spacing:1px;
font-size: 10px;
font-weight:bold;
}

#fitxaprojecte{
font-size:10px;
margin-top:25px;
text-align:justify;
}


/* NOTICIAS */


#newsTitle{
width:200px;
/*height:20px;*/
margin-top:-405px;
margin-left:16px;
/*margin-top:-2px;
margin-bottom:6px;*/
background:#000;
opacity:0.75;
padding-top: 4px;
padding-bottom: 0px;
padding-right: 8px;
padding-left: 8px;
font-family:"Trebuchet MS";
color:#fff;
font-weight:bold;
font-size: 13px;
}

#newsContent{
width:200px;
margin-left:16px;
color:#fff;
background:#000;
opacity:0.75;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding: 8px;
padding-top: 0px;
padding-bottom: 10px;
}

.newsDate{
color:#ccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
padding-top: 12px;
padding-bottom: 4px;
}

.teamMember{
color:#ccc;
font-family:"Trebuchet MS";
font-size:12px;
font-weight:bold;
padding-top: 12px;
padding-bottom: 4px;
}

#newsContent a{ color:#fff }

#newsContent a:hover{ color:#ccc }

#newsContent a:visited{ color:#fff }


/* SELECT / NOSELECT STYLES */

.selected a:link{ 
text-decoration:none;
color:#fff;
background-color:#888;
}

.selected a:visited{
text-decoration:none;
color:#fff;
background-color:#888;
}

.selected a:hover{ 
text-decoration:none;
color:#fff;
background-color:#888;
}

.selected a:active{ 
color:#fff;
background-color:#888;
}

.noselected a{
color:#333; 
text-decoration:none; 
}

.noselected a:link{ color:#333; }

.noselected a:visited{ color:#333; }

.noselected a:hover{
color:#fff;
background-color:#888;
}

.noselected a:active{
color:#333;
background-color:#ffff;
}


.clearfix {display: inline-block;}
/* * html .clearfix {height: 1%;}*/

.clearfix {display: block;}