html, body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, a, address { margin: 0; padding: 0; }
body { font-family: "Arial CE", Arial; font-size: 82%; background: #fff url(../img/bg-body.png) 0 0 repeat-x; color: #333; text-align: center; }
a:link    { color: #1b9fc7; }
a:visited { color: #1b9fc7; }
a:hover   { color: #f7901e; }
img       { border: none; }
li        { list-style: none; }
hr, .invi { display: none; }
/* Top ---------------------------------------------------------------------- */
#page    { width: 904px; margin: 0 auto; position: relative; overflow: hidden; text-align: left; background: url(../img/bg-page.png) 0 0 no-repeat; }
#page.hp { background-image: url(../img/bg-page.jpg); }
h1, h1 span { width: 195px; height: 44px; position: absolute; left: 46px; top: 28px; overflow: hidden; z-index: 1; }
h1 span     { display: block; z-index: 2; left: 0; top: 0; background: url(../img/logo.png) 0 0 no-repeat; cursor: pointer; }
ul#top            { width: 80%; position: absolute; right: 215px; top: 11px; text-align: right; }
ul#top li         { display: inline; font-size: 70%;}
ul#top li a       { color: #999;  font-size: 124%;}
ul#top li a:hover { color: #f7901e; }
ul#menu              { width: 100%; float: left; margin: 103px 0 0 44px; font-size: 100%; font-weight: bold; height: 37px; overflow: hidden; }
ul#menu li           { background: url(../img/bg-menu-left.png) 0 -74px no-repeat; float: left; font-family: "Tahoma CE", Tahoma; line-height: 37px; height: 37px; }
ul#menu li span      { background: url(../img/bg-menu-right.png) 100% -74px no-repeat; float: left; padding: 0 22px 0 12px; margin-left: 10px; }
ul#menu a            { background: url(../img/bg-menu-left.png) 0 0 no-repeat; float: left; padding: 0 0 0 0px; }
ul#menu a span       { background: url(../img/bg-menu-right.png) 100% 0 no-repeat; cursor: pointer; text-decoration: underline; }
ul#menu a:hover      { background-position: 0 -37px; }
ul#menu a:hover span { background-position: 100% -37px; }
#social-media            { width: 80%; position: absolute; right: 47px; top: 12px; text-align: right; font-family: "Tahoma CE", Tahoma; font-size: 85%; }
#social-media img { margin-left: 3px; vertical-align: middle; }
/* Homepage ----------------------------------------------------------------- */
#header         { float: left; width: 100%; height: 185px; }
#header h2      { position: relative; width: 473px; height: 30px; font-size: 26px; font-weight: normal; margin: 22px 0 0 46px; color: #1b9fc7; overflow: hidden; }
#header h2 span { position: absolute; top: 0; left: 0; width: 473px; height: 30px; display: block; background: url(../img/ir-hp-h2.png) 0 1px no-repeat; }
#header p       { position: relative; width: 490px; height: 53px; font-size: 16px; margin: 13px 0 0 46px; color: #1b9fc7; line-height: 1.1em; overflow: hidden; }
#header p span  { position: absolute; top: 0; left: 0; width: 490px; height: 53px; display: block; background: url(../img/ir-hp-p.png) 0 0 no-repeat; }
#header a       { position: relative; width: 151px; height: 31px; font-size: 6px; margin: 13px 0 0 45px; color: #fff; display: block; }
#header a span  { position: absolute; top: 0; left: 0; width: 151px; height: 31px; display: block; background: url(../img/button-1.png) 0 0 no-repeat; cursor: pointer; }
#header a:hover span { background-position: left bottom; }
#three-boxes         { width: 602px; height: 184px; float: left; display: inline; margin: 25px 0 0 47px; background: url(../img/bg-three-boxes.jpg) 0 0 no-repeat; overflow: hidden; }
#three-boxes div     { width: 200px; float: left; }
#three-boxes h2      { position: relative; width: 184px; height: 51px; font-size: 13px; font-weight: normal; color: #fff; margin: 15px 0 0 10px; overflow: hidden; }
#three-boxes h2 a    { text-decoration: none; background: none; font-size: 17px; text-transform: uppercase; display: block; padding: 5px 0 0 40px; }
#three-boxes h2 span { position: absolute; top: 0; left: 0; width: 184px; height: 51px; display: block; background: url(../img/ir-box-1-h2.jpg) 0 0 no-repeat; cursor: pointer; }
#three-boxes p       { font-size: 90%; margin: 8px 8px 7px 16px; line-height: 1.2em; }
#three-boxes a       { font-size: 12px; margin: 0 0 0 16px; padding-left: 7px; font-weight: bold; color: #fff; background: url(../img/arrow-1.gif) 0 5px no-repeat;}
#three-boxes a:hover { color: #9b0e0f; }
#three-boxes #box-hp-2 h2      { width: 164px; }
#three-boxes #box-hp-2 h2 span { background: url(../img/ir-box-2-h2.jpg) 0 0 no-repeat; }
#three-boxes #box-hp-3 h2      { width: 165px; }
#three-boxes #box-hp-3 h2 span { background: url(../img/ir-box-3-h2.jpg) 0 0 no-repeat; }
#advergaming         { width: 180px; height: 184px; float: left; display: inline; margin: 25px 0 1px 28px; }
#advergaming h2      { position: relative; width: 132px; height: 27px; font-size: 21px; font-weight: normal; color: #1b9fc7; overflow: hidden; }
#advergaming h2 span { position: absolute; top: 0; left: 0; width: 132px; height: 27px; display: block; background: url(../img/ir-advergaming-h2.png) 0 0 no-repeat; }
#advergaming p       { font-size: 95%; margin: 5px 0 0 0; line-height: 1.30em; }
#advergaming a       { position: relative; width: 149px; height: 32px; font-size: 6px; margin: 8px 0 0 0; color: #fff; display: block; }
#advergaming a span  { position: absolute; top: 0; left: 0; width: 149px; height: 32px; display: block; background: url(../img/button-2.png) 0 0 no-repeat; cursor: pointer; }
#advergaming a:hover span { background-position: left bottom; }
#news          { width: 374px; float: left; display: inline; margin: 25px 0 0 46px; }
#news h2       { position: relative; width: 88px; height: 27px; font-size: 21px; font-weight: normal; overflow: hidden; }
#news h2 span  { position: absolute; top: 0; left: 0; width: 88px; height: 27px; display: block; background: url(../img/ir-news-h2.png) 0 0 no-repeat; }
#news dl       { margin: 11px 0 16px 0; width: 375px; position: relative; overflow: hidden; }
#news dt       { font-size: 85%; padding-top: 18px; width: 51px; height: 33px; float: left; margin-bottom: 13px;  background: url(../img/bg-news.png) 0 0 no-repeat; color: #0054a6; text-align: center; }
#news dt span  { font-size: 119%; font-weight: bold; }
#news dd       { width: 310px; float: left; margin-bottom: 13px; padding-left: 14px; }
#news h3       { font-size: 95%; }
#news p        { font-size: 95%; margin: 5px 0 0 1px; line-height: 1.3em; }
#introduce         { width: 400px; float: left; display: inline; margin: 25px 0 0 46px; overflow: hidden; }
#introduce h2      { position: relative; width: 140px; height: 27px; font-size: 21px; font-weight: normal; margin-left: 2px; overflow: hidden; }
#introduce h2 span { position: absolute; top: 0; left: 0; width: 140px; height: 27px; display: block; background: url(../img/ir-introduce-h2.png) 0 0 no-repeat; }
#introduce img     { float: left; margin-top: 11px; }
#introduce div     { float: left; width: 190px; margin-top: 11px; }
#introduce h3      { font-size: 95%; }
#introduce p       { font-size: 95%; margin: 5px 0 0 1px; line-height: 1.3em; }
#introduce ul      { margin-top: 25px; }
#introduce li      { margin-bottom: 5px; }
a.icon-1 { font-size: 95%; padding-left: 21px; background: url(../img/icon-1.png) 1px 1px no-repeat; line-height: 14px; }
a.icon-2 { font-size: 95%; padding-left: 21px; background: url(../img/icon-2.png) 0 0 no-repeat; line-height: 14px; }
#clients               { width: 100%; height: 114px; margin-top: 27px; float: left; overflow: hidden; background: url(../img/divider-1.png) 16px 0 no-repeat; }
#clients h2            { position: relative; width: 167px; height: 27px; font-size: 21px; font-weight: normal; margin: 33px 0 0 47px; overflow: hidden; }
#clients h2 span       { position: absolute; top: 0; left: 0; width: 167px; height: 27px; display: block; background: url(../img/ir-clients-h2.png) 0 0 no-repeat; }
#clients ul            { margin: 5px 0 0 48px; }
#clients li            { float: left; position: relative; }
#clients li a          { height: 42px; font-size: 21px; font-weight: normal; display: block; }
#clients li a span     { height: 42px; position: absolute; top: 0; left: 0; display: block; cursor: pointer; }
#clients li#client-1 a       { width: 151px; margin-right: 43px; }
#clients li#client-1 a span  { width: 151px; background: url(../img/client-1.jpg) 0 0 no-repeat; }
#clients li#client-2         { width: 120px; margin-right: 41px; }
#clients li#client-2 a span  { width: 120px; background: url(../img/client-2.jpg) 0 0 no-repeat; }
#clients li#client-3         { width: 114px; margin-right: 41px; }
#clients li#client-3 a span  { width: 114px; background: url(../img/client-3.jpg) 0 0 no-repeat; }
#clients li#client-4         { width: 144px; margin-right: 39px; }
#clients li#client-4 a span  { width: 144px; background: url(../img/client-4.jpg) 0 0 no-repeat; }
#clients li#client-5         { width: 122px; }
#clients li#client-5 a span  { width: 122px; background: url(../img/client-5.jpg) 0 0 no-repeat; }
#clients li#client-1 a:hover span, #clients li#client-2 a:hover span, #clients li#client-3 a:hover span, #clients li#client-4 a:hover span, #clients li#client-5 a:hover span { background-position: left bottom; }
#footer         { width: 100%; float: left; overflow: hidden; position: relative; top: -7px; background: url(../img/bg-footer.png) 0 0 no-repeat; }
#footer p       { font-size: 85%; color: #999; margin: 56px 0 80px 17px; line-height: 16px; }
#footer a { color: #6bbad2; }
#footer a:hover { color: #a8bfc6; }
#rotator
{
  cursor: pointer;
	overflow: hidden;
	position: relative;
	margin-left: 3px;
	padding-right: 16px;
	width: 183px;
	height: 215px;
}
#rotator img
{
	border: 0;
	margin: 0;
	cursor: pointer;
	width: 183px;
	height: 215px;
}
/* Podstranky --------------------------------------------------------------- */
h2#hint         { color: #1b9fc7; font-size: 127%; float: left; padding-left: 30px; line-height: 64px; margin: 0 0 0 17px; width: 870px; height: 72px; background: url(../img/bg-hint.png) 0 0 no-repeat; }
h2#hint a:link  { color: #1b9fc7; } 
h2#hint a:hover { color: #1b9fc7; }
h2#hint a:visited  { color: #f7901e; } 
#left            { width: 183px; float: left; display: inline; margin: 11px 0 0 46px; overflow: hidden; }
#left div        { width: 183px; background: url(../img/bg-left.png) 2px 0 repeat-y; }
#left ul         { width: 183px; padding: 10px 0 16px 0; background: url(../img/bg-left-bottom.png) 2px 100% no-repeat; }
#left li         { font-size: 95%; position: relative; margin: 0 0 0 17px; line-height: 2.0em; }
#left li a       { padding: 0 0 0 16px; background: url(../img/arrow-2.gif) 0 6px no-repeat; position: relative; }
#left li a:hover { background-image: url(../img/arrow-3.gif); }
#left img        { margin-top: 30px; }
#right           { width: 600px; float: left; display: inline; margin: 7px 0 0 28px; overflow: hidden; }
#main            { width: 810px; float: left; display: inline; margin: 19px 0 0 47px; overflow: hidden; }
#breadcrumb         { width: 100%; overflow: hidden; font-size: 85%; color: #999; padding-bottom: 9px; border-bottom: 1px solid #e5e5e5; }
#breadcrumb a       { color: #999; }
#breadcrumb a:hover { color: #f7901e; }
#printpage         { font-size: 85%; position: absolute; top: 0; right: 0; }
#printpage a       { color: #999; }
#printpage a:hover { color: #f7901e; }
#text       { width: 100%; position: relative; float: left; overflow: hidden; }
#text h2    { font-size: 231%; font-weight: normal; color: #f7901e; margin: 11px 0 12px 0; }
#text h3    { font-size: 140%; font-weight: normal; color: #1b9fc7; margin: 19px 0 10px 0; }
#text p     { font-size: 95%; line-height: 1.4em; margin-bottom: 15px; }
#text dl    { font-size: 95%; margin-bottom: 18px; }
#text dt    { font-weight: bold; margin: 16px 0 5px 0; }
#text dd    { padding-left: 20px; margin-bottom: 5px; background: url(../img/arrow-2.gif) 6px 5px no-repeat; position: relative; }
#text ul    { margin: 16px 0; }
#text li    { font-size: 95%; padding-left: 20px; margin-bottom: 5px; background: url(../img/arrow-2.gif) 6px 5px no-repeat; position: relative; }
#text table { border-collapse: collapse; width: 99%; margin-bottom: 10px; position: relative; margin-left: 1px; }
#text th    { font-size: 95%; border: 1px solid #e5e5e5; padding: 12px 14px; text-align: left; color: #1b9fc7; background: url(../img/bg-table.png) 0 0 repeat-x;}
#text td    { font-size: 95%; border: 1px solid #e5e5e5; padding: 12px 14px; }
#text .item          { width: 600px; float: left; display: inline; margin: 11px 0 20px 0; overflow: hidden; }
#text .item img      { float: left; }
#text .item div      { float: right; width: 392px; }
#text .item h3       { margin-top: 0; }
#text .item h4       { font-size: 95%; margin-bottom: 10px; font-weight: normal; }
#text .item p        { margin: 5px 0 0 1px; line-height: 1.40em; }
#text .item a.icon-1 { line-height: 2.7em; }
#kontakt a       { position: relative; width: 209px; height: 32px; font-size: 6px; margin: 30px 0 0 150px; color: #fff; display: block; }
#kontakt a span  { position: absolute; top: 0; left: 0; width: 209px; height: 32px; display: block; background: url(../img/vyzkousejte.png) 0 0 no-repeat; cursor: pointer; }
#kontakt a:hover span { background-position: left bottom; }