@import "reset.css";

body 	{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.8em;
	background:#dedede;
	color:#828282;
	line-height:1.7;
	text-align:center;
	}
html, body {
	height: 100%;
	}
p {
	padding:0;
  margin:10px 0;
	font-size:1em;
	}
a {
	color:#0093dd;
	text-decoration:underline;
	font-weight:bold;
	outline:none;
	}
a:hover{
	text-decoration:none;
	}
	
/* GLOBAL
------------------------------*/
hr, .noscreen {
	display:none;
	}
.nobr {
	border:none !important;
	}
.agentura #content a, .agentura .highlight, .modra  {color:#0093dd;}
.media #content a, .media .highlight, .okrova {color:#f3ae00;}
.darky #content a, .darky .highlight, .svmodra {color:#3bb3c2;}
.cukrovinky #content a, .cukrovinky .highlight, .fialova {color:#dd137b;}
.reklama #content a, .reklama .highlight, .zelena {color:#83c234;}
.tisk #content a, .tisk .highlight, .tmzelena {color:#01740d;}
.promotion #content a, .promotion .highlight, .oranzova {color:#fd6700;}
.index #content a, .index .highlight, .tmmodra  {color:#082980;}
.black  {
	color:#000 !important;
}
.gray  {
	color:#808080 !important;
}
.modraFazer  {
	color:#082A80 !important;
}
.bold  {
	font-weight:bold;
}

.height140  {
	line-height: 140%;
}
.f-right { float:right; }
.zI { z-index:100; }
.w485 { width:485px; }
	
/* H1 REPLACE
------------------------------*/
h1 {
	display:block;
	position:relative;
	width:176px;
	height:176px;
	left:0;
	top:0;
	text-align:center;
	font-size:2em;
	text-indent:-9999px;
	background:#082980 url(logo.png) 0 0 no-repeat;
	}
h1 span {
	width:176px;
	height:176px;
	display:block;
	position:absolute;
	left:0;
	top:0; 
	z-index:1;
	cursor:pointer;
	background:#082980 url(logo.png) 0 0 no-repeat;
	}
.highlight {color:#082980;}
.agentura h1, .agentura h1 span {background:#0093dd url(logo-agentura.png) 0 0 no-repeat;}
.media h1, .media h1 span {background:#f3ae00 url(logo-media.png) 0 0 no-repeat;}
.darky h1, .darky h1 span {background:#3bb3c2 url(logo-darky.png) 0 0 no-repeat;}
.cukrovinky h1, .cukrovinky h1 span {background:#dd137b url(logo-cukrovinky.png) 0 0 no-repeat;}
.reklama h1, .reklama h1 span {background:#83c234 url(logo-reklama.png) 0 0 no-repeat;}
.tisk h1, .tisk h1 span {background:#01740d url(logo-tisk.png) 0 0 no-repeat;}
.promotion h1, .promotion h1 span {background:#fd6700 url(logo-promotion.png) 0 0 no-repeat;}
.index h1, .index h1 span {background:#082980 url(logo.png) 0 0 no-repeat;}

/* LAYOUT
------------------------------*/
#all {
	width:996px;
	margin:0 auto;
	text-align:left;
	background:#fff url(all.gif) repeat-y;
	border-left:4px solid #c2c2c2;
	border-right:4px solid #c2c2c2;
	min-height:100%;
	}
* html #all {
	height:100%;
	}
#container {
	position:relative;	
	width:996px;
	clear:both;
	}

/* TOP
------------------------------*/
#top {
	height:37px;
	line-height:37px;
	width:100%;
	border-top:4px solid #c2c2c2;
	}
#top ul {
	height:37px;
	line-height:37px;
	padding-left:210px;
	list-style:none;
	}
#top ul li {
	width:120px;
	list-style:none;
	color:#838281;
	float:left;
	}
#top ul li a {
	color:#838281;
	text-decoration:none;
	width:120px;
	background:url(li.gif) 0 6px no-repeat;
	padding:0 0 0 15px;
	}
#top ul li a:hover {
	color:#838281;
	text-decoration:underline;
	}
#topFlash {
    position:absolute; left:176px; width:820px; height:176px; top:0; padding:0;
    overflow:hidden;
		display:block;
	z-index:100; 
	}

