/*------------------------------------------------------------------
[Hlavni Stylesheet]

Projekt: BonVivant
Autor: Petr Havelka - petr@citronak.cz
Vystupni zarizeni: screen, projection
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[ Generally ]
*/

a {
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

body, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, form, p, fieldset, input { margin: 0; padding: 0;}

body {
	background: #000;
	color: #000;
	font-size: 62.5%;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	border: none;
}

hr, .none, caption, .toPrint, legend { display: none; }

.jmp, h1 {
	position: absolute;
	top: -2000px;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.fl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fl { display: inline-table; }

/* Skrytí pred IE/MAC \*/
* html .fl { height: 1%; }
.fl { display: block; }
/* Konec skrytí pred IE/MAC */

img, fieldset {
	border: none;
}



/*------------------------------------------------------------------
[ Header ]
*/

#header {
	margin: 15px auto;
	width: 794px;
	height: 105px;
	position: relative;
	text-align: left;
	background: #7f1e28;
}

#logo {
	position: absolute;
	left: 26px; top: 15px;
	width: 187px; height: 75px;
	overflow: hidden;
	font-size: 1.6em;
}

#logo span a {
	display: block;
}

#logo span {
	position: absolute;
	left: 0; top: 0;
	width: 187px; height: 75px;
	background: url(../img/bonVivant.png) 0 0 no-repeat;
}

#header #cite {
	position: absolute;
	left: 250px; top: 0;
	line-height: 105px;
	height: 105px;
	color: #aa974e;
	font-size: 2.8em;
	text-transform: uppercase;
	letter-spacing: 5px;
}

/*------------------------------------------------------------------
[ Menu ]
*/

#menuCont {
	width: 100%;
	height: 211px;
	position: relative;
	background: #333333 url(../img/menuBg.png) 0 0 repeat-x;
}

#hp #menuCont #mainMenu {
	background: none;
	height: 49px;
}

#mainMenu {
	list-style: none;
	width: 794px;
	height: 211px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/menuPic.png) 0 63px no-repeat;
}

#mainMenu li {
	
	float: left;
	line-height: 49px;
	height: 49px;
	font-size: 1.6em;
	background: #aa974e;
}

#mainMenu li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 0 0 26px;
}

#mainMenu li.first a {
	margin: 0 0 0 4px;
}

#mainMenu li.active a, body #mainMenu li a:hover {
	color: #000;
}


#hpShowC {
	margin: 14px auto;
	width: 794px; 
	height: 133px;
	text-align: center;
	clear: both;
}

#hpShow {
	text-align: left;
	display: block;
	width: 794px; 
	height: 133px;
	list-style: none;
}

#hpShow li {
	float: left;
	width: 115px;
	height: 133px;
	margin-right: 21px;
}

#hpShow li.lastHp {
	margin-right: -1px;
	margin-left: -1px;
}

#hpShow li a {
	display: block;
}

#hpShow li a img {
	display: block;
}

#hpShow li a:hover, #hpShow li a:active {
	border: none;
}

#hpImg {
	background: url(../images/hp/hp_carmen.jpg) -1000px -1000px no-repeat;
	background: url(../images/hp/hp_eisch.jpg) -1000px -1000px no-repeat;
	background: url(../images/hp/hp_kendal-jackson.jpg) -1000px -1000px no-repeat;
	background: url(../images/hp/hp_la-minga.jpg) -1000px -1000px no-repeat;
	background: url(../images/hp/hp_renacer.jpg) -1000px -1000px no-repeat;
	background: url(../images/hp/hp_spier.jpg) -1000px -1000px no-repeat;
}

#hpAlert {
	position: absolute;
	top: 10px;
	right: 10px;
	border: 3px solid #7e1f27;
}

#hpAlert:hover {
	border-color: #aa974e;
}

#hpAlert img {
	display: block;
}

#hpAlert2 {
	position: absolute;
	top: 10px;
	right: 10px;
	border: 3px solid #7e1f27;
	background: white;
	width: 188px;
	height: 132px;
	color: black;
	font-size: 1.4em;
	text-align: center;
	text-decoration: none;
}

#hpAlert2:hover {
	border-color: #aa974e;
}

