.caixa {float: left; border: 10px solid #fff;}
.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: visible !important;
height: 292px !important; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer div {float:left; overflow-y:visible !important; height:322px; margin-bottom: 20px;}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
}
/* .slideViewer ul li img { } */

/*typographic info*/
.slideViewer span.typo{ 
margin-top: -5px;
top:28px;
padding: 6px; /* do not modify padding */
/* background: #fff; */
border-bottom: 1px solid #a9a9a9;
color: #000;
font: normal 10px Verdana;
opacity: 0.8 !important;
-moz-opacity: 0.8 !important;
filter: alpha(opacity=8) !important;
}

.thumbSlider { /*the thumbnails slider*/
width: 488px !important;
overflow: hidden;
width: 1%;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
overflow: hidden;
display: block;
width:73px;
height:49px;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
margin-left:-25px;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
display: none;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left {margin:-52px 0 9px 22px	 !important;}
a.right {margin:-62px 19px 0 559px !important;}

a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
margin: 0 !important;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}


#ui0, #ui1 { float: left;  margin-top: -50px; /*  margin-top:-66px; */ background-color: #22395e; /* opacity:0.7; -moz-opacity: 0.7; */ filter: alpha(opacity=7);}