/*Full d'estils general per a la web de Magòria. Gener 2005 */

body
		{
			margin: 0;
			padding: 0;
			text-align:center;
		}
		
#contenidorglobal
		{	width: 700px; /*per a que es vegi òptim en 800x600 o superior */
			margin-top: 0.8em;
			margin-left:auto;
			margin-right:auto;
			/*background-color:#FFCC33; color taronja*/
			/*background-repeat: repeat-y;			*/
			border: 0px solid #336600;
			text-align:left;
			
			
		}
#capsalera {background-color: white; height:115px;/* border: 3px solid red; */} 

/*dins la capçalera hi ha el logo i el blocdreta, el blocdreta té el menudreta i infodreta*/
					 
#caplogo { float: left;
 			
			/*background-color:#FFCC33;*/
			background-image:  url("../../imatges/dissenyweb/logototal.gif");
/*			background-image:  url("../../imatges/dissenyweb/logoFeb05_3.gif");*/
			background-repeat: no-repeat;
			background-position: top left;
			width: 100%;
			/*padding-top: 6em; /atenció, aquesta línia es important, sino no surt be el logo /*/
			height: 115px; /*sinó poso això no es veu tota la imatge i encara no sé perquè */
			margin:0;
			
			}


#menudreta {float:right; width:32%; font-weight:900; text-align: right; padding-right:4px; color:#1C5555;}
			
/*#menudreta { float: right; width: 15em; background:#336600;
					 color: white; font-weight:900;  padding-left: 3px;}  height:1.4em;*/
/*aquest tres al final de moment no s'usen*/
#blocdreta {float: right; width: 15em; margin-top:0px;padding-top:0px;padding-bottom:0.5em;}			
#infodreta	{	float: right;width:12em;margin-left: 0px;padding-top: 0.2em;padding-left: 2px;}					 
#titol { margin-left: 6.5em; width: 100%; padding-top: 0.1em; color: #336600; } 


/*la barramenu es de moment una sola columna i una sola fila que va just abans del contigut, però no dins */

#BarraMenu {
					margin-left: 0em;
					padding-left: 0.1em;
					padding-top: 0em;
					width: 100%;
					background-color:#fff ;
					height: 3em;
					/* border: 2px solid blue;*/
					 /* url(imatges/tilefoc.gif) repeat-y 100% 0; */
					}
				
					
#bloccontingut {
					 padding-top: 0em;
					 margin-left: 0em;
					 background-color:#FFE289;
					/* border: 3px solid green;*/
					 /* url(imatges/tilefoc.gif) repeat-y 100% 0; */
					}
#cami {padding-left: 0.3em;
				 	padding-right: 0em;
					padding-top: 0.6em;
 					background-color: #FFFFFF;  /*#CCCCFF; lila fluixet*/
					/*background-image:  url("../../imatges/dissenyweb/fonscontingut2.jpg");
				background-repeat:repeat-y;*/
					text-align:left;
					}

#contingut { 		padding-left: 5%;
				 	padding-right: 1%;
					padding-top: 0.8em;
			/*	background-image:  url("../../imatges/dissenyweb/fonscontingut2.jpg");
				background-repeat:repeat-y;*/
background-color:white;
 					/*background-color:#FDECBA;*/
 					/* border: 3px solid red;*/
				 }
/*#contdreta {background:white;*/ /*border: 3px solid yellow; *//*} url(imatges/tilefoc.gif) repeat-y 50% 0; }*/
					
#footer { clear: both;
				padding-top: 0.5em;
				padding-bottom: 0.5em;
				background-color: #FDC815;
				/*background-image:  url("../../imatges/dissenyweb/fonsinvertit.jpg");
				background-repeat:repeat-y;
				background-color: white; */
				color: #336600;
				text-align: center; 
				border-top: 2px solid #FDC815;
				height: 4em;

				/*border: 2px solid blue;*/ }

/* per a fer una taula única de dues columnes*/				
#col1 {
	float:left;
	width:45%;
	padding-left:5%;
	text-align:left;
	vertical-align: top;

} /*position:absolute; top:0; left:0; width:200px; height:inherit; }*/
#col2{
	margin-left:50%;
	width:45%;
	padding-left:5%;
	vertical-align: top;
	
} /*200px; min-width:350px; }*/

/*per a fer una taula tants cops com calgui de dues columnes*/

 .col3 {float:left; width:40%; padding-left:5%; text-align:left;}
 .col4 {margin-left:45%; padding-left:5%; } 

/*Galeria fotos amb CSS (prova muntsa)*/
.principal {
	margin:0 auto;
}

.contenidorfotoV {
	float: left;
	width: 180px;
	height:180px;
	margin: 3px;
	padding: 5px;
	background-color: #f5f7f9;
	border-right: #a5a7aa solid 1px;
	border-bottom: #a5a7aa solid 1px;
}

.contenidorfotoH {
	float: left;
	width: 210px;
	height:180px;
	margin: 3px;
	padding: 5px;
	background-color: #f5f7f9;
	border-right: #a5a7aa solid 1px;
	border-bottom: #a5a7aa solid 1px;
}
/*FI Galeria fotos amb CSS (prova muntsa)*/