/* andreas09 v1.0 (Dec 10th 2005) - An open source template by Andreas Viklund - http://andreasviklund.com. Free to use for any purpose as long as the proper credits are given to the original author. */

body {
/*background:#fff;*/
/*color:#303030;*/
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

a {
color:#505050;
font-weight:bold;
text-decoration:none;
}

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

p {
line-height:1.5em;
margin:0 0 15px;
}

/*** Main container ***/

#index{
background-color:#fff;
width:760px;
margin:auto;
}

#container {
background:#fff url(imagenes/body2.jpg) repeat-x;
/*backgroundcolor:#fff;*/
margin:0;
min-width:760px;
padding:0;
text-align:justify;
width:100%;
}

/*** Header section ***/

#sitename {
/*background-color:#f0f0f0;*/
height:150px;
margin:auto;
text-align:center;
}

/*#sitename h1,#sitename h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0;
}

#sitename h1 {
font-size:2.4em;
padding-top:20px;
}

#sitename h2 {
font-size:1.6em;
}*/

/*** Horizontal menu ***/

#mainmenu {
/*width:100%;*/
/*float:left;*/
/*margin-bottom:15px;*/
}

#mainmenu ul {
font-size:14px;
text-align:center;
margin: 5px 0 5px 0;
/*padding:0;*/
}

#mainmenu li {
/*float:left;*/
display:inline;
height:20px;
list-style-type:none;

/*margin:0;
padding:0;*/
}

#mainmenu a {
border-right:1px solid #060;
/*border-left:1px solid #b0b0b0;*/
color:#000;
/*display:block;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
padding:5px 10px 5px 5px;

}

#mainmenu a:hover {
color:#000;
text-decoration:underline;
}

#mainmenu a.current {
color:#000;
text-decoration:none;
}

/*** Content wrap ***/

#wrap {
clear:both;
font-size:0.9em;
padding:0;
}

/*** Sidebars ***/

#leftside,#rightside {
margin:0;
padding:0 10px 10px;
width:165px;

}

#leftside {
float:left;
margin-right:10px;


}

#rightside {
float:right;
margin-left:10px;
text-align:left;

}

#noticia
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #0099cc;
	text-decoration: none;
	/*float:bottom;*/
}

#leftside h1,#rightside h1 {
color:#000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}

#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist a {
color:#060;
/*font-weight:bold;*/
text-decoration:none;
}

.linklist a:hover {
color:#f90;
text-decoration:underline;
}

.linklist li {margin-bottom:0.7em;}

/*** Sidebar menu ***/

.nav {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
text-transform:uppercase;
width:140px;
}

.nav:hover,.active {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}

/*** Content ***/

#content,#contentalt {
background-color:#fff;
border:1px solid #060;
/*height:300px;*/

color:#000;
padding:15px 20px 5px;
}

#content {margin:0 200px;}
#contentalt {margin:0 200px 0 20px;}

#content h1,#content h2,#contentalt h1,#contentalt h2 {
background-color:inherit;
text-align:center;
color:#000;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

#content h2,#contentalt h2 {
font-size:1.6em;
margin-bottom:10px;
}

#content img,#contentalt img {
border:1px solid #b0b0b0;
float:left;
/*margin:5px 15px 6px;*/
padding:5px;
}


#imagen img{
border:1px solid #b0b0b0;
float:right;
margin:5px 5px 6px;
padding:5px;
}

#space{
 text-align:center;
 margin-top:80px;	
}

#space a{
	color:#fff;	
	text-decoration:none;
	
}

#space img{
	border:none;
}

.articulo{
	background-image: url("imagenes/articlenormal.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	
}

.articulo:hover{
background-image: url("imagenes/article.jpg");
	background-position:bottom left;
	background-repeat:repeat-x;

}

.detalle{
	background-image: url("imagenes/articleanormal.jpg");
	background-position:bottom right;
	background-repeat:no-repeat;
}
/*** Footer ***/

#footer {
background:#fff url(imagenes/pie.jpg) top left repeat-x;
clear:both;
color:#fff;
font-size:0.9em;
font-weight:bold;
margin:0;
padding:20px 0;
text-align:center;
width:100%;
}

#footer a {
color:#d0d0d0;
font-weight:bold;
}

/*** Various classes ***/

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}

.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.hide {display:none;}

/*** Text format ***/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}

/***********************/

