/* CSS Document */
/* this code may need a clean-up */

div.stdtext {
	margin:0;
	padding:0;
}
	div.stdtext > *:first-child { margin-top:0; }
	div.stdtext > *:first-child > *:first-child { margin-top:0; }

	/*****************************************************************/
	/* std lists */

	div.stdtext ul {
		margin:1em;
		margin-left:5em;
	}
	
		div.stdtext li {
			margin-bottom:1em;
			text-align:justify;
		}
		
/*****************************************************************/
/* std highlighted text */

	div.stdtext div.highlightedtext {
		background-color: #F4FFDD;
		border: solid 1px #7BBD04;
		margin:0em;
		margin-left:auto; 
		margin-right:auto;
		margin-bottom:1em;
		width:50%;
		padding: 0.5em;
		padding-left:1.5em; padding-right:1.5em;
		font: Arial, Helvetica, sans-serif medium 12px;
	}

	/* strong highlight */
	div.stdtext div.announce {}
	
/*****************************************************************/
/* paragraph text fonts */
	div.stdtext p {	text-align:justify;	text-indent:0; margin:0.5em; }
	div.stdtext div.highlightedtext p { margin:0; padding:0; margin-bottom:0.5em; font: 12px Arial, 'Helvetica', sans-serif medium;}
	div.stdtext div.announce p { font-weight:bold; text-align:center;}
	div.stdtext div.summary p { font-style:italic; text-align:center;}
	
	/* @ */
	/*div.stdtext span.atsym:before{ content:url('http://www.upc.edu/webaaupc/templates/aaupc/images/arroba.gif'); } /**/
	div.stdtext span.atsym { display:inline-table; border:0; width:15px; height:15px; background: url('http://www.upc.edu/webaaupc/templates/aaupc/images/arroba.gif') no-repeat; padding-left:27px; } /* not to be used anymore, previous instances are to be replaced with the img tag below  */ 
	
	/* use this one with img src=none.gif*/
	div.stdtext img.atsym { display:inline-table; border:0; width:17px; height:15px; background: url('http://www.upc.edu/webaaupc/templates/aaupc/images/arroba.gif') no-repeat; padding-left:0; }
	
