body {
  margin:0;
  padding:0;
   background: url("../eh_imag/fondo_gen.gif") no-repeat left top;
  color:#000;
  font:small Verdana,Sans-serif;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}

  
/* Columnas
----------------------------------------------- */
#content {
  margin-left:30px;
  width:710px;
  }
.maincol {
	background:  url("../imag/fondeo.gif") repeat left top;
  float:left;
  width:510px;
  margin:0;
  font-size:85%;
  line-height:1.5em;
  }
.subcol {
 background:  url("../imag/fondo_nav.jpg") repeat left top;
  padding:5px 5px 5px 5px;
  float:right;
  width:180px;
  margin:0;
  font-size:85%;
  line-height:1.5em;
  }
.xcol {
   background:  url("../imag/perso_fon.gif") repeat left top;
    padding:5px 5px 5px 5px;

   float:right;
  width:180px;
  font-size:85%;
  line-height:1.5em;
  }
  
.col-M .maincol {
  float:none;
  width:100%;
  }
.col-SM .xcol, .col-MS .xcol, .col-M .subcol, .col-M .xcol {display:none;}
.col-SM .maincol, .col-SMX .maincol {float:right;}
.col-SM .subcol, .col-SMX .subcol {float:left;}
  
.col-MSX .wrap, .col-SMX .wrap {
  float:left;
  width:510px;
  }
.col-MSX .maincol, .col-SMX .maincol {width:310px;}
.col-MSX .subcol, .col-SMX .subcol {width:180px;}

#home .maincol {width:390px;}
#home .subcol {width:300px;}


/* Logo 
----------------------------------------------- */
#header   {  background:  url("../eh_imag/fondo.jpg") no-repeat left top;

height: 80px; 
margin-right: 0px;
border-bottom: 3px solid #669999; 
voice-family: "\" }\"";
voice-family:inherit;
height:72px;
  } html>body #header {height:72px;}
#logo      { 
position: absolute; 
top: 10px; 
left: 0px; 
width: 265px;
 }
  

/*  Navegador Principal
----------------------------------------------- */
#nav    { font-size: 85%; margin-left: 266px; position: relative; height: 100% }
#nav div {
  position:absolute;
  width:580px;
  bottom:0;
  left:0;
  border-left:1px solid #fff;
  }
#nav a, #nav strong, #nav em  { color: #fff; text-decoration: none;  display: block; float: left; padding: 2px 6px 7px; border-top: 0 none; border-right: 1px solid #fff; border-bottom: 0 none; border-left: 0 none; voice-family: "\" }\"";
  voice-family:inherit;
  height:1.2em;
  } html>body #nav a, html>body #nav strong, html>body #nav em {height:1.2em;}
#nav strong {
  border-bottom:5px solid #fff;
  padding-bottom:2px;
  color:#fff;
  }
#nav a:hover  { color: #FF6633 }
/* \ Hack to get IE5/Mac to ignore the following rule */
#nav a:hover {
  border-bottom:5px solid #9c3;
  padding-bottom:2px;
  }
#nav strong a {
  float:none;
  display:inline;
  border-width:0;
  padding:0;
  }
#nav strong a:hover {
  border-bottom-width:0;
  }
#nav em {
  float:none;
  display:block;
  padding-left:0;
  padding-right:0;
  border-right-width:0;
  }
#nav span {display:none;}


/* Home Page
----------------------------------------------- */
#home h1    { font-size: 1px; background: #660000  url("../eh_imag/fondo2.jpg") no-repeat left top; margin: 0; padding: 0; border: 0 }
#home h1 strong {
  display:block;
  height:70px;
  background: no-repeat right top;
  }
#home h1 span {display:none;}

#home .ad {
  padding:5px 0 4px;
  border:1px solid #660000;
  border-width:1px 0;
  }
#home .ad img {
  float:left;
  margin:0 8px 0 0;
  }
