/********** GENERAL **********/
html, body {
  margin:0; padding:4px;
}
body {
  background: #a29ba4 url(css/fondo.jpg);
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #666;
}

/********** BASICO **********/
h1, h2, h3, p { margin:0; padding:0; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
ul { list-style-image:url(css/famfamfam/bullet_purple.png); }

/********** MAQUETACION **********/
#supercontenedor {
  position: relative;
  width: 780px;
  margin: 20px auto;
  padding: 0;
  background: #f6f0ef url(css/cuerpo.jpg) repeat-y;
}
#contenedor {
}
#cabecera {
  background: url(css/cabecera.jpg) no-repeat;
  height: 160px;
  position: relative;
  /*border: 1px solid magenta;*/
}
#cabecera h1 { display:none; }
#cabecera h2 { display:none; }
#cabecera h3 { position:absolute;  left:310px;  top:80px;  color:#036;  font-variant: small-caps; }
#cabecera #inicio { position:absolute; width:750px; margin-left:10px; height:100px; }
#cabecera #inicio span { display:none; }
#cabecera #contacto {  position:absolute; left:590px; top:40px; font-size:11px; height:1.6em; text-decoration:underline; }
#cabecera #contacto:hover { background:#000080; color:#fff; }

#supercuerpo {  width:750px;  margin-left:10px; line-height: 160%;}
#supercuerpo h1 { font-size: 22pt;  font-weight: normal; margin:0.5em 0; }
#supercuerpo h2 { font-size: 18pt;  font-weight: normal; margin-top:1em; }
#cuerpo {   margin: 0 210px 0 10px;  /*margin-left: 150px; */ }
#cuerpo h1 { font-size: 22pt;  font-weight: normal; }
#cuerpo h2 { font-size: 18pt;  font-weight: normal; }
#cuerpo h3 { font-size: 14pt;  font-weight: normal; }
#cuerpo p, #cuerpo h1 {  margin:0.5em 0;   }
#pie {
  height:60px; margin-top:60px;
  background:url(css/pie.jpg) no-repeat bottom;  
  text-align:center;  font-size:11px;  color:#aaa;  clear:both;
  /*border:1px solid red;*/
}

/********** PANELES **********/
#paneles { /*border:1px solid yellow;*/ width: 200px; float: right; font-size: 11px; }
.panel {   background:url(css/caja_mitad.jpg) repeat-y; width: 200px; line-height:140%;}
.panel_arriba {  background:url(css/caja_arriba.jpg) no-repeat top; height: 10px; }
.panel_centro {  margin-left: 10px;  width: 180px;  /*border:1px solid yellow;*/ }
.panel_abajo {  background:url(css/caja_abajo.jpg) no-repeat bottom; height: 10px; }
.promotion { width:180px; margin:10px; }  
.panel ul, .panel ol  { padding:0; margin:0 0 0 1.6em; }

.caja  { margin:0.5em;padding:4px;border:2px solid #dcc;border-bottom-color:#fff;border-right-color:#fff; }
.encajado { /*margin-top:2em;*/ margin-right:4px;padding:4px;border:2px solid #dcc;border-bottom-color:#fff;border-right-color:#fff; }

/********** NAVEGACION **********/
#navegacion {  
  list-style:none;
  position:absolute;
  left:10px; bottom:0; /*top:110px;*/
  width:750px; height:50px;
  margin:0; padding:0;
  /*border: 1px solid lime;*/
}
#navegacion li {
  display: inline;
  float:left;
  background:url(css/pes_desactiva.jpg) no-repeat top left;  
  /*border:1px solid yellow;*/
  line-height:50px; height:50px;
  opacity:0.5; filter:alpha(opacity=50);  
  /*border-bottom:#a88 1px solid;*/
}
#navegacion li.actual { background:url(css/pes_activa.jpg) no-repeat top left; opacity:1; filter:alpha(opacity=100); 
  border-right:#fff 1px solid; /*border-bottom:none;*/}
