/* Este una resolucion para un ancho de 1024*/ 
* { margin: 0; padding: 0;}
body{ background: #FFFFFF url(../imagenes/fondo.jpg) top left fixed; margin: 0; padding: 0; font: normal 100% Verdana, Geneva, Helvetica, Arial, sans-serif;}
#contenedor{width: 770px;margin:1% auto 0 auto;background-color:white}
#page-wrap{float: left; width: 770px; url(/nuevo/page-wrap-bg.gif) repeat-y top left;}
#nav{float: right; width: 151px; background:#fffff; margin:0; padding: 5px 0 0 0;}
#footer{ margin: 0 auto; background: #FF0000 url(../imagenes/footer.jpg) top left fixed; text-align:center; color: #ffffff; font-family: verdana, sans-serif; font-size: 10px; padding:8px 0 2px 0; clear: both;}

/* ---- TIPOGRAFIA ----------------------*/

h1, h2, h3, h4, h5, h6 { margin: 0; color: #64635f; font-family: verdana, Trebuchet MS, sans-serif; }
h1 { font-size: 2em; margin-bottom: .5em; }
h1 em { color: #00C5E8; font-style: normal; background: none; }
h2 { font-size: 1.4em; margin-bottom: .3em; font-weight: normal; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; font-family:  Verdana, Helvetica, sans-serif; }
a { color: #DC143C; }
a:hover {text-decoration: underline;color: #DC143C;}
a.email { background: url(../../images/icon_email.gif) no-repeat left center; padding-left: 15px; }
a.external, a.delicious-link { background: url(../images/g_external0.gif) no-repeat right center; padding-right: 15px; }

p { line-height: 1.5em; margin: 0em 0em 1em; color: #64635f;  }
p a { color: #00000; background: #00000; text-decoration: none; padding: .1em .3em; border-bottom: 1px solid #d1dEcC; font-weight: normal !important;   }
p a:hover { position: relative; top: -1px; left: -1px; color: #00000; }
em { font-style: normal; background-color: #FFFDD4; }

ul, ol { line-height: 1.5em; }
ul { list-style: none; margin: 0em 0em 1em 0em; padding: 0; }
ul li { margin-bottom: .2em; }
h4 + ul { margin-top: 0em; }

dl {  }
dt { font-weight: bold; margin-bottom: .2em; color: #4B4545; }
dd { margin-left: 2em; margin-bottom: 2em; }
tt { font-size: 120%; }

strong { color: #90C32C; font-weight: bold; }
.weak { font-size: .9em; font-weight: normal; }
.contextual { font-size: .9em; color: #888; }


.img { 
	letter-spacing: -1000em;  text-indent : -999em; overflow: hidden; display: block;
	background-repeat: repeat; background-color: transparent; /* IE FLICKER FIX - no background position! */
}


/* Just for Opera, but hide from MacIE */
/*\*/html>body .img { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

/*banner principal */
#banner, #mainnav {color: #FFFFFF; font-size: small;}
#banner a, #mainnav a{color: #FFFFFF;}
#banner {background: #DC143C; border-bottom:1px solid #DC143C;}
#banner  h1{margin: 0; padding: 0;}
#header #banner  {margin: 0; padding:0 0 0 10px;}

.img { 
	letter-spacing: -1000em;  text-indent : -999em; overflow: hidden; display: block;
	background-repeat: repeat; background-color: transparent; /* IE FLICKER FIX - no background position! */
}
/* menu horizontal secundario
   -------------------------- */

div#header { position: relative; background: white; border-top: 30px solid #f3f3f3; padding-bottom: 20px; padding-right: 40px;  }
#header #banner {background: #FFFFFF; border: none; width: 350px; height: 50px; margin: 10px 20px 0; padding-right: 20px;}


#header ul {background: url("../imagenes/horimenu.jpg"); margin: 0; padding: 0 ; list-style-type: none; position: absolute; right: 10px; bottom: 38px; width: 341px; height: 30px;}
#header ul li { position: absolute; top: 0; height: 21px; margin: 0;  }
#header ul li:last-child { margin-right: 0; }
#header ul li a { height: 30px; }
#header ul li a:hover, #header ul li.current a { background-image: url("../imagenes/horimenu.jpg");  }
#header li#FACULTADES 	{ left: 0px; width: 69px;  }
#header li#PROFESORES 	{ left: 70px; width: 79px;  }
#header li#ESTUDIANTES 	{ left: 150px; width: 79px;  }
#header li#INSTITUCION 	{ left: 230px; width: 79px;  }
#header li#MAPA 	{ left: 310px; width: 31px;  }

#header li#FACULTADES 	a { background-position: 0 -30px;  }
#header li#PROFESORES 	a { background-position: -70px -30px;  }
#header li#ESTUDIANTES 	a { background-position: -150px -30px;  }
#header li#INSTITUCION 	a { background-position: -230px -30px;  }
#header li#MAPA 	a { background-position: -310px -30px;  }

.img { 
	letter-spacing: -1000em;  text-indent : -999em; overflow: hidden; display: block;
	background-repeat: repeat; background-color: transparent; /* IE FLICKER FIX - no background position! */
}
a img { border: none; }
/* right side
   ---------- */
		
.right {float: left;width: 220px;background: #fff;}
.right ul {padding: 1px 1px 1px 1px;margin:0;}
.right li {list-style: none;height: 33px;display: block;}
.right h2 { color: #696969; font-size: 14px; margin-top: 15px;}
.right a {font-size: 1.0em; font-weight: bold; text-transform: uppercase;text-align: left;text-decoration: none;height: 33px;display: block;color: #A52A2A;line-height: 33px;}
.right a:hover{color:#696969;}
.right a:visited{color:#696969;}		
.right_articles{font-size: 1.2em;color: #800000;padding: 1px 1px;margin: 0 0 10px 0;}			
.image {float: left;margin: 0 9px 3px 0;}
/* right side */

#enca
{width: 20%;
	background-color:red;
	margin-top: 10px; 
	margin-right: 100px; 
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-color: #CC0000;
	border-right-color: blue;
	border-bottom-color: #00FF00;
	border-left-color: #CCC;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: thick;
	border-left-width: thin
	
}
#menuhori
{
width: 300px;
padding-left: 50px; 
padding-right: 50px;
margin-left: 30px; 
margin-right: 30px;
background-color:blue
}

/* menu Top Horizonta */

.topMenuHori {
height:36px;
width:770px;
background: #FFA500 url(/nuevo/rect9667.jpg); 
border-bottom:1px solid #DC143C;
position:relative; 
text-transform: uppercase;
font-family:arial, verdana, sans-serif; 
font-size:13px;
z-index:500;
}


.topMenuHori .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}


/* menu Top Horizonta modificado*/

.topMenuHori li {
float:left;
}


.topMenuHori .select a {
display:block; 
height:36px; 
float:left; 
padding:0 0 0 8px; 
text-decoration:none; 
line-height:25px; 
white-space:nowrap; 
color:#DC143C;
}


.topMenuHori .select li.line a {color:#B22222;}

.topMenuHori .select a b {
display:block; 
padding:0 30px 8px 8px;
background:center top;
}


.topMenuHori .select a:hover, 
.topMenuHori .select li:hover a {
padding:0 0 0 8px;
line-height:27px;
cursor:pointer; 
color:#696969;
}


.topMenuHori .select li.line a:hover, 
.topMenuHori .select li.line:hover a {
color:#696969;}


.topMenuHori .select a:hover b, 
.topMenuHori .select li:hover a b {
display:block; 
padding:0 30px 9px 8px; 
background:right top; 
cursor:pointer;
}


.topMenuHori .sub {
display:none;
}

.topMenuHori ul ul {display:none;}


.topMenuHori .sub {
margin:0; 
padding:0;
list-style:none;
}

.topMenuHori .sub li {background:transparent;}

.topMenuHori .select :hover .sub {
height:25px;
display:block; 
position:absolute;
float:left;
width:760px;
top:35px; 
left:0; 
text-align:center;
background:transparent;
border:1px solid #aaa;
}


.topMenuHori .select :hover .rt li {float:right;}

.topMenuHori .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left; background:transparent url(line/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; color:#888;font-size:11px;}


.topMenuHori .select :hover .sub li.subline a {color:#c00;}


.topMenuHori .select :hover .sub li a:hover,
.topMenuHori .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative;}

.topMenuHori .select :hover .sub li:hover > a {color:#FF7F50;}

.topMenuHori .select :hover .sub :hover ul {padding:0; margin:0; list-style:none; display:block; width:112px; position:absolute; left:-1px; top:25px; border:1px solid #aaa; border-top:0; background:#fff;}

.topMenuHori .select :hover .sub :hover ul li a {width:80px; text-align:left; height:20px; line-height:18px;}
.topMenuHori .select :hover .sub :hover ul li a:hover {line-height:16px;}

/* Fin menu Top Horizonta */

/* Pie de pagina */
div#footer {position: relative; background:#FF0000 url(../imagenes/footer.jpg)top left fixed; padding: 15px 20px 13px; font-size: .60em; line-height: 1.3em; clear: both;border-top: 1px solid #ddd; color: #ffffff;}
div#footer div {margin-top: .4em; #FFFFFF no-repeat left center;padding-left: 15px; line-height: 2em;}
div#footer h3 { margin: 0; padding: 0;  position: absolute; left: 20px; top: 30px;}
div#footer a { color: #FFFFFF; }
div#footer a:hover { color: #FFE4B5; }

/* Fin Pie de pagina */

/* pagina principal de seccion */

#content{float:left;width: 410px; padding: 20px;}
#content_ubica{float:left;width: 700px; padding: 20px;}
#content_ubica #col1_ubica  h2{ font-size: 0.8em;font-weight:bold;padding-top:10px; text-align:left;}
#content_ubica #col1_ubica  p{ font-size: 0.7em;padding-top:10px; text-align:left;}

#contenedor #page-wrap{background: #FFF8DC  }
#contenedor #page-wrap-progra{background: #FFFFFF  }
#contenedor #sidebar{width: 1px; background:#ffffff;}
#contenedor #content{width: 580px; background:#ffffff;padding: 8px; line-height:1.0em;}
#contenedor #contentpro{width: 650px; background:#ffffff;padding: 8px; line-height:1.0em;}
#contenedor .right_articles{font-size: 0.9em;color: #800000;padding: 4px 8px;margin: 0 0 10px 0;}
#contenedor #col_conte1{float: left; width: 200px; padding: 5px 0 25px 10px;}
#contenedor #col_conte2{float: right; width: 345px;}
#contenedor #col_contepro{float: right; width: 350px;}
#contenedor #col1{float: left; width: 270px; padding: 5px 0 25px 10px;}
#contenedor #col2{float: right; width: 285px;}
#contenedor #col1_ubica{float: left; width: 190px; padding: 5px 0 25px 10px;}
#contenedor #col2_ubica{float: right; width: 425px;}
#contenedor #nav{ padding-top:2px;}
#contenedor #footer{background: #FF0000 url(../imagenes/footer.jpg) top left fixed; padding-top:2px;padding-bottom:2px;}
/* seccion lateral derecha*/
#nav h4{font-size:100%;color: #DC143C; padding: 0; margin: 15px 10px 5px 5px;}
#nav h5{font-size:100%;color: #DC143C; padding: 0; margin: 15px 15px 5px 5px;}
#nav p{color: #00000; padding: 0; margin: 5px 10px 5px 5px;}
/* manejo de contenido principal*/
#contenedor #description  p{ font-family:Verdana, Helvetica, sans-serif; font-size: 1em; padding-top:5px; text-align:justify;}
#contenedor #description  h1{ font-size: 1.0em;font-weight:bold; padding-top:10px; text-align:center;}
#contenedor #description  h2{ font-size: 0.95em;font-weight:bold;padding-top:10px; text-align:left;}
#contenedor #description  ul {list-style: none; margin: 1.0em; padding: 0;}
#contenedor #footer{background: #FF0000 url(../imagenes/footer.jpg) top left fixed; padding-top:2px;padding-bottom:2px;}	
#nav ul {list-style: none; margin:0; padding: 0;}
#nav li {list-style: none; padding:0;}
#nav li#frhome{background-position:  0 35%;}
#nav a{color: #FF8C00; text-decoration: none; font-size:95%;}
#nav a:hover{text-decoration: underline;color: #DC143C;}
#nav li a{display:block; width:131px; background: url("/research/images/site/navlibg.gif") no-repeat 5px 5px; margin: 0; padding: 4px 0 5px 20px;}
#nav .ofint{margin: 15px 0 0 0; padding: 10px 0 10px 0; background: #0000;}

/* on-states */
#nav li.active a, #nav li.active a:hover{background: #00000; color:#00000; background: #0000 url("/research/images/arrow-on.gif") no-repeat 5px 5px;}



#contenedor #nav h4{margin-top:5px;margin-bottom:10px;}

#contenedor #nav p.contactlink{font-weight:bold; padding-top:20px; }


/* FORMATTING */
#content{
font-size: 80%;
}
#nav{
font-size: 65%;
}

td.helpT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
background-color: #FFFACD;
border: 1px #B22222 solid; 	
border-collapse: collapse;
border-spacing: 0px; }
td.helpHed
{ border-bottom: 2px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #BEC8D1;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040; }

td.helpBod
{ border-bottom: 1px solid #DC143C;
border-top: 0px;
border-left: 1px solid #DC143C;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; }

table.sofT
{ text-align: center;
font-family: Arial, Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 350px;
background-color: #fafafa;
border: 1px #800000 solid;
border-collapse: collapse;
border-spacing: 0px; }

table.sofT tr
{ text-align: center;
font-family: Arial, Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 350px;
background-color: #fafafa;
border: 1px #DC143C solid;
border-collapse: collapse;
border-spacing: 0px; }

table.contacts
{ width: 580px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; }


td.contactDept
{ background-color: #99CCCC;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040; }


td.contact
{ border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .7em;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }

td,th{
	border:1px solid #DC143C;
	border-collapse:collapse;
	padding:5px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
}

thead th{
	background:#ffffff;
	text-align:center;
}
tbody th{
	text-align:center;
	background:#FFFACD;
}

tbody td{
	background:#ffffff;	
}
tbody tr.odd td{
	background:#ccc;
}