#home .ad h2 {font: 170%/1.25em Georgia,Verdana,Sans-serif;}
#home .ad h2, #home .ad h2 a {color:#660000; border-width:0;}
#home .ad h2 a:hover, #home .ad h2 a:hover strong {color:#ff0000;}
#home .ad h2 strong {
  font-size:100%;
  font-weight:normal;
  color:#333;
  }
#home .ad p {margin:0; color:#0F2455;}

#home #section  { background: #0F2455 url(imag/home_titulo.gif); margin-bottom: 15px; position: static }
#home #section div {background: no-repeat right top;}
#home #section .content div {background:none;}
#home #section .content {
  background: no-repeat left bottom;
  padding:8px 0 8px 30px;
  width:740px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:710px;
  } html>body #home #section .content {width:710px;}
#home #section .subcol p {
  margin:0 0 .5em;
  color:#0F2455;
  }
#home #section p strong {color:#000;}
#home #section .subcol em {font-style:normal;}
#home #section .maincol img {display:block;}


#home ul#subnav {margin:1.5em 0;}
#home ul#subnav br {display:none;}
#home #subnav li {margin:0 0 5px; padding:0; background-image:none;}
#home #subnav a:link, #home #subnav a:visited {
  display:block;
  background-repeat:no-repeat;
  background-position:7px 7px;
  padding:6px 10px;
  border-width:1px;
  border-style:solid;
  width:300px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:278px;
  } html>body#home #subnav a:link, html>body#home #subnav a:visited {width:278px;}
#subnav strong {
  display:block;
  font:165%/1em Arial,Sans-serif;
  text-transform:lowercase;
  margin-bottom:4px;
  /*
  padding-left:14px;
  background-repeat:no-repeat;
  background-position:0px .45em;
  */
  }
#subnav img {
  float:left;
  margin:0 8px 20px 0;
  }

#subnav .box1 strong  { color: #000 }
#subnav .box2 strong  { color: #000}
#subnav .box3 strong  { color: #000 }

#home .box1 a  { color: #fff; background: #73A0D1 ;  border: #333 }
#home .box2 a  { color: #fff; background: #fff url("../imag/perso_az2.jpg") no-repeat left top; border: #333 }
#home .box3 a   { color: #fff; background: #fff url("../imag/perso_az3.jpg") no-repeat left top; border: #333 }
#home .box4 a   { color: #fff; background: #fff url("../imag/perso_az4.jpg") no-repeat left top; border: #333 }
#home .box5 a   { color: #fff; background: #fff url("../imag/fondo_home.jpg") no-repeat left top; border: #333 }

/* ESTILOS DE LAS CAJAS TEXTO los h3*/
#home .box1 h3 {
 
  padding-bottom:2px;
  margin-bottom:.20em;
  font:180%/1.3em Georgia,Serif;
  color:#fff;
  }
#home .box2 h3 {
 
  padding-bottom:2px;
  margin-bottom:.20em;
  font:180%/1.3em Georgia,Serif;
  color:#fff;
  }
#home .box3 h3 {
 
  padding-bottom:2px;
  margin-bottom:.20em;
  font:180%/1.3em Georgia,Serif;
  color:#fff;
  }  
#home .box4 h3 {
 
  padding-bottom:2px;
  margin-bottom:.20em;
  font:180%/1.3em Georgia,Serif;
  color:#fff;
  }
  
 #home .box5 h3 {
 
  padding-bottom:2px;
   padding-left:8px;
  margin-bottom:.20em;
  font:180%/1.3em Georgia,Serif;
  color:#fff;
  background: #389BBB;
  } 
  
  
  
  
  
  
/* ESTILOS DE LAS CAJAS TEXTO FIN*/


#home #newslist{
  padding-left:20px;
 padding-bottom:70px;
  margin-bottom:.25em;

background:  url("../imag/perso_fon.jpg") repeat left top;  border: #333;

}

/* Fondo de la home
----------------------------------------------- */



#home #subnav a:hover {
  background-color:#fff;
  border-color:#ccc;
  color:#ccffff;
  }
#home #subnav a:hover strong {
  color:#fff;
  
  }








