/*! Based on http://responsiveslides.com v1.32 by @viljamis | Adaptions for H Gallery: Markus Steiger http://01241.com */


* {
  margin: 0;
  padding: 0;
}

.H-gallery-wrapper {
	clear: both;
	height: auto;
	border: 0px solid red;
	display: inline-block;
	overflow: hidden;
}

.H-gallery-fullsize-wrapper {
	float: right;
}


.H-gallery-wrapper p {                    /* Need to clean the Wordpress p-tag */
	margin: 0 !important;
	padding: 0 !important;
	display: none !important;
	} 


/*  START Design TAB NAVIGATION TEMPLATE t2  */

.rslides_tabs {
  	list-style: none;
  	padding: 0;
  	background: rgba(255,255,255, 0.7);
  	font-size: 1em;
  	list-style: none;
  	margin: 0 auto 0 0 !important;
  	max-width: 100%;
	width: 100%;
  	text-align: left;
	display: inline-block;
	clear: both;
}

.rslides_tabs li {
  	display: inline;
  	float: left;
  	margin: .2em .2em 0 0; 
  	padding: 0;
}

.rslides_tabs a {
	padding: .8em .4em .8em .4em;
	height: auto;
	background: rgba(234,234,234, 1.0);
	display: inline-block;
 	text-decoration: none;
	color: #000000;
	min-width: 3em;
	text-align: center;
}

.rslides_tabs li:first-child {
	margin-left: 0;
}

.rslides_tabs .rslides_here a {
	background: rgba(206,206,206, 1.0);
	color: #fff;
	font-weight: bold;
}

/*  END Design TAB NAVIGATION TEMPLATE T2  */


.transparent-btns_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 0;
	left: 0;
	display: block;
	background: #fff; /* Fix for IE6-9 */
	opacity: 0;
	filter: alpha(opacity=1);
	width: 48%;
	text-indent: -9999px;
	overflow: hidden;
	height: 91%;
}

.transparent-btns_nav.next {
	left: auto;
	right: 0;
}

.large-btns_nav {
  	position: absolute;
  	-webkit-tap-highlight-color: rgba(255,255,255,0);
  	opacity: 0.3;
  	text-indent: -9999px;
  	overflow: hidden;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	background-repeat: no-repeat;
  	background-position: 7% 50%;
  	width: 10em;
	max-height: 100%;
}

.large-btns_nav:hover {
	background-color: #ffffff;
	overflow: hidden;
  	opacity: 0.2;
  	filter: alpha(opacity=0.2);
}

.large-btns_nav:active {
	opacity: 0.4;
}

.large-btns_nav.next {
	left: auto;
	background-position: 93% 50%;
	right: 0;
}

.transparent-btns_nav:focus,
.large-btns_nav:focus {
  	outline: none;
}

.transparent-btns_tabs,
.large-btns_tabs {
	margin-top: 10px;
	text-align: center;
	padding-bottom: 4px !important;
	border-bottom: 0px solid #dedede;
  }

.transparent-btns_tabs li,
.large-btns_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin-right: 5px;
}

.transparent-btns_tabs a,
.large-btns_tabs a {
	text-indent: -9999px;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: #ccc;
	background: rgba(0,0,0, .2);
	display: inline-block;
	_display: block;
	*display: block;
	-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	width: 9px;
	height: 9px;
  }

.transparent-btns_here a,
.large-btns_here a {
	background: #222;
	background: rgba(0,0,0, .8);
}

ul.large-btns_tabs,
ul.transparent-btns_tabs {
	margin: 0 !important;
	padding: 0;
}

ul.big-images {
  	margin: 0 0 0 0 !important;
	list-style: none !important;
	padding: 0 !important;
	overflow: hidden;
  }

ul.big-images li img,
ul.big-images li {
  	margin: 0 !important;
	padding: 0 !important;
  }

.rslides_container {
	margin-bottom: 0px;
	position: relative !important;
	float: left;
	width: 100%;
	overflow: hidden;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
  	display: block;
 	height: auto;
 	float: left;
  	width: 100%;
  	border: 0;
	margin: 0;
  }

span.hgallery_caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 1em;
	color: #fff;
	background: #000;
	background: rgba(0,0,0, .2);
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 20px;
	margin: 0 !important;
	max-width: none;
}


/*  FULLSCREEN STYLES  */

#fullscreenSlideshowContainer .ui { position: absolute; z-index: 10; }

#fs-close { opacity: 0.4; color: #ffffff; top: 0em; right: 0em; padding: .1em .62em .2em .4em; font-size: 4em;  background: rgba(0,0,0, 1); }
#fs-close:hover { opacity:1; }
#fs-prev, #fs-next, #fs-close { cursor: pointer; line-height: 1em; overflow: hidden; }
#fs-prev, #fs-next { top: 55%; margin-top: -1em; font-size: 4em; color: #ffffff; height: 80%; opacity: 0.2; }
#fs-prev:hover, #fs-next:hover { opacity:0.8; }
#fs-prev { left: .36em; margin-left: 0; padding-right: 1em;  }
#fs-next { right: .36em; margin-right: 0; padding-left: 1em;  }

#fs-loader { top: 50%; left: 50%; opacity:0.3; height: 1em; margin-top: -1em; margin-left: -75px; display: none; font-size: 2em; color: #ffffff; }

#fs-caption { bottom: 0px; text-align: center; color: #ffffff; width: 90%; left: 0; line-height: 1.4em; display: none; padding: .5em 3em .5em 3em; }
#fs-caption span { background: rgba(0,0,0, .4); padding: .5em 1em 3em 1em;  width: 90%; }