/* CSS Document */

body {
	text-align: center;
	background: #d7d8d9 url('img/bg.gif') repeat-x left top;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #fff;
	margin:0;
	padding:0;
}

/* text
-------------------------------------------------- */

h1, h2, h3, h4 {margin:0; text-align:left;  }

h1 {font-size:12pt; color: #FFF;  float: left; padding: 0 0 10px 10px;}
h2 {font-size:130%;}
h3 {color:black;	font-size:120%;}
h4 {font-size:100%;  }


/* BLOCKS
-------------------------------------------------- */
address {	margin: .66em 0;}
blockquote {margin: .66em 20px;}
hr { clear:both;	}
p, .editor { text-align: justify; margin:0;}


/* LISTS
-------------------------------------------------- */
dl, dt, dd { margin:0; text-align:left;}
dl {margin-left:5px;}
dt {}
dd {}
ul, ul li {}


/* TABLES
-------------------------------------------------- */
table {	border-collapse: collapse;	margin: 10px 0px 0px 0px; margin-bottom: 10px; font-size:100%; border:none;}
caption {	margin: 0 0 .66em 0;	text-align: center;	color: #D01310;}
th {	border: 1px solid gray;	padding: 5px 10px;	font-weight: bold;	text-align: left;	vertical-align: top;
	background-color:#006995;	color: white;}
td {	border: 1px solid white;	padding: 5px 3px;	vertical-align: top;	 color:white;}

.noborder tr, .noborder td {border: 0px;}

/* FORMS
-------------------------------------------------- */
fieldset {	clear: both; border:none;	}
legend {}
input, textarea, select {	font-size: 1em;}


/* INLINES
-------------------------------------------------- */
abbr, acronym {	border-bottom: 1px dotted;	font-variant: small-caps;	cursor: help;}
dfn {	position: relative; font-style:normal; cursor: help; top: 2px;}
cite, em, q, var {	font-style: italic;}
code, kbd, samp, pre {	font-family: "Lucida Consode", "Andale Mono", monospace;}
sub {	font-size: smaller;	text-decoration: none !important;	vertical-align: sub;}
sup {	font-size: smaller;	text-decoration: none !important;	vertical-align: super;}
del {	text-decoration: line-through;}
ins {	text-decoration: underline;}
strong {	font-weight: bold;}

/* ANCHORS
-------------------------------------------------- */
a {color:#002F6D; text-decoration: none;}
a:visited {	}
a:hover {text-decoration: underline; }
h2 a:hover {text-decoration: underline;}
h4 a:hover {text-decoration: underline;}


/* Img
-------------------------------------------------- */
img	{ border:1px solid black; margin-left:0px;	}


/* Bloky
-------------------------------------------------- -------------  */
#obal {
	position:relative;
	z-index:10;
	width: 956px;
	padding: 0;
	margin: 0 auto;
	background: url('img/maj-poz.jpg') repeat-y 3px top;
	overflow:hidden;
	margin-bottom:10px;
}

.cela
 {
 background: url('img/maj-poz-detail.jpg') repeat-y 3px top !important;
 }

/* Vrsek
------------------------------------------------------------------*/


#motiv {
	/*background: url('img/motiv.jpg') no-repeat left top;*/
	width: 948px;
	height: 187px;
	margin: 0px 8px;
	position:relative;
}

#motiv #hledej
	{
	width:220px;
	position:absolute;
	left:50px;
	top:150px;
	}

#motiv #hledej input {font-size:8pt; width:130px;}	
#motiv #hledej button {border:none; background:none; color:white; cursor: hand; font-size:8pt;}

#menu-top {
	background: url('./img/menu-top.gif') no-repeat top left;
	width: 956px;
	height: 67px;
	text-align: center;
	margin: 0 auto;
}

#menu-top .jazyky {
	font-size: 8pt;
	float: left;
	margin: 20px 0 0 50px;
}

#menu-top .jazyky a {
	color: #FFF;
}


#menu-top ul, ul li {
	margin:0;
	padding:0;
}

#menu-top ul {
   list-style-type: none;
	padding: 12px 8px 0 0;
	float:right;
}

#menu-top ul li {
	float: left;	
	background: url('img/linka-top.jpg') no-repeat top left;	
}

