@charset "utf-8";


html, body {
font: 13px Trebuchet MS, Century Gothic, Arial, Helvetica, sans-serif;
color:Black;
	/*font-style: normal;*/
	background-color: #6C6157;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: center;
height: 100%;
border: none;
}

#container{
   margin:0 auto;
	text-align: center;
   width: 892px;
	height: auto;
	/*background-color: White;*/
	
	
/*------------ inici capsalera ---------------*/
	
}
#capsalera{
position: relative;
height: 85px;
text-align: left;
	margin: 0;
	padding: 0;
	background-image: url(../img/deco_capsalera.gif);
	background-repeat: no-repeat;
}

#bannerFlash{
	position:absolute;
	width: 694px;
	height: 79px;
	left:193px;
	top:6px;
	background-image: url(../img/flash_capsalera.gif);
	background-repeat: no-repeat;
}

#logo{
	position:absolute;
	width: 173px;
	left:20px;
	top:9px;
}
/*------------ fi capsalera ---------------*/

/*--------------- inici menu principal --------------------*/

#menu{
	float:left;
	/*height: 32px;*/
	/*background-color: #6C6157;*/
	width: 882px;
	padding-left:10px;
	background-image: url(../img/deco_menu2.gif);
	background-repeat: repeat-y;
}


.menuprincipal ul{
margin: 0;
padding: 0;
float: left;
font: bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
width:600px;
/*border: 1px solid #625e00;*/
border-width: 1px 0;
/*background-color: #6C6157 ;*/

}

.menuprincipal li{
display: inline;
}

.menuprincipal li a{
float: left;
color: white;
padding: 5px 20px 5px 10px;
text-decoration: none;
border-right: 1px solid white;
}

.menuprincipal li a:visited{
color: white;
}

.menuprincipal li a:hover, .menuprincipal li a.current{
color: #731D34;
background-color: #A79891;
}

.tabcontainer{
position: relative;
float: left;
/*z-index: 1000;*/
clear: right;
background-color: White;
margin-left:20px;
width:500px; /*width of 2nd level sub menus*/
height:26px; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
text-align: left;
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
/*margin-top: -2em;*/
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.tabcontent{
float:left;
display:none;
}

.tabcontent ul{
margin: 0;
padding: 0;
float: left;
font: normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
width:auto;
background-color: #A79891;
}

.tabcontent li{
display: inline;
}

.tabcontent li a{
float: left;
color: black;
padding: 5px 10px 5px 10px;
text-decoration: none;
border-right: 1px solid white;
}

.tabcontent li a:visited{
color: black;
}

.tabcontent li a:hover, .tabcontent li a.current{
color: #731D34;
background-color: #F7F0F0;
}

#idioma{
float: right;
margin-right: 20px;
position: relative;
text-align: right;
}

.idiomaClass ul{
margin: 0;
padding: 0;
font: bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
width:148px;
border-width: 1px 0;
}




/*--------------- fi menu principal --------------------*/

/* ---------- inici continguts --------------------------*/

#contingut{
position: relative;
float:left;
width: 892px;
background-color: White;
text-align: left;
/*min-height:435px;*/
background-image: url(../img/deco_contingut.gif);
background-repeat: repeat-y;
text-align:center;
}
	
#contingut #HomemovieFlash{
position: relative;
float: right;
width:312px;
height:413px;
/*margin-right:4px;*/
}

#contingut .home{
position: relative;
float: left;
width: 887px;
/*min-height: 500px;*/
text-align: left;
}

#contingut .contador{
	position:relative;
	float:right;
	width: 877px;
	text-align: center;
	font-size: 0.8em;
}

#contingut .projectes{
position: relative;
float: left;
width: 887px;
min-height: 500px;
background-image: url(../img/fons_proj_home.jpg);
background-position: top right;
background-repeat: no-repeat;
text-align: left;
}

#contingut .quisom{
position: relative;
float: left;
width: 887px;
min-height: 500px;
background-image: url(../img/fons_quisom.jpg);
background-position: top right;
background-repeat: no-repeat;
text-align: left;
}

#contingut .espCulturals{
position: relative;
float: left;
width: 887px;
min-height: 500px;
background-image: url(../img/fons_proj_espcult.jpg);
background-position: top right;
background-repeat: no-repeat;
text-align: left;
}

#contingut .espSingulars{
position: relative;
float: left;
width: 887px;
min-height: 500px;
background-image: url(../img/fons_proj_espsing.jpg);
background-position: top right;
background-repeat: no-repeat;
text-align: left;
}

#contingut .estands{
position: relative;
float: left;
width: 887px;
min-height: 500px;
background-image: url(../img/fons_proj_estands.jpg);
background-position: top right;
background-repeat: no-repeat;
text-align: left;
}

#contingut .expos{
position: relative;
float: left;
width: 887px;
min-height: 500px;
background-image: url(../img/fons_proj_expos.jpg);
background-position: top right;
background-repeat: no-repeat;
text-align: left;
}

#contingut .grafisme{
position: relative;
float: left;
width: 887px;
min-height: 500px;
background-image: url(../img/fi_fede_gr1.jpg);
background-position: top right;
background-repeat: no-repeat;
text-align: left;
}

#contingut .clients{
position: relative;
float: left;
width: 887px;
min-height: 500px;
background-image: url(../img/fi_fede1.jpg);
background-position: top right;
background-repeat: no-repeat;
text-align: left;
}

