/* CSS Document */

/* INFO ----------------------------------------------------------------------------------------------------------------------
IE7 neumí atributové selektory x[y='z'], tyto jsou vesmes užity pro odladení pro firefox - jednoduché selektory jsou užity pro stylování do IE, atributové upravují vlastnosti elementu pro FF 

POZOR - komentáre nekdy delají v ruzných verzích IE ruzne divné veci */ 

#newsite {background-color: #efefef; padding: 10px; color: #333; margin-bottom: 10px; margin-top: 2px; font-style: italic;}

body {background-color: #fff; behavior:url('csshover2.htc'); margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; text-align:justify; color: #333; text-align: center}
ul {margin-top: 0px; }
li {list-style-type: square;}
ul ul li {list-style-type: circle;}
table,tr,td,div {vertical-align:top; margin: 0px; padding: 0px; text-align:justify;}
div {text-align:left;}
img { border: 0px; padding: 0px; margin: 0px; }
p { font-family:Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 9px; margin-bottom:0px; margin-top:1px; text-align: justify; }
a,a:link,a:visited,a:active {color: #FF2C12; text-decoration: none; padding: 0px}
a:hover {text-decoration:underline; }
#content a:hover{background-color: #eee}
#content div a:hover img,#content div a img:hover {background-color: none !important}
h1 {font-size: 24px; width: 90%; margin: 0px; padding-top: 7px; padding-bottom: 7px; text-align: left;}
h2 {font-size: 14px; font-weight: bold; margin: 0px; padding-top: 10px; padding-bottom: 7px; }
h2#mapa {margin-top: -20px;clear:both; }
h2#mapa[name='ff'] {padding-top: 10px;}
h2#pdf {margin-left: 107px; padding-bottom:0px}
input[name='q']{padding-top: 2px; height: 100% !important} /* extra feature pro firefox (resp. ne pro ie, neumí totiž atributové selektory */
input {border:1px solid #ccc; padding-left: 3px;}
.forumheader3 input[name='s']{line-height:14px; height:20px;}
span.smalltext {display:none;} 

#topnews {width: 150px; float:left; border:1px solid #dedede; margin-top:13px; margin-bottom:10px;}
#topnews a {display: block; margin: 1px; padding: 11px; font-size: 11px; background: url(../../e107_themes/wexn/images/nbg.png) repeat-x bottom; border-top: 1px solid #dedede; }
#topnews a:first-child {border-top: 0px;}
#topnews a:hover {background-color: #fff;}
/*---------------------------------------------------------------------------------------------------------*/

#right {float: right; margin-left:15px; }
#left {float:left; margin-right:15px; overflow:auto; display:block}

.forumheader3 {font-size: 12px; font-weight: bold; vertical-align: middle;} /* e107 class (užit treba v search.php) */ 

#metals_solution_topic_image {float:right; margin-left:20px; padding: 53px;}
#notop {display:none;}

.industry_list {margin-top: 10px; }
.industry_list a {text-decoration:none; color: #333;}
.industry_list a:hover {background-color: white !important}
.industry_list li:hover > a > strong {color: #FF2C12;}
.industry_list li:hover #sipka {background: url('../../img/sipka_hover.jpg') no-repeat; width: 10px; height: 10px; margin-left: 5px; position:relative; top: -0px; background-position:center;}
.industry_list li:hover div[id="sipka"] {position:inherit;}
.industry_list > li {padding-bottom: 10px;}
.industry_list > li > strong, .industry_list > li > a > strong {font-size: 16px; }
.industry_list > li > p {padding-top: 5px; padding-bottom:0px;}
.industry_list li ul {padding-top: 5px; }
.industry_list .nohover:hover strong {color:inherit;}

.professional_services a {color: #333 !important; text-decoration:none;}
.professional_services a:hover {color: #333 !important; background-color: white !important;}
.professional_services > li:hover > a > strong {color: #FF2C12;}
.professional_services li:hover a {color: #FF2C12;}
.professional_services li:hover #sipka {background: url('../../img/sipka_hover.jpg') no-repeat; width: 10px; height: 10px; margin-left: 5px; position:relative; top: -0px; background-position:center;}

#reference_list {margin-bottom: 8px; padding: 5px; background-color: #efefef; border: 1px solid #ccc}
#reference_list div {display:inline; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc;}
#reference_list div a {padding-left: 20px; background: url('../../img/breadcrumb_separator_arrow_1_dot.png') no-repeat; position:relative; left: -5px;}
#reference_list div a:hover {background-color: #eeecc6;}

#reference td:last-child {text-align:left;}

#sipka {background: url('../../img/sipka.jpg') no-repeat; width: 10px; height: 10px; margin-left: 5px; position:relative; top: -0px; background-position:center;}
span#grey {color: #666; font-size:80%; padding-left: 10px;}
.industry_list a:hover span#grey {color: #FF2C12;}

#top {border-bottom: 1px solid #aaa; height: 21px; margin: 0px auto; margin-top: 1px; width: 850px;}
#top a {color: #666;}
#content {width: 850px; margin: 0px auto;}
#menu {width: 850px; text-align:center; margin: 0px auto 5px; height: 57px; padding:0;}
#main .index #menu li,#main #menu  {display: inline; }
#main .index #menu ul li {font-weight:bold;}
#menutisk {display:none;}

@media print {
#menu {display: none}
#menutisk {display:block; float:left; border-bottom:5px solid #FF2C12;width: 100%; position:relative; top: -5px; right:3px; }
*+html #menutisk {position:relative; }

#top {margin-bottom: 6px;}

#menutisk #logo {margin-right: 60px;}
*+html #logo,*+html #menutisk span{position:relative; top: 2px;}

*+html #left img,*+html #right img {display: none;}
*+html #hutni_odkazy {display:none}

#hutni_odkazy p {margin-top: 0px; color: #999}
}

.nav {border-bottom:5px solid #FF2C12;float:left; width:108px;}
.nav:hover, .nav.hover {border-bottom:5px solid #666;}

.nav{height:57px; cursor:pointer;}
.nav[name = 'ie']{height:52px;}

#search_res {border-bottom: 1px solid #666; padding: 15px 0px; } 
#search_res #a {margin-bottom: 6px; }

#menu #logo {float:left;height:52px;padding:0;}
#menu #logo .nav:hover {border-bottom: 5px solid #FF2C12;}
#menu #logo a div{width: 202px; }
#menu a{float:left; }
	
.general #obr_menu1{background:url("../../img/menu/m_reseni.jpg");}
.general #obr_menu2{background:url('../../img/menu/m_sluzby.jpg');}
.general #obr_menu3{background:url('../../img/menu/m_reference.jpg');}
.general #obr_menu4{background:url('../../img/menu/m_tiskove_zpravy.jpg');}
.general #obr_menu5{background:url('../../img/menu/m_o_spolecnosti.jpg');}
.general #obr_menu6{background:url('../../img/menu/m_kontakt.jpg');}
.general #obr_menu01{background:url('../../img/menu/m_web.jpg'); } /* Tlacítko "Website" pro helpdesk */
.general #obr_menu02{background:url('../../img/menu/metals/m_about.jpg');} /* Tlacítko "About Us" pro helpdesk */
.general #obr_menu03{background:url('../../img/menu/metals/m_contact.jpg');} /* Tlacítko "Contact Us" pro helpdesk */

.general_eng #obr_menu1{background:url("../../img/menu/metals/m_solutions.jpg");}
.general_eng #obr_menu2{background:url('../../img/menu/metals/m_services.jpg');}
.general_eng #obr_menu3{background:url('../../img/menu/metals/m_references.jpg');}
.general_eng #obr_menu4{background:url('../../img/menu/metals/m_press.jpg');}
.general_eng #obr_menu5{background:url('../../img/menu/metals/m_about.jpg');}
.general_eng #obr_menu6{background:url('../../img/menu/metals/m_contact.jpg');}

.general_pol #obr_menu1{background:url("../../img/menu/m_reseni_pol.jpg");}
.general_pol #obr_menu2{background:url('../../img/menu/m_sluzby_pol.jpg');}
.general_pol #obr_menu3{background:url('../../img/menu/m_reference_pol.jpg');}
.general_pol #obr_menu4{background:url('../../img/menu/m_tiskove_zpravy_pol.jpg');}
.general_pol #obr_menu5{background:url('../../img/menu/m_o_spolecnosti_pol.jpg');}
.general_pol #obr_menu6{background:url('../../img/menu/m_kontakt_pol.jpg');}

.general_rus #obr_menu1{background:url("../../img/menu/m_reseni_rus.jpg");}
.general_rus #obr_menu2{background:url('../../img/menu/m_sluzby_rus.jpg');}
.general_rus #obr_menu3{background:url('../../img/menu/m_reference_rus.jpg');}
.general_rus #obr_menu4{background:url('../../img/menu/m_tiskove_zpravy_rus.jpg');}
.general_rus #obr_menu5{background:url('../../img/menu/m_o_spolecnosti_rus.jpg');}
.general_rus #obr_menu6{background:url('../../img/menu/m_kontakt_rus.jpg');}

.metals #obr_menu1{background:url("../../img/menu/metals/m_solutions.jpg");}
.metals #obr_menu2{background:url('../../img/menu/metals/m_services.jpg');}
.metals #obr_menu3{background:url('../../img/menu/metals/m_references.jpg');}
.metals #obr_menu4{background:url('../../img/menu/metals/m_press.jpg');}
.metals #obr_menu5{background:url('../../img/menu/metals/m_about.jpg');}
.metals #obr_menu6{background:url('../../img/menu/metals/m_contact.jpg');}

#campp div{width: 50%;display:inline;}
#campp div#l{float: right;}

#menu h2 {display:none;}
#footer {background: url(../../img/btmbg.jpg) repeat-x top; height: 50px; border-top: 1px solid #666; vertical-align: bottom; color: #333; text-align: center;padding-top: 5px; width: 850px; margin: 0px auto;clear:both;}
#footer #logo {padding: 15px; text-align: center;}
#search {float:left; height: 14px;}
#search div {display:inline;}
#top #search form {position:absolute; top: 2px; }
#top #search form input {height: 12px; border:1px dotted #ccc;}
#top #search form input[type='text'] {position: relative; top: -1px; padding-left: 2px; padding-top: 3px; height: 10px !important}
#top #search form input[type='submit'] {position:relative; top: -1px;}
#top .tbox,#top .search {height: 22px; font-size: 8px !important; }
#top .sb {font-size: 8px; padding: 2px; height: 16px !important;}

#langlinks {float:right; font-size: 10px; color: #666; margin-top: 3px; padding-right: 2px; }
#langlinks img {position: relative; top: 2px; }

#btn {background-color: #CCC; width: 160px; padding: 5px; background-image:url('../../img/btn.jpg'); margin-top: 5px; margin-bottom: 10px; background-position: right;}
#btn:hover {background-image:url('../../img/btn_hover.jpg'); }
#btn:hover #brd {color: #ff2c12;}
#btn #brd {border: 1px solid #999; color: #333; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:center; height: 20px; padding-top: 4px;}
a #btn {color: inherit; text-decoration:none; }

#newslist {border-bottom: 1px solid #999; width: 100%; font-size: 12px; }
#newslist td {padding: 8px 0px; }
#newslist #date {width: 130px; color: #666; padding-right: 10px;}
#newslist #content a {font-weight: bold; margin-bottom: 5px;}

a img:hover {background-color: inherit; text-decoration: none;}

span.pressr {font-weight: bold; color: #666;} 
#ctrls {padding-top: 8px; float:right; text-align: right; width: 80px;}

#colorful {width: 100%; margin: 15px auto;}
#colorful table {width: 690px;border: 2px solid #8295b0; margin: 0px auto 10px auto; }
#colorful table caption {background: url('../../img/okno/bg.jpg') repeat-x; color: white; font-weight: bold; font-size: 12px; text-align: left; padding-left: 7px; }
#colorful table tr td {border-bottom: 1px solid #ccc; }
#colorful table tr td {padding: 10px; }
#colorful table tr td h3 {margin-top: 5px; font-size: 12px; font-weight: bold;}
#colorful table tr td div {text-align: center;}
#colorful table tr td div img {margin: 5px 30px; }
#colorful table tr td div:first-child {margin-top: 40px;}

#profil {background-color: #ededed; width: 300px; padding: 15px; float:right; margin: 0px 0px 15px 10px !important; }
#profil h1 {text-align: left; font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; }

#reference {margin-top: 8px;}
#reference tr td {border-top: 1px solid #ccc; padding: 10px;}
#reference tr td ul li {width: 220px; vertical-align:top;}
#ref_mig div {width: 30%; float: left}
#ref_mig li.a { list-style-type: none;}

#mig_flash {margin: 10px 0px;}

#mig_all td {border-bottom: 1px solid #ccc; padding: 7px !important; font-size: 10px;}

#reseni_dv,#colmatpg, #mig_all {border: 1px solid #ccc; width: 95%; margin: 10px auto; text-align: left; font-size: 12px;}
#reseni_dv td, #colmatpg td, #mig_all td {padding: 10px; background-color: #fefefe;}
#reseni_dv ul {padding-left: 10px;}
#reseni_dv li {width: 180px;}
#reseni_dv tr td:first-child {width: 120px; background-color: #eee; font-weight:bold; text-align: center;}
#colmatpg {border: none}
table#colmatpg {width: 75%; border:1px solid #ccc;}
#colmatpg #top {background: #eee; font-weight: bold; }
#colmatpg td {padding: 5px;}
#colmatpg td a {background:url('../../img/pdf.gif') no-repeat;padding: 3px 0px 3px 24px;}

#reseni_hp tr td {padding: 10px; border-right: 1px solid #ccc;}
#reseni_HP_TZ {text-align: center; margin: 10px auto;}

#pdf_material { display: inline;margin-left: 10px; border-left: 1px solid #ccc;}
#pdf_material div {background:url('../../img/pdf.gif') no-repeat; margin-left: 8px; padding: 3px 0px 3px 24px; font-size: 11px; display:inline; position:relative; top: 1px;}

#citat {width: 580px; text-align: right; background-color: #eee; margin: 13px 0px 0px 135px; padding: 15px; background: #ededed url('../../img/reseni_technologie.gif') repeat-x; border: 1px solid white}
#citat #i {font-style: italic; text-align: right;margin-top: 5px;}

#cstud-top td {border-bottom: 1px solid #999; font-size: 14px; font-weight: bold; color: #666; } 

#nvn {border: 2px solid black; padding: 50px; margin: 0px;}

.pressr {color: gray;}

#anch {border: 1px solid #555; color: #555; padding: 2px; font-weight: bold; text-align: center; }

#kont {color: #333; font-size: 14px; margin-top:10px;}
#kont #cz, #kont #pl {padding: 14px; background: url('../../img/kontgrad.jpg') no-repeat; width: 255px; height: 90px; }
#kont #cz {float:left; margin-right:6px;padding-bottom:0px; }
#kont #pl {float:right; padding-right:0px;padding-bottom:0px;}
#kont #ext {padding: 14px; background: url('../../img/ostgrad.jpg') no-repeat; width: 255px; height: 90px; float:left;padding-bottom:0px;}

.nextprev {text-align: center; padding: 10px; color: #999;}

.reseni_h{border-bottom: 1px dotted; color:#ff2c12;}

#reseni_li{margin-top: 5px;}

#reseni_technologie {text-align: center; margin: 10px auto; padding: 15px; background: #ededed url('../../img/reseni_technologie.gif') repeat-x; width: 90%; font-size: 14px; }

#narrow #reseni_bullets {clear: none;}
#narrow #reseni_bullets div {width: 295px;}
#narrow #reseni_bullets div#left {padding-left: 25px;}
#narrow #reseni_bullets div#right {padding-right: 25px;}
#bullets {padding: 5px 0px;}
#bullets hr { color: #ccc}
#reseni_bullets {text-align: left; clear:both; height: 150px; } 
#reseni_bullets.reseni {}
#reseni_bullets div {width: 355px; }
#reseni_bullets div#left {padding-left: 55px; }
#reseni_bullets div#right {padding-right: 55px; float:right; }
#reseni_bullets h2 {margin: 15px 0px 15px 0px; padding: 8px; background-color: #FF2C12; color: white; font-weight: bold; font-size: 14px; text-align: left; }
#reseni_bullets h3 {padding: 0px; margin: 8px 15px; font-size: 12px; font-weight: bold; color: #666; }

#podrob {padding-top: 20px; height: 280px; float:right; width: 375px;position: relative; top: 16px; }
#podrob .item {position:absolute;background: #f5f5f5 url('../../img/podrobbg.jpg') repeat-x; border: 1px solid #ccc; font-weight: normal; width: 250px; height: 270px; top: 0px; } 
#podrob .item h3, #podrob .item p {margin: 10px;font-size: 12px; }
#podrob .item p {font-size: 11px;}

#vysledky {border: 1px solid white; background: #ededed url('../../img/reseni_technologie.gif') repeat-x; width: 370px; margin: 10px 10px; padding: 15px;}
#vysledky:hover,#citat:hover {border: 1px solid #ccc;}
#vysledky h3 {font-size: 12px; text-align: left; font-weight: bold; padding: 0px; margin: 0px;}
#vysledky ul li {margin-left: 30px; padding: 0px;}
#vysledky ul {margin:10px 0px 0px 0px; padding: 0px;}
#graf {border-left: 1px solid #ccc; margin-left: 10px; width: 320px;float:right;text-align: center;}
#graf h3 {font-size: 12px; font-weight: bold; padding: 0px; margin: 0px 0px 5px 20px; }
#zdroj {color: #ccc; font-size: 10px; margin: 8px 8px 8px 0px; font-style: italic; float:right;}

@media print {body {color: #222 !important } #reseni_bullets h2 {color: #FF2C12 !important} #reseni_bullets h3 {color: #666;} #hutni_odkazy #voa,#hutni_odkazy #demo,#hutni_odkazy #colmat {display:none;}}

.pripadove_studie_pravy_komentar{text-align: right; color: #999; font-weight: normal; font-size: 12px;}
.pripadove_studie_right{text-align: right;}

#Inspiration_img{float:right;}

.Reference_text_blok{text-align:justify;}
#Reference_text_dolu{vertical-align: bottom;}
#Reference_spodni_mezera{margin-bottom: 7px;}
#Reference_li {width: 150px !important; list-style-type: square;}

.News_td{padding-left: 10px; width: 150px;}

#References_table{border-width: 1px; width: 100%;}
.References_table_td1{height: 13px; text-align: center; background-color: #ffffff}
.References_table_td1b{height: 13px; background-color: #ffffff}
.References_table_td2{height: 13px; background-color: #c0c0c0}
.References_table_td3{height: 26px; background-color: #ffffff}
.References_table_td4{height: 26px; background-color: #c0c0c0}

.FACTORY_ES_img{float: right;}
.FACTORY_ES_div{margin-left: 25px;}

.APS_SCM_img{float: right}

.podtitulek{text-align:left;font-weight:bold; color:#999999; font-size:16px; text-align:right;padding-bottom:5px; }

.attent {color: red; font-weight: bold;}

#reseni_nav {text-align: center;margin-top: 10px; margin-bottom: 10px; padding-left:5px;}
#reseni_nav img {margin: 0px 5px; }

#hutni_submenu {background: #dedede url('../../img/metals/menubg.jpg') repeat-x;; padding: 5px;}
#hutni_submenu #item {display:inline; padding-right: 20px; color: #333; font-weight:bold;}
#hutni_submenu #item_mh {display:inline; padding-right: 10px; margin-right: 10px; border-right: 1px solid #bbbbbb; text-transform:uppercase; color: #333; font-weight:bold;}

#hutni_odkazy {float:right; width: 160px; margin-left:20px;}
#hutni_odkazy div {width: 160px; height: 34px; margin-bottom: 5px;}
#hutni_odkazy a {border: 0px !important}
#hutni_odkazy #colmat {background: url('../../img/metals/collateral.jpg') no-repeat;}
#hutni_odkazy #colmat-pol {background: url('../../img/metals/collateral-pol.jpg') no-repeat;}
#hutni_odkazy #colmat:hover {background: url('../../img/metals/collateral-hover.jpg')}
#hutni_odkazy #colmat-pol:hover {background: url('../../img/metals/collateral-hover-pol.jpg')}
#hutni_odkazy #demo {background: url('../../img/metals/demo.jpg') no-repeat;}
#hutni_odkazy #demo:hover {background: url('../../img/metals/demo-hover.jpg');}
#hutni_odkazy #voa {background: url('../../img/metals/voa.jpg') no-repeat;}
#hutni_odkazy #voa:hover {background: url('../../img/metals/voa-hover.jpg');}
#hutni_odkazy p {color: #999; margin-top: 10px; line-height: 150%; }
#hutni_odkazy img a {border: 0px;}
#hutni_odkazy #pyramida_mikro {height: auto; margin:10px 0px; }
#hutni_odkazy #pyramida_mikro a img {display:block}

#hutni_odkazy #voa-cs {background: url('../../img/discrete/voa-cs.jpg') no-repeat;}
#hutni_odkazy #voa-cs:hover {background: url('../../img/discrete/voa-hover-cs.jpg') no-repeat;}
#hutni_odkazy #colmat-cs {background: url('../../img/discrete/collateral-cs.jpg') no-repeat;}
#hutni_odkazy #colmat-cs:hover {background: url('../../img/discrete/collateral-hover-cs.jpg') no-repeat;}

#metals_pyramida {padding-top: 20px; margin-top: 15px; border-top: 1px solid #ccc;}
#metals_pyramida a img {display:block; margin: 0px auto; }

#err {background: #5e5e5e url('../../img/err.jpg') no-repeat; padding: 0px 15px; color: #fff; margin-bottom:10px; padding-bottom:8px;}

#metals_tree {margin-left: 20px; margin-top: 10px; margin-bottom:20px; width: 350px; line-height:150%;}
#metals_tree a {display:block; margin-top: 5px; font-weight:bold;}
#metals_tree #sub a {padding-left: 20px; font-size: 97%; font-weight:normal; }
#metals_tree #sub #sub a {padding-left: 40px; font-size: 90%; line-height:normal}

#breadcrumb,#metnav {margin-top:11px; font-size: 10px;}
#breadcrumb a,#metnav a {color: #666; text-decoration:underline;}
#metnav {text-align:right; float:right;}

#focus {text-align: center;}
#focus img {margin: 16px 5px 0px 5px;}

#rightmenu {float:right; width: 150px; }
#rightmenu div a:hover {background-color:white;}

#main_menu span {border-bottom: 1px solid #}

#customerarea {width: 100px; height: 14px; background:url('../../img/menu/customerarea.jpg') no-repeat;position:relative; display:inline; float:left; margin-right:10px; opacity: 0.8; filter: alpha(opacity=80,enabled=1)}
#customerarea:hover{opacity: 1;filter: alpha(opacity=100,enabled=1)}
#jmeno{position:relative; display:inline;float:left; margin-right: 10px; }

#login {width: 340px; position: absolute; top: 0px; left: 0px;}
#login #line {border-bottom: 5px solid #FF2C12; }
#login #line img {position:relative; left: -12px; z-index: -1; position:relative; top: 5px;}
#login #line img[name='ff'] {top: 0px;}
#login .bdr input {border: 0px; position:relative; top: 1px;}
.bdr .button {position: absolute; top: 142px; left: 116px;}
.bdr .button[name='userlogin'] {top: 134px; left: 129px;}
#login p {margin-top: 8px;}
#login input.tbox {width: 150px; }

#default input {width: 250px;}
#default .button {position: relative; left: 255px; width: 255px;}

#blackboard {text-align: center; padding: 30px 0px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;}

#three {position: relative; top: -3px; text-align:center;}
#six {position: relative; top: -6px; text-align:center;}

#grey-inner {color:#666;}

#benefits {display:block; padding-bottom: 195px; }
#benefits h3 {font-size:12px; font-weight:bold;margin-top:0px;}
#benefits ul {padding-left:15px; list-style-type:}
#benefits li {padding-top:5px}

#spacy {width: 635px; padding-right: 25px; border-right: 1px solid #dfdfdf; margin-bottom:15px;}
#spacy p {line-height:17px; padding-bottom:8px; }

#metals_pps_modules {margin-top:15px;}
#metals_pps_modules td { padding-right:12px;}
#metals_pps_modules td:last-child {padding-right:0px}

#pps_hr {background: url('../../img/metals_pp/hr.jpg') no-repeat; padding: 17px 0px;}
#pps_hr h1 {font-weight:normal;}

#metals_pps_modules div {width: 150px; height: 170px; cursor:hand;}
#metals_pps_modules #cp {background: url('../../img/metals_pp/campaign_planning.jpg') no-repeat;}
#metals_pps_modules #cp:hover {background: url('../../img/metals_pp/campaign_planning_hover.jpg') no-repeat;}
#metals_pps_modules #cs {background: url('../../img/metals_pp/caster_scheduling.jpg') no-repeat;}
#metals_pps_modules #cs:hover {background: url('../../img/metals_pp/caster_scheduling_hover.jpg') no-repeat;}
#metals_pps_modules #ma {background: url('../../img/metals_pp/material_allocation.jpg') no-repeat;}
#metals_pps_modules #ma:hover {background: url('../../img/metals_pp/material_allocation_hover.jpg') no-repeat;}
#metals_pps_modules #ms {background: url('../../img/metals_pp/mill_scheduling.jpg') no-repeat;}
#metals_pps_modules #ms:hover {background: url('../../img/metals_pp/mill_scheduling_hover.jpg') no-repeat;}
#metals_pps_modules #tms {background: url('../../img/metals_pp/tube_mill_scheduling.jpg') no-repeat;}
#metals_pps_modules #tms:hover {background: url('../../img/metals_pp/tube_mill_scheduling_hover.jpg') no-repeat;}