#menu-top ul li a {
	color: #FFF;
	font-weight: bold;
	font-size: 8pt;
	padding: 25px 16px 21px 16px;
	_padding: 22px 16px 20px 16px;;
	display: block;
	margin:0px 0px 0px 2px;
	font-family:tahoma;
	text-transform:uppercase;
}

#menu-top ul li a:hover {
   /*z-index: 10;*/
	background: Red url('./img/hover-top.jpg') repeat-x top left;
	text-decoration: none;
}

/* Telo
------------------------------------------------------------------*/
#maj {
	width: 773px;
	float: left;
}

/* Lev� sloupec
------------------------------------------------------------------*/
#maj #levy {
	background: #FFF url('img/leva-poz.jpg') repeat-x left top;
	float: left;
	margin-left: 36px;
	width: 270px;
	
	overflow:hidden;
}

 #maj #levy #top p {
	color: #58595b;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif;
	margin: 15px 10px 14px 22px;
}

 #maj #levy ul, ul li {
	margin:0;
	padding:0;
}

 #maj #levy ul {
  list-style-type: none;
	text-align: left;
	padding:0px 0px 20px 0px;
}

 #maj #levy ul li {
	background: url('img/linka.jpg') no-repeat right bottom;
	position:relative;
	width:260px;
	margin:0px 0px 0px 6px;
	display:block;
}

#maj #levy .vyhoda li {
	margin:0px 0px 0px 0px;
}

#maj #levy .vyhoda{
	margin-top: 5px;
}

 #maj #levy #bg-none {
	background: none;
}

 #maj #levy ul li a {
 	position:relative;
  	color: #CE161E;
	font-size: 9pt;
	padding:8px 0px 8px 16px;
	display:block;
	font-weight:bold;
}

#maj #levy ul ul { background: url('img/linka.jpg') no-repeat right top; padding:6px 0;}
#maj #levy ul li li {margin:0px 0px 0px 10px; background:none;}
#maj #levy ul li li a {font-weight:normal; padding:4px 0px 4px 16px;}

 #maj #levy ul li #active, #maj #levy ul li a:hover {
   background: transparent url('./img/sipka.gif') no-repeat 6px 11px;
	display: block;
}

#maj #levy #obr {
  background: url('./img/mapa.jpg') no-repeat left top;
  width: 271px;
  height: 132px;
  float: left;
}


#left {
  background-color: #CE161D;
  padding: 150px 0px 0px 5px;
  
}


/* Forma 
-------------------------------------------------------------------*/

#maj #forma {
position:relative;
	float: right;
	width: 461px;
	
}

.cela #maj { width:942px;}
.cela #maj #forma {width:630px;}

#maj #forma #forma-top {
position:absolute;	
	background: #BEC7CE;	
	width: 642px;
	_width: 640px;
	height: 45px;
	_height: 45px;
	color: #df1a22;
	font-size: 12pt;
	margin: 0 0 0 -6px;
	_margin-left:-5px;
	font-weight:bold;
	left:0px;
	top:0px;
	padding:0;
	text-align:left;	
}

#maj #forma #forma-bottom {
position:relative;	
	background: #BEC7CE;	
	width: 641px;
	
	height: 47px;
	margin:0px -5px 0px -5px;
	_margin-left:-5px;
	float:right;

		
}

#maj #forma #forma-top img {
	border: none;	
	margin:0;
	padding:0;
}

#maj #forma #forma-bottom img {border:none; margin:0;padding:0; }

#maj #forma .obsah {
	color: #FFF;
	/*float: left;*/
	clear:both;
	margin: 10px 10px 10px 10px;
	text-align:justify;
	_margin:0px;
	background:#CE161E;
}

.obsah img{border:none;}
.obsah .cars{position:relative;float:left;margin:0px 0px 0px 20px;_display:inline;}
.obsah .car{position:relative;width:185px;margin:0px 0px 0px 10px;height:160px;float:left;border-right:#e78b8f solid 1px;}
.obsah .car h2{font-size:9pt;padding:0px 10px 0px 10px;}
.obsah .car p{padding:0px 10px 0px 10px;margin:0px !important;font-size:8pt;}
.obsah .nonborder{border:none !important;}

.clear{clear:both;padding-top:20px;}

.obsah form div table td{border:none;}

#maj #forma .obsah .qmanu {
	list-style: none;
	text-decoration: underline;
	padding: 0;
}