/*Menu vertical de acordeon*/

	*{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#nav{position:relative;top:0;left:0;}
	
	
	#nav.panel{
		list-style:none;
		font-family:Verdana,Arial,Sans-Serif;
		width:13em;
		/*background:#3c0;*/
		text-align:left;
		padding:1em 0;
		font-size:1em;
		line-height:1.5em;
	}
	#nav.panel li li{
		/*line-height:1.3em;*/
		text-align:left;
	}
	#nav.panel h6{
		font-size:1em;
		width:13em;
		padding:.2em .5em;
		/*background:#3fa264;*/
		background: url(imagenes/btn_nor.gif) bottom repeat-y;
		border-right:none;
		border-left:none;
		
	}
	#nav.panel h6.open{
		/*background:#74e79f;*/
		background: url(imagenes/btn_hov.gif) bottom repeat-y;
	}
	#nav.panel h6 a{
		color:#fff;
		display:block;
		width:9em;
		/*text-transform:uppercase;*/
		letter-spacing:1px;
		text-decoration:none;
	}
	
	#nav.panel h6 a:hover{
		color:#fff;
	}
	
	#nav.panel ul{
		/*background:#e9f9ef;*/
	}
	#nav.panel li li a:link,
	#nav.panel li li a:visited,
	#nav.panel li li a:hover,
	#nav.panel li li a:active{
		/*display:block;*/
		color:#060;
		padding:.2em .5em;
		width:12em;
		text-decoration:none;
		text-align:left;		
	}
	#nav.panel li li a:hover{
		background:#3c0;
		color:#fff;
	}
	
	
/* Estilo para tabla bolsa de trabajo*/	
#tablabolsa th{
	background-color:#093;
	border:2px outset #093;
	color:#fff;
	text-align:center;
}

#tablabolsa td{
	border-bottom:1px inset #093;
	border-right:1px inset #093;
	
}

	
/*Noticias*/

a.menu1
{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

a.menu1:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	color: #000;
	text-align: center;
}

a.menu1:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #096;
	text-align: center;
}

/*Fin nOticias*/

/*Ideas Locas*/
a.tooltip{
	position:relative;
	z-index:24;
	/*background-color:#060;*/
	color:#3fa264;
	text-decoration:none;
}

a.tooltip:hover {
	z-index:25;
	/*background-color:#ff0;*/
	}
	
a.tooltip span{
	display:none;
	}
	
a.tooltip:hover span{
	display:block;
	position:absolute;
	top:2em;
	left:2em;
	width:15em;
	border:1px solid #606060;/*Color para el borde del tooltip*/
	border-bottom:3px solid #3fa264;
	background-color:#fafcff;
	/*color:#000;*/
	text-align:justify;

}

h9 {
	font-family:Verdana,Arial,Sans-Serif;
	color:#3fa264;

}
/** comienzo estilo academicos depto*/
#contenedor{
background-color:#fff;
border:1px solid #060;
text-align:left;
width:760px;
color:#000;
padding:15px 10px 5px;
margin:auto;
min-height:180px;
}

#contenedor h1,#contenedor h2,#contenedoralt h1,#contenedoralt h2 {
background-color:inherit;
text-align:center;
color:#000;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

#contenedor h2,#contenedoralt h2 {
font-size:1.6em;
margin-bottom:10px;
}

#contenedor img{
float:right;
padding:2px 2px 2px 2px;
border:1px solid #060;
}

#fotito{
padding:2px 2px 2px 2px;
border:1px solid #060;
}
#academicos{
	float:left;
	width:30%;
	height:90px;
	}
#academicostitulo{
	float:left;
	width:20%;
	height:90px;
	text-align:left;
}
#academicosdetalle{
	float:left;
	width:50%;
	height:90px;
	text-align:left;
}
.tituloprofe{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #006;
text-align:left;
}
.tituloprofe2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #006;
text-align:left;
}
.detalleprofe{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #006;
text-align:left;
}

#detallefoto{
	float:left;
	width:30%;
	
	}
/*Fin Idea Loca*/

/*Mapa del sitio*/
#mapa {  
	list-style:none;
	margin:0;
	padding:0;
}
#mapa li {
	margin:1px;
	padding:0; 
	/*float:left;*/
}
#mapa li a {
	display:block; 
	width:88px;
	padding:2px 0;
	text-decoration:none;
	text-align:center;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#006600;
	font-weight: bold;
}
#mapa li a:hover {
	color:#99CC00;
	background-color:#003366;
}
#mapa2 {  
	list-style:none;
	margin:0;
	padding:0;
}
#mapa2 li {
	margin:1px;
	padding:0; 
	float:left;
}
#mapa2 li a {
	padding:2px 10px;
	text-decoration:none;
	text-align:center;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#006;
	font-weight: bold;
}
#mapa2 li a:hover {
	color:#99CC00;
	
}
/*Fin Idea Loca*/

#somos{
	height:300px;
	/*width:100%;*/
	text-align:justify;
	margin:auto;
	
	padding-bottom:5px;
}
#somos img{
	float:right;
	border-left:none;
border-top:none;
}

/*** End of file ***/