#newslist h2 {
  border-bottom:1px dotted #9c3;
  padding-bottom:2px;
  margin-bottom:.25em;
  font:170%/1.2em Georgia,Serif;
  color:#0cf;
  }
#newslist h3 {
  border-bottom:1px dotted #9c3;
  padding-bottom:2px;
  margin-bottom:.25em;
  font:150%/1.2em Georgia,Serif;
  color:#036;
  }
#newslist h4 {
  margin:0;
  font:bold 100% Verdana,Arial,Sans-serif;
  }
#home p {margin:.5em 5px; }



#newslist p {margin:0 0 1em; }
#home ul.more {
  margin:1em 0;
  border-top:1px dotted #ccc;
  padding-top:.5em;
  width:100%;
  }
#home .subcol ul.more {
  height:1.4em;
  margin:0 0 .75em;
  border:none;
  padding-top:0;
  }
#home .maincol ul.more li {
  float:none;
  margin-right:0;
  }
#home ul.more li {
  display:block;
  float:left;
  background-image:none;
  padding:0 0 0;
  margin-left:0;
  margin-right:15px;
  }

/* Cabeceras de las secciones
----------------------------------------------- */
#section {
  position:absolute;
  top:75px; left:0;
  margin:0;
  right:0px; margin-right:0px; /* IE5/Mac horizontal scrollbar fix */
  width:100%;

  }
#section h4 {
  margin:0;
  background:#669999 no-repeat right top;
  }
#section h4 strong {
  display:block;
  background-repeat:no-repeat;
  padding:0px 0;
  height:10px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:10px;
  } html>body #section h4 strong {height:2px;}
#section h4 a {
  display:block;
  margin-left:30px;
  width:200px;
  height:10px;
  border-width:0;
  border-style:none;
  }
#section h4 span {display:none;}

#team #section h4 strong {background-image:url("x");}
#services #section h4 strong {background-image:url("../eh_imag/fondo.jpg");}
#events #section h4 strong {background-image:url("x");}
#publications #section h4 strong {background-image:url("x");}
#contact #section h4 strong {background-image:url("../imag/contacto.jpg");}
#news #section h4 strong {background-image:url("x");}
#philosophy #section h4 strong {background-image:url("../imag/lar_ehla.jpg");}

#noticias #section h4 strong {background-image:url("../imag/noticia.jpg");}
#services-sub #section h4 strong {background-image:url("../imag/guia.jpg");}
#events-sub #section h4 strong {background-image:url("../imag/lar_ehla.jpg");}
#publications-sub #section h4 strong {background-image:url("../imag/guia.jpg");}
#contact-sub #section h4 strong {background-image:url("../imag/lar_bus.jpg");}
#news-sub #section h4 strong {background-image:url("../imag/lar_asoc.jpg");}
#philosophy-sub #section h4 strong {background-image:url("../imag/lar_alta.jpg");}
#section h4 strong#registration {background-image:url("x");}
#section h4 strong#filenotfound {background-image:url("x");}

#team #section h4 strong, #services #section h4 strong,
#events #section h4 strong, #publications #section h4 strong,
#contact #section h4 strong, #news #section h4 strong,
#philosophy #section h4 strong, #generic #section h4 strong {
  padding:0;
  height:15px;
  }
/* Aqui arriba la altura del larguero
----------------------------------------------- */



#team #section h4 a, #services #section h4 a,
#events #section h4 a, #publications #section h4 a,
#contact #section h4 a, #news #section h4 a,
#philosophy #section h4 a, #generic #section h4 a  {
  display:none;
  }


/* Navegador de Secciones el primero lleva un fondo
----------------------------------------------- */
#section ul {
  margin:0 0 0 0;
  padding:0;
  border-left:1px solid #330000;
  font-size:85%;
  text-transform:lowercase;
  background:#993300 url("../imag/verde.jpg") no-repeat right top;
  }
#section ul li {
  display:inline;
  margin:0;
  padding:0;
  background-image:none;
  }
