* html {margin: 0; padding: 0;}
body {background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif;}
table {width: 100%; height: 100%;}
td {vertical-align: middle; text-align: center;}
div.containerhome {position: relative; text-align: left; margin-left: auto; margin-right: auto; width: 750px; height: 100px;}
div.mainhome {position: absolute; top: 0; left: 0; width: 750px; height: 100px; text-align: center;}
div.container {position: relative; text-align: left; margin-left: auto; margin-right: auto; width: 750px; height: 600px;}
div.containerexpo {position: relative; text-align: left; margin-left: auto; margin-right: auto; width: 750px; height: 1500px;}
div.main {position: absolute; top: 0; left: 0; width: 750px; height: 600px; text-align: center;}
a {text-decoration: none; font-weight: bold; color: #3da4d7;}
a:hover {text-decoration: underline; color: #3da4d7;}
.bluebold {color: #3da4d7; font-weight:bold;}
#menuidioma {font-size: 10px; color: #3da4d7; padding-bottom: 20px;}

#menu {width: 100%; height: 16px; padding: 0 0 10px 0; margin-top: 20px; text-align: center;}
#menu li {padding: 0 51px 0 0; list-style: none; height: 40px;}

#menuesp {width: 100%; height: 16px; padding: 0 0 10px 0; margin-top: 20px; text-align: center;}
#menuesp li {padding: 0 40px 0 0; list-style: none; height: 40px;}

#menunl {width: 100%; height: 16px; padding: 0 0 10px 0; margin-top: 20px; text-align: center;}
#menunl li {padding: 0 47px 0 0; list-style: none; height: 40px;}

.menuitemposithiv {float: left; width: 115px; height: 26px;}		
.menuitemposithiv a {background-image: url(images/posithiv_off.gif); display: block; width: 115px; height: 26px;}
.menuitemposithiv a:hover {background-image: url(images/posithiv_on.gif);}
.menuitemposithivon {float: left; width: 115px; height: 26px;}		

.menuitempep {float: left; width: 115px; height: 26px;}		
.menuitempep a {background-image: url(images/pepbonet_off.gif); display: block; width: 115px; height: 26px;}
.menuitempep a:hover {background-image: url(images/pepbonet_on.gif);}
.menuitempepon {float: left; width: 115px; height: 26px;}		

.menuitemexpo {float: left; width: 57px; height: 26px;}		
.menuitemexpo a {background-image: url(images/expo_off.gif); display: block; width: 57px; height: 26px;}
.menuitemexpo a:hover {background-image: url(images/expo_on.gif);}
.menuitemexpoon {float: left; width: 57px; height: 26px;}		

/*.menuitempress {float: left; width: 69px; height: 26px;}		
.menuitempress a {background-image: url(images/press_off.gif); display: block; width: 69px; height: 26px;}
.menuitempress a:hover {background-image: url(images/press_on.gif);}
.menuitempresson {float: left; width: 69px; height: 26px;}
.menuitempressesp {float: left; width: 83px; height: 26px;}		
.menuitempressesp a {background-image: url(images/press_off_esp.gif); display: block; width: 83px; height: 26px;}
.menuitempressesp a:hover {background-image: url(images/press_on_esp.gif);}
.menuitempressespon {float: left; width: 83px; height: 26px;}
.menuitempressnl {float: left; width: 65px; height: 26px;}		
.menuitempressnl a {background-image: url(images/press_off_nl.gif); display: block; width: 65px; height: 26px;}
.menuitempressnl a:hover {background-image: url(images/press_on_nl.gif);}
.menuitempressnlon {float: left; width: 65px; height: 26px;}*/

.menuitemorder {float: left; width: 71px; height: 26px;}		
.menuitemorder a {background-image: url(images/order_off.gif); display: block; width: 71px; height: 26px;}
.menuitemorder a:hover {background-image: url(images/order_on.gif);}
.menuitemorderon {float: left; width: 71px; height: 26px;}		
.menuitemorderesp {float: left; width: 101px; height: 26px;}		
.menuitemorderesp a {background-image: url(images/order_off_esp.gif); display: block; width: 101px; height: 26px;}
.menuitemorderesp a:hover {background-image: url(images/order_on_esp.gif);}
.menuitemorderespon {float: left; width: 101px; height: 26px;}		
.menuitemordernl {float: left; width: 83px; height: 26px;}		
.menuitemordernl a {background-image: url(images/order_off_nl.gif); display: block; width: 83px; height: 26px;}
.menuitemordernl a:hover {background-image: url(images/order_on_nl.gif);}
.menuitemordernlon {float: left; width: 83px; height: 26px;}		

.menuitemcontact {float: left; width: 97px; height: 26px;}		
.menuitemcontact a {background-image: url(images/contact_off.gif); display: block; width: 97px; height: 26px;}
.menuitemcontact a:hover {background-image: url(images/contact_on.gif);}
.menuitemcontacton {float: left; width: 97px; height: 26px;}		
.menuitemcontactesp {float: left; width: 121px; height: 26px;}		
.menuitemcontactesp a {background-image: url(images/contact_off_esp.gif); display: block; width: 121px; height: 26px;}
.menuitemcontactesp a:hover {background-image: url(images/contact_on_esp.gif);}
.menuitemcontactespon {float: left; width: 121px; height: 26px;}		

.menuitem {padding: 0 14px 0 14px; vertical-align: middle;}

#content {position: relative; text-align: center; background-color: #transparent;}
#contentpep {height: 460px; text-align: center; padding: 20px 0 0 0; background: transparent url(images/bg.jpg) no-repeat fixed center;}
#footer {position: relative; clear: both; font-size: 10px; color: #999; text-align: center; padding: 10px 0 10px 0;}
#footer a {color: #c7c4c2; font-size: 9px;}
#footer a:hover {color: #666; text-decoration: underline;}
#fotopep {position: relative; float: left; width: 100px; font-size: 9px; color: #666; text-align: left; padding: 0 0 0 50px;}
#biopep {position: relative; float: left; width: 350px; font-size: 10px; color: #000; text-align: left; padding: 0 0 20px 35px;}
#expo {float: left; width: 550px; font-size: 10px; color: #000; text-align: left; padding: 0 0 25px 190px;}
#order {float: left; width: 400px; font-size: 10px; color: #000; text-align: left; padding: 0 0 20px 35px;}
#contact {position: relative; float: left; width: 550px; font-size: 10px;  color: #000; text-align: left; padding: 0 0 30px 190px;}
#contact a {color: #000; font-size: 9px; font-weight:normal;}
#contact a:hover {color: #000; text-decoration: underline;}

#fotopep2 {position: absolute; width: 100px; top: 300px; left: 0; font-size: 9px; color: #666; text-align: left; padding: 0 0 0 50px;}
#order2 {position: absolute; top: 275px; left: 150px; width: 400px; font-size: 10px; color: #000; text-align: left; padding: 0 0 0 35px;}