/* 
	project:	Rocafort de Vallbona
	author:
*/
* { margin: 0; padding: 0; }

body {
	font: normal 1em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
	text-align: center;
}

a {	background: inherit; color: #B60D0A; text-decoration: none; }
a:hover { background: inherit; color: #808080; }

p { margin: 0 0 15px 0; }
h1 { font: normal 2.5em "Trebuchet MS", Arial, Sans-Serif; color: #fff; }
h2 {
	margin: 0 0 12px;
	border-bottom: 1px solid #ccc;
	font: bold 1.2em "Trebuchet MS", Arial, Sans-Serif;
	color: #B60D0A;
	text-align: center;
}

h3 { font: normal 1.5em "Trebuchet MS", Arial, Sans-Serif; }

h1 a { background: inherit; color: #fff; }
h1 a:hover { background: inherit; color: #E4FFD3; }

img.alignright { float: right; display: inline; }
img.centered { display: block; margin: auto; }
img.alignleft { float: left; display: inline; }

#content {
	min-width: 740px;
	max-width: 940px;
	width: auto !important; /* Para los navegadores que respetan los estandares */
	width: 740px; /* Para Explorer por si el usuario no tiene activado javascript */
	width: expression(((document.documentElement.clientWidth && document.documentElement.clientWidth < 800) || (document.body.clientWidth && document.body.clientWidth < 800)) ? "740px" : ((document.documentElement.clientWidth && document.documentElement.clientWidth > 1024) || (document.body.clientWidth && document.body.clientWidth > 1024)) ? "940px" : "auto" ); /* Explorer con javascript activado */
	margin: 0px auto; /* per que el center del body tingui el seu efecte. */
	background: #fff;	
	text-align: left; /* per anular el text-align: center del body, per que sino ens posaria tot el texte centrat. */
}

#header { position: relative; height: 189px; background: #fff url(../images/brot_olives_fondo.jpg) repeat-x; text-align: left; }
#header .motiu { float: left; border-style: none; }
#header .titol { position: absolute; top: 40px; left: 280px; }
#header .titol p { margin: 2px 10px; font-size: .8em; }
#header .idioma { position: absolute; bottom: 0px; right: 0px; margin: 1px 4px; font-size: .9em; }
#header .idioma img { border-style: none; }

#menu { height: 20px; background: #D0D4D4 url(../images/menu_fondo.jpg) repeat-x; margin: 0 0 15px 0; }
#menu ul { margin: 1px 0 0 0; }
#menu li { float: left; background: #D0D4D4; list-style: none; }
#menu li a { padding: 0px 20px; background: #D0D4D4; color: #808080; cursor: pointer; }
#menu li a:hover { background: #B2B6B6; color: #000; }
#menu li a.current { background: #66A3CF; color: #fff; }

#presentacio { padding: 0 10px; font-size: .8em; }
#presentacio h3 { text-align: center; }
#presentacio p { padding: 0 20px; text-align: justify; }
#presentacio img { display: block; margin: auto; padding: 2px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; }

#historia { padding: 0 10px; font-size: .8em; }
#historia .leftcol { float: left; }
#historia .rightcol { float: right; width: 55%; padding-left: 20px; }

#festes { padding: 0 10px; font-size: .8em; }
#festes h3 { margin: 0 0 10px; border-bottom: 1px solid #ccc; color: #0c17f4; text-align: center; }
#festes p { padding-right: 20px; }
#festes .leftcol { float: left; }
#festes .right { float: right; width: 66%; }
#festes .centercol { float: left; }
#festes .rightcol { float: right; width: 50%; }

#activitats { padding: 0 10px; font-size: .8em; }
#activitats h3 { margin: 0 0 10px; padding-left: 10px; border-bottom: 1px solid #ccc; color: #000; text-align: left; }
#activitats .leftcol { float: left; padding-right: 20px; }
#activitats .right { float: right; width: 66%; }
#activitats .centercol { float: left; margin-top: 120px; padding-right: 20px; }
#activitats .rightcol { float: right; width: 60%; }
#activitats .bottom { float: left; }

#pessebre { padding: 0 10px; font-size: .8em; }
#pessebre p { padding: 0 20px; }
#pessebre .top { float: left; }
	#pessebre .leftcol { float: left; }
	#pessebre .right { float: right; width: 70%; }
	#pessebre .centercol { float: left; }
	#pessebre .rightcol { float: right; width: 33%; }
#pessebre .middle { float: left; }
	#pessebre .leftcol2 { float: left; }
	#pessebre .right2 { float: right; width: 80%; }
	#pessebre .centercol2 { float: left; }
	#pessebre .rightcol2 { float: right; width: 30%; }
#pessebre .bottom { float: left; }
	#pessebre .leftcol3 { float: left; }
	#pessebre .right3 { float: right; width: 66%; }
	#pessebre .centercol3 { float: left; }
	#pessebre .rightcol3 { float: right; width: 50%; }
	
#pessebre2008 { padding: 0 10px; font-size: .8em; text-align: center; }
#pessebre2008 p.autorlogo { margin: 0 5px; text-align: right; }
#pessebre2008 .triptic table { border-collapse: collapse; }	
#pessebre2008 .triptic table td { border: 0px none; text-align: center; }
#pessebre2008 .colaboradors table { border-collapse: collapse; }	
#pessebre2008 .colaboradors table td { border: 2px solid; text-align: center; }

#pessebre2009 { padding: 0 10px; font-size: .8em; text-align: center; }
#pessebre2009 h4 { padding-left: 10px; font: normal 1.5em "Trebuchet MS", Arial, Sans-Serif; }
#pessebre2009 .triptic { margin-bottom: 15px; }
#pessebre2009 .triptic table { border-collapse: collapse; }	
#pessebre2009 .triptic table td { border: 0px none; text-align: center; }
#pessebre2009 .organitza { margin-bottom: 15px; }
#pessebre2009 .organitza h3 { padding-right: 15px; font-size: 1.75em; text-align: left; }
#pessebre2009 .organitza table { border-collapse: collapse; }	
#pessebre2009 .organitza table td { border: 0px none; text-align: left; vertical-align: top}
#pessebre2009 .colaboradors h3 { padding-left: 10px; background: #666699; color: #fff; font-size: 1.5em; text-align: left; }
#pessebre2009 .colaboradors table { border-collapse: collapse; }	
#pessebre2009 .colaboradors table td { border: 2px solid; text-align: center; }

#prefooter { margin: 10px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid #ccc; background: #fff; font-size: .9em; text-align: center; } 
#prefooter h4 { padding-left: 10px; font: normal 1.5em "Trebuchet MS", Arial, Sans-Serif; }
#prefooter .pessebre { margin-bottom: 15px; }
#prefooter .pessebre h3 { padding-right: 15px; font-size: 1.75em; text-align: left; }
#prefooter .pessebre table { border-collapse: collapse; }	
#prefooter .pessebre table td { border: 0px none; text-align: left; vertical-align: top}

#footer { margin: 1px 0 0 0; padding: 8px 2px 0px 2px; background: #D0D4D4; color: #808080; font-size: .9em; }
#footer .right { float: right; text-align: right; }
#footer .right img { border-style: none; }