/* CSS Document */

* { margin: 0; padding: 0 }

body, p, a, input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5C5E5E; line-height:18px; }
body { background-color: #0093C4; }

h1, h2, h3 { font-family:Arial, Helvetica, sans-serif; font-size: 22px; color: #0093C4; }
h2 { font-size: 13px; margin-top:8px;}
h3 { font-size: 11px; }

#container { width: 689px; border-left: 10px solid #01698C; border-right: 10px solid #01698C; background-color: #FFFFFF; margin: 0 auto; overflow: hidden; }

#center table tr td {padding:5px;}
table tr {border:1px solid black;}

#header { width: 689px; height: 166px; background: URL('images/header.jpg') no-repeat 1px 0; }
#header img { border: none; position: relative; top: 27px; left: 59px; }

#left { float: left; width: 252px; background: URL('images/menu-back.jpg') no-repeat; }
#center { float: left; width: 436px; background: URL('images/center-back.jpg') no-repeat; background-position: bottom right; }
#center2 { width: 669px; background: #FFFFFF; padding: 10px; }

#left #loginForm { padding: 295px 0 0 40px; overflow: hidden; }
#left #loginForm h2 { font-family:  Arial, Helvetica, sans-serif; font-size: 14px; color: #b4b4b4; line-height:18px; font-weight: bold; text-decoration: none; display: block; padding: 0 0 0 40px; width: 141px; height: 28px; background: URL('images/menu-dot.jpg') no-repeat 15px 5px; }
#left #loginForm input.loginget { border: none; background: URL('images/loginget.jpg') no-repeat; width: 134px; height: 13px; padding: 10px; margin: 0 0 5px 10px; color: #ffffff; display: block; }
#left #loginForm ul { float: left; list-style-type: none; width: 130px; }
#left #loginForm ul li { text-align: right; margin: 0 5px; font-size: 10px; line-height: 12px }
#left #loginForm ul li a { font-size: 10px; text-decoration: none; line-height: 12px}
#left #loginForm ul li a:hover { text-decoration: none; color: #000000; }
#left #loginForm input.gobutton { border: none; background: URL('images/gobutton.jpg') no-repeat; width: 31px; height: 16px; float: right; margin: 0 50px 0 0; }

#left #searchForm { margin: 40px 0 0 40px; overflow: hidden; }
#left #searchForm h2 {font-family:  Arial, Helvetica, sans-serif; font-size: 14px; color: #b4b4b4; line-height:18px; font-weight: bold; text-decoration: none; display: block; padding: 0 0 0 40px; width: 141px; height: 28px; background: URL('images/menu-dot.jpg') no-repeat 15px 5px; }
#left #searchForm input.searchget { border: none; background: URL('images/searchget.jpg') no-repeat; width: 134px; height: 13px; padding: 10px; margin: 0 0 5px 10px; color: #ffffff; display: block; }
#left #searchForm input.gobutton { border: none; background: URL('images/gobutton.jpg') no-repeat; width: 31px; height: 16px; float: right; margin: 0 50px 0 0; }

#left embed { margin: 20px 0 30px 50px; }

#center h1 { margin: 20px 0; }
#center #flagList img { border: none; }
#center #news { text-align: right; }
#center #news img { border: none; margin: 5px 0 5px 300px; }
#center #homeNews { display: none; }
#center p { margin: 0 20px 15px 0; }
#center dl#servicios { margin: 0 20px 0 0; overflow: hidden; }
#center dl#servicios dt { color: #0093C4; font-weight: bold; width: 80px; float: left; margin: 0 0 15px 0; }
#center dl#servicios dd { float: left; width: 330px; margin: 0 0 15px 0; }

#center ul.breadcrumb { clear: both; overflow: hidden; list-style-type: none; }
#center ul.breadcrumb li { float: left; padding: 0 6px }
#center ul.breadcrumb li a { text-decoration: none; font-weight: bold; }
#center ul.breadcrumb li a:hover { text-decoration: underline}

#footer { width: 689px; height: 80px; clear: both; background: URL('images/footer.jpg') no-repeat; }
#footer p { color: #B4B4B4; font-weight: bold; padding: 7px 30px 0 0; text-align: right; line-height: 12px; }
#footer p a { color: #B4B4B4; text-decoration: none; font-weight: bold;  }
#footer p a:hover { text-decoration: underline; }

.m0l0oout { text-decoration: none; }
.m0l0oover { text-decoration: none; }
.m0l0iout { font-family:  Arial, Helvetica, sans-serif; font-size: 14px; color: #b4b4b4; line-height:18px; font-weight: bold; text-decoration: none; padding: 5px 0 0 50px; display: block; width: 141px; height: 23px; border-bottom: 1px solid #EDEDED; background: URL('images/menu-dot.jpg') no-repeat 25px 9px;  }
.m0l0iover { font-family:  Arial, Helvetica, sans-serif; font-size: 14px; line-height:18px; font-weight: bold; text-decoration: none; padding: 5px 0 0 50px; display: block; width: 141px; height: 23px; border-bottom: 1px solid #EDEDED; background: #F5F5F5 URL('images/menu-dot-sel.jpg') no-repeat 25px 9px; color: #0093C4; }

.m0l1oout { text-decoration: none; border-left: 1px solid #EDEDED; overflow: hidden; }
.m0l1oover { text-decoration: none; border-left: 1px solid #EDEDED; overflow: hidden; }
.m0l1iout {background: #F5F5F5; width: 130px; height: 22px; padding: 5px 0 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #b4b4b4; border-bottom: 1px solid #EDEDED;}
.m0l1iover {width: 130px; padding: 5px 0 0 20px; height: 22px; background: #F5F5F5; color: #0093C4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; border-bottom: 1px solid #EDEDED; }

.m0l2oout { text-decoration: none; border-left: 1px solid #EDEDED; overflow: hidden; }
.m0l2oover { text-decoration: none; border-left: 1px solid #EDEDED; overflow: hidden; }
.m0l2iout {background: #F5F5F5; width: 130px; height: 40px; padding: 5px 0 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #b4b4b4; border-bottom: 1px solid #EDEDED;}
.m0l2iover {width: 130px; padding: 5px 0 0 20px; height: 40px; background: #F5F5F5; color: #0093C4; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-bottom: 1px solid #EDEDED;}

#categoryInfo { border-bottom: 1px solid #0094C4; padding-bottom: 5px; }
#catList { border-bottom: 1px solid #0094C4; padding-bottom: 5px; overflow: hidden; width: 420px; }
#catList h2 a { color: #0094C4; text-decoration: none; margin: 0 0 5px 0; }
#prodItem { float: left; margin: 0 5px 0 0; }
#prodItem img { border: none; }
#prodItem a { text-align: center; }
#prodItem span.newProd { color: #CC0000; font-weight: bold; font-size: 11px; font-style: italic; }

#prodInfo { float: left; overflow: hidden; width: 240px; }
#prodInfo li { margin: 0 0 0 15px;  }
#prodInfo h2 { color: #B4B4B4; }

#contactForm p { overflow: hidden; clear: both; }
#contactForm label { float: left; width: 70px; }
#contactForm input { border: 1px solid #0094C4; width: 300px; background: #0094C4; color: #FFFFFF; padding: 1px; }
#contactForm textarea { border: 1px solid #0094C4; width: 300px; height: 100px; background: #0094C4; color: #FFFFFF; padding: 1px; }
#contactForm input.button { display: block; margin: 0 0 0 70px; background: #B1B1B1; border: 1px solid #B1B1B1; }

#registerForm p { overflow: hidden; clear: both; }
#registerForm label { float: left; width: 100px; }
#registerForm input { border: 1px solid #0094C4; width: 250px; background: #0094C4; color: #FFFFFF; padding: 1px; }
#registerForm input.button { display: block; margin: 0 0 0 100px; background: #B1B1B1; border: 1px solid #B1B1B1; }

#prodImage { margin: 10px; border: none; float: right; }
#brandImage { margin: 10px; border: none; float: right; clear: right; }
#prodImageBig { border: 1px solid #AAAAAA; background: #FFFFFF; overflow: hidden; position: absolute; cursor: pointer; }

#clear { clear: both; }
#prodSpecs { clear: left; margin: 15px 0 0 0; float: left; overflow: hidden; width: 270px; }
#prodSpecs h2 { color: #B4B4B4;}
#prodSpecs dl { overflow: hidden; }
#prodSpecs dt { float: left; width: 170px; clear: left; }
#prodSpecs dd { float: left; width: 100px; }

#prodDoc { float: left; width: 120px; margin: 10px 0 0 0; }
#prodDoc h2 { color: #B4B4B4; }
#prodDoc a { font-weight: bold; text-decoration: none; }
#prodDoc a:hover { color: #0094C4; text-decoration: underline; }

#newsList { list-style-type: none; }
#newsList li a { font-weight: bold; }
#newsList li p { margin: 0 0 0 20px; }

/*#galPic { float: left; margin: 5px; }
#galPic img { border: none; }
#galPic a { text-decoration: none; }
#galPic a p { text-align: center; margin: 0; padding: 0; }
#galPic a:hover p { text-decoration: underline; color: #000000; }*/

#galleryPicList { overflow: hidden; width: 420px; height: 66px; }
#galLeft { width: 16px; height: 66px; overflow: hidden; background: URL('images/gallery-list-left.jpg') no-repeat; float: left; text-decoration: none; }
#galRight {width: 16px; height: 66px; overflow: hidden; background: URL('images/gallery-list-right.jpg') no-repeat; float: left; text-decoration: none; }
#galleryPicListMiddle { width: 386px; height: 66px; background: URL('images/gallery-list.jpg') no-repeat;  float: left; }

.galPic { float: left; margin: 10px 5px; display: inline; width: 45px; height: 45px; border: 1px solid #5C5E5E; }
.galPic img { border: none;  }
.galPicSelected { float: left; margin: 10px 5px; display: inline; width: 45px; height: 45px; border: 1px solid #FFFFFF; }
.galPicSelected img { border: none; }

#galMainPic h3 { width: 400px; height: 27px; padding: 8px 0 0 20px; color: #555555; background: URL('images/gallery-title.jpg') no-repeat; }
div#descriptionContainer { width: 420px; height: 90px; overflow: hidden; background: #DEDEDE; padding: 10px 0; background: URL('images/gallery-comments.jpg') no-repeat; margin: 0; color: #FFFFFF; }
div#descriptionContainer p { color: #FFFFFF; overflow: auto; margin: 0; padding: 5px; width: 410px; height: 90px; padding: 0 5px; }

#galleryControls { width: 84px; height: 31px; margin: 0 auto; overflow: hidden; background: URL('images/gallery-button-back.jpg') no-repeat; }
#galleryControls #goBack { float: left; display: inline; overflow: hidden; width: 24px; height: 24px; margin: 3px 2px 0 3px; }
#galleryControls #goBack img { border: none; }
#galleryControls #playPause { float: left; display: inline; overflow: hidden; width: 24px; height: 24px; margin: 3px 1px 0 0; }
#galleryControls #playPause img { border: none; }

#galleryControls #goNext { float: left; display: inline; overflow: hidden; width: 24px; height: 24px; margin: 3px 0 0 0; }
#galleryControls #goNext img { border: none; }

#showPic { margin: 20px; color: #ffffff; }
#showPic h2 { color: #ffffff; margin: 0 0 10px 0; }
#showPic img { border: 1px solid #ffffff }
#showPic p { color: #ffffff; }

.aboutInside { margin: 0 10px 20px 20px; border-bottom: 1px solid #1BA5D4; }
h2 a { font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #0093C4; }

#breadcrumb { list-style: none; }
#breadcrumb li { display: inline; font-weight: bold; padding-left: 5px; }
#breadcrumb li a { text-decoration: none; }
#breadcrumb li a:hover { text-decoration: underline; }

#galleryList { list-style: none;  overflow: hidden; }
#galleryList li { float: left; width: 95px; margin-right: 10px; overflow: hidden; text-align: center; }
#galleryList li a { font-weight: bold; text-decoration: none; }
#galleryList li img { border: 1px solid #5C5E5E; }

table span.new { font-weight: bold; font-style: italic; color: #CC0000; }

.footerBanner { border: none; }