#section ul a, #section ul strong, #section ul em {
  float:left;
  display:block;
  padding:0px 0px 0px;
  border-width:0;
  border-style:none;
  border-right:1px solid #330000;
  text-decoration:none;
  color:#330000;
  white-space:nowrap;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:1.5em;
  } html>body #section ul a, html>body #section ul strong, html>body #section ul em 
  {height:1.5em;
  text-decoration:none;
}
#section ul strong {
  border-top:5px solid #330000;
  padding-top:0;
  background:#fff;
  color:#000;
  }
#section ul a:hover {
  color:#f00;
  }
/* \ Hack to get IE5/Mac to ignore the following rule */
#section ul a:hover {
  border-top:5px solid #330000;
  padding-top:0;
  }
#section ul strong a {
  float:none;
  display:inline;
  padding:0;
  border-width:0;
  }
#section ul strong a:hover {
  border-top-width:0;
  }
#section ul em {
  float:none;
  display:block;
  border-right-width:0;
  }


/* Links
----------------------------------------------- */
a:link, a:visited {
  color:#03c;
  text-decoration:none;
  border-bottom:1px dotted #000066;
  }
a:visited {
  color:#906;
  border-color:#000066;
  }
a:hover {
  color:#f00;
  border-color:#c00;
  }
a:link img, a:visited img {border-width:0;}
h2 a:link, h2 a:visited {border-width:0; color:#000066;}
h3 a:link, h3 a:visited {border-width:0; color:#000066;}
h2 a:hover, h3 a:hover {color:#000066; border-bottom-width:1px;}
a.noborder:link, a.noborder:visited {border-width:0;}
a.thumbnail:link, a.thumbnail:visited {border-width:0;}


/* Breadcrumbs
----------------------------------------------- */
#bc {display:none;}


/* Titulos
----------------------------------------------- */
h1 {
  margin:0px 0px 5px 30px;
  padding:1.2em 0 .25em;
  border-bottom:1px dotted #330000;
  font:170%/1.2em Georgia,Serif;
  color:#669999;
  }


/* el margen de Titulos
----------------------------------------------- */

#team h1, #services h1, #events h1,
#publications h1, #contact h1, #news h1,
#philosophy h1 {
  margin-top:5px;
  }
  
    
h2 {
  margin:0 0 .25em;
  padding-left: 8px;
  padding-bottom: 2px;
  font:170%/1.2em Georgia,Serif;
  color:#ffffff;
  background:#6C6B7C;
  }

h3 {
  margin:0 0 .25em;
   padding:2px 0 2px 14px;
   font:bold 120%/1.3em Georgia,Serif;
  color:#fff;
   background:#65A20C;
  }
  
h4 {
   margin:0 0 .25em;
   padding:2px 0 2px 0;
  font:bold 140%/1.3em Georgia,Serif;
  color:#fff;
  }
  
h5 {
   margin:0 0 .25em;
  font:bold 160%/1.3em Georgia,Serif;
  color:#308Ac6;
  } 
  
h6 {
   margin:0 0 .25em;
  font:bold 130%/1.3em Georgia,Serif;
  color:#660000;
  } 
  


/* Forms
----------------------------------------------- */
form {
  margin:0; 
  line-height:1.3em;
  }
form div {padding:3px 0 2px;}
input.text {font:120% "Courier New",Courier,Monospace;}
input.button {
  background:#c00;
  color:#fff;
  font:bold 100% Verdana,Sans-serif;
  border:2px solid #f00;
  border-color:#f00 #900 #900 #f00;
  }


#contactform div {padding-top:5px;}
#contactform label {
  display:block;
  padding-bottom:1px;
  }
#contactform input.text {width:200px;}
#contactform input#subject {
  voice-family: "\"}\"";
  voice-family:inherit;
  width:95%;
  } html>body #contactform input#subject {width:95%;}  
#contactform input.text, #contactform textarea {
  background:#eee;
  border:1px solid #999;
  }
#contactform textarea {
  voice-family: "\"}\"";
  voice-family:inherit;
  width:95%;
  height:10em;
  } html>body #contactform textarea {width:95%;}
    
  
