/* reset*/
body, p, h1, h2, h3, h4, h5, h6, form, ul, li {margin: 0px; padding: 0px;}
ul, li {	list-style: none;}

/* elements*/
body { background: #F3F4EB url(../images/bg_main.jpg) repeat-x; background-position: 0px 100px; font: 12px  Arial, Helvetica, sans-serif;  }
body.Default, body.Pop { background-image:none; border: none; }
p { color: #383838; line-height: 18px; }
a { text-decoration: none; color: #51778C; }
a:hover { text-decoration: underline;  }
img { border: 0px; }
b { color: #021E39;}
h1 { color: #0085BD; font-size: 18px; font-weight: normal; margin: 6px 0px; }
h2 { color: #466A7E; font-size: 16px; font-weight: bold; margin: 6px 0px 15px 0; }
hr { width: 600px; margin: 30px 60px; border:0; border-top: 1px dotted #ccc; padding: 0px; height: 1px;}


input, select { font: 12px Arial, Helvetica, sans-serif; color:#485a6d;   }
/* clases */
.orange { color: #CA7924;}
.blue { color: #369; }

/* header */
#HeaderWrapper {border-top: 3px solid #51778C; background-color: #12171B; height: 100px; width:100%; text-align: center;  }
#Header { width: 950px; margin-left: auto; margin-right: auto; color: #fff; background: transparent url(../images/logotipo.gif) no-repeat; background-position: 20px; position:relative;}
.TopNav { width: 230px; height: 17px; margin: 12px 10px 50px 710px; }
.TopNav img {	border-right: 1px dotted #EFD99C; padding: 0px 8px; }
.TopNav .English { color: #fff; background: transparent url(../images/icon_englishVersion.gif) no-repeat; background-position: 15px 3px; padding: 0 0 0 30px ;} 
.MainMenu { font-size: 11px; color: #D7741B; width: 680px; padding: 0 5px 15px 0; margin-left: 250px; }
.MainMenu a { color: #fff; padding: 0px 18px; }
.MainMenu a.selected { color: #efd99c; padding: 0px 18px; }
.Logo { position: absolute; top: 0; left: 0;}

/* Home */
.StageContainer { width: 865px; height: 217px; margin: 10px auto 85px auto;}
.HomeStructure { width: 890px; height: 215px; margin: 0px auto 25px auto;}
.Teaser { width: 256px; margin: 0px 10px 15px 0px; font-size: 11px; clear: both; }
.Teaser p { font-size: 11px; color: #6C787E; margin: 5px;}
.Teaser img { float: left; margin: 0 10px 15px 0; }

/* Products */
.ContentWrapper { width: 900px; height: 660px; margin: 21px auto 0 auto; *margin-top: 13px; position: relative;}

/* Submenu*/
#LateralSubmenu { width: 180px; height: auto; background: #485A6D url(../images/bg_Submenu.jpg) repeat-x; }
#LateralSubmenu ul, li { width: 170px;}
#LateralSubmenu li { border-bottom: 1px solid #A9BBAE; text-align: right; color: #fff; padding: 3px 5px;  }
#LateralSubmenu li  a { color: #fff; font-weight: bold; }
#LateralSubmenu li.title { color: #fff; background-color: #021e39; padding: 6px 5px; font-weight: bold;}

/* Contenido */
#Content {width: 850px; padding: 25px; background-color: #F3F4EB; position: absolute; top: 0px; left: 0px; height: 700px; display: block;}

/*QuienesSomos*/
.Qsomos { width: 380px; margin: 12px; float: left; }
.Qsomos img { float:left; margin: 0px 15px 5px 0px; }
.Qsomos p { margin-top: 5px; }

/* Intro */

#Products {width: 720px; background-color: #F3F4EB; position: absolute; top: 0px; left: 180px; height: 500px; display: block;}
#Products #TechnicalData { width: 720px; height: 600px; }
#Products p { width: 380px; margin: 10px 5px 0px 50px; line-height: 18px;}
#Products img.logo { position: absolute; top: 30px; left: 480px; border: none!important;}
#Products h1 { margin: 30px 0px 30px 30px;}
#Products img { margin: 15px 5px; }
#Products table { margin: -10px 30px; width: 660px; border: 1px solid #6c787e;}
#Products table th { background-color: #51778c; color: #fff; font-weight: bold; font-size: 11px; }
#Products table th b { color:#fff; font-weight: normal;}
#Products table td { padding: 3px; border: 1px solid #fff; font-size: 12px; text-align: center; color: #021e39;}
#Products table td.light { background-color: #f3f4eb; }
#Products table td.dark { background-color: #E7E8E1; }
#Products table td a { font-weight: bold; color: #021e39; }

/* FichaTecnica Trust */
#Data { background: #F3F4EB none;}
#Data h1 { margin: 30px 0px 30px 30px;}
#Data p { width: 420px; margin: 10px 5px 0px 50px; line-height: 18px;}
#Data img { position: absolute; top: 30px; right: 20px; border: 4px solid #fff;}
#Data table.Specifications { margin: 30px 0 0 50px; width: 240px; border: 1px solid #6c787e; /*position: absolute; top: 270px; left: 430px; */}
#Data table { margin: -10px 0 0 30px; width: 660px; border: 1px solid #6c787e;}
#Data table th { padding: 5px; background-color: #51778c; color: #fff; font-weight: bold; font-size: 11px; }
#Data table th b { color:#fff; font-weight: normal;}
#Data table td { padding: 3px; border: 1px solid #fff; font-size: 12px; text-align: center; color: #021e39;}
#Data table td.light { background-color: #f3f4eb; }
#Data table td.dark { background-color: #E7E8E1; }
#Data table td a { font-weight: bold; color: #021e39; }
#Data table td img { position: static; border: 0; margin: 0px;}
.botonPDF {  position: static!important; border: 0!important; margin: 30px 0 0 50px;}

#DataLong { background: #F3F4EB none;}
#DataLong h1 { margin: 30px 0px 30px 30px;}
#DataLong p { width: 620px; margin: 10px 5px 0px 50px; line-height: 18px;}
#Data table.Specifications { margin: 30px 0 0 50px; width: 240px; border: 1px solid #6c787e; /*position: absolute; top: 270px; left: 430px; */}

#DataQuantum { background: #F3F4EB none;}
#DataQuantum h1 { color: #4B4B7E; margin: 30px 0px 30px 30px;}
#DataQuantum p { width: 380px; margin: 10px 5px 0px 50px; line-height: 18px;}
#DataQuantum img { position: absolute; top: 30px; left: 480px; border: 4px solid #fff;}
#DataQuantum table.Specifications { margin: 30px 0 0 50px; width: 240px; border: 1px solid #4B4B7E; /*position: absolute; top: 270px; left: 430px; */}
#DataQuantum table { margin: -10px 30px; width: 660px; border: 1px solid #4B4B7E;}
#DataQuantum table th { padding: 5px; background-color: #4B4B7E; color: #fff; font-weight: bold; font-size: 11px; }
#DataQuantum table th b { color:#fff; font-weight: normal;}
#DataQuantum table td { padding: 3px; border: 1px solid #fff; font-size: 12px; text-align: center; color: #021e39;}
#DataQuantum table td.light { background-color: #f3f4eb; }
#DataQuantum table td.dark { background-color: #E7E8E1; }
#DataQuantum table td a { font-weight: bold; color: #021e39; }
#DataQuantum table td img { position: static; border: 0; margin: 0px;}


#DataQuantumLong { background: #F3F4EB none;}
#DataQuantumLong h1 { color: #4B4B7E; margin: 30px 0px 30px 30px;}
#DataQuantumLong p { width: 580px; margin: 10px 5px 0px 50px; line-height: 18px;}
#DataQuantumLong img { position: absolute; top: 30px; left: 480px; border: 4px solid #fff;}
#DataQuantumLong table.Specifications { margin: 30px 0 0 50px; width: 380px; border: 1px solid #4B4B7E; /*position: absolute; top: 270px; left: 430px; */}


/* Forms */

#LateralText { width:250px; position: absolute; top: 290px; left:30px;  }
#LateralText p { color:#485a6d!important;  }
#Picture { position: absolute; top: 80px; left:25px;  }
#FormContainer { margin: 0px 0px 10px 280px; }

#Contact { width:280px; position: absolute; top: 85px; left:39px; }
#Contact p { font-size: 13px; }
#ContactPicture { position: absolute; top: 329px; left:36px; }
#ContactButton { position: absolute; top: 335px; left:22px; cursor: pointer; }
#ContactFormContainer { margin: 20px 0px 10px 390px; }

.inputPrimaryButton { height: 24px; border: 1px solid #82C0DF; color: #fff; font-size: 12px; font-weight: bold; padding: 1px 3px; background-color: #39C;  margin: 10px; width: 95px; }
.inputSecondaryButton { height: 24px; border: 1px solid #768E9D; color: #fff; font-size: 12px; font-weight: bold; padding: 1px 3px; background-color: #0C4161; margin: 10px 0; width: 95px;  }
.tdTextfieldLabel {color: #57717D; font-weight: bold; padding: 8px 4px 6px 5px !important; text-align: right; vertical-align: top; }
.tdTextfieldLongLabel {color: #57717D; font-weight: bold; padding: 8px 4px 6px 5px !important; text-align: left; vertical-align: top; }
.tdTextfield { padding: 3px 0px 3px 10px !important; text-align: left; min-width: 180px; }
.inputField { color: #57717D; border: 1px solid #BACACD; padding: 2px 3px; margin: 0px 3px 0px 0px; }
.inputSelect { color: #666; margin: 3px 5px 0px 0px; font-size: 10px; width: 180px; }
.inputTextarea { border: #BACACD 1px solid; height: 65px; padding: 6px 3px 2px 3px; margin: 0px 10px 0px 0px; font-size: 11px; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; }


/* Pop */

#divPopTransparent, #divPopCalendarTransparent {position: absolute; top:1px; left:1px; width: 98.5%; height: 98.5%; background-image: url(../images/img_Spacer.gif); z-index: 1; visibility: visible; }
#divPopContainer { position: absolute; z-index: 2; visibility: visible; padding: 0px; background: #fff; border: 1px solid #768E9D; border-top:none; }
.popContainer { background-color: #E2EAED ; padding: 5px 0px 10px 0px; width: 100%; border: 1px solid #DDE4E8; float:left; }
.popContainer table.PopContent { margin: 0px 10px; background-color: #fff; border:1px solid #fff; }
.popContainer table.PopContent td.Container { padding: 5px 10px 0px 10px; }
.divPopTitle { padding: 5px 0 0 0; background: #E2EAED url(../images/bg_PopMain.gif) repeat-x; color: #0C4161; width: 100%; display: inline; float:left; font-family:  Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; height: 25px; border-top: 1px solid #DDE4E8;  }
.divPopTitle span { float:left; margin: 3px 5px; }
ul#CloseWindow { height: 17px; width: 17px; margin: 2px 2px 0 0; padding: 0px; float: right; list-style: none; cursor: pointer; }
ul#CloseWindow li { height: 17px; background-image: url(../images/icon_closewindow.gif); background-repeat: no-repeat; }
ul#CloseWindow li:hover { background-image: url(../images/icon_closewindowOn.gif); background-repeat: no-repeat; }
#divPopCustomers { position: absolute; width: 540px; height: 300px; z-index: 2; visibility: visible; padding: 1px; background-color: #fff; border: 2px solid #b6c0cd; }


/* footer */
#Footer { text-align: center; height: 14px; background-color: #021E39; color: #fff; padding: 8px;}
#Footer p { display: inline; margin: 0px 120px 0 10px; color: #fff; }
#Footer a { color: #fff;  padding: 0px 6px;}
#Footer a:hover { color: #fff; }
#Footer a:visited { color: #eee;}