/* SIDEBAR
------------------------------*/
#sidebar {
	float:left; 
	width:176px;
	overflow:hidden;
	position:relative;
	}
	
#sidebar ul {
	list-style:none;
	width:176px;
	padding:10px 0;
	}
#sidebar ul li {
	list-style:none;
	width:176px;
	margin:0 0 0 0;
	}
#sidebar ul li a {
	width:152px;
	padding:1px 0 1px 24px;
	display:block;
	font-size:0.9em;
	color:#828282;
	text-decoration:none;
	background:url(li.gif) 10px 9px no-repeat;
	}
#sidebar ul li a:hover {
	color:#000;
	text-decoration:underline;
	}
#sidebar ul li.active a {color:#000;}


#sidebar ul ul {
	list-style:none;
	width:152px;
	padding:0;
	}
#sidebar ul ul li {
	list-style:none;
	width:152px;
	margin:0 0 0 24px;
	}
#sidebar ul ul li a {
	width:137px;
	padding:0;
	display:block;
	font-size:0.9em;
	color:#828282;
	text-decoration:none;
	padding:1px 0 1px 15px;
	background:url(li.gif) 0 9px no-repeat;
	}
#sidebar ul ul li a:hover {
	color:#000 !important;
	text-decoration:underline;
	}
#sidebar ul li.active li a {color:#828282;}
#sidebar ul ul li.active a {color:#000;}


/* CONTENT
------------------------------*/	
#content { 
	width:740px;
	float:right;
	padding:200px 40px 10px 40px;
	position:relative;
	}
.top {
	position:absolute;
	top:0;
	right:0;
	width:820px;
	height:176px;
	}
h2 { 
	font-size:1.7em;
	color:#0093de;
	font-weight:normal;
	padding:0;
	margin:15px 0 10px 0;
	}	
h2 span,
table body tr td h2 span  {
	background-color:#0093de;
	display:block;
	text-align:right;
	width:1.2em;
	color:#fff;
	height:1.2em;
	float:left;
	font-size:1.2em;
	position:relative;
	top:-0.2em;
	overflow:hidden;
	}
h2 a {
	text-decoration:none;
	font-weight:normal;
	}
h2 a:hover {
	text-decoration:underline;
	}
	