.send_q{text-align:center;}
#maj #forma .obsah a {margin:0px 0px 0px 0px; color:white;font-weight:bold;}
#maj #forma .obsah #stranky {display:block; text-align:center; padding:10px 0; }
#maj #forma .obsah #stranky u {text-decoration:none;}
#maj #forma .obsah #stranky a {text-decoration:underline;}


#maj #forma h1 {margin-top:58px;}

#maj #forma .obsah p {
	text-align: left;
	margin: 0 0 0 10px;
}

#maj #forma .obsah ul, ul li {
	 
}

#maj #forma .obsah ul {
	 display: block;
	 text-align: left;
	 line-height: 16px;
	 clear:both;
	 
}

#maj #forma .popisek {
	text-align: left;
	text-indent: 1em;
	font-size: 9pt;
	padding: 15px 0 0 0;
}

/* Pravy menu
------------------------------------------------------------------*/
#pravy {
position:relative;
	float:right;
	text-align: left;
	width:629px;
		
}

#pravy h4 {font-size:8pt; padding:2px 0pt 0pt 12px; color: #ee3124; float: left;  }
#pravy h4 a{color: #EE3124;}

#pravy #title-pravy {
	width: 183px;
	height: 47px;	
	margin-bottom: 4px;
}

#pravy #title-pravy img {
  position:absolute;
  top:18px;
  left:23px;
  border:none;
  
}

#pravy .novinka {
	font-size: 8pt;  
	color: white; 
	text-align: left;
	float: left;
	width: 200px;
	height:110px;
	margin:2px 0px 4px 0px;
	padding:0px 4px 0px 4px;
	position:relative;
	border-right:1px solid #f08d91;
	
}

#pravy .novinka .ntext {
	padding-bottom: 25px;
	margin: 0px 0px 0px 4px;
}

#pravy .novinka .nlink{
	height: 15px;
	right: 10px;
	position: absolute;
	bottom: 7px;
	width: 15px;
	background: url('img/sipkan.jpg') no-repeat left top;
}


#pravy .novinka h3{
	margin-bottom: 5px
}

#pravy .novinka h3 a{
	color:white;
	margin-left: 3px;
}

#pravy img {
	margin: 3px 0 0 7px;
	border:none;
}

#pravy .obr {
   position:absolute;
   right:0px;
   bottom:0px;
}


/* Pata
------------------------------------------------------------------*/
#pata {
	position:relative;
	background: url('img/pata-top.gif') no-repeat 330px top;	
	height: 65px;
	_height:70px;
	clear: both;
	text-align: left;
	padding-top:10px;
	margin: 0px 8px 0 8px;
}
#foot-content{width:570px;position:relative;float:right;margin:0px 40px 0px 0px;}
* html #foot-content{display:inline;}
.link-out{background:url('img/comet-link-out.gif') no-repeat left top;width:271px;height:82px;position:absolute;left:28px;top:-12px;display:block;}
* html .link-out{top:-17px;}
#pata img{border:none;}
.clear{clear:both;}

#bottom
	{
	position:absolute;
	left:4px;
	bottom:0px;
	height:5px;
	width:100%;
	background: url('img/pata-bottom.jpg') no-repeat 0px bottom;
	}

#pata a, a:hover {
	color: #fff;
}

/* Detail
----------------------------------------------------------------------*/

/* ostatni
----------------------------------------------------------------------*/


#cervena {
  	top:67px;
  	left:0px;
		height: 189px;
		text-align: center;
   width: 100%;
   position:absolute;
   overflow:hidden;
}

#cervena div
	{
	position:relative;
	display:block;
	margin:0 auto;
	width:956px;
	height:189px;
	background:white;
}

#comet-logo
{
	/*position: absolute;
	top: 0px;
	left: 0px;*/
	
}


#logo
	{
	position:absolute;
	left:-5px; top:0px;
	}
	
#comet_obaly
	{
	position:absolute;
	right:3px; top:0px;
	}
	
#akce-flash {position:relative; top:-6px; margin:0px 0px 0px 5px;}
#comet_flash { position:relative; left:-12px; _left:0px; _margin:5px -5px 5px 0px; background:#CE161E;}
.link{position:relative;background:url('img/arrow-wht.gif') no-repeat left 6px;padding:0px 0px 0px 8px;display:block;float:left;margin-top:5px;margin-right:15px;}