/* Browser Reset CSS, Eric Meyer.  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, address,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

:hover,
:focus { outline: 0; }

body { width:100%; font:normal 62.5%/1.3 Arial, Helvetica, sans-serif; color: #67666b; background: #c8c8c8 url(/images/body-bg.gif) repeat; text-align:center; letter-spacing: 1px; }
a img { border: 0; }
.clearfix:after, #navigation:after, .submenu:after { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }
.clearfix { height:1%; min-height: 1%;}
#page { width: 1000px; margin: 0 auto; background-color: #fff; position: relative; text-align: left; z-index: 999; top: 0; }
h1 { height: 61px; overflow: hidden; top: 23px; left: 37px; margin-bottom: 80px; position: relative; }
.side-info p,
h4 { font-size: 10px; padding-bottom: 5px; }
 
h5 { font-weight: bold; padding-bottom: 15px; }
p { padding-bottom: 14px; }

small { font-size: .8em; }

h3,
h5,
li,
p { font-size: 1.1em; }

/*- content -*/
h2.ttl { text-indent: -10000px; float: left; width: 247px; height: 44px; display: block; padding: 8px 11px 24px; color: #FFF; font-size: 3.4em; color: #fff; font-weight: normal; }

a.red { color: #ff0000; }

h3.red,
h2.red   { background-color: #ff0000; }
h2.brown { background-color: #511e19; }
h2.green { background-color: #1f5539; }
h2.navy  { background-color: #194a51; }
h2.blue  { background-color: #36435b; }
h2.gray  { background-color: #6c6d6d; }

.h2-novinky  { background: url(/images/headers/h2-novinky.gif) no-repeat 11px 5px; }
.h2-uvodem   { background: url(/images/headers/h2-uvodem.gif) no-repeat 11px 5px; }
.h2-kontakt  { background: url(/images/headers/h2-kontakt.gif) no-repeat 11px 5px; }
.h2-klienti  { background: url(/images/headers/h2-klienti.gif) no-repeat 11px 5px; }
.h2-lide     { background: url(/images/headers/h2-lide.gif) no-repeat 11px 5px; }

.h2-RMG               { background: url(/images/headers/h2-RMG.gif) no-repeat 11px 5px; }
.h2-advertures        { background: url(/images/headers/h2-advertures.gif) no-repeat 11px 5px; }
.h2-activation        { background: url(/images/headers/h2-activation.gif) no-repeat 11px 5px; }
.h2-communications    { background: url(/images/headers/h2-communications.gif) no-repeat 11px 5px; }
.h2-public-relations  { background: url(/images/headers/h2-public-relations.gif) no-repeat 11px 5px; }

.h2-tiskove-zpravy    { background: url(/images/headers/h2-tiskove-zpravy.gif) no-repeat 11px 5px; }
.h2-studie            { background: url(/images/headers/h2-studie.gif) no-repeat 11px 5px; }
.h2-newsletter        { background: url(/images/headers/h2-newsletter.gif) no-repeat 11px 5px; }

.h2-nase-prace        { background: url(/images/headers/h2-nase-prace.gif) no-repeat 11px 5px; }

h3       { font-weight: bold; margin-bottom: 12px; display: inline-block; }

.detail-news { display: none; }

.date { margin-bottom: 5px; display: block; }

p        { padding-bottom: 22px; }
.more    { padding-left: 18px; color: #ff0000; text-decoration: none; }
#content { float: left; padding-left: 15px; width: 430px; }
#footer { padding: 8px 0 8px 75px; border-bottom: 11px #000 solid; display: block; }

a { color: #67666b; text-decoration: none; }
a:focus,
a:hover { text-decoration: underline; }

h3       { font-weight: bold; margin-bottom: 12px; display: inline-block; }
p        { padding-bottom: 22px; }
.more    { padding-left: 18px; color: #ff0000; text-decoration: none; }
#content { float: left; padding-left: 15px; width: 450px; }
#footer { padding: 8px 0 8px 75px; border-bottom: 11px #000 solid; display: block; }

/*- navigace -*/

#navigation     { position: absolute; top: 24px; right: 16px; }
#navigation a   { color: #000; line-height: 22px; text-decoration: none; display: block; height: 22px; text-align: center; letter-spacing: 0; background-position: 11px 3px; text-indent: -10000px; }
#navigation li  { float: left; text-transform: uppercase; position: relative; }

.o-nas      { background: url(/images/navigation/o-nas.png) no-repeat; width: 54px; }
.nase-prace { background: url(/images/navigation/nase-prace.png) no-repeat; width: 95px; }
.novinky    { background: url(/images/navigation/novinky.png) no-repeat; width: 72px; }
.kontakt    { background: url(/images/navigation/kontakt.png) no-repeat; width: 65px; }

/* O NAS */
.uvod          { background: url(/images/subnavigation/uvodem.png) no-repeat 13px 10px; width: 69px; }
.lide          { background: url(/images/subnavigation/lide.png) no-repeat 14px 10px; width:50px; }
.klienti       { background: url(/images/subnavigation/klienti.png) no-repeat 14px 10px; width:63px; }
.mather-group  { background: url(/images/subnavigation/mather-group.png) no-repeat 14px 10px; width:103px; }

/* NOVINKY */
.aktualne         { background:#fff url(/images/subnavigation/aktualne.png) no-repeat 7px 2px; width: 61px; }
.tiskove-zpravy   { background:#fff url(/images/subnavigation/tiskove-zpravy.png) no-repeat 5px 2px; width:93px; }
.newsletter       { background:#fff url(/images/subnavigation/newsletter.png) no-repeat 4px 2px; width:71px; }
.studie           { background:#fff url(/images/subnavigation/studie.png?v2) no-repeat 4px 2px; width:52px; }

/* WORKS */
#navigation ul.works-menu { margin-left: -43px; width: 274px !important; width: 276px; }
#navigation ul.works-menu a { background:#fff url(/images/subnavigation/works-menu.gif) no-repeat; }
#navigation ul.works-menu a.by-clients { width: 92px; background-position: 11px 4px; }
#navigation ul.works-menu a.by-media   { width: 88px; background-position: -83px 4px; }
#navigation ul.works-menu a.by-groups  { width: 94px; background-position: -175px 4px; }

#navigation ul.works-menu ul a { background-image: none; }

#navigation a.active,
#navigation a:hover { background-color: #FF0000; }

#navigation li .level1 { position: absolute; top: 22px; left: 0; width: 285px; border: 1px #cacacc solid; }

#navigation .level1 li a,
#navigation .level1 li a:hover { background-color: #FFF; }
#navigation .level1 li a:hover { xbackground-position: 11px -47px; }

#navigation ul.level1.works-menu li a:hover.by-clients { background:#fff url(/images/subnavigation/works-menu.gif) no-repeat 11px -26px; }
#navigation ul.level1.works-menu li a:hover.by-media   { background-position: -83px -26px; }
#navigation ul.level1.works-menu li a:hover.by-groups  { background-position: -175px -26px !important; }


#navigation li .level2 { position: absolute; top: 22px; right: -2px; background-color: #FF0000; }
#navigation .level2 li a:hover,
#navigation .level2 li a { float: none; width: 104px; background-color: #FF0000; font-size: 10px; padding: 2px 5px; text-indent: 0; text-transform: none; line-height: 1.3em; height: auto; text-align: left; color: #fff; }

#navigation .level2 li a.active,
#navigation .level2 li a:hover { color: #000; }

#navigation li ul { display: none; }



/*- home -*/
#home #page { background-color: transparent; border-bottom: 12px solid #000; height: 613px; width: 1024px; }
#main { padding-left: 75px; }
.pageBackground,
#home #main { padding-left: 0; position: relative; }
#main { min-height: 484px; }
#preloader,
.pageBackground { display: none; position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -512px; padding-bottom: 11px; height: 613px; }
.pageBackground img { font-size: 0.1px; line-height: 0.1px; display: none; }
#preloader { background-color: #fff; width: 1024px; height: 613px; z-index: 2; display: block; }
#loader { width: 121px; height: 17px; overflow: hidden; background-color: #f3f1f1; position: absolute; top: 235px; left: 50%; margin-left: -60px; }
#progress { height: 100%; width: 100%; position: absolute; left: -100%; background-color: #ff0000; }
#news-hp { position: absolute; bottom: 0px; margin-bottom: 12px; margin-right: -8px; }
#news-hp .item { float: left; color: #ffffff; position: relative; margin-right: 2px; height: 101px; width: 340px; }
#news-hp .item.last { margin-right: 0; }
#news-hp .item .bg      { background: #000; z-index: 3; bottom: 0; left: 0; position: absolute; height: 101px; width: 340px; }
#news-hp .item .text span { z-index: 4; display: block; position: absolute; width: 310px; height: 85px; padding: 21px 8px 35px 22px; }
#news-hp .item .red a  { padding-left: 0; color: #FF0000 !important; text-decoration: none; position: absolute; left: 23px; padding-left: 1px; bottom: 15px; z-index: 4; }

#sidebar { width: 339px; float: left; }
#sidebar h2.ttl  { width: 316px !important; width: 339px; margin-bottom: 14px; clear: left; }
#sidebar img,
#content-works .work img   { float: left; margin-right: 1px; margin-bottom: 1px; }
#sidebar span img,
#content-works .work span img { float: none; margin: 0; }
#sidebar span,
#content-works .work span  { position: relative; height: 79px; display: block; float: left; text-decoration: none; margin-right: 1px; margin-bottom: 1px; }
#sidebar span em,
#content-works .work span em { display: block; position: absolute; width: 72px; height: 15px; background-color: #FF0000; padding-left: 4px; padding-top: 3px; color: #fff; font-size: 1em; text-decoration: none; top: 9px; right: 0; margin-right: 1px; margin-bottom: 1px; font-style: normal; }
#content-works .work span em  { margin-left: 0; left: 0; }

#sidebar .navigation ul { list-style: none; background: #ff0000; float: right; }
#sidebar .navigation ul li { width: 16px; height: 17px; float: left; display: block; padding-right: 2px; background: url(/images/works/work_navigation-li.gif) right 4px no-repeat red; }
#sidebar .navigation ul li.last  { background: none red; padding-right: 0; }
#sidebar .navigation ul li a { width: 10px; margin: 0 3px; height: 100%; display: block; text-align: center; font-size: 9px; line-height: 15px; color: #fff; }
#sidebar .navigation ul li a:hover,
#sidebar .navigation ul li a.active { text-decoration: none; background: url(/images/works/work_navigation-hover.gif) repeat 0 15px red; }
/*
#sidebar .navigation ul li a  { color: #fff; padding: 0 2px; font-size: .9em; height: 11px; line-height: 7px; overflow: hidden; background-image: url(/images/works/work_navigation-hover.gif); background-position: 0 0; background-repeat: repeat; }
#sidebar .navigation ul li a:hover,
#sidebar .navigation ul li a.active { text-decoration: none; background-position: center 11px; }*/

#sidebar.works .minheight { min-height: 370px; }
#sidebar.works h3 { color: #f00; font-size: 140%; margin: 0; padding: 0 0 3px 0; }
#sidebar.works h4 {  font-size: 140%; font-weight: bold; padding: 0 0 6px 0; }
#sidebar.works h5 { font-size: 1em; padding: 5px 0 2px 0; }
#sidebar.works p  { font-size: 1em; padding: 0 0 10px 0; } 

#sidebar .buttons { width: 100%; }
#sidebar .buttons a:hover  { text-decoration: none; }
#sidebar .buttons .client,
#sidebar .buttons .campaign { display: block; float: left; margin-right: 4px; padding: 3px 5px 7px 4px; line-height: 7px; background: #acadad; color: #fff; font-weight: bold; }
#sidebar .buttons .campaign   { background: #f00; float: right; }

.people       { width: 555px; float: left; padding-left: 13px; position: absolute; top: 0; left: 0; }
.side-info    { width: 252px; float: left; }
.icontent     { width: 226px; float: left; padding-left: 13px; position: relative; }
.side-info h3 { color: #FFF; font-size: 1.1em; padding: 5px 26px 12px 5px;  }

#content.wide { padding-left: 0; width: 555px; position: relative; }
#content.wide2 .clearfix,
#content.wide2 { width: 495px; left: 0; top: 0; position: relative; }

.col { width: 150px; float: left; text-align: left; }

.work { float: left; padding-left: 13px; position: absolute; top: 0; left: 0; margin-bottom: 15px; z-index: 2; }
.work p { min-height: 68px; }
.work small { font-size: 1em; padding-left: 11px; position: relative; top: -3px; }
.work small.clearfix { padding-left: 0; }
.work small,
.work img   { float: left; }

/* lightbox - thickbox */

#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:1500;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 1502;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_closeWindow{
  height:25px;
  padding:5px 13px 0px 0;
  float:right;
  letter-spacing: 0;
  font-size: .9em;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

#social-media { width: 180px !important; width: 185px; }
#social-media a    { width: 17px; height: 17px; margin-right: 5px; position: relative; left: 0; top: 0; overflow: hidden; display: block; background: url(/images/social-media.gif) no-repeat; }
#social-media a,
#social-media span.ttl { float: left; }
#social-media a span { position: absolute; padding-top: 17px; }
#social-media span.icons { float: right; }

#social-media .ln       { background-position: 0 0; }
#social-media .facebook { background-position: -22px 0; }
#social-media .skype    { background-position: -44px 0; }

#navigation li .news-submenu { width: 277px !important; width: 280px; margin-left: -141px; }

#content-works {
  float:left;
  width:495px;
  background-color: red;
  position: relative;
  z-index: 0;
}

#showroom   { background: #fff; height: 300px; overflow: hidden; }
.work .media   { margin-top: 15px; width: 495px; height: 79px; position: relative; overflow: hidden; }
.work .mediaInner { position: absolute; top: 0; left: 0; height: 100%; }
.work .media span { height: 70px !important; }
.work .navigation { margin-top: 3px; }
.work .navigation a  { color: #67666B; float: left; font-weight: bold; text-decoration: none; }
.work .navigation a:hover  { text-decoration: none; color: #f00; }
.work .navigation .next { float: right; }

#sidebar.works h2.ttl { margin-bottom: 0; }

.clients { width: 600px !important; position: relative; z-index: 10000; }
.clients li { width: 200px !important; white-space: nowrap; }

#navigation ul.level1-news { width: 280px !important; }