

/*html {
	background-color: #e4dfd2;
	background-image: -webkit-radial-gradient(center 425px 45deg, circle closest-side, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 30%),
		-webkit-radial-gradient(center 425px 45deg, circle closest-side, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 10%),
		-webkit-linear-gradient(rgba(231, 228, 222, 0), rgba(231, 228, 222, 1) 150px, rgba(231, 228, 222, 1) 388px, rgba(255, 255, 255, 0) 388px, rgba(243, 239,233,1) 388px,rgba(243, 239,233,1) 390px, rgba(206,195,187,1) 390px, rgba(230,222,216,1) 990px, rgba(230,222,216,1)),
		-webkit-linear-gradient(0pt 50% , rgba(255, 255, 255, 0.07) 50%, transparent 50%),
		-webkit-linear-gradient(0pt 50% , rgba(255, 255, 255, 0.13) 50%, transparent 50%),
		-webkit-linear-gradient(0pt 50% , transparent 50%, rgba(255, 255, 255, 0.17) 50%),
		-webkit-linear-gradient(0pt 50% , transparent 50%, rgba(255, 255, 255, 0.19) 50%);
	background-image: -moz-radial-gradient(center 425px 45deg, circle closest-side, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 30%),
		-moz-radial-gradient(center 425px 45deg, circle closest-side, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 10%),
		-moz-linear-gradient(rgba(231, 228, 222, 0), rgba(231, 228, 222, 1) 150px, rgba(231, 228, 222, 1) 388px, rgba(255, 255, 255, 0) 388px, rgba(243, 239,233,1) 388px,rgba(243, 239,233,1) 390px, rgba(206,195,187,1) 390px, rgba(230,222,216,1) 990px, rgba(230,222,216,1)), 
		-moz-linear-gradient(0pt 50% , rgba(255, 255, 255, 0.07) 50%, transparent 50%),
		-moz-linear-gradient(0pt 50% , rgba(255, 255, 255, 0.13) 50%, transparent 50%),
		-moz-linear-gradient(0pt 50% , transparent 50%, rgba(255, 255, 255, 0.17) 50%),
		-moz-linear-gradient(0pt 50% , transparent 50%, rgba(255, 255, 255, 0.19) 50%);
	background-image: -ms-radial-gradient(center 425px 45deg, circle closest-side, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 30%),
		-ms-radial-gradient(center 425px 45deg, circle closest-side, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 10%),
		-ms-linear-gradient(rgba(231, 228, 222, 0), rgba(231, 228, 222, 1) 150px, rgba(231, 228, 222, 1) 388px, rgba(255, 255, 255, 0) 388px, rgba(243, 239,233,1) 388px,rgba(243, 239,233,1) 390px, rgba(206,195,187,1) 390px, rgba(230,222,216,1) 990px, rgba(230,222,216,1)),
		-ms-linear-gradient(0pt 50% , rgba(255, 255, 255, 0.07) 50%, transparent 50%),
		-ms-linear-gradient(0pt 50% , rgba(255, 255, 255, 0.13) 50%, transparent 50%),
		-ms-linear-gradient(0pt 50% , transparent 50%, rgba(255, 255, 255, 0.17) 50%),
		-ms-linear-gradient(0pt 50% , transparent 50%, rgba(255, 255, 255, 0.19) 50%);
	background-image: -o-radial-gradient(center 425px 45deg, circle closest-side, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 30%),
		-o-radial-gradient(center 425px 45deg, circle closest-side, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 10%),
		-o-linear-gradient(rgba(231, 228, 222, 0), rgba(231, 228, 222, 1) 150px, rgba(231, 228, 222, 1) 388px, rgba(255, 255, 255, 0) 388px, rgba(243, 239,233,1) 388px,rgba(243, 239,233,1) 390px, rgba(206,195,187,1) 390px, rgba(230,222,216,1) 990px, rgba(230,222,216,1)),
		-o-linear-gradient(0pt 50% , rgba(255, 255, 255, 0.07) 50%, transparent 50%),
		-o-linear-gradient(0pt 50% , rgba(255, 255, 255, 0.13) 50%, transparent 50%),
		-o-linear-gradient(0pt 50% , transparent 50%, rgba(255, 255, 255, 0.17) 50%),
		-o-linear-gradient(0pt 50% , transparent 50%, rgba(255, 255, 255, 0.19) 50%);
	background-image: radial-gradient(center 425px 45deg, circle closest-side, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 30%),
		radial-gradient(center 425px 45deg, circle closest-side, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 10%),
		linear-gradient(rgba(231, 228, 222, 0), rgba(231, 228, 222, 1) 150px, rgba(231, 228, 222, 1) 388px, rgba(255, 255, 255, 0) 388px, rgba(243, 239,233,1) 388px,rgba(243, 239,233,1) 390px, rgba(206,195,187,1) 390px, rgba(230,222,216,1) 990px, rgba(230,222,216,1)), 
		linear-gradient(0pt 50% , rgba(255, 255, 255, 0.07) 50%, transparent 50%),
		linear-gradient(0pt 50% , rgba(255, 255, 255, 0.13) 50%, transparent 50%),
		linear-gradient(0pt 50% , transparent 50%, rgba(255, 255, 255, 0.17) 50%),
		linear-gradient(0pt 50% , transparent 50%, rgba(255, 255, 255, 0.19) 50%);
	background-size: 13px, 26px, auto, 13px, 29px, 37px, 53px;
	min-height:100%;
	overflow-x:hidden;
}*/

