/* CSS DOCUMENT */
#top { padding-bottom:5px;}
#bottom{ margin: 0 auto;}

#LeftDecoration{ position:absolute; top:-65px; left:-78px;}

/* ......  modulo izquierda  ........ */
#moduloIzquierda,
#modulocentral{
	float: left;
}

#moduloIzquierda{
	width: 252px;
	background: url(../images/default/back_news.gif) repeat-x bottom left #FFFFFF;
	padding-bottom:38px
}
img.logo {
	height: 97px;
	display: block;
	
}
/*
#ActividadesBox{ padding:0 10px 8px;}

ul#TabsIzquierda li{
	float:left; 
	width:69px; 
	height:18px; 
	padding:4px; 
	display:block; 
	border-bottom:1px dotted #fff; 
	text-align:center; 
}

#noticia { background-color:#666; }
#calendario{ background-color:#888; }
#portafolio{ background-color:#231F20; }

#calendario a, #noticia a, #portafolio a { color:#fff; text-decoration:none; }

#calendario a:hover, #noticia a:hover{ color:#000; text-decoration:underline; }

#portafolio a:hover { color: #999; text-decoration:underline;  }

#NoticiasInfo, #CalendarioInfo{ display:none}


.boxInfo{
	height:360px;
	width:211px;
	margin: 0 0 8px 0;
	clear: both;
}

#PortafolioInfo{
	background:#231F20; 
	padding:5px 6px 0 ; 
	width:219px 
}
#NoticiasInfo{
	background:url(../images/default/repeat_news.jpg) repeat-x left;
	padding:5px 10px 0 10px;
}
#CalendarioInfo{
	background: #888888;
	padding:5px 10px 0 10px;
}

*/

.imagenes_portafolio{
	width:220px;
	height:290px;
	padding:0;
	overflow: hidden;
	float:left;
	text-align:center;
	background: #FFFFCC;	
}

.WhiteTittle{
	padding: 6px 0 0;
	color:#FFFFFF;
	font-weight: bold; 
	font-size: 12px;
	float:left; width:220px;
}
a.linkPortafolio{
	padding: 0 0 6px 0;
	float:left; width:220px;
}
.Prev{
	float:left; 
	width:17px;
	clear:left;
}
.Next{
	float:right; 
	width:17px; 
}


/* ........  modulo central  ................. */

#modulocentral {
	width:747px;
}
#blanco {
	height:99px;
	background: #ffffff;width:747px;
}
#blanco img{ position:absolute; top:-34px; left:937px; }


/* .TABS UP */
#TabsUp{ 
	padding:0 50px 20px 300px;
	height:29px;
	width:390px;
	background:none;
}

#TabsUp a{ color:#666666}
#TabsUp a:hover{ color:#B6AD37}

#empty #TabsUp{
	background: url(../images/secundarias/tab_down_decoration.gif) no-repeat;
	background-position: right 25px; 
}
.tab{
	float:left;
	width:118px;
	height:28px;
	text-align:center;
	background: url(../images/default/tab_up.gif) no-repeat center;
	margin:0 3px;
	line-height:25px
}
#TabsDown{ 
	clear: right; 
	width:685px;
	/*background: url(../images/secundarias/tab_down_decoration.gif) no-repeat top right; 
	width:655px;*/
	float:left;
	padding-left:15px;
}
#TabsDown li a{color:#D3CA81;}
#TabsDown li a:hover{color:#fff;}
#TabsDown li{
	float:left;
	height:28px; 
	line-height:28px; 
	text-align:center; 
	margin:0 4px; color:#B6AD37;
}
.tab2 {	
	width:130px;
	background:url(../images/default/tab_down_2.gif) no-repeat center;	
}
.tab3 {
	width:177px;
	background:url(../images/default/tab_down_1.gif) no-repeat center;
}
#TabsDown li a.TabSelect{ color:#FFFFFF; font-weight:100; font-size:14px;}

#info {
	clear:both;  
	padding:15px 40px 30px 35px;
	min-height:460px;
	background:#6D6F71 url(../images/secundarias/page_background.gif) no-repeat scroll right top;
	color:#FFFFFF
}

#info p{ padding:6px 0; color:#FFFFFF;}
#info ul{ padding:0 0 5px; }
#info ul li{ padding:3px 0 3px 15px; background:url(../images/carreras/bullet.gif) no-repeat 0 9px;}

.rigthDecoration{ position:absolute; top:226px; left:999px;}

#InfoText{ float:left; width:445px;}

.imagen {
	background: url(../images/secundarias/imagen_top.gif) no-repeat top left #48484A;
	padding:40px 10px 30px 10px;
	float:right;
	margin:20px 0 0 0; 
	position:relative;	
}

.imagenBottom{ position:absolute; bottom:-28px; left:-45px;}


/*GALERIA FLICKER EVENTOS */

#flickrPage{
	list-style:none;
}
#info ul#flickrPage li{
	background:none;
	clear:both;
	padding-bottom:10px
}
.photoFrame{	
	border:1px solid #7D7F82;
	margin:5px 10px 5px 0;
	overflow:hidden;
	width: 180px;  
	height:120px;
	float:left;
}
#flickrPage .infoAlbum{ 
	padding-left:200px;
}
#flickrPage li h2{ 
	font-size:16px;
	padding:5px 0;
	color:#CCCCCC
}
#flickrPage li h2 a{
	color:#CCCCCC;
}
#flickrPager li h2 a:hover{ 
	color:#999999;
}

ul#photoFlickr li.lastPhotos{
	background:#616365 ;
	border:1px solid #7D7F82;
	padding:10px;
	height:120px;
	margin-bottom:10px;
}