h2.media, h2.media a {color:#f2ad00;}
h2.media span {background-color:#f2ad00;}
h2.darky, h2.darky a {color:#3bb2c2;}
h2.darky span {background-color:#3bb2c2;}
h2.cukrovinky, h2.cukrovinky a {color:#de127a;}
h2.cukrovinky span {background-color:#de127a;}
h2.reklama, h2.reklama a {color:#82c233;}
h2.reklama span {background-color:#82c233;}
h2.tisk, h2.tisk a {color:#01740D;}
h2.tisk span {background-color:#01740D;}
h2.promotion, h2.promotion a {color:#fc6600;}
h2.promotion span {background-color:#fc6600;}
h2.index, h2.index a {color:#082980;}
h2.index span {background-color:#082980;}


h3 {
	font-size:1.5em;
	color:#0687ad;
	font-weight:normal;
	margin:0;
	padding:15px 0 5px 0;
	}
h4 {
	font-size:1.2em;
	font-weight:bold;
	color:#0687ad;
	border-bottom:1px solid #e2e2e2;
	margin:15px 0 5px 0;
	}
#content ul {
	margin:0;
	padding:5px 0 5px 15px;
	list-style:none;
	position:relative;
	}
#content ul li {
	padding:0 0 0 12px;
	margin-left: -12px;
	margin:0 0 0 -12px;
	font-size:1em;
	line-height:135%;
	list-style:none;
	background:url(li.gif) 0 8px no-repeat;
	}
.agentura #content ul li {background:url(li-modra.gif) 0 5px no-repeat;}
.media #content ul li {background:url(li-zluta.gif) 0 5px no-repeat;}
.darky #content ul li {background:url(li-tyrkysova.gif) 0 5px no-repeat;}
.cukrovinky #content ul li {background:url(li-fialova.gif) 0 5px no-repeat;}
.reklama #content ul li {background:url(li-zelena.gif) 0 5px no-repeat;}
.tisk #content ul li {background:url(li-zelenatmava.gif) 0 5px no-repeat;}
.promotion #content ul li {background:url(li-oranzova.gif) 0 5px no-repeat;}
.index #content ul li {background:url(li-tmmodra.gif) 0 5px no-repeat;}

.index #content ul.fl li {
	float:left;	
	padding:0 20px 0 12px;
	}

#content ul.fl li {
	float:left;	
	padding:0 20px 0 12px;
	}
#content ol {
	margin:12px 0 5px 34px;
	padding:0;
	list-style:decimal;
	}
#content ol li {
	margin:0;
	padding:0;
	font-size:1em;
	}
table {
	margin:5px 0;
	font-size:1em;
	border-collapse:collapse;
	}
table td {
	padding:3px 4px;
	vertical-align:top;
	}
table th {
	font-weight:bold;
	background-color:#efefef;
	border-bottom:1px solid #999999;
	border-right:0;
	padding:3px 5px;
	text-align:left;
	}


/* LEFT + RIGHT
------------------------------*/	
.vlevo {
	float:left;
	margin:6px 10px 10px 0;
	padding:4px;
	background-color:#fff;
	border:1px solid #e2e2e2;
	z-index:1;
	clear:right;
	}
.vpravo {
	float:right;
	margin:6px 0 10px 10px;
	padding:4px;
	background-color:#fff;
	border:1px solid #e2e2e2;
	z-index:1;
	clear:left;
	}
.center {
	text-align:center;
	}
	
/* FOOTER
------------------------------*/
#clearfooter {
	display:block;
	height:41px;
	width:100%;
	clear:both;
	position:relative;
	}
#footer {
  height:37px;
  width:996px;
  color:#fff;
	background:#082980;
	margin:-41px auto 0 auto;
	border-bottom:4px solid #c2c2c2;
	}
.agentura #footer{background:#0093dd;}
.media #footer {background:#f3ae00;}
.darky #footer{background:#3bb3c2;}
.cukrovinky #footer{background:#dd137b;}
.reklama #footer{background:#83c234;}
.tisk #footer{background:#01740d;}
.promotion #footer{background:#fd6700;}
.index #footer{background:#082980;}

#footer a {
  color:#fff;
  text-decoration:none;
	font-weight:normal;
	}
#footer a:hover {
  color:#fff;
  text-decoration:underline;
	}
#footer p {
	color:#fff;
	text-align:right;
	margin:0;
	padding:0 40px;
	line-height:37px;
	font-size:0.85em;
	}
	
/* speciality */
.sloupec1 {
	margin:15px 0 0 0 !important;
	width:300px; 
	float:left;
}
.sloupec2 {
	margin:15px 0 0 0 !important;
	width:420px; 
	float: right;
}
.sloupec1 h2, .sloupec2 h2{
	margin:10px 0 0 0 !important;
}
.pred10px {
	margin-top:10px !important;
}
.pred15px {
	margin:15px 0 0 0  !important;
}
.pred20px {
	margin:20px 0 0 0 !important;
}
.refSloupec1 {
	text-align:center;
	padding-top:8px; 
	border-right:#CCCCCC 1px solid; 
	border-top:#CCCCCC 1px solid; 
	width:288px; 
	height:120px; 
	float:left;
}
.refSloupec2 {
	text-align:center; 
	padding-top:8px; 
	border-right:none; 
	border-top:#CCCCCC 1px solid; 
	width:288px; 
	height:120px; 
	float:left;
}
.akceSloupec1 {
	text-align:center;
	font-style:italic;
	font-size:x-small;
	padding-top:8px; 
	width:288px; 
	float:left;
}
.akceSloupec2 {
	text-align:center; 
	font-style:italic;
	font-size:x-small;
	padding-top:8px; 
	width:288px; 
	float:left;
}
.akceRadek {
	float:none;
	clear:both;
}
.cleaner {
	display:block;
	height:1px;
	float:none;
	clear:both;
	}
.index #content #bileAktuality ul li {
    background:url(li-bila.gif) 0 5px no-repeat;
	color:#FF3FFF;
	font-size:14px;
}

.index #content #bileAktuality ul li a {
	color:#FFFFFF;
	font-size:14px;
}