/* CSS Document */
/* PEDECIBA
Autor: Diego Pereyra
Mail: diezko(arroba)gmail.com
Ultimo update: 11 Dic 2008
==================================================================================*/

/*== RESET CSS
===============================*/
a img, *:link img, *:visited img{  
border:0 none;  
}
:focus{ 
outline: 0;  
}
table{
border-collapse: separate;
border-spacing: 0;
}
h1,h2,h3,h4,p,ul,ol{
margin: 1em 0;
}
ul,ol{ 
margin-left: 45px; /*IE6*/
/*list-style-type: square;*/
} 
html>body ul, html>body ol{ margin-left:0; } /* para el restro de los navegadores.*/
/*pero IE7 tamb lo lee, corregido (ul y ol) en el ie7fix.css*/

/*================================================================================*/
/*==== GENERAL
==================================================================================*/
body {
margin:0;
padding:0;
font-family: arial, sans-serif;
font-size: 12px;
line-height: 145%;
background: #FFFFFF url(../img/bg_top.png) repeat-x top ;
}

cite{ font-size: 0.9em; }

/*===== CONTENEDOR envuelve a todo el sitio =====*/
#contenedor{
position: relative;
z-index: 1;
margin:0 auto;
margin-bottom:20px;
padding:0;
width:900px;
}

/*===== Headers =====*/
h1 { 
font-size: 1.9em; 
}
h2 { 
font-size: 1.6em;
margin-top: 50px;
padding-bottom: 4px;
color:#FF9900;
width: 95%;
border-bottom: 3px solid #000;
}
h3 {
font-size: 1.2em;
margin-top: 35px;
/*text-decoration: underline;*/
}
h4 { 
font-size: 1.13em;
margin-bottom: 0.5em;
}
li h4 {
margin-top: 1em;
}

/*========= LINKS Iconos ==========*/
/*external links*/
a[href^="http://"], a[href^="https://"] {
background: url(../img/ext-link2.gif) no-repeat 100% 2px;
padding-right: 14px;
}
/*links internos sin ningun icono*/
a[href^="http://www.pedeciba.edu.uy"] {
background-image: none;
padding-right: 0;
}
/*external link --> http://www.pedeciba.edu.uy/investigadores/salida*/
a[href^="http://www.pedeciba.edu.uy/investigadores/salida"] {
background: url(../img/ext-link2.gif) no-repeat 100% 2px;
padding-right: 14px;
}
/*pdf archivos*/
a[href$=".pdf"] {
background: url(../img/pdf.gif) no-repeat 99.5% center;
padding: 1px;
padding-right: 17px;
}
/*rtf archivos*/
a[href$=".rtf"] {
background: url(../img/rtf.png) no-repeat 99.5% center;
padding: 1px;
padding-right: 17px;
}

/*========== LINKS ===========*/
a {
color: #006FDD /*#0075EA*/;
text-decoration: none;
/*font-weight: bold;*/
}
a:visited { 
color: #004A95 /*#0053A6*/; 
}
a:hover {
text-decoration: underline;
}
a:active {   /*on-click y hasta que habra*/
background-color: #0075EA; 
color:#FFF; 
}