/*body {
	width: 100%;
	margin: 0 auto;
	color:#777;
}
h1, h2 {
	text-align:center;
	margin-top:0;
}
h1 {
	padding: 1em 0;
	margin-left: 1.5em;
	font-size: 2.5em;
	font-family: 'Amaranth', Arial, Verdana, sans-serif;
}
h1 span {
	display:block;
	margin: 0.75em 0 0 -2em;
	line-height: 1em;
	font-size: 0.55em;
}
h1 .cursive {
	margin: 0 0 0 -3em;
	font-size: 1.1em;
	line-height:0.5em;
	color: #bd9b83;
}*/
figure { 
	display: inline-block; 
}

/*a {
	text-decoration: none;
	border-bottom: 1px solid #bc9d88;
	color: #8f6b51;
}
a:hover,
a:focus {
	border-bottom: 1px dashed #bc9d88;
}
.sread {
	position: absolute;
	left:-9999px;
}
.cursive {
	font-family: 'Mr Dafoe', cursive;
}
.center {
	text-align: center;
}*/

#slideshow {
	/*position: absolute;*/
    /*margin-left:5%;*/
    width:auto;
	height: 300px;
	padding: 15px;
	border: 1px solid #ddd;
	/*margin: 0 auto 20em;*/
	background: #FFF;
	background: -webkit-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: -moz-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: -ms-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: -o-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	box-shadow: 0 0 3px rgba(0,0,0, 0.2);
}

#slideshow:before,
#slideshow:after {
	position: absolute;
	display:block;
	bottom:16px;
	width: 50%;
	height: 20px;
	content: " ";
	/*background: rgba(0,0,0,0.1);*/
	
	/*-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
	box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);*/
	
	/*z-index: -10;*/
}
#slideshow:before {
	left:0;
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
}
#slideshow:after {
	right:0;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-o-transform: rotate(4deg);
}

#slideshow .commands {
	position: absolute;
	top: 53%;
	padding: 5px 13px;
	border-bottom:0;
	font-family: 'Amaranth', Arial, Verdana, sans-serif;
	font-size: 1.3em;
	color: #aaa;
	text-decoration:none;
	background-color: #eee;
	background-image: -webkit-linear-gradient(#fff,#ddd);
	background-image: -moz-linear-gradient(#fff,#ddd);
	background-image: -ms-linear-gradient(#fff,#ddd);
	background-image: -o-linear-gradient(#fff,#ddd);
	background-image: linear-gradient(#fff,#ddd);
	text-shadow: 0 0 1px #aaa;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
#slideshow .commands:after {
	position: absolute;
	bottom: 65px; left:-18px;
	content: attr(title);
	width: 50px;
	padding: 12px;
	background: #fff;
	font-family: Georgia, Times, serif;
	font-size: 14px;
	text-align:center;
	text-shadow: 0 0 0;
	opacity: 0;
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	
	-webkit-transition: opacity 0.7s, bottom 0.7s;
	-moz-transition: opacity 0.7s, bottom 0.7s;
	transition: opacity 0.7s, bottom 0.7s;
}
#slideshow .commands:before {
	position: absolute;
	bottom: 55px; left: 13px;
	content: " ";
	width: 1px; height: 1px;
	border-top: 10px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	z-index:100;
	opacity: 0;
	
	-webkit-transition: opacity 0.7s, bottom 0.7s;
	-moz-transition: opacity 0.7s, bottom 0.7s;
	transition: opacity 0.7s, bottom 0.7s;
}
#slideshow .commands:hover:before {
	bottom: 35px;
	opacity: 1;
}
#slideshow .commands:hover:after {
	bottom: 45px;
	opacity: 1;
}
#slideshow .commands:focus { 
	outline: 0;
	-webkit-transform: translate(1px, 2px);
	-moz-transform: translate(1px, 2px);
	-ms-transform: translate(1px, 2px);
	-o-transform: translate(1px, 2px);
	transform: translate(1px, 2px);
}
#slideshow .commands:active {
	-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	-ms-transform: translate(0, 1px);
	-o-transform: translate(0, 1px);
	transform: translate(0, 1px);
}
#slideshow .prev {
	left: 2%;
    margin-top:100px;
}
#slideshow .next {
	right:2%;
    margin-top:100px;
}

#slideshow .commands1 {
	display: inline;
}

/* play/pause commands */
.play_commands {
	position: absolute;
	width: 22px; height: 22px;
	top: 25px; right: 25px;
	z-index: 10;
	text-indent: -9999px;
	border:0 none;
	opacity: 0;

	-webkit-transition: opacity 1s, right 1s;
	-moz-transition: opacity 1s, right 1s;
	transition: opacity 1s, right 1s;
}
.play { right: 55px; cursor: default; }

.pause:hover { border:0 none; }
.play_commands:focus { outline:0; }

#slideshow:hover .pause,
#sl_play:target ~ #slideshow:hover .pause,
.play_commands:focus {
	opacity: 1;
}
.sl_command:target ~ #slideshow:hover .pause,
#sl_pause:target ~ #slideshow:hover .pause {
	opacity: 0;
}
.pause:after,
.pause:before {
	position: absolute;
	display: block;
	content: " ";
	top:0;
	width:38%;
	height: 22px;
	background: #fff;
	background: rgba(255,255,255,0.5);
}
.pause:after {
	right:0;
}
.pause:before {
	left:0;
}
.play {
	width: 1px; 
	height: 1px; 
	border-top: 10px solid transparent; 
	border-left: 20px solid #fff; 
	border-left: 20px solid rgba(255,255,255,0.5); 
	border-bottom: 10px solid transparent;
	opacity: 0;
}
.play:hover,
.play:focus {
	border-bottom: 10px solid transparent;
}