/*****************************************************************/
/* std block positioning */

	div.stdtext *.totheleft, div.stdtext *.totheright, div.stdtext *.inthecenter {
		display: block;
		margin: 0.2em;
		margin-right: 1em;
		padding:0.75em;
	}
	
	div.stdtext *.totheleft { float: left; }
	div.stdtext *.totheright { float: right; }
	div.stdtext *.inthecenter {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
/*****************************************************************/
/* std break */

	div.stdtext br { clear:both }
	
/*****************************************************************/
/* std definition lists */
	div.stdtext dl { margin: 0; border: 0; padding: 0; margin-bottom:2em;}
	div.stdtext dl dt {
		display:block;
		width: 210px; 
		float:left; 
		position: relative; 
		margin-bottom:10px;
		border: 1px solid #B8C6D2; 
		border-right-width: 0;
		font-weight:bolder;
		clear:left;
	}
	div.stdtext dl dd { margin-left: 210px; margin-bottom: 10px;
		  border: 1px solid #B8C6D2; border-left-width: 0; padding-left:0.5em; }  
		  
	/* nested definition list */
	div.stdtext dl dd.void { display:block; clear:both; margin:10px; border: 0px solid #B8C6D2 !important; }
	
	div.stdtext dl dd.sub { margin-left:2em; margin-top: 1px; }
	div.stdtext dd.sub dl { margin-top:0px; clear:left; }
	
	/* unsorted lists inside definition lists */
	div.stdtext dl > dd > ul { margin-left:0.5em }
	div.stdtext dl > dt > ul { margin:0.1em; }
	div.stdtext dl > dt > ul li { margin-bottom:0.1em; }
	
/* variant2 definition list */
	div.stdtext dl.variant2 dt { border: 0px solid #B8C6D2; 
		border-right-width: 1px; border-bottom-width: 1px;
	}
	div.stdtext dl.variant2 dd { border: 0px solid #B8C6D2; border-left-width: 1px; }
	
/* variant3 definition list */
	div.stdtext dl.variant3 dt { border: 0px solid #B8C6D2; 
		border-top-width: 1px;
	}
	div.stdtext dl.variant3 dd {  }
	


/*****************************************************************/
/* std table; alternate row formationg is done via jscript */
table.stdtable {
	width: 100%;
	align: center;
	padding: 0;
	border:none;
	border-collapse: separate;
	border-spacing: 2px;
	background-color: #EAEAEA;
	margin-top: 0;
	margin-bottom: 2em;
}

	table.stdtable caption {
		margin-bottom:0;
		padding:2px;
		background-color: #EFEFEF;
		font: bold 14px;
		color: #30477B;
		border:#FFFFFF 4px double;	
	}
	
	table.stdtable tr.strong { font-weight:bold; }
	table.stdtable tr.light { font-style:italic; }

		table.stdtable tr td {
			padding: 10px;
			border: none;
			background-color: #FFFFFF;
		}
		
		table.stdtable tr th {
			padding: 10px;
			border: none;
			background-color: #F4FFDD;
			text-align:center;
		}
		
		/* these two are only to be used by the script */
		table.stdtable tr.theone td {background-color: #F5F5F5;	}
		table.stdtable tr.theother td  {background-color: #FFFFFF;}
		
	/* column formation */
	table.stdtable col.title_col { width: 35%; }
	table.stdtable col.date_col { width: 15%; }
	table.stdtable col.loc_col { width: 30%; }
	table.stdtable col.other_col { width: 20%; text-align:center; }	/* center only works in IE, ... due to a bug */
	
	/* this is a hack for every other browser, until something better comes up */
	table.stdtable tbody.center_last {}
	table.stdtable tbody.center_last tr td:last-child {text-align:center;}	
	
	table.stdtable tbody.center_last tr td img { width:100px; border:0;}	
	
	table.stdtable tbody.center{}
	table.stdtable tbody.center tr {text-align:center;}
	table.stdtable tbody.center tr td img { width:100px; border:0;}	

/*****************************************************************/
/* Index inside a content */
div.stdtext div.pagesubindex {
	margin:1em;
	padding:2px;
	font-weight:bold;
	color: #7BBD04;
}

	div.stdtext div.pagesubindex:before { 
		content: "Índex";
		display: block;
		margin-bottom: 5px;
		margin-top: 5px;
	}

	div.stdtext div.pagesubindex ul { 
		margin:0;
		margin-left:0;
		text-indent:0;
		padding:0.2em;
		padding-left:0em;
		text-align:left;
		list-style:none;
	}
	
		div.stdtext div.pagesubindex ul li { 
			margin:0;
			background-image: none;
		}
		
			div.stdtext div.pagesubindex ul li a { 
				color:#7BBD04;
				font-weight: bold;
			}
				
				div.stdtext div.pagesubindex ul li a:before { 
					content: "\00BB \0020 ";
				}

/*****************************************************************/
/* section header, may also contain a subindex for the section introduced */

div.stdtext div.pagesectionheader {
	margin:0;
	margin-top:1em;
	clear:both;
}

	/* common for all headers */
	div.stdtext div.pagesectionheader h1, div.stdtext div.pagesectionheader h2, div.stdtext div.pagesectionheader h3 {
		display:block;
		margin-bottom:1em; margin-top:3em;
		padding:2px;
		padding-left:10px;
		background-color: #EFEFEF;
		font: bold 12px Arial, 'Helvetica', sans-serif;
		color: #30477B;
		border:#FFF 4px double;
	} 
	
	div.stdtext div.pagesectionheader a { 
		color: #7BBD04; font-weight:bold;
	}
	
	div.stdtext div.pagesectionheader h1 a, div.stdtext div.pagesectionheader h2 a, div.stdtext div.pagesectionheader h3 a { 
		/*color: #7BBD04; font-weight:bold;*/
	}

	/* section header level 1 */
	div.stdtext div.pagesectionheader h1 { font-size:14px; }
	
		div.stdtext div.pagesectionheader h1 a {
			/*color: #7BBD04;
			font: bold 14px Arial, 'Helvetica', sans-serif;*/
		}
		
			div.stdtext div.pagesectionheader h1 a:before { 
				content: "\00BB \0020 ";
			}
	
	/* section index */
	div.stdtext div.pagesectionheader ul {
		/*display:block;*/
		margin:0.5em;
		padding:0.2em;
		margin-left:3em;
		text-indent:0;
		text-align:left;
		list-style:none;
		color: #7BBD04;
	}
	
		div.stdtext div.pagesectionheader ul li { 
			margin:0;
			background-image: none;
			font-weight:bold;
		}
		
			div.stdtext div.pagesectionheader ul li a { 
				color:#7BBD04;
				font-weight: bold;
			}
				
				div.stdtext div.pagesectionheader ul li a:before { 
					content: "\00BB \0020 ";
				}
	
	/* section header level 2 */
	div.stdtext div.pagesectionheader h2 { }
	
		div.stdtext div.pagesectionheader h2 a {
			/*color: #30477B;
			font-weight: bold;*/
		}

	/* section header level 3 */
	div.stdtext div.pagesectionheader h3 {
		background-color:#FFF;
		border:#30477B 0px solid; border-bottom-width:1px;
	}
	
/*****************************************************************/
/* List of companies and their respective logos */
ul.partnerslist {
	list-style:none;
	clear:both;
	padding:0; margin:0; text-indent:0; margin-left:1em; padding-left:0;
}	
	ul.partnerslist * { padding:0; margin:0; }

	ul.partnerslist li {
		margin:0; padding:0;
		background-image: none;
		clear:both;
		display:block;
		height:80px;
		vertical-align:middle; 
		border: 0px solid #B8C6D2; border-top-width:1px;border-left-width:1px;
		margin-bottom:20px;
	}
		
		ul.partnerslist li img {
			max-height:80px;
			max-width:205px;
			border: 0px; margin-left:5px;
			/*border: 0px solid #B8C6D2; border-left-width:1px;*/
			float:left;
		}
	
		ul.partnerslist li p { 
			display:block;
			margin:0; padding:0.2em;
			margin-left:210px; padding-left:1em; 
			border: 0px solid #B8C6D2; border-bottom-width:1px;
		}
		
/*****************************************************************/
/* profile list */

div.stdtext dl.profile { display:table; margin-top:2em; margin-bottom:3em;}

	div.stdtext dl.profile dt { clear:left; text-align:center; margin-bottom:20px;
		border: 0px solid #B8C6D2; border-right-width:1px; 
	}
	div.stdtext dl.profile dd {
		border: 1px solid #B8C6D2; border-bottom-width:0; border-right-width:0; margin-bottom:20px; display:block;
	}

	
	div.stdtext dl.profile dt p { 
	text-align:center; display:block; width:202px; 
	border: 0px solid #B8C6D2; border-bottom-width:1px;
	}
	div.stdtext dl.profile dt img { text-align:center; display:block; 
	margin-left:auto; margin-right:auto; width:120px;
	}
	
/* profile table */
	div.stdtext table.prof tbody th { 
		text-align:left;
	}
	
		div.stdtext table.prof tbody th img { 
			width:40px; vertical-align:middle;
		}
		

/*****************************************************************/
/* gallery */
/* podria hacerlo multipagina, para evitar que parezca demasiado denso ... pero menos da una piedra */

/* make the sub menu ul visible and position it beneath the first list item */
.gallery ul {
padding:0; 
margin:0; margin-left:2em; margin-bottom:3em;
list-style-type: none;
border:0;
text-align:left;
display:block; 
position:relative; 
top:31px; 
left:0;
}
/* make the sub menu ul li the full width with padding and border. */
.gallery ul li {
width:464px;
border:10px solid #B8C6D2;
background:#eee; 
color:#000;
position:relative;
padding:20px 40px;
}

/* style the initial image size 100px x 75px no border and 5pixel padding */
.gallery ul li a img {
width:100px; height:75px;
border:0; margin:5px;
}

/* style the size, background color, border and margin of the submenu links */
.gallery ul li a {
float:left;
width:110px;
height:85px;
background:#eee;
border:1px solid #888;
margin:1px;
}

/* style position of the links on hover */
.gallery ul li a:hover {
position:relative;
}  /* */ 

/* style the 2x size image on hover with an absolute position to place it centrally over the original image */
.gallery li a:hover img {
width:200px; height:150px;
position:absolute;
left:-50px; top:-38px;
border:0;
border:1px solid #888;
padding:5px;
background:#ccc;
}

.gallery div { clear:both; height:0.1em; }


/* brought to you by copy&paste (TM) */