#hpAlert2 img {
	display: block;
}


#hpAlert2 strong {
	color: #7f1e28;
}

/*------------------------------------------------------------------
[ Content ]
*/

#content {
	width: 794px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: url(../img/contentBg.png) 0 0 repeat-y;
}

#right {
	float: right;
	width: 188px;
	background: #7f1e28;
	min-height: 594px;
	height: 594px;
}

#right p a {
  color:#AA974E;
}

#right ul {
	list-style: none;
	display: block;
	width: 120px;
	margin: -24px 0 0 34px;
}

#right ul li {
	margin-top: 36px; width: 120px; display: block;
	clear: both;
}

#right ul a  {
	display: block;
	width: 120px;
	color: #fff;
	font-size: 2em;
	overflow: hidden;
	position: relative;
	text-align: center;
}

#right ul a span {
	position: absolute;
	top: 0; left: 0;
	width: 120px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#right ul a.carmen {
	height: 75px;
}

#right ul a.carmen span {
	height: 75px;
	background-image: url(../img/r-carmen.png);
}

#right ul a.carmen:hover span, #right ul .active a.carmen span {
	background-position: 0 -75px;
}

#right ul a.la-minga {
	height: 59px;
}

#right ul a.la-minga span {
	height: 59px;
	background-image: url(../img/r-la-minga.png);
}

#right ul a.la-minga:hover span, #right ul .active a.la-minga span {
	background-position: 0 -59px;
}

#right ul a.spier {
	height: 72px;
}

#right ul a.spier span {
	height: 72px;
	background-image: url(../img/r-spier.png);
}

#right ul a.spier:hover span, #right ul .active a.spier span {
	background-position: 0 -72px;
}

#right ul a.kendall {
	height: 70px;
}

#right ul a.kendall span {
	height: 70px;
	background-image: url(../img/r-kendall-jackson.png);
}

#right ul a.kendall:hover span, #right ul .active a.kendall span {
	background-position: 0 -70px;
}

#right ul a.renacer {
	height: 54px;
}

#right ul a.renacer span {
	height: 54px;
	background-image: url(../img/r-renacer.png);
}

#right ul a.renacer:hover span, #right ul .active a.renacer span {
	background-position: 0 -54px;
}

#right ul a.eisch {
	height: 60px;
}

#right ul a.eisch span {
	height: 60px;
	background-image: url(../img/r-eisch.png);
}

#right ul a.eisch:hover span, #right ul .active a.eisch span {
	background-position: 0 -60px;
}



html>body #right, html>body #left {
	height: auto;
}

#left, #katalog, #reference, #napsali, #news, #degustace {
	width: 606px;
	float: left;
	min-height: 594px;
	height: 594px;
	background: #fff;
	position: relative;
}

#left.home img {
	display: block;
}

/*#left.home p {
	position: absolute;
	top: 120px;
	left: 26px;
	color: #fff;
	font-size: 2em;
}*/

#left.home #pozText {
	position: absolute;
	color: #000;
	top: 115px;
	left: 140px;
	font-size: 1.1em;
	background-color: white;
}

#left.home #pozText h2 {
	font-size: 1.5em;
	margin-bottom: 16px;
	color: #7f1e28;
}

#left.home #pozText p {
	position: static;
	color: #000;
	font-size: 1.2em; 
	width: 380px;
}

#left.home #pozText p strong {
	color: #a49653; /*7f1e28*/
}

#left.home #pozText p strong.r {
	color: #7f1e28;
}

#pozText p a {
	text-decoration: none;
	color: #a49653;
}

#pozText p a:hover {
	text-decoration: underline;
}

#left.home #pozText a#pwfwPDF {
	text-decoration: none;
	color: #000;
	line-height: 20px;
}

#left.home #pozText a#pwfwPDF:hover {
	text-decoration: underline;
}

#left.home #pozText a#pwfwPDF img {
	float: left;
	margin-right: 10px;
}

#left.home p span {
	padding-left: 38px;
}


#left.home #homeFoto {
	position: absolute;
	left: 0;
	top: 103px;
	overflow: hidden;
	width: 114px; height: 98px;
	font-size: 1.4em;
	color: black;
	line-height: 98px;
	text-align: center;
	text-decoration: none;
}

