/* Lightbox by 3sixty */

html { height: 100%; }
body { height: 100%; }

#black-background { width:100%; min-height: 100%; background: url('../img/lightbox/bg90.png'); position:absolute; top:0; left:0; padding-top: 100px; }

#black-background .divetheocean-smalllogo { position: absolute; left: 5px; top: -45px; display: block; width: 177px; height: 28px; background: url('../img/lightbox/logo-dto.png') no-repeat; text-decoration: none; }

#lightBox { display: none; width:100%; background: url('../img/lightbox/bg.png'); position:absolute; top:0; left:0; z-index: 9999; text-align: center;overflow: visible; }
#lightBoxInner { margin: 0 auto; position: relative; padding-top: 10px; text-align: center; }
#lightBoxInner a { position: relative; z-index: 200; }
#lightbox hr.cleaner { clear: both; width: 100%; height: 1px; border: 0px none; margin: -1px 0 0 0; visibility: hidden; }

/* navigace v lightboxu */

#lightBox span#lb-close { position: absolute; top: 10px; right: 0px; display: block; width: 86px; height: 22px; background: url('../img/CloseDetail.png') no-repeat; color: #5a5a5a; font-size: 140%; font-weight: bold; cursor: pointer; }
#lightBox span#lb-close em { display: none; }

#lightBoxNav { width: 294px; height: 23px; margin: 0px auto 35px auto; background: url('../img/lightbox/nav/bg.gif') no-repeat; text-align: left; overflow: hidden; white-space: nowrap; }
#lightBoxNav span,
#lightBoxNav img  { float: left; }
#lightBoxNav img  { cursor: pointer; border: 0px none; margin: 0; padding: 0; }
#lightBoxNav span#lb-position { background: #4A4A4A; color: #000; width: 93px; padding: 4px 0px 20px 0px; text-align: center; }
#lightBoxNav span#lb-slideshow { background: url('../img/lightbox/nav/slideshow.gif') no-repeat; width: 91px; height: 23px; cursor: pointer; }
#lightBoxNav span#lb-slideshow.active { background: url('../img/lightbox/nav/slideshow_pause.gif') no-repeat; width: 91px; height: 23px; cursor: pointer; }

/* spolecne pro lightbox a detail v okne */

