/* www.hckobra.cz, media screen */


/* zakladni nastaveni */


html { font-size: 100.01%; }

body { background: #071038 url("img/body.jpg") no-repeat top center; color: #ffffff; font: normal normal normal 1em/normal Tahoma, "Lucida Grande CE", lucida, sans-serif; margin: 0; padding: 0; text-align: center; }

p { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0; padding: 0; }

ol, ul { margin: 0; padding: 0; }

ol li, ul li { list-style: none; }

a img { border: none; }

ins { text-decoration: none; }

fieldset { border: none; margin: 0; padding: 0; }

label { cursor: pointer; }

input.text, input.password { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 1em; padding: 2px; }

input.submit, input.reset, input.button { cursor: pointer; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 1em; font-weight: bold; }

textarea { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 1em; overflow: auto; padding: 2px; }

select { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 1em; }

hr { border: none; background-color: #cccccc; color: #cccccc; height: 1px; }


/* stranka */


div#homepage, div#page { margin: 0 auto 0 auto; padding: 0 40px 0 40px; text-align: left; width: 920px; }

div.wrapper { clear: both; }

span.ir, span.corner, span.ico { overflow: hidden !important; position: absolute; }

span.ir { left: 0; top: 0; }

a span.ir { cursor: pointer; }

* html span.ico { height: 55px !important; }


/* content */


div#content { font-size: 0.75em; padding: 225px 0 20px 0; position: relative; width: 920px;}

div.columns div.left { float: left; /*overflow: hidden;*/ }

div.columns div.right { float: right; /*overflow: hidden;*/ }

div.columns.master { padding-bottom: 20px; padding-top: 15px; z-index:10; position:relative;}

div.columns.master div.left { width: 640px; }

div.columns.master div.right { width: 265px; }

div.columns.slave div.left { width: 415px; }

div.columns.slave div.right { width: 210px; }

div.box { overflow: hidden; }

div.opacity45 { background: url("img/opacity45.png"); }

div.opacity50 { background: url("img/opacity50.png"); }

div.opacity60 { background: url("img/opacity60.png"); }

div.opacity75 { background: url("img/opacity75.png"); }

div.opacity80 { background: url("img/opacity80.png"); }

div.opacity90 { background: url("img/opacity90.png"); }

p.more { text-align: right; }

p.more a { background: url("img/more-a.png") no-repeat left center; color: #ffd816; padding-left: 11px; }

p.more a:hover { color: #ffffff; }

a.back { background: url("img/a-back.png") no-repeat left center; color: #ffffff; padding-left: 20px; }

a.back:hover { color: #ffd715; }

p.back { background: #ffd516; padding: 3px 6px 5px 6px; }

p.back a { background: url("img/back-a.png") no-repeat right center; color: #323232; padding-right: 13px; }

p.back a:hover { color: #000000; }

p.top a { background: url("img/top-a.png") no-repeat left center; color: #ffffff; padding-left: 15px; }

p.top a:hover { color: #ffd715; }


/* hlavni menu */


*+html div.mainmenu { float: left;}

div.box.mainmenu {overflow:visible;z-index:100; position:relative;}

div.mainmenu li { background: url("img/mainmenu-divider.png") no-repeat right center; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 1.4em; float: left; position: relative;}

div.mainmenu li.last { background: none; }

div.mainmenu a { color: #ffffff; display: block; margin-right: 1px; padding: 9px 19px 9px 19px; position: relative; text-decoration: none; }

div.mainmenu a:hover, div.mainmenu a.active, div.mainmenu li:hover a, div.mainmenu li.sfhover a { color: #000000; background: #ffd715; }

div.mainmenu a.active { color: #000000; background: #ffd715; left: -1px; margin-right: -2px; }

div.mainmenu li.last a { margin: 0; }


/* dropdown menu */

div.mainmenu ul.dropmenu { visibility: hidden; position: absolute; diplay:block;  background: #ffd715; left: 0px; top: 40px; width: 160px; z-index:600;}

div.mainmenu li:hover ul.dropmenu, div.mainmenu li.sfhover ul.dropmenu { visibility: visible; }
div.mainmenu ul.dropmenu:hover, div.mainmenu ul.dropmenu.sfhover { visibility: visible; }

div.mainmenu ul.dropmenu li { background: url("img/dropmenu-divider-yellow.gif") no-repeat center bottom; color: #323232; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 0.8em; font-weight:bold;float: left; height: 30px; width:160px;position:relative;}

div.mainmenu ul.dropmenu li.last {background:none;}

/*div.mainmenu ul.dropmenu a.drop, div.mainmenu ul.dropmenu a.drop:visited  {background:#d4d8bd}
*/
div.mainmenu ul.dropmenu a { color: #323232; display: block; margin: 0px; padding: 5px 10px 6px 10px; position: relative; text-decoration: none; background:none;}
div.mainmenu ul.dropmenu a.drop {background: url("img/double-arrow.png") no-repeat 140px center;}


div.mainmenu ul.dropmenu li:hover, div.mainmenu ul.dropmenu li.sfhover {color: #ffd715; background: #000000; }
div.mainmenu ul.dropmenu li:hover  a, div.mainmenu ul.dropmenu li.sfhover a{ color: #ffd715; background:#000000;}
div.mainmenu ul.dropmenu li:hover  a.drop, div.mainmenu ul.dropmenu li.sfhover a.drop{ color: #ffd715; background: url("img/double-arrow.png") no-repeat 140px center;}
/* secondlevel menu */

div.mainmenu ul.dropmenu ul {visibility:hidden; position: absolute; diplay:block;  left: 160px; top: 0px; width: 110px; z-index:600;background: url("img/opacity-dark.png") repeat;}

div.mainmenu ul.dropmenu li:hover ul, div.mainmenu ul.dropmenu li.sfhover ul {visibility:visible;}

div.mainmenu ul.dropmenu ul li { background: url("img/secondmenu-divider.png") no-repeat center bottom; color: #323232; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 1em; font-weight:bold; float: left; height: 30px; width:110px;position:relative;}

div.mainmenu ul.dropmenu ul.secondlevelmenu li a, div.mainmenu ul.dropmenu ul a:visited { color: #ffd715; background:none; display: block; margin: 0px; padding: 5px 10px 6px 10px; position: relative; text-decoration: none; }

div.mainmenu ul.dropmenu ul.secondlevelmenu li:hover a, div.mainmenu ul.dropmenu ul.secondlevelmenu li.sfhover a{ color: #323232;  background: #ffd715; }

/* strankovani */

div.pagination { /*font-size: 0.9em;*/ margin-top: 15px; padding: 10px; }

* html div.pagination div.wrapper { margin-top: -10px; }

*+html div.pagination div.wrapper { margin-top: -10px; }

div.pagination p.top { float: left; margin-top: 2px; }

div.pagination ul.pagination { float: right; }

ul.pagination li { float: left; margin: 0 3px 0 3px; padding: 3px 6px 4px 7px; position: relative; text-align: center; }

ul.pagination a { color: #ffffff; display: block; margin: -3px -6px -4px -7px; padding: 3px 6px 4px 7px; }

ul.pagination a:hover { color: #ffd816; }

ul.pagination a.active { background: #ffd816; color: #323232; font-weight: bold; text-decoration: none; }

ul.pagination li.previous, ul.pagination li.next { background: #020414; color: #81828a; font-size: 1.3em; height: 20px; padding: 0; text-align: center; width: 20px; }

ul.pagination li.previous { margin-right: 4px; }

ul.pagination li.previous span.ir { background-image: url("img/pagination-previous.png"); height: 20px; width: 20px; }

ul.pagination li.next { margin-left: 4px; }

ul.pagination li.next span.ir { background-image: url("img/pagination-next.png"); height: 20px; width: 20px; }

ul.pagination li.previous a, ul.pagination li.next a { background: #ffd816; color: #323232; height: 20px; line-height: 20px; margin: 0; padding: 0; width: 20px; }

ul.pagination li.previous a:hover, ul.pagination li.next a:hover, ul.pagination li a.active:hover { color: #000000; }

ul.pagination li.previous a span.ir, ul.pagination li.next a span.ir { background-position: -20px 0; }

ul.pagination li.previous a:hover span.ir, ul.pagination li.next a:hover span.ir { background-position: -40px 0; }


/* textovy layer */


div.text { font-size: 0.9em; }

div.text h1 { color: #ffd816; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 2em; font-weight: normal; }

div.text h2 { color: #ffd816; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 1.7em; font-weight: normal; padding: 16px 10px 16px 10px; }

div.text h3 { color: #ffffff; font-size: 1.4em; }


/* h1 a submenu na podstranach */


div.title { padding: 19px 15px 19px 15px; }

div.title h1 { float: left; width: 75%; }

div.title a.back { float: right; margin-top: 0.6em; }

* html div.title div.wrapper { margin-top: -19px; }

*+html div.title div.wrapper { margin-top: -19px; }

* html div.pagemenu { height: 1%; }

*+html div.pagemenu { height: 1%; }

div.pagemenu li { background: url("img/mainmenu-divider.png") no-repeat right center; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 1.6em; float: left; }

div.pagemenu li.last { background: none; }

div.pagemenu a { display: block; color: #ffffff; line-height: 40px; margin-right: 1px; padding: 0 26px 0 27px; position: relative; text-decoration: none; }

* html div.pagemenu a { display: inline-block; height: 1%; }

*+html div.pagemenu a { display: inline-block; height: 1%; }

div.pagemenu a:hover { color: #000000; background: #ffd715; }

div.pagemenu a.active { color: #000000; background: #ffd715; left: -1px; margin-right: -2px; }

div.pagemenu li.last a { margin: 0; }



/* clanky */


div.articles { padding: 10px; }

* html div.articles div.wrapper { margin-top: -10px; }

*+html div.articles div.wrapper { margin-top: -10px; }

div.articles div.article { float: left; height: 330px; overflow: hidden; position: relative; width: 420px; }

div.articles div.articles-list { float: right; position: relative; width: 199px; }

div.article div.perex { bottom: 0; left: 0; line-height: 16px; padding: 12px 8px 15px 15px; position: absolute; width: 397px; }

div.article div.perex h2 { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 1.2em; font-weight: bold; margin-bottom: 4px; padding: 0; }

div.articles-list div.thumbnail { height: 110px; overflow: hidden; position: relative; width: 199px; }

div.articles-list div.thumbnail img { position: absolute; }

div.articles-list div.thumbnail div.perex { bottom: 0; position: absolute; width: 199px; }

div.articles-list div.perex span.underlay { background: url("img/opacity75.png"); display: block; }

div.articles-list a { background: url("img/articles-list-a.png") no-repeat 9px center; color: #ffffff; display: block; font-size: 1.1em; padding: 8px 10px 10px 26px; text-decoration: none; }

div.articles-list a:hover, div.articles-list a.active { background: #051744 url("img/articles-list-a.png") no-repeat 9px center; }


/* aktuality */


h2.news { position: relative; }

h2.news span.ico { background: url("img/h2-news.png") no-repeat center right; height: 100%; width: 108px; right: -17px; top: 0; }

div.news { padding: 0 10px 0 10px; position: relative; }

* html div.news { width: 395px; }

div.news div.item { padding: 10px 0 10px 0; }

div.news div.thumbnail { float: left; height: 101px; width: 136px; }

div.news div.perex { float: right; line-height: 17px; overflow: hidden; width: 240px; }

div.news hr { background: #0e224f; color: #0e224f; height: 1px; margin: 0; width: 395px; }

* html div.news hr { position: absolute; }

*+html div.news hr { position: absolute; }

div.news div.thumbnail a { border: 1px solid #183b7b; display: block; height: 99px; overflow: hidden; width: 134px; }

div.news div.thumbnail a:hover { border: 1px solid #ffd816; }

div.news div.perex ins { color: #2756ad; font-size: 0.8em; margin: 7px 0 0 0; }

div.news div.perex h3 { color: #ffd816; font-size: 1.4em; margin: 5px 0 8px 0; }


/* tabulka */


h2.score-sheet { position: relative; }

h2.score-sheet span.ico { background: url("img/h2-score-sheet.png") no-repeat center right; height: 100%; width: 108px; right: -14px; top: 0; }

table.score-sheet { width: 100%; }

table.score-sheet th, table.score-sheet td { font-weight: normal; padding: 8px 5px 9px 5px; text-align: left; }

table.score-sheet tr.odd th, table.score-sheet tr.odd td { background: url("img/opacity45.png"); }

* html table.score-sheet tr.odd th, * html table.score-sheet tr.odd td { background: #04102d; }

table.score-sheet td.rank { color: #2756ad; }

table.score-sheet td.score { color: #dec01e; font-weight: bold; }

table.score-sheet tr.home-team th { background: #ffd816; color: #323232; font-weight: bold; }

table.score-sheet tr.home-team td { background: #ffd816; color: #323232; }

* html table.score-sheet tr.home-team th, * html table.score-sheet tr.home-team td { background: #ffd816; }

table.score-sheet tr.home-team td.rank { color: #ffffff; }


/* fotogalerie vypis a detail */


h2.photogalleries { position: relative; }

h2.photogalleries span.ico { background: url("img/h2-score-sheet.png") no-repeat center right; height: 100%; width: 108px; right: -17px; top: 0; }

div.photogalleries div.gallery-item { float: left; margin: 0 5px 5px 0; min-height: 160px; padding: 10px; width: 136px; }

div.photogalleries div.gallery-item.last { margin-right: 0; }

div.gallery-item a.thumbnail { border: 1px solid #183b7b; display: block; height: 99px; overflow: hidden; width: 134px; }

div.gallery-item a.thumbnail:hover { border: 1px solid #ffd816; }

div.gallery-item ins { color: #2756ad; float: left; margin: 7px 0 8px 0; }

div.gallery-item span.photo-count { color: #2756ad; float: right; margin: 7px 0 8px 0; }

div.gallery-item h3 { color: #ffd816; text-align: center; }

div.gallery-item h3 a { color: #ffd816; text-decoration: none; }

div.gallery-item h3 a:hover { color: #ffd816; text-decoration: underline; }

div.gallery-item:hover { background: #ffd816; }

div.gallery-item:hover ins, div.gallery-item:hover span.photo-count { color: #ffffff; }

div.gallery-item:hover h3 a { color: #323232; }

div.subtitle { padding: 10px; }

div.subtitle h3 { float: left; width: 75%; }

div.subtitle p.back { float: right; }

* html div.subtitle div.wrapper { margin-top: -10px; }

*+html div.subtitle div.wrapper { margin-top: -10px; }

div.photogallery { margin-top: 15px; }

div.photogallery div.photo-item { float: left; margin: 0 5px 5px 0; min-height: 135px; padding: 10px; width: 136px; }

* html div.photogallery div.photo-item { height: 135px; }

div.photogallery div.photo-item.last { margin-right: 0; }

div.photo-item a.thumbnail { border: 1px solid #183b7b; display: block; height: 99px; overflow: hidden; width: 134px; }

div.photo-item a.thumbnail:hover { border: 1px solid #ffd816; }

div.photo-item table.caption { margin-top: 6px; height: 28px; position: relative; text-align: center; width: 100%; }

div.photo-item table.caption td { vertical-align: middle; }

* html div.photogallery div.wrapper { margin-top: -15px; }

*+html div.photogallery div.wrapper { margin-top: -15px; }


/* tabulka zapasu */


h2.matches { position: relative; }

h2.matches b { color: #ffffff; font-weight: normal; }

h2.matches span.ico { background: url("img/h2-matches.png") no-repeat center right; height: 100%; width: 108px; right: -17px; top: 0; }

table.matches { width: 100%; }

table.matches th { background: url("img/opacity90.png"); padding: 15px 10px 14px 10px;  }

* html table.matches th { background: #010c23; }

table.matches td { padding: 6px 10px 7px 10px; }

table.matches td.home-team, table.matches td.visiting-team { color: #ffd715; }

table.matches td.round, table.matches td span.day, table.matches th.vs, table.matches td.vs { color: #2756ad; font-weight: normal; }

table.matches span.day { font-weight: normal; }

table.matches tr.odd td { background: url("img/opacity45.png"); padding: 6px 10px 6px 10px; }

* html table.matches tr.odd td { background: #04102d; }

table.matches tr:hover td, table.matches tr.hover td,table.matches tr.hover td, * html table.matches tr.hover td { background: #ffd816; color: #323232; }

table.matches tr:hover td.round, table.matches tr:hover td.cvs, * html table.matches tr.hover td.round, * html table.matches tr.hover td.cvs { color: #2756ad; }

table.matches tr:hover td.home-team, table.matches tr:hover td.visiting-team, * html table.matches tr.hover td.home-team, * html table.matches tr.hover td.visiting-team { color: #2756ad; }


/* soupiska hracu */


h2.players { position: relative; }

h2.players span.ico { background: url("img/h2-players.png") no-repeat center right; height: 100%; width: 71px; right: 0; top: 0; }

div.players div.player { float: left; margin: 0 5px 5px 0; min-height: 101px; padding: 10px 20px 10px 10px; width: 287px; }

div.players div.player.last { margin-right: 0; }

div.players a.thumbnail { border: 1px solid #183b7b; display: block; float: left; height: 99px; overflow: hidden; width: 99px; }

div.players a.thumbnail:hover { border: 1px solid #ffd816; }

div.players h3 { color: #ffd816; float: right; font-size: 1.4em; font-weight: bold; margin-top: 7px; text-align: left; width: 166px; }

div.players table.player-data { float: right; font-size: 0.8em; width: 166px; }

div.players table.player-data th { border-bottom: 1px solid #0d2553; color: #2756ad; font-weight: normal; padding: 3px 0 6px 0; text-align: left; vertical-align: bottom; }

div.players table.player-data td { border-bottom: 1px solid #0d2553; color: #ffffff; font-size: 1.5em; font-weight: bold; padding: 3px 0 6px 0; text-align: right; vertical-align: bottom; }

div.players table.player-data tr.last th, div.players table.player-data tr.last td { border-bottom: none; }

* html div.player { background: #04102d; }

div.player:hover, * html div.player.hover { background: #ffd816; }

div.player:hover h3, * html div.player.hover h3 { color: #323232; }

div.player:hover table.player-data th, * html div.player.hover table.player-data th { border-bottom: 1px solid #ffec8b; color: #ffffff; }

div.player:hover table.player-data td, * html div.player.hover table.player-data td { border-bottom: 1px solid #ffec8b; color: #323232; }


/* box pristi zapas */


div.next-match { font-size: 0.9em; overflow: hidden; padding: 20px 10px 12px 10px; text-align: center; width: 245px; border-bottom:1px solid #183B7B;}

div.next-match p.title { color: #ffd816; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 1.4em; font-weight: bold; margin: 15px 0 15px 0; text-transform: uppercase; }

div#countdown { background: url("img/countdown.png"); color: #ffd816; font-family: "Lucida Console", "Monaco CE", fixed, monospace; font-size: 2.6em; height: 50px; margin-bottom: 13px; overflow: hidden; padding-top: 10px; width: 245px; }

div.next-match p.next-match-venue { font-size: 1.1em; line-height: 18px; }

p.next-match-venue b { color: #ffd816; }


/* box souperi */


div.rivals { border-bottom: 1px solid #183b7b; border-top: 1px solid #183b7b; position: relative; }

div.rivals table.rivals { width: 100%; }

table.rivals td.team { padding: 19px 0 20px 0; vertical-align: middle; width: 100px; }

table.rivals td.home { text-align: right; }

table.rivals td.vs { background: url("img/vs.png") no-repeat center center; }

* html table.rivals td.vs { background: url("img/vs.gif") no-repeat center center; }


/* box vsechny zapasy */


div.show-planned-matches { font-size: 0.9em; overflow: hidden; padding: 11px 10px 14px 10px; text-align: center; width: 245px; }

div.show-planned-matches p.more { text-align: center; }


/* box pro verejnost */


h2.for-public { color: #ffd816; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 1.5em; font-weight: normal; padding: 16px 50px 16px 10px; position: relative; }

h2.for-public span.ico { background: url("img/h2-for-public.png") no-repeat center right; height: 100%; width: 102px; right: -16px; top: 0; }

div.for-public { overflow: hidden; padding: 10px; width: 245px; }

div.board { font-size: 0.9em; font-weight: bold; margin-bottom: 10px; overflow: hidden; padding: 20px; }

div.vikendove-brusleni { background: #1f192c url("img/zveme-vas-na-vikendove-brusleni.png") no-repeat; }

div.vikendove-brusleni p.title { height: 37px; margin-bottom: 20px; overflow: hidden; position: relative; width: 185px; }

div.vikendove-brusleni p.title span.ir { background: url("img/zveme-vas-na-vikendove-brusleni.png") -20px -20px; height: 37px; width: 185px; }

p.pronajem-ledove-plochy { height: 83px; overflow: hidden; position: relative; width: 245px; }

p.pronajem-ledove-plochy span.ir { background: url("img/pronajem-ledove-plochy.png"); height: 83px; width: 245px; }

p.vikendove-brusleni-box { height: 83px; margin-bottom: 10px; overflow: hidden; position: relative; width: 245px; }

p.vikendove-brusleni-box span.ir { background: url("img/zveme-vas-na-vikendove-brusleni.png"); height: 83px; width: 245px; }


/* box partneri */


h2.our-partners { color: #ffd816; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 1.5em; font-weight: normal; padding: 16px 50px 16px 10px; position: relative; }

h2.our-partners span.ico { background: url("img/h2-our-partners.png") no-repeat center right; height: 100%; width: 108px; right: -14px; top: 0; }

div.our-partners { padding: 10px; }

.our-partners ul li a img {width:245px; height: 164px; outline:none;}


/* reklamy ve spodni casti */


div.adverts p { border: 1px solid #2756ad; float: left; height: 178px; margin-right: 15px; padding: 10px; position: relative; width: 274px; }

div.adverts p.hokejova-skola-petra-hrbka { margin: 0; }

div.adverts span.ir { height: 178px; left: 10px; top: 10px; width: 274px; }

div.adverts p.restaurace-kobra span.ir { background: url("img/restaurace-kobra.jpg"); }

div.adverts p.nabor-mladych-hokejistu span.ir { background: url("img/nabor-mladych-hokejistu.jpg"); }

div.adverts p.hokejova-skola-petra-hrbka span.ir { background: url("img/hokejova-skola-petra-hrbka.jpg"); }

div.adverts span.underlay { bottom: 25px; display: block; left: 25px; position: absolute; }

div.adverts p.restaurace-kobra span.underlay { background: url("img/restaurace-kobra-underlay.png"); }

div.adverts p.nabor-mladych-hokejistu span.underlay { background: url("img/nabor-mladych-hokejistu-underlay.png"); }

div.adverts p.hokejova-skola-petra-hrbka span.underlay { background: url("img/hokejova-skola-petra-hrbka-underlay.png"); }

div.adverts a { background: url("img/adverts-a.png") no-repeat 10px center; color: #ffffff; display: block; font-size: 0.9em; padding: 7px 10px 9px 20px; }

div.adverts a:hover { color: #ffff00; }


/* tiskova hlavicka */


div#print-header { display: none; }


/* hlavicka */


div#header { font-size: 0.7em; height: 225px; position: absolute; top: 0; width: 920px; }


/* logo */


div.logo { height: 225px; left: 0; position: absolute; top: 0; width: 920px; z-index: 2; }

div.logo h1, div.logo p { height: 225px; overflow: hidden; position: relative; width: 920px; }

div.logo a { display: block; height: 225px; width: 920px; }

div.logo span.ir { background: url("img/body.jpg") -340px 0; height: 225px; width: 920px; }


/* paticka */


div#footer { color: #ffffff; font-size: 0.7em; line-height: 17px; margin-bottom: 30px; width: 920px; }

div.site-owner { float: left; line-height: 18px; width: 40%; }

div.copyright { color: #2756ad; float: right; text-align: right; width: 40%; }

div.site-owner a, div.copyright a { color: #ffffff; text-decoration: none; }

div.site-owner a:hover, div.copyright a:hover { color: #ffff00; }

div.created-by { color: #2756ad; font-weight: bold; margin-top: 8px; }

div.created-by a { background: url("img/imagineo.png") no-repeat left center; color: #2756ad; font-weight: normal; padding: 5px 0 5px 34px; }

div.created-by a:hover { color: #ffffff; }


/*special*/
.hidden { display:none; }