/* CSS Document */

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	background: white ;
}

body#shp {
	background-color:#ebebeb;
	background-image:url('/img/shp.gif');
	background-repeat:no-repeat;
	background-position:center 18px;
}
a{
	color: #555555;
	font-weight:bold;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	color:#000000;
}
ul{
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
}
li{
	margin:0;
	padding:0 0 0 10px;
	background-image:url('/img/li.gif');
	background-repeat:no-repeat;
	background-position:0px 6px;
}

#root {}

#root-top {
	height: 21px;
	width: 1066px;

}




#holder {
	margin-top: 60px;
	position:relative;
}
#holder-shp {
	position:relative;
	width:100%;
}
#mainframe {
	margin:0 auto 0 auto;
	position:relative;
	width:940px;
}
#mainframe-shp {
	margin:0 auto 0 auto;
	position:relative;
	width:960px;
}
#content {
	position:absolute;
	left:0;
	top:86px;
	width:100%;
	height:569px;
	background-repeat:no-repeat;
	background-position:center center;
}

/*nastavení pozadí pro jednotlivé sekce*/
.basic-bg{background-image:url('/img/content-2.jpg');}

.cz{background-image:url('/img/content-1.jpg');}
.en{background-image:url('/img/content-1.jpg');}
.ru{background-image:url('/img/content-1.jpg');}
/*cz*/
.karlovy-vary-a-jejich-voda{background-image:url('/img/content-1.jpg');}
.o-spolecnosti{background-image:url('/img/content-2.jpg');}
.kariera{background-image:url('/img/content-3.jpg');}
.kontakt{background-image:url('/img/content-4.jpg');}
.tiskove-centrum{background-image:url('/img/content-5.jpg');}
.klientska-zona{background-image:url('/img/content-6.jpg');}
.mapa-stranek{background-image:url('/img/content-7.jpg');}
.copyright{background-image:url('/img/content-8.jpg');}
.vyhledavani{background-image:url('/img/content-9.jpg');}
/*en*/
.carlsbad-and-his-water{background-image:url('/img/content-1.jpg');}
.about-company{background-image:url('/img/content-2.jpg');}
.career{background-image:url('/img/content-3.jpg');}
.contact{background-image:url('/img/content-4.jpg');}
.press-centrum{background-image:url('/img/content-5.jpg');}
.bussiness-zone{background-image:url('/img/content-6.jpg');}
.server-map{background-image:url('/img/content-7.jpg');}
.copyright{background-image:url('/img/content-8.jpg');}
.search{background-image:url('/img/content-9.jpg');}
/*ru*/
.karlovy-vary-i-ikh-voda{background-image:url('/img/content-1.jpg');}
.o-kompanii{background-image:url('/img/content-2.jpg');}
.karera{background-image:url('/img/content-3.jpg');}
.kontakty{background-image:url('/img/content-4.jpg');}
.informacionnyjj-centr{background-image:url('/img/content-5.jpg');}
.klientska-zona{background-image:url('/img/content-6.jpg');}
.karta{background-image:url('/img/content-7.jpg');}
.kopirajjt{background-image:url('/img/content-8.jpg');}
.poisk{background-image:url('/img/content-9.jpg');}


#content-prod {
	position:absolute;
	left:0;
	top:86px;
	width:100%;
	height:569px;
	background-image:url('/img/prod-bg.jpg');
	background-repeat:no-repeat;
	background-position:center center;

}

.prod-text-bg{
	background-color:#FFFFFF;
	position:absolute;
	left:243px;
	top:102px;
	width:345px;
	height:258px;
	opacity:0.8;
	filter: alpha(opacity = 80);
}
div#wn.wn-prod {
	width:320px;
	height:240px;
	left:7px;
	top:0px;
}

div#scrollbar.scrollbar-prod {
	position:absolute;
	left:335px;
	top:0px;
	height:258px;
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}

