@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0; outline:0; border:0;}
:focus {-moz-outline-style:none;}
ul {list-style-type:none;}

body {background:#fff; font-family: "HelveticaNeue", Helvetica, Arial, sans-serif; color:#B2B2B2; /**/ padding-top:20px;}
#canvas {background:#fff; position:relative; width:950px; height:580px; margin-left:auto; margin-right:auto; /*padding:20px;*/}
#intro {width:950px; height:580px; position:absolute; top:0px; left:0px; z-index:1}
#noflash {width:900px;height:100px; position:absolute; top:0px; left:0px; z-index:0}
/*#header {position:absolute; left:20px; top:424px; width:285px; height:76px; z-index:1}*/
#header_h1, #header_h2 {position:absolute; left:20px; /*width:285px;*/ width:320px; height:36px; z-index:2; font-size:36px; font-weight:normal; letter-spacing:-2px; }
#header_h1 {top:421px;/**/color:#7F7F7F;}
#header_h2 {top:457px;/**/color:#B2B2B2;}


/*#header_h2 {font-size:36px; font-weight:normal; color:#B2B2B2; line-height:34px; letter-spacing:-2px;}*/
#menu_docs {position:absolute; left:20px; top:505px; width:280px; z-index:2}
#menu_docs li {height:16px;}
#menu_docs a {text-decoration:none; color:#999; font-size:12px;}
#menu_docs a:hover {color:#333;}

#nav {width:333px; float:left; margin-left:20px;}
#nav li {float:left; width:55px;}
#nav img {filter: alpha(opacity=50); opacity: .5;}
#nav img:hover {filter: alpha(opacity=100); opacity: 1;}
.subnav {width:565px; float:left; display:none; /* width:100%; height:auto; */}
.subnav li {float:left; width:55px; height:55px; margin-right:5px; position:relative; display:block; overflow: hidden;}
.subnav img {width:55px; height:55px;}

/*.nav_active {filter: alpha(opacity=100); opacity: 1; width:500px;}*/

#content {width:577px; height:480px; position:absolute; top:90px; right:20px; }
#ficha_obra {position:absolute; z-index:3; bottom:0px; left:0px; width:580px; /**/ height:480px;}
#original {width:145px; position:absolute; bottom:0px; right:0px;}
#original h3 {width:145px; position:absolute; bottom:0px; right:0px; font-weight:normal; font-size:14px; color:#7f7f7f;}
#original img {width:145px; position:absolute; bottom:72px; right:0px; vertical-align:bottom;}
#pinturas {width:400px; height:315px; position:absolute; bottom:0px; left:0px;}
#pinturas li {width:185px; float:left; margin-right:10px;}
#pinturas img {position:absolute; bottom:0px; width:185px;}
.thumb_paint {height:308px;}
.thumb_geom {height:185px;}

/*
#overlay {display:none; position:absolute; z-index:10; top:0px; left:0px; width:950px; height:580px; background:url(../img/overlay.gif);}
.ampl_paint {display:none; position:absolute; z-index:12; left:353px; top:0px;}
.ampl_geom {display:none; position:absolute; z-index:12; left:353px; bottom:81px;}
.close {position:absolute; top:0px; right:-30px; z-index:14; width:20px; height:20px; background:#ccc; cursor:pointer;}
*/

#overlay {display:none; position:absolute; z-index:10; top:-91px; left:-354px; width:950px; height:580px; background:url(../img/overlay.gif);}

.ampl_paint {display:none; position:absolute; z-index:12; left:0px; bottom:-30px;}  
.ampl_geom {display:none; position:absolute; z-index:12; left:0px; bottom:72px;}
.ampl {display:none; position:absolute; z-index:12; left:0px;}
.tag_geom {position:absolute; bottom:-20px; left:0px; z-index:14; font-size:12px; font-style:italic; color:#7f7f7f;}
.close {position:absolute; top:0px; right:-30px; z-index:14; width:20px; height:20px; background:#ccc url(../img/close.gif); cursor:pointer;}

.content_txt {width:577px; height:480px; position:relative;}
.content_txt p {font:normal 12px Arial, Helvetica, sans-serif; color:#7f7f7f; line-height:15px; margin-bottom:15px;}
.content_txt a {color:#000;}

/* scrollpane */

.pane_holder {margin-top:15px;}
.scroll-pane {width:380px; height:463px; overflow:auto;}
.scroll-pane2 {width:420px; /*width:450px;*/ height:463px; overflow:auto; /*text-align:justify;*/}
/* scrollbar left*/
.scrollbar_left .jScrollPaneTrack {left:0; right:auto;}
.scrollbar_left a.jScrollArrowUp {left:0;	right:auto;}
.scrollbar_left a.jScrollArrowDown {left:0; right:auto;}

.jScrollPaneContainer {position:relative; overflow:hidden; z-index:2;}
.jScrollPaneTrack {position:absolute; cursor:pointer; right:0; top:0; height:100%; background:url(../img/bg-scrolltrack.gif) top right repeat-y;}
.jScrollPaneDrag {position:absolute; background:url(../img/bg-scrolldrag.png) center right no-repeat; cursor:pointer; overflow: hidden;}
.jScrollPaneDragTop {position:absolute;	top:0; left:0; overflow:hidden; /* background:url(../img/bg-scrolldrag-top.png) top right no-repeat; width:17px; height:18px;*/}
.jScrollPaneDragBottom {position:absolute; bottom:0; left:0; overflow:hidden; /* background:url(../img/bg-scrolldrag-dn.png) bottom right no-repeat; width:17px; height:18px;*/}

a.jScrollArrowUp {display:block; position:absolute;	z-index:2; top:0; right:0; text-indent:-2000px;	overflow:hidden; background-color: #666; height:9px;}
a.jScrollArrowUp:hover {background-color: #f60;}

a.jScrollArrowDown {display:block; position:absolute; z-index:2; bottom:0; right:0;	text-indent:-2000px; overflow:hidden;	background-color: #666;	height: 9px;}
a.jScrollArrowDown:hover {background-color: #f60;}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-color: #f00;}



/*
a.jScrollArrowUp {	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover {	background-position: 0 -15px;}
a.jScrollArrowDown {	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}
*/

/*
.orange-bar .jScrollPaneTrack {background: #f60;}
.orange-bar .jScrollPaneDrag {background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;}
.orange-bar .scroll-pane {background: #69f;}
*/

/*		
.holder {}
.wide {width:400px;}
.super-wide {width:700px;}
.tall {	height: 400px;}
*/