/* CSS Document */ /* NON-HEADER */ *{padding:0; margin:0;} img { border: none; } body {font-size: 62.5%; background: url("../img/general/background.png"); background-position: center; font-family:verdana,arial,sans-serif; color: #333333;} #container {width:700px; margin: 0 auto; border: none; font-size:1.0em; background-color:rgb(255,255,255);} /* HEADER */ .header { height: 170px; position: relative; } /* HEADER MENU */ ul#mainNavigation { position: absolute; top: 0; left: 0; height: 170px; width:500px; } ul#mainNavigation li {display: block; float:left; width:75px; height: 170px; } ul#mainNavigation li a { display: block; float:left; width:75px; height: 170px; } ul#mainNavigation li.home_on { display: block; width:75px; height: 170px; text-decoration: none; } ul#mainNavigation li.link_home a { width:75px; height: 170px; text-decoration: none;} ul#mainNavigation li.link_home a:hover { background-position: -75px 0; } ul#mainNavigation li.solutions_on { display: block; width:75px; height: 170px; text-decoration: none; } ul#mainNavigation li.link_solutions a { width:75px; height: 170px; text-decoration: none;} ul#mainNavigation li.link_solutions a:hover { background-position: -75px 0; } ul#mainNavigation li.company_on { display: block; width:75px; height: 170px; text-decoration: none; } ul#mainNavigation li.link_company a { width:75px; height: 170px; text-decoration: none;} ul#mainNavigation li.link_company a:hover { background-position: -75px 0; } ul#mainNavigation li.news_on { display: block; width:75px; height: 170px; text-decoration: none; } ul#mainNavigation li.link_news a { width:75px; height: 170px; text-decoration: none;} ul#mainNavigation li.link_news a:hover { background-position: -75px 0; } ul#mainNavigation li.contact_on { display: block; width:75px; height: 170px; text-decoration: none; } ul#mainNavigation li.link_contact a { width:75px; height: 170px; text-decoration: none;} ul#mainNavigation li.link_contact a:hover { background-position: -75px 0; } /* LOGO */ #logotip { position: absolute; width: 154px; height: 50px; top: 97px; right: 20px; background: url("../img/general/logotip.png") 0 0 no-repeat;} /* LLENGUES */ #languages { position: absolute; width 120px; top: 10px; right: 10px; } #languages img { margin-left: 5px; /* border: solid 1px #6e6e6e; */} /* BANNER COMPANY */ .midpage { height: 200px; width: 700; } /* CONTENTS */ .contents { /*height: 300px; border:solid 1px rgb(150,150,150);*/ border: none; margin-top: 15px; margin-left: 15px; margin-right: 15px;} .contents_news { /*height: 500px; border:solid 1px rgb(150,150,150);*/ border: none; margin-top: 15px; margin-left: 15px; margin-right: 15px;} /* FIRST COLUMN */ /* WHO IS STAITEC */ #who_is { width: 300px; height: 330px; float: left; } #text_whois { margin-left: 20px; margin-right: 20px; margin-top: 60px; text-align: justify; font-size: 11px; } #separator { float: left; width: 70px; } /* NEWS */ #news_home { float: left; width: 300px; height: 300px; } #div_news { margin-left: 20px; margin-right: 20px; margin-top: 60px; } #news_date { text-align: left; font-size: 10px; color:#919191; } #news_title { text-align: left; font-size: 11px; color: #6e241f; margin-top: 3px;} #news_resume { text-align: left; font-size: 10px; margin-top: 3px;} #news_more_inf { margin-top: 5px; margin-right: 10px; font-size: 11px; color: #bb3d35; font-size: 10px;} #news_more_inf a { color: #bb3d35; text-decoration: none;} #news_more_inf a:hover { border-bottom: dotted 1px #6e241f; } #separator_news { width: 300px; height: 13px; margin-top:10px; margin-left: 74px; } #older_news { width: 300px; height: 13px; margin-top:20px; font-size: 11px; text-align: left; margin-left: 80px; color:#919191;} #older_news a { color: #919191; text-decoration: none; } #older_news a:hover { border-bottom: dotted 1px #919191; } /* MENU */ ul#menu { position:relative; width: 86px; height: 300px; margin-top: 20px; float: left; margin-left: 20px;} ul#menu li { display: block; float: left; width:75px; height: 170px; } ul#menu li a { display: block; float: left; width:75px; height: 170px; } ul#menu li.overview { display: block; width:120px; height: 20px; text-decoration: none } ul#menu li.link_overview a { width:120px; height: 20px; text-decoration: none } ul#menu li.link_overview a:hover { background-position: -120px 0; } ul#menu li.partners { display:block; width:120px; height: 20px; margin-top: 0px; text-decoration: none;} ul#menu li.link_partners a { width:120px; height: 20px; text-decoration: none;} ul#menu li.link_partners a:hover { background-position: -120px 0; } ul#menu li.product { display:block; width:120px; height: 20px; margin-top: 0px; text-decoration: none;} ul#menu li.link_product a { width:120px; height: 20px; text-decoration: none;} ul#menu li.link_product a:hover { background-position: -120px 0; } ul#menu li.medias { display:block; width:120px; height: 20px; text-decoration: none;} ul#menu li.information { display:block; width:120px; height: 20px; text-decoration: none;} /* EXPLANATIONS */ #explanations { width: 650px; text-align: justify; font-size: 11px;} #explanations2 { margin-left:180px; width: 470px; text-align: justify; font-size: 11px; } /* EXPLANATIONS ON NEWS*/ #explanations_news { margin-left:160px; width: 470px; text-align: justify; } #div_news_long { margin-left: 20px; margin-right: 20px; } #news_title_long { text-align: left; font-weight:bold; font-size: 11px; color: #6e241f; margin-top: 3px;} #news_text { text-align: left; font-size: 11px; margin-top: 3px; text-align:justify;} #separator_news_long { width: 470px; height: 20px; margin-top:20px; margin-bottom: 20px; background: url("../img/general/separator_news.png") 0 0 no-repeat; background-position:center;} /* CONTACT */ #contact_information { margin-top: 20px; } /* FOOTER */ .footer { clear:both; height: 80px; border: none; margin-top: 20px; border-top: dotted 1px #919191;} #footer_logo {position: relative; width: 18px; height: 30px; margin-top: 15px; margin-bottom: 15px; margin-left: 341px; background: url("../img/general/logop.png") 0 0 no-repeat;} #footer_information { font-size:10px; color:rgb(80,80,80); text-align:center; }