/*= a link pdf Class =*/
a.pdf {
background: url(../img/pdf.gif) no-repeat 99.5% center;
padding: 1px;
padding-right: 17px;
}
a:active.pdf{ background-color: #0075EA; }

a.pdf-izq {
background: url(../img/pdf.gif) no-repeat left center;
padding: 1px;
padding-left: 18px;
}
a:active.pdf-izq { background-color: #0075EA; }

/*= rtf class =*/
a.rtf {
background: url(../img/rtf.png) no-repeat 99.5% center;
padding: 1px;
padding-right: 17px;
}

/*No-Icon - Quita el icono de los links*/
a.no-icon { background-image:none; padding-right:0; padding-left:0; }

/*= link a tabla de integrantes =*/
.integrantes {
background: transparent url(../img/bg_investigadores.gif) no-repeat 1px center;
padding: 2px;
padding-left: 18px;
font-size: 1em;
}

/*====================== CLASES ================================*/
.left { float: left; margin-right:15px; }
.right { float: right; } 
.clear { clear: both; }
.center{
/*margin: 0 auto;*/ /*antes*/
margin-left: 4%;
width: 90%;
}
.negrita { font-weight: bold; }
.txt-right { text-align: right;  }
.subrayado{ 
/*text-decoration: underline;*/ 
border-bottom: 1px dotted; 
border-bottom-color: inherit;
}
/*.margin-izq { margin-left: 40px; }*/
.margin-izq { margin-left: 30px; }
.margin-top1 h3{ margin-top: 1em; }
.width40{
margin: 8px 15px;
width: 40%;
}
.width60{
margin: 8px 15px;
width: 60%;
}

.dos-columnas{
width: 40%;
margin: 0 0px; /*15px*/
}
.tres-columnas{
width: 30%;
margin: 0;
padding: 0;
padding-left: 2em;
}
.tres-columnas li h3 {  margin-top: 1em;  } /*para no usar .margin-top1 para cada h3*/
.padding-0{ padding-left: 0; }
.margin-0 { margin-left: 0; }
.titulo1 {
background: #f9f9f9 url(../img/bg_h1.png) no-repeat left bottom;
border: 1px solid #CCC;
margin-right: 10px;
margin-bottom: 35px;
padding: 15px 10px;
}
.titulo2{  /*beige*/
color: #B6AD65;
font-weight: bold;
}
.fecha{
color: #888;
font-size: 0.9em;
font-style: italic;
}
.nota {
width: 500px;
margin: 1.5em 0;
/*margin-left: 30px;*/
padding: 3px 10px;
font-style: italic;
font-size: 0.95em;
color: #777; 
/*background-color: #f9f9f9; */
/*border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;*/
}
.li-espacio li{  
margin-bottom: 0.4em;  
}
.nolist { list-style:none; }
ul.nolist { margin-left:0; }  /*para plicar el .nolist al ul*/
div.nolist ul { list-style:none; }

.flecha-abajo span{  /*usada en el menu Areas*/
padding-right: 14px;
background: url(../img/flecha-abajo.gif) no-repeat right 0.45em;
}
.estrella{
padding-left: 20px;
background: url(../img/estrella.gif) no-repeat left center;
}

/*== info ==*/
.info{
margin: 10px 0;
margin-left: 0;
padding: 15px 15px 15px 20px;
width: 60%;
text-align: center;
background: #E4F2FD url(../img/info-icono.gif) no-repeat 5px 10px;
border: 1px solid #ABD1F1;
color: #227A9F;
}
.info-noticias{
margin: 10px 0;
padding: 12px 5px 12px 5px;
width: 27%;
line-height: 165%;
background: #E4F2FD;
border: 1px solid #ABD1F1;
color: #227A9F;
}
.info-noticias p{
margin: 0 0 0 35px;
}

/*============== Tablas ===============*/
.tabla1{
border: 1px solid #e2e2e2;
background: #FCFBF8;
font-size: 11px;
font-weight: normal;
border-collapse: collapse;  /*si hay dos bordes adjacentes, solo se muestra uno*/
}
.tabla1 a{
font-weight: normal;
}
.tabla1 tr:hover {
background-color:#F8F5EF;
}
.tabla1 td{
font-size: 1em;
padding: 2px;
padding-left: 16px;
border-bottom: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
}
.tabla1 .primer-item td {
padding-top: 8px;
}
.tabla1 .tablahead td{
padding-top: 8px;
padding-bottom: 5px;
border-bottom: 1px solid #D9CFA8;
border-top: 1px solid #D9CFA8;
font-weight: bold;
font-size: 1.05em;
color: #000;
text-transform: uppercase;
background-color:#E9E6CF;
}
.tabla1 tr td:last-child {
padding-left: 20px;
/*background-color:#66CCFF;*/
}

/*============ Boxes =====================*/
.box-links{  /*todos los navegadores*/
float: right;
border: 1px solid #D1C698;
background: /*#F8F5ED*/ #F9F7F0;
font-size: 1em;
width: 28%;
margin: 0px 0px 20px 30px;
}
.box-links-cont{
padding: 0px 5px 5px 25px; 
}
.box-links h3{
background: #E9E6CF;
font-size: 1.1em;
margin: 0 0 10px 0;
padding: 3px 0 3px 15px;
text-decoration: none;
}
.box-links .box-links-cont ul li a{ color: #000000; } /*IE*/
.box-links-cont a{
color: #000000;
font-weight: normal;
}
.box-links .box-links-cont a:hover{ color:#FF9900; } 
.box-links-cont a:active{
background: #FFF;
color: #000000;
}
.box-links-cont ul{
margin-top: 10px;
margin-left: 0; /*IE*/
padding: 0;
padding-left: 0px; /*10*/
list-style-image: url(../img/flecha.gif);
}
.box-links-cont li{
margin-bottom: 0.3em;
}

/*===== Box-Noticias =====*/
.box-noticias{
/*width: 90%;*/
margin: 0 0px;
margin-left: 0;
margin-right: 30%;
padding: 15px;
padding-top: 2em;
border: 1px solid #D1C698;
background: #F9F7F0 url(../img/noti.gif) no-repeat 85% 8px;
}
.box-noticias h2{
margin: 5px 0 15px 0;
padding-left: 3px;
color: #958442 /*#9C823D*/;
border-color: #958442;
}
.box-noticias p{
margin-left: 30px;
}

/*===== Box Areas =====*/
.box-area-intro {
width: 90%;
margin: 0 auto;
margin-bottom: 35px;
padding: 15px;
padding-bottom: 10px;
border: 1px solid #D9CFA8;
background: #FBFAF4;
}
.box-area-intro ul {
list-style: none;
/*padding-left: 2em;*/
}
.box-area-intro li {
margin-bottom: 0.25em;
}

.box-area-intro_dch {
float: right;
margin-right: 15px;
padding: 10px 16px;
border: 1px solid #E9E3CD;
background: #FDFDFB;
}


/*===== Tipos de Listas Ordenadas =====*/
.numeros li{ list-style-type: decimal; }
.letras li{ list-style-type:lower-alpha; }

.bl {background: url(../img/corner_bl.gif) bottom left no-repeat; }
.br {background: url(../img/corner_br.gif) bottom right no-repeat;}
.tl {background: url(../img/corner_tl.gif) top left no-repeat; }
.tr {background: url(../img/corner_tr.gif) top right no-repeat;}
/*=*/
.t {background: url(../img/punto.png) top left repeat-x; }
.b {background: url(../img/punto.png) bottom left repeat-x}
.l {background: url(../img/punto.png) top left repeat-y}
.r {background: url(../img/punto.png) top right repeat-y}


/*== HEAD
==================================================================================*/
#head{
heigth: 150px;
}
#top{
position:relative;
height:144px;
background: url(../img/top-fondo.jpg) no-repeat;
/*border:1px solid red;*/
}
#menu{
}
/*============= MENU ======================*/
ul#menu-h {
position: relative;
z-index: 500;

  margin: 0;
  margin-top:-26px;
  margin-left:230px;
  border: 0 none;
  padding: 0;
  width: 700px; /*For KHTML*/ /*ancho de todo el menu*/
  list-style: none;
  height: 43px;
}

