@import 'reset.css';

* {
  margin: 0 0 0 0;
}
img {
  border: none;
  float: left;
  margin: 5px 10px 10px 0;
  background-position: center center;
}

img.full {
  width: 420px;
  padding-bottom: 5px;
}

img.half {
  width: 210px;
  position: relative;
  top: 0;
  margin-bottom: 0;
}

img.pop {
  
}


html {
  width: 100%;
  height: 100%;
}

body {
  position: relative;
  min-width: 690px;
  background: #fff url(/images/background.png) repeat-y center top;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  color:#365A71;
  width: 100%;
  height: 100%;
}


a, a:visited {
  color: #01384F;
  text-decoration: none; 
}

/*a:visited {
    color:#365A71;
}*/
a:hover, a.current {
  color: #730028; 
}

#flash {
  position: absolute;
  top: -5px;
  width: 100%;
  min-width: 730px;
  z-index: 10;
}

/* header */
#header {
  width: 100%;
  height: 100px;
  /*background: transparent url(../images/header-trans.png) center;*/
  position: absolute;
  z-index: 12;
}

  #navigation {
    width: 690px;
    margin: 0 auto;
    background: transparent;
    padding: 0 20px 0 20px;
    position: relative;
  }

  #navigation li#language {
    position: absolute;
    left: 0;

  }
  
  #navigation li#language ul li a,   #navigation li#language ul li a:visited {
    font-size: 12px;
    height: auto;
    background: transparent;

    float: none;
    text-indent: 0;
    color: #01212E;
    padding-top: 45px;
  } 
  
  #navigation li#language ul li a.current, #navigation li#language ul li a:hover {
    color: #730028;
    padding-top: 40px;
    border-top: 5px solid #730028;
    font-weight: bold;
  }
     
    #navigation li {

      /*font-family: Verdana;*/
      font-size: 18px;
      float: left;

    }

      #navigation li a {
        display: block;
        text-decoration: none;
        padding: 80px 0 10px 0;
        margin-left: 20px;
        color: #01212E;
        background-color: transparent;
      }
      
     body.consulting #navigation .consulting a,
     body.cases #navigation .consulting a,
     body.venturing  #navigation .venturing a,
     body.ventures #navigation .venturing a,
     body.voices  #navigation .voices a,
     body.blog  #navigation .voices a,
     body.events #navigation .voices a,
     body.publications #navigation .voices a,
     body.news #navigation .voices a,
     body.about  #navigation .about a,
     body.people  #navigation .about a,
     body.contact  #navigation .contact a {
        color: #730028; 
        border-top: 5px solid #730028;
        padding-top: 70px;
      }
             
    
    #navigation li a:hover, #navigation li a.current {
        color: #730028; 
      }
    
    body.consulting a.consulting,
    body.cases a.cases,
    body.venturing a.venturing,
    body.ventures a.ventures,
    body.clients a.clients,
    body.events a.events,
    body.blog a.blog,
    body.news a.news,
    body.publications a.publications,
    body.people a.people,
    body.work-with-us a.work-with-us,
    body.links a.links,
    body.clientes a.clientes,
    body.blog a.blog,
    body.news a.news,
    body.publications a.publications,
    body.work-with-us a.work-with-us,
    body.parte-de-nuestro-equipo a.parte-de-nuestro-equipo,
    body.enlaces a.enlaces  {
       color: #730028;
    }
      
      #navigation li a {
        display: block;
        padding: 80px 0 10px 0;
        text-indent: -4000px;
        overflow: hidden;
        color: #fff;
        background: transparent url(/images/navigation2.png) no-repeat 0 73px;        
      }
      
      body.es-ES #navigation li a {
        background-image: url(/images/navigation2-es.png)     
      }
      
      #navigation li.bax-willems a {
        width: 184px;
        margin-left: 0;
      }
      
      #navigation li.bax-willems a:hover {
        background-position: 0 -53px;
        background-position: -184px 73px;
        
      }
      
      /* consulting */
      #navigation li.consulting a {
        background-position: -369px 73px;
        width: 102px;
      }

      #navigation li.consulting a:hover {
        background-position: -472px 73px;
      }

      body.consulting #navigation li.consulting a,
      body.cases #navigation li.consulting a {
        background-position: -472px 68px;        
      }
      
      /* venturing */      
      #navigation li.venturing a {
        background-position: -574px 73px;
        width: 94px;
      }

      #navigation li.venturing a:hover {
        background-position: -668px 73px;
      }      

      body.venturing #navigation li.venturing a,
      body.ventures #navigation li.venturing a {
        background-position: -669px 68px;        
      }
      

      /* voices */

      li.voices {
        margin-left: 20px;
      }
              
      #navigation li.voices a {
        background-position: -762px 73px;
        width: 52px;
      }

      #navigation li.voices a:hover {
        background-position: -814px 73px;
      }
      
      body.voices #navigation li.voices a,
      body.blog #navigation li.voices a,
      body.events #navigation li.voices a,
      body.publications #navigation li.voices a,
      body.news #navigation li.voices a {
        background-position: -814px 68px;        
      }
      
      /* voces */              
      body.es-ES #navigation li.voices a {
        background-position: -762px 73px;
        width: 48px;
      }

      body.es-ES #navigation li.voices a:hover {
        background-position: -810px 73px;
      }
      
      body.es-ES.voices #navigation li.voices a,
      body.es-ES.blog #navigation li.voices a,
      body.es-ES.events #navigation li.voices a,
      body.es-ES.publications #navigation li.voices a,
      body.es-ES.news #navigation li.voices a {
        background-position: -810px 68px;        
      }

      /* about us */
      #navigation li.about a {
        background-position: -866px 73px;
        width:74px;
        margin-left: 18px;
      }

      #navigation li.about a:hover {
        background-position: -940px 73px;
      }

      body.about #navigation li.about a,
      body.people #navigation li.about a {
        background-position: -940px 68px;        
      }      

      /* nosotros */
      body.es-ES #navigation li.about a {
        background-position: -859px 73px;
        width:72px;
        margin-left: 18px;
      }

      body.es-ES #navigation li.about a:hover {
        background-position: -932px 73px;
      }

      body.es-ES.about #navigation li.about a,
      body.es-ES.people #navigation li.about a {
        background-position: -932px 68px;        
      }
            
      /* contact */
      
      #navigation li.contact a {
        background-position: -1014px 73px;
        width:64px;
        margin-left: 18px;
      }

      #navigation li.contact a:hover {
        background-position: -1078px 73px;
      }

      body.contact #navigation li.contact a {
        background-position: -1078px 68px;        
      }                        

      /* contacto */    
      body.es-ES #navigation li.contact a {
        background-position: -1004px 73px;
        width:74px;
        margin-left: 18px;
      }

      body.es-ES #navigation li.contact a:hover {
        background-position: -1078px 73px;
      }

      body.es-ES.contact #navigation li.contact a {
        background-position: -1078px 68px;        
      }