#left.home #homeFoto span {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background:  url(../images/fotoDegustacky.jpg) 0 0 no-repeat;
}


#fotoDeg {
	text-align: center;
}

#fotoDeg a {
	display: block;
	width: 200px;
	height: 133px;
	margin: 20px auto 20px;
}
/*------------------------------------------------------------------
[ Next ]
*/
#left.oNas {
	background: url(../img/oNasBg.png) 0 0 no-repeat;
}
#left.oNas h2 {
	font-size: 3em;
	text-transform: uppercase;
}

#left.katalog h2 {
	font-size: 1.6em;
	margin-left: 30px;
	margin-bottom: 7px;
	margin-top: 10px;
}

#left.oNas h3.first {
	margin-top: 189px;
}

#left.oNas h3 {
	font-size: 1.6em;
	margin-left: 30px;
	margin-top: 35px;
}

#left.oNas p, #left.katalog  p {
	width: 546px;
	margin-left: 30px;
	margin-bottom: 17px;
	font-size: 1.6em;
	text-align: justify;
	color: #1f1a17;
}

#left.katalog  p {
font-size: 1.2em;
}


#left.kontakty .left {
	float: left;
	width: 196px;
	margin-left: 23px;
}

#left.kontakty .right {
	float: left;
	width: 366px;
}

#left.kontakty p, address {
	font-size: 1.4em;
	font-style: normal;
}

#left.kontakty h3 {
	margin-top: 43px;
	margin-bottom: 15px;
	font-size: 1.4em;
}

#left.kontakty h3.first {
	margin-top: 10px;
}

#left.kontakty h4 {
	margin-top: -15px;
	margin-bottom: 15px;
	font-size: 1.2em;
}

#left.kontakty span {
	margin-top: 4px;
	display: block;
}

#left.katalog {
	background: url(../img/katalogBg.png) 0 0 no-repeat;
}

.katalogItem {
	margin: 0 0 0 30px;
	height: 162px;
	width: 500px;
	position: relative;
	clear: both;
}

.spec {
	margin-bottom: 20px;
	border-bottom: 1px dashed #7f1e28;
}

.katalogItem.Kfirst {
	margin-top: 110px;
}

.katalogItem .pic {
	display: block;
	width: 145px;
	height: 157px;
	float: right;
	margin: 0 0 5px 0;
	background: url(../img/katalogPicBg.png) 0 0 no-repeat;
}

.katalogItem img.pdf, .katalogItem h3 {
	float: left;
}

.katalogItem img.pdf {
	position: absolute;
	top: 76px;
	left: 0px;
}

.katalogItem h3 {
	position: absolute;
	top: 133px; left: 0;
	font-size: 1.3em;
}

.spec h3 {
	top: 20px;
	width: 240px;
	font-size: 1.9em;
	color: #7e1f27 !important;
	text-align: center;
}

.katalogItem h3, .katalogItem h3 a {
	color: #000;
	text-decoration: none;
	display: block;
}

.katalogItem .pic img {
	display: block;
	margin: 0 11px 12px 31px;
}

#left.reference {
	background: url(../img/referenceBg.png) 0 0 no-repeat;
}
#left.reference h3, #left.reference p  {
	font-size: 1.4em;
	text-align: center;
	width: 540px;
	margin-left: 30px;
}

#left.reference h3 {
	margin-top: 14px;
}

#left.reference h3.rFirst {
	margin-top: 80px;
}

#left.napsali {
	background: url(../img/napsaliONasBg.png) 0 0 no-repeat;
}

#left.napsali h4 {
	margin-top: 230px;
	text-transform: uppercase;
	font-size: 1.5em;
	margin-left: 30px;
}

#left.napsali .katalogItem.Kfirst  {
	margin-top: 0px;
}

#left.napsali .katalogItem {
	height: 137px;
}

#left.napsali .katalogItem img.pdf {
	top: 63px;
}

#left.napsali .katalogItem h3 {
	top: 120px; left: 0;
}

#left.newsLettery {
	background: url(../img/newsLetteryBg.png) 0 0 no-repeat;
}