#contingut .treballs{
position: relative;
float: left;
width: 887px;
min-height: 500px;
background-image: url(../img/fons_projectes04.jpg);
background-position: top right;
background-repeat: no-repeat;
text-align: left;
}


.patents{
position: relative;
float:left;
width: 780px;
height:170px;
margin: 120px 60px 0px 60px;
}


#contingut #newsCat{
	float:left;
	width: 375px;
	padding: 10px 10px 10px 40px;
	background-color: White;
	line-height: 1.2em;
	border: 1px solid #965667;
	overflow: auto;
	margin: 15px 20px 10px 20px;
	background-image: url(../img/cat/noticia.gif);
	background-repeat: no-repeat;
	background-position: 1px 10px;
}

#contingut #newsCast{
	float:left;
	width: 375px;
	padding: 10px 10px 10px 40px;
	background-color: White;
	line-height: 1.2em;
	border: 1px solid #965667;
	overflow: auto;
	margin: 15px 20px 10px 20px;
	background-image: url(../img/cast/noticia.gif);
	background-repeat: no-repeat;
	background-position: 1px 10px;
}

#contingut #newsEng{
	float:left;
	width: 375px;
	padding: 10px 10px 10px 40px;
	background-color: White;
	line-height: 1.2em;
	border: 1px solid #965667;
	overflow: auto;
	margin: 15px 20px 10px 20px;
	background-image: url(../img/eng/noticia.gif);
	background-repeat: no-repeat;
	background-position: 1px 10px;
}


.colEsq{
float: left;
position: relative;
width: 375px;
padding: 0px 0px 10px 40px;
margin: 0px 0px 10px 20px;
}

.colDr{
float: right;
position: relative;
width: 375px;
padding: 0px 40px 10px 0px;
margin: 0px 0px 10px 20px;
}

.textintro{
font: 1.2em/1.6em;
text-align: justify;
}

.textintro a, .textintro li a{
color: #731D34;
text-decoration: none;
font-weight: bold;
}

.textintro a:hover, .textintro a.current, .textintro li a:hover, .textintro li a.current{
color: #965667;
text-decoration: underline;
font-weight: bold;
}


.colEsq h1, .colDr h1{
font-size: 1.2em;
margin-bottom: -10px;
	color: #731D34;
}

p.llistat{
	font-size: 0.9em;
	line-height: 1.6em;
	color:#731D34;
	font-weight: bold;
}

ul.llistat{
	margin: 0;
	padding:0;
}

li.llistat{
	font-size: 0.9em;
	line-height: 1.6em;
	list-style-image: url(../img/bullet.gif);
	list-style-position: outside;
	white-space: normal;
}

 p.llistat a, li.llistat a {
	color: #965667;
text-decoration: underline;
font-weight: bold;
}

#finalContingut{
position: relative;
float: left;
width: 892px;
height: 10px;
background-image: url(../img/deco_final.gif);
background-repeat: no-repeat;
}
/* ---------- fi continguts --------------------------*/



#peuplana{
position: relative;
float:left;
width: 882px;
	background-color: #6C6157;
	text-align: center;
	padding: 5px;
}



/*---------------- inici Contextual ---------------------*/

#contMenuCont{
	float:left;
	width: 475px;
	padding: 0px 0px 10px 60px;
	text-align: left;
}

.menuCont{
	font-size: 1em;
	font-weight: bold;
	color: #731D34;
}

.menuCont a{
text-decoration: none;
	color: #696969;
	font-weight: normal;
}
.menuCont a:hover , .menuCont a:focus {
	color: #731D34;
	text-decoration: underline;
	font-weight: normal;
}

/*---------------- fi Contextual ---------------------*/


/*--------------------------- menu projectes -------------------------------*/

#mygallery{
position: relative;
float:left;
width: 680px;
height:170px;
margin: 44px 100px 0px 100px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 600px; /*Width of Carousel Viewer itself*/
height: 170px; /*Height should enough to fit largest content's height*/
/*margin-left: 40px;*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

 .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 160px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background-image: url(../img/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 71px;
}

.panel p {
font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #696969;
 text-align: left;
margin:0;
padding:0;
}

.panel img {
	margin-bottom: 15px;
}

.panel a{
color: #696969;
font-weight: normal;
text-decoration: none;
text-align: left;
}

 .panel a:hover, .panel a:focus,{
color: #A79891;
font-weight: normal;
text-decoration: none;
text-align: left;
}

/* ESTILS DE CAIXES*/

.subseccio {
float: left;
	padding: 5px 5px 5px 20px;
	margin-bottom: 10px;
	background-color: White;
	width: 120px;
	height: 20px;
	text-align: left;
	/*border-bottom-color: #A79891;
	border-bottom-style: solid;
	border-bottom-width: 1px;*/
	font-size: 1.1em;
	font-weight: bold;
	color:#6C6157;
}

.noticia {
float: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align: justify;
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
background-color: White;
border-bottom-color: #A79891;
border-bottom-style: dashed;
border-bottom-width: 1px;
}

.dataNoticia{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color: #696969;
}

.noticiaambImatge {
float:left;
font-size: 0.9em;
text-align: justify;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: White;
	border-bottom-color: #A79891;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

.imatgeNoticia{
float:right;
width:120px;
margin-left: 20px;
margin-bottom: 20px;
}

p.imatge{
	margin: 10px 0 0 0;
	padding: 0;
}