#lyr1{
	line-height:1.7;
	width:488px;
}
div#lyr1.prod{
	line-height:1.7;
	width:auto;
}
#content-shp {
	width:960px;
	height:620px;
	margin-top:86px;
	border:1px solid #FFFFFF;

}
#top-navi {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:86px;
	position:relative;
}
#logo {
	position:absolute;
	right:0;
	top:0;
	width:176px;
	height:86px;
	overflow:hidden;
	background-image:url('/img/logo.gif');
	background-repeat:no-repeat;
	background-position:center center;
}
#logo h1 {
	display:block;
	width:176px;
	height:86px;
	margin:0;
	padding:0;
}
#logo a {
	display:block;
	width:176px;
	height:86px;
}
#logo h1 a span {
	display:none;
}
#menu {
	position:absolute;
	left:0;
	bottom:18px;
	border:1px solid #5d5c5d;
	padding:3px 3px 3px 3px;
	%padding:2px 3px 4px 3px;
}
#menu a{
	color:#656565;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
	padding:2px 3px 2px 3px;
	line-height:16px;
}
#menu a:hover, #menu a.active {
	color:#FFFFFF;
	background-color:#d4d4d4;
	color:#bb595b;
}
#bottom {
	position:absolute;
	width:100%;
	left:0;
	top:655px;
	padding:4px 0 40px 0;
	color:#7D7D7D;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	text-align:right;
}
#bottom-left {
	float:left;
	width:600px;
	text-align:left;
}
#bottom-left a {
	color:#656565;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
	padding:0px 3px 0px 3px;
}
#bottom-left a:hover,#bottom-left a.active  {
	color:#FFFFFF;
	background-color:#B2B2B2;
}
#bottom-right {
	float:right;
	width:330px;
}
#lang {
	position:absolute;
	left:0;
	top:3px;
	color:#B2B2B2;
	font-size:10px;
	font-weight:bold;
}
#lang a {
	color:#B2B2B2;
	text-decoration:none;
	padding:2px 1px 2px 1px;
	line-height:16px;
}
#lang a:hover, #lang a.active, #lang a.active:hover {
	background-color:#d4d4d4;
	color:#bb595b;
}
#mask1{
	width:520px;
	height:341px;
	position:absolute;
	left:21px;
	top:80px;
	background-color:#FFFFFF;
	opacity:0.8;
	filter: alpha(opacity = 80);
}
#mask2{
	width:211px;
	height:290px;
	position:absolute;
	left:550px;
	top:131px;

}
#brd-t{
	width:211px;
	_width:210px;
	height:8px;
	background-color:#FFFFFF;
	opacity:0.8;
	filter: alpha(opacity = 80);
	position:absolute;
	left:0;
	top:0;
	line-height:1px;
}
#brd-b{
	width:211px;
	_width:210px;
	height:8px;
	background-color:#FFFFFF;
	opacity:0.8;
	filter: alpha(opacity = 80);
	position:absolute;
	left:0;
	bottom:0;
	line-height:1px;
}
#brd-l{
	height:274px;
	width:8px;
	background-color:#FFFFFF;
	opacity:0.8;
	filter: alpha(opacity = 80);
	position:absolute;
	left:0;
	top:8px;
}
#brd-r{
	height:274px;
	width:8px;
	background-color:#FFFFFF;
	opacity:0.8;
	filter: alpha(opacity = 80);
	position:absolute;
	right:0;
	top:8px;
}
#foto{
	width:195px;
	height:275px;
	overflow:hidden;
	position:absolute;
	left:8px;
	top:8px;
}
#foto img{
	width:208px;
	height:280px;
	border:0;
}
/* scroller */



div#scrollbar {
	display:block; /* initially display:none; to hide from incapable */
}
div#wn {
	width:490px;
	height:312px;
	position:absolute;
	left:15px;
	top:15px;
	overflow:hidden;
	color:#545454;
}


div#wn h2 {
	margin:0;
	padding:0;
	font-size:24px;
	text-transform:uppercase;
	color:#959595;
	font-weight:normal;
	width:430px;
}
#scrollbar-holder{
	width:9px;
	height:290px;
	position:absolute;
	left:541px;
	top:131px;
	background-color:#ffffff;
	opacity:0.8;
	filter: alpha(opacity = 80);
}
div#scrollbar {
	position:absolute;
	left:0px;
	top:1px;
	width:9px;
	height:288px;
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}

div#track {
	position:absolute;
	left:-1px;
	top:9px;
	width:9px;
	/*height:272px;
	_height:271px;*/
	height:270px;
	_height:269px;

}
div#track.track-prod {
	height:240px;
	_height:253px;
}
div#dragBar {
	position:absolute;
	left:0px;
	top:0px;
	width:9px;
	height:20px;
	background-color:#A6A6A6;
}
div#up {
	position:absolute;
	left:0;
	top:0;
}
div#down {
	position:absolute;
	left:0;
	bottom:0;
}
/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
	-moz-user-select: none;
	-khtml-user-select: none;
}
/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
	display:block;
}

