html {font-size: 100.01%;}
body {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 62.5%;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: black;
	background: #E6E6E6;
	line-height: 1.6em;
	}

/* global reset */
ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0;}
ul {list-style: none;}
table {	border-collapse: collapse;	font-size: 1em;}
th {text-align: left;}
fieldset {border: 0;}

/* ************* COMMON ************* */

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	line-height: 0;
	}
.clear {clear: both;}
.small {font-size: 0.85em;}

.none {display: none;}
	
hr {
  	border: 0;
  	width: 100%;
  	color: #FF0000;
	background-color: #FF0000;
	height: 1px;
	margin: 0 0 15px 0;
	position: relative;
	}

a {color: #C53530;}
a:hover {color: #000;}
img {border: none;}
p {margin-bottom: 15px;}
.postup {text-align: justify;}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

dt {
			display: block;
			float: left;
			margin-right: 4px;
			background: #c10016;
			color: #FFF;
			padding: 2px 8px;
			font-size: 1.1em;
			position: relative;
			font-weight: bold;
			margin-bottom: 0;
			clear: both;
			}
dd {
	margin: 0 0 20px 60px;
	 }

.bold       { font-weight:bold; }
.italic     { font-style:italic; }
.nopadding  { padding:0; }
#main .noborder {border: 0;}
.noindent   { margin-left:0;padding-left:0; }
.nobullet   { list-style:none;list-style-image:none;}
.mand 		{ color: #C10016; font-weight: normal;}
.hidden {visibility: hidden;}
.floatleft {
	float: left;
	margin: 0 15px 10px 0;
	}

.floatright {
	float: right;
	margin: 0 0 10px 15px;
	}
	
.rgt {float: right;}
.lft {float: left;}

img.rgt {margin: 0 0 10px 15px;}
img.lft {margin: 0 15px 10px 0;}

.leftcol {float: left; width: 49%;}
.rightcol {float: right; width: 49%;}

h1, h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #C53530;}

h1 {font-size: 1.9em; padding-bottom: 8px}
h2 {font-size: 1.4em;  padding-bottom: 4px}

h2#komentar {margin-bottom: 10px; background: url(../img/separator.gif) no-repeat top center; padding-top: 20px}

#comments table td {padding: 2px 10px 2px 0;}

input {font-size: 1em;}


/* ********************************************* */
/* ************* IMAGE REPLACEMENT ************* */
/* ********************************************* */
#menu span, #w08 span, .h-mg08 span, .h-mg09 span, .h-kdoje span, .sny span, .nadpis span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
	#menu a, #w08 a, .sny a, .nadpis, h1.sny {
		position: absolute;
		display: block;
		overflow: hidden;
		}
		.kdoje a {width: 205px;	height: 127px; top: 107px; left: 515px;}
		.mg08 a {width: 167px; height: 56px; top: 368px; left: 428px;}
		.mg09 a {width: 176px; height: 39px; top: 308px; left: 310px;}
		.sny a, h1.sny  {width: 310px;	height: 130px;	top: 0;	left: 50px;	}
			.kdoje span {background: url(../img/m-kdoje.jpg) no-repeat; cursor: pointer;}
				.kdoje a:hover span {background-position: 0 -127px;}
			.mg08 span {background: url(../img/m-mg08.jpg) no-repeat; cursor: pointer;}
				.mg08 a:hover span {background-position: 0 -56px;}
			.mg09 span {background: url(../img/m-mg09.jpg) no-repeat; cursor: pointer;}
				.mg09  a:hover span {background-position: 0 -39px;}
			.homepage .sny span {background: url(../img/sny-bg.jpg) no-repeat; cursor: pointer;}
			.sny span {background: url(../img/sny-bg-2.jpg) no-repeat; cursor: pointer;}
				.homepage .sny a:hover span {background-position: 0 -130px;}
				
				h1.sny span {cursor: auto;}
			
		
		
	#w08 {position: absolute; top: 130px; left: 410px;}
	#w08 a, .nadpis {width: 183px; height: 35px; position: relative;}
	#w08 .p-mmr a{width: 250px; left: -30px;}
      	.p-bb span {background: url(../img/p-bodybasics.gif) no-repeat;}
      	.p-c span {background: url(../img/p-caas.gif) no-repeat;}
      	.p-d span {background: url(../img/p-dialog.gif) no-repeat;}
      	.p-hc span {background: url(../img/p-havanaclub.gif) no-repeat;}
     	.p-jj span {background: url(../img/p-johnson.gif) no-repeat;}
     	.p-pa span {background: url(../img/p-airport.gif) no-repeat;}
     	.p-deti span {background: url(../img/p-deti.gif) no-repeat;}
     	.p-w span {background: url(../img/p-walmark.gif) no-repeat;}
		.p-works span {background: url(../img/p-works.gif) no-repeat;}
		.p-jes span {background: url(../img/p-jesenik.gif) no-repeat;}
		.p-marcel span {background: url(../img/p-marcel.gif) no-repeat;}
		.p-prasil span {background: url(../img/p-prasil.gif) no-repeat;}
		.p-lorm span {background: url(../img/p-lorm.gif) no-repeat;}
		.p-sladidla span {background: url(../img/p-sladidla.gif) no-repeat;}
		.p-screenet span {background: url(../img/p-screenet.gif) no-repeat;}
		.p-mmr span {background: url(../img/p-mmr.gif) no-repeat;}
		.p-euroalarm span {background: url(../img/p-euroalarm.gif) no-repeat;}
		
		#w08 a:hover span, .nadpis span {background-position: -210px 0;}
			#w08 .p-mmr a:hover span, h1.p-mmr span  {background-position: -249px 0}
		
		#w08 a:hover span {cursor: pointer;}
		
	.h-mg08, .h-mg09 {position: absolute; top: 70px; left: 390px; width: 220px; height: 48px; overflow: hidden; position: relative;}
		.h-mg08 span {background: url(../img/h-muchogusto08.gif) no-repeat;}
		.h-mg09 span {background: url(../img/h-muchogusto09.gif) no-repeat;}
	.h-kdoje {position: absolute; top: 60px; left: 370px; width: 318px;
	height: 53px; overflow: hidden; position: relative;}
		.h-kdoje span {background: url(../img/h-kdojemuchogusto.gif) no-repeat;}
		
	.nadpis {top: 80px; left: 410px;}
	 h1.p-mmr {width: 250px;}

#page, .homepage {
	width: 980px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	background: url(../img/body-bg.jpg) no-repeat;
	height: 600px;
	font-size: 1.2em;
	color: #333;
}
.homepage {background: url(../img/homepage-bg.jpg) no-repeat;}

.stella {
	width: 200px;
	height: 126px;
	bottom: 0;
	right: 0;
	position: absolute;
/*	background: url(../img/stella-bg.gif) no-repeat;
*/}
.logo {
	position: absolute;
	bottom: 40px;
	left: 370px;
	z-index: 1000;
}

.foto {
	position: absolute;
	top: 125px;
	left: 180px;
}

.content {
	width: 529px;
	height: 335px;
	position: absolute;
	top: 130px;
	left: 372px;
	overflow: auto;
}
.wide {width: 729px; left: 172px;}
.content div {padding: 0 20px 10px 0;}
.box3 {margin-left: 100px; overflow: hidden; _display: inline-block;}

.wide a.thickbox, .wide a.worksBox {width: 155px; float: left; display: block; text-decoration: none; text-align: center;}
.wide img { border: 2px solid #858587; padding: 2px;}
.wide img:hover {border-color: #C53530;}

.kontakt {
	position: absolute;
	width: 255px;
	height: 99px;
	top: 40px;
	left: 40px;
	background: url(../img/kontakt.gif) no-repeat;
}
.homepage .kontakt {left: 690px; top: 50px}
.kontakt span {display: none;}

.datum {float: right;}
.clanek h1, .perex h2 {
	float: left;
	}
.feeds {position: absolute; top: 60px; right: 50px;}

.msg textarea {height: 80px;}
	
.comments p {margin-bottom: 5px;}
.comments li {margin-bottom: 20px;}

.content .perex {background: url(../img/separator.gif) no-repeat bottom center; padding-bottom: 30px; margin-bottom: 25px;}