#slideshow .contenedor {
	position:relative;
	width:100%;
	height: 300px;
	overflow: hidden;
}
/* timeline base */
#slideshow .contenedor:after {
	position:absolute;
	bottom: 0; left:0;
	content: " ";
	background: #999;
	width: 100%;
	height: 1px;
}

@-webkit-keyframes slider2 {
	0%,50%,100%	{ top: 0 }
      95%	{ top: -100% }
}
@-moz-keyframes slider2 {
	0%,50%,100%	{ top: 0 }
       95%	{ top: -100% }
}
@keyframes slider2 {
	0%,50%,100%	{ top: 0 }
      95%	{ top: -100% }
}

@-webkit-keyframes slider3 {
	0%,30%,100%	{ top: 0 }
    33%,66% 	{ top: -100% }
    69%,99%     { top: -200% }
}
@-moz-keyframes slider3 {
	0%,30%,100%	{ top: 0 }
    33%,66% 	{ top: -100% }
    69%,99%     { top: -200% }
}
@keyframes slider3 {
	0%,30%,100%	{ top: 0 }
    33%,66% 	{ top: -100% }
    69%,99%     { top: -200% }
}

@-webkit-keyframes slider4 {
	0%, 20%, 100%	{ top: 0 }
	25%, 45%		{ top: -100% }
	50%, 70%		{ top: -200% }
	75%, 95%		{ top: -300% }
}
@-moz-keyframes slider4 {
	0%, 20%, 100%	{ top: 0 }
	25%, 45%		{ top: -100% }
	50%, 70%		{ top: -200% }
	75%, 95%		{ top: -300% }
}
@keyframes slider4 {
	0%, 20%, 100%	{ top: 0 }
	25%, 45%		{ top: -100% }
	50%, 70%		{ top: -200% }
	75%, 95%		{ top: -300% }
}

@-webkit-keyframes slider5 {
	0%, 15%, 100%	{ top: 0 }
	20%, 35%		{ top: -100% }
    40%, 55%		{ top: -200% }
    60%, 75%		{ top: -300% }
    80%, 95%		{ top: -400% }
}
@-moz-keyframes slider5 {
	0%, 15%, 100%	{ top: 0 }
	20%, 35%		{ top: -100% }
    40%, 55%		{ top: -200% }
    60%, 75%		{ top: -300% }
    80%, 95%		{ top: -400% }
}
@keyframes slider5 {
	0%, 15%, 100%	{ top: 0 }
	20%, 35%		{ top: -100% }
    40%, 55%		{ top: -200% }
    60%, 75%		{ top: -300% }
    80%, 95%		{ top: -400% }
}

@-webkit-keyframes slider6 {
	0%, 14%, 100%	{ top: 0 }
	16%, 30%		{ top: -100% }
    32%, 46%		{ top: -200% }
    48%, 62%		{ top: -300% }
    64%, 78%		{ top: -400% }
    80%, 94%		{ top: -500% }
}
@-moz-keyframes slider6 {
	0%, 14%, 100%	{ top: 0 }
	16%, 30%		{ top: -100% }
    32%, 46%		{ top: -200% }
    48%, 62%		{ top: -300% }
    64%, 78%		{ top: -400% }
    80%, 94%		{ top: -500% }
}
@keyframes slider6 {
	0%, 14%, 100%	{ top: 0 }
	16%, 30%		{ top: -100% }
    32%, 46%		{ top: -200% }
    48%, 62%		{ top: -300% }
    64%, 78%		{ top: -400% }
    80%, 94%		{ top: -500% }
}

@-webkit-keyframes slider7 {
	0%, 12%, 100%	{ top: 0 }
	14%, 26%		{ top: -100% }
    28%, 40%		{ top: -200% }
    42%, 54%		{ top: -300% }
    56%, 68%		{ top: -400% }
    70%, 82%		{ top: -500% }
    84%, 96%		{ top: -600% }
}
@-moz-keyframes slider7 {
	0%, 12%, 100%	{ top: 0 }
	14%, 26%		{ top: -100% }
    28%, 40%		{ top: -200% }
    42%, 54%		{ top: -300% }
    56%, 68%		{ top: -400% }
    70%, 82%		{ top: -500% }
    84%, 96%		{ top: -600% }
}
@keyframes slider7 {
	0%, 12%, 100%	{ top: 0 }
	14%, 26%		{ top: -100% }
    28%, 40%		{ top: -200% }
    42%, 54%		{ top: -300% }
    56%, 68%		{ top: -400% }
    70%, 82%		{ top: -500% }
    84%, 96%		{ top: -600% }
}