/* main */


/* content */

#main {
  position: relative;
  width: 660px;
  width: 690px;
  margin: 0 auto;

  padding: 0 21px 0 20px;
  color:#365A71;  
  font-size: 14px;
  line-height: 1.5;
}

  #content {
    width: 385px;
    width: 420px;
    float: left;
    padding-bottom: 19px;
    padding-right: 20px;
    padding-top: 133px;
    overflow: hidden;
    /*text-align: justify;*/
  }
  
  #content .article {
    margin-bottom: 30px;
    border-top: 1px solid #ccc;
    clear: both;
        overflow: hidden;
  }
  
  #content .article:first-child {
    border-top: none;
  }
  
  h2#respond {
    border-top: 1px solid #ccc;
  }
  #content a, #content a:visited {
    text-decoration: underline;
  }
  
  #content p + p {
    margin-top: 19px;
  }
  h1, h2.excerpt {
    font-size: 24px;
    color: #730028;
    font-weight: normal;
    text-align: left;
    padding-bottom: 5px;
  }
  
  h2.excerpt {
    margin-top: 0;
    /line-height: 28px;
    /*font-size: 20px;*/
  }
  

  #content h1 a, #content h1 a:visited, #content h2.excerpt a, #content h2.excerpt a:visited {
    text-decoration: none;
    /*color: #730028;*/
    
  }
  
  #content h1 a:hover, #content h2.excerpt a:hover {
    text-decoration: underline;
  }
  
  h2, .article h3 {
    font-size: 18px;
    font-weight: normal;
    margin-top: 12px;
    color: #01384F;
    text-align: left;
    clear: both;
  } 
  
   .article h3 {
     font-size: 16px;
   } 
  
  .box + .box {
    margin-top: 19px
  }
  
  h1 + .box {
    margin-top: 5px;
  }
  .box-top {
    padding: 10px 10px 0 10px;
    text-align: left;
    color: #01384F;
    background-color: #C1D8E0;
    margin: 14px 0 0 0;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #C1D8E0;*/
    background: #fff url(../images/box.png) no-repeat top left;

  }
  

  h3.box-top a {
    padding-right: 15px;
    text-decoration: none;
    background:  transparent url(../images/h3-link-blue.png) no-repeat center right;  
  }

  h3.box-top a:hover {
    background:  transparent url(../images/h3-link-blue-hover.png) no-repeat center right;
  }
  

  
  .box p, .box ul.meta, .box-bottom {
    padding: 0 10px 10px 10px;
    background:  #fff url(../images/box.png) no-repeat bottom left;
    margin-bottom: 10px;

  }
  
  .small {
    font-size: 12px;
  }
  
  strong {
    font-weight: bold;
  }
  
  #content h3.box-top a:link, #content .article h3.box-top a:visited {
    text-decoration: none;
  }
  
  p.meta {
    color:  #87979D;
    font-size: 12px;
    position: absolute;
    margin-top: -10px;
    font-style: italic;
  }
  
  p.meta a,   p.meta a:visited {
    color: #87979D;
  }

  p.meta a:hover {
    color: #aaa;
  }  