/*submenu*/

#submenu{
	height:28px;
	overflow:hidden;
	position:absolute;
	left:21px;
	top:509px;
	opacity:0.8;
	filter: alpha(opacity = 80);
	background-color:#FFFFFF;
}
#submenu a, #subsubmenu a{
	display:block;
	color: #626262;
	float:left;
	text-decoration:none;
	font-weight:bold;
	height:22px;
	padding:6px 4px 0px 4px;
	margin-right:3px;
}


#subsubmenu2 a{
	display:block;
	color: #990000;
	float:left;
	text-decoration:none;
	font-weight:bold;
	height:20px;
	padding:6px 4px 0px 4px;
	margin-right:3px;
	font-size: 10px;
	font-weight: normal;
	}

#submenu a.last, #subsubmenu a.last{
	margin-right:0px;
}

#subsubmenu2 a:hover,#subsubmenu2 a.active:hover, #subsubmenu2 a.active,
#submenu a:hover,#submenu a.active:hover, #submenu a.active, #subsubmenu a:hover,#subsubmenu a.active:hover, #subsubmenu a.active{
	text-decoration:none;
	opacity:0.9 !important;
	filter: alpha(opacity = 90);
	background-color:#dedede;
	color:#000000;
}


#subsubmenu2 {
	/*height:28px;*/
	overflow:hidden;
	position:absolute;
	left:21px;
	top:570px;
	opacity:0.8;
	filter: alpha(opacity = 80);
	background-color:#FFFFFF;
}



ul.download{
	margin:15px 0 0 0;
	padding:0;
}
ul.download li{
	padding:0 0 0 20px;
	margin:2px 0 0 0;
	background-image:url('/img/download.gif');
	background-repeat:no-repeat;
	background-position:left center;
}
/*subsubmenu*/

#subsubmenu{
	height:28px;
	overflow:hidden;
	position:absolute;
	left:21px;
	top:540px;
	opacity:0.8;
	filter: alpha(opacity = 80);
	background-color:#FFFFFF;
}


/* formular - kariera */
#kariera-form{
	margin:15px 0 15px 0;


}
#kariera-form table{
	border-collapse:collapse;
	border:0;
}
#kariera-form table td{
	border:0;
	padding:2px 5px 2px 5px;

}
#kariera-form form{
	margin:0;
	padding:0;


}
#kariera-form fieldset{
	border:1px solid #999999;
	margin:0;
	padding:10px;
}
#kariera-form textarea{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:150px;
	border:1px solid #999999;
	padding:2px;
	color:#990000;
	height:50px;
}
#kariera-form input{
	border:1px solid #999999;
	margin:0;
	padding:2px;
	height:14px;
	width:150px;
	font-size:11px;
	color:#990000;
}
#kariera-form input.odeslat{
	border:0;
	margin:0;
	padding:0 !important;
	height:16px;
	width:auto;
	color:#990000;
	font-weight:bold;
	background:none;
}
#kariera-form input.checkbox{
	border:0;
	margin:0;
	padding:0;
	height:16px;
	width:auto;
	color:#990000;
}
.red{color:#990000;}

#kariera-form sup{
	color:#990000;
}
#kariera-form input.b-red{border:1px solid #990000;}

/* menu produkty */
#menu-prod{
	position:absolute;
	width:150px;
	left:88px;
	top:148px;
	background-color:#FFFFFF;
	background-image:url('/img/prod-menu.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	opacity:0.8;
	filter: alpha(opacity = 80);
}
#menu-prod ul{
	display:block;
	margin:0;
	padding:6px 0 6px 0;
	list-style:none;
}
#menu-prod ul.first{
	border-bottom:14px solid #F8F7F7;
}
#menu-prod ul li{
	display:block;
	margin:0;
	padding:0;
	background:none;
}
#menu-prod ul li a{
	display:block;
	margin:0;
	padding:4px 4px 4px 17px;
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}
#menu-prod ul li a:hover, #menu-prod ul li a.active:hover, #menu-prod ul li a.active {
	color:#963431;
}
#prod-ico {
	background-color: #f4f4f4;
	position:absolute;
	left:243px;
	top:446px;
	width:345px;
	padding-top:8px;
	opacity:0.95;
	filter: alpha(opacity = 95);
	min-height:146px;
	_height:146px;
}