/* Tablas
----------------------------------------------- */
caption {display:none;}
table {
  border-width:0;
  font-size:100%;
  line-height:1.5em;
  width:100%;
  margin:0 0 1.5em;
  }
table tr.blank td {
  border-width:0;
  font-size:1px;
  line-height:1px;
  padding:5px;
  }

.dates {
  position:relative;
  top:-.5em;
  }
.dates th {display:none;}
.dates td {
  padding:3px 8px;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
  }
.dates td.loc {
  width:35%;
  background:url("../imag/bullet_red.gif") no-repeat 6px 50%;
  padding-left:15px;
  }
.dates td.date {font-style:italic;}

.times th {
  background:#eee;
  padding:5px 8px;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
  font:bold 100% Georgia,Serif;
  color:#c00;
  text-align:left;
  }
.times td {
  padding:3px 8px;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
  vertical-align:top;
  }
.times td.time {
  background:#eee;
  width:8em;
  font:110% Georgia,Serif;
  text-align:left;
  width:20%;
  }

.downloads th {
  padding:5px 8px;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
  font:bold 118% Georgia,Serif;
  color:#c00;
  text-align:left;
  }
.downloads th em {
  font:85% Verdana,Sans-serif;
  color:#666;
  }
.downloads td {
  padding:3px 8px;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
  vertical-align:top;
  }
.downloads td.file {width:1%;}
.downloads td.file a {border-width:0;}
.downloads td.file img {display:block;}
.downloads td.size {
  text-align:right;
  white-space:nowrap;
  width:1%;
  }


/* Lists
----------------------------------------------- */
dl {margin:0 0 1.5em; padding:0;}
dd {margin:0 0 .5em; padding:0;}
dl.sidenav, ul.sidenav {margin-bottom:2em; margin-left:0;}
dl.sidenav dt, ul.sidenav li {
  background:url("../imag/bullet_red.gif") no-repeat 0 .6em;
  padding-left:12px;
  }
dl.sidenav dt strong, ul.sidenav li strong {
  font:bold 118%/1.5em Georgia,Serif;
  }
dl.sidenav dd {
  padding-left:12px;
  }
dl.sidenav a:link, dl.sidenav a:visited, ul.sidenav a:visited {
  color:#03c;
  border-bottom:1px dotted #69f;
  }
dl.sidenav a:hover {
  color:#f00;
  border-color:#c00;
  }
ul {
  margin:0 0 .7em;
  padding:0;
  }
ol {
  margin-top:.5em;
  margin-bottom:1em;
  }
ul li {
  margin:0 0 0 7px;
  padding:0 0 2px 12px;
  line-height:1.2em;
  list-style:none;
  background:url("../imag/bullet_green.gif") no-repeat 0 .5em;
  }
  
/* nuevo*/

ul li strong {
  
 padding:2px 5px 2px 5px;
  background:#65A20C ;
  }  
  
  
ol li {
  padding:0 0 5px 0;
  }
.maincol ol {
  margin-left:30px;
  padding-left:0px;
  }
.maincol ul li {
 background: url("../imag/fondeo.gif") repeat left top;
  margin-left:12px;
  padding-left:18px;
  }
ul.dates li {
  margin-left:0;
  padding:5px 0 5px 18px;
  background-position:7px .95em;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
  }
ul.red li, ul.dates li, .annc ul li, .annc-light ul li {
  background-image:url("../imag/bullet_red.gif");
  }
  
  
/* Modules
----------------------------------------------- */
.sidebyside .box1, .sidebyside .box2 {
  width:48%;
  padding:.5em 0 1em;
  margin:0;
  }
