/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Tables
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,  output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup,  section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }



/* #Basic Styles
================================================== */
	body {
	background: #fff !important;
	font: 14px/21px 'Open Sans' !important;
	color: #444 !important;
	-webkit-font-smoothing: antialiased !important; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100% !important;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 { font-weight: normal !important; text-transform:none !important;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit !important; }
	h1 { font-size: 46px ; line-height: 50px !important; margin-bottom: 14px !important;}
	h2 { font-size: 35px ; line-height: 40px !important; margin-bottom: 10px !important; }
	h3 { font-size: 28px !important; line-height: 34px !important; margin-bottom: 8px !important; text-shadow: 0px 1px #fff !important; }
	h4 { font-size: 21px !important; line-height: 30px !important; margin-bottom: 4px !important; }
	h5 { font-size: 17px !important; line-height: 24px !important; }
	h6 { font-size: 14px !important; line-height: 21px !important; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { text-decoration: none; outline: 0; color:#666 !important; }
	a:hover, a:focus { text-decoration: none; color: #000 !important; }
	p a, p a:visited { line-height: inherit !important; }


/* #Lists
================================================== */
	/*ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }

	ul.large li { line-height: 21px; }
	li p { line-height: 1.5em; }*/

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
==================================================

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
	  background: #000;
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #fff;
	  display: inline-block;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(0, 0, 0, .5);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
	  background: #666666;
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
	}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }


	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */


	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font-size: 13px;
		color: #777;
		margin: 0;
		width: 120px;
		max-width: 100%;
		display: block;
		margin-bottom: 10px;
		background: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box; }
	select {
		padding: 5px 0px; }


	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	textarea.full, input.full {
		width: 100%;
	}
	label,
	legend {
		display: block; }
	select {
		width: 150px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Table
================================================== */
	table {
		position: relative;
		width: 99%;
	}
	th, td {
		line-height: 18px;
		padding: 9px 18px 8px 0;
	}
	th {
		padding-top: 7px;
		text-align: left;
		color: #2D2C32;
	}
	td {
		padding-top: 7px;
		text-align: right;
		color: #858585;
	}
	tfoot th, tfoot td					{ padding-bottom: 8px; }
	tbody th, tbody td,
	tfoot th, tfoot td					{ border-bottom: solid 1px #E7E7E7; }

	th:first-child, td:first-child		{ padding-left: 0; }
	th:last-child, td:last-child		{ padding-right: 0; }

	tr:nth-child(even) td				{ background: transparent; }
	tbody tr:nth-child(odd) th,
	tbody tr:nth-child(odd) td			{ background: transparent; }

	caption								{ top: 5px; margin-bottom: 18px; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	.add-bottom-2 { margin-bottom: 0px !important; }
	.add-bottom-3 { margin-bottom: 20px !important; }
	.add-top { margin-top: 20px !important; }
	.add-top-2 { margin-top: 40px !important; }


.titol_zona_home{

	 padding-left:15px;
	 height:40px;
	 margin-top:-47px;
	 background: rgba(0,0,0,0.7);
	 opacity:0,4;
	 color:white;
	 position:relative;
	 z-index:1000;
	 border-bottom:10px solid #C5B366;
	 padding-top:5px;
	 text-decoration:none !important;


}
.titol_zona_home:hover{


	 background: rgba(256,256,256,0.7);
	 opacity:0,4;
	 color:#333;
}



.pdf{
    background-color: white !important;
    font-size: 12px !important;
}

.pdf .info{
    margin:0 15px;
}

.pdf .icona_galeria p,.pdf .icona_galeria div{
    display: inline-block;
}

.pdf h2{
    font-size: 20px !important;
    margin-top: 10px;
}

.pdf h3{
    font-size: 16px !important;
    margin-top: 10px;
}

.pdf_header{
    font-size: 24px !important;
    padding: 10px;
    width: 300px;
    text-align: center;
    display: inline-block;
}

.pdf_char{
     width: 260px;
    display: inline-block;
}

.reference_over_image{
    position:relative;
    font-size: 15px;
	font-weight:bold;
    line-height: 0px;
    height: 14px;
    bottom:20px;
    padding:0px 10px;
    color:white;
}
/*BOTON*/
.Boton { /* clase general */
  border: 1px solid #dedede;
  border-radius: 3px;
  color: #000;
  display: inline-block;
  font: bold 12px/12px HelveticaNeue, Arial;
  padding: 8px 8px;
  text-decoration: none;
}

.Boton.grey {
	background: #bdbdbd;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae');
	background: -webkit-linear-gradient(top,  #cacaca, #aeaeae);
	background: -moz-linear-gradient(top,  #cacaca, #aeaeae);
	border-color: #b5b5b5 #a1a1a1 #8f8f8f;
	color: #000  !important;
	/*text-shadow: 0 1px 0 #d4d4d4;
	box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;*/
}
.Boton.grey:hover {
	background: #c2c2c2 !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2');
	background: -webkit-linear-gradient(top,  #bcbcbc, #c2c2c2);
	background: -moz-linear-gradient(top,  #bcbcbc, #c2c2c2);
	border-color: #989898 #8e8e8e #878787;
	color: #000  !important;
	/*text-shadow: 0 1px 0 #dadada;
	box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;*/
}
/*FIN BOTON*/

/*SUMOSELECT(COMBO ZONAS)*/
.SumoSelect p {margin: 0 !important; font-size: 13px;}
.SumoSelect{width: 150px !important;}

.SelectBox {padding: 4px 11px !important;}

.sumoStopScroll{overflow:hidden !important;}

/* Filtering style */
.SumoSelect .hidden { display:none !important; }
.SumoSelect .search-txt{display:none;outline:none !important;}
.SumoSelect .no-match{display:none;padding: 6px !important;}
.SumoSelect.open .search-txt{display: inline-block !important;position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;margin: 0 !important;padding: 5px 8px !important;border: none !important;-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;border-radius: 5px !important; color: #000 !important;}
.SumoSelect.open>.search>span, .SumoSelect.open>.search>label{visibility:hidden !important;}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass,.SumoUnder { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 100% !important; width: 100% !important; border: none !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; filter: alpha(opacity=0) !important; -moz-opacity: 0 !important; -khtml-opacity: 0 !important; opacity: 0 !important; }
.SelectClass{z-index: 1 !important;}

.SumoSelect > .optWrapper > .options  li.opt label, .SumoSelect > .CaptionCont,.SumoSelect .select-all > label { user-select: none !important; -o-user-select: none !important; -moz-user-select: none !important; -khtml-user-select: none !important; -webkit-user-select: none !important; }

.SumoSelect { display: inline-block !important; position: relative !important;outline:none !important;}
.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {box-shadow: 0 0 2px #7799D0 !important;border-color: #7799D0 !important;}
.SumoSelect > .CaptionCont { position: relative !important; /*border: 1px solid #A4A4A4 !important;*/ min-height: 14px !important; background-color: #fff !important;border-radius:2px !important;margin:0 !important; color: #000 !important;}
.SumoSelect > .CaptionCont > span { display: block !important; padding-right: 30px !important; text-overflow: ellipsis !important; white-space: nowrap !important; overflow: hidden !important;cursor:default !important;}
/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder { color: #ccc !important; /*font-style: italic;*/  }

.SumoSelect > .CaptionCont > label { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 30px !important;}
.SumoSelect > .CaptionCont > label > i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=') !important;
	background-position: center center !important; width: 16px !important; height: 16px !important; display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: auto !important;background-repeat: no-repeat !important;opacity: 0.8 !important;}

.SumoSelect > .optWrapper {display:none !important; z-index: 1000 !important; top: 30px !important; /*width: 100% !important;*/ position: absolute !important; left: 0 !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; background: #fff !important; border: 1px solid #ddd !important; box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11) !important; border-radius: 3px !important;overflow: hidden !important;}
.SumoSelect.open > .optWrapper {top:35px !important; display:block !important;}
.SumoSelect.open > .optWrapper.up {top: auto !important;bottom: 100% !important;margin-bottom: 5px !important;}

.SumoSelect > .optWrapper ul {list-style: none !important; display: block !important; padding: 0 !important; margin: 0 !important; overflow: auto !important; width: 100% !important;}
.SumoSelect > .optWrapper > .options { border-radius: 2px !important;position:relative !important; overflow-x: hidden !important;
	/*Set the height of pop up here (only for desktop mode)*/
	max-height: 250px;
	/*height*/ }
.optWrapper{ width: 250px !important;}
.SumoSelect > .optWrapper.okCancelInMulti > .options { border-radius: 2px 2px 0 0 !important;}
.SumoSelect > .optWrapper.selall > .options { border-radius: 0 0 2px 2px !important;}
.SumoSelect > .optWrapper.selall.okCancelInMulti > .options { border-radius: 0 !important;}
.SumoSelect > .optWrapper > .options li.group.disabled > label{opacity:0.5 !important;}
.SumoSelect > .optWrapper > .options li ul li.opt{padding-left: 22px !important;}
.SumoSelect > .optWrapper.multiple > .options li ul li.opt{padding-left: 50px !important;}
.SumoSelect > .optWrapper.isFloating > .options {max-height: 100% !important;box-shadow: 0 0 100px #595959 !important;}
.SumoSelect > .optWrapper > .options  li.opt { /*padding: 6px 6px !important;*/ position: relative !important;border-bottom: 1px solid #f5f5f5 !important; float: none !important; color: #000 !important;}
.SumoSelect > .optWrapper > .options > li.opt:first-child { border-radius: 2px 2px 0 0 !important; }
.SumoSelect > .optWrapper.selall > .options > li.opt:first-child { border-radius:0 !important; }
.SumoSelect > .optWrapper > .options > li.opt:last-child {border-radius: 0 0 2px 2px !important; border-bottom: none !important;}
.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {border-radius: 0 !important;}
.SumoSelect > .optWrapper > .options li.opt:hover { background-color: #E4E4E4 !important; }
.SumoSelect > .optWrapper > .options li.opt.sel, .SumoSelect .select-all.sel{background-color: #a1c0e4 !important;}

.SumoSelect > .optWrapper > .options li label { text-overflow: ellipsis !important; white-space: nowrap !important; overflow: hidden !important; display: block !important;cursor: pointer !important; font-size: 13px !important;}
.SumoSelect > .optWrapper > .options li span { display: none !important; background-color: #ffffff !important; }
.SumoSelect > .optWrapper > .options li.group > label {cursor: default !important;padding: 8px 6px !important;font-weight: bold !important;}

/*Floating styles*/
.SumoSelect > .optWrapper.isFloating { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 90% !important; bottom: 0 !important; margin: auto !important; max-height: 90% !important; }

/*disabled state*/
.SumoSelect > .optWrapper > .options li.opt.disabled { background-color: inherit !important;pointer-events: none !important;}
.SumoSelect > .optWrapper > .options li.opt.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important; /* IE 5-7 */ filter: alpha(opacity=50) !important; /* Netscape */ -moz-opacity: 0.5 !important; /* Safari 1.x */ -khtml-opacity: 0.5 !important; /* Good browsers */ opacity: 0.5 !important; }


/*styling for multiple select*/
.SumoSelect > .optWrapper.multiple > .options li.opt { padding-left: 35px  !important;cursor: pointer  !important;  background-color: #ffffff !important; height: 14px !important; width: auto !important; border-bottom: none !important;}
.SumoSelect > .optWrapper.multiple > .options li.opt span,
.SumoSelect .select-all > span{position:absolute  !important;display:block  !important;width:30px  !important;top:0  !important;bottom:0  !important;margin-left:-35px  !important;}
.SumoSelect > .optWrapper.multiple > .options li.opt span i,
.SumoSelect .select-all > span i{position: absolute  !important;margin: auto  !important;left: 0  !important;right: 0  !important;top: 0  !important;bottom: 0  !important;width: 14px  !important;height: 14px  !important;border: 1px solid #AEAEAE  !important;border-radius: 2px  !important;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15)  !important;background-color: #fff  !important;}
.SumoSelect > .optWrapper > .MultiControls { display: none  !important; border-top: 1px solid #ddd  !important; background-color: #fff  !important; box-shadow: 0 0 2px rgba(0, 0, 0, 0.13)  !important; border-radius: 0 0 3px 3px  !important; }
.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls { display: block  !important; margin-top: 5px  !important; position: absolute  !important; bottom: 0  !important; width: 100%  !important; }

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls { display: block  !important; }
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p { padding: 6px  !important; }
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {box-shadow: 0 0 2px #a1c0e4  !important;border-color: #a1c0e4  !important;outline: none !important;background-color: #a1c0e4  !important;}

.SumoSelect > .optWrapper.multiple > .MultiControls > p { display: inline-block !important; cursor: pointer !important; padding: 12px !important; width: 50% !important; box-sizing: border-box !important; text-align: center !important; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #f1f1f1 !important; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid #DBDBDB !important; border-radius: 0 0 0 3px !important; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel { border-radius: 0 0 3px 0 !important; }
/*styling for select on popup mode*/
.SumoSelect > .optWrapper.isFloating > .options li.opt { padding: 12px 6px !important; }

/*styling for only multiple select on popup mode*/
.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt { padding-left: 35px !important; }
.SumoSelect > .optWrapper.multiple.isFloating { padding-bottom: 43px !important; }

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i{background-color: rgb(17, 169, 17) !important;box-shadow: none !important;border-color: transparent !important;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC') !important;background-repeat: no-repeat !important;background-position: center center !important;}
/*disabled state*/
.SumoSelect.disabled { opacity: 0.7 !important;cursor: not-allowed !important;}
.SumoSelect.disabled > .CaptionCont{border-color:#ccc;box-shadow:none !important;}

/**Select all button**/
.SumoSelect .select-all{border-radius: 3px 3px 0 0 !important;position: relative !important;border-bottom: 1px solid #ddd !important;background-color: #fff !important;padding: 8px 0 3px 35px !important;height: 20px !important;cursor: pointer !important;}
.SumoSelect .select-all > label, .SumoSelect .select-all > span i{cursor: pointer !important; color: #000 !important;}
.SumoSelect .select-all.partial > span i{background-color:#ccc !important;}


/*styling for optgroups*/
.SumoSelect > .optWrapper > .options li.optGroup { padding-left: 5px !important; text-decoration: underline !important; }


/*FIN SUMOSELECT(COMBO ZONAS)*/

/*PARA LAS FOTOS*/
.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* Prevent artifacts in Mozilla Firefox: */
	-moz-backface-visibility: hidden;
}
.blueimp-gallery > .slides > .slide > .slide-content {
	margin: auto !important;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	opacity: 1;
}
.blueimp-gallery {
	position: fixed;
	z-index: 999999;
	overflow: hidden;
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	opacity: 0;
	display: none;
	direction: ltr;
	-ms-touch-action: none;
	touch-action: none;
}
.blueimp-gallery-carousel {
	position: relative;
	z-index: auto;
	margin: 1em auto !important;;
	/* Set the carousel width/height ratio to 16/9: */
	/*padding-bottom: 56.25%;*/
	padding-bottom: 70%;
	/*box-shadow: 0 0 10px #000;*/
	/*border: 1px solid #000000;*/
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
.blueimp-gallery-display {
	display: block;
	opacity: 1;
}
.blueimp-gallery > .slides {
	position: relative;
	height: 100%;
	overflow: hidden;
}
.blueimp-gallery-carousel > .slides {
	position: absolute;
}
.blueimp-gallery > .slides > .slide {
	position: relative;
	float: left;
	height: 100%;
	text-align: center;
	-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content {
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	/*height: 100%;*/
}
.blueimp-gallery > .slides > .slide-loading {
	background: url(images/loading.gif) center no-repeat;
	background-size: 64px 64px;
}
.blueimp-gallery > .slides > .slide-loading > .slide-content {
	opacity: 0;
}
.blueimp-gallery > .slides > .slide-error {
	background: url(images/error.png) center no-repeat;
}
.blueimp-gallery > .slides > .slide-error > .slide-content {
	display: none;
}
.blueimp-gallery > .prev,
.blueimp-gallery > .next {
	position: absolute;
	top: 50%;
	left: 15px;
	width: 40px;
	height: 40px;
	margin-top: -23px !important;;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 60px;
	font-weight: 100;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 2px #000;
	text-align: center;
	background: #222;
	background: rgba(0, 0, 0, 0.5);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 3px solid #fff;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	opacity: 1;
	cursor: pointer;
	display: none;
}



.blueimp-gallery > .next {
	left: auto;
	right: 15px;
}
.blueimp-gallery > .close,
.blueimp-gallery > .title {
	position: absolute;
	top: 15px;
	left: 15px;
	margin: 0 40px 0 0 !important;;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	opacity: 0.8;
	display: none;
}
.blueimp-gallery > .close {
	padding: 15px;
	right: 15px;
	left: auto;
	margin: -15px !important;;
	font-size: 30px;
	text-decoration: none;
	cursor: pointer;
}
.blueimp-gallery > .play-pause {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 15px;
	height: 15px;
	background: url(images/play-pause.png) 0 0 no-repeat;
	cursor: pointer;
	opacity: 0.5;
	display: none;
}
.blueimp-gallery-playing > .play-pause {
	background-position: -15px 0;
}
.blueimp-gallery > .prev:hover,
.blueimp-gallery > .next:hover,
.blueimp-gallery > .close:hover,
.blueimp-gallery > .title:hover,
.blueimp-gallery > .play-pause:hover {
	color: #fff;
	opacity: 1;
}
.blueimp-gallery-controls > .prev,
.blueimp-gallery-controls > .next,
.blueimp-gallery-controls > .close,
.blueimp-gallery-controls > .title,
.blueimp-gallery-controls > .play-pause {
	display: block;
	/* Fix z-index issues (controls behind slide element) on Android: */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.blueimp-gallery-single > .prev,
.blueimp-gallery-left > .prev,
.blueimp-gallery-single > .next,
.blueimp-gallery-right > .next,
.blueimp-gallery-single > .play-pause {
	display: none;
}
.blueimp-gallery > .slides > .slide > .slide-content,
.blueimp-gallery > .prev,
.blueimp-gallery > .next,
.blueimp-gallery > .close,
.blueimp-gallery > .play-pause {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide-error {
	background-image: url(images/error.svg);
}
body:last-child .blueimp-gallery > .play-pause {
	width: 20px;
	height: 20px;
	background-size: 40px 20px;
	background-image: url(images/play-pause.svg);
}
body:last-child .blueimp-gallery-playing > .play-pause {
	background-position: -20px 0;
}

/* IE7 fixes */
*+html .blueimp-gallery > .slides > .slide {
	min-height: 300px;
}
*+html .blueimp-gallery > .slides > .slide > .slide-content {
	position: relative;
}