ul#menu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

/* Bloque del Submenu */
ul#menu-h ul {
  margin: 0;
  margin-top: -2px;
  border: 0 none;
  padding: 3px 4px 4px 5px;
  background-color:#FFFFFF;
  width: 180px;  /*ancho de todo el submenu*/
  list-style: none;
  display: none;
  position: absolute;
  top: 43px;
  left: -1px;
  border-left: 1px solid #EEBF79;
  border-right: 1px solid #EEBF79;
  border-bottom: 1px solid #EEBF79;
}

ul#menu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

/* Botones Submenu */
ul#menu-h ul li {
  width: 130px;  /*ancho de botones del submenu*/
  padding: 2px 0;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#menu-h a {
  padding: 0 12px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #FFFFFF url(../img/menu-fondo.png) repeat-x;
  color: #000000;
  font: normal 13px/36px Arial, sans-serif;
  font-weight:600;
  text-decoration: none;
  height: 43px /*!important*/;
  /*height: 1%;*/ /*For IE*/
}
/*---- Fondo Botones de las Puntas del Menu --*/
ul#menu-h .primer-btn a{
background: url(../img/menu-punta-izq.png) no-repeat;
padding-left:27px;
}
ul#menu-h .ultimo-btn a{
background: url(../img/menu-punta-dch.png) no-repeat right;
padding-right:31px;
}
/*--------------------------------------------*/

