/********************* SLIDESHOW *****************************/

.bg-black { background: #252525 url(../images/ui-ficha/bg_black_ficha.png) repeat; }
#slideshow { list-style:none; color:#fff }
#slideshow span { display:none }
#wrapper-slide { width:662px; display:none; height: auto; background: #252525; margin-right: auto; margin-left: auto; }
#wrapper * { margin:0; padding:0 }
#fullsize { position:relative; width:662px; height:475px }
#information { position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70) }
#information h3 { padding:4px 8px 3px; font-size:14px }
#information p { padding:0 8px 8px }
#image { width:417px }
#image img { position:absolute; z-index:25; width:auto; margin-left: 10px; margin-top: 10px; height: 480px; width:640px; }
.imgnav { position:absolute; width:25%; height:480px; cursor:pointer; z-index:150 }
#imgprev { left:10px; background:url(../images/ui-ficha/flecha-atras-ficha.png) no-repeat left center }
#imgnext { right:10px; background:url(../images/ui-ficha/flecha-adelante-ficha.png) no-repeat right center }
#imglink { position:absolute; height:306px; width:100%; z-index:100; }
.linkhover { background:url(images/link.gif) center center no-repeat }
#thumbnails { margin-top:25px; height: 108px; }
#slideleft { float:left; width:45px; height:94px; background:url(../images/ui-ficha/flecha-atras-ficha-thumbs.png) no-repeat center center; margin-top: 3px; padding-left: 20px; }
#slideleft:hover { float:left; width:45px; height:94px; background:url(../images/ui-ficha/flecha-atras-ficha-thumbs-hover.png) no-repeat center center; margin-top: 3px; padding-left: 20px; }
#slideright { float:right; width:45px; height:94px; background:url(../images/ui-ficha/flecha-adelante-ficha-thumbs.png) no-repeat center center; margin-right: 10px; margin-top: 3px; }
#slideright:hover { float:right; width:45px; height:94px; background:url(../images/ui-ficha/flecha-adelante-ficha-thumbs-hover.png) no-repeat center center; margin-right: 10px; margin-top: 3px; );
}
#slidearea { float:left; position:relative; width:532px; height:95px; overflow:hidden; background: #252525; }
#slider { position:absolute; left:0; height:96px }
#slider img { cursor:pointer; padding:3px; height: 90px; width: 120px; }
/********************** SLIDING PANEL **********************************/

.ficha { text-align:left; font: 12px/16px Arial, Helvetica, sans-serif; }
.panel_button { margin-left: auto; margin-right: 32px; position: relative; top: 1px; width: 320px; height: 50px; z-index: 20; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity: 0.70; cursor: pointer; }
.panel_button img { position: relative; top: 10px; border: none; }
.panel_button a { text-decoration: none; color: #000; font-size: 23px; font-weight: bold; position: relative; top: 5px; left: 10px; font-family: Arial, Helvetica, sans-serif; }
.panel_button a:hover { color: #999999; }
#wrapper { margin-left: auto; margin-right: auto; width: 900px; text-align: center; }
#toppanel { z-index: 25; text-align: center; background: #EFEFEF; position: relative; }
#panel { position: relative; top: 0px; height: 0px; margin-left: auto; margin-right: auto; z-index: 10; overflow: hidden; text-align: left; }
#panel_contents { background: black; filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity: 0.70; height: 610px; position: absolute; z-index: -1; }
#content { margin-left: auto; margin-right: auto; width: 600px; position: relative; top: 90px; text-align: left; color: #545454; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 30px; }
img.border { float: left; margin-right: 15px; margin-bottom: 8px; }
img.border_pic { border: 15px #1d1d1d solid; position: absolute; top: 110px; float: left; margin-left: 150px; width: 250px; height: 150px; z-index: 30; }
.ficha { background-color: #fff; border-top: 1px solid #D8D8D8; }
.ficha h1 { font-size: 24px; font-weight: 700; font-variant: normal; color: #F00; margin-bottom:10px; }
.ficha h2 { font-size: 20px; font-weight: 700; font-variant: normal; color: #F00; margin-bottom:15px; }
.ficha h3 { font-size: 16px; font-weight: 700; font-variant: normal; color: #F00; }
.primo_pic img { border:1px solid #D4D4D4; padding:10px; background-color: #EDEDED; float:right; height:180px; width:240px; }
/**********************************CARRUSEL********************************************************/

.jcarousel-skin-tango .jcarousel-container { background-color:#FFF; }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { padding: 20px 40px; }
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { height: 100px; }
.jcarousel-skin-tango .jcarousel-item { width: 150px; height: 100px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 20px; right: 0px; width: 38px; height: 100px; cursor: pointer; background: url(../images/ui-ficha/flecha-adelante-ficha.png) no-repeat 0px 0px; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background: url(../images/ui-ficha/flecha-adelante-ficha-sobre.png) 0px 0px; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background: url(../images/ui-ficha/flecha-adelante-ficha.png); }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background: url(../images/ui-ficha/flecha-adelante-ficha-disabled.png); }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 20px; left: 0px; width: 38px; height: 100px; cursor: pointer; background: url(../images/ui-ficha/flecha-atras-ficha-thumbs.png) no-repeat center top; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(../images/ui-ficha/flecha-atras-ficha-thumbs.png); }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background: url(../images/ui-ficha/flecha-atras-ficha-thumbs-hover.png); }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background: url(../images/ui-ficha/flecha-atras-ficha-thumbs-hover.png); }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background: url(../images/ui-ficha/flecha-atras-ficha-thumbs-disabled.png); }
