body {
  color:#FF00FF;
  font-family:"Lucida Grande", "Trebuchet MS", sans-serif;
  font-size:x-small; /*for IE5/Win */
  voice-family:"\"}\"";
  voice-family:inherit;
  font-size:small /*for compliant browsers */	
}

html>body {
  font-size:small
} /* be nice to Opera */

.pitex {font-family:verdana,helvetica,sans-serif,arial;font-size:12px;color:#0040B0;text-align:center;padding:10px}


.tbl2 {
  background:#FC9 url("../imgs/jbam02.jpg");
  width:80%;
  border:1px solid #EEE;
  border-collapse:collapse;
  font-family:Arial,Verdana,Tahoma
}

.tbl2a {
  text-align:center;
  border: 1px solid #EEE;
  margin-left:5px;
  color:#0040B0;
  background:#FC9 url("../imgs/jbam01.jpg");
}

.tbl2b {
  text-align:center;
  border: 1px solid #EEE;
  margin-left:5px;
  color:#0040B0;
  font-size:10px;
  white-space:nowrap;
}

.tbl2c {
  background:#F0F url("../imgs/jlam00.gif");
  font-family:Arial,Verdana,Tahoma;
  text-align:center;
  border: 1px solid #EEE;
  margin-left:5px;
  color:#0040B0;
  font-size:11px;
  padding:10px;
}

.tbl2d {
  font-family:Arial,Verdana,Tahoma;
  text-align:center;
  border: 1px solid #EEE;
  margin-left:5px;
  color:#0040B0;
  background:#FFF;
  font-size:11px;
}

.tbl3 {
/*  background:#F00 url("../imgs/jbam02.jpg") repeat-x;*/
  width:60%;
  border:1px solid #EEE;
  border-collapse:collapse;
  font-family:Arial,Verdana,Tahoma;
}

.tbl3a {
  text-align:center;
  border: 1px solid #EEE;
  margin-left:5px;
  color:#0040B0;
  background:#FC9 url("../imgs/jbam01.jpg");
}

.tbl4 {
  background:#FC9 url("../imgs/jbam02.jpg");
  width:15%;
  border:1px solid #EEE;
  border-collapse:collapse;
  font-family:Arial,Verdana,Tahoma;
  text-align:center;
}

.tbl5 {
  background:#FC9 url("../imgs/jbam02.jpg");
  width:70%;
  border:1px solid #EEE;
  border-collapse:collapse;
  font-family:Arial,Verdana,Tahoma;
}

.tbl5a {
  text-align:center;
  padding: 5px 5px 5px 5px;
  border: 1px solid #EEE;
  margin-left:5px;
  color:#0040B0;
  background:#FC9 url("../imgs/jbam01.jpg");
}


.tbl6a {
  font-family:Arial;
  font-size:10pt;
  color:#0040B0;
  white-space:nowrap;
  text-align:left;
  border: 1px solid #EEE;
  margin-left:5px;
  background:#FFF url("../imgs/jdot01.gif");
}

.tbl6b {
  font-family:Arial;
  font-size:10pt;
  color:#0040B0;
  white-space:nowrap;
  text-align:left;
  border: 1px solid #EEE;
  margin-left:5px;
  background:#FFF url("../imgs/jbam02.jpg");
}

.tbl7 {
  background:#FC0 url("../imgs/jbam02.jpg");
  border:1px solid #EEE;
  border-collapse:collapse;
  font-family:Arial,Verdana,Tahoma
}

.alf{
  margin-top:10px;
  margin-left:20px;
  margin-bottom:10px
}


.ftd{
 background:#FFF;
 color:#0040B0;
 font-size:10pt;
 font-family:Arial,Tahoma,Verdana;
 margin-left:15px;
 text-align:left;
}

.ftd1{
 background:#BEF;
 color:#0040B0;
 font-size:10pt;
 font-family:Arial,Tahoma,Verdana;
 margin-left:15px;
 text-align:center;
}

.fotoeven{
  color:#0040B0;
  size:10px; 
}

h1 {
  font-weight:normal;
  font-size:14px;
  text-align:left;
  color:#fff
}

h3 {
  margin-top:0;
  margin-bottom:0;
  background-color: #FC6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 100%;
  line-height: 150%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #999;
}

input.btn4{
color:#500;
font-family:Verdana,Tahoma,Arial;
font-size:9px;
font-weight:normal;
width:60px;
height:18px
}

input.btn2{
color:#500;
font-family:Verdana,Tahoma,Arial;
font-size:10px;
font-weight:normal;
width:60px;
height:20px
}


input.btn1{
color:#500;
font-family:Verdana,Tahoma,Arial;
font-size:10px;
font-weight:normal;
width:40px;
height:18px;
}

input.t1{
font-family:Verdana,Tahoma,Arial;
font-size:10px;
font-weight:normal
}

#dsc {
  font-weight:normal;
  font-size:100%;
  text-align:center;
  color:#FC6;
}

