/* ---------------------------------------------- */
/* -----  Obecna nastaveni  ------------------------------ */
/* ---------------------------------------------- */

body, table, th, td, div, p, caption, tr, ul, li, img, form, h1, h2, h3, input, select, textarea { margin:0; padding:0; border:0 none;}
html { background:url(../obrazky/bcg-pattern.gif) left top repeat #0d0c0c;}
body { background:url(../obrazky/bcg-film-top.png) left top repeat-x; min-width:990px;}
*:focus {outline: 0;}

/* -----  Basic TextStyles  ------------------------------ */
body, table, form, ul, li, input, select, textarea, label { font-size:100%; font-family:Tahoma, Geneva, sans-serif; color:#dadada; font-weight:normal;}
a {	text-decoration:underline; color:#2c2c2c;}
a:hover { text-decoration:none; color:#2c2c2c;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; text-align:left; margin:0; padding:0; line-height:1.1em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:none;}


/* ---------------------------------------------- */
/* -----  PAGE  ------------------------------ */
/* ---------------------------------------------- */

.block-page { width:auto; background:url(../obrazky/bcg-highlight-spot.png) -340px 150px no-repeat;}
.block-page-inside { width:auto; background:url(../obrazky/bcg-highlight-spot.png) 450px -380px no-repeat;}


/* ---------------------------------------------- */
/* -----  HEADER  ------------------------------ */
/* ---------------------------------------------- */

.block-header { width:1100px; margin:0 auto 0 0; padding:1px 0 0 0;}

/* -----  logo  ------------------------------ */
.block-header .header-logo { float:left; width:178px; height:107px; padding:33px 0 0 61px;}
.block-header .header-logo a.logo { display:block; width:178px; height:107px; overflow:hidden;}
.block-header .header-logo a.logo img { display:block;}

/* -----  topmenu  ------------------------------ */
.block-header .header-menu { float:left; padding:75px 0 0 55px;}
.header-menu ul { display:block;}
.header-menu ul li { list-style:none; display:block; float:left; font-size:16px; margin-right:35px;}
.header-menu ul li a { display:block; color:#d4d4d4; text-decoration:none;}
.header-menu ul li a span { display:block; text-shadow:0 0 0 transparent, #000 2px 2px 3px; padding:5px 3px 17px 3px; background:url(../obrazky/topmenu-item-underline.png) left bottom repeat-x;}
.header-menu ul li a:hover { color:#fff; text-decoration:none;}
.header-menu ul li a:hover span { background:url(../obrazky/topmenu-item-underline-selected.png) left bottom repeat-x; padding:4px 3px 18px 3px;}
.header-menu ul li.selected a { color:#fff; font-weight:bold;}
.header-menu ul li.selected a span { background:url(../obrazky/topmenu-item-underline-selected.png) left bottom repeat-x;}


/* ---------------------------------------------- */
/* -----  GALLERY MENU  ------------------------------ */
/* ---------------------------------------------- */

.block-gallerymenu { width:auto; height:184px; min-width:1255px; margin:22px auto 0 0; padding:9px 0 0 52px; background:url(../obrazky/gallerymenu-bcg.png) left top repeat-x; overflow:hidden;}
.block-gallerymenu .gallerymenu-item { display:block; float:left;}

.gallerymenu-item a { display:block; width:113px; height:167px; margin:0 1px 0 0; text-decoration:none; background:url(../obrazky/gallerymenu-thumbnail-bcg.png) left top no-repeat; overflow:hidden;}
.gallerymenu-item a img { display:block; margin:2px 0 0 2px;}
.gallerymenu-item a span { display:block; position:relative; width:107px; height:31px; top:-31px; left:2px; font-size:14px; color:#d4d4d4; background:url(../obrazky/gallerymenu-thumbnail-tag-bcg.png) left top no-repeat; overflow:hidden;}
.gallerymenu-item a strong { display:block; padding:7px 0 0 8px; font-weight:normal; text-shadow:0 0 0 transparent, #000 2px 2px 3px;}

.gallerymenu-item a:hover { margin-top:2px;}
.gallerymenu-item a:hover span { background-position:right top; color:#fff;}
.gallerymenu-item a:hover strong { padding:7px 0 0 7px;}

.gallerymenu-item a.selected { margin-top:0px; background-position:right top;}
.gallerymenu-item a.selected span { display:none;}

.block-gallerymenu .gallerymenu-bigbullet { display:block; float:left;}

.gallerymenu-bigbullet a { display:block; width:95px; height:66px; margin:48px 1px 0 15px; font-size:14px; line-height:16px; color:#bcbcbc; text-decoration:none; background:url(../obrazky/gallerymenu-bigbullet.png) left top no-repeat; overflow:hidden;}
.gallerymenu-bigbullet a strong { display:block; font-weight:normal; text-shadow:0 0 0 transparent, #000 2px 2px 3px; padding:15px 0 0 2px;}

.gallerymenu-bigbullet a:hover { background-position:right top; color:#fff;}
.gallerymenu-bigbullet a:hover strong { padding-left:3px;}


/* ---------------------------------------------- */
/* -----  CONTENT  ------------------------------ */
/* ---------------------------------------------- */

.block-content { width:915px; margin:10px auto 10px 0;}
.block-content-wide { width:auto; margin:15px auto 0 0; padding:1px 0 1px 30px;}
.content-column-left { float:left; width:400px;}
.content-column-right { float:right; width:475px;}
.mini-column-left { float:left; width:230px;}
.mini-column-right { float:right; width:230px;}
.mini-item { float:left; width:200px; height:245px; margin:0 0 10px 30px; overflow:visible;}

/* -----  gallery  ------------------------------ */
.gallery-thumbnails { margin:30px 0 65px 0; padding:0 15px 0 52px;}
.gallery-thumbnails a { display:block; float:left; border:1px solid #000;}
.gallery-thumbnails a img { display:block;}
.gallery-thumbnails a:hover { border-color:#f80; margin:-1px 0 1px 0;}
.gallery-thumbnails a span { display:block; position:absolute; width:107px; height:25px; margin-top:-25px; font-size:12px; color:#d4d4d4; background:url(../obrazky/gallerydetail-bcg.png) left top repeat; overflow:hidden;}
.gallery-thumbnails a strong { display:block; width:auto; text-align:center; padding:5px 0 0 0; font-weight:normal; text-shadow:0 0 0 transparent, #000 2px 2px 3px;}

/* -----  texts  ------------------------------ */
.real-content { margin:15px 0 65px 0; width:auto;}
.real-content h1 { font-size:30px; color:#dadada; font-weight:normal; line-height:2em;}
.real-content h1 strong { font-weight:normal; padding:0 7px 20px 7px; background:url(../obrazky/h1-underline.png) left bottom repeat-x;}
.real-content h2 { font-size:24px; color:#dadada; font-weight:normal; padding:0 5px; line-height:1.5em; margin:1.9em 0 0.2em;}
.real-content h2.underline { padding:0 7px 13px 7px; background:url(../obrazky/h2-underline.png) left bottom repeat-x;}
.real-content h2 strong { color:#fff;}
.real-content h2 strong.bullet { padding:0 0 0 28px; margin:0 8px 0 -2px; background:url(../obrazky/bullet-big-light.png) 0px 3px no-repeat;}
.real-content h2 a { color:#fff;}
.real-content h2 span.bullet { padding:0 0 0 28px; margin:0 8px 0 -2px; background:url(../obrazky/bullet-big-light.png) 0px 3px no-repeat;}
.real-content h2 em { font-size:21px; font-style:normal;}
.real-content h2 a.small-button { display:block; float:right; width:88px; height:30px; text-decoration:none; color:#000; font-size:12px; line-height:14px; margin:3px 6px 0 0; background:url(../obrazky/button-small-bcg.png) left top no-repeat; overflow:hidden;}
.real-content h2 a.small-button small { display:block; color:#000; font-size:12px; text-align:center; padding:6px 1px 0 0;}
.real-content h2 a.small-button:hover { background-position:right top; font-weight:bold;}
.real-content h4 { font-size:12px; color:#dadada; font-weight:normal; line-height:1.5em; margin:0.2em 0 0.2em;}
.real-content h4.underline { padding:0 7px 18px 7px; background:url(../obrazky/h3-underline.png) left bottom repeat-x;}
.real-content h4 strong { color:#eaeaea;}
.real-content p { font-size:14px; color:#c4baae; line-height:24px; padding:0 7px; margin:1em 0 1em;}
.real-content p a { color:#fff;}
.real-content ul { font-size:14px; line-height:18px; padding:0 7px; margin:0.2em 0 0.4em;}
.real-content ul li { font-size:14px; color:#c4baae; line-height:18px; margin:0.5em 0 0.5em; padding:0 0 0 15px; list-style-type:none; background:url(../obrazky/bullet-small-orange.png) 0px 5px no-repeat;}
.real-content ul li a { color:#fff; font-weight:bold;}
.real-content ul li strong { color:#eaeaea; font-weight:normal;}

/* -----  texts left  ------------------------------ */
.content-column-left h3 { padding:0 0 0 53px; font-size:20px; color:#dadada; font-weight:normal; line-height:1.1em; margin:1.5em 0 0; text-shadow:0 0 0 transparent, #000 3px 3px 3px;}
.content-column-left h3 strong { color:#fff;}
/*.real-content h2.underline { padding:0 7px 13px 7px; background:url(../obrazky/h2-underline.png) left bottom repeat-x;}*/

/* -----  texts mini item  ------------------------------ */
.real-content .mini-item h2 { margin:0 0 0.9em;}
.real-content .mini-item h2 a.underline { color:#eee; font-size:22px; padding:0 7px 18px 7px; background:url(../obrazky/h2-underline-orange.png) left bottom repeat-x;}
.real-content .mini-item h2 a.underline:hover { color:#fff; background:url(../obrazky/h2-underline.png) left bottom repeat-x;}
.real-content .mini-item a.small-button { display:block; width:88px; height:30px; text-decoration:none; color:#000; font-size:12px; line-height:14px; margin:15px 0 0 0; background:url(../obrazky/button-small-bcg.png) left top no-repeat; overflow:hidden;}
.real-content .mini-item a.small-button small { display:block; color:#000; font-size:12px; text-align:center; padding:6px 1px 0 0;}
.real-content .mini-item a.small-button:hover { background-position:right top; font-weight:bold;}


/* ---------------------------------------------- */
/* -----  CLIENT GALLERY  ------------------------------ */
/* ---------------------------------------------- */

/* -----  login  ------------------------------ */
.login-form { padding:30px 0 25px 40px;}
.login-form table { margin:0 auto; font-size:14px; line-height:1em;}
.login-form td.label { text-align:right; padding:2px 17px 2px 10px;}
.login-form td.label label { font-size:14px; color:#fff; font-weight:bold; text-shadow:0 0 0 transparent, #000 3px 3px 3px;}
.login-form td.input { padding:3px 5px 0px 0;}
.login-form td.input input { display:block; color:#000; font-size:14px; line-height:31px; font-weight:bold; padding:4px 0 8px 15px; width:166px; height:31px; text-shadow:0 0 0 transparent, #bbb 0px 1px 0px; background:none; background:url(../obrazky/input-login-bcg-blur.png) left top no-repeat;}
.login-form td.input input:focus { background-image:url(../obrazky/input-login-bcg-focus.png);}
.login-form td.button { padding:8px 5px 0px 1px;}
.login-form td.button a { display:block; width:88px; height:30px; text-decoration:none; color:#000; font-size:13px; line-height:14px; margin:3px 6px 0 0; background:url(../obrazky/button-small-bcg.png) left top no-repeat; overflow:hidden;}
.login-form td.button a span { display:block; color:#000; font-size:13px; text-align:center; padding:7px 1px 0 0;}
.login-form td.button a:hover { background-position:right top; font-weight:bold;}
.login-form td.button a:focus { background-position:right top; font-weight:bold;}
.login-form p { font-size:12px; line-height:16px; padding:15px 15px 10px 14px;}
.login-form p a { color:#fff; text-decoration:none;}

/* -----  gallery wide  ------------------------------ */
.gallery-thumbnails-wide { margin:30px 0 65px 0; padding:0 15px 0 22px;}
.gallery-thumbnails-wide a { display:block; float:left; border:1px solid #000;}
.gallery-thumbnails-wide a img { display:block;}
.gallery-thumbnails-wide a:hover { border-color:#f80; margin:-1px 0 1px 0;}
.gallery-thumbnails-wide a span { display:block; position:absolute; width:107px; height:25px; margin-top:-25px; font-size:12px; color:#d4d4d4; background:url(../obrazky/gallerydetail-bcg.png) left top repeat; overflow:hidden;}
.gallery-thumbnails-wide a strong { display:block; width:auto; text-align:center; padding:5px 0 0 0; font-weight:normal; text-shadow:0 0 0 transparent, #000 2px 2px 3px;}

/* -----  texts  ------------------------------ */
.block-content-wide .real-content h1 { margin:-25px 0 0 24px; font-size:30px; color:#dadada; font-weight:normal; line-height:2em;}
.block-content-wide .real-content h1 strong { font-weight:normal; padding:0 7px 20px 7px; background:url(../obrazky/h1-underline.png) left bottom repeat-x;}



/* ---------------------------------------------- */
/* -----  FOOTER  ------------------------------ */
/* ---------------------------------------------- */

.block-footer { width:auto; background:url(../obrazky/footer-bcg.png) left top repeat;}
.block-footer-inside { width:auto; padding:45px 55px 45px 60px;}

/* -----  studio  ------------------------------ */
.block-footer .studiosynapse { float:left; width:165px;}
.block-footer .studiosynapse img { margin:10px 0 10px 0;}
.block-footer .studiosynapse p { font-family:Georgia, "New York CE", utopia, serif; color:#868585; font-size:11px; line-height:15px;}
.block-footer .studiosynapse p small { font-size:11px; font-style:italic;}
.block-footer .studiosynapse p a { text-decoration:none; color:#a2a2a3;}

/* -----  info  ------------------------------ */
.block-footer .footer-info { float:left; width:310px; padding:0 0 0 220px;}
.block-footer .footer-info p { color:#848484; font-size:11px; line-height:21px;}
.block-footer .footer-info p a { color:#aaa; text-decoration:none;}
.block-footer .footer-info p a:hover { color:#ddd; text-decoration:underline;}

/* -----  logo  ------------------------------ */
.block-footer .footer-logo { margin:2px 0 5px auto; text-align:right;}


/* ---------------------------------------------- */
/* -----  PAGE  ------------------------------ */
/* ---------------------------------------------- */

.block-realbottom { width:auto; background:url(../obrazky/bcg-realbottom.jpg) left top repeat-x #fff;}
.block-realbottom h2 { display:block; width:auto; height:440px; overflow:hidden; margin:0;}
.block-realbottom h2 a { display:block; width:auto; height:440px; overflow:hidden; background:url(../obrazky/logo-topimage-bottom.png) 0px 0px no-repeat;}
.block-realbottom h2 a strong { display:none;}



/* ---------------------------------------------- */
/* -----  Picture Zoom  ------------------------------ */
/* ---------------------------------------------- */

#gallerybcg { visibility:hidden; position:absolute; background:url(../obrazky/gallerydetail-bcg.png) left top repeat; top:0px; left:0px; width:100%; height:0px;}
#gallerypicturecontainer { visibility:hidden; position:absolute; top:0px; left:0px; width:662px; height:662px; overflow:visible;}
#gallerypicturecontainer td.gallerypicturecell { width:662px; height:662px; text-align:center; vertical-align:middle; background:url(../obrazky/gallerydetail-photo-bcg.png) left top no-repeat; overflow:hidden;}
#gallerypicturecontainer td.gallerypicturecell a { display:block; margin:0 auto; padding:0 3px 6px 0; cursor:pointer;}
#gallerypicturecontainer td.gallerypicturecell img { display:block; margin:0 auto 0; max-width:590px; max-height:590px;}
#gallerypicturecontainer a strong { display:none;}
#gallerypicturecontainer a#galleryclose { display:block; position:relative; top:-653px; left:598px; width:53px; height:52px; background:url(../obrazky/gallerydetail-button-close.png) left top no-repeat; overflow:hidden;}
#gallerypicturecontainer a#galleryclose:hover { background-position:right top;}
#gallerypicturecontainer a#galleryprev { display:block; position:relative; top:-463px; left:-65px; width:72px; height:117px; background:url(../obrazky/gallerydetail-button-prev.png) left top no-repeat; overflow:hidden;}
#gallerypicturecontainer a#galleryprev:hover { background-position:right top;}
#gallerypicturecontainer a#gallerynext { display:block; position:relative; top:-580px; left:652px; width:72px; height:117px; background:url(../obrazky/gallerydetail-button-next.png) left top no-repeat; overflow:hidden;}
#gallerypicturecontainer a#gallerynext:hover { background-position:right top;}




/* ---------------------------------------------- */
/* -----  Doplnky a specialni formatovaci funkce   ------------------------------ */
/* ---------------------------------------------- */

.dummy { height:500px;}

/* -----  Zarovnani a doladeni ------------------------------ */
.leva { text-align:left !important;}
.prava { text-align:right !important;}
.stred { text-align:center !important;}

/* -----  Specialni funkce  ------------------------------ */
.nosee { display:none !important;}
.nowrap { white-space:nowrap !important;}
.notopmargin { margin-top:0 !important;}
.smalltopmargin { margin-top:0.5em !important;}
.cleaner { display:block !important; clear:both !important; padding:0 !important; margin:0 !important; line-height:0px !important; height:0px !important; font-size:0px !important; border:none !important; visibility:hidden !important; width:100% !important;}