/* 

	Dobra-voda.cz Cascading Style Sheets definition
	CSS 2.0 Complaint
	http://www.w3.org/TR/REC-CSS2/

*/



/* Default TAGs Styling */

body, div, td, th {
	font-family: Verdana, Helvetica, sans-serif, Arial;
	font-size: 11px;
	color: #666666;
}

body {
  margin: 0;
	padding: 0;

}

h1, h2 { display: none; }


a { color: #013264; text-decoration: none; }
a:hover, a:active { color: #013C76; }

form { display: inline; }

li { color: #FF0000; }
li.text { color: #999999; }


/* UNI directives */
.left {	float: left; }
.right { float: right; }
.center { text-align: center; }

.just { text-align: justify; }
.clear { clear: both; }

	/* LINK Directives */
	.nodecor { text-decoration: none; }


/* UNI BOX - TABLE / DIV formating */
.border { border: #909090 solid 1px; }
.noborder { border: 0; }

.picleft {
	border: solid #B8C6D3 3px;
	float: left;
	margin: 3px 18px 5px 0;
}

.picright {
	border: solid #B8C6D3 3px;
	float: right;
	margin: 3px 0 5px 18px;
}

.small {
	font-size: 7pt;
}

.date {
	color: #77B5FF;
}

.highlighted {
	color: #FF0000;
}

/* Individual Classes */


/* FLASH Homepage */

BODY.dynamic {
	background: #FFFFFF;
	text-align: center;
}

TABLE.holder {
  z-index: 50;
	width: 100%;
	height: 100%;

	height: 100%;
	padding: 0;
}

TABLE.holder TD.top {
	width: 100%;
	background: #81ABF8 url('../images/top_back.gif') repeat-x bottom;
	vertical-align: bottom;
}

	DIV.html_version {
		width: 700px;
		text-align: right;
		font-size: 7pt;
		padding: 0 7px 1px 0;
	}


TABLE.holder TD.content {
	width: 100%;
	height: 400px;
	text-align: center;
	z-index: 50;
}

TABLE.holder TD.bottom {
	width: 100%;
	text-align: center;
	vertical-align: bottom;
	background: url('../images/bottom_back.gif') repeat-x top;
}

	DIV.bottom {
		width: 700px;
		text-align: right;
		background: #FF0000;
	}


/* HTML Homepage */


/* HTML Title */ 

BODY.title {
	background: #FFFFFF;
	text-align: center;
}


/* Title menu */ 

TABLE.titlemenu {
	width: 700px;
	margin: auto;
}

TABLE.titlemenu TD {
	width: 16%;
	padding: 0;	
}

TABLE.titlemenu TD A {
	font-family: arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color : #FFFFFF;
	text-decoration: none;
	background-color: #013264;
	width: 100%;
	display: block;
	text-align: center;
	padding: 5px 0 5px 0;
}

TABLE.titlemenu TD A:hover, TABLE.titlemenu TD A:active {
	color:  #FFFFFF;
	background: #013C76;
	text-decoration: none;
}


/* HTML Page */

BODY.static {
	background: #FBFCFE;
	text-align: center;
}


TABLE.htmlholder {
	height: 100%;
	padding: 0;
}

	TABLE.htmlholder TD {
		padding: 0;
	}


	TABLE.htmlholder TD.content {
		height: auto;
		width: 700px;
		text-align: center;
		background: #FFFFFF url('../images/content_back.gif') repeat-y top;
		vertical-align: top;
	}


TABLE.htmlholder TD.vline {
	width: 1px;
	height: 100%;
	background: #C1DEEE;
}


/* HTML menu */


TABLE.htmlmenu {
	width: 700px;
}

TABLE.htmlmenu TD {
	width: 16%;
	padding: 0;	
}

TABLE.htmlmenu TD A {
	font-family: arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color : #FFFFFF;
	text-decoration: none;
	background-color: #013264;
	width: 100%;
	display: block;
	text-align: center;
	padding: 4px 0 4px 0;

}

TABLE.htmlmenu TD A:hover, TABLE.htmlmenu TD A:active {
	color:  #FFFFFF;
	background: #013C76;
	text-decoration: none;

}


	TABLE.htmlmenu TD A.activesection {
		color:  #013264;
		background: #FFFFFF;
	}

	TABLE.htmlmenu TD A.activesection:hover, TABLE.htmlmenu TD A.activesection:active {
		color:  #013264;
		background: #FFFFFF;
	}

		TABLE.htmlmenu TD.activecellleft {
			padding: 0 0 0 1px;
		}

		TABLE.htmlmenu TD.activecellright {
			padding: 0 1px 0 0;
		}


TABLE.htmlholder TD.credits {
	background: #B2C1D0;
	color: #FFFFFF;
	height: 15px;
	text-align: right;
	padding: 2px 15px 2px 15px;
}

	
	TABLE.htmlholder TD.credits A {
		color: #FFFFFF;
		text-decoration: none;
		font-size: 7pt;
	}


/* Products (List) */

TABLE.products {
	width: 600px;
	background: #FFFFFF url('../images/products_list_back.gif') repeat-y top right;
}

TABLE.products TD.img {
	width: 97px;
}

TABLE.products TD.white {
	width: 38px;
	background: #FFFFFF;
}

TABLE.products TD.headline {
	width: 465px;
	height: 40px;
	background: #FFFFFF;
	vertical-align: bottom;
	padding: 0 5px 5px 0; 
}

TABLE.products TD.list {
	height: 135px;
	width: 450px;
	vertical-align: top;
	padding: 12px 0 0 0;
	text-align: left;

}
	TABLE.products TD.list UL {
		margin: 0;
	}
	TABLE.products TD.list UL LI {
		list-style: none;
		background: url('../images/list-arrow.gif') no-repeat 0 50%;
		padding-left: 10px;
		margin: 0 0 1px 0;
		color: #013264;
	}

	TABLE.products TD.list A {
		color: #666666;
		text-decoration: none;
	}

	TABLE.products TD.list A:hover, TABLE.products TD.list A:active {
		color: #013264;
	}


TABLE.products TD.characteristics {
	background: #FFFFFF;
	text-align: right;
	padding: 4px;
}


/* Product Sheet */

IMG.product {
	float: left; 
	margin: 120px 0 0 40px;
}


IMG.product_head {
	margin: 10px 20px 10px 0;
	border: 0;
	float: right;
}

DIV.product_text {
	text-align: left; 
	width: 300px; 
	float: right;
	margin: 10px 20px 0 0;
}

TABLE.product_description {
	width: 300px;
	margin: 10px 0 3px 0;
	border: 0;
	background: #E1EDF3 url('../images/product_table_back.jpg') repeat-x top;
} 

	TABLE.product_description TH {
		color: #FFFFFF;
		text-align: left;
		background: #ADDDF0 url('../images/th_back.jpg');
		padding: 0 10px 0 18px;
		height: 21px;
		border: #FFFFFF solid;
		border-width: 0 0 1 0;
	}


	TABLE.product_description TD {
		padding: 0 15px 0 18px;
		height: 27px;
		color: #1E769B;
		margin: 10px;
		border: #FFFFFF solid;
		border-width: 0 0 1 0;
	} 

	table.regenia {
		width: 640px;
		color: #013264;
	}
	table.regenia td {
		color: #013264;
	}
	table.regenia img.bullet {
		margin: 5px 0 5px 0;
	}
	table.regenia td h3 {
		font-size: 14px; color: #00A151; font-weight: bold; margin: 0 0 2px 0;
	}
	table.regenia td h4 {
		font-size: 12px; color: #00A151; font-weight: bold; margin: 0;
	}
	table.regenia div {
		float: left; clear: right;
	}
	table.regenia ul {
		padding-left: 18px;
		margin: 5px 0 0 0;
	}
	table.regenia ul li {
		color: #013264;
		padding: 0px;
		margin: 0px;
	}
	table.logistika th {
		padding: 5px 0 5px 3px;
		background-color: #f4f8fa;
		color: #013264;
		border-bottom: 2px solid #acdcf0;
		text-align: left;
	}
	table.logistika th.sortiment {
		width: 200px;
	}
	table.logistika th.jednotka {
		width: 150px;
	}
	table.logistika td {
		padding: 5px 0 5px 3px;
		border-bottom: 1px solid #acdcf0;
	}
	table.logistika td.noborder {
		border: 0;
	}
	
DIV.icons {
	width: 300px;
	float: right;
	margin: 5px 20px 10px 0;
}

IMG.pallete_info {
	float: right;
}

IMG.characteristics {
	float: left;
}


/* Image Galleries */ 

TABLE.pictures {
	width: 576px;
}


	TABLE.pictures TD.a {
		width: 150px;
		text-align: left;
	}

	TABLE.pictures TD.b {
		width: 138px;
		text-align: left;
	}

	TABLE.pictures TD.c {
		width: 138px;
		text-align: right;
	}

	TABLE.pictures TD.d {
		width: 150px;
		text-align: right;
	}


TABLE.pictures IMG {
	border: solid #B8C6D3 3px;
}

TABLE.pictures IMG.foto_label {
	border:0;
	margin: 10px; 6px 10px 6px;
}

/* Text Data */

IMG.text_headline {
	float: left;
	clear: both;
	margin: 5px 0 15px 45px;
}


DIV.text {
	width: 576px;
	text-align: justify;
}
	DIV.text B.head {
		color: #013264;
	}


DIV.spot {
	width: 267px;
	text-align: left;
}

DIV.spot2 {
	position:relative;
	top:20px;
	width: 267px;
	text-align: left;
}

.spot_indent {
	margin-left: 15px;
}

IMG.spot {
	border: solid #B8C6D3 4px;
}

IMG.spot_ico {
	margin: 10px 0 0 6px;
}


/* News */

DIV.news_item {
	margin: 0 0 0 15px;
	
}

IMG.news_arrow {
	margin: 0 8px 1px 0px; 
}

/* soutěž HP */
.sou        { position: relative; width: 420px; margin: 0 auto; z-index: 100; text-align:left;}
.soutez     { position: absolute; height: 179px; width: 205px; top:-50px; right:410px; z-index: 1000;}
.soutez img { border: 0; }

.sou        { position: relative; width: 420px; margin: 0 auto; z-index: 100; }
.soutez-stat     { position: absolute; height: 179px; width: 205px; top:-130px; right:480px; z-index: 1000;}
.soutez-stat img { border: 0; }

/* TISKOVA ZPRAVA */
div#tiskovazprava { margin-left: 15px; margin-right: 15px; }
div#tiskovazprava p { color: #000000; margin: 0; margin-bottom: 10px; padding:0;  }
div#tiskovazprava h1 { padding: 0; font-size: 18px; margin: 15px 0 10px 0; color: #000000; display: block; }
div#tiskovazprava a { color: rgb(3,68,136) !important; text-decoration: underline; }

p#anketa { position:absolute; left:-120px; top:290px; background:url(../images/anketa-logo.gif) left center no-repeat; height:82px; width:600px; color:white; line-height:1.8em; }
html > body p#anketa { background-image:url(../images/anketa-logo.png); }
p#anketa span { display:block; padding:13px 0 0 100px; }
p#anketa big { font-size:1em; }
p#anketa a { color:white; text-decoration:underline; }


.text-page { text-align:justify; padding:20px 90px; }
.text-page h1 { display:block; font-size:1.2em; color:#036; }


#kuky { position:absolute; width:103px; height:137px; left:-124px; top:136px; background:url(../images/kuky_promo.gif) center center no-repeat; overflow:hidden; text-indent:-10000px; }
html > body #kuky { background-image:url(../images/kuky_promo.png); }