/*== para los links del submenu ==*/
ul#menu-h li ul li a {    
height:25px;
font: normal 12px/25px Arial, sans-serif;
}

/*== Root Menu Hover Persistence ==*/
ul#menu-h a:hover,
ul#menu-h li:hover a,
ul#menu-h li.iehover a {
  background: #F3F3F3 url(../img/menu-fondo_hover.png) repeat-x;
  color: #000000;
}
/*---- Fondo Hover para los Botones en las Puntas del Menu --*/
ul#menu-h .primer-btn a:hover{
background: url(../img/menu-punta-izq_hover.png) no-repeat;
}
ul#menu-h .ultimo-btn a:hover{
background: url(../img/menu-punta-dch_hover.png) no-repeat right;
}
/*-----------------------------------------------------------*/
/* 2nd Menu - Submenu */
ul#menu-h li:hover li a,
ul#menu-h li.iehover li a {
  float: none;
  background: none;
  color: #000000;
}
/* 2nd Menu Hover Persistence - Submenu Hover*/
ul#menu-h li:hover li a:hover,
ul#menu-h li:hover li:hover a,
ul#menu-h li.iehover li a:hover,
ul#menu-h li.iehover li.iehover a {
  background: #E3E3E3 url(../img/bg_submenu.png) repeat-x;
  border-right: 1px solid #C3C3C3;
  border-left: 1px solid #C3C3C3;
  margin-left:-1px;   /*corrige el movimiento al sumarle border-left*/
  color: #000000;
}
ul#menu-h ul ul,
ul#menu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu-h li:hover ul ul,
ul#menu-h li:hover ul ul ul,
ul#menu-h li.iehover ul ul,
ul#menu-h li.iehover ul ul ul {
  display: none;
}
ul#menu-h li:hover ul,
ul#menu-h ul li:hover ul,
ul#menu-h ul ul li:hover ul,
ul#menu-h li.iehover ul,
ul#menu-h ul li.iehover ul,
ul#menu-h ul ul li.iehover ul {
  display: block;
}
/*================ FIN MENU ======================================================*/


/*== CONTENIDO
==================================================================================*/
#contenido{
position: relative;
z-index: 2;
margin: 0 auto;
padding:15px;
padding-bottom: 50px;
/*border: 1px solid #f3f3f3;*/
border-bottom: none;
}

/*---------- Subir - link to top ---------*/
#subir{    /*- IE tiene el suyo en iefix.css -*/
position: fixed;
height: 26px;
width: 26px;
z-index: 10;
background: transparent url(../img/subir_a.gif) no-repeat left top; 
display: block;
right: 5px;
bottom: 46%;
text-indent: -99999px;
}

/*== PIE
==================================================================================*/
#pie{
margin:0;
padding:0;
background: #F0ECDD /*#F4F2E8 url(../img/bg_pie.jpg) repeat-x*/;
border: none;
/*border-top: 1px solid #DBD5B5;*/
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 135%;
color:#EAE7D2;
clear: both;
}
/*PIE Links*/
#pie a {
text-decoration: none;
color:#444444;
font-weight: normal;
background: none;
}
#pie a:hover {
text-decoration: underline;
color: #000000;
}
#pie a:active, #pie h1 a:active{
background-color:#FFF;
}

