@charset "UTF-8";

/* CSS Document */

* { margin: 0px; padding: 0px; }

body { background: url(images/bg.jpg) repeat-x; background-color: #343434; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; color: #fff; }

img { border: none; }

#wrap { width: 800px; margin: 0 auto; }

/*fonts*/
p { font-size: 0.75em; color: #fff; line-height: 20px; padding: 3px 0 10px 0; }

h1 { font-size: 1.25em; color: #74b9f6; padding: 6px 0 12px 0; }

h2 { font-size: 1.15em; color: #74b9f6; padding: 5px 0 12px 0; }

.small { font-size: 0.75em; }

.headtwo { font-size: 1.15em; color: #74b9f6; padding-bottom: 12px; }

.headone { font-size: 1.25em; color: #74b9f6; padding: 6px 0 12px 0; font-weight: bold; }

.white { font-size: 1.5em; padding-left: 0px; }

/*classes*/

.clave { padding: 5px 0; }

.img { float: right; margin-left: 10px; margin-bottom: 10px; }

.steel { float: right; margin-bottom: 30px; margin-left: 10px; }

.passi { float: right; margin-left: 10px; clear: right; }

.list { list-style-type: none; }

.bluebold { color: #74b9f6; font-weight: bold; }

.style4 { font-family: Georgia, "Times New Roman", Times, serif; color: #FFF; }

.gallery { margin-left: 10px; margin-bottom: 15px; border: 1px solid #FFF; }

.sgallery { margin-left: 30px; margin-bottom: 15px; border: 1px solid #FFF; }

.custom { color: #FFF; }

.carbon { padding-left: 95px; }

#carbon { width: 350px; height: 140px; margin: 0 auto;}

#carbonl { width: 170px; height: 140px; float: left; }

#carbonr { width: 170px; height: 140px; float: right; }

#chem { width: 350px; height: 150px; margin: 0 auto; }

/*flash*/

#logo { float: left; width: 508px; height: 141px; }

#mflash { margin: 0 auto; width: 800px; height: 202px; }

/*header*/
#header { height: 141px; width: 800px; margin: 0 auto; }

#number { background: url(images/number.jpg) no-repeat; height: 141px; width: 292px; float: right; }

/*nav*/
#nav { height: 42px; width: 800px; }

#nav ul { line-height: 42px; font-size: 0.75em; margin-left: 5px; text-transform: uppercase; }

#nav li { list-style-type: none; display: inline; }

#nav a { display: block; text-decoration: none; height: 42px; outline: none; color: #fff; text-align: center; padding: 0px 3px; float: left; }

#nav a:hover { color: #1875be; display: block; height: 42px; background: url(images/nav-hover.jpg) repeat-x; }

/*leftcol*/

#leftcol { float: left; width: 527px; padding: 30px 30px 0 0; }

#leftcol ul { font-size: 0.75em; color: #fff; line-height: 18px; padding: 0 0 10px 10px; }

#leftcol li { color: #fff; line-height: 28px; }

#leftcol a { color: #fff; text-decoration: underline; outline: none; }

#leftcol a:hover { text-decoration: underline; color: #74b9f6; }

#linkbox { color: #1875be; border: thin dotted #1875be; margin-left: 10px; padding-top: 10px; margin-bottom: 10px; }

#linkbox p { margin-left: 10px; }

/*contact form*/
.mainformstyle { margin-bottom: 5px; border: 1px solid #666; color: #000; padding: 2px; margin-left: 10px; }

#rightform { margin: 0 auto; padding: 5px; margin-top: 20px; border: thin dotted #74b9f6; width: 160px; color: #FFF; }

#rightform p { color: #FFF; }

#form a { color: #fff; margin-left: 10px; font-size: 0.75em; }

.formp { padding-top: 10px; margin-left: 10px; }

#gmap { height: 500px; width: 550px; border: 1px solid #fff; margin-top: 10px; }

#form { width: 520px; margin: 0 auto; margin-bottom: 20px; }

#contactright { float: right; width: 250px; }

#contactright a { color: #74b9f6; font-size: 0.75em; margin-left: 0px; }

#contactright a:hover { color: #fff; }

/*rightcol*/

#rightcol { float: right; width: 243px; padding-top: 30px; }

/*contact*/

#contact { width: 243px; background-image: url(images/contact-top.jpg); background-repeat: no-repeat; background-position: top; height: 190px; }

.form { padding-top: 60px; }

.bibformstyle { margin-bottom: 6px; border: 1px solid #666; color: #000; padding: 2px; margin-left: 30px; }

.button { margin-left: 40px; }

/*footer*/

#footer { width: 800px; clear: both; height: 100px; padding-top: 40px; }

#footer ul { font-size: 0.69em; text-align: center; width: 792px; display: block; margin: 0 auto; }

#footer li { display: inline; margin-left: 0px; color: #fff; margin-left: 10px; }

#footer p { color: #fff; font-size: 0.69em; text-align: center; }

#footer a { text-decoration: underline; color: #fff; outline: none; }

#footer a:hover { text-decoration: underline; color: #74b9f6; }

/*crearelinks*/

#crearelinks { clear: left; font-size: 0.69em; color: #fff; padding-top: 25px; }

#crearelinks ul { width: 700px; text-align: center; }

#crearelinks li { width: 33%; }

#crearelinks li a { color: #fff; text-align: center; width: 33%; }