@-webkit-keyframes slider8 {
	0%, 10%, 100%	{ top: 0 }
	12%, 22%		{ top: -100% }
    24%, 34%		{ top: -200% }
    36%, 46%		{ top: -300% }
    48%, 58%		{ top: -400% }
    60%, 70%		{ top: -500% }
    72%, 82%		{ top: -600% }
    84%, 94%		{ top: -700% }
}
@-moz-keyframes slider8 {
	0%, 10%, 100%	{ top: 0 }
	12%, 22%		{ top: -100% }
    24%, 34%		{ top: -200% }
    36%, 46%		{ top: -300% }
    48%, 58%		{ top: -400% }
    60%, 70%		{ top: -500% }
    72%, 82%		{ top: -600% }
    84%, 94%		{ top: -700% }
}
@keyframes slider8 {
	0%, 10%, 100%	{ top: 0 }
	12%, 22%		{ top: -100% }
    24%, 34%		{ top: -200% }
    36%, 46%		{ top: -300% }
    48%, 58%		{ top: -400% }
    60%, 70%		{ top: -500% }
    72%, 82%		{ top: -600% }
    84%, 94%		{ top: -700% }
}

@-webkit-keyframes slider9 {
	0%, 8%, 100%	{ top: 0 }
	15%, 23%		{ top: -100% }
    25%, 33%		{ top: -200% }
    35%, 43%		{ top: -300% }
    45%, 53%		{ top: -400% }
    55%, 63%		{ top: -500% }
    65%, 73%		{ top: -600% }
    75%, 83%		{ top: -700% }
    85%, 93%		{ top: -800% }
}
@-moz-keyframes slider9 {
	0%, 8%, 100%	{ top: 0 }
	15%, 23%		{ top: -100% }
    25%, 33%		{ top: -200% }
    35%, 43%		{ top: -300% }
    45%, 53%		{ top: -400% }
    55%, 63%		{ top: -500% }
    65%, 73%		{ top: -600% }
    75%, 83%		{ top: -700% }
    85%, 93%		{ top: -800% }
}
@keyframes slider9 {
   0%, 8%, 100%	{ top: 0 }
	15%, 23%		{ top: -100% }
    25%, 33%		{ top: -200% }
    35%, 43%		{ top: -300% }
    45%, 53%		{ top: -400% }
    55%, 63%		{ top: -500% }
    65%, 73%		{ top: -600% }
    75%, 83%		{ top: -700% }
    85%, 93%		{ top: -800% }
}
@-webkit-keyframes slider10 {
	0%, 5%, 100%	{ top: 0 }
	10%, 15%		{ top: -100% }
	20%, 25%		{ top: -200% }
	30%, 35%		{ top: -300% }
    40%, 45%		{ top: -400% }
	50%, 55%		{ top: -500% }
	60%, 65%		{ top: -600% }
    75%, 75%		{ top: -700% }
    80%, 85%		{ top: -800% }
	90%, 95%		{ top: -900% }
	100%, 100%		{ top: -1000% }
}
@-moz-keyframes slider10 {
	0%, 5%, 100%	{ top: 0 }
	10%, 15%		{ top: -100% }
	20%, 25%		{ top: -200% }
	30%, 35%		{ top: -300% }
    40%, 45%		{ top: -400% }
	50%, 55%		{ top: -500% }
	60%, 65%		{ top: -600% }
    75%, 75%		{ top: -700% }
    80%, 85%		{ top: -800% }
	90%, 95%		{ top: -900% }
	100%, 100%		{ top: -1000% }
}
@keyframes slider10 {
	0%, 5%, 100%	{ top: 0 }
	10%, 15%		{ top: -100% }
	20%, 25%		{ top: -200% }
	30%, 35%		{ top: -300% }
    40%, 45%		{ top: -400% }
	50%, 55%		{ top: -500% }
	60%, 65%		{ top: -600% }
    75%, 75%		{ top: -700% }
    80%, 85%		{ top: -800% }
	90%, 95%		{ top: -900% }
	100%, 100%		{ top: -1000% }
}

#slideshow .slider {
    left: 0;
    top: 0;
    width: 100%;
    height: 305px;

    /*-webkit-animation: slider 50s infinite;
	-moz-animation: slider 50s infinite;
	animation: slider 50s infinite;*/   
}

#slideshow .slider2 {	
	-webkit-animation: slider2 28s infinite;
	-moz-animation: slider2 28s infinite;
	animation: slider2 28s infinite;
}

#slideshow .slider3 {
	-webkit-animation: slider3 30s infinite;
	-moz-animation: slider3 30s infinite;
	animation: slider3 30s infinite;
}

#slideshow .slider4 {
	-webkit-animation: slider4 32s infinite;
	-moz-animation: slider4 32s infinite;
	animation: slider4 32s infinite;
}

#slideshow .slider5 {
	-webkit-animation: slider5 34s infinite;
	-moz-animation: slider5 34s infinite;
	animation: slider5 34s infinite;
}

#slideshow .slider6 {
	-webkit-animation: slider6 36s infinite;
	-moz-animation: slider6 36s infinite;
	animation: slider6 36s infinite;
}

#slideshow .slider7 {
	-webkit-animation: slider7 38s infinite;
	-moz-animation: slider7 38s infinite;
	animation: slider7 38s infinite;
}

#slideshow .slider8 {
	-webkit-animation: slider8 40s infinite;
	-moz-animation: slider8 40s infinite;
	animation: slider8 40s infinite;
}

#slideshow .slider9 {
	-webkit-animation: slider9 42s infinite;
	-moz-animation: slider9 42s infinite;
	animation: slider9 42s infinite;
}

#slideshow .slider10 {
    -webkit-animation: slider10 44s infinite;
	-moz-animation: slider10 44s infinite;
	animation: slider10 44s infinite;
}