#left.newsLettery .katalogItem, #left.degustace .katalogItem {
	height: 70px;
	margin-bottom: 22px;
	width: 340px;
}

#left.newsLettery .katalogItem h3, #left.degustace .katalogItem h3 {
	top: 50px;
}

#left.newsLettery .katalogItem img.pdf, #left.degustace .katalogItem img.pdf {
	top: 0;
}

#left.newsLettery .katalogItem.kFirst, #left.degustace .katalogItem.dfirst  {
	margin-top: 108px;
}

#left.newsLettery .left {
	float: left;
	width: 371px;
}

#left.newsLettery .right {
	float: left;
}

#left.newsLettery .right a.img {
	display: block;
	margin: 207px 0 0 0;
	cursor: pointer;
	width: 211px;
	 height: 337px;
}

#left.newsLettery .right a.info {
	display: block;
	width: 211px;
	height: 18px;
	background: url(../img/pdfS.gif) 100% 0 no-repeat;
	font-size: 1.6em;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 10px; 
	margin-top: 10px;
}

#left.degustace {
	background: url(../img/degustaceBg.png) 0 0 no-repeat;
}






#left.carmen {
	background: url(../img/carmenBg.jpg) 0 0 no-repeat;
}

#left.znacka p {
	margin-left: 30px;
	margin-bottom: 17px;
	font-size: 1.6em;
	text-align: justify;
	color: #1f1a17;
}

#left.znacka p.dop {
	padding-right: 30px;
	font-size: 1.5em;
}

#left.znacka h3.dop {
	margin-top: 50px;
}

#left.znacka #rightPic {
	float: right;
	margin: 670px 0 80px 14px;
	padding-right: 14px;
}

#left.znacka .rightPics {
	float: right;
	margin: 670px 0 80px 14px;
	padding-right: 14px;
}

#left.znacka .rightPics a {
	display: block;
	margin: 0 0 65px 0;
}

#left.znacka .rightPics a.firstIpcs{
	margin-bottom: 45px;
}

#left.znacka .rightPics a img {
	display: block;
}

#left.laMinga #rightPic, #left.laMinga .rightPics {
	margin: 715px 0 40px 14px;
}


#left.znacka p.first, #left.znacka h2.first {
	margin: 680px 0 0 30px;
}

#left.laMinga h2.first {
	margin: 727px 0 20px 30px;
	font-size: 1.7em;
	color: #1f1a17;
}

#left.kendall p.first {
	margin: 915px 0 20px 30px;
}

#left.kendall #rightPic, #left.kendall .rightPics {
	margin: 890px 0 0 14px;
}

#left.spier #rightPic, #left.spier .rightPics {
	margin: 667px 0 0 14px;
}


#left.eisch #rightPic, #left.eisch .rightPics {
	margin: 682px 0 0 14px;
}

#left.eisch p.first {
	margin: 682px 0 20px 30px;
}
#left.eisch #rightPic2, #left.eisch .rightPics.e2 {
	margin: -40px 0 0 14px;
	padding-right: 14px;
	float: right;
}

#left.eisch .rightPics.e2 a {
	margin-bottom: 4px;
}

#left.eisch #eischBg {
	width: 605px;
	height: 60px;
	background: url(../img/esichBg2.jpg) 0 0 no-repeat;
	margin: 40px 0 15px 0;
}

#left.eisch h3.smaller {
	width: 450px;
	clear: none;
}


#left.znacka.carmen img#imgZnacka {
	position: absolute;
	top: 69px;
	left: 300px;
}

#left.znacka.carmen img#imgZnacka {
	position: absolute;
	top: 69px;
	left: 300px;
}


#left.znacka.laMinga img#imgZnacka {
	position: absolute;
	top: 104px;
	left: 300px;
}

#left.znacka.spier img#imgZnacka {
	position: absolute;
	top: 79px;
	left: 300px;
}

#left.znacka.kendall img#imgZnacka {
	position: absolute;
	top: 62px;
	left: 300px;
}

#left.znacka.renacer img#imgZnacka {
	position: absolute;
	top: 118px;
	left: 300px;
}

#left.znacka.eisch img#imgZnacka {
	position: absolute;
	top: 74px;
	left: 300px;
}