.lb-detail-container { margin: -20px  auto 0 auto; position: relative; padding-top: 0px; text-align: center; }
.lb-detail-container.portrait { }
.lb-detail-container a { position: relative; z-index: 300; }
.lb-detail-container .topLeft em { color: #434446; position: relative; top: 4px; }
.lb-detail-container .topLeft input { height: 19px; border: 1px solid #434446; background: /*#11120D*/transparent; color:#434446; padding-left: 3px; padding-right: 3px; margin-top: 10px; }
.lb-detail-container.portrait .topLeft input { width: 200px; }
.lb-detail-container.landscape .topLeft input { width: 350px; }


.lb-detail-container img.lb-detail { border: 2px solid #4c4c4c; padding: 5px; margin: auto; }
.lb-detail-container.portrait div.lb-image-cover { float: left; position: relative; }
.lb-detail-container.landscape div.lb-image-cover { float: left; width: 100%; position: relative; }

.lb-detail-container .lb-image-cover .prev-image,
.lb-detail-container .lb-image-cover .next-image { position: absolute; top: 50%; width: 20px; height: 100px; z-index: 400; cursor: pointer; }
.lb-detail-container .lb-image-cover .prev-image { left: -30px; background: url('../img/lightbox/Aleft.png') no-repeat; }
.lb-detail-container .lb-image-cover .next-image { right: -30px; background: url('../img/lightbox/Aright.png') no-repeat; }

.lb-detail-container .lightBoxDesc { padding-bottom: 0px;}
.lb-detail-container.landscape .lightBoxDesc { float: left; margin: 10px auto 110px auto; width: 100%; height: 55px;}
.lb-detail-container.landscape .lightBoxDesc .topLeft { float: left; width: 55%; text-align: left; }
.lb-detail-container.landscape .lightBoxDesc .bottomRight { float: right; width: 45%; padding-top: 12px; text-align: right; margin-right: -5px; }

.lb-detail-container.portrait .absolute {position:absolute;}
.lb-detail-container.portrait .lightBoxDesc { width: 200px;}
.lb-detail-container.portrait .lightBoxDesc .topLeft { position: absolute; /*top: 46px;*/ right: 0px;width: 200px; }

.lb-detail-container.portrait .lightBoxDesc .bottomRight { position: absolute; bottom: -10px; right: 0px;width: 200px; }

/**
 * vzhled textu atd... - zadne pozicovani
 */
.lb-detail-container .lightBoxDesc .topLeft strong { font-weight: normal; display: block; }
.lb-detail-container .lightBoxDesc .topLeft strong.lb-title { font-size: 160%; color: #DFDFE1; }
.lb-detail-container .lightBoxDesc .topLeft strong.lb-title em { color: #BEBEBE; font-style: normal; }
.lb-detail-container .lightBoxDesc .topLeft h2.lb-description { color: #BEBEBE; font-style: italic; font-size: 110%; display: block; width: 520px; font-weight: normal; text-transform: none; border: 0px none; margin-top: 0; padding-top: 0; }
.lb-detail-container .lightBoxDesc .topLeft a.lb-id { color: #434446; font-style: italic; text-decoration: underline; font-size: 110%; }
.lb-detail-container .lightBoxDesc .topLeft a.lb-id.lb-order-btn.video { display: none; }

.lb-detail-container.landscape .lightBoxDesc .topLeft strong.lb-title,
.lb-detail-container.landscape .lightBoxDesc .topLeft strong.lb-description,
.lb-detail-container.landscape .lightBoxDesc .topLeft a.lb-id { /*line-height: 220%;*/ }
.lb-detail-container .lightBoxDesc .topLeft h1 { font-size: 110%; font-weight: normal; }
/*
.lb-detail-container.landscape .lightBoxDesc .topLeft h2 { font-size: 100%; font-weight: normal; }
*/
.lb-detail-container.landscape .lightBoxDesc .topLeft #edit-note { padding-bottom: 10px; }

.lb-detail-container .lightBoxDesc .bottomRight { color: #bebebe; }
.lb-detail-container .lightBoxDesc .bottomRight strong.lb-photo-machina { color: #bebebe; font-size: 120%; }
.lb-detail-container .lightBoxDesc .bottomRight span { color: #595959; display: inline; }
.lb-detail-container.landscape .lightBoxDesc .bottomRight span { padding-left: 3px; }
.lb-detail-container .lightBoxDesc .bottomRight em { color: #595959; font-style: normal; }

.lb-detail-container.landscape .lightBoxDesc .bottomRight br { display: none; }

/**
 * uprava pro vertikalni - portrait verzi
 */
 
.lb-detail-container.portrait .lightBoxDesc { text-align: left; }
.lb-detail-container.portrait .lightBoxDesc .topLeft strong.lb-title em { display: block; padding-bottom: .6em; }
.lb-detail-container.portrait .lightBoxDesc .topLeft a.lb-id { display: block; margin-top: 20px; }
.lb-detail-container.portrait .lightBoxDesc .bottomRight div { display: inline; }
.lb-detail-container.portrait .lightBoxDesc .bottomRight br { display: block; }
.lb-detail-container .lightBoxDesc .bottomRight div { display: inline; }
.lb-detail-container .lightBoxDesc .bottomRight strong.lb-photo-machina { }
.lb-detail-container.landscape .lightBoxDesc .bottomRight div { display: block; white-space: nowrap; }
.lb-detail-container.landscape .lightBoxDesc .bottomRight div.first { padding-top: 10px; }
.lb-detail-container.landscape .lightBoxDesc .bottomRight div div.edit_area { display: inline; }
.lb-detail-container.landscape .lightBoxDesc .bottomRight br { display: none; }

div.edit_area form { display: block; }
div.edit_area form textarea { display: block; font-size: 90%; width: 100%; margin-bottom: 3px; height: auto; padding: 2px 3px; }

/**
 * jakoby drobeckova navigace
 */
.lb-detail-container .lightBoxDesc div.likeBreadCrumbs,
.lb-detail-container .lightBoxDesc div.likeBreadCrumbs * { color: #434446; }

.lb-detail-container.landscape .lightBoxDesc div.likeBreadCrumbs { padding: 20px 0 0 0; }
.lb-detail-container.landscape .lightBoxDesc div.likeBreadCrumbs div { padding-top: 2px; }

.lb-detail-container.portrait .lightBoxDesc div.likeBreadCrumbs { padding: 20px 0 0 0; }
.lb-detail-container.portrait .lightBoxDesc div.likeBreadCrumbs div { padding-top: 10px; }
 
/* obecne restrikce */

#lightbox #divetheocean-smalllogo,
#black-background .inactive { display: none; }

/* photo order */

form.order { width: 600px; margin: 0 auto; text-align: left; position: relative; }
form.order fieldset { border: 1px solid #4A4A4A; font-size: 110%; padding: 30px 0px 30px 30px; background: #000; }
form.order fieldset div.photo { width: 560px; float: left; }
form.order fieldset div.photo img { float: left; max-height: 200px; max-width: 200px; margin-right: 10px; }
form.order fieldset div.photo div { float: right; width: 340px; padding-top: 20px;  }
form.order fieldset div.photo div span { float: left; text-align: right; width: 58px; margin-right: 10px; color: #6E6E6E; white-space: nowrap; margin-bottom: 3px; }
form.order fieldset div.photo div em { float: left; width: 230px; font-style: normal; margin-bottom: 3px; }
form.order fieldset div.photo div.form { clear: right; float: right; width: 340px; padding: 10px 0 0 0; font-size: 90%; }
form.order fieldset div.photo div.form label { clear: left; float: left; margin: 0 10px 3px 0; width: 58px; padding-top: 3px; text-align: right; color: #6E6E6E; }
form.order fieldset div.photo div.form input.text { float: left; margin-bottom: 3px; font-style: normal; width: 155px; height: 15px; background: transparent;  border: 1px solid #4D4D4D; }
form.order fieldset div.photo div.form textarea { float: left; margin: 5px 0 5px 68px; font-style: normal; width: 250px; height: 50px; background: transparent; font-size: 110%; border: 1px solid #4D4D4D; color: #59707C; padding: 2px 4px; }
form.order fieldset div.photo div.form input.submit { clear: left; float: left; padding: 0px 15px 1px 15px; margin: 5px 0 5px 68px; font-weight: bold; font-size: 90%; color: #fff; background: #000; border: 1px solid #B3BFC5; cursor: pointer;}
form.order fieldset div.lb-order-close { position: absolute; top: 20px; right: 20px; text-decoration: underline; font-size: 100%; font-weight: bold; color: #6e6e6e; cursor: pointer; }

#black-background form.order { padding-top: 100px; }
#black-background form.order fieldset div.lb-order-close { top: 120px; }

div.lb-comments { clear: both; position: relative; text-align: left; padding: 0 0 30px 0; }
.lb-detail-container.portrait div.lb-comments { padding: 20px 0 30px 0; }
div.lb-comments a.showForm { position: absolute; bottom: -10px; color: #434446; font-weight: bold; }
div.lb-comments div.comment { display: block; width: 100%; margin: 35px auto; padding: 10px 0px; border-top: 1px solid #424542; position: relative; text-align: left; }
div.lb-comments div.comment p.info,
div.lb-comments div.comment p.info a { color: #434446; font-weight: bold; }
div.lb-comments div.comment p.info a { font-size: 110%; }
div.lb-comments div.comment p.info span.name { display: inline-block; width: 100px; margin-left: 10px; }
div.lb-comments div.comment p.info span.title {  }
div.lb-comments div.comment p.text { color: #434446; padding: 4px 0; margin-left: 110px; }
div.lb-comments div.comment span.time { position: absolute; top: 5px; right: 0px; color: #434446; font-weight: bold; }
div.lb-comments div.comment div.submit { text-align: right; padding: 0 20px 0 0; display: none; }
div.lb-comments div.comment div.submit a { display: inline-block; padding: 0px 15px 1px 15px; font-weight: bold; font-size: 90%; color: #fff; background: #4D7A7F; border: 1px solid #B3BFC5; cursor: pointer;}

/* form - verze s javascriptem */
#lightBox div.lb-comments div.addcomment-form-over-image { display: none; }
#lightBox div.lb-comments div.addcomment-form-over-image.js-active { position: absolute; top: -500px; left: 0; width: 100%; text-align: center; }
#lightBox div.lb-comments div.addcomment-form-over-image.js-active.video { top: -220px; }
#lightBox div.lb-comments div.addcomment-form-over-image.js-active div.form-border { width: 600px; padding: 30px 0; margin: 0 auto; text-align: left; background: #000; position: relative; z-index: 500; }
#lightBox div.lb-comments div.addcomment-form-over-image.js-active.video div.form-border { border: 3px solid #3A3A3A; }
#lightBox div.lb-comments div.addcomment-form-over-image.js-active div.form-border form#formular { margin: 0 30px; }
#lightBox div.lb-comments div.addcomment-form-over-image.js-active div.form-border form#formular textarea { position: relative; z-index: 600; background: #000; border: 1px solid #4D5455; }
#lightBox div.lb-comments div.addcomment-form-over-image.js-active div.form-border form#formular input#sub.submit_save { background: #666666; border: 1px solid #4D5455; }
#lightBox div.lb-comments div.addcomment-form-over-image.js-active div.form-border span.close-form { display: block; width: 57px; height: 22px; background: url('../img/closeButton.png') no-repeat; position: absolute; top: 15px; right: 15px; cursor: pointer; }
#lightBox div.lb-comments div.addcomment-form-over-image.js-active div.form-border span.close-form em { display: none; }

/* form - verze bez javascriptu */

div.lb-comments div.addcomment-form-over-image div.form-border span.close-form { display: none; }
div.lb-comments div.addcomment-form-over-image div.form-border form#formular textarea { border: 1px solid #4D5455; }
div.lb-comments div.addcomment-form-over-image div.form-border form#formular input#sub.submit_save { background: #666666; border: 1px solid #4D5455; }

.photoLoader{margin-top:150px}