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

/* =Skitter styles
----------------------------------------------- */
.box_skitter {position:relative; margin:auto; width:930px; height:380px; background:#000;} /*fundo preto por baixo da foto */
.box_skitter img { max-width:none; margin-top:-158px !important; max-width:930px !important;} /* margin-top:-159px é a distância do topo para centralizar a imagem na altura */ 
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden; position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none; margin-top:-158px !important; max-width:930px !important; width:930px; height:697px;}/* width:930px por height:697px é o tamanho da imagem reduzida proporcionalmente com a medida da imagem definida no sistema EVZ (1024 x 768). Margin-top:-158px é a distância do topo para centralizar a imagem na altura */

/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {position:absolute; top:0;left:0;width:100px; overflow:hidden; display:none; z-index:20;}
.box_skitter .box_clone img {position:absolute; top:0;left:0; z-index:20;}

/* =Navigation (botão prev e next)
-------------------------------------------------------------- */
.box_skitter .prev_button {position:absolute; top:44.2%; left:20px; z-index:100; width:44px; height:44px; overflow:hidden; text-indent:-9999em; background:url(images/prevOportunidade.png) no-repeat left top;}
.box_skitter .next_button {position:absolute; top:44.2%; right:20px; z-index:100; width:44px; height:44px; overflow:hidden; text-indent:-9999em; background:url(images/nextOportunidade.png) no-repeat left top;}

/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide {position:absolute; top:20px; z-index:100; color:#FFF; font:bold 11px Arial, Helvetica, sans-serif, Times, serif; opacity:0.6;}
.box_skitter .info_slide .image_number {float:left; padding:6px 10px; margin:0 5px 0 0; cursor:pointer;}/* margin = ditancia dos numeros em relação a galeria */
.box_skitter .info_slide .image_number_select {float:left; padding:6px10px; margin:0 5px 0 0;}/* margin = ditancia dos numeros em relação a galeria */

/* =Loading
-------------------------------------------------------------- */
.loading {width:32px; height:32px; position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px; color:#fff; text-indent:-9999em; overflow:hidden; background:url(images/ajax-loader.gif) no-repeat left top;}

/* =Label
-------------------------------------------------------------- */
.box_skitter .label_skitter { z-index:150; position:absolute; bottom:20px; left:20px; right:0; border-left:5px solid #fecc00; display:none; opacity:0.6; background:#000; }/* fundo abaixo da foto */
.box_skitter .label_skitter p { padding:10px;margin:0; font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#ffffff; line-height:20px; text-transform:uppercase; letter-spacing:1px;}/* texto abaixo da foto */
.titulo_cube{ font-size:14px; font-weight:bold; color:#FFF; line-height:24px; letter-spacing:1px; }/* título abaixo da foto */
.box_skitter .info_slide * { font-family:Arial, Helvetica, sans-serif; !important; }
.box_skitter .progressbar { position:absolute; top:5px; left:15px; height:5px; width:900px; z-index:99; border-radius:20px; background:#000; opacity:0.60;}

/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide { display:none; position:absolute; z-index:152; bottom:30px; left:-40px; width:100px; height:100px; background:#ffffff; border:1px solid #222; -moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; overflow:hidden; }
.box_skitter .preview_slide ul { height:100px; overflow:hidden; margin:0; list-style:none; display:block; position:absolute; top:0; left:0; }
.box_skitter .preview_slide ul li { width:100px; height:100px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block; }
.box_skitter .preview_slide ul li img { position:absolute; top:0; left:0; height:150px; width:auto; }

/* =Focus (botão play e stop)
-------------------------------------------------------------- */
#overlay_skitter { position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000; }

.box_skitter .focus_button {position:absolute; width:42px; height:42px; top:47%; z-index:100; overflow:hidden; text-indent:-9999em; background:url(images/focus-button.png) no-repeat left top; opacity:0;}
.box_skitter .play_pause_button {position:absolute; top:44.2%; z-index:151; width:44px; height:44px; overflow:hidden; text-indent:-9999em; background:url(images/pause-button.png) no-repeat left top; opacity:0;}
.box_skitter .play_pause_button.play_button {background:url(images/play-button.png) no-repeat left top;}

/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large { width:930px; height:380px; border:5px solid #c7cdd1;}/* tamanho da galeria */