#navegacion li:hover {opacity:0.8; filter:alpha(opacity=80); }
#navegacion .li  /*#navegacion li>span*/ { margin:20px 10px 0 30px;  }
#navegacion a { text-decoration:none; color:#800; /*#0b0021;*/ font-size: 13px; padding:6px 0 8px 32px; }
#navegacion #comprar { background:url(css/iconitos/comprar.png) no-repeat;   }
#navegacion #servicios {background:url(css/iconitos/servicios.png) no-repeat;  }
#navegacion #docencia {background:url(css/iconitos/docencia.png) no-repeat;   }
#navegacion #noticias {background:url(css/iconitos/noticias.png) no-repeat;   }
#navegacion #contactar {background:url(css/iconitos/contactar.png) no-repeat;   }
#navegacion #progyman {background:url(css/iconitos/progyman.png) no-repeat;   }
/*#navegacion #aplicaciones {background:url(css/iconitos/aplicaciones.png) no-repeat;   }


/********** NAVEGACION ZONA PRIVADA **********/
#menu {  list-style:none; position:absolute; bottom:0; margin:0 0 1em 1em; padding:0; }
#menu li { display:inline; }
#menu a { padding: 0.5em; text-decoration:none; background:#fff; opacity:0.6; filter: alpha(opacity=60); border:1px solid #edd; 
  border-radius:4px; -moz-border-radius:4px; }
#menu a:hover { text-decoration:none; background:navy; color:#fff; opacity:0.3; filter: alpha(opacity=30);}
#menu a:active { opacity: 1; filter: alpha(opacity=100);}

#private {  list-style:none; position:absolute; left:590px; top:40px; }

/********** SUBNAVEGACION **********/
#subnavegacion {  list-style:none; line-height:30px;}
#subnavegacion li { display:inline; margin-right:4px; }
#subnavegacion a { color:#800; padding: 4px; text-decoration:none; background:#fff; opacity:0.6; filter: alpha(opacity=60); border:1px solid #edd;}
#subnavegacion a:hover { text-decoration:none; background:#844; color:#fff; opacity:0.3; filter: alpha(opacity=30);}
#subnavegacion a:active { opacity: 1; filter: alpha(opacity=100);}

/********** INDEX **********/
#index { list-style:none; margin:0; padding:0; }
#index li { float:left; font-size:16pt; margin:1em;}
#index img { border:none; }
#index a { text-decoration:none; }

