/*____ MAIN STYLES ____
  ____see separate style sheet for IE7 and lower____*/


/*__ INDEX __
	1. Main structure
	2. Page layout
	3. Type stuff
	4. For specific pages
	5. Navigation
	6. Modifiers / miscs
__*/


body		{ margin: 0; padding: 0; border: 0; text-align: center; 
				/*background-color: #e5e8c5;*/
				background-color:#aecee0; 
				background-image: url("media/white1x115.gif"); 
				background-repeat: repeat-x; 
				font-size: 100%; color: #555; }
				
				
/*_____________1. MAIN STRUCTURE____________________________________*/

#pageContainer	{ background-color: #fff; text-align: left; 
					margin: 0 auto; padding: 0 14px 14px 14px; 
					height: auto; width: 900px; position: relative; }
		/* pageContainer contains everything, 
		'position relative' makes child absolute divs position correctly */


#gente			{ width: 900px; height: 103px; margin: 0; padding: 0;
					background-image: url("media/TopImageTemp4.jpg");
					background-repeat: no-repeat; border: 0;
					background-position: center top; }
	/*___contiene sólo la franja arriba de imagen de la gente___*/

#gente2			{ width: 900px; height: 103px; 
					background-image: url("media/TopImageTemp3.jpg");
					background-repeat: no-repeat; 
					background-position: center top; }
	/*___este id es sólo para muestra de nadadora alternativa___*/

#sctIDstrap		{ width: 904px; height: 62px;    
					background-image: url("media/logos/sctNameLogo.gif");
					background-repeat: no-repeat; overflow: visible; 
					margin-left: -4px; }
#fctIDstrap		{ width: 904px; height: 70px;    
					background-image: url("media/logos/fctNameLogo.png");
					background-repeat: no-repeat; overflow: visible; 
					margin-left: -4px; }

#wrapAll		{ width: 900px; height: auto; text-align: left; 
					background-image: url("media/verticalFade.jpg");
					background-repeat: repeat-x; background-color: #fff; 
					background-position: 0 0; }
	/*___contains everything below Society name and logo___*/

#wrapContent	{ width: 720px; float: right; margin-bottom: 14px; }
	/*___contains 1-, 2- or 3-column content, but not menu column___*/


.content3colLeft	{ float: left; width: 218px; margin-right: 15px; 
						padding: 0 4px 0 6px; background-color: #fff; }
		/*___total width218 +15marginR +2border +10padding =245px___*/

.content3colRight	{ float: right; width: 216px;   
						padding: 5px 6px 5px 8px; }

.columnhead 		{ width: 228px; margin: 0 -4px 8px -6px; }
	/* when using 'columnhead' to enclose an image, put opening and closing div tags on same line or else IE6 will add pixels underneath the image */


.content2colLeft	{ float: left; width: 339px; padding: 24px 4px 2px 6px; 
						background-color: #fff; display: inline; }
	/*___total width339 +2border +10padding =351_____display inline avoids IE duplicate characters bug but has no other effect___*/

.content2colRight	{ float: right; width: 339px; padding: 24px 6px 2px 6px; 
						background-color: #fff; display: inline; }
	/*___total width339 +2border +10padding =351________*/

.content1col	{ float: left; width: 690px; padding: 24px 14px 2px 16px; 
						background-color: #fff; display: inline; }
	/*___total width 690 +30padding = 720____*/
	/*____display inline avoids IE duplicate characters bug___*/

#menuWrap		{ float: left; width: 165px; padding-bottom: 15px; }
	/*___contains everything in far left column: language, menu, sponsors___*/

#footer			{ clear: both; padding: 8px 8px 0 8px; text-align: center; 
					background-color: #007000; 
					width: 884px; height: 20px; margin: 14px 0 0 0; }
#footer p		{ font-size: 10px; line-height: 12px; 
					margin: 0; color: #e5e8c5; }
#footer a:visited	{ text-decoration: none; color: #e5e8c5; }
#footer a:link		{ text-decoration: none; color: #e5e8c5; }
#footer a:hover		{ text-decoration: none; color: #fff; 
						border-bottom: 1px dotted; padding-bottom: 1px; }

#fctfooter			{ clear: both; padding: 8px 8px 0 8px; text-align: center; 
					background-color: #0075b0; 
					width: 884px; height: 20px; margin: 14px 0 0 0; }

#fctfooter p		{ font-size: 10px; line-height: 12px; 
					margin: 0; color: #e5e8c5; }
#fctfooter a:visited	{ text-decoration: none; color: #e5e8c5; }
#fctfooter a:link		{ text-decoration: none; color: #e5e8c5; }
#fctfooter a:hover		{ text-decoration: none; color: #fff; 
						border-bottom: 1px dotted; padding-bottom: 1px; }