.sidebyside .box1 {float:left;}
.sidebyside .box2 {float:right;}
.quotes strong {display:block;}
.quotes em {color:#999;}
.pricing {margin:0 0 1em;}
.pricing p {margin:0 0 .25em;}
.pricing strong {
  display:block;
  font:bold 118%/1.2em Georgia,Serif;
  padding:0 0 3px;
  }

.mailbox {
  background:#eee  no-repeat right top;
  margin:2em 0 1em;
  padding:8px;
  }
.mailbox h3 {color:#666;}
.mailbox p {margin:.5em 0; line-height:1.5em;}
.mailbox input.text {width:90%;}
.mailbox input.button {
  background:#666;
  color:#fff;
  border-color:#999 #333 #333 #999;
  }

.mailbox label {display:block; padding-bottom:2px;}

.annc, .annc2 {
  background:#DFDFBC no-repeat right top;
  margin:0 0 1.5em;
  padding:12px 8px;
  }
.annc h3, .annc2 h3 {
  color:#000;
  margin-right:30px;
  }
.annc p, .annc2 p {
  margin:.5em 0;
  line-height:1.5em;
  }
.annc ul, .annc2 ul {
  margin-top:.5em;
  margin-bottom:0;
  }

.serviceinset {
  float:left;
  padding:0 0 5px;
  width:180px;
  margin:0 20px 10px 0;
  border:1px solid #999;
  background:#eee;
  }
.serviceinset h3 {
  background:#ccc;
  padding:4px 8px;
  border-bottom:1px solid #999;
  font-size:100%;
  color:#333;
  }
.serviceinset p {
  margin:.5em 8px;
  }


/* Team
----------------------------------------------- */
#teambox {
  background:#eee;
  padding:9px;
  border:1px solid #ccc;
  color:#333;
  }
#teampics {
  position:relative;
  padding-bottom:6.5em;
  border-bottom:1px dotted #ccc;
  margin-bottom:1em;
  }
#teampics h2 {
  display:none;
  /*
  Remaining declarations kept in case we want to
  make this title display below the photos.
  I don't like the flash between the h2 title and 
  partner name when mousing over photos, thus,
  display is turned off for now.
  */
  position:absolute;
  top:48px;
  font:bold 100%/1.2em Verdana,Sans-serif;
  color:#666;
  }
#teampics ul {
  position:relative;
  margin:0;
  padding:0 0 5px;
  height:40px;
  border-bottom:1px solid #ccc;
  }
#teampics li {
  float:left;
  display:block;
  width:40px;
  height:40px;
  background-position:left top;
  margin:0;
  padding:0;
  list-style-type:none;
  }
#team #teampics li {margin-right:10px;}
#teampics li a {
  display:block;
  width:40px;
  height:40px;
  border-width:0;
  background-repeat:no-repeat;
  background-position:left top;
  }






#teampics li a span {
  position:absolute;
  top:48px;
  left:0;
  display:block;
  width:160px;
  padding-left:10px;
  background:url("../imag/bullet_green.gif") no-repeat 0 50%;
  line-height:1.2em;
  color:#333;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:150px;
  } html>body #teampics li a span {width:150px;}
#teampics li a:hover span {
  color:#c00;
  cursor:pointer;
  background-image:url("../imag/bullet_red.gif");
  }
#teampics li.lane a span {}
#teampics li.janice a span {margin-top:1.5em;}
#teampics li.jesse a span {margin-top:3em;}
#teampics li.mike a span {margin-top:4.5em;}
#teampics li.peter a span {
  left:160px;
  width:120px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:110px;
  } html>body #teampics li.peter a span {width:110px;}
#team #teampics li.peter a span {left:200px;}
#teampics li.jeff a span {
  margin-top:1.5em;
  left:160px;
  width:120px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:110px;
  } html>body #teampics li.jeff a span {width:110px;}
#team #teampics li.jeff a span {left:200px;}
#teampics li.indi a span {
  margin-top:3em;
  left:160px;
  width:120px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:110px;
  } html>body #teampics li.indi a span {width:110px;}
#team #teampics li.indi a span {left:200px;}

#recentpr {
  background:#eee;
  width:178px;
  margin:0px 0px 20px 0px;
  border:1px solid #999;
  }
