@import url('reset.css');
@import url('base.css');

/*(C)2008 (X)HTML and CSS 

/************************************************************************************************************************************************
  S T Y L E S   B Y   S E C T I O N
-------------------------------------------------------------------------------------------------------------------------------------------------
  $ Common Styles
  $ Home Page (index.html)
  $ About Us (about.html)
************************************************************************************************************************************************/


      
      html {text-align:center;/*  background:#437286;  */ background:#fff;}
      body {background: url(../img/style/html-bg.jpg) no-repeat center top;}
      #page {background:url(../img/style/body-bg.jpg) no-repeat center bottom; text-align:center; position:relative; 
      min-height:825px; height:auto!important; height:825px; }       
    
      #wrapper {width:961px; margin:0 auto; padding-top:22px; text-align:left; font-size:12px; color:#6f6f6f; 
      font-family: Arial, Tahoma, Verdana, Trebuchet, Helvetica, Verdana, Geneva, sans-serif; overflow:hidden; position: relative; }

      a {color:#206B92; text-decoration:none;}
      a:hover {color:#206B92; text-decoration:underline;}    
     
      
      
/* Header */
      #header { float: left; position: relative; z-index: 100; }
      
      /* Login */ 
      #header .control .login {position:absolute; right:1px; top:28px; font-size:11px}             
      
      /* Menu */ 
      #header .control { float: left; margin-top:15px; }
      #header .control ul.nav { float: left; width: 961px; }
            #header .control .nav li { float:left; position: relative; z-index: 2; }
            #header .control .nav li a { float: left; display: block; height:37px; text-indent:-5000px; background:url(../img/style/menu-sprite.jpg) no-repeat; }                  

            #header .control .nav a.home {width:106px; background-position:0 0;}
            #header .control .nav a.markets {width:127px; background-position:-106px 0;}
            #header .control .nav a.solutions {width:130px; background-position:-233px 0;}
            #header .control .nav a.campaign {width:220px; background-position:-363px 0;}
            #header .control .nav a.company {width:132px; background-position:-583px 0;}
            #header .control .nav a.try {width:138px; background-position:-715px 0;}
            #header .control .nav a.contact {width:108px; margin:0; background-position:-853px 0;}

            #header .control .nav a.home:hover {background-position:0 -37px;}
            #header .control .nav a.markets:hover, #header .control .nav .over a.markets {background-position:-106px -37px;}
            #header .control .nav a.solutions:hover, #header .control .nav .over a.solutions {background-position:-233px -37px;}
            #header .control .nav a.campaign:hover, #header .control .nav .over a.campaign {background-position:-363px -37px;}
            #header .control .nav a.company:hover {background-position:-583px -37px;}
            #header .control .nav a.try:hover {background-position:-715px -37px;}
            #header .control .nav a.contact:hover {background-position:-853px -37px;}


            #header .control .nav li ul { display: none; position: absolute; top: 37px; left: 0; background: #cacaca; border: 1px solid #bbb; padding-top: 0px; z-index: 20; }
            #header .control .nav li ul li a { float: none; text-indent: 0; background: none; height: 30px; line-height: 30px; font-size: 11px; padding-left: 8px; color: #666; } 
            #header .control .nav li ul li a:hover, #header .control .nav li ul li.over a { background: #999; color: #fff; text-decoration: none; }
            #header .control .nav li ul li.over ul { padding-top: 0; width: auto; margin-left: -1px; }
            #header .control .nav li ul li.over ul li { width: 100%; }
            #header .control .nav li ul li.over ul li a { background: #cacaca; color: #666; }
            #header .control .nav li ul li.over ul li a:hover { background: #999; color: #fff; }
            
            #header .control .nav li ul#markets_sub, #header .control .nav li ul#markets_sub li { width:125px; }            
            #header .control .nav li ul#solutions_sub, #header .control .nav li ul#solutions_sub li { width:128px; }            
            #header .control .nav li ul#solutions_sub li ul { top: 0; left: 129px; }
            #header .control .nav li ul#solutions_sub li ul li { width:150px; }
            #header .control .nav li ul#campaign_sub, #header .control .nav li ul#campaign_sub li { width:218px; }



/* Header banner */           
      #header-banner-container {height:242px; overflow:hidden; float: left; }
      .homepage #header-banner-container {height:242px; }
      .internal #header-banner-container {height:152px; }
      
/* Content */
      #content {background:url(../img/style/content-bg.jpg) no-repeat center top; padding:25px 0 130px; overflow:hidden; line-height:1.4; float: left; min-height:600px}

      /* Sub-menu */ 
            #subnav {width:179px; float:left; }
            #subnav .nav {border-right:1px solid #EBEBEB; /* padding-right:11px; */ margin-top:-7px; font-size:11px; height:190px; }
            #subnav .nav li {background:url(../img/style/subnav-li-bg.gif) no-repeat 0 50%; border-bottom:1px solid #eee; padding:7px 0 7px 20px; position:relative; font-weight: bold; z-index: 1; border-right:11px solid #FFFFFF;}
            #subnav .nav li a {white-space: nowrap;}
            #subnav .nav li div a {white-space: normal;}
            #subnav .nav li.over, #subnav .nav li:hover {font-weight:bold; }
            #subnav .nav li.last {border:0;}
            #subnav .nav li .extra {visibility:hidden; position:absolute; top:-7px; /* left:167px; */ left:178px; border:3px solid #666; background:#fff; padding:10px; width:180px; z-index:9000;}
            #subnav .nav li.last {position:relative; z-index:0;}      
            #subnav .nav li:hover .extra, #subnav .nav li.over .extra, #subnav .nav li .extra.hover {visibility:visible;  }      
            #subnav .nav li.over a, #subnav .nav li:hover a {background:#fff url(../img/style/subnav-a-bg.gif) no-repeat right center; padding-right:10px;  }
            #subnav .nav li.over .extra a,#subnav .nav li:hover .extra a {background:none; }
            #subnav .nav li.over .extra a.nolink,#subnav .nav li:hover .extra a.nolink {font: bold 11px Arial, Tahoma, Verdana, Trebuchet, Helvetica, Verdana, Geneva, sans-serif; color:#6f6f6f; }      
            #subnav .nav li.over .extra a.nolink:hover,#subnav .nav li:hover .extra a.nolink:hover { text-decoration: none; }
            #subnav .nav li.last.over a, #subnav .nav li.last:hover a {background:none; }
            #try-banner, #contact-banner {width:181px; text-indent:-5000px; display:block; }
            .homepage #try-banner {background:url(../img/style/home-try-banner.jpg) no-repeat; height:92px;}
            .internal #try-banner {background:url(../img/style/internal-try-banner.jpg) no-repeat;height:80px;}
            .internal #contact-banner {background:url(../img/style/internal-contact-banner.jpg) no-repeat; height:60px; margin-top:5px}
            #try-banner:hover, #contact-banner:hover{background-position: 0 -93px ; }
            
      /* Main */ 
            #content .main {width:555px; float:left; margin:0 15px;}            
            .internal #content .main {width:519px; }            
            
            /* Location */ 
            #location {color:#0082BE; font-size:11px; font-weight:bold; margin-bottom:15px; display: none; }
            #location a {color:#0082BE;}
            #location span {margin:0 3px; }
            
            /* Common elements */ 
            #content .main h2, #content .main h3, #content .main p, #content .main ul, #content .main ol, #content .main img {margin-bottom:10px;}
            #content .main h2 {color:#E7870C; font-size:20px; font-weight:normal; margin-bottom:12px;}
            #content .main h3 {color:#E7870C; margin-top:20px; font-size:14px; }
            #content .main p { color: black; }
            /*#content .main strong {color:#4b4b4b; }*/
            #content .main img {float:left; margin:0 10px 10px 0; }
            #content .main img.large {margin:10px 0 20px 0; }
            #content .main ul {list-style-image:none; margin:5px 0 40px 0; }
            #content .main ul li {font-weight:normal; border-bottom:1px dotted #9E9E9E; padding:5px; padding-left:20px; color: black; background:url(../img/style/fondo-bullets-home.gif) no-repeat;}            
            #content .main ul li.first {border-top:1px dotted #9E9E9E; padding-top:5px;  }            
            
            /* Form */     
            #content .main form {position:relative}
            #content .main form label {color:#355D76; font-weight:bold; display:block;}
            #content .main form input, .contact #content .main form textarea {border:1px solid #c0c0c0; font-family:Arial; font-size:12px; padding:4px; margin-bottom:10px; color:#355D76;}
            #content .main form input {width:240px;}
            #content .main form textarea {width:100%}
            #content .main form div.phone {position:absolute; top:0; right:0}
      
      
      /* Sidebar */       
            #content .related {float:left; width:197px; background:url(../img/style/related-bg.jpg) no-repeat; }
            #content .related ul {margin:15px 0 10px 0 ; }
            #content .related li {font-size:12px; margin:10px 8px 0; padding-left:10px; }
            #content .related a {font-weight:bold;  font-size:11px; margin:0 8px; padding-left:10px; }
            .internal #content .related {width:220px; background:#e2e2e2; font-size:26px; float:right;  }
            .internal #content .related ul {margin:20px 5px; }
            .internal #content .related li {font-size:12px;}
               
               
/* Footer */
      #wrapper #footer {position:absolute; left: 0; bottom:50px; width:961px; line-height:1.4; clear:both; }
      #footer {text-align:center; height:30px; }     
      #footer ul li {display:inline; color:#B5D4E6; font-weight:bold; }
      #footer ul li a {color:#B5D4E6; font-weight:normal; font-size:11px; }
      #footer p, #footer p a {color:#76A8C1; font-size:11px;}
      #footer p a:hover {color:#B5D4E6;}
      
      
      
      
/* ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………            
 $ Home Page
……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………… */

/* Header */
      #header {}

      
/* Content */
      #content {}

      /* Sub menu */ 
      .homepage #subnav .nav li.last { border-bottom:1px solid #EEEEEE;}
      /* .homepage #try-banner {margin-top:272px; } */
      
      /* Main Content */ 
      
      /* Sidebar */       
      .homepage #content .related {min-height:557px; height:auto!important; height:285px; }       
      
      /* More info */ 
      .homepage #content .more-information {clear:both; background:url(../img/style/more-information-bg.jpg) no-repeat 0 0 ; 
      height:223px; width:971px; position:relative; float:left; margin-top:-30px;  }
      .homepage #content .more-information .toolset, .homepage #content .more-information .connect, .homepage #content .more-information .contact-banner {float:left; }
      .homepage #content .more-information h2 {display:none; }
      
      .homepage #content .more-information .toolset {line-height:1.6; font-size:12px; top:95px; left:15px; width:200px;color:#206B92; position:absolute; }
      .homepage #content .more-information .connect {line-height:1.8; font-size:11px;  top:95px; left:412px; width:350px; position:absolute; color: black; }
      .homepage #content .more-information .connect a, .homepage #content .more-information .connect li {background:url(../img/style/more-information-connect-li-bg.jpg) no-repeat 0 50%; padding-left:15px; }
      .homepage #content .more-information .contact-banner { height:45px; width:143px; float: right; margin: 56px 10px 0 0; padding: 120px 0 0 57px; }
      .homepage #content .more-information .contact-banner h3, .homepage #content .more-information .contact-banner p {display:none; }
      .homepage #content .more-information .contact-banner span.link { font-size:10px; color:#fff; }
      
/* Footer */

      #footer {}
      
      
      
      
/* ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………            
 $ Capabilities
……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………… */

/* Sidebar */       
      .capabilities #content .related .sub {height:300px; }
      .capabilities #content .related .sub h3 {font-size:13px; color:#206BA0; }
      .capabilities #content .related .sub h3 a {font-size:13px;}
      .capabilities #content .related .sub li {border-bottom:1px solid #c3c3c3; padding-bottom:5px; background:none; }
      .capabilities #content .related .sub li.last {border-bottom:0; padding-bottom:0; }
      .capabilities #content .related .sub a {padding-left:0; margin-left:0; }
      .capabilities #content .related .sub p {margin:5px 0; }
      .capabilities #content .related .sub li p {display:none;}
      .capabilities #content .related .sub li:hover p, .capabilities #content .related .sub li.over p {display:block; }
      .capabilities #content .related .sub li.over {height:30px;}
       
      
/* ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………            
 $ Industries
……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………… */

/* Content */ 
      .industries #content .main {width:767px; margin-right:0; }

/* File list */       
      .industries #content .main .file-list {background:#E2E2E2; border:1px solid #C7C7C7; }
    
      .industries #content .main .file-list li {padding:0 12px 12px; margin:0; position:relative; background:url(../img/style/pdf-icon.jpg) no-repeat 11px 17px; 
      border-bottom:1px solid #F2F2F2; border-top:1px solid #D5D5D5; list-style:none}
      .industries #content .main .file-list h3 {color:#325F72; margin-left:56px;}
      .industries #content .main .file-list p {margin:0 0 0 56px;width:544px;}
      .industries #content .main .file-list li.first {border-top:0; padding-top:1px}
      .industries #content .main .file-list li.last {border-bottom:0; }
      .industries #content .main .file-list a.button {position:absolute; right:25px; top:17px; font-weight:normal; }