@charset "utf-8";
/* CSS Document - Medifine a.s. */

/******************************

	global

******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 14px Arial, Helvetica, sans-serif; color: #4E4E4E; background: #FFFFFF url(../img/pozadi.png); background-position: top center; }
body.admin { font: 14px Arial, Helvetica, sans-serif; color: #4E4E4E; background: #FFFFFF url(../img/blank.gif); }

@font-face { font-family: 'roboto-regular'; src: url('fonty/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('fonty/Roboto-Regular-webfont.otf')  format('opentype'), url('fonty/Roboto-Regular-webfont.woff') format('woff'), url('fonty/Roboto-Regular-webfont.ttf')  format('truetype'), url('fonty/Roboto-Regular-webfont.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'roboto-medium'; src: url('fonty/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),  url('fonty/Roboto-Medium-webfont.otf')  format('opentype'), url('fonty/Roboto-Medium-webfont.woff') format('woff'), url('fonty/Roboto-Medium-webfont.ttf')  format('truetype'), url('fonty/Roboto-Medium-webfont.svg#Roboto-Medium') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'roboto-bold'; src: url('fonty/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('fonty/Roboto-Bold-webfont.otf')  format('opentype'), url('fonty/Roboto-Bold-webfont.woff') format('woff'), url('fonty/Roboto-Bold-webfont.ttf')  format('truetype'), url('fonty/Roboto-Bold-webfont.svg#Roboto-Bold') format('svg'); font-weight: normal; font-style: normal; }

a { color: #93117e; text-decoration: underline; }
a:hover { color: #005EAE; text-decoration: underline; }
a img { border: none; }
p { margin: 0px; padding: 0px; border: 0px; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; height: 0; }
.hidden { position: absolute; left: -66666px; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-right-odkaz { text-align: right !important; font-size: 11px; padding-bottom: 10px; }
.text-right-odkaz a { text-decoration: none; }
.text-right-odkaz a:hover { text-decoration: underline; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.strike { text-decoration: line-through; }
.pismo-male { font: 10px Arial, Helvetica, sans-serif; }
.nadpis-pozadi { background-color: #F4D7D6; }
#iframe { border: 0px; width: 0px; height: 0px; }
.cervena { color: #C83428; }
.hvezdicka { font-size: 12px; color: #C83428; }
.soubor-format { color: #797979; font-style: italic; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/


#page-wrapper { width: 100%; margin: auto; padding: 190px 0px 0px; position: relative; }
	@media screen and (min-width: 1000px) { #page-wrapper { width: 1000px; margin: auto; padding: 190px 0px 0px; position: relative; } }
	@media screen and (max-width: 500px) { #page-wrapper { width: 100%; margin: auto; padding: 150px 0px 0px; position: relative; } }
#content { float: left; width: 100%; padding-left: 0px; padding-right: 0px; background: #ffffff; }
	@media screen and (min-width: 1000px) { #content { float: left; width: 710px; padding-left: 0px; background: url(../img/content-bg.png); min-height: 250px; } }
	@media screen and (max-width: 500px) { #content { float: left; width: 100%; padding-left: 0px; background: #ffffff; } }
#content-cele { float: left; width: 100%; padding-left: 0px; padding-right: 0px; background: #ffffff; min-height: 250px; }
	@media screen and (min-width: 1000px) { #content-cele { float: left; width: 1000px; padding-left: 0px; background: url(../img/content-bg.png); min-height: 250px; } }
	@media screen and (max-width: 500px) { #content-cele { float: left; width: 100%; padding-left: 0px; background: #ffffff; } }

#hp-page-wrapper { width: 100%; margin: auto; padding: 190px 0px 0px; position: relative; }
	@media screen and (min-width: 1000px) { #hp-page-wrapper { width: 1000px; margin: auto; padding: 0px 0px 0px; position: relative; } }
	@media screen and (max-width: 500px) { #hp-page-wrapper { width: 100%; margin: auto; padding: 150px 0px 0px; position: relative; } }





/******************************

	header

******************************/
#header { position: absolute; top: 0px; width: 100%; height: 120px; }
	@media screen and (min-width: 1000px) { #header { position: absolute; top: 0px; width: 1000px; height: 120px; } }
	@media screen and (max-width: 500px) { #header { position: absolute; top: 0px; width: 100%; height: 80px; } }
#logo { position: absolute; width: 285px; height: 120px; left: 20px; top: 0px; background: url(../img/header-logo.png); background-repeat: no-repeat; z-index: 10000; }
	@media screen and (min-width: 1000px) { #logo { position: absolute; width: 285px; height: 120px; left: 20px; top: 0px; background: url(../img/header-logo.png); background-repeat: no-repeat; z-index: 10000; } }
	@media screen and (max-width: 500px) { #logo { position: absolute; width: 150px; height: 60px; left: 0px; top: 0px; background: url(../img/header-logo2.png); background-repeat: no-repeat; z-index: 10000; } }
#logo img { width: 285px; height: 120px; }
	@media screen and (min-width: 1000px) { #logo img { width: 285px; height: 120px; } }
	@media screen and (max-width: 500px) { #logo img { width: 150px; height: 60px; } }
#header-logo-nadpis { position: absolute; top: 35px; left: 350px; width: 250px; font-family: "roboto-regular"; color: #848484; font-size: 20px; letter-spacing: 1px; border: 0px; padding: 0px; }
	@media screen and (max-width: 750px) { #header-logo-nadpis { display: none; } }
#topmenu { float: right; padding-right: 10px; }
#topmenu-obsah { font-size: 10px; padding-left: 10px; }
#admin-topmenu-obsah { padding-top: 10px; }
a.topmenu-odkaz { float: left; margin-top: 0px; margin-left: 3px; }
	@media screen and (max-width: 500px) { a.topmenu-odkaz { display: none; } }
#topmenu-certifikaty { font-size: 11px; color: #4E4E4E; letter-spacing: 0.9px; padding-left: 3px; padding-top: 25px; }
	@media screen and (max-width: 400px) { #topmenu-certifikaty { font-size: 10px; color: #4E4E4E; letter-spacing: 0px; padding-left: 3px; padding-top: 25px; } }


#header-motiv { display: none; }
	@media screen and (min-width: 1000px) { #header-motiv { display: block; float: left; width: 1000px; height: 280px; } }
.header-motiv-slogan { position: absolute; display: block; left: 0px; top: 120px; width: 300px; height: 100px; background: url(../img/header-motiv-slogan-bg.png); background-repeat: no-repeat; }
	@media screen and (max-width: 500px) { .header-motiv-slogan { display: none; } }
.header-motiv-slogan-obsah { width: 270px; font-family: "roboto-medium"; color: #4E4E4E; font-size: 18px; line-height: 24px; padding-left: 22px; padding-top: 17px; }

#slideshow { display: none; }
	@media screen and (min-width: 1000px) { #slideshow { display: block; position: absolute; float: left; width: 1000px; height: 280px; top: 160px; } }
#slides { display: none; }
	@media screen and (min-width: 1000px) { #slides { display: block; position: relative; width: 1000px; height: 280px; list-style: none; overflow: auto; margin: 0px; padding: 0px; } }
#slides li { display: none; }
	@media screen and (min-width: 1000px) { #slides li { display: block; width: 100%; height: 280px; margin: 0px; padding: 0px; } }
#slides li a { margin-left: 20px; }
.pagination { display: none; }
	@media screen and (min-width: 1000px) { .pagination { display: block; list-style: none; float: left; position: absolute; right: 5px; top: 416px; z-index: 1000; margin: 0px; padding: 0px; } }
.pagination li { float: left; cursor: pointer; text-align: center; color: #000000; background-color: #005EAE; font-size: 11px; margin: 0px; margin-right: 5px; padding: 0px; padding-left: 5px; padding-right: 5px; }
.pagination li:hover { background-color: #000000; color: #ffffff; }
li.current { background-color: #144994; color: #ffffff; }











/******************************

	menu

******************************/

#nav { position: absolute; top: 120px; left: 0px; width: 100%; background: #6f90bf; list-style: none; }
	@media screen and (min-width: 1000px) { #nav { position: absolute; top: 120px; left: 20px; width: 980px; height: 40px; background: #6f90bf; list-style: none; } }
	@media screen and (max-width: 500px) { #nav { position: absolute; top: 80px; left: 0px; width: 100%; background: #6f90bf; list-style: none; } }
#nav li { float: left; margin: 0; list-style-type: none;  }
#nav li.hlavni { padding: 0; text-transform: uppercase; }
#nav li a.hlavni-odkaz { padding: 0px; line-height: 40px; display: block; }
#nav li a { font-size: 15px; color: #FFFFFF; text-decoration: none; }
	@media screen and (max-width: 500px) { #nav li a { font-size: 13px; color: #FFFFFF; text-decoration: none; } }
#nav li:hover ul, #nav li.sfhover ul { left: 0}
#nav li a.hlavni-odkaz { text-align: center; padding-left: 24px; padding-right: 24px; background: url(../img/header-menu-oddelovac.gif); background-repeat: no-repeat; background-position: right; }
	@media screen and (max-width: 500px) { #nav li a.hlavni-odkaz { text-align: center; padding-left: 15px; padding-right: 16px; background: url(../img/header-menu-oddelovac.gif); background-repeat: no-repeat; background-position: right; } }
	@media screen and (max-width: 700px) { #nav li a.hlavni-odkaz { text-align: center; padding-left: 15px; padding-right: 16px; background: url(../img/header-menu-oddelovac.gif); background-repeat: no-repeat; background-position: right; } }
#nav li.odkaz a.hlavni-odkaz:hover { color: #000000; }
#nav li.odkaz-prvni { margin-left: 5px; }
	@media screen and (max-width: 500px) { #nav li.odkaz-prvni { margin-left: 0px; } }
	@media screen and (max-width: 700px) { #nav li.odkaz-prvni { margin-left: 0px; } }
#nav li.odkaz-posledni a.hlavni-odkaz { text-align: center; padding-left: 24px; padding-right: 24px; background: url(../img/blank.gif); }
	@media screen and (max-width: 500px) { #nav li.odkaz-posledni a.hlavni-odkaz { text-align: center; padding-left: 15px; padding-right: 15px; background: url(../img/blank.gif); } }
	@media screen and (max-width: 700px) { #nav li.odkaz-posledni a.hlavni-odkaz { text-align: center; padding-left: 15px; padding-right: 15px; background: url(../img/blank.gif); } }
#nav li.odkaz-prvni a.hlavni-odkaz:hover { color: #000000; }
#nav li.odkaz-posledni a.hlavni-odkaz:hover { color: #000000; }

/* second-level lists */
#nav li ul { position: absolute; left: -999em; width: 211px; height: auto; margin: 0px;  padding: 0px; background: #f5f5f5; display: block; list-style: none; z-index: 100; }
#nav li li.prvni { margin: 0; padding: 0; width: 210px; 10px; font-size: 12px; border: 1px solid #d1d1d1; }
#nav li li.prvni-sipka { margin: 0; padding: 0; width: 210px; 10px; font-size: 12px; border: 1px solid #d1d1d1; background: #f5f5f5 url(../img/menu-bg-sipka.gif) 0 0 repeat-x; }
#nav li li { margin: 0; padding: 0; width: 210px; font-size: 12px; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; }
#nav li li a, #nav li li a:visited { display: block; width: 190px; padding: 0px; padding-left: 10px; padding-right: 10px; line-height: 28px; color: #605d5c; text-decoration: none; font-size: 12px; font-weight: normal; }
#nav li li.sipka { margin: 0; padding: 0; width: 210px; font-size: 12px; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; background: #f5f5f5 url(../img/menu-bg-sipka.gif) 0 0 repeat-x; }
#nav li li a.pododkaz { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#nav li li a:hover { background: #d9aa00; color: #ffffff; }
#nav li li.prvni-sipka a.pododkaz:hover { background: #C02F2A; color: #ffffff; background: #f5f5f5 url(../img/menu-bg-sipka-x.gif) 0 0 repeat-x; }
#nav li li.sipka a.pododkaz:hover { background: #C02F2A; color: #ffffff; background: #f5f5f5 url(../img/menu-bg-sipka-x.gif) 0 0 repeat-x; }

/* third-level lists */
#nav, #nav ul { padding: 0; margin: 0; list-style: none;  line-height: 1; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li ul ul{ margin: -27px 0 0 210px; }

*>html #navblock ul {f\loat: right;margin-top:11px;} /*IE 5 Mac hack  */
*>html #nav a {f\loat: left;} /*IE 5 Mac hack */









/******************************

	right column

******************************/
#right-column { float: left; width: 100%; background-color: #ffffff; min-height: 250px; }
	@media screen and (min-width: 1000px) { #right-column { float: left; width: 290px; min-height: 250px; } }
#right-column-cele { float: left; width: 0%; }
	@media screen and (min-width: 1000px) { #right-column-cele { float: left; width: 0px; } }

#right-column-obsah { padding: 20px; padding-top: 0px; padding-bottom: 20px; font-size: 90%; color: #005EAE; }
	@media screen and (min-width: 1000px) { #right-column-obsah { padding: 40px; padding-top: 0px; padding-bottom: 20px; font-size: 90%; color: #005EAE; } }
#right-column-obsah strong { font-size: 110%; }
#right-column-obsah a { color: #005EAE; }
#right-column-obsah a:hover { color: #144994; }
#right-column-obsah-mapa { padding: 20px; padding-top: 0px; text-align: center; }
#nadpis-h2 { width: 100%; background-color: #144994; margin-bottom: 40px; }
#right-column h2 { font-family: "roboto-regular"; font-size: 20px; color: #ffffff; font-weight: normal; line-height: 50px; padding-left: 45px; background: url(../img/nadpis-h2-sipky.png); background-repeat: no-repeat; }










/******************************

	content

******************************/
#nadpis-h1 { width: 100%; height: 50px; background: #144994; margin-bottom: 0px; }
	@media screen and (min-width: 1000px) { #nadpis-h1 { width: 100%; height: 63px; background: url(../img/nadpis-h1-bg.png); background-repeat: no-repeat; margin-bottom: 0px; } }
h1 { font-family: "roboto-medium"; font-size: 22px; color: #ffffff; line-height: 50px; padding-left: 55px; background: url(../img/nadpis-h1-sipky.png); background-repeat: no-repeat; }
h2 { font-family: "roboto-medium"; font-size: 22px; font-weight: normal; color: #000000; line-height: 50px; }
h2.kontakty { font-family: "roboto-regular"; font-size: 25px; color: #144994; line-height: 50px; }
h3 { color: #444444; font-size: 15px; padding-bottom: 5px; }

p { line-height: 1.2; margin: 5px 0 10px; }
.hlavni-text { padding-top: 27px; padding-left: 20px; padding-right: 20px; padding-bottom: 40px; font-size: 100%; color: #4E4E4E; }
	@media screen and (min-width: 1000px) { .hlavni-text { padding-top: 27px; padding-left: 60px; padding-right: 40px; padding-bottom: 40px; font-size: 100%; color: #4E4E4E; min-height: 300px; } }
.hlavni-text li { margin-left: 25px; list-style-type: square; }
#content ul { margin: 10px 0 10px 25px; }
#hp-text-bg { background: url(../img/hp-text-bg.jpg); background-repeat: no-repeat; background-position: top right; }
.text-stred-odkaz { text-align: center !important; font-size: 12px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
.text-stred-odkaz a { text-decoration: none; background-color: #3B318A; color: #ffffff; padding: 5px; border-radius: 5px; padding-left: 7px; padding-right: 7px; margin-left: 7px; margin-right: 7px; }
.text-stred-odkaz a:hover { background-color: #E8711B; color: #ffffff; }
.kontakty-mapa { float: right; width: 100%; }
	@media screen and (min-width: 1000px) { .kontakty-mapa { float: right; width: 500px; } }
	@media screen and (min-width: 600px) { .kontakty-mapa { float: right; width: 350px; } }











/******************************

	forms

******************************/
form fieldset { border: none; }
input, textarea, select { border: 1px solid #c2bab2;}
input, select, textarea { font: 12px Arial, Helvetica, sans-serif; }
.submit { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; padding: 4px; padding-left: 8px; padding-right: 8px; border: 0px; background-image: url("../img/tlacitko-submit-bg.gif"); background-color: #63676A; }
.input { background-color: #F6F6F6; }








/******************************

	footer

******************************/
#footer { width: 100%; height: 80px; margin: auto; background: #E3E3E3; }
	@media screen and (min-width: 1000px) { #footer { width: 980px; height: 80px; margin: auto; background: #E3E3E3; margin-left: 20px; } }
#footer #tbl { float: left; width: 100%; height: 80px; }
	@media screen and (min-width: 1000px) { #footer #tbl { float: left; width: 1000px; height: 80px; } }
#footer #tbl #tbl-vlevo { float: left; width: 60%; height: 80px; font-size: 11px; color: #4E4E4E; background: url(../img/footer-logo.png) 0 0 no-repeat; }
	@media screen and (min-width: 1000px) { #footer #tbl #tbl-vlevo { float: left; width: 580px; height: 80px; font-size: 11px; color: #666565; background: url(../img/footer-logo.png) 0 0 no-repeat; } }
	@media screen and (max-width: 700px) { #footer #tbl #tbl-vlevo { float: left; width: 100%; height: 80px; font-size: 11px; color: #666565; background: url(../img/blank.gif) 0 0 no-repeat; } }
#footer #tbl #tbl-vlevo-obsah { padding-left: 170px; padding-top: 30px; }
	@media screen and (max-width: 700px) { #footer #tbl #tbl-vlevo-obsah { padding-left: 20px; padding-top: 25px; } }
#footer #tbl #tbl-vpravo { float: left; width: 40%; height: 100px; font-size: 11px; color: #4E4E4E; text-align: right; }
	@media screen and (min-width: 1000px) { #footer #tbl #tbl-vpravo { float: left; width: 400px; height: 80px; font-size: 11px; color: #666565; text-align: right; } }
	@media screen and (max-width: 700px) { #footer #tbl #tbl-vpravo { float: left; width: 100%; height: 20px; font-size: 11px; color: #666565; text-align: left; } }
#footer #tbl #tbl-vpravo-obsah { padding-right: 20px; padding-top: 30px; }
	@media screen and (max-width: 700px) { #footer #tbl #tbl-vpravo-obsah { padding-left: 20px; padding-top: 10px; padding-bottom: 10px; } }
#footer-clear { clear: both; }
a.footer-odkaz { color: #666565; }
a.footer-odkaz:hover { color: #000000; text-decoration: underline; }













/******************************

	ostatni

******************************/


.box-pdf { float: left; border: 1px solid #D5D5D5; padding: 10px; background-color: #f6f6f6; }
.box2-pdf { float: left; border: 1px solid #D5D5D5; padding: 10px; background-color: #f6f6f6; margin-left: 15px; }
.box-pdf-vlevo { float: left; }
.box-pdf-vpravo { float: left; padding-left: 10px; padding-top: 15px; }
.ikona-pdf { background-image: url("../img/ikona-pdf.gif"); background-repeat: no-repeat; padding: 8px; padding-left: 30px; margin: 0px auto; }

.tbl-formular { padding: 0px; margin: 0px; border-collapse: collapse; }
.tbl-formular td { padding: 5px; margin: 0px; text-align: left; }
.tbl-formular td.vpravo { text-align: right; }
.pismo2 { font-size: 80%; }
#logo-stred { text-align: center; font-weight: bold; color: #0075bd; }
#logo-stred img { margin-top: 5px; }
.fotky { text-align: center; }
.fotky img { border: 1px solid #D5D5D5; margin: 3px; padding: 8px; }
img.fotka { border: 1px solid #D5D5D5; margin: 3px; padding: 8px; }
.fotky2 { text-align: center; }
.fotky2 img { margin: 3px; padding: 8px; }
.foto-vpravo { float: right; padding: 10px; padding-left: 25px; }
ul.seznam li { margin: 6px; margin-left: 25px; list-style-type: square; }
ul.seznam-uvod li { margin: 6px; margin-bottom: 10px; margin-left: 0px; list-style-type: square; }
ol.seznam li { margin: 6px; margin-left: 25px; }
.pismo-male { font-size: 10px; }

.text-mezera { width: 100%; border-top: 1px solid #CECECE; padding-bottom: 15px; }

.tbl-kontakt { padding: 0px; margin: 0px; width: 100%; border-collapse: collapse; }
.tbl-kontakt td { padding: 5px; margin: 0px; text-align: left; }
.tbl-kontakt td.vlevo { width: 40%; }
.tbl-kontakt td.vpravo { width: 60%; }
.tbl-kontakt td.pismo-velke { font-size: 120%; }
.tbl-kontakt-nadpis { border-bottom: 1px solid #d5d5d5; }
.tbl-kontakt-nadpis h3 { font-size: 20px; padding-left: 0px; padding-bottom: 5px; }

.tbl-partneri { padding: 0px; margin: 0px; width: 100%; border-collapse: collapse; }
.tbl-partneri td { width: 33%; padding: 10px; text-align: center; }
.tbl-partneri td a { color: #4E4E4E; text-decoration: none; }
.tbl-partneri td a:hover { color: #005EAE; text-decoration: underline; }
.tbl-partneri td img { padding-bottom: 10px; }











/* FOTOGALERIE */

#lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; display: none; }
#lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-weight: normal; }
#lightbox img { width: auto; height: auto; }
#lightbox a img { border: none; }
.lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.lb-outerContainer:after { content: ""; display: table; clear: both; }
.lb-container { padding: 10px; }
.lb-loader { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
.lb-container > .nav { left: 0; }
.lb-nav a { outline: none; }
.lb-prev, .lb-next { width: 49%; height: 100%; background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); display: block; }
.lb-prev { left: 0; float: left; }
.lb-next { right: 0; float: right; }
.lb-prev:hover { background: url(../img/prev.png) left 48% no-repeat; }
.lb-next:hover { background: url(../img/next.png) right 48% no-repeat; }
.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.lb-dataContainer:after { content: ""; display: table; clear: both; }
.lb-data { padding: 0 10px; color: #bbbbbb; }
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }
.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; }
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 11px; }
.lb-data .lb-close { width: 35px; float: right; padding-bottom: 0.7em; outline: none; }
.lb-data .lb-close:hover { cursor: pointer; }