/* CSS Document */

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
background-color:#F3EAE1;
}

/* menu esquerre */

#framecontentLeft{
position: absolute; 
top: 0; 
left: 0; 
width: 210px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color:#EDE0D1;
}

/* capçalera */

#framecontentTop{
position: absolute; 
top: 0; 
left: 0; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: 1920px;
height: 133px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-image:url(../imatges/imacab.jpg);
background-repeat: no-repeat;
	background-attachment: absolute;
}

/* part inferior */

#framecontentBottom{
	z-index:50;
position: absolute; 
top: auto; 
left: 0; /*Set left value to WidthOfLeftFrameDiv*/
bottom: 0;
right: 0;
	width: 1920px;
	height: 65px; /*Height of bottom frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background-image:url(../imatges/partinf.jpg);
	background-repeat: no-repeat;
	background-attachment: absolute;
}

/* contingut, capa central*/

#maincontent{
position: fixed; 
top: 134px; /*Set top value to HeightOfTopFrameDiv*/
left: 210px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
bottom: 65px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: auto; 
background-color:#F3EAE1;
text-align: center;
padding-left: 25px;
}


.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}


/* hacks per IE6 estructura */

* html body{ /*IE6 hack*/
padding: 133px 0 65px 210px; /*Set value to (HeightOfTopFrameDiv  0 HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 

}

* html #framecontentTop, * html #framecontentBottom{ /*IE6 hack*/
width: 1920px;
}

/* MENU */

#menu{
left:26px;
top: 150px;
position:absolute;
z-index:10;
}


/* logo Forn de la Calç*/

#logo{
left:0px;
top: 12px;
position:absolute;
}

/* logo mesblanc */

#mesblanc{
right:25px;
bottom: 20px;
position:absolute;
z-index:52;
}



/* col·labora */

#colabora{
left:25px;
bottom: 9px;
position:absolute;
z-index:52;
}


/* idiomes */

#idiomes{
right:14px;
top: 14px;
position:absolute;
}

/* estils tipografies */

.Estilo1 {font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-weight: bold; font-size: 9px; color:#FFFFFF;}

.Estilo2 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #55210B; 
font-weight: bold; font-size: 12px; line-height: 18px;}

.Estilo3 {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px;}

.Estilo4 {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
	color: #55210B;}
	
.Estilo5 {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
	color: #000000;}
	
.Estilo6 {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #55210B;}
	
.Estilo7 {font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-weight: bold; font-size: 9px; color:#d2ba9e;}
	



a.estilo02:link  {
	
	color: #FFFFFF;
	text-decoration: none;
}
a.estilo02:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.estilo02:hover {
text-decoration: none;
	color: #d2ba9e;
}
a.estilo02:active {
	text-decoration: none;
	color: #FFFFFF;
}



/* treure els bordes de les imatges */


img
{
  border:0;
}


/* links normals */

a:link {
	
	text-decoration: none;
	
}
a:visited {
	text-decoration: none;
	
	
}
a:hover {
	text-decoration: none;
	 
	
}
a:active {
	text-decoration: none;
	
	
}


/* CONTINGUT INICI */


#interior1{
margin-left:auto;
margin-right:auto;
width: 700px;
background-color:#F3EAE1;
height: 745px;
margin-top: 18px;
text-align: left;
position: relative; 
}


#inicifoto1 {
	position: absolute;
	margin-left: 380px;
	margin-top: 130px;
	top:0;
left:0;
}

#inicitext1 {
	position: absolute;
	margin-top: 130px;
	width: 360px;
	height: 200px;
	text-align:left;
	top:0;
left:0;
}

#inicifoto2 {
	position: absolute;
	margin-top: 400px;
	top:0;
left:0;
}

#inicitext2 {
	position: absolute;
	margin-left: 380px;
	margin-top: 400px;
	text-align:left;
	width: 320px;
	height: 200px;
	top:0;
left:0;
}



/* CONTINGUT MUSEU */

#interior2{
margin-left:auto;
margin-right:auto;
width: 700px;
background-color:#F3EAE1;
height: 460px;
margin-top: 18px;
text-align: left;
position: relative; 
}

#museutext {
	position: absolute;
	margin-top: 0px;
	width: 340px;
	height: 400px;
	text-align:left;
	top:0;
left:0;
}

#musfotos {
position: absolute;
	margin-top: 40px;
margin-left: 360px;
top:0;
left:0;
}



/* CONTINGUT PROJECTE EDUCATIU */

#interior3{
margin-left:auto;
margin-right:auto;
width: 700px;
background-color:#F3EAE1;
height: 1080px;
margin-top: 18px;
text-align: left;
position: relative; 
}

#projtext {
	position: absolute;
	margin-top: 0px;
	width: 340px;
	height: 400px;
	text-align:left;
	top:0;
left:0;
}

#projimatg {
	position: absolute;
	margin-top: 250px;
	margin-left: 360px;
	top:-2px;
	left:-2px;
	background-color: #EDE0D1;
	height: 37px;
}

