/* CSS by:
Miguel Estrada / 2009 / FF
* * * * * * * * * * *
www.twitter.com/developpeur
-------
 */



body{
background-image:url(img/bg1.jpg);
background-repeat:repeat-x;
background-color: #748B99;
}

#wrapper{
width:891px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:-15px;
margin-bottom:-11px;
}

#shadow{
width:891px;
height:auto;
margin-left:auto;
margin-right:auto;
background-image:url(img/shadowbg.png);
background-repeat:repeat-y;
}

#bottom{
width: 891px;
height: 35px;
margin-left:-6px;
margin-right:auto;
background-image:url(img/bottom.png);
background-repeat: no-repeat;
}


/* DISPLAYS */

#logo{
width:850px;
height:95px;
margin-left:auto;
margin-right:auto;
margin-top:13px;
background-image:url(img/abslogo.jpg);
background-repeat:no-repeat;
}

#display1{
width:850px;
height:211px;
margin-left:auto;
margin-right:auto;
margin-top:-2px;
background-image:url(img/display1.jpg);
background-repeat:no-repeat;
}


/*NAVEGACION*/

#nav{
width:800px;
height:31px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
}

.button {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
}

.button a{
float:left;
width:110px;
height:22px;
padding-top:7px;
margin-right:0px;
text-decoration:none;
font-weight: lighter;
color:#fff;
border-right-style: outset;
border-right-width:1px;
border-right-color: #666666;
}

.button a:hover {
font-weight: bolder;
text-decoration:none;
background-color:#bd072c;
color: #fff;
}

.selected{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
}

.selected a{
float:left;
width:110px;
height:22px;
padding-top:7px;
margin-right:0px;
text-decoration:none;
color:#fff;
border-right-style: outset;
border-right-width:1px;
border-right-color: #666666;
}

.selected a:hover{
text-decoration:none;
background-color:#bd072c;
color: #fff;
}


/*CONTENIDOS*/

#content{
width:auto;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:-10px;
}

#texts {
width:450px;
height:auto;
margin-left:30px;
margin-top:30px;
padding:15px;
}

/*floating products*/

#products {
float: right;
width:492px;
height:146px;
margin-top:-50px;
margin-right:30px;
background-image:url(img/float_products.png);
background-repeat: no-repeat;
}

#encore {
float: right;
width:492px;
height:146px;
margin-top:-70px;
margin-right:30px;
background-image:url(img/encore.png);
background-repeat: no-repeat;
}

#express {
float: right;
width:492px;
height:146px;
margin-top:-70px;
margin-right:30px;
background-image:url(img/express.png);
background-repeat: no-repeat;
}

#valiant {
float: right;
width:492px;
height:146px;
margin-top:-70px;
margin-right:30px;
background-image:url(img/valiant.png);
background-repeat: no-repeat;
}

/*end products*/

#sidebar{
clear:both;
float: right;
width:315px;
height:auto;
margin-top:40px;
margin-right:30px;
}


h1{
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
font-weight: 500;
letter-spacing:-1px;
color:#003875;
text-align:left;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:39px;
font-weight:lighter;
letter-spacing:-3px;
color: #009958;
text-align:left;
margin-top:-7px;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:lighter;
color: #E20A17;
text-align:left;
}

h4{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bolder;
color: #000;
text-align:left;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
line-height:18px;
color: #000;
}

a {
font-weight: bolder;
text-decoration:none;
color: #000;
}

a:hover {
text-decoration: underline;
}

ol,ul{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
line-height:18px;
color: #000;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 0px;
}

img.center a{
outline-width:0px;
border: 0px;
  }
  
  
.promo {
color:#FFFFFF;
border: dashed;
border-width: medium;
}

.pdf{
margin-left:20px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}

.pdf a{
color:#999999;
text-decoration:none;
font-weight:lighter;
}

.pdf a:hover{
color:#CC0000;
text-decoration:underline;
}

/* FINAL */

#footer{
clear:both;
width:747px;
height:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
padding-bottom:10px;
text-align:center;
color:#333333;
background-image:url(img/footer.jpg);
background-repeat:repeat-x;
}

.bnote{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
color: #003875;
}

.bnote a{
color: #003875;
text-decoration:none;
text-align:center;
}

.bnote a:hover{
color:#FFFF99;
text-decoration:underline;
}


.fnote{
width: 750px;
margin-left:auto;
margin-right:auto;
padding:10px;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:lighter;
text-align:center;
color: #C7CED3;
}

.fnote a{
color: #fff;
text-decoration:none;
text-align:center;
}

.fnote a:hover{
color:#FFFF99;
text-decoration:underline;
}


.w3c{
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:lighter;
text-align:center;
color: #596D79;
}

.w3c a{
color: #596D79;
text-decoration:none;
text-align:center;
}

.w3c a:hover{
color:#FFFF99;
text-decoration:underline;
}

/*OTROS*/

#kseo {
float:left;
width:auto;
height:auto;
margin-top:-80px;
}


/*chart*/

.chart {
width:305px;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
text-align:center;
padding:5px;
border: dashed;
border-width: 2px;
border-color:#006633;
background-color:#FFFFFF;
}

.chart img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 0px;
}

.chart img a{
outline-width:1px;
border: 1px;
border-style:dashed;
  }
  

/*FORMULARIO*/

.tabla {
width:460px;
margin-left: auto;
margin-right: auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

table {
width:100%;
}

textarea {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}