@charset "UTF-8";

#galleria-loader { height: 1px!important }

#galleria { height: 312px; border: 1px solid #ddd }

.col1col2 #galleria { height: 418px }

.col1col2col3 #galleria { max-width: 472px; height: 312px }

.galleria-container img { -moz-user-select: none; -webkit-user-select: none; -o-user-select: none }

.galleria-container { position: relative; overflow: hidden }

.galleria-stage { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden }

.galleria-thumbnails-container { height: 75px; bottom: 12px; position: absolute; left: 10px; right: 10px; z-index: 2 }

.galleria-carousel .galleria-thumbnails-list { margin-left: 30px; margin-right: 30px }

.galleria-thumbnails .galleria-image { width: 60px; background: #000; margin: 0 5px 0 0; border: 1px solid #000; float: left; cursor: pointer }

.galleria-counter { position: absolute; bottom: 10px; left: 10px; text-align: right; color: #fff; font: normal 11px/1 Verdana, Arial, sans-serif; z-index: 1 }

.galleria-loader { background: #000; width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; z-index: 2; display: none; background: url('/assets/css/img/loader.gif') no-repeat 2px 2px }

.galleria-info { width: 100%; bottom: 102px; left: 0; z-index: 20; position: absolute; background: url('/assets/css/img/bg-blue-trans.png')\9; background: rgba(0,41,121,0.58); color: #fff; font-size: .9em }

.galleria-info-text { padding: 1em; display: none; zoom: 1; position: relative }

.credits { display: block; color: #fff; margin: 0 0 4px 0; position: absolute; top: 1.5em; right: 1em }

.galleria-info-title { padding: 0 }

.galleria-info-title h3,
div#interiorMid .galleria-info-title h3 { color: #fff; margin: 0 0 .5em 0; font-size: 1.2em }

.notouch .galleria-info-close:hover { opacity: 1; filter: alpha(opacity=100) }

.touch .galleria-info-close:active { opacity: 1; filter: alpha(opacity=100) }

.galleria-info-link { background-position: -669px -5px; opacity: .7; filter: alpha(opacity=70); position: absolute; width: 20px; height: 20px; cursor: pointer; background-color: #000 }

.notouch .galleria-info-link:hover { opacity: 1; filter: alpha(opacity=100) }

.touch .galleria-info-link:active { opacity: 1; filter: alpha(opacity=100) }

.galleria-image-nav { position: absolute; top: 30%; margin-top: -62px; width: 100%; height: 62px; left: 0 }

.galleria-image-nav-left,
.galleria-image-nav-right { opacity: .6; filter: alpha(opacity=60); cursor: pointer; width: 62px; height: 124px; position: absolute; left: 10px; z-index: 2; background-position: 0 46px }

.galleria-image-nav-right { left: auto; right: 10px; background-position: -254px 46px; z-index: 2 }

.notouch .galleria-image-nav-left:hover,
.notouch .galleria-image-nav-right:hover { opacity: 1; filter: alpha(opacity=100) }

.touch .galleria-image-nav-left:active,
.touch .galleria-image-nav-right:active { opacity: 1; filter: alpha(opacity=100) }

.galleria-thumb-nav-left,
.galleria-thumb-nav-right { cursor: pointer; display: none; background-position: -502px 5px; position: absolute; left: 0; top: 0; height: 77px; width: 23px; z-index: 3 }

.galleria-thumb-nav-right { background-position: -572px 5px; border-right: 0; right: 0; left: auto }

.galleria-thumbnails-container .disabled { opacity: .2; filter: alpha(opacity=20); cursor: default }

.notouch .galleria-thumb-nav-left:hover,
.notouch .galleria-thumb-nav-right:hover { background-color: #ccc }

.touch .galleria-thumb-nav-left:active,
.touch .galleria-thumb-nav-right:active { opacity: 1; filter: alpha(opacity=100); background-color: #ccc }

.notouch .galleria-thumbnails-container .disabled:hover { opacity: .2; filter: alpha(opacity=20); background-color: transparent }

.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right { display: block }

.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right { background-image: url('/assets/css/img/gallery-arrows.png'); background-repeat: no-repeat }
@media(min-width:768px) and (max-width:979px) {

#galleria { height: 270px }

.col1col2 #galleria { height: 356px }
}
@media(min-width:481px) and (max-width:767px) {

#galleria { height: 412px }
}
@media(max-width:480px) {

#galleria { height: 288px }

.col1col2 #galleria { height: 290px }
}/* CSS Document */