#projvectors {
	position: absolute;
	margin-top: 40px;
	margin-left: 360px;
	top:-2px;
	left:-2px;
	background-color: #EDE0D1;
	width: 327px;
	
}


/* CONTINGUT Educació i models d'aprenentatge des del format expositiu */

#interior3a{
margin-left:auto;
margin-right:auto;
width: 700px;
background-color:#F3EAE1;
height: 3900px;
margin-top: 18px;
text-align: left;
position: relative; 
}

#arttext {
	position: absolute;
	margin-top: 0px;
	width: 340px;
	height: 400px;
	text-align:left;
	top:0;
left:0;
}

#vectors {
	position: absolute;
	margin-top: 40px;
	margin-left: 360px;
	top:-2px;
	left:-2px;
	background-color: #EDE0D1;
	height: 37px;
}

#artfotos {
	position: absolute;
	margin-top: 230px;
	margin-left: 360px;
	top:-2px;
	left:-2px;
	background-color: #EDE0D1;
	height: 37px;
}

#fescola {
	position: absolute;
	margin-top: 40px;
	margin-left: 560px;
	top:160px;
	left:-210px;
	background-color: #EDE0D1;
	height: 37px;
}

/* CONTINGUT Educació i models d'aprenentatge des de l'experimentació*/

#interior3b{
margin-left:auto;
margin-right:auto;
width: 700px;
background-color:#F3EAE1;
height: 1200px;
margin-top: 18px;
text-align: left;
position: relative; 
}

#exptext {
	position: absolute;
	margin-top: 0px;
	width: 340px;
	height: 400px;
	text-align:left;
	top:0;
left:0;
}

#expvectors {
	position: absolute;
	margin-top: 40px;
	margin-left: 360px;
	top:-2px;
	left:-2px;
	background-color: #EDE0D1;
	height: 37px;
}

#expfotos {
	position: absolute;
	margin-top: 230px;
	margin-left: 360px;
	top:-2px;
	left:-2px;
	background-color: #EDE0D1;
	height: 37px;
}

#expcola {
	position: absolute;
	margin-top: 40px;
	margin-left: 560px;
	top:160px;
	left:-210px;
	background-color: #EDE0D1;
	height: 37px;
}



/* CONTINGUT Educació i models d'aprenentatge des de la recerca*/

#interior4{
margin-left:auto;
margin-right:auto;
width: 700px;
background-color:#F3EAE1;
height: 850px;
margin-top: 18px;
text-align: left;
position: relative; 
}

#rectext {
	position: absolute;
	margin-top: 0px;
	width: 340px;
	height: 400px;
	text-align:left;
	top:0;
left:0;
}

#recvectors {
	position: absolute;
	margin-top: 40px;
	margin-left: 360px;
	top:-2px;
	left:-2px;
	background-color: #EDE0D1;
	height: 37px;
}








/* CONTINGUT EXPOSICIONS */

#interior5{
margin-left:auto;
margin-right:auto;
width: 700px;
background-color:#F3EAE1;
height: 900px;
margin-top: 18px;
text-align: left;
position: relative; 
}

#expotext {
	position: absolute;
	margin-top: 0px;
	width: 340px;
	height: 400px;
	text-align:left;
	top:0;
left:0;
}

#expodates {
	position: absolute;
	margin-top: 40px;
	margin-left: 360px;
	top:-2px;
	left:-2px;
	background-color: #EDE0D1;
	height: 37px;
}

#expodates2 {
	position: absolute;
	margin-top: 170px;
	margin-left: 360px;
	top:-2px;
	left:-2px;
	background-color: #EDE0D1;
	height: 37px;
}


#expodates3 {
	position: absolute;
	margin-top: 320px;
	margin-left: 360px;
	top:-2px;
	left:-2px;
	background-color: #EDE0D1;
	height: 70px;
}

#expliexpo {
	position: absolute;
	margin-top: 450px;
	margin-left: 0px;
	top:-2px;
	left:0px;
	height: 37px;
}


/* CONTINGUT EXPOSICIONS ANTERIORS*/

#interior5a{
margin-left:auto;
margin-right:auto;
width: 700px;
background-color:#F3EAE1;
height: 1800px;
margin-top: 18px;
text-align: left;
position: relative; 
}

#expoanttext {
	position: absolute;
	margin-top: 0px;
	width: 340px;
	height: 53px;
	text-align:left;
	top:0;
left:0;
}

#expoantenrere {
	position: absolute;
	margin-top: 20px;
	margin-left: 360px;
	top:-2px;
	left:-2px;
	background-color: #EDE0D1;
	height: 37px;
}


#expliantexpo {
	position: absolute;
	margin-top: 70px;
	margin-left: 0px;
	top:-2px;
	left:0px;
	height: 37px;
}



/* CONTINGUT CURSOS I SEMINARIS */

#interior6{
margin-left:auto;
margin-right:auto;
width: 700px;
background-color:#F3EAE1;
height: 1000px;
margin-top: 18px;
text-align: left;
position: relative; 
}

