.resize {
  width: 160px;
  height : auto;
}

.resize {
  width: auto;
  height : 120px;
}
/*
 * jQuery Nivo Gallery v0.7
 * http://dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * October 2011
 */
.nivoGallery {
	position: relative;
	background: #000 url(images/loading.gif) no-repeat 50% 50%;
	width: 100%; /* Width can be fixed px or dynamic % value */
	height: 400px; /* Height must be fixed px value */
	margin-bottom: 28px;
}

.nivoGallery.loaded {
	background: #000; /* Remove the loading gif */
}

.nivoGallery ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nivoGallery ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	font: 14px/1.6em arial, sans-serif;
	color: #fff;
}

.nivoGallery ul img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	-ms-interpolation-mode: bicubic;
}

.nivoGallery-slides {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.nivoGallery-htmlwrap {
	padding: 20px;
	height: 100%;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.nivoGallery-videowrap video,.nivoGallery-videowrap iframe,.nivoGallery-videowrap object,.nivoGallery-videowrap embed
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.nivoGallery-directionNav a {
	position: absolute;
	top: 45%;
	cursor: pointer;
	display: block;
	width: 32px;
	height: 34px;
	background: url(images/arrows.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	opacity: 0;
	z-index: 5;
	-webkit-transition: opacity 150ms ease-in-out;
	-moz-transition: opacity 150ms ease-in-out;
	-o-transition: opacity 150ms ease-in-out;
	transition: opacity 150ms ease-in-out;
}

.nivoGallery-directionNav .nivoGallery-prev {
	left: 10px;
}

.nivoGallery-directionNav .nivoGallery-next {
	right: 10px;
	background-position: -32px 0;
}

.nivoGallery:hover .nivoGallery-directionNav a {
	opacity: 0.7;
}

.nivoGallery:hover .nivoGallery-directionNav a:hover {
	opacity: 1;
}

.nivoGallery-bar {
	position: absolute;
	bottom: -28px;
	left: 0;
	height: 28px;
	width: 100%;
	font: 11px/28px arial, sans-serif;
	background: #515151;
	background: -moz-linear-gradient(top, #515151 0%, #0e0e0e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #515151),
		color-stop(100%, #0e0e0e) );
	background: -webkit-linear-gradient(top, #515151 0%, #0e0e0e 100%);
	background: -o-linear-gradient(top, #515151 0%, #0e0e0e 100%);
	background: -ms-linear-gradient(top, #515151 0%, #0e0e0e 100%);
	filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#515151', endColorstr = '#0e0e0e', GradientType = 0 );
	background: linear-gradient(top, #515151 0%, #0e0e0e 100%);
	border-top: 1px solid #222;
	z-index: 5;
}

.nivoGallery-play {
	display: inline-block;
	width: 32px;
	height: 28px;
	border: 0;
	background: url(images/playpause.png) no-repeat 50% 8px;
	cursor: pointer;
	border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.nivoGallery-play.playing {
	background-position: 50% -92px;
}

.nivoGallery-count {
	display: inline-block;
	vertical-align: top;
	height: 28px;
	padding: 0 8px;
	color: #aaa;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	border-right: 1px solid rgba(0, 0, 0, 0.3);
	text-shadow: 0 1px 0 #000;
}

.nivoGallery-caption {
	display: inline-block;
	vertical-align: top;
	height: 28px;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	padding: 0 15px;
	overflow: hidden;
	color: #aaa;
	text-shadow: 0 1px 0 #000;
}

.nivoGallery-captionTitle {
	color: #fff;
	font-weight: bold;
	margin-right: 5px;
}

.nivoGallery-fullscreen {
	float: right;
	display: inline-block;
	width: 32px;
	height: 28px;
	border: 0;
	background: url(images/fullscreen.png) no-repeat 50% 7px;
	cursor: pointer;
	border-left: 1px solid rgba(0, 0, 0, 0.3);
}

.nivoGallery-progress {
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	opacity: 0.5;
	width: 100%;
	height: 2px;
	z-index: 5;
}

.nivoGallery.fullscreen {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100% !important;
	max-width: 100%;
	height: 100% !important;
	z-index: 10000;
}

.nivoGallery.fullscreen .nivoGallery-caption {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	background: #000;
	padding: 20px;
	opacity: 0.8;
}

.nivoGallery.fullscreen .nivoGallery-play {
	position: fixed;
	top: 20px;
	right: 45px;
	z-index: 6;
}

.nivoGallery.fullscreen .nivoGallery-fullscreen {
	position: fixed;
	top: 20px;
	right: 20px;
}

.nivoGallery.fullscreen .nivoGallery-htmlwrap {
	padding: 90px 20px 20px 20px;
}

/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */

/* The Nivo Slider styles */
.nivoSlider {
	position: relative;
}

.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5; //
	height: 100%;
}

.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
}
/* Caption styles */
.nivo-caption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #000;
	color: #fff;
	opacity: 0.8; /* Overridden by captionOpacity setting */
	width: 100%;
	z-index: 8;
}

.nivo-caption p {
	padding: 5px;
	margin: 0;
}

.nivo-caption a {
	display: inline !important;
}

.nivo-html-caption {
	display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position: absolute;
	top: 45%;
	z-index: 9;
	cursor: pointer;
}

.nivo-prevNav {
	left: 0px;
}

.nivo-nextNav {
	right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position: relative;
	z-index: 9;
	cursor: pointer;
}

.nivo-controlNav a.active {
	font-weight: bold;
}

/*
 * Facebook styles
 */
.error {
	border: 1px solid #eee;
	background: #f9f9f9;
	padding: 10px;
	margin-bottom: 15px;
}

.fbClear {
	zoom: 1
}

.fbClear:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
/*
 *----------------------Specific to gallery----------------------------------------
 */
.fbthumb {
	display: block;
	background-repeat: no-repeat;
}

.fbMedThumb {
	display: inline-block;
}

.fbboxbody {
	margin: 0;
	padding: 12px 10px 8px 10px;
}
/*
  *------------------Legacy -----------------------------------------------
  */
.fbboxinfo {
	margin: 0 0 0 10px;
	padding: 10px;
	float: right;
	width: 250px;
	border: 1px solid #D8DFEA;
	background: #EDEFF4;
	tex-align: right;
	font-size: 11px;
}

.fbbox {
	margin: 0 0 25px 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	text-shadow: 0px 1px 0px #FFF;
	line-height: 18px;
	border: none;
}

.fbbox a,.fbbox a {
	color: #3B5998;
	text-decoration: none;
}

.fbbox a:hover,.fbbox a:hover {
	color: #3B5998;
	text-decoration: underline;
}

.fbboxhead {
	margin: 0;
	font-size: 17px;
	border-bottom: none;
	background: transparent;
	height: 20px;
}

.fbboxhead span {
	margin: 0;
	padding: 0px;
	font-size: 12px;
}

/*
 * Flowplayer
 */

/*
Multiple players on a same page 
*/
a.myPlayer { /* styling of the container. */
	display: block;
	width: 320px;
	height: 240px;
	text-align: center;
	margin: 0 15px 15px 0;
	float: left;
	border: 1px solid #999;
}

/* play button */
a.myPlayer img {
	margin-top: 70px;
	border: 0px;
}

/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border: 1px solid #000;
}

/*
 * Viméo galeries
 */
.vimeo_gallery {
	text-align: center;
	padding: 25px auto;
	position: relative;
}

.vimeo_gallery_divider {
	clear: both;
}

.vimeo_gallery div {
	float: left;
	width: 135px !important;
	text-align: center;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.vimeo_gallery_item p {
	text-align: center;
	margin: auto;
}

.vimeo_gallery_item img {
	background: #eee;
	padding: 3px;
	border: 1px solid #999;
	margin: 3px;
	width: 120px;
}

.vimeo_gallery_item img:hover {
	border-color: #333;
}