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

#hd { height:55px; background-color:#252525; width:100%; border-bottom:1px solid #797979}
#hd h1 { width:168px; height:32px; position:absolute; right:20px; top:10px}
#hd h1 a { display:block; width:168px; height:32px; background:url(/static/ADVAdevarul/images/bg-hd-slideshow-logo.gif) 0 0 no-repeat}
#hd h2 { position:absolute; left:17px; top:20px; width:149px; height:21px; background:url(/static/ADVAdevarul/images/bg-hd-slideshow.gif) 0 0 no-repeat}
#bd { width:100%; background-color:#3e3e40; border-bottom:1px solid #797979}
#ft { height:110px; background-color:#252525; text-align:center; padding-top:18px}
#ft .bb-adv-slideshow { width:728px; margin:0 auto}
.bb-md-slideshow_section .hd { width:100%; height:65px; background:none}
.bb-md-slideshow_section .hd h2 { font-family:Georgia; font-size:197%; line-height:197%; color:#FFF; margin:10px 0 0 17px}
.bb-md-slideshow_section .bd { width:100%}
.bb-md-slideshow_section .mg { padding-left:17px; width:613px; float:left}
.bb-md-slideshow_section .mt { width:323px; float:right; padding-right:5px;}
.bb-md-slideshow_thumb img { float:left; margin:0 13px 13px 0; border:1px solid #FFF}

.slideshow_image .bd .scrollable {
left: 0px;
top: 10px;
overflow: hidden;
width: 613px; /*Width of Carousel Viewer itself*/
height: 489px; /*Height should enough to fit largest content's height*/
margin-bottom:10px;
overflow: scroll; /*leave this value alone*/
position: relative; /*leave this value alone*/
}
.slideshow_image .bd .scrollable .belt {position:absolute; left: 0; top: 0;}
.slideshow_image .bd .scrollable .belt .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 613px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.slideshow_image .ft { height:40px; width:100%; margin:0 10px; text-align:center; float:left;}
.slideshow_image .ft ul { margin:8px auto 0 auto; height:20px; width:125px}
.slideshow_image .ft ul li { display:inline; float:left; margin:3px 5px}
.slideshow_image .ft a { display:inline-block; width:15px; height:15px; background:url(/static/ADVAdevarul/images/ic-slider-paginador-gray3.gif) 0 0 no-repeat;}
.slideshow_image .ft a.next { background-position:0 -25px}
.slideshow_image .ft span { font-size:93%; line-height:85%; color:#FFF; margin:0 2px}
.slideshow_image .mg { position:relative}
.slideshow_image .mg .icon_more { position:absolute; bottom:0; right:17px}

.slideshow_image .mt {
	width:577px;
	height:100px;
	position:relative;
	z-index:1000;
	background:#000;
	color:#fff;
	padding:10px;
	}

.slideshow_image .mt p { font-size:100%; line-height:116%; color:#FFF}
.slideshow_image .mt p span { color:#8b8b8b}
.slideshow_image .mt h3 { color:#FFF; font-size:153.9%; line-height:153.9%; font-family:Georgia; margin-bottom:5px}
	


.slideshow_thumb .bd .scrollable {
left: 0px;
top: 10px;
overflow: hidden;
width: 319px; /*Width of Carousel Viewer itself*/
height: 500px; /*Height should enough to fit largest content's height*/
overflow: scroll; /*leave this value alone*/
position: relative; /*leave this value alone*/
}
.slideshow_thumb .bd .scrollable .belt {position:absolute; left: 0; top;}
.slideshow_thumb .bd .scrollable .belt .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 329px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.slideshow_thumb .ft { height:40px; width:100%; margin:0; text-align:center; float:left;}
.slideshow_thumb .ft ul { margin:8px auto 0 auto; height:20px; width:310px; margin-right:18px}
.slideshow_thumb .ft ul li { display:inline; float:left; width:33%}
.slideshow_thumb .ft ul li.first { text-align:left}
.slideshow_thumb .ft ul li.last { text-align:right; width:34%}
.slideshow_thumb .ft a { display:inline-block; width:15px; height:15px; background:url(/static/ADVAdevarul/images/ic-slider-paginador-slideshow.gif) 0 0 no-repeat;}
.slideshow_thumb .ft a.next { background-position:0 -25px}
.slideshow_thumb .ft span { font-size:100%; line-height:116%; color:#FFF; margin:0 2px}