.sl_i:target ~ #slideshow .slider {
	-webkit-transition: top 1s;
	-moz-transition: top 1s;
	transition: top 1s;
}

.sl_command:target ~ #slideshow .slider {
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}


#slideshow .c_slider {
	position: absolute;
	left:0; top:0;
	width: 100%;
	height: 300px;
    background:100px;
	background: 0 0 no-repeat,top -100% 0 no-repeat,top -200% 0 no-repeat,top -300% 0 no-repeat;
}


.sl_i:target ~ #slideshow .c_slider {
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	transition: background 1s;
}


#slideshow figure {
	position:relative;
	padding:0; margin:0;
}

@-webkit-keyframes figurer {
	0%,10%,20%,30%,40%,50%,60%,70%,80%,90%,100%{ -webkit-box-shadow: 0 0 65px rgba(0,0,0, 0) inset; box-shadow: 0 0 65px rgba(0,0,0, 0) inset;	}
	5%,15%,25%,35%,45%,55%,65%,75%,85%,95%		{ -webkit-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;	box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset; }
}
@-moz-keyframes figurer {
	0%,10%,20%,30%,40%,50%,60%,70%,80%,90%,100%	{ -moz-box-shadow: 0 0 65px rgba(0,0,0, 0) inset; box-shadow: 0 0 65px rgba(0,0,0, 0) inset;	}
	5%,15%,25%,35%,45%,55%,65%,75%,85%,95%	{ -moz-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;	box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset; }
}
@keyframes figurer {
	0%,10%,20%,30%,40%,50%,60%,70%,80%,90%,100% { -moz-box-shadow: 0 0 65px rgba(0,0,0, 0) inset; box-shadow: 0 0 65px rgba(0,0,0, 0) inset;	}
	5%,15%,25%,35%,45%,55%,65%,75%,85%,95%	{ -moz-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;	box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset; }
}

#slideshow figure:after {
	position: absolute;
	display:block;
	content: " ";
	top:0; left:0;
	width: 100%; height: 100%;
	-webkit-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;
	-moz-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;
	box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;

	-webkit-animation: figurer 50s infinite;
	-moz-animation: figurer 50s infinite;
	animation: figurer 50s infinite;
}

@-webkit-keyframes figcaptionner {
	0%,10%,20%,30%,40%,50%,60%,70%,80%,90%,100%	{ bottom: -55px;	}
	5%,15%,25%,35%,45%,55%,65%,75%,85%,95%		{ bottom: 5px;}
}
@-moz-keyframes figcaptionner {
	0%,10%,20%,30%,40%,50%,60%,70%,80%,90%,100%	{ bottom: -55px;	}
	5%,15%,25%,35%,45%,55%,65%,75%,85%,95%		{ bottom: 5px;}
}
@keyframes figcaptionner {
	0%,10%,20%,30%,40%,50%,60%,70%,80%,90%,100%	{ bottom: -55px;	}
	5%,15%,25%,35%,45%,55%,65%,75%,85%,95%		{ bottom: 5px;}
}

#slideshow figcaption {
	position:absolute;
	padding: 20px 20px; margin:0;
	left:0; right:0; bottom: 5px;
	text-align:center;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	font-family: Georgia, Times, serif;
	background: #000;
	background: rgba(255,255,255,0.7);
	border-top: 1px solid rgb(225,225,225);
	color: #555;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.3);

	/*-webkit-animation: figcaptionner 50s infinite;
	-moz-animation: figcaptionner 50s infinite;
	animation: figcaptionner 50s infinite;*/
}

@-webkit-keyframes timeliner2 {
	0%,50%,100% { width: 0;		}
	  45%,95%  { width: 100%;	}
}
@-moz-keyframes timeliner2 {
    0%,50%,100% { width: 0;		}
	  45%,95%  { width: 100%;	}
}
@keyframes timeliner2 {
	0%,50%,100% { width: 0;		}
	  45%,95%  { width: 100%;	}
}

@-webkit-keyframes timeliner3 {
	0%,33%,66%,99% { width: 0;		}
	30%,63%,96%    { width: 100%;	}
}
@-moz-keyframes timeliner3 {
    0%,33%,66%,99% { width: 0;		}
	30%,63%,96%    { width: 100%;	}
}
@keyframes timeliner3 {
	0%,33%,66%,99% { width: 0;		}
	30%,63%,96%    { width: 100%;	}
}