#cistext {
	position: absolute;
	margin-top: 0px;
	width: 340px;
	height: 400px;
	text-align:left;
	top:0;
left:0;
}

#cisdates {
	position: absolute;
	margin-top: 40px;
	margin-left: 360px;
	top:-2px;
	left:-2px;
	background-color: #EDE0D1;
	height: 37px;
}

#cisdates2 {
	position: absolute;
	margin-top: 160px;
	margin-left: 360px;
	top:-2px;
	left:-2px;
	background-color: #EDE0D1;
	height: 37px;
}

#sem1 {
	position: absolute;
	margin-top: 280px;
	margin-left: 0px;
	top:-2px;
	left:0px;
	height: 558px;
}


/* CONTINGUT  REPRESENTACIONS */

#interior7{
margin-left:auto;
margin-right:auto;
width: 700px;
background-color:#F3EAE1;
height: 450px;
margin-top: 18px;
text-align: left;
position: relative; 
}

#repretext {
	position: absolute;
	margin-top: 0px;
	width: 340px;
	height: 1px;
	text-align:left;
	top:0;
left:0;
}

#reprefotos {
position: absolute;
	margin-top: 40px;
margin-left: 360px;
top:0;
left:0;
}



/* CONTINGUT AGENDA */


#interior8{
margin-left:auto;
margin-right:auto;
width: 700px;
background-color:#F3EAE1;
height: 880px;
margin-top: 18px;
text-align: left;
position: relative; 
}

#agendatext {
	position: absolute;
	margin-top: 0px;
	width: 701px;
	height: 987px;
	text-align:left;
	top:1px;
	left:0px;
}

#datestxt {
	position: absolute;
	margin-top: 40px;
	margin-left: 0px;
	top:-2px;
	left:-2px;
	height: 997px;
	width: 703px;
}






a.estilo00:link  {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
	color: #55210B;
	text-decoration: none;
}
a.estilo00:visited {
	text-decoration: none;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
	color: #55210B;
}
a.estilo00:hover {
	text-decoration: none;
	color: #71685d;
}
a.estilo00:active {
	text-decoration: none;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
	color: #55210B;
}




a.estilo01:link  {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #55210B;
	text-decoration: none;
}
a.estilo01:visited {
	text-decoration: none;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #55210B;
}
a.estilo01:hover {
	text-decoration: none;
	color: #71685d;
}
a.estilo01:active {
	text-decoration: none;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #55210B;
}




/* CONTINGUT AGENDA vella */


#interior15{
margin-left:auto;
margin-right:auto;
width: 700px;
background-color:#F3EAE1;
height: 2050px;
margin-top: 18px;
text-align: left;
position: relative; 
}

#agenda1text {
	position: absolute;
	margin-top: 0px;
	width: 701px;
	height: 776px;
	text-align:left;
	top:1px;
	left:0px;
}

#dates1txt {
	position: absolute;
	margin-top: 40px;
	margin-left: 0px;
	top:-2px;
	left:-2px;
	height: 62px;
	width: 703px;
}



/* ARTISTES D'INTERÈS I COL·LABORADORS*/

#interior11{
margin-left:auto;
margin-right:auto;
width: 700px;
background-color:#F3EAE1;
height: 1830px;
margin-top: 18px;
text-align: left;
position: relative; 
}

#arttext {
	position: absolute;
	margin-top: 0px;
	width: 340px;
	height: 1px;
	text-align:left;
	top:0;
left:0;
}

#artintcol {
	position: absolute;
	margin-top: 50px;
	margin-left: 0px;
	top:-2px;
	left:0px;
	height: 37px;
}








/* CONTINGUT  LINKS D'INTERÈS */

#interior9{
margin-left:auto;
margin-right:auto;
width: 700px;
background-color:#F3EAE1;
height: 300px;
margin-top: 18px;
text-align: left;
position: relative; 
}

#linktext {
	position: absolute;
	margin-top: 0px;
	width: 340px;
	height: 1px;
	text-align:left;
	top:0;
left:0;
}


/* CONTINGUT CONTACTE */

#interior10{
margin-left:auto;
margin-right:auto;
width: 700px;
background-color:#F3EAE1;
height: 440px;
margin-top: 18px;
text-align: left;
position: relative; 
}

#contacte{
	position: absolute;
	margin-top: 30px;
	top:0;
	left:0;
	height: 62px;
}

#context{
position: absolute;
	margin-top: 110px;
	top:0;
left:0;
}

#mapa{
position: absolute;
	margin-top: 150px;
	width: 100%;
	top:0;
left:0;
text-align: center;
}


a.estilo0:link  {
	color: #5B2711;
	text-decoration: none;
}
a.estilo0:visited {
	text-decoration: none;
	color: #000000;
}
a.estilo0:hover {
	text-decoration: none;
	color: #000000;
}
a.estilo0:active {
	text-decoration: none;
	color: #000000;
}