/* sidebar */
  
#sidebar {
  position: relative;
  width: 230px;
  float: left;
  padding-left: 20px;
  padding-top: 9px;
  padding-top: 141px;
  font-size: 12px;
  line-height: 1.6;
  background: #EEE6E9;
  /*text-align: justify;*/
}

#sidebar ul li ul li {
  margin: 0 0 0 10px;
}
  ul.images {
    width: 232px;

    display: block;
  }
  
  .outline ul.images li {
    display: inline;

    width: 48px;
    height: 48px;
    background-color: transparent;
    padding: 0 0 0 0;
    list-style: none outside;

  }
  

  .outline ul.images li img {

  }
  
  .outline ul.images li.current {
  }
  .outline ul.images li.current img {
    border: 9px solid #EEE6E9;
    width: 30px;
    height: 30px;

  }
  
  .outline ul.images li.current img:hover {
    
  }

#sidebar .item {
  height: 85px;
  overflow: hidden;
  margin-bottom: 5px;
}
ul.images li img {
  display: block;

  width: 48px;
  height: 48px;
  margin: 2px 10px 8px 0;

}
  
  .outline ul a img{
    background-color: #ddd;
  } 
  
  
  .outline ul a img:hover {
    border: 9px solid #EEE6E9;
    width: 30px;
    height: 30px;
  }
  

#sidebar h3 {
    font-size: 15px;
    color: #01384F;
   /*font-weight: bold;*/
  } 


.outline {
  margin: 0 0 15px 0;
  display: block;
  clear: both;
  position: relative; 
  float: left;
  /* border-bottom: 1px solid #fff; */
  left: -20px;
  padding-left: 20px;
  padding-bottom: 15px;
  width: 100%;
  background:  transparent url(../images/fade-to-pink.png) no-repeat bottom left;  

}

.outline:last-child {
  background-image: none;
}

.outline img {
  float: left;
  margin: 4px 10px 0 0;
  width: 48px;
  height: 48px;
  background-color: #ddd;

}




#footer {
  border-top: 1px dashed #ddd;
  width: 95%;
  padding: 10px 5% 10px 0;
  font-size: 11px;
  text-align: right;
  clear:both;
  /*display: none;*/
}

#sidebar ul.related li {
  list-style: disc outside;
  margin: 0 0 0 20px;
  padding: 0 0 0 0;
}

#sidebar a, #sidebar a:visited {
  text-decoration: underline;
}
#sidebar h3 {
  max-height: 25px;
  white-space: nowrap;
}