/*_________2. PAGE LAYOUT________________________________________________*/

#finalImage		{ clear: both; width: 900px; height: 1px; 
					margin: 0; }

#sponsors1		{ float: left; clear: left; width: 165px; 
					text-align: center; margin-top: 24px; }
.sponsorlogo	{ margin-top: 6px; padding: 0 0 8px 0; 
					width: 165px; float: left; clear: both; }

.divVerdeOscuro	{ background: #fff url(media/verdeOsc_1x14.gif) repeat-x; 
					border: 1px solid #007000; }
.divRojoOscuro	{ background: #fff url(media/rojoOsc_1x14.gif) repeat-x; 
					border: 1px solid #9e3433; }
.divAzulOscuro	{ background: #fff url(media/azulOsc_1x14.gif) repeat-x; 
					border: 1px solid #0032a3; }
.divAzulFundacio{ background: #fff url(media/azulFundacio_1x14.gif) repeat-x; 
					border: 1px solid #0075b0; }
.divAzulVerde	{ background: #fff url(media/azulverde_1x14.gif) repeat-x; 
					border: 1px solid #007991; }
.divNaranja		{ background: #fff url(media/naranja_1x14.gif) repeat-x; 
					border: 1px solid #db8f00; }
.divAmarillo	{ background: #fff url(media/amarillo_1x14.gif) repeat-x; 
					border: 1px solid #fdc82e; }
.divGris777		{ background: #fff url(media/gris777_1x14.gif) repeat-x; 
					border: 1px solid #777; }
.divVerdePalido	{ background: #fff url(media/verdeSoc_1x14.gif) repeat-x; 
					border: 1px solid #e5e8c5; }

img				{ border: none; }
img	a			{ border: none; }
.imageDiv130	{ width: 130px; padding-top: 3px; padding-bottom: 3px; 
					margin-right: 12px; }
.imageDiv140	{ width: 140px; padding-top: 3px; padding-bottom: 3px; }
.imageDiv190	{ width: 190px; padding-top: 3px; padding-bottom: 3px;
					margin-right: 12px; }
.leftimage		{ float: left; width: auto; height: auto; 
					margin: 2px 14px 2px 0; border: 1px solid #888; }
.rightimage		{ float: right; width: auto; height: auto; 
					margin: 2px 0 2px 14px; border: 1px solid #888; }
.vertAlignTop	{ vertical-align: top; }



/*__________3. TYPE STUFF________________________________________________*/

p			{ margin: 0 0 7px 0; 
				font: 11px/15px "Lucida Sans Unicode","Lucida Grande",sans-serif; }

h2			{ font: 16px/18px Georgia,"Times New Roman",Times,serif; 
				font-weight: bold; padding: 3px 0 6px 0; color: #666; 
				margin: 0; }

h3			{ font: 14px/16px Georgia,"Times New Roman",Times,serif; 
				font-weight: bold; padding: 3px 0 3px 0; color: #666; 
				margin: 0; }

h4			{ font: 12px/14px Georgia,"Times New Roman",Times,serif; 
				font-weight: bold; padding: 3px 0 8px 0; color: #007000; 
				margin: 0; letter-spacing: 2px; }

h5			{ font: 12px/15px "Lucida Sans Unicode","Lucida Grande",sans-serif; 
				font-weight: bold; color: #333; padding: 0 0 5px 0; 
				margin: 0; }

h6			{ font: 11px/14px "Lucida Sans Unicode","Lucida Grande",sans-serif; 
				font-weight: bold; color: #666; padding: 0 0 1px 0; 
				margin: 0; }

.text12px		{ font-size: 12px; }
.text10px		{ font-size: 10px; }

.caption		{ font-size: 10px; line-height: 12px; padding: 4px 0 0 0; }

.SCT			{ font-size: 9px; letter-spacing: 1px; }
.year			{ margin: 13px 0 6px 0; }
.yearspan		{ padding: 0 0 1px 0; color: #9e3433;
					font-weight: bold; letter-spacing: 1px;  
					border-top: 1px solid #999; 
					border-bottom: 1px solid #999; }
/*--this style must be in a 'span' or the border will go full width of column--*/

.verdana9on11	{ font-family: Verdana,Helvetica,Arial,sans-serif; 
					font-size: 9px; line-height: 11px; 
					margin: 0 0 7px 0; }

.enfasis		{ color: #333; font-weight: bold; }
.fondorojo		{ background-color: #9e3433; color: #fff; 
					line-height: 15px; padding: 0 0 2px 2px; }
.letterspace3	{ letter-spacing: 3px; }
.letterspace1	{ letter-spacing: 1px; }
.indent			{ text-indent: 10px; }
.normal			{ font-weight: normal; }
.textcenter		{ text-align: center; }
.textright		{ text-align: right; }

hr			{ border: none; height: 1px; color: #0075b0; 
				background-color: #0075b0; clear: both; 
				margin: 0 12px 14px 12px; }
.gris999	{ color: #999; background-color: #999; }



/*________4. FOR SPECIFIC PAGES__________________________________________*/


	/*--estatuts de la SCT--*/
.estatuts		{ width: 340px; padding: 14px 4px 0 6px; 
					background-color: #fff; margin: 0 0 14px 6px; 
					display: inline; }
.left			{ float: left; }
.right			{ float: right; margin: 0 0 14px 0; }
.estatuts h4	{ padding: 10px 0 6px 0; }
.estatuts ul	{ margin: 0; padding: 0 0 0 10px; 
					list-style-type: none; 
					font: 11px/15px "Lucida Sans Unicode","Lucida Grande",sans-serif; }


	/*--junta directiva--*/
.junta			{ float: left; clear: left; display: inline; 
					margin: 0 0 20px 0; width: 340px; }
	/*___display: inline avoids the IE duplicate characters bug___*/



	/*--Beques i Premis--*/
.nombres		{ font: 11px/14px "Lucida Sans Unicode","Lucida Grande",sans-serif; 
					font-weight: bold; color: #333; padding: 6px 0 1px 0; 
					margin: 0; }


	/*--Congressos de la SCT---*/
.congressos2colLeft		{ float: left; width: 328px; padding: 4px 4px 0 6px; 
							background-color: #fff; display: inline; 
							margin: 0 0 12px 12px; position: relative; }
.congressos2colRight	{ float: right; width: 328px; padding: 4px 4px 0 6px; 
							background-color: #fff; display: inline; 
							margin: 0 12px 12px 0; position: relative; }
/*__ display inline avoids IE duplicate characters bug but has no other effect __*/
.congProgEtc	{ position: relative; bottom: 6px; right: 6px; 
							text-align: right; width:110px;float:right}
.congProgEtc p	{ margin: 0 0 5px 0; }



/*_________5. NAVIGATION__________________________________________________*/

.language			{ margin: 0 0 12px 0; overflow: visible; 
						width: 80px; height: 15px; }
.language p			{ font-size: 10px; line-height: 15px; 
						text-indent: 2px; margin: 0; }
.language a:visited	{ display: block; text-decoration: none; 
						color: #fff; background-color: #7f7f7f; } 
.language a:link	{ display: block; text-decoration: none; 
						color: #fff; background-color: #7f7f7f; } 
.language a:hover	{ display: block; text-decoration: none;
						color: #c5ca93; background-color: #555; } 

#navMenu			{ float: left; width: 165px; clear: left; }

	/*  main menu is Javascript produced by MenuMachine2 in 
	Adobe GoLive. In case of NoScript, user is redirected to a 
	sitemap type of page named 'navigation.html' which is generated 
	automatically by MenuMachine. In order for the site to be 
	friendlier for search engines we should include a publicly 
	visible sitemap page  */
	/*  Soon Peter should substitute the javascript
	menu for a flyout-type menu in pure CSS.  */


.comfer-se				{ margin: 0 0 12px 0; overflow: visible; 
							width: 112px; height: 15px; float: right; }
.comfer-se p			{ font-size: 10px; line-height: 15px; 
							text-indent: 2px; margin: 0; }
.comfer-se a:visited	{ display: block; text-decoration: none; 
							color: #fff; background-color: #007000; } 
.comfer-se a:link		{ display: block; text-decoration: none; 
							color: #fff; background-color: #007000; } 
.comfer-se a:hover		{ display: block; text-decoration: none;
							color: #c5ca93; background-color: #555; } 

/*___style for GENERAL LINKS within texts___*/
a.textlink:visited		{ text-decoration: none; color: #777; 
							background-color: #fff; 
							border-bottom: 1px dotted #777; }
a.textlink:link			{ text-decoration: none; color: #777; 
							padding: 0 0 1px 0;
							border-bottom: 1px dotted #777; }
a.textlink:hover		{ text-decoration: none; color: #333; 
							border-bottom: none; padding: 0 0 1px 0; 
							background-color: #e5e8c5; }

a.textlink2:visited		{ text-decoration: none; color: #333; }
a.textlink2:link		{ text-decoration: none; color: #333; }
a.textlink2:hover		{ text-decoration: none; color: #999; }


/*___style for TORNAR A DALT / VOLVER ARRIBA / BACK TO TOP___*/
.arriba				{ color: #7a7a7a; font-size: 9px !important; 
						line-height: 11px !important; 
						padding-top: 12px; margin-bottom: 2px; }

.arriba a:visited	{ color: #7a7a7a; text-decoration: none; 
						padding-bottom: 2px; 
						border-bottom: 1px dotted #818a8f; }
.arriba a:link		{ color: #7a7a7a; text-decoration: none; 
						padding-bottom: 2px; 
						border-bottom: 1px dotted #818a8f; }
.arriba a:hover		{ color: #333; text-decoration: none; 
						 padding-bottom: 2px; border-bottom: 0; }


/*___style for links in top strip at head of some pages___*/
.toplink				{ font-size: 10px; line-height: 11px; 
						margin-bottom: 14px; color: #fff; 
						margin-left: 12px; }
a.toplink:visited		{ text-decoration: underline; color: #ddd; 
						margin-left: 16px; }
a.toplink:link			{ text-decoration: underline; color: #ddd; 
						margin-left: 16px; }
a.toplink:hover		{ text-decoration: none; color: #fff; 
					background-color: #555; margin-left: 16px; }


		
/*__________6. MODIFIERS / MISCS_________________________________________*/

.floatleft		{ float: left; }
.floatright		{ float: right; }
.clearboth		{ clear: both; }
.clearleft		{ clear: left; }
.clearright		{ clear: right; }
.clearnone		{ clear: none; }

.relative		{ position: relative; }
.inline			{ display: inline; }

.width718		{ width: 718px; }
.width228		{ width: 228px; }
.width240		{ width: 240px; }
.height366		{ height: 366px; }

.margin0		{ margin: 0; }
.margintop-20	{ margin-top: -16px; }
.margintop4		{ margin-top: 4px; }
.margintop12	{ margin-top: 12px; }
.margintop30	{ margin-top: 30px; }
.marginright-3	{ margin-right: -3px; }
.marginright4	{ margin-right: 4px; }
.marginright12	{ margin-right: 12px; }
.marginbot2		{ margin-bottom: 2px; }
.marginbot6		{ margin-bottom: 6px; }
.marginbot12	{ margin-bottom: 12px; }
.marginbot20	{ margin-bottom: 20px; }
.marginbot30	{ margin-bottom: 30px; }
.marginleft-6	{ margin-left: -6px; }
.marginleft0	{ margin-left: 0; }
.marginleft6	{ margin-left: 6px; }
.marginleft12	{ margin-left: 12px; }
.negmargins		{ margin: 0 -4px 0px -6px; }

.padding0		{ padding: 0; }
.padtop0		{ padding-top: 0; }
.padtop8		{ padding-top: 8px; }
.padtop18		{ padding-top: 18px; }
.padtop24		{ padding-top: 24px; }
.padright12		{ padding-right: 12px; }
.padbot2		{ padding-bottom: 2px; }
.padbot6		{ padding-bottom: 6px; }
.padbot12		{ padding-bottom: 12px; }
.padleft6		{ padding-left: 6px; }
.padleft12		{ padding-left: 12px; }

.bordernone		{ border: none; }
.borderVerdePal	{ border: 1px solid #e5e8c5; }
.borderVerdeOsc	{ border: 1px solid #007000; }
.borderAzulOsc	{ border: 1px solid #0032a3; }
.borderRojoOsc	{ border: 1px solid #9e3433; }
.borderNaranja	{ border: 1px solid #db8f00; }
.borderGris777	{ border: 1px solid #777; }
.borderGrisCCC	{ border: 1px solid #ccc; }
.notopborder	{ border-top: none; }

.bgBlanco		{ background-color: #fff; }
.bgVerdePal		{ background-color: #e5e8c5; }
.bgVerdeOsc		{ background-color: #007000; }
.bgRojoOsc		{ background-color: #9e3433; }
.bgNaranja		{ background-color: #db8f00; }
.naranja		{ color: #db8f00; }
.amarillo		{ color: #eeee00; }
.azulOscuro		{ color: #0032a3; }
.rojoOscuro		{ color: #9e3433; }
.verdeOscuro	{ color: #007000; }
.verdeSocietat	{ color: #e5e8c5; }
.azulFundacio	{ color: #0075b0; }
.gris777		{ color: #777; }
.blanco			{ color: #fff; }

.aopclogo		{ position: absolute; left: 140px; top: -15px; }

/* LEGAL */

#cookie-law { 
    max-width:940px;
    background:#eeeeee; 
    margin:10px auto; 
    border-radius: 17px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}
 
#cookie-law p { 
    padding:5px; 
    font-size:0.8em; 
    font-weight:normal; 
    text-align:center; 
    color:#666;
    margin:0;
}
#cookie-law a {
	background-color:#666; 
	text-decoration:none;
	color:#fff; 
	font-weight:normal; 
	padding:2px;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}