#recentpr h3 {
  background:#ccc;
  padding:4px 8px;
  border-bottom:1px solid #999;
  color:#333;
  }
#recentpr ul {
  padding:0 8px;
  }
#recentpr ul li {
  margin-left:0;
  background:none;
  padding-left:0;
  }
#recentpr p {
  padding:0 8px;
  }

/* Case Studies
----------------------------------------------- */
.casestudy {
  margin:10px 0 0;
  border-top:1px solid #ccc;
  padding:10px 0 0;
  }
.casestudy h3 {margin:0 0 5px 0;}
.casestudy .visual {
  position:relative;
  float:left;
  top:2px;
  width:180px;
  margin-bottom:10px;
  }
.casestudy .visual img {
  position:static;
  float:none;
  margin:0 0 2px;
  display:block;
  border:1px solid #ccc !important;
  }
.casestudy a:hover img {border-color:#f00 !important;}
.casestudy .explanation {
  float:left;
  width:300px;
  margin-left:20px;
  }
.casestudy .explanation p {margin:0 0 15px 0;}


/* Publications
----------------------------------------------- */
#readinglist .title {
  font:bold 120%/1.3em Georgia,Serif;
  color:#c00;
  }
#articlelist .title {
  font:bold 110%/1.3em Georgia,Serif;
  }
#readinglist .author, #articlelist .author {
  font-style:normal;
  font-weight:bold;
  }
#articlelist .author {display:block;}
#readinglist a, #articlelist a {border-width:0;}
#readinglist a:hover, #articlelist a:hover {border-width:1px;}
#essayinset {
  background:#eee;
  float:right;
  width:180px;
  margin:0 0 20px 20px;
  border:1px solid #999;
  }
#essayinset h3 {
  background:#ccc;
  padding:4px 8px;
  border-bottom:1px solid #999;
  color:#333;
  }
#essayinset ul {
  padding:0 8px;
  }
#essayinset ul li {
  margin-left:0;
  background:none;
  padding-left:0;
  }
#essayinset p {
  padding:0 8px;
  }
#endgraph {
  margin-top:1.5em;
  border-top:1px dotted #9c3;
  padding-top:5px;
  }
#cc {margin-top:2em;}
#cc p {margin:.5em 0;}

  
/* Pier
----------------------------------------------- */
cite {
  display:block;
  clear:both;
  height:8px;
  background: no-repeat right;
  font-size:1px;
  }
#footer {
  clear:both;
  padding-top:15px;
  font-size:85%;
  }
  
  
  /* LOGOS GV Y DEMAS del Pier
----------------------------------------------- */
#footer span {
  display:block;
  margin:0;
  height:70px;
  background:#333 url("../imag/home_pie.jpg") no-repeat left top;
  padding:3px 42px 3px 30px;
  }
#footer div {
  margin:0;
  background:#333366;
  color:#CCEEB6;
  padding:3px 42px 3px 30px;
  }
#footer div strong {}
#footer div em {color:#0099FF; font-style:normal;}
#footer hr {display:none;}
  
  
/* Miscellaneous
----------------------------------------------- */
.hide {display:none;}
p {margin:0 0 1em;
padding-left:10px;
padding-right:10px;}
pre {
  margin:0 0 1em;
  font-size:100%;
  }
pre.codeblock {
  background:#eee;
  border:1px solid #ccc;
  padding:5px;
  }
code {font:110% "Courier New";}

.ar {color:#000066 !important;}
.reset {display:block; clear:both; font-size:1px; height:1px; line-height:1px; margin:0;}
.imgleft, .imgleftsm {
  float:left;
  display:block;
  margin:3px 15px 5px 0;
  font:italic 85%/1.4em Verdana,Sans-serif;
  color:#666;
  }
.imgleftsm {margin:3px 8px 3px 0;}
p.imgleft {border-width:0; padding-top:2px; display:inline;}
p.imgleft img {
  display:block;
  margin-bottom:2px;
  border:1px solid #ccc;
  }
p.continue {margin-top:1em; text-align:right;}
.tight {margin-bottom:.1em;}