@-webkit-keyframes timeliner4 {
	0%, 25%, 50%, 75%, 100%	{ width: 0;		}
	20%, 45%, 70%, 90%		{ width: 100%;	}
}
@-moz-keyframes timeliner4 {
	0%, 25%, 50%, 75%, 100%	{ width: 0;		}
	20%, 45%, 70%, 90%		{ width: 100%;	}
}
@keyframes timeliner4 {
	0%, 25%, 50%, 75%, 100%	{ width: 0;		}
	20%, 45%, 70%, 90%		{ width: 100%;	}
}
@-webkit-keyframes timeliner5 {
	0%, 20%, 40%, 60%, 80%, 100%	{ width: 0;		}
	 15%, 35%, 55%, 75%, 95%		{ width: 100%;	}
}
@-moz-keyframes timeliner5 {
	0%, 20%, 40%, 60%, 80%, 100%	{ width: 0;		}
	 15%, 35%, 55%, 75%, 95%		{ width: 100%;	}
}
@keyframes timeliner5 {
	0%, 20%, 40%, 60%, 80%, 100%	{ width: 0;		}
	 15%, 35%, 55%, 75%, 95%		{ width: 100%;	}
}
@-webkit-keyframes timeliner6 {
	0%, 20%, 40%, 60%, 80%, 100%	{ width: 0;		}
	 15%, 35%, 55%, 75%, 95%		{ width: 100%;	}
}
@-moz-keyframes timeliner6 {
	0%, 20%, 40%, 60%, 80%, 100%	{ width: 0;		}
	 15%, 35%, 55%, 75%, 95%		{ width: 100%;	}
}
@keyframes timeliner6 {
	0%, 16%, 32%, 48%, 64%, 80%, 100%	{ width: 0;		}
	 11%, 27%, 43%, 59%, 73%, 95%		{ width: 100%;	}
}
@-webkit-keyframes timeliner7 {
	0%, 14%, 28%, 42%, 56%, 70%, 84%, 100%	{ width: 0;		}
	 9%, 23%, 37%, 51%, 65%, 79%, 95%		{ width: 100%;	}
}
@-moz-keyframes timeliner7 {
	0%, 14%, 28%, 42%, 56%, 70%, 84%, 100%	{ width: 0;		}
	 9%, 23%, 37%, 51%, 65%, 79%, 95%		{ width: 100%;	}
}
@keyframes timeliner7 {
	0%, 14%, 28%, 42%, 56%, 70%, 84%, 100%	{ width: 0;		}
	 9%, 23%, 37%, 51%, 65%, 79%, 95%		{ width: 100%;	}
}
@-webkit-keyframes timeliner8 {
	0%, 12%, 24%, 36%, 48%, 60%, 72%, 84%, 100%	{ width: 0;		}
	 7%, 19%, 31%, 43%, 55%, 67%, 81%, 95%		{ width: 100%;	}
}
@-moz-keyframes timeliner8 {
	0%, 12%, 24%, 36%, 48%, 60%, 72%, 84%, 100%	{ width: 0;		}
	 7%, 19%, 31%, 43%, 55%, 67%, 81%, 95%		{ width: 100%;	}
}
@keyframes timeliner8 {
	0%, 12%, 24%, 36%, 48%, 60%, 72%, 84%, 100%	{ width: 0;		}
	 7%, 19%, 31%, 43%, 55%, 67%, 81%, 95%		{ width: 100%;	}
}
@-webkit-keyframes timeliner9 {
	0%, 9%, 18%, 27%, 36%, 45%, 64%, 73%, 82%, 100%	{ width: 0;		}
	 4%, 13%, 22%, 31%, 40%, 59%, 68%, 77%, 95%		{ width: 100%;	}
}
@-moz-keyframes timeliner9 {
	0%, 9%, 18%, 27%, 36%, 45%, 64%, 73%, 82%, 100%	{ width: 0;		}
	 4%, 13%, 22%, 31%, 40%, 59%, 68%, 77%, 95%		{ width: 100%;	}
}
@keyframes timeliner9 {
	0%, 9%, 18%, 27%, 36%, 45%, 64%, 73%, 82%, 100%	{ width: 0;		}
	 4%, 13%, 22%, 31%, 40%, 59%, 68%, 77%, 95%		{ width: 100%;	}
}
@-webkit-keyframes timeliner10 {
	0%,10%,20%,30%,40%,50%,60%,70%,80%,90%,100%{ width: 0;		}
	5%,15%,25%,35%,45%,55%,65%,75%,85%,95%		{ width: 100%;	}
}
@-moz-keyframes timeliner10 {
	0%,10%,20%,30%,40%,50%,60%,70%,80%,90%,100%	{ width: 0;		}
	5%,15%,25%,35%,45%,55%,65%,75%,85%,95%		{ width: 100%;	}
}
@keyframes timeliner10 {
	0%,10%,20%,30%,40%,50%,60%,70%,80%,90%,100%	{ width: 0;		}
	5%,15%,25%,35%,45%,55%,65%,75%,85%,95%		{ width: 100%;	}
}
#timeline2 {
	position: absolute;
	background: #999;
	bottom: 1px;
	left: 0px;
	height: 1px;
	background: rgb(214,98,13);
	background: rgba(214,98,13,.8);
	width: 0;
	
	-webkit-animation: timeliner2 28s infinite;
	-moz-animation: timeliner2 28s infinite;
	animation: timeliner2 28s infinite;
}
#timeline3 {
	position: absolute;
	background: #999;
	bottom: 1px;
	left: 0px;
	height: 1px;
	background: rgb(214,98,13);
	background: rgba(214,98,13,.8);
	width: 0;
	
	-webkit-animation: timeliner3 30s infinite;
	-moz-animation: timeliner3 30s infinite;
	animation: timeliner3 30s infinite;
}

