/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 9-nov-2013, 11.50.44
    Author     : andrea_mazzariello
*/



#example {
	width:                      600px;
	height:                     350px;
	position:                   relative;
}

#frame {
	position:                   absolute;
	z-index:                    0;
	width:                      739px;
	height:                     341px;
	top:                        -3px;
	left:                       -80px;
}

/*
	Slideshow
*/

#SlideContainerBox {
    width:                      976px;
    height:                     612px;
    border-bottom:              1px white solid;
    padding-bottom:             15px;
}

#SlideBox{
    width:                      976px;
    margin-left:                auto;
    margin-right:               auto;
}

#slides {
    width:                      940px;
    height:                     530px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
    overflow:                   hidden;
	position:                   relative;
	display:                    none;
    overflow:                   visible;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

 .slide {
	width:                      940px;
	height:                     530px;
	display:                    block;
    overflow:                   visible;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:                   absolute;
	top:                        215px;
	left:                       -23px;
	width:                      24px;
	height:                     43px;
	display:                    block;
	z-index:                    101;
}

#slides .next {
	left:                       825px;
}

/*
	Pagination
*/

.pagination {
    width:                      140px;
    height:                     25px;
	margin-top:                 -590px;
    text-align:                 center;
    padding:                    5px 5px 0px 5px;
    z-index:                    3;
    position:                   relative;
    float:                      right;
    margin-right:               -5px;
}

.pagination li {
	float:                      left;
	margin:                     0 1px;
	list-style:                 none;
    
}

.pagination li a {
	display:                    block;
	width:                      12px;
	height:                     0;
	padding-top:                12px;
	background-image:           url(../img/sections/paginationB.png);
	background-position:        0 0;
	float:                      left;
	overflow:                   hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:                    5;
	position:                   absolute;
	bottom:                     -40px;
	left:                       0;
	height:                     17px;
	padding:                    5px;
	background-color:           darkgrey;
    opacity:                    0.8;
	width:                      970px;
	font-size:                  12px;
	line-height:                1.33;
	color:                      #fff;
	border-top:                 1px solid darkgray;
	text-shadow:                none;
    text-align:                 left;
    z-index:                    2;
}