@charset "utf-8";
/* CSS Document */

html, body { background:url(../images/background.jpg) repeat-x #EBEBEB; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; border:none; border-spacing:0px; height:100%; /* this is the key! */ width:100%; font-size:13px; color:#707070;}
form { border:none;}
input { border:solid 1px #C3C3C3; height:18px;}
img { border:none;}

/* global box style */
#main { width:974px; height:auto; /* this is the key! */ vertical-align:middle; border:none; padding:0; margin:0 auto; text-align:left;}

/* head style */
#main #head { width:974px; height:99px; padding-top:12px; }
#main #head .logo { width:115px; height:99px; padding-left:12px; float:left;}
#main #head .banner { width:842px; height:29px; background:url(../images/banner-customer-services.jpg) no-repeat right; padding-right:5px; float:left;}
#main #head .menu { width:421px; height:56px; padding:14px 0px 0px 0px; float:left; left:426px; position:relative;}
#main #head .menu .line { width:1px; height:53px; background:url(../images/li-menu.jpg) no-repeat; float:left; cursor:pointer;}
#main #head .menu .home { width:56px; height:53px; background:url(../images/btn-home.jpg) no-repeat; float:left; cursor:pointer;}
#main #head .menu .home:hover { width:56px; height:53px; background:url(../images/btn-home-over.jpg) no-repeat; float:left; cursor:pointer;}
#main #head .menu .about { width:81px; height:53px; background:url(../images/btn-about-us.jpg) no-repeat; float:left; cursor:pointer;}
#main #head .menu .about:hover { width:81px; height:53px; background:url(../images/btn-about-us-over.jpg) no-repeat; float:left; cursor:pointer;}
#main #head .menu .company { width:109px; height:53px; background:url(../images/btn-company-info.jpg) no-repeat; float:left; cursor:pointer;}
#main #head .menu .company:hover { width:109px; height:53px; background:url(../images/btn-company-info-over.jpg) no-repeat; float:left; cursor:pointer;}
#main #head .menu .services { width:75px; height:53px; background:url(../images/btn-services.jpg) no-repeat; float:left; cursor:pointer;}
#main #head .menu .services:hover { width:75px; height:53px; background:url(../images/btn-services-over.jpg) no-repeat; float:left; cursor:pointer;}
#main #head .menu .help { width:56px; height:53px; background:url(../images/btn-help.jpg) no-repeat; float:left; cursor:pointer;}
#main #head .menu .help:hover { width:56px; height:53px; background:url(../images/btn-help-over.jpg) no-repeat; float:left; cursor:pointer;}
#main #head .menu .contact { width:96px; height:53px; background:url(../images/btn-contact-us.jpg) no-repeat; float:left; cursor:pointer;}
#main #head .menu .contact:hover { width:96px; height:53px; background:url(../images/btn-contact-us-over.jpg) no-repeat; float:left; cursor:pointer;}

/* body style */
#main #body { text-align:center; width:974px; height:100%; /* this is the key! */}
#main #body .content1 { padding-top:14px; height:260px;}
#main #body .content1 .contentImagen { width:926px; height:257px; float:left; margin-left:25px; text-align:left;}
#main #body .content1 .contentFlashH { width:602px; height:257px; float:left; margin-left:25px; text-align:left; background:url(../images/background-flash.jpg) no-repeat;}
#main #body .content1 .contentLoginH { width:324px; height:257px; float:left; text-align:left; background:url(../images/background-box-login.jpg) no-repeat;}
#main #body .content1 .contentLoginH .titleLogin { width:324px; height:114px;}
#main #body .content1 .contentLoginH .formLogin { width:290px; height:120px; margin-left:32px; }

#main #body .content2 { height:100%; /* this is the key! */ margin-left:25px;}
#main #body .content2 .backTop { height:50px; }
#main #body .content2 .backBottom { height:20px; float:left; margin-top:20px;}
#main #body .content2 .content { text-align:left;}
#main #body .content2 .content .boxInfoLeft { width:614px; height:auto; float:left; text-align:justify;}
#main #body .content2 .content .boxInfoLeft .contact { width:614px; height:auto; text-align:left;}
#main #body .content2 .content .boxInfoLeft .contact .title { width:172px; float:left; color:#2A2F93;}
#main #body .content2 .content .boxInfoLeft .contact .info { width:208px; float:left;}
#main #body .content2 .content .boxInfoLeft .contact .links { width:234px; float:left;}
#main #body .content2 .content .boxInfoRight { width:289px; height:auto; float:left; margin-left:23px;}
#main #body .content2 .content .boxInfoRight .btnLogin { width:230px; height:auto; margin:16px 0 0 16px;}

#main #body .content3 { padding-top:10px; height:10px;}
/* footer style */
#main #footer { clear:both; width:974px; height:59px; font-family:Arial; font-size:11px; text-align:center;}
#main #footer .footerBox1 { padding-bottom:7px; border-bottom: solid 1px #D7D7D7;}
#main #footer .footerBox2 { height:20px; padding-top:5px; position:relative;}
#main #footer .footerBox3 { width:160px; position:relative; left:800px; top:-20px;}

/* others style */
td.txtLogin { font-family:Arial; font-size:14px; color:#676767; padding:3px 0px 3px 0px;}
input.imputLogin { width:258px; font-size:12px; color:#000000;}
input.btnSubmit { width:76px; height:25px; background:url(../images/btn-login.jpg) no-repeat right; font-weight:bold; color:#FFF; border:none; margin:5px 0px 0px 185px; cursor:pointer;}
input.btnSubmit2 { width:76px; height:25px; background:url(../images/btn-login.jpg) no-repeat right; font-weight:bold; color:#FFF; border:none; margin:5px 0px 0px 85px; cursor:pointer;}
input.imputGo { width:218px; height:22px; font-size:12px; color:#000000;}
input.btnGo { width:44px; height:25px; background:url(../images/btn-go.jpg) no-repeat right; font-weight:bold; color:#FFF; border:none; cursor:pointer;}
span.textBlue { color:#111672;}

a.link1 { text-decoration:underline; color:#111672; margin-left:20px;}
a.link1:hover { text-decoration:none; color:#111672; margin-left:20px;}

a.link2 { text-decoration:none; color:#A1A1A1;}
a.link2:hover { text-decoration:underline; color:#111672;}

a.link3 { text-decoration:underline; color:#111672;}
a.link3:hover { text-decoration:none; color:#111672;}
p.spaceP { line-height:1px;}

ul { list-style: url(../images/bullet-blue.jpg); padding-left:10px;}

div.center{ text-align:center;}