#timeline4 {
	position: absolute;
	background: #999;
	bottom: 1px;
	left: 0px;
	height: 1px;
	background: rgb(214,98,13);
	background: rgba(214,98,13,.8);
	width: 0;
	
	-webkit-animation: timeliner4 32s infinite;
	-moz-animation: timeliner4 32s infinite;
	animation: timeliner4 32s infinite;
}
#timeline5 {
	position: absolute;
	background: #999;
	bottom: 1px;
	left: 0px;
	height: 1px;
	background: rgb(214,98,13);
	background: rgba(214,98,13,.8);
	width: 0;
	
	-webkit-animation: timeliner5 34s infinite;
	-moz-animation: timeliner5 34s infinite;
	animation: timeliner5 34s infinite;
}
#timeline6 {
	position: absolute;
	background: #999;
	bottom: 1px;
	left: 0px;
	height: 1px;
	background: rgb(214,98,13);
	background: rgba(214,98,13,.8);
	width: 0;
	
	-webkit-animation: timeliner6 36s infinite;
	-moz-animation: timeliner6 36s infinite;
	animation: timeliner6 36s infinite;
}
#timeline7 {
	position: absolute;
	background: #999;
	bottom: 1px;
	left: 0px;
	height: 1px;
	background: rgb(214,98,13);
	background: rgba(214,98,13,.8);
	width: 0;
	
	-webkit-animation: timeliner7 38s infinite;
	-moz-animation: timeliner7 38s infinite;
	animation: timeliner7 38s infinite;
}
#timeline8 {
	position: absolute;
	background: #999;
	bottom: 1px;
	left: 0px;
	height: 1px;
	background: rgb(214,98,13);
	background: rgba(214,98,13,.8);
	width: 0;
	
	-webkit-animation: timeliner8 40s infinite;
	-moz-animation: timeliner8 40s infinite;
	animation: timeliner8 40s infinite;
}
#timeline9 {
	position: absolute;
	background: #999;
	bottom: 1px;
	left: 0px;
	height: 1px;
	background: rgb(214,98,13);
	background: rgba(214,98,13,.8);
	width: 0;
	
	-webkit-animation: timeliner9 42s infinite;
	-moz-animation: timeliner9 42s infinite;
	animation: timeliner9 42s infinite;
}
#timeline10 {
	position: absolute;
	background: #999;
	bottom: 1px;
	left: 0px;
	height: 1px;
	background: rgb(214,98,13);
	background: rgba(214,98,13,.8);
	width: 0;
	
	-webkit-animation: timeliner10 44s infinite;
	-moz-animation: timeliner10 42s infinite;
	animation: timeliner10 42s infinite;
}



/* dots styles */
/*.dots_commands  {
	position: relative;
	top: 32px;
	padding:0; margin:0;
	text-align:center;
}
.dots_commands li {
	display:inline;
	padding:0; margin:0;
	list-style:none;
}
.dots_commands a {
	position: relative;
	display:inline-block;
	height:8px; width: 8px;
	margin: 0 5px;
	text-indent: -9999px;
	background: #fff;
	border-bottom:0;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
	
	z-index:25;
}
.dots_commands li + li a {
	z-index:10;
}
@-moz-keyframes dotser {
	0%, 100% 	{ opacity: 1; left: 0; 		}
	
	20%			{ opacity: 1; left: 0;		}
	22%			{ opacity: 0; left: 0;		}
	23%			{ opacity: 0; left: 22px;	}
	25%			{ opacity: 1; left: 22px;	}
	
	45%			{ opacity: 1; left: 22px;	}
	47%			{ opacity: 0; left: 22px;	}
	48%			{ opacity: 0; left: 44px;	}
	50%			{ opacity: 1; left: 44px;	}
	
	70%			{ opacity: 1; left: 44px;	}
	72%			{ opacity: 0; left: 44px;	}
	73%			{ opacity: 0; left: 66px;	}
	75%			{ opacity: 1; left: 66px;	}
	
	95%			{ opacity: 1; left: 66px;	}
	97%			{ opacity: 0; left: 66px;	}
	98%			{ opacity: 0; left: 0;	}
}
@-webkit-keyframes dotser {
	0%, 100% 	{ opacity: 1; left: 0; 		}
	
	20%			{ opacity: 1; left: 0;		}
	22%			{ opacity: 0; left: 0;		}
	23%			{ opacity: 0; left: 22px;	}
	25%			{ opacity: 1; left: 22px;	}
	
	45%			{ opacity: 1; left: 22px;	}
	47%			{ opacity: 0; left: 22px;	}
	48%			{ opacity: 0; left: 44px;	}
	50%			{ opacity: 1; left: 44px;	}
	
	70%			{ opacity: 1; left: 44px;	}
	72%			{ opacity: 0; left: 44px;	}
	73%			{ opacity: 0; left: 66px;	}
	75%			{ opacity: 1; left: 66px;	}
	
	95%			{ opacity: 1; left: 66px;	}
	97%			{ opacity: 0; left: 66px;	}
	98%			{ opacity: 0; left: 0;	}
}
@keyframes dotser {
	0%, 100% 	{ opacity: 1; left: 0; 		}
	
	20%			{ opacity: 1; left: 0;		}
	22%			{ opacity: 0; left: 0;		}
	23%			{ opacity: 0; left: 22px;	}
	25%			{ opacity: 1; left: 22px;	}
	
	45%			{ opacity: 1; left: 22px;	}
	47%			{ opacity: 0; left: 22px;	}
	48%			{ opacity: 0; left: 44px;	}
	50%			{ opacity: 1; left: 44px;	}
	
	70%			{ opacity: 1; left: 44px;	}
	72%			{ opacity: 0; left: 44px;	}
	73%			{ opacity: 0; left: 66px;	}
	75%			{ opacity: 1; left: 66px;	}
	
	95%			{ opacity: 1; left: 66px;	}
	97%			{ opacity: 0; left: 66px;	}
	98%			{ opacity: 0; left: 0;	}
}
.dots_commands li:first-child a:after,
.dots_commands li:first-child a:before {
	position: absolute;
	top: 0; left: 0;
	content: " ";
	width: 8px; height: 8px;
	background: #bd9b83;
	z-index:20;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
}
.dots_commands li:first-child a:after {
	-webkit-animation: dotser 32s infinite; 
	-moz-animation: dotser 32s infinite; 
	animation: dotser 32s infinite;
}
.dots_commands li:first-child a:before {
	display:none;
}*/




