/* ---------------------------------------------- */
/* -----  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.jpg) left top repeat #171717;}
body { background:url(../obrazky/bcg-top.jpg) left top no-repeat;}

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


/* ---------------------------------------------- */
/* -----  BASIC STUFF  ------------------------------ */
/* ---------------------------------------------- */

/* -----  Flash Block  ------------------------------ */
.flash-block { width:835px; height:128px;}
#candies { width:835px; height:128px;}
#candies, #candies:active, #candies:focus { border:0 none !important; outline:none !important;}

/* -----  Logo Block  ------------------------------ */
.logo-block { position:absolute; width:230px; height:81px; top:148px; left:123px; overflow:hidden;}
.logo-block a { display:block; width:230px; height:81px; background:url(../obrazky/logo-topimage.png) left top no-repeat;}
* html .logo-block a { background-image:url(../obrazky/logo-topimage.gif);}
.logo-block a small { display:none;}
.logo-block h2 { display:none;}

/* -----  Headline Block  ------------------------------ */
.headline-block { position:absolute; width:575px; height:100px; top:155px; left:360px; overflow:hidden;}
.headline-block h1 { text-align:right; font-size:60px; text-transform:uppercase; letter-spacing:-2px; padding:4px 0;}
.headline-block h1 a { padding:4px 7px 0;}

/* -----  Motto Block  ------------------------------ */
.motto-block { position:absolute; width:261px; height:114px; top:120px; left:660px; overflow:hidden;}
.motto-block a img { display:block;}


/* ---------------------------------------------- */
/* -----  MAIN COLUMN  ------------------------------ */
/* ---------------------------------------------- */

.main-column { width:740px; padding:130px 0 60px 210px;}

/* -----  Left  ------------------------------ */
.main-column-left { float:left; width:365px; overflow:hidden;}
.main-column-left-narrow { float:left; width:300px; overflow:hidden;}
.main-column-left-wide { float:left; width:455px; overflow:hidden;}
.main-column-left-inside { width:auto; padding:1px 0;}

/* -----  Right  ------------------------------ */
.main-column-right { float:right; width:365px; overflow:hidden;}
.main-column-right-narrow { float:right; width:260px; overflow:hidden;}
.main-column-right-wide { float:right; width:420px; overflow:hidden;}
.main-column-right-inside { width:auto; padding:1px 0;}

/* -----  Wide  ------------------------------ */
.main-column-wide { float:left; width:730px; overflow:hidden;}
.main-column-inside { width:auto; padding:1px 0;}


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

