@charset "utf-8";
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txtdoc5
version: 2.5.1
*/
/* base.css, part of YUI's CSS Foundation */
body{

}
#doc4b{
margin:auto;
text-align:center;
width:57.69em;*width:56.25em;min-width:750px;
}
#doc4b{margin:auto ; width:auto;}

#doc5{
margin:auto;
text-align:left;
width:1024px;
/*width:57.69em;*width:56.25em;min-width:750px;*/
}
#doc5{margin:auto ; width:auto;}


#imagen_total{
background-image:url(imagenes/4_COLABORATIVE.jpg);
background-repeat:no-repeat;
height:1200px;
width:1024px;
}

.tit_generic{
	text-align: left;
}

#imagen_total1{
background-image:url(imagenes/1_PROJECT.jpg);
background-repeat:no-repeat;
height:1024px;
width:768px;
}

#imagen_total3{
background-image:url(imagenes/3_WORKSHOP.jpg);
background-repeat:no-repeat;
height:1600px;
width:1024px;
}

#imagen_total5{
background-image:url(imagenes/5_TRAINE.jpg);
background-repeat:no-repeat;
height:1281px;
width:1024px;
}

#imagen_total6{
background-image:url(imagenes/6_COMPETITION.jpg);
background-repeat:no-repeat;
height:1102px;
width:1024px;
}

#imagen_total7{
background-image:url(imagenes/7_LECTURE.jpg);
background-repeat:no-repeat;
height:1121px;
width:1024px;
}
#imagen_total8{
background-image:url(imagenes/8_PUBLICATION.jpg);
background-repeat:no-repeat;
height:1029px;
width:1024px;
}

#imagen_total2{
background-image:url(imagenes/2_EXPERIMENTAL.jpg);
background-repeat:no-repeat;
height:1050px;
width:1024px;
}

h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style:square outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	padding-top:10px;
	font-size:12px;
width:150px;
text-align:center;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

#hd{
text-align:center;
}

#hd_b{
text-align:left;
}

#arriba_extra{
position:absolute;
top: -1px;
left:390px;
}

#arriba_extra1{
	position:absolute;
	font-family:Calibri, "Helvetica LT Std", Verdana, Arial;
	top: -1px;
	left:495px;
	background-color:#000000;
	color:#FFFFFF;
	height:59px;
}

#arriba_extra1 a{

	color:#FFFFFF;
	text-decoration:none;
}

#arriba_extra1 a:hover{

	text-decoration:underline;
}


/*#tabla_menu{
font-family:Calibri, "Helvetica LT Std", Verdana, Arial;
text-decoration:none;

}*/


.proyectos {
	position:relative;
	margin-top: -50px;
	
}

.proyecto{width: 750px; clear: both; display: block; float: left; margin-left: 250px; }
.proyecto .gal{float: left; }

.proyecto .descripcionCorta{ float: left; padding: 10px 0px 0px 40px; width: 500px; text-align: left;}
.proyectos ul{ float: left; text-align: left; }

.proyectos ul, .proyectos ul li{ list-style: none;}

.proyectos ul li img{border: 1px solid #BBBBBB; padding: 4px;}
/*************************************/
.contenedor{
height:100%;
width:100%;
position:relative;
display:block;

}

.descripcionCorta{ float: left;}

.yui-b{
font-family:Calibri, "Helvetica LT Std", Verdana, Arial;
font-size:14px;
text-align:center;
}

.yui-bb{
font-family:Calibri, "Helvetica LT Std", Verdana, Arial;
font-size:14px;
text-align:left;
}

.numero{
position:relative;
margin-left:0px;
font-family:Calibri, "Helvetica LT Std", Verdana, Arial;
font-size:150px;
}

.numero2{
position:relative;
margin-left:-100px;
font-family:Calibri, "Helvetica LT Std", Verdana, Arial;
font-size:150px;
}

.titulo{
position:relative;
top:-100px;
margin-left:190px;
font-family:Calibri, "Helvetica LT Std", Verdana, Arial;
font-size:30px;
}

.titulo2{
position:relative;
top:-100px;
margin-left:380px;
font-family:Calibri, "Helvetica LT Std", Verdana, Arial;
font-size:30px;
}

/*.yui-g first {
position:relative;
}*/
	#d1 { background-color: #fcb; width: 200px; height: 200px; float:left; }
    #d2 { background-color: #cfb; font-size: 2em; width: 200px; height: 200px; float:left; }
    #d3 { background-color: #bcf; font-size: 2em; width: 200px; height: 200px; float:left; }
/************************************/
/*********************** SCROLLERS ***********************/
.root 		{
		position:relative;
		height:			200px;
		width:			489px;
		margin: 			0px 0px 8px 7px;
		top: -75px;	
		left: 300px;	
		}

.root p 	{
		margin:			10px 10px 5px 10px;
		}

/*root para workshops - es don voy a querer mostrar la informacion*/
.root_w 		{
		position:relative;
		height:			200px;
		width:			489px;
		margin: 			0px 0px 8px 7px;
		top: -25px;	
		left: 20px;	
		}
.root_w p{
	margin:			10px 10px 5px 10px;
}
/*root para EXPERIMENTAL - es don voy a querer mostrar la informacion*/
.root_e 		{
		position:relative;
		height:			200px;
		width:			489px;
		margin: 			0px 0px 8px 7px;
		top: -100px;	
		left: 650px;	
		}
.root_e p{
	margin:			10px 10px 5px 10px;
}
/*root para trainee - es don voy a querer mostrar la informacion*/
.root_t 		{
		position:relative;
		height:			200px;
		width:			489px;
		margin: 			0px 0px 8px 7px;
		top: -50px;	
		left: 20px;	
		}
.root_t p{
	margin:			10px 10px 5px 10px;
}

/*root para Competitions - es don voy a querer mostrar la informacion*/
.root_t 		{
		position:relative;

		height:			200px;
		width:			489px;
		margin: 			0px 0px 8px 7px;
		top: -50px;	
		left: 20px;	
		}
.root_t p{
	margin:			10px 10px 5px 10px;
}			

.thumb 		{
		position:			absolute;
		height:			9px;
		width:			15px;
		left: 			10px;
		}
.up, .dn 	{
		position:			absolute;
		left: 			10px;
		}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
		border:			0;
		}
.scrollContainer { 
		position:			absolute; 
		left:			2px; 
		top:			19px; 
		width:			350px; 
		height:			200px; 
		clip:			rect(0 467 200 0); 
		overflow:			auto; 
		border-top:		2px;
		border-left:		2px;
		border-right:		2px;
		border-bottom:		2px;
		background-color:#FFFFFF;
		filter:alpha(opacity=50);
		-moz-opacity:0.65;
		-khtml-opacity: 0.65;
		opacity: 0.65;
		}
.scrollContent { 
		position:			absolute; 
		left:			0px; 
		top:			0px; 
		width:			100px; 
		}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


