/* CSS Document */
* { margin: 0; padding: 0; }
body { background: #21449d; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

#container { width: 760px; left: 50%; margin-left: -380px; background: #ebe7f0; position: absolute; }
#header { width: 760px; height: 100px; background: url(images/header.jpg) no-repeat; }
#header img { float: left; border: none; padding-left: 26px; }
#header object { float: left; }
#menu { width: 200px; position: absolute; left: 490px; list-style: none; }
#menu li { height: 30px; overflow: hidden; float: left; clear: left; }
#menu #item1 a { background: url(images/menu1.jpg) no-repeat; }
#menu #item2 a { background: url(images/menu2.jpg) no-repeat; }
#menu #item3 a { background: url(images/menu3.jpg) no-repeat; }
#menu #item4 a { background: url(images/menu4.jpg) no-repeat; }
#menu #item5 a { background: url(images/menu5.jpg) no-repeat; }
#menu #item6 a { background: url(images/menu5.jpg) no-repeat; }
#menu a { width: 160px; display: block; text-align: right; padding: 6px 40px 6px 0; font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #2b2e54; }
#menu a.smalltext { font-size: 11px; padding: 9px 35px 9px 0; width: 165px; }

#content { width: 620px; margin: 0 auto; padding: 20px 10px 10px 10px; background: url(images/content-bg.jpg); overflow: hidden; font: 10px Verdana, Arial, Helvetica, sans-serif; }
#content h1 { background: url(images/separator.jpg) 0 100% no-repeat; font: oblique bold 18px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 2px; margin-bottom: 10px; clear: both; }
#content h2 { margin-bottom: 5px; font-size: 15px; clear: left; }
#content h3 { clear: left; }
#content p { margin-bottom: 10px; text-align: justify; line-height: 1.4em; }
#content a { color: #21449d; font-weight: bold; }
#content ul, #content ol { margin-left: 30px; margin-bottom: 10px; clear: left;}
#content #text { width: 400px; margin: 0; }
.home p { width: 400px; float: left; }

#logos { float: right; width: 200px; text-align: center; padding-top: 155px; }
#logos img { display: block; margin: 0 auto 10px auto; }

#images { clear: both; overflow: hidden; }

/* Productos */
#content .products { width: 400px; list-style: none; margin: 0; }
.products li { border-bottom: 1px dashed #21449d; margin-bottom: 5px;}
.products li p { float: none; overflow: hidden; }
.products li p a { float: right; }

/* Videos */
#videos { list-style: none; width: 400px; }
#videos li { float: left; width: 190px; margin: 0 5px 20px ; text-align: center; }
#videos li a img { border: 0; margin-bottom: 10px;}

#footer { background: url(images/footer-bg.jpg) repeat-x; color: #FFF; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: center; height: 60px; clear: both; }
#footer p { line-height: 1.5em; }
#footer #powerBy { font-size: 11px; font-weight: bold; font-style: oblique; }
#footer p a { color: #FFF; }

/* contacto */
#contactForm {}
#contactForm p { overflow: hidden; margin: 5px 0; }
#contactForm p label { float: left; padding: 2px 0 0 0; width: 80px; }
#contactForm textarea { width: 300px; height: 100px; }
span.required { font-weight: bold; color: #CC0000; }

/* gallery */
#logos a.galThumb { margin: 0; }
#logos a.galThumb img { margin: 0; border: none; float: left; padding: 4px; }
#content .imgDesc { border-top: 1px solid #21449D; font-weight: bold; }

/* instaladores */
#registerForm p { margin: 5px; overflow: hidden; clear: both;}
#registerForm label { float: left; padding: 2px 0 0 0; width: 120px; }