/* need a stop ! */

/* actions when target ! */
.sl_command { display: none; }

.sl_command:target ~ #slideshow .slider,
.sl_command:target ~ #slideshow figure:after,
.sl_command:target ~ #slideshow figcaption,
.sl_command:target ~ #slideshow #timeline2,
.sl_command:target ~ #slideshow #timeline3,
.sl_command:target ~ #slideshow #timeline4,
.sl_command:target ~ #slideshow #timeline5,
.sl_command:target ~ #slideshow #timeline6,
.sl_command:target ~ #slideshow #timeline7,
.sl_command:target ~ #slideshow #timeline8,
.sl_command:target ~ #slideshow #timeline9,
.sl_command:target ~ #slideshow #timeline10,
.sl_command:target ~ #slideshow .dots_commands li:first-child a:after {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	animation-play-state: paused;
}

#sl_play:target ~ #slideshow .slider,
#sl_play:target ~ #slideshow .slider2,
#sl_play:target ~ #slideshow .slider3,
#sl_play:target ~ #slideshow .slider4,
#sl_play:target ~ #slideshow .slider5,
#sl_play:target ~ #slideshow .slider6,
#sl_play:target ~ #slideshow .slider7,
#sl_play:target ~ #slideshow .slider8,
#sl_play:target ~ #slideshow .slider9,
#sl_play:target ~ #slideshow .slider10,
#sl_play:target ~ #slideshow figure:after,
#sl_play:target ~ #slideshow figcaption,
#sl_play:target ~ #slideshow #timeline2,
#sl_play:target ~ #slideshow #timeline3,
#sl_play:target ~ #slideshow #timeline4,
#sl_play:target ~ #slideshow #timeline5,
#sl_play:target ~ #slideshow #timeline6,
#sl_play:target ~ #slideshow #timeline7,
#sl_play:target ~ #slideshow #timeline8,
#sl_play:target ~ #slideshow #timeline9,
#sl_play:target ~ #slideshow #timeline10,
#sl_play:target ~ #slideshow .dots_commands li:first-child a:after {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	animation-play-state: running;
}

.sl_command:target ~ #slideshow .pause 	{ opacity:0; }
.sl_command:target ~ #slideshow .play 	{ opacity:1; right: 25px; cursor: pointer; }
#sl_play:target ~ #slideshow .pause 	{ opacity:0; }
#sl_play:target ~ #slideshow .play 		{ opacity:0; right: 55px; cursor: default;}

.sl_i:target ~ #slideshow .slider									{ visibility: hidden }
.sl_i:target ~ #slideshow .slider figcaption						{ visibility: hidden }
.sl_i:target ~ #slideshow .dots_commands li:first-child a:after		{ display:none; }
.sl_i:target ~ #slideshow .dots_commands li:first-child a:before	{ display:block; }

.sl_command:target ~ #slideshow .pause 	{ opacity:0; }
.sl_command:target ~ #slideshow .play 	{ opacity:1; right: 25px; cursor: pointer; }
#sl_play:target ~ #slideshow .pause 	{ opacity:0; }
#sl_play:target ~ #slideshow .play 		{ opacity:0; right: 55px; cursor: default;}

.sl_i:target ~ #slideshow .slider									{ visibility: hidden }
.sl_i:target ~ #slideshow .slider figcaption						{ visibility: hidden }
/*.sl_i:target ~ #slideshow .dots_commands li:first-child a:after		{ display:none; }
.sl_i:target ~ #slideshow .dots_commands li:first-child a:before	{ display:block; }*/

#sl_i1:target ~ #slideshow .commands								{ display: none; }
#sl_i1:target ~ #slideshow .commands1								{ display: block; }
#sl_i1:target ~ #slideshow .c_slider								{ background-position: 0 0, -100% 0, -200% 0, -300% 0; }
/*#sl_i1:target ~ #slideshow .dots_commands li:first-child a:before	{ left:0; }*/

#sl_i2:target ~ #slideshow .commands								{ display: none; }
#sl_i2:target ~ #slideshow .commands2								{ display: block; }
#sl_i2:target ~ #slideshow .c_slider								{ background-position: 100% 0, 0 0, -100% 0, -200% 0; }
/*#sl_i2:target ~ #slideshow .dots_commands li:first-child a:before	{ left:18px; }*/

#sl_i3:target ~ #slideshow .commands								{ display: none; }
#sl_i3:target ~ #slideshow .commands3								{ display: block; }
#sl_i3:target ~ #slideshow .c_slider								{ background-position: 200% 0, 100% 0, 0 0, -100% 0; }
/*#sl_i3:target ~ #slideshow .dots_commands li:first-child a:before	{ left:36px; }*/

#sl_i4:target ~ #slideshow .commands								{ display: none; }
#sl_i4:target ~ #slideshow .commands4								{ display: block; }
#sl_i4:target ~ #slideshow .c_slider								{ background-position: 300% 0, 200% 0,100% 0, 0 0; }
/*#sl_i4:target ~ #slideshow .dots_commands li:first-child a:before	{ left:54px; }*/