#sidebar h3 a, #sidebar h3 a:visited, #sidebar h2 a, #sidebar h2 a:visited {
  padding-right: 15px;
  text-decoration: none;
  background:  transparent url(../images/h3-link-pink.png) no-repeat center right;
}

#sidebar h3 a:hover, body.cases #sidebar h3 a.cases, body.clients #sidebar h3 a.clients, body.clientes #sidebar h3 a.clientes, body.consulting #sidebar h3 a.consulting,  body.venturing #sidebar h3 a.venturing, body.ventures #sidebar h3 a.ventures, body.events #sidebar h3 a.events, body.blog #sidebar h3 a.blog, body.news #sidebar h3 a.news, body.publications #sidebar h3 a.publications, body.people #sidebar h3 a.people, body.work-with-us #sidebar h3 a.work-with-us, body.links #sidebar h3 a.links, body.parte-de-nuestro-equipo #sidebar h3 a.parte-de-nuestro-equipo, body.enlaces #sidebar h3 a.enlaces {
  background:  transparent url(../images/h3-link-pink-hover.png) no-repeat center right; 
}



#sidebar h2 a, #sidebar h2 a:visited {
  background-image: none;
  font-size: 14px;
  font-variant: small-caps;
  text-decoration: underline;
  color: #666;
  line-height: 1;
  position: relative;
  top: -5px;

}

#sidebar h2 a:hover {
  color: #999;
}

#sidebar ul.images {
  margin-bottom: 39px;
}
#sidebar ul li {
  margin-bottom: 10px;
  
}

.article table {
  border: 1px solid #999;
}

th {
  background-color: #fff;
}

td {
  background-color: #ddd;
}

td.e {
  background-color: #eee;
}

.article table, tr, td, th {
  padding: 5px 5px 5px 5px;
  vertical-align: top;
  
}

.article blockquote {
  padding: 5px;
  font-style: oblique;
}

.article strong {
  font-weight: bold;
}

.article em {
  font-style: italic;
}

.article .minor {
  font-size: 90%;
}

.article em strong, .article strong em {
  font-style: italic;  
  font-weight: bold;
}
.article ul, .article ol  {
  margin: 5px 0 10px 0;
}

.article ul li ul, .article ol li ol {
  margin: 0 0 0 0;
}
.article ul li {
  list-style: disc inside;
  /* margin-left: 18px; */
}

.article ol li {
  list-style: decimal outside;
  margin-left: 18px;
}

.article ol li ol li {
  list-style: lower-roman outside;
}

form {
  text-align: left;
}

fieldset {
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-top: 20px;
}
legend {
  text-indent: 0;
  font-size: 11px;
  padding: 5px;
  color: #666;
}

label {
   
}

input, textarea {
  width: 405px;
  padding: 5px;
  margin-bottom: 10px;
  clear: right;
}

textarea {
  resize: none; 
}

.send input {
  width: 100px;
  height: 40px;
}

#contact-errors {
  display: block;
  padding: 10px;
  background: pink;
}

form ul#contact-errors li {
  list-style: disc inside;
}

/* lightbox*/
a.lightbox {
  display: block;
  opacity: 0.99;
  filter:alpha(opacity=99);
  background:  transparent url(../images/zoom.png) no-repeat center center;
  float: left;
}

a.lightbox img {
  float: none;
  opacity: 0.6;
  filter:alpha(opacity=60);
}
#lightbox{
	background-color:#eee;
	padding: 20px 10px 20px 20px;
	/*border-bottom: 2px solid #666;
	border-right: 2px solid #666;*/
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	display: none;
	}	
#lightboxCaption{ float: left;display: none; }
#keyboardMsg{ float: right;display: none; }
#closeButton{ top: 5px; right: 5px; display: none;}

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

#navigation li#language a#search-button {
  text-indent: -1000px;
  background:  transparent url(../images/search.png) no-repeat bottom center;
  display: block;
  margin-left: -10px;
  width: 12px;
  padding: 45px 0 0 0; 
}

#navigation li#language a#search-button.current, #navigation li#language a#search-button:hover {
  padding-top: 40px;
}