#left.znacka p#hodnoceni {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 17px;
	font-size: 1.2em;
	text-align: justify;
	color: #1f1a17;
}

#left.znacka h3 {
	clear: both;
	font-size: 1.2em;
	margin-left: 30px;
	margin-bottom: 10px;
}

#right p {
	color: #aa974e;
	font-size: 1.4em;
	margin-left: 19px;
}

#right.e p {
	margin-left: 10px;
}

#right h4 {
	color: #aa974e;
	font-size: 1.5em;
	margin-left: 19px;
	margin-top: 16px;
}

#right.e h4 {
	margin-left: 10px;
}


#right h3 {
	color: #aa974e;
	font-size: 1.6em;
	text-align: center;
	margin-bottom: 12px;
}


#right h2 {
	color: #aa974e;
	font-size: 1.8em;
	text-align: center;
}

#right h2.carmen{
	margin: 100px 0 13px;
}

#right h2.laMinga{
	margin: 145px 0 13px;
}

#right h2.spierR {
	margin: 90px 0 13px;
}

#right h2.kendall {
	margin: 70px 0 13px;
	font-size: 1.7em;
}

#right h2.renacer {
	margin: 80px 0 13px;
	font-size: 1.7em;
}

#right h2.eisch1 {
	margin: 99px 0 13px;
	font-size: 1.7em;
}

#right h2.eisch2 {
	margin: 460px 0 13px;
	font-size: 1.7em;
}




#left.carmen #infoZnacka {
	position: absolute;
	top: 460px;
	left: 30px;
}

#left.spier #infoZnacka {
	position: absolute;
	top: 460px;
	left: 30px;
}

#infoZnacka a {
	display: block;
	color: #1f1a17;
	font-size: 1.4em;
	margin-bottom: 45px;
}

#infoZnacka h2, #prodZnacka h2 {
	color: #1f1a17;
	font-size: 1.6em;
}

#infoZnacka h2 a , #prodZnacka h2 a {
	color: #1f1a17;
	text-decoration: none;
}

#left.carmen #prodZnacka {
	position: absolute;
	left: 30px;
	top: 218px;
}

#left.spier #prodZnacka {
	position: absolute;
	left: 30px;
	top: 218px;
}



#left.laMinga {
	background: url(../img/laMingaBg.jpg) 0 0 no-repeat;
}

#left.laMinga #infoZnacka {
	position: absolute;
	top: 545px;
	left: 30px;
}

#left.laMinga #prodZnacka {
	position: absolute;
	left: 30px;
	top: 218px;
}

#left.kendall #infoZnacka {
	position: absolute;
	top: 452px;
	left: 30px;
}

#left.kendall #prodZnacka {
	position: absolute;
	left: 30px;
	top: 218px;
}

#left.renacer #infoZnacka {
	position: absolute;
	top: 460px;
	left: 30px;
}

#left.renacer #prodZnacka {
	position: absolute;
	left: 30px;
	top: 218px;
}

#left.eisch #infoZnacka {
	position: absolute;
	top: 460px;
	left: 30px;
}

#left.eisch #prodZnacka {
	position: absolute;
	left: 30px;
	top: 218px;
}




#left.spier {
	background: url(../img/spierBg.jpg) 0 0 no-repeat;
}

#left.kendall {
	background: url(../img/kendallBg.jpg) 0 0 no-repeat;
}

#left.renacer {
	background: url(../img/renacerBg.jpg) 0 0 no-repeat;
}

#left.eisch {
	background: url(../img/eischBg.jpg) 0 0 no-repeat;
}



/*------------------------------------------------------------------
[ Footer]
*/

#footer {
	clear: both;
	width: 794px;
	height: 44px;
	margin: 15px auto 0;
	background: #7f1e28;
	color: #aa974e;
	font-size: 1.7em;
	line-height: 44px;
	text-transform: uppercase;
}

#left.degustace h3.dFirst {
	margin-top: 100px;
}

#left.degustace h3 {
	clear: both;
	margin-left: 23px;
	font-size: 1.5em;
	margin-bottom: 0px;
}

#left.degustace p {
	margin: 2px 0 10px 30px;
	font-size: 1.4em;
}