#content, #sidebar {
  float:left;
  text-align:left
}

#content {
  width:600px;
  margin-right:15px;
  padding-top:5px;
}

#contentav {
  width:100%;
  margin-left:2px;
  padding-top:1px;
}

#contentcal {
  width:100%;
  margin-left:2px;
  padding-top:10px;
  text-align:center
}

#imageav{
  text-align:center;
  padding-top:10px;
}

selec1 {
  color:#B1B1BC;
  background-color:#131313;
  border:1px solid #FFF
}

selec2 {
  color:#B1B1BC;
  background-color:#F00;
  border:1px solid #FFF
}

#gallerySelect {
  width:270px;
}

#controls {
  margin:0 auto 10px auto
}

#controls1 {
  margin:0 auto 10px 180px
}

#galleries {
  margin:0 auto 20px auto
}

#galleries label {
  padding-bottom:2px
}

/*-----------------------------------------------------------------------------*/
#transport {
  margin:0;
  padding:0;
  list-style:none;
}

#transport li {
  float:left;
  margin:0;
  padding:0;
  white-space:nowrap;
  font-size:90%;
  text-align:center
}

#transport a {
  text-decoration:none;
  text-transform:uppercase;
  font-size:75%;
  font-weight:bold;
  letter-spacing:0.1em;
  margin:0 1px 0 0;
  padding:2px 4px;
  width:90px;
  float:left;
  display:block;
  -moz-user-select:none;
  -khtml-user-select:none
}

#transport a:link {
  background:#666 url("../imgs/jbgc02.gif");
  color:#fff;
  border-top:solid 1px #999;
  border-right:solid 1px #404040;
  border-bottom:solid 1px #3A3A3A;
  border-left:solid 1px #404040
}

#transport a:visited {
  background:#666 url("../imgs/jbgc02.gif");
  color:#fff;
  border-top:solid 1px #999;
  border-right:solid 1px #404040;
  border-bottom:solid 1px #3A3A3A;
  border-left:solid 1px #404040
}

#transport a:hover {
  background:#666 url("../imgs/jbgc03.gif");
  color:#000;
  border-top:solid 1px #999;
  border-right:solid 1px #404040;
  border-bottom:solid 1px #3A3A3A;
  border-left:solid 1px #404040
}

#menuger a:link{
  color:#900;
}

#menuger a:visited{
  color:#900;
}

#menuger a:hover{
  color:#F00;
}

#crit a:link{
  color:#060;
  font-weight:bold;
}

#crit a:visited{
  color:#060;
  font-weight:bold;
}

#crit a:hover{
  color:#F00;
  font-weight:bold;
}


#transport a:focus {
  -moz-user-select: none;
  -khtml-user-select: none
}

#transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel {
  display:none
}

/*-----------------------------------------------------------------------------*/

#mapa1{
  color:green;
  font-family:Arial,Verdana;
  font-size:10pt;
  font-weight:bold;
  text-align: left;
}

#mapa{
  text-align:left;
}

#mapa a {
  text-decoration:none;
  -moz-user-select:none;
  -khtml-user-select:none
}

#mapa a:link {
  color:#0040B0;
}

#mapa a:visited {
   color:#0040B0;
}

#mapa a:hover {
  font-weight: bold;
  color:#F00;
}

#mapa a:focus {
  -moz-user-select: none;
  -khtml-user-select: none
}




/*------------------------------------------------------------------------------------------*/



#menuint {
  margin:0;
  padding:0;
  list-style:none;
}

#menuint li {
  float:left;
  margin:0;
  padding:0;
  white-space:nowrap;
  font-size:90%;
  text-align:center
}

#menuint a {
  text-decoration:none;
/*  text-transform:uppercase; */
  font-size:85%;
  font-weight:bold;
  letter-spacing:0.1em;
  margin:0 1px 0 0;
  padding:2px 4px;
  width:130px;
  float:left;
  display:block;
  -moz-user-select:none;
  -khtml-user-select:none
}

#menuint a:link {
  background:#666 url("../imgs/jbgc02.gif");
  color:#fff;
  border-top:solid 1px #999;
  border-right:solid 1px #404040;
  border-bottom:solid 1px #3A3A3A;
  border-left:solid 1px #404040
}

#menuint a:visited {
  background:#666 url("../imgs/jbgc02.gif");
  color:#fff;
  border-top:solid 1px #999;
  border-right:solid 1px #404040;
  border-bottom:solid 1px #3a3a3a;
  border-left:solid 1px #404040
}

#menuint a:hover {
  background:#666 url("../imgs/jbgc03.gif");
  color:#000;
  border-top:solid 1px #999;
  border-right:solid 1px #404040;
  border-bottom:solid 1px #3a3a3a;
  border-left:solid 1px #404040
}

#menuint a:focus {
  -moz-user-select: none;
  -khtml-user-select: none
}

/*-----------------------------------------------------------------------------*/