/*------------ PIE-MIGA ---------------*/
#pie-miga {
margin-bottom: 1.5em;
padding-left: 20px;
padding-top: 1px;
height: 2em;
line-height: 2em; /*centra el texto*/
border-top: 1px solid #DBD5B5;
border-bottom: 1px solid #DBD5B5;
background: #F0ECDD url(../img/pie-miga_bg.png) repeat-x left bottom;
/*color: #000;*/
color: #444;
}
/*Links*/
#pie-miga a{
color: #444;
text-decoration:none;
margin: 0 5px;
font-weight: normal;
}
#pie-miga a:hover {
color: #000;
text-decoration:underline;
}
/*Span*/   /*para el item que no es un link*/
#pie-miga span {
margin: 0 5px;
}
/*Casa*/
#pie-miga a.casa {
margin-top: 0.5em;  /*centra la casa*/
margin-left: -2px;
width: 20px;
height: 15px;
float: left;
display: block;
background: url(../img/casa_a.gif) no-repeat center top;
}
#pie-miga a:hover.casa {
background: url(../img/casa_b.gif) no-repeat center top;
}
/*Volver*/
#pie-miga #volver {
float:right;
margin-right: 2em;
}
/*Volver link*/
/*#pie-miga #volver a:active {
background-color: #FFF;
}*/
#pie-miga #volver .volver-ico {
background: url(../img/volver_negro.gif) no-repeat left center;
padding-left: 17px;
}
/*#pie-miga #volver .subir-ico {
background: url(../img/subir_negro.png) no-repeat right center;
padding-right: 16px;
}*/

/*----------- FIRMA ---------------*/
#firma{
margin: 10px 0 0 0;
border-top: 1px solid #DBD5B5/*#666666*/;
background: #000000 url(../img/bg_pie-izq.png) no-repeat bottom left;
color:#F4F2E8;
}
#firma p { margin:0; padding:0; }
#firma a { color:#ECE9D7; text-decoration:none; font-weight:normal; }
#firma a:hover { color:#ECE9D7; text-decoration:underline; background:none; }
#firma a:active { color:#ECE9D7; }

#firma-cont{
margin:0 auto;
background: url(../img/bg_pie-dch.png) no-repeat bottom right;
padding: 3px 8px 4px 15px;
line-height: 1.5em;
}
#firma-cont #firmita{
float:right;
margin-top: 1.5em;
line-height:1.5em;
}
/*---------*/

/*-------- PIE CONTENIDO --------*/
#pie-contenido{
margin: 0 auto;
padding-left: 20px;
padding-bottom: 5px;
/*width: 900px;*/
font-size: 11px;
}
/* h1 */
#pie-contenido h1 {
margin:0;
margin-bottom: 6px;
padding:0;
font-size: 1.1em;
color: #FB9100; /*Solo por Area*/
}
#pie-contenido h1 a {
color: #FB9100;
/*display: block;*/
font-weight: bold;
background: none;
border-top: none;
}
#pie-contenido h1 a:hover {
color: #FB9100;
text-decoration: underline;
border: none; /*IE fix*/
}

/*Link*/
/*#pie-contenido a {
text-decoration: none;
color:#444444;
font-weight: normal;
background: none;
}
#pie-contenido a:hover {
text-decoration: underline;
color: #000000;
}
#pie-contenido a:active, #pie-contenido h1 a:active{
background-color:#FFF;
}*/

#pie-contenido ul{
margin:0;
padding:0;
list-style-type:none;
}
#pie-contenido ul li{
margin-bottom: 4px;
}

.columna-pri{
float: left;
}
.columna{
float: left;
margin-left: 22px;
}
.nolink{
color: #006FDD /*#0075EA*/;
text-decoration: none;
}