.main-column .menu { width:240px; overflow:hidden; background:url(../obrazky/menu-divider.gif) left bottom repeat-x; padding:25px 0 1px 0;}
.main-column .menu li { list-style-type:none; width:240px; float:left; background:url(../obrazky/menu-divider.gif) left top repeat-x; padding:1px 0 0 0;}
.main-column .menu li a { display:block; width:240px; font-size:22px; font-weight:bold; padding:10px 0 10px 1px; text-transform:uppercase; color:#fff; border:0 none;}
.main-column .menu li a:hover { color:#090909; background-color:#a2a2a2; padding:10px 0 10px 5px;}
.main-column .menu li.small a { font-size:18px; font-weight:normal; padding:13px 0 13px 1px;}
.main-column .menu li.small a:hover { color:#090909; background-color:#a2a2a2; padding:13px 0 13px 5px;}


/* ---------------------------------------------- */
/* -----  BASIC TYPO  ------------------------------ */
/* ---------------------------------------------- */

.main-column a { color:#8f8e8e; font-weight:bold;}
.main-column a:hover { color:#000; background-color:#e7e6e6;}

.main-column p { font-family: Georgia, "New York CE", utopia, serif; font-size:15px; color:#ddd; line-height:1.7em; text-indent:1em; margin:20px 0 20px; padding:0 12px; text-align:justify;}
.main-column p strong { font-size:16px; color:#fff; font-weight:bold;}
.main-column p.special { color:#fff; font-style:italic; font-weight:bold; text-align:center; text-indent:0px; padding:3px 30px;}
.main-column p a { font-size:14px; text-transform:uppercase; color:#fff; padding:2px 3px; border-top:1px dotted #7c7c7c; border-bottom:1px dotted #7c7c7c; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}
.main-column p a:hover { border:0 none;}

.main-column h3 { font-size:32px; line-height:1.1em; text-transform:uppercase; font-weight:bold; margin:24px 0 20px; padding:0 15px;}
.main-column h3 strong { color:#a6a6a6; font-weight:bold;}
.main-column-left-inside h3 { text-align:right;}

.main-column h2 { font-size:20px; letter-spacing:-1px; text-transform:uppercase; padding:5px 12px 2px 12px; margin:20px 0 20px;}
.main-column h2.zajimavost { padding:5px 12px 2px 12px; text-transform:uppercase; font-size:20px; letter-spacing:-1px;}
.main-column h2.bigger { font-size:24px; padding-bottom:0;}
.main-column h2 a { color:#fff; padding:0 4px; border-bottom:1px dotted #7c7c7c;}
.main-column h2.zajimavost a { border:0 none; padding:0;}

.main-column h4 { font-family:Georgia, "New York CE", utopia, serif; font-weight:normal; font-size:22px; color:#aaa; margin:40px 0 20px; padding:0 12px;}

.main-column h5 { font-size:10px; line-height:2.5em; text-transform:uppercase; text-align:right; padding:0 10px 0 0; margin:25px 0 20px;}
.main-column h5 a { padding:2px 4px;}

.main-column img.image { display:block; margin:26px auto; border:4px solid #000;}

/* -----  Social  ------------------------------ */
.main-column .social { width:auto; height:65px; overflow:hidden; padding:0 8px;}
.social a.social-button { display:block;width:181px; height:51px; font-size:8px; line-height:14px; font-weight:bold; color:#9b9b9b; overflow:hidden; background:url(../obrazky/button-social-facebook.gif) left top no-repeat;}
.social a.social-button small { display:block; font-size:8px; text-transform:uppercase; padding:12px 10px 0 53px;}
.social a.social-button:hover { background-position:right top; color:#fff;}

.social a.facebook { background-image:url(../obrazky/button-social-facebook.gif) !important;}


/* ---------------------------------------------- */
/* -----  CENIK  ------------------------------ */
/* ---------------------------------------------- */

.main-column .item-cenik { margin:20px 0 10px; padding:0 12px;}
.item-cenik table { width:100%;}
.item-cenik table td { font-family: Georgia, "New York CE", utopia, serif; color:#aeaeae; line-height:1.8em; text-align:left; vertical-align:top; border-top:1px dotted #444;}
.item-cenik table td.cenik-header { font-size:17px; width:325px; padding-top:0.4em;}
.item-cenik table td.cenik-popis { font-size:13px; padding-bottom:1.4em; border-top:0 none;}
.item-cenik table td.cenik-cena { font-size:16px; text-align:right; padding-top:0.6em; line-height:1.2em;}
.item-cenik table td.cenik-cena strong { font-size:20px;}
.item-cenik table td.cenik-cena small { font-size:12px;}
.item-cenik table td strong { color:#fff;}


/* ---------------------------------------------- */
/* -----  ZAJIMAVOST  ------------------------------ */
/* ---------------------------------------------- */

.item-zajimavost { background:url(../obrazky/zajimavosti-item-divider.png) center bottom no-repeat; padding:0 0 25px 0; margin:20px 0 20px;}
* html .item-zajimavost { background-image:url(../obrazky/zajimavosti-item-divider.gif);}
/*.item-zajimavost h2 { font-size:20px; text-transform:uppercase; padding:5px 8px 5px 12px;}*/
.item-zajimavost h2 { font-size:20px; text-transform:uppercase; padding:5px 8px 2px 12px; margin:0; letter-spacing:-1px;}
.item-zajimavost h2 a { color:#fff; padding:0 0px;}
.main-column h2 span.zajimavost-date { display:block; float:right; margin:-3px -4px 0 0; background:url(../obrazky/zajimavost-date-bcg.png) left top no-repeat; width:85px; height:34px; overflow:hidden;}
* html .main-column h2 span.zajimavost-date { background-image:url(../obrazky/zajimavost-date-bcg.gif);}
.main-column h2 span.zajimavost-date em { display:block; text-align:center; color:#c1c1c1; font-style:normal; font-size:14px; font-weight:normal; padding:2px 5px 0 0;}
.main-column h2 span.zajimavost-date em strong { color:#e6e6e6;}
.main-column p.preface { font-size:16px; font-style:italic; color:#fff; line-height:1.7em; text-indent:0; margin:10px 0 10px; padding:0 12px; text-align:justify;}
.main-column p.preface-small { font-size:14px; color:#ddd; font-style:italic; line-height:1.7em; text-indent:0; margin:10px 0 10px; padding:0 12px; text-align:justify;}
.item-zajimavost h5 { padding:0 10px 0 0; margin:0;}
.item-zajimavost .zajimavost-img { display:block; float:left; width:131px; height:125px; margin:10px 15px 0 10px;}
* html .item-zajimavost .zajimavost-img { margin:10px 8px 0 5px;}
.item-zajimavost .zajimavost-img a { display:block; background:url(../obrazky/zajimavost-img-bcg.gif) left top no-repeat; padding:4px;}
.item-zajimavost .zajimavost-img a:hover { background-position:right top;}
.item-zajimavost .zajimavost-img a img { display:block;}


/* ---------------------------------------------- */
/* -----  REFERENCE  ------------------------------ */
/* ---------------------------------------------- */

.main-column p.reference-menu { font-size:15px; line-height:2.7em; text-indent:0; text-align:right;}
.main-column p.reference-menu a { font-size:15px; text-transform:none; color:#e5e5e5; padding:2px 0px; margin:0 4px; border:0 none;}
.main-column p.reference-menu a:hover { color:#090909; background-color:#a2a2a2;}

.main-column p.reference-menu .size1 { font-size:15px !important;}
.main-column p.reference-menu .size2 { font-size:16px !important;}
.main-column p.reference-menu .size3 { font-size:18px !important;}
.main-column p.reference-menu .size4 { font-size:20px !important;}
.main-column p.reference-menu .size5 { font-size:22px !important;}

.main-column .reference-thumbnails { margin:20px 0 22px;}
.main-column .reference-thumbnails a { display:block; float:left; margin:0 5px 5px 0;}
.main-column .reference-thumbnails a img { display:block; border:4px solid #000;}
.main-column .reference-thumbnails a:hover img { border-color:#3a3a3a;}

/* -----  Detail  ------------------------------ */
.main-column .reference-detail h2 { font-size:30px; text-transform:none; letter-spacing:0px; padding:5px 12px 2px 8px;}
.main-column .reference-detail p { font-size:15px; line-height:1.9em;}
.main-column .reference-detail p strong { font-size:17px; color:#fff; font-weight:bold;}
.main-column .reference-detail .images { margin:26px auto 20px; text-align:center;}
.main-column .reference-detail .images img { border:4px solid #000; margin:0 4px;}


/* ---------------------------------------------- */
/* -----  HOME  ------------------------------ */
/* ---------------------------------------------- */

.home .item-zajimavost h2 { font-size:18px; padding-top:12px; padding-left:12px;}
.home h2 span.zajimavost-date { margin-top:-5px !important;}
.home p.preface { font-size:12px !important; color:#ddd !important;}

.home .reference-thumbnails a { float:right !important;}
.home .reference-thumbnails { padding:10px 8px 0 0 !important;}

.home h3 a { border-bottom:1px dotted #7c7c7c; border-top:1px dotted #7c7c7c;}
.home .item-zajimavost h2 a { border-bottom:1px dotted #7c7c7c; border-top:1px dotted #7c7c7c;}


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

.footer { clear:both; width:auto;}

/* -----  Stripe 1  ------------------------------ */
.footer-stripe1 { width:auto; background:url(../obrazky/footer-stripe1-bcg-top.png) left top repeat-x; padding:1px 0 0 0;}
* html .footer-stripe1 { background:#2c2c2c;}
.footer-stripe1-inside { width:auto; background:url(../obrazky/footer-stripe1-bcg.png) left top repeat; padding:40px 0 40px 220px;}
* html .footer-stripe1-inside {  background:#0b0b0b;}

.footer-stripe1 .bottommenu { float:left; width:170px; padding:10px 0 0 0;}
.footer-stripe1 .bottommenu li { display:block; float:left; width:157px; padding:8px 0 8px 20px; list-style-type:none; background:url(../obrazky/cross-footer.png) 0px 10px no-repeat;}
* html .footer-stripe1 .bottommenu li { background-image:url(../obrazky/cross-footer.gif);}
.footer-stripe1 .bottommenu li a { font-size:15px; padding:3px 4px; font-weight:bold; text-transform:uppercase;}

.footer-stripe1 .partners { float:left; width:325px; height:165px; padding:15px 10px 0 30px; overflow:hidden; background:url(../obrazky/footer-stripe1-divider.gif) left top repeat-y;}
.footer-stripe1 .partners h3 { font-size:12px; text-transform:uppercase; color:#a6a6a6; margin:0 0 15px 0;}
.footer-stripe1 .partners a { display:block; float:left;}
.footer-stripe1 .partners img { display:block; margin:0; padding:0 20px 0 18px;}
.footer-stripe1 .partners img.logo-2 { padding-top:25px;}
.footer-stripe1 .partners img.logo-3 { padding-top:20px;}
.footer-stripe1 .partners img.logo-4 { padding-top:10px;}

.footer-stripe1 .contacts { /*float:left;*/ width:140px; height:165px; padding:15px 0 0 30px; overflow:hidden; background:url(../obrazky/footer-stripe1-divider.gif) left top repeat-y;}
.footer-stripe1 .contacts h3 { font-size:12px; text-transform:uppercase; color:#a6a6a6;}
.footer-stripe1 .contacts a.logo { display:block; width:101px; height:37px; margin:25px 0 8px -2px; background:url(../obrazky/logo-topimage-footer.png) left top no-repeat;}
* html .footer-stripe1 .contacts a.logo { background-image:url(../obrazky/logo-topimage-footer.gif);}
.footer-stripe1 .contacts a.logo small { display:none;}
.footer-stripe1 .contacts p { font-size:12px; color:#fefefe; line-height:1.6em;}
.footer-stripe1 .contacts p em { font-style:normal; color:#e8e8e8;}
.footer-stripe1 .contacts p strong { font-size:14px; color:#e8e8e8;}
.footer-stripe1 .contacts p strong em { font-weight:normal; color:#c1c1c1;}

/* -----  Stripe 2  ------------------------------ */
.footer-stripe2 { width:auto; clear:both; background:url(../obrazky/footer-stripe2-bcg-top.png) left top repeat-x; padding:1px 0 0 0;}
* html .footer-stripe2 { background:#252525;}
.footer-stripe2-inside { width:auto; background:url(../obrazky/footer-stripe2-bcg.png) left top repeat; padding:40px 0 40px 222px;}
* html .footer-stripe2-inside { background:#040404;}

.footer-stripe2 .tagcloud { float:left; width:575px; padding:5px 0 5px 0; overflow:hidden;}
.footer-stripe2 .tagcloud p { font-size:15px; line-height:2em;}
.footer-stripe2 .tagcloud p a { margin-right:20px; font-weight:bold; padding:2px;}
.footer-stripe2 .tagcloud .size1 { font-size:13px !important;}
.footer-stripe2 .tagcloud .size2 { font-size:14px !important;}
.footer-stripe2 .tagcloud .size3 { font-size:15px !important;}
.footer-stripe2 .tagcloud .size4 { font-size:16px !important;}
.footer-stripe2 .tagcloud .size5 { font-size:18px !important;}

.footer-stripe2 a.motto { display:block; float:left; width:131px; height:58px; margin:15px 0 0 15px; background:url(../obrazky/odbornici-na-styl-footer.png) left top no-repeat;}
* html .footer-stripe2 a.motto { background-image:url(../obrazky/odbornici-na-styl-footer.gif);}
.footer-stripe2 a.motto small { display:none;}

/* -----  Stripe 3  ------------------------------ */
.footer-stripe3 { width:auto; clear:both; background:url(../obrazky/footer-stripe3-bcg-top.png) left top repeat-x; padding:1px 0 0 0;}
.footer-stripe3-inside { width:auto; background:url(../obrazky/footer-stripe3-bcg.png) left top repeat; padding:40px 0 30px 215px;}

.footer-stripe3 a { display:block; float:left; margin:0 75px 0 0;}


/* ---------------------------------------------- */
/* -----  FLYING STUFF  ------------------------------ */
/* ---------------------------------------------- */

.flying-contact { width:165px; height:170px; overflow:hidden; position:absolute; left:20px; top:300px;}
.flying-contact p { font-size:12px; color:#fefefe; line-height:1.6em; text-align:center;}
.flying-contact p em { font-style:normal; color:#e8e8e8;}
.flying-contact p strong { font-size:14px; color:#e8e8e8;}
.flying-contact p strong em { font-weight:normal; color:#c1c1c1;}
.flying-contact a.motto { display:block; width:131px; height:58px; margin:0 0 10px 17px; background:url(../obrazky/odbornici-na-styl-left.png) left top no-repeat;}
* html .flying-contact a.motto { background-image:url(../obrazky/odbornici-na-styl-left.gif);}
.flying-contact a.motto small { display:none;}

.flying-contact a.button { display:block; width:120px; height:37px; margin:12px auto 0 ; background:url(../obrazky/button-rainbow-kontakt.gif) left top no-repeat;}
.flying-contact a.button small { display:none;}
.flying-contact a.button:hover { background-position:right top;}


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

/* -----  Barvy ------------------------------ */
.color-1 { color:#d6fd00 !important;}
.color-2 { color:#23b7f6 !important;}
.color-3 { color:#db01ac !important;}
.color-4 { color:#ff7f12 !important;}
a.color-1:hover { color:#090909 !important; background-color:#d6fd00 !important;}
a.color-2:hover { color:#090909 !important; background-color:#23b7f6 !important;}
a.color-3:hover { color:#090909 !important; background-color:#db01ac !important;}
a.color-4:hover { color:#090909 !important; background-color:#ff7f12 !important;}

/* -----  Barvy HOME ------------------------------ */
/* .color-1 { color:#090909 !important; background-color:#d6fd00 !important;}
.color-2 { color:#090909 !important; background-color:#23b7f6 !important;}
.color-3 { color:#090909 !important; background-color:#db01ac !important;}
.color-4 { color:#090909 !important; background-color:#ff7f12 !important;}
a.color-1:hover { color:#d6fd00 !important;}
a.color-2:hover { color:#23b7f6 !important;}
a.color-3:hover { color:#db01ac !important;}
a.color-4:hover { color:#ff7f12 !important;} */

.color-1-dark { color:#88a601 !important;}
.color-2-dark { color:#1879a2 !important;}
.color-3-dark { color:#900271 !important;}
.color-4-dark { color:#a7540d !important;}
a.color-1-dark:hover { color:#d6fd00 !important; background-color:#000 !important;}
a.color-2-dark:hover { color:#23b7f6 !important; background-color:#000 !important;}
a.color-3-dark:hover { color:#db01ac !important; background-color:#000 !important;}
a.color-4-dark:hover { color:#ff7f12 !important; background-color:#000 !important;}

/* -----  Fonty ------------------------------ */
.font-standard { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif !important;}
.font-headline { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif !important;}
.font-fancy { font-family: Georgia, "New York CE", utopia, serif !important;}

/* -----  Zarovnani a doladeni ------------------------------ */
.leva { text-align:left !important;}
.prava { text-align:right !important;}
.stred { text-align:center !important;}
.odsazeni { margin-bottom:5px !important;}
.bigodsazeni { margin-bottom:30px !important;}
.noindent { text-indent:0 !important;}
.noupparecase { text-transform:none !important;}
a.nofancy { text-transform:none !important; border:none !important; font-weight:normal !important;}
.margintop20px { margin-top:20px !important;}

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