/********** TABLAS **********/
table, td, th { border-style:none; }
td, th { border:1px solid #ccc; line-height:120%; }
table {  border-collapse:collapse; }
td { padding: 4px; }
th { background:url(css/fondo.gif); font-weight:normal; opacity: 0.6; filter: alpha(opacity=60); }

table.maquetacion { width:100%; padding:0; margin:0; }
td.maquetacion { border:none; vertical-align:top; width:100%;}

/********** CLASES **********/
.lista {margin: 0.5em 0 0.5em 1em; padding: 0 0 0 0.5em; list-style-image:none; }
.vacio, td.vacio, th.vacio { border:none; background:none;}
.doble { line-height:200%; }
.selectable:hover { background:#fea; }
.semitraslucido { opacity:0.8; filter: alpha(opacity=80); }
.traslucido { opacity:0.2; filter: alpha(opacity=20); }
.traslucido:hover { opacity:1; filter: alpha(opacity=100); }
.enlinea { display:inline; margin:0; padding:0; }
.enlace { border:none; color:#00f; cursor:pointer; }
.enlace:hover { text-decoration:underline; }
.license { color:#a88; font-size:9px; }
.highlight { background:#fea; }
.error { color:#b00; }
.ok { color:#080; }
.ajustar { width:99%; }
.paragraphs p { margin-top:1em; }
.expand { padding-left:20px; background:url(css/famfamfam/add.png) no-repeat; }
.collapse   { padding-left:20px; background:url(css/famfamfam/delete.png) no-repeat;  }
.no_flotar { clear:both; }

/********** ICONOS **********/
.icono_telefono { padding-left:20px; background:url(css/famfamfam/phone.png) no-repeat; }
.icono_add       { padding-left:20px; background:url(css/famfamfam/add.png) no-repeat;  }
.icono_erase   { padding-left:20px; background:url(css/famfamfam/cross.png) no-repeat;  }
.icono_edit     { padding-left:20px; background:url(css/famfamfam/pencil.png) no-repeat;  }
.icono_next     { padding-left:20px; background:url(css/famfamfam/resultset_next.png) no-repeat;  }
.icono_previous { padding-left:20px; background:url(css/famfamfam/resultset_previous.png) no-repeat;  }
.icono_first   { padding-left:20px; background:url(css/famfamfam/resultset_first.png) no-repeat;  }
.icono_last     { padding-left:20px; background:url(css/famfamfam/resultset_last.png) no-repeat;  }
.icono_back     { padding-left:20px; background:url(css/famfamfam/arrow_undo.png) no-repeat; }
.icono_recent { padding-left:20px; background:url(css/famfamfam/control_end_blue.png) no-repeat; }
.icono_logout { padding-left:20px; background:url(css/famfamfam/user_red.png) no-repeat; }
.icono_backup { padding-left:20px; background-image:url(css/famfamfam/database_save.png); background-repeat:no-repeat; }

/********** FORMULARIOS **********/
input[type='submit'] { color:#800; }

.form th, .form td { border:none; }
.form textarea, .form input[type='text'], .form input[type='checkbox'], .form input[type='password'], .form input[type='file'], .form select { border:none; 
  border-top:1px solid #cca; border-left: 1px solid #cca; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
.form textarea:focus, .form input[type='text']:focus, .form input[type='checkbox']:focus, .form input[type='password']:focus, .form input[type='file']:focus, .form select:focus { 
  background:#fea; }
.form input[readonly] { border:none; background:none; opacity:0.5; filter: alpha(opacity=50); /*background:#fee; color:#888;*/ }
.form input[type='submit']  { }
.form_buscar .text { border:1px solid #fff; border-left:1px solid #a88; border-top:1px solid #a88;}
.form_buscar .submit { border:1px solid #fff; border-right:1px solid #a88; border-bottom:1px solid #a88;}
.form_buscar .submit:hover { opacity:1; filter: alpha(opacity=100); }

/********** FLASH **********/
.flash { width:720px; margin:0.5em; margin-bottom:1em; padding:0.5em; border:1px solid #990; background:#fea; 
  opacity:0.8; filter: alpha(opacity=80);
  border-radius:4px; -moz-border-radius:4px;}
  
/********** ARTICULOS **********/  
.article { } 
.path { margin-top:1em; color:#A88; }
.article div {}
.article h1.title { margin:0; padding:0; line-height:100%; }
.article .date { margin:0; padding: 0; }
.article .price { margin:0.5em 0; }
.article .date { margin:0.5em 0; }
.article .icono { float:right; }
.date { font-size:0.8em; }

/********** SLIDES ARTICULOS **********/ 
.slides h2 {  margin-top:1em;  background:url(css/fondo.gif); font-weight:normal;  opacity: 0.6; filter: alpha(opacity=60); clear:left; }
.slides h3 { font-size:13px;}
.slides ul { list-style:none; margin:0; padding:0;  }
.slides img { width:128px; height:128px; text-align:center; margin:auto;}
.slides li { width:200px; float:left; margin:1em; padding:1em; border:1px solid #dcc; }
.slides .text { font-size:11px; line-height:120%; }

/********** LIST ARTICULOS **********/ 
.list h2 { margin-top:1em; background:url(css/fondo.gif); font-weight:normal;  opacity: 0.6; filter: alpha(opacity=60); }
.list li { margin-bottom:3em; }
.list .text { border-bottom:1px solid #ccc; }
.list img { float:right; margin:0; }

/********** NEWS ARTICULOS **********/ 
.news h2 { margin-top:1em; background:url(css/fondo.gif); font-weight:normal;  opacity: 0.6; filter: alpha(opacity=60); }
.news li { margin-bottom:3em; }
.news .text { border-bottom:1px solid #dcc; }

/********** COLUMNS ARTICULOS **********/ 
.columns table td { border-style:none; width:49%; line-height:160%; vertical-align:top; padding-bottom:3em;}
.columns table td { border-right:1px solid #dcc; }
.columns table td.par { border-right:none; padding-left:1em; }

/********** TABLE ARTICULOS **********/ 
.table table { width:100%; }
.table table img { width:32px; height:32px; float:left;}
.table td, .table th { border:none; }
.table tr.par { background:url(css/par.gif); font-weight:normal;  opacity: 0.8; filter: alpha(opacity=80);  }

/********** FIND ARTICULOS **********/ 
.find li { margin-bottom:3em; }
.find .score { color:#c88; font-size:0.8em;}

/********** GALERÍA DE IMÁGENES **********/ 
.images  .columns { 
  /* column-width:20em; -moz-column-width:20em; ;*/
  column-count:4; -moz-column-count:4;
  column-gap:20px; -moz-column-gap:20px;
  column-rule:1px solid #000;     
 }

/********** CATEGORIAS **********/ 
#categorias {  margin-top:2em;
}
#categorias img, #categorias td { border:none;  }
#categorias img { width:64px; height:64px; }