* { margin: 0; padding: 0; }
body { background: #997f73; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
a:hover { text-decoration: none; }
.clr { clear: both; }
.nobr  { white-space: nowrap; }
.price  { text-align: right; }

.bodybgmid { background: url('../img/bodybgmid.png') center repeat-y; }
.bodybgtop { background: url('../img/bodybgtop.jpg') top center no-repeat; }
.bodybgbottom { background: url('../img/bodybgbottom.png') bottom center no-repeat; }

.body { width: 992px; margin: 0 auto; }

.header { height: 174px; }
.logo { float: left; margin: 0 0 0 16px; width: 453px; height: 145px; }
.logo  a { display: block; width: 453px; height: 145px; background: url('../img/salon-essentia-pardubice.png') no-repeat; }
.logo span { display: none; }
.mainmenu ul { padding: 112px 0 0 0; list-style: none; }
.mainmenu li { display: inline; }
.mainmenu li a { padding: 112px 11px 14px; color: #333333; font-size: 16px; text-decoration: none; }
.mainmenu li.active a,
.mainmenu li a:hover { color: #ffffff; background: #CBAB60; }

.introimg { height: 198px; }
.introimg span { display: none; }

.pagebody { margin: 0 16px; width: 960px; background: url('../img/pagebodybg.gif') right bottom no-repeat; }
.breadcrumbs { margin: 6px 40px 0 60px; width: 860px; height: 32px; color: #a88739; font-family: Palatino Linotype, Book Antiqua3, Palatino, serif; }
.breadcrumbs a { color: #a88739; }
.pagebodyleft { float: left; margin: 0 0 20px 60px; width: 610px; color: #805d4d; overflow: hidden; font-family: Palatino Linotype, Book Antiqua3, Palatino, serif; }
.pagebodyleft h1 { padding: 4px 0 12px 40px; color: #a88739; background: url('../img/h1.gif') no-repeat; font-family: Arial, Helvetica, sans-serif; }
.pagebodyleft h2 { padding: 4px 0 12px 40px; color: #a88739; background: url('../img/h2.gif') no-repeat; font-family: Arial, Helvetica, sans-serif; }
.pagebodyleft h2 a { text-decoration: none; }
.pagebodyleft h3 { color: #a88739; font-family: Arial, Helvetica, sans-serif; }
.pagebodyleft h3 a { text-decoration: none; }
.pagebodyleft h4 { color: #805d4d; font-family: Arial, Helvetica, sans-serif; }
.pagebodyleft h5 { color: #805d4d; font-family: Arial, Helvetica, sans-serif; font-style: italics; }
.pagebodyleft h6 { color: #805d4d; font-family: Arial, Helvetica, sans-serif; font-style: italics; }
.pagebodyleft p { padding: 4px 0 12px; }
.pagebodyleft a { color: #a88739; }
.pagebodyleft ul { margin: 0 0 12px 21px; padding: 0; list-style: none;}
.pagebodyleft li { padding: 0 0 0 20px; background: url('../img/ul-li.gif') 0px 5px no-repeat; }
.pagebodyleft table { border-collapse: collapse; border-top: 1px solid #a88739; }
.pagebodyleft table td, table th { padding: 2px 8px; border-bottom: 1px solid #a88739; }
.pagebodyleft table th { border-top: 1px solid #a88739; text-align: left; font-weight: bold; }

.pagebodyright { float: right; margin: 0 40px 0 0; width: 200px; min-height: 700px; }
.pagebodyright h2 { padding: 8px 0 0 30px; width: 170px; height: 33px; color: #f7f1e4; font-size: 19px; background: url('../img/sluzby.png') no-repeat; }
.pagebodyright ul { list-style: none; }
.pagebodyright li a { display: block; padding: 12px 0 0 40px; width: 160px; height: 28px; color: #444444; background: url('../img/sluzby-li-bg.png') 0 0 no-repeat; text-decoration: none; }
.pagebodyright li.active a,
.pagebodyright li a:hover { color: #a88d39; background: url('../img/sluzby-li-bg.png') 0 -40px no-repeat; }

.footer { margin: 0 16px; width: 960px; background: #cbab60; font-size: 13px; color: #ffffff; }
.footer a { color: #ffffff; text-decoration: none; }
.footerint { padding: 22px 0 10px 38px; }
.footer .col { float: left; margin: 0 38px 0 0; width: 267px; }
.footer .col p { margin: 4px 5px 20px 12px; }

.footer .col  h2 { padding: 3px 0 0 33px; height: 24px; font-size: 14px; color: #ffffff; background: url('../img/footer-h2.gif') top left no-repeat; }
.footer .copy { padding: 3px 0 0 33px; height: 24px; width: 844px; font-size: 13px; color: #ffffff; background: url('../img/footer-h2.gif') top left no-repeat; }
.footer .col2 { float: left; width: 572px; }
.footer .col3 { float: right; padding: 0 12px 0 0; width: 255px; text-align: right; }
.footer .colcol { float: left; width: 120px; }

#Gmaps { float: right; margin: 0 0 20px 20px; }
.article { margin: 0 0 16px; }
.article .datum { float: right; margin: 7px 0 0; widht: 80px; font-size: 14px; text-align: right; }

.gallery .gal-item { float: left; width: 203px; }
.gallery .gal-item .obrazek { margin: 10px 26px 4px 25px; width: 150px; overflow: hidden; }
.gallery .gal-item .popisek { margin: 0px 26px 10px 25px; height: 36px; width: 150px; text-align: center; font-size: 11px; overflow: hidden; }

.formular .error { font-size: 11px; color: #D9261C; }
.formular .required { color: #D9261C; }
.formular form { background: none; }
.formular form input.text, .poptavka form textarea, .poptavka form input[type=text] { padding: 1px; width: 248px; font-size: 12px; font-family: Arial; }
.formular form .field { clear: both; margin: 0px 0px 4px 0px; }
.formular form .field label { float: left; display: block; width: 140px; }
.formular form .field input,
.formular form .field textarea { padding: 2px 4px; width: 240px; font-size: 13px; }
.formular form .field .fieldsubmit { width: auto; }

.welcomebody { background: #66554E; font-family: Palatino Linotype,Book Antiqua3,Palatino,serif; font-size: 17px; }
.welcomebodybg { padding: 42px 0 0 0; min-height: 620px; background: url('../img/essentia-welcome-bg.jpg') top center no-repeat; }
.welcomebodybg .odkaz { margin: 0 auto; width: 1018px; height: 609px; background: url('../img/welcome2.jpg') top center no-repeat; }
.welcomebodybg .logo { float: left; display: block; margin: 8px 0 0 28px; width: 420px; height: 150px; }
.welcomebodybg .text1 { float: left; margin: 28px 0 0 0; width: 540px; height: 130px; overflow: hidden; }
.welcomebodybg .text1int { margin: 48px 0 0 28px; width: 480px; height: 65px; overflow: hidden; color: #f7f1e4; }
.welcomebodybg .text1int a { color: #f7f1e4; text-decoration: none; }
.welcomebodybg .text2 { clear: both; float: left; margin: 315px 0 0 28px; width: 540px; height: 95px; overflow: hidden; }
.welcomebodybg .text2int { margin: 28px 0 0 28px; width: 480px; height: 46px; overflow: hidden; color: #404040; }
.welcomebodybg .text2int a { color: #404040; text-decoration: none; }
.welcomebodybg .vstupte { float: left; display: block; margin: 349px 0 0 84px; width: 252px; height: 57px; background: url('../img/vstupte.png') top center no-repeat; }
.welcomebodybg .vstupte:hover { background: url('../img/vstupte-active.png') top center no-repeat; }
.welcomebodybg span { display: none; }

.mybody { display: none; }

.justifyright { text-align: right; }