@charset "iso-8859-1";
/* CSS Document */

@font-face {
 font-family: 'CuprumFFURegular';
 src: url('../fonts/Cuprum-webfont.eot');
 src: url('../fonts/Cuprum-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Cuprum-webfont.woff') format('woff'),  url('../fonts/Cuprum-webfont.ttf') format('truetype'),  url('../fonts/Cuprum-webfont.svg#CuprumFFURegular') format('svg');
 font-weight: normal;
 font-style: normal;
}

body { background-color:#d4d4c0; overflow:hidden; font-family: 'CuprumFFURegular'; background-color:#FFF; background-image:url(../images/fondo_blanco.png); }

a { color:#acbc4a; text-decoration:none; }
a:hover { text-decoration:underline; }

#center { position: absolute; top: 50%; width: 100%; height: 1px; overflow: visible }
#main { position: absolute; left: 50%; width: 966px; margin-left: -483px; height: 621px; top: -310px; background-image:url(../images/sombra.png); background-repeat:no-repeat; background-position: 1 22; }
#logo { position:absolute; margin:230px 0px 0px 40px; z-index:99; }

a.maparef { padding:0px 10px; text-decoration:none; color:#585847; }
a.maparef:hover { color:#fff; }

/* MNEU */

#contenedor_menu { width:100%; height:25px; float:left; }
#menu { background-color:#c9c9b6; height:25px; width:390px; margin-left:4px; color:#585847; }
#menu p { padding:4px; }
#menu a { padding:0px 10px; text-decoration:none; color:#585847; }
#menu a:hover { color:#fff; }

/* CUERPO */
/* -moz-box-shadow:0px 0px 3px #000; -webkit-box-shadow:0px 0px 3px #000; box-shadow:0px 0px 3px #000; */

#contenedor_cuerpo { width:960px; height:618px;  float:left; margin-left:4px; background-image:url(../images/fondo_cuerpo.jpg); background-position:bottom; background-repeat:no-repeat; }
.titulo { font-size:24px; color:#cccc9a; }
b,strong { color:#dfdf7a; font-weight:normal; }

#wrapper{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#ccc;overflow:hidden;}
#mask{width:500%;height:100%;background-color:#eee;}
.item{width:20%;height:100%;float:left;background-color:#ddd;}

/* SCROLL */

#overview p { margin:0px; margin-bottom:15px; }

#scrollbar1 { width: 460px; clear: both; margin: 20px 0 10px 10px; font-size:16px; text-align:justify; color:#fff; }
#scrollbar1 .viewport { width: 440px; height: 550px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #5c5c45; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 8px; }
#scrollbar1 .track { background-color: #363624; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }

#scrollbar2 { width: 460px; clear: both; margin: 20px 0 10px 10px; font-size:16px; text-align:justify; color:#fff; }
#scrollbar2 .viewport { width: 440px; height: 550px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar2 .thumb .end,
#scrollbar2 .thumb { background-color: #5c5c45; }
#scrollbar2 .scrollbar { position: relative; float: right; width: 8px; }
#scrollbar2 .track { background-color: #363624; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar2 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar2 .disable{ display: none; }

.panel p {
padding:30px 50px 30px 50px; line-height:20px; text-align:justify;	
}
.panel h1 {
padding:50px 0px 0px 50px; line-height:20px; text-align:justify;	
}
.panel h2 {
padding:0px 0px 0px 20px; text-align:justify; font-size:15px; font-weight:normal; color:#C4CE79; margin-bottom:8px;
}
.boton { color:#FFF; text-decoration:none; }
.boton:hover { color:#D6D198; }

.enlace_proyecto { font-size:15px; font-weight:normal; color:#C4CE79; cursor:pointer; padding:0px 6px; }
.enlace_proyecto:hover { color:#FFF; }

.img_proyecto { margin:10px; -moz-box-shadow:0px 0px 3px #999; -webkit-box-shadow:0px 0px 3px #999; box-shadow:0px 0px 3px #999; border:solid 1px #fff; }

.thumbnail {
  position: relative;
  width: 80px;
  height: 80px;
  overflow: hidden;
}
.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
  width: 100%;
  height: auto;
}