#previews {
  border-top:solid 1px #404040;
  border-right:solid 1px #404040;
  border-bottom:solid 1px #3A3A3A;
  border-left:solid 1px #404040;
  padding:10px 10px 10px 10px;
  background-image:url("../imgs/bg.gif");
  width:310px;
  float:left;

}

#thumbnails {
  clear:both;
  margin:10px auto
}

#thumbnails div {
  position:relative;
  width:18px;
  height:18px;
  float:left;
  margin:8px;
  padding:0;
  float:left;
  display:inline
}

#thumbnails img {
  width:24px;
  height:24px;
  position:absolute;
  border-top:solid 1px #999;
  border-right:solid 1px #404040;
  border-bottom:solid 1px #333;
  border-left:solid 1px #404040
}

/*--------------------------------------------------------------------------------------------*/
.thumbsxxxxxxxxxxx {
	clear: both;
	margin: 10px auto;
}
.thumbnails_gp div {
	position: relative;
	width: 40px;
	height: 30px;
	float: left;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}
.thumbnails_gp img {
	top: 0px;
	left: 0px;
	width: 40px;
	height: 30px;
	position: absolute;
	z-index: 1;
	border: 2px solid #FC0;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
.previewxxxxxxxxxxx {
	padding: 10px 10px 20px 10px;
	margin-bottom: 5px;
	width: 180px;
	float: left;
	margin-right: 10px;
	position: absolute;
	left: 140px;
	top: 104px;
	height: 163px;
}
/*-----------------------------------------------------------------------------------------------*/
#picture {
  padding:0px;
  width:500px;
  float:left;
}

#picture img {
  border:1px solid #000
}

#mainImageOutline {
  margin:0 auto;
  background-color:#FFF;
  border-top:solid 1px #F00;
  border-right:solid 1px #F00;
  border-bottom:solid 1px #F00;
  border-left:solid 1px #F00;
  padding:6px; 
  overflow:hidden; 
  width:0px;
  height:0px
}

#mainImage {
  width:100%;
  height:100%
}

.selectedThumbnail {
  border:solid 2px #F00 !important
}

.inFocus {
  border:solid 2px #F00 !important
}

.clear {
  clear:both;
  height:0;
  font-size:0;
  line-height:100}

.webd{
 color:#960;
 font-size:8pt;
 font-family:Arial,Tahoma,Verdana;
 text-align:left;
 width:45%;
 white-space:nowrap;
}

.webd1{
 color:#060;
 font-size:10pt;
 font-family:Arial,Tahoma,Verdana;
 text-align:center;
}

.webd2{
 color:#960;
 font-size:10pt;
 font-family:Arial,Tahoma,Verdana;
 text-align:center;
}

.bord{
  width:95%;
  padding:1px 1px 1px 1px;
  border-top:solid 1px #CCC;
  border-right:solid 1px #CCC;
  border-bottom:solid 1px #CCC;
  border-left:solid 1px #CCC;
}

.bord td{
  padding:5px 5px 5px 5px;
}

.bord1{
  width:30%;
  padding:1px 1px 1px 1px;
  border-top:solid 1px #CCC;
  border-right:solid 1px #CCC;
  border-bottom:solid 1px #CCC;
  border-left:solid 1px #CCC;
}

.bord2{
  padding:1px 1px 1px 1px;
  border-top:solid 1px #CCC;
  border-right:solid 1px #CCC;
  border-bottom:solid 1px #CCC;
  border-left:solid 1px #CCC;
}

.bord3{
  width:600px;
  padding:1px 1px 1px 1px;
  border-top:solid 1px #CCC;
  border-right:solid 1px #CCC;
  border-bottom:solid 1px #CCC;
  border-left:solid 1px #CCC;
}

.bord3 td{
  background:#F0F url("../imgs/jlam00.gif");
  color:#0040B0;
  font-family:Verdana;
  font-size:10pt;
  text-align:left;
  padding:10pt;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
/*	font: bold 0.7em sans-serif; */
	background-color:#F00;
	border-bottom: solid 1px #CCC;
/*	margin: 0px; */
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;


 font-size:10pt;
 font-weight:bold;
 font-family:Arial,Tahoma,Verdana;
 color:#0040B0;
 text-align:left;
margin-left:18px;
}


/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
margin-left:18px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
  background-color: #EEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
  background-color: #EADACA;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
  background-color:#FDA;


}

/* set millions of background images */
.rbroundbox { background: url(../imgs/nt.gif) repeat; }
.rbtop div { background: url(../imgs/tl.gif) no-repeat top left; }
.rbtop { background: url(../imgs/tr.gif) no-repeat top right; }
.rbbot div { background: url(../imgs/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../imgs/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 10px;
 }
.rbroundbox { width: 95%; margin: 1em auto;

color:#000;
 }


-----------------------------7db2182330382
Content-Disposition: form-data; name="file2"; filename=""
Content-Type: application/octet-stream