body { background: #fff; margin: 0; padding-bottom: 10px;}
table.formularz { width: 100%; }
table td { vertical-align: top; }
table td h2 { margin-top: 15px }
#google_map { height: 300px; }

div.innercontent { width: 980px; margin: auto; position: relative; padding: 10px 0; text-align: justify; font-family: Merriweather Sans; font-size: 13px; letter-spacing: 0.5px; color:#444; line-height: 21px; }

div#top { height:145px; padding-top: 4px; font-family: Merriweather Sans; font-size: 15px; letter-spacing: 0.5px;}
div#top a#logo { display: inline-block; width: 179px; height: 105px; margin-top: 10px;}
div#top a.logo-pl { background: url('../images/logo.png') left center no-repeat; }

div#podtop { background: #00aef0; }
div#podtop div.innercontent { color: #fff; padding: 0; }

div#site { padding-bottom: 10px;  }

div#footer { padding: 1px; } 
div#footer div.copy { float: right; color: #888; font-family: Merriweather Sans; font-size: 11px; padding-top: 10px; text-align: right;}
div#footer div.copy a { color: #444; text-decoration: none;}
div#footer div.copy a:hover { color: #000; }


h1 { padding: 0; margin: 0 0 20px -3px; font-size: 30px; color: #000; font-family: Merriweather Sans; font-weight: normal; }
h1 span { display: inline-block; padding: 5px 0; border-bottom: 4px solid #487b91; }
h2 { padding: 0; margin: 0 0 20px -3px; font-size: 30px; color: #000; font-family: Merriweather Sans;  font-weight: normal; }
h2 span { display: inline-block; padding: 5px 0; font-size: 19px; }
h3 { padding: 0; margin: 0 0 20px -3px; font-size: 30px; color: #00; font-family: Merriweather Sans;  font-weight: normal; }
h3 span { display: inline-block; padding: 5px 0; border-bottom: 4px solid #487b91; }


a.button, a.more { display: inline-block; padding: 8px 50px 10px 9px; background: url('../images/bg-hover.png') right top no-repeat; text-decoration: none; color:#000; font-size: 12px; margin: 00px 0px 0px 0px; }
a.button:hover, a.more:hover { background-position: right bottom; color: #000; }
a.back { display: inline-block; float: right; padding: 8px 10px 10px 50px; background: url('../images/bg-hover-bck.png') left top no-repeat; text-decoration: none; color:#000; font-size: 12px; margin: 00px 0px 0px 0px; }
a.back:hover { background-position: left bottom; color: #000; }

/*MODUŁ MENU*/
div#top .mod_mainmenu {  display: inline-block; padding: 50px 0 0 0; margin: 0; float: right; }
div#top .mod_mainmenu div.modulecontent { }
div#top .mod_mainmenu ul { padding: 0; margin: 0; list-style: none;}
div#top .mod_mainmenu ul li { display: inline-block; margin: 0; padding: 0 10px; }
div#top .mod_mainmenu ul li:last-child { padding-right: 0; }
div#top .mod_mainmenu ul li a { display: block; padding: 22px 0 10px 0; font-size: 14px; color: #999; text-decoration: none; text-transform: lowercase; }
div#top .mod_mainmenu ul li:hover a { color: #393185; }
div#top .mod_mainmenu ul li.aktywny a { color: #393185; background: url('../images/bg-menu.png') center top no-repeat;} 

div#top .mod_jezyk  { position: absolute; top: 10px; right: 0;}
div#top .mod_jezyk ul { list-style: none; padding: 0; margin: 0; }
div#top .mod_jezyk ul li { display: inline-block; padding: 0 6px;  }
div#top .mod_jezyk ul li:last-child { padding-right: 0; }
div#top .mod_jezyk ul li a { display: block; padding: 5px 0 5px 0; font-size: 12px; color: #999; text-decoration: none; text-transform: uppercase;} 
div#top .mod_jezyk ul li:hover a { color: #393185; }
div#top .mod_jezyk ul li.aktywny a { color: #393185;background: url('../images/bg-menu-lang.png') center bottom no-repeat; } 

div#site .innercontent { display: table; }
div#site .innercontent > div > .modulBoxLewa { display: table-cell; width: 313px; padding-right: 20px; }
div#site .innercontent > div > .content { display: table-cell; }
div#site .mod_mainmenu, div#site .mod_oferta_menu {  display: block; padding: 0; margin: 0; }
div#site .mod_mainmenu div.modulecontent, div#site .mod_oferta_menu div.modulecontent {}
div#site .mod_mainmenu ul, div#site .mod_oferta_menu ul { padding: 0; margin: 0; list-style: none;}
div#site .mod_mainmenu ul li, div#site .mod_oferta_menu ul li { display: block; margin: 0; padding: 0 10px; }
div#site .mod_mainmenu ul li:last-child, div#site .mod_oferta_menu ul li:last-child { padding-right: 0; }
div#site .mod_mainmenu ul li a, div#site .mod_oferta_menu ul li a { display: block; padding: 10px 0; border-bottom: 4px transparent; font-size: 15px; color: #000; text-decoration: none; text-transform: uppercase; }
div#site .mod_mainmenu ul li a:hover, div#site .mod_oferta_menu ul li a:hover { color: #487b91; padding-left: 5px;}
div#site .mod_mainmenu ul li.aktywny a, div#site .mod_oferta_menu ul li.aktywny a { padding-left: 5px; background: url('../images/bg-tr-white54.png'); } 
div#site .mod_mainmenu ul li ul div#site .mod_oferta_menu ul li ul { padding: 0; margin: 0 0 10px 0; list-style: none; border: 0;}
div#site .mod_mainmenu ul li.aktywny ul li, div#site .mod_oferta_menu ul li.aktywny ul li {padding: 1px 0 0 0; margin: 0;  }
div#site .mod_mainmenu ul li.aktywny ul li  a, div#site .mod_oferta_menu ul li.aktywny ul li  a { display: block; padding: 5px 0 5px 20px; text-transform: none; background: none; }
div#site .mod_mainmenu ul li.aktywny ul li.aktywny a, div#site .mod_oferta_menu ul li.aktywny ul li.aktywny a {padding-left: 25px; background: url('../images/bg-tr-white54.png'); }
div#site .mod_mainmenu ul li.aktywny ul li a:hover, div#site .mod_oferta_menu ul li.aktywny ul li a:hover { padding-left: 25px; }

div#site .modulBoxGlowna { width: 100%; padding: 0; margin:0;  font-size: 14px; color: #666; padding: 0; margin:0;}
/*div#site .modulBoxGlowna .modulBox { display: table-cell; width: 32%; font-size: 14px; color: #666; padding: 0; margin:0;}
div#site .modulBoxGlowna .modulBox:first-child { width: 34%; padding-right: 2%;}
div#site .modulBoxGlowna .modulBox:last-child { width: 34%; padding-left: 2% }*/

div#footer .mod_mainmenu {  display: block; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; text-align: center;}
div#footer .mod_mainmenu div.modulecontent {}
div#footer .mod_mainmenu ul { padding: 0; margin: 0; list-style: none; }
div#footer .mod_mainmenu ul li { display: inline-block; margin: 0; padding: 0 10px 0 0; }
div#footer .mod_mainmenu ul li:last-child { padding-right: 0; }
div#footer .mod_mainmenu ul li a { display: block; border-bottom: 4px transparent; font-size: 14px; color: #777; text-decoration: none; text-transform: lowercase; }
div#footer .mod_mainmenu ul li:hover a { color: #393185; }
div#footer .mod_mainmenu ul li.aktywny a { color: #393185;} 

/*FORMULARZE*/
form { display: table; padding: 0px; width: 100%; }
form label:not(.button) { display: block; vertical-align: top; padding: 0px 6px }
form label b { color: #ff0000; padding-left: 3px; }
input, select, textarea {  display: inline; width: 57%;border: 1px solid #bcbcbc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px; font-family: inherit; font-size: inherit; color: #aaa; }
input:focus, select:focus, textarea:focus { padding: 3px; border: 2px solid #ddd; color: #292929; }

label.input, label.textarea, label.select { text-align: left; }
label.input input.text, label.textarea textarea { width: 100%; margin: 0px -5px }
label input, label select, label textarea { vertical-align: middle; }

/*BUTTON GRAFICZNY*/
label.button { margin-top: 5px;float: right; padding: 4px 4px 4px 4px; font-weight: normal; font-size: 13px; text-transform: none; overflow: hidden; cursor: pointer; position: relative; color: #fff; background: #487b91; box-shadow: 1px 1px 0px #DEDEDE;  }
label.button input { opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter:alpha(opacity:0); position: absolute; top: 0px; left: 0px; z-index: -1; width: 1px; height: 1px; }
label.button:hover { background: #000; }
/*MODUŁ*/
div.modulBox {}
div.modulBox div.title { padding: 0; margin: 0 0 10px 0; font-size: 30px; color: #000; font-family: Merriweather Sans; font-weight: normal;}
div.modulBox div.title span { display: inline-block; padding: 5px 0; border-bottom: 4px solid #487b91; }
div.modulBox div.modulecontent {}

div.modulBox.mod_slider { padding:0px; background: url('../images/bg-podtop.png') top repeat-x; margin-bottom: 15px; }
div.modulBox.mod_slider ul.slider { list-style: none; padding: 0; margin: 0; height: 315px; }
div.modulBox.mod_slider ul.slider li.slajd { display: block; margin: 0; padding: 0;  }
div.modulBox.mod_slider ul.slider li.slajd div.slajd { float: right; width: 600px; font-family: Merriweather sans;  }
div.modulBox.mod_slider ul.slider li.slajd div.slajd  div.title { padding: 40px 0 45px 0; margin: 0; border:0;font-size: 35px; text-transform: none; font-weight: normal; text-align: right; color: #fff;  }
div.modulBox.mod_slider ul.slider li.slajd div.slajd  div.txt { padding: 0 0 0 200px; font-size: 13px; color: #fff; text-align: right; }
div.modulBox.mod_slider ul.slider li.slajd div.slajd  div.txt p { padding: 0; margin: 0; }
div.modulBox.mod_slider ul.slider li.slajd div.slajd  a.button { display: inline-block; float: right;text-decoration: none;  padding: 8px 50px 10px 9px; background: url('../images/bg-hover-podtop.png') right top no-repeat;; color:#000; font-size: 12px; margin: 30px 0px 0px 0px; }
div.modulBox.mod_slider ul.slider li.slajd div.slajd  a.button:hover { background-position: right bottom; color: #000; }

/*CONTENT*/
div.image a { display: inline-block; }
.content h1.title {}
div.contentItem  { text-align: justify; }
div.contentItem div.introtxt div.image { border: 5px solid #fff; margin: 0px; box-shadow: 0px 0px 3px #bbb; -moz-box-shadow: 0px 0px 3px #bbb; -webkit-box-shadow: 0px 0px 3px #bbb; }
div.contentItem div.introtxt { font-weight: bold; color: #000; font-family: arial; font-size: 14px; }

/*BLOG*/
div.blogBox { }
div.blogBox .blogItem { display: table; padding: 10px 0px; }
div.blogBox .blogItem.pierwszy { padding-top: 0px; }
div.blogBox .blogItem.ostatni { padding-bottom: 0px; }
div.blogBox .blogItem h2.title {  }
div.blogBox .blogItem div.image {  }
div.blogBox .blogItem div.txt {  }
div.blogBox .blogItem div.readmore {}
div.blogBox .blogItem div.readmore a.readmore {}

div#referencje div.blogBox .blogItem  { display: relative; padding-bottom: 40px; }
div#referencje div.blogBox .blogItem h2.title { border: none; margin-bottom: 0px; }
div#referencje div.blogBox .blogItem div.referent { font-size: 11px; color: #000; }
div#referencje div.blogBox .blogItem div.image { width: 150px; height: 120px; display: inline-block; vertical-align: top; padding: 5px; background: #fff; }
div#referencje div.blogBox .blogItem div.image > a { text-decoration: none; position: relative; display: block; }
div#referencje div.blogBox .blogItem div.image > a > span { position: absolute; color: #aaa; text-decoration: none; bottom: 0px; left: 0px; display: block; text-align: center; width: 100%; }
div#referencje div.blogBox .blogItem div.txt { width: 750px; display: inline-block; vertical-align: top; padding: 20px 30px; }


div#oferta .blogBox { margin: 0px -12px; }
div#oferta .blogBox .blogItem { width: 205px; margin: 10px; padding: 12px; display: inline-block; vertical-align: top; }
div#oferta .blogBox .blogItem a { display: block; position: relative;}
div#oferta .blogBox .blogItem a:hover { border: 10px solid #00aef0; margin:-10px; }
div#oferta .blogBox .blogItem h2{ position: absolute; top: 0px; left: 	3px; right:0px; padding: 10px; background: url('../images/bg-tr-white54.png'); }
div#oferta .blogBox .blogItem h2 span{ margin: -8px 0px 0px 0px; padding: 0px; list-style-type: none; text-align: left; font-size: 17px; }
div#oferta .blogBox .blogItem a:hover h2 { top:4px; }
div#oferta .blogBox .blogItem ul li {  }
div#oferta .blogBox .blogItem ul li a {  }
div#oferta .blogBox .blogItem ul li a:after {  }
div#oferta .blogBox .blogItem div.image { margin-top: 4px; min-width: 100%; max-width: 100%;}
div#oferta .blogBox .blogItem div.image img{ min-width: 100%; max-width: 100%;}

div#park_maszynowy div.blogBox .blogItem { display: block; }
div#park_maszynowy div.blogBox .blogItem h2.title { margin: 10px 0px 0px 0px; padding: 0px; }
div#park_maszynowy div.blogBox .blogItem div.image { display:block; text-align: center;  }

/*GALERIABOX*/
div.galeriaBox { padding-top: 10px; text-align: center; }
div.galeriaBox a { display: inline-block; background: #487b91; margin: 2px; padding: 3px; }
div.galeriaBox a:hover { background: #000; }
div.galeriaBox a img{  }

/*DOWNLOAD BOX*/
div.downloadBox { background: #f5f5f5; padding: 20px; border-top: 1px solid #ddd; margin-top: 15px; }
div.downloadBox h3.title { color: #000; margin: 0px; padding: 0px; font-weight: bold; font-size: 14px; }
div.downloadBox ul { font-size: 13px; font-weight: normal; margin: 0px 0px 0px 10px; padding: 5px 0px 0px 10px; }
div.downloadBox ul li { margin: 0px; padding: 0px; }
div.downloadBox ul li span { color: #888; float: none; padding-left: 8px; }

/*SCIEZKA STRONY*/
div.pathwayBox { display: inline-block; font-size: 11px; padding: 8px 0; color: #fff;  font-family: Merriweather sans; }
div.pathwayBox span { display: inline-block; padding: 0px 7px; height: 1em; background: url('../images/pathway_pkt.png') no-repeat center 4px; }
div.pathwayBox span.aktywny { display: inline-block; font-weight: normal; background: none; padding: 0px; color: #fff; }
div.pathwayBox a { display: inline-block; color: inherit; text-decoration: none; }
div.pathwayBox a:hover { text-decoration: underline; }

/*STRONNICOWANIE*/
div.stronnicowanieBox { font-size: 11px; text-align: center; clear: both; font-weight: normal; padding: 10px 0px 0px 0px; line-height: 21px; }
div.stronnicowanieBox  a { display: inline-block; margin: 0px 2px; text-align: center; text-decoration: none; color: #888; background: #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 22px; height: 22px; text-shadow: none; }
div.stronnicowanieBox  a:hover{ color: #fff; background: #6EA500;}
div.stronnicowanieBox  a.aktywny, div.stronnicowanieBox  a.aktywny:hover { background: #000; color: #ffffff; }

/**** CSS SYSTEMOWY *************************************************************************************************************************/

/*NAWIGACJA POMIEDZY MATERIAŁAMI*/
div.toolBox { border-top: 1px solid #ddd; padding: 18px 5px 0px 10px; text-align: right; margin-top: 20px; clear: both; }
div.toolsBox div { display: inline-block; font-size: 11px; margin: 0px 0px 0px 7px; padding: 0px 7px 0px 0px; text-transform: lowercase; border-right: 1px solid #ccc; color: #888; }
div.toolsBox div:last-child { border-right: none; }
div.toolsBox a { color: inherit; text-decoration: none; }
div.toolsBox a:hover { color: #000; text-decoration: underline; }

div.toolsBox form {  }
div.toolsBox input { background: transparent; text-transform: lowercase; padding: 0px; border: 0px; cursor: pointer; font-size: inherit; display: inline-block; color: inherit; line-height: auto;}
div.toolsBox input:hover { background: transparent; color: #000; text-decoration: underline; }
div.toolsBox input.cmsPrint { background: url('../images/system/ico_print.png') no-repeat left center; padding: 0px 0px 0px 15px; margin: -1px -3px 0px 0px; }
div.toolsBox input.cmsPdf { background: url('../images/system/ico_pdf.png') no-repeat left center; padding: 0px 0px 0px 12px; margin: -1px -3px 0px 0px;  }

/*KOMUNIKATY*/
ul.komunikatBox { margin: 0px 0px 12px 0px; list-style-type: none; position: relative; padding: 13px 11px 13px 46px; clear: both; font-size: 12px; text-align: left; line-height: auto; line-height: 13px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
ul.komunikatBox li.ico{ height: 100%; padding: 0px; top: 0px; left: 0px; position: absolute; width: 45px; }
ul.komunikatBox li { padding: 0px; margin: 0px; list-style-type: none; }
ul.komunikatBox li strong { display: block; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #000; margin-bottom: 2px; }
ul.komunikatBox.true { background: #EFFADD; background-position: left top; color: #1E5700; }
ul.komunikatBox.true li.ico{ background: url('../images/system/komunikaty_true.png') no-repeat; background-position: center center;}
ul.komunikatBox.false { background: #FFE1E1; background-position: left top; color: #670000; }
ul.komunikatBox.false li.ico { background: url('../images/system/komunikaty_false.png') no-repeat; background-position: center center; }
ul.komunikatBox.alert { background: #FFFBE6; background-position: left top; color: #292929; }
ul.komunikatBox.alert li.ico{ background: url('../images/system/komunikaty_alert.png') no-repeat; background-position: center center;}
ul.komunikatBox.help  { background: #E7F8FF; background-position: left top; color: #014866; }
ul.komunikatBox.help li.ico{ background: url('../images/system/komunikaty_pomoc.png') no-repeat; background-position: center center; }
ul.komunikatBox.info  { background: #E7F8FF; background-position: left top; color: #014866; }
ul.komunikatBox.info li.ico { background: url('../images/system/komunikaty_info.png') no-repeat; background-position: center center; }

/*SUPPORTBOX*/
div.supportBox { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; vertical-align: middle; z-index: 10000; background: url('../images/system/cms_supportbox_bck.png'); font-family: Tahoma; }
div.supportBox table.supportBox_info { width: 100%; height: 100%; margin: 0px; padding: 0px; }
div.supportBox table.supportBox_info td{ vertical-align: middle; border: none; }
div.supportBox div.supportBox_support a.supportBox_close{ display: block; background: #000 url('../images/system/cms_supportbox_close.png') no-repeat center center; color: #fff; cursor: pointer; position: absolute; top: -10px; right: -60px; text-shadow: none; width: 21px; height: 21px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 3px solid #fff; z-index: 100001; }
div.supportBox table.supportBox_info td div.supportBox_support { position: relative; width: 480px; display: block; margin: auto; }
div.supportBox table.supportBox_info td div.supportBox_support div.supportBox_insupport {  width: 480px; display: block; margin: auto; background: #fff; position: relative; color: #292929; padding: 20px; font-size: 12px; line-height: 18px; border: 6px solid #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; z-index: 100000; }
div.supportBox table.supportBox_info td div.supportBox_support .title { font-size: 20px; font-family: arial; font-weight: bold; margin: 0px 0px 5px -5px; list-style-type: none; color: #000;  }
div.supportBox table.supportBox_info td div.supportBox_komunikat a.supportBox_close { top: -10px; right: -10px; }
div.supportBox table.supportBox_info td div.supportBox_komunikat ul { padding: 20px 20px 20px 50px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
div.supportBox table.supportBox_info td div.supportBox_komunikat div.supportBox_insupport { background: #fff; padding: 0px; border: none; }

/*IMAGEBOX*/
div#imageBox { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: url('../images/system/cms_imagebox_background.png'); z-index: 200; }
div#imageBox .loading { background: #fff url('../images/system/cms_imagebox_loader.gif') no-repeat center center; }
div#imageBox img { background: #fff; }
div#imageBox table { width: 100%; height: 100%; margin: 0px; padding: 0px; }
div#imageBox table td { text-align: center; vertical-align: middle; font-family: tahoma; margin: 0px; padding: 0px; border: none; }
div#imageBox table td div { text-align: left; display: inline-block; text-align: center; position: relative; }
div#imageBox table td span.imgClose { display: block; background: #000 url('../images/system/cms_supportbox_close.png') no-repeat center center; color: #fff; cursor: pointer; position: absolute; top: -12px; right: -12px; text-shadow: none; width: 23px; height: 23px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 3px solid #fff; z-index: 100000 }
div#imageBox table td div div { margin: auto; display: table; text-align: left; position: static; }
div#imageBox table td div div span.image_title { color: #fff; font-weight: bold; font-size: 16px; display: block; position: relative; z-index: 202; padding-bottom: 8px; }
div#imageBox table td div div div { display: block; text-align: left; position: relative; z-index: 201; }
div#imageBox table td div div div div { border: 6px solid #fff; background: #fff; -moz-box-shadow: 0px 0px 25px #000; -webkit-box-shadow: 0px 0px 25px #000; box-shadow: 0px 0px 25px #000; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
div#imageBox table td div img {  }
div#imageBox table td div .imgNext, div#imageBox table td div .imgPrev { position: absolute; background: #000; border: 3px solid #fff; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; color: #fff; font-family: Tahoma; font-weight: bold; font-size: 16px; cursor: pointer; display: block; line-height: 22px; z-index: 10000000; width: 26px; height: 26px; text-align: center; top: 50%; margin-top: -16px; }
div#imageBox table td div .imgNext:hover, div#imageBox table td div .imgPrev:hover { color: #fff; background-color: #292929; text-decoration: none; }
div#imageBox table td div .imgNext { background: #000 url('../images/system/cms_imagebox_next.png') no-repeat center center; right: -14px; }
div#imageBox table td div .imgPrev { background: #000 url('../images/system/cms_imagebox_prev.png') no-repeat 6px center; left: -14px; }


/*PRODUKTY STRONA GŁÓWNA */
ul#produktyGlowna { padding:2px 0 12px 0; margin: 0; list-style: none; }
ul#produktyGlowna li { padding:0; margin:0; display: inline-block; width: 300px; height: 220px; vertical-align: top;}
ul#produktyGlowna li a { display: block; padding: 10px; width: 260px; height: 180px;background:#fff; margin: 10px;  text-decoration: none; text-align: right; color: #999; font-size: 18px;}
ul#produktyGlowna li a:hover{  border: 10px solid #00aef0; margin: 0px; z-index: 10000; color:#000; }
ul#produktyGlowna li.ostatni { width: 40px;}
ul#produktyGlowna li.ostatni a { width: 40px; background: url('../images/img-more.png') center no-repeat;  }
ul#produktyGlowna li.ostatni a:hover{ background: #00aef0 url('../images/img-more-hover.png') center no-repeat; }

/*KONTAKT */

#kontakt { font-family: Merriweather sans; color: #555; font-size: 13px; line-height: 19px;}

#movie { float: right; width: 300px; height: 212px; background:  url('../images/bg-hover-movie.jpg') top right no-repeat; cursor: pointer; }
#movie:hover { background-position: bottom right;}

#movieplay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url('../images/bg-tr-black80.png'); }
#movieplay div { width: 640px; height: 360px; position: fixed; top: 50%; margin-top: -180px; left: 50%; margin-left: -320px; box-shadow: 0 0 20px #000; moz-box-shadow: 0 0 20px #000; }
#movieplay span { display: block; width: 20px; height: 20px; position: fixed; top: 50%; right: 50%; margin-top: -210px; margin-right: -340px; background: url('../images/bg-close.png') top center no-repeat;}
#movieplay span:hover { cursor: pointer; background-position: bottom center; z-index: 100000; }