#prod-ico div {
	float:left;
	width:53px;
	height:53px;
	overflow:hidden;
	/*background-image:url('/img/prod-ico-border.gif');*/
	background-repeat:no-repeat;
	background-position:left top;
	text-align:center;
	margin:0 0 6px 3px;
}
#prod-ico div img {
	border:0;
}
#bottle-box{
	position:absolute;
	right:152px;
	top:188px;
	width:200px;
	height:361px;
	overflow:hidden;
	text-align:center;
	background-color:#f4f4f4;
}
#bottle-type{
	position:absolute;
	right:152px;
	top:548px;
	width:200px;
	text-transform:uppercase;
	color:#9B9B9B;
	font-weight:bold;
	font-size:10px;
	background-color:#f4f4f4;
	padding-bottom:5px;

}
#bottle-type div{
	padding:11px 5px 2px 11px;




}
#bottle-type div.c-nbrs{
	padding:4px 0px 0px 3px;
	width:197px;

}
#bottle-type span{
	border-right:2px solid #AEAEAE;
	padding:0 8px 0 8px;
	color:#000000;
	font-size:11px;
	display:block;
	float:left;
	margin-bottom:5px;

}
#bottle-type span a{
	color:#000000;

}


#prod-bottle-nav{
	width:545px;
	height:39px;
	position:absolute;
	right:152px;
	top:62px;
	background-color:#f4f4f4;
}
#prod-bottle-nav a{
	display:block;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#prod-bottle-nav a:hover{
	background-position:0px -39px;
}
#prod-bottle-nav a#fwrd{background-image:url('/img/prod-bottle-nav-fwrd.gif'); float:right;}
#prod-bottle-nav a#bwrd{background-image:url('/img/prod-bottle-nav-bwrd.gif'); float:left;}

#prod-bottle-nav a span{
	display:none;
}

#prod-bottle-nav h2, #prod-bottle-nav h3{
	display:block;
	padding:12px 0 0 15px;
	margin:0;
	float:left;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	color: #818181;
}
#prod-bottle-nav h2 a{
	display:block;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}
#prod-bottle-nav h3{
	color:#000000;
}
/* vyhledávací formulář */
#links{
	float:left;
}
#search{
	position:absolute;
	left:90px;
	top:3px;
	width:300px;
	height:20px;

}
#search input#vyhledavani-text{
	font-size:10px;
	margin:0 0 0 0;
	padding:0 2px 0 2px;
	border:1px solid #5d5c5d;
	width:80px;
	color:#990000;
	position:absolute;
	left:0px;
	top:0px;
	height:15px;
}
#search input#vyhledavani-submit{
	font-size:10px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#ffffff;
	border:0;
	color:#990000;
	position:absolute;
	left:90px;
	top:0px;
	%height:17px;
	border:0;
	width:48px;
}

/* klientska zona */
.kz input.textfield{
	font-size:10px;
	margin:0 0 0 0;
	padding:0 2px 0 2px;
	border:1px solid #5d5c5d;
	width:80px;
	color:#990000;
	height:15px;
}
.kz input.submit{
	font-size:10px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#ffffff;
	border:0;
	color:#990000;
	%height:17px;
	border:1px solid #FFFFFF;
	width:48px;
}
.red{
	color:#990000;
}
div.odhlasit{
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:absolute;
	right:0px;
	top:5px;
}
.table-1{
	border:0;
	border-collapse:collapse;
}

.table-1 th{
	padding:2px 5px 2px 5px;
}
.table-1 td{
	padding:2px 5px 2px 5px;
}
.table-1 td a{
	color:#990000;
	font-weight:normal;
}
.table-1 tr.zebra td{
	background-color:#d5d7da;
}
/*vyhledavani*/
.vyh input.textfield{
	font-size:10px;
	margin:0 0 0 0;
	padding:0 2px 0 2px;
	border:1px solid #5d5c5d;
	width:80px;
	color:#990000;
	height:15px;
}
.vyh input.submit{
	font-size:10px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#ffffff;
	border:0;
	color:#990000;
	%height:17px;
	border:1px solid #FFFFFF;
	width:48px;
}

#srch-results a{
	color:#990000;
}
#srch-results a.smallurl{
	color:#990000;
	font-size:10px;
	font-style: italic;
}


.to-others{
	padding:0 0 0 40px;
}
.to-others a{
	color:#bb595b !important;
}