/***********************************************************************
 * Declaraciones Generales *
***********************************************************************/

body { 
  text-align: center; 
  background: #f5f5f6;  
}

.clear { clear: both; }

p {
  font: normal 13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #474747;
  padding: 0 0 26px;
}
p.separate_bottom { padding-bottom: 90px; }

a { 
  font: normal 13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000; 
}
a:hover { text-decoration: none; }


/***********************************************************************
 * Estructura *
***********************************************************************/

#wrapper { 
  margin: 0 auto;
  text-align: left;
  width: 1003px;
}

#content {
  float: left;
  width: 1003px;
  min-height: 369px;
  height: auto !important;
  height: 369px;
  background: url(../images/header_50.jpg) no-repeat; 
  border-bottom: 1px solid #cccccd;
}

#main {
  float: left;
  width: 541px;
  padding: 30px 13px 54px 30px;
}

#sidebar {
  float: left;
  width: 419px;
}

#wide {
  float: left;
  width: 960px;
  padding: 0 13px 54px 30px;
}

#footer {
  float: left;
  width: 1003px;
  height: 196px;
  padding: 47px 0 0;
  background: url(../images/footer_bg.png) no-repeat; 
}


/***********************************************************************
 * Headers *
***********************************************************************/

h2 {
  font: normal 36px/43px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #474747;
  letter-spacing: -2px;
  padding: 0 0 25px;
}

h3 {
  font: normal 23px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #474747;
  letter-spacing: -1px;
  padding: 0 0 10px;
}


/***********************************************************************
 * Menú de Navegación *
***********************************************************************/

ul#nav {
  float: left;
  width: 986px;
  height: 30px;
  padding: 20px 0 0 17px;
  background: #151512;
  border-bottom: 1px solid #41413e;
}

ul#nav li {
  float: left;
  height: 13px;
  padding: 0 13px 0 12px;
  background: url(../images/nav_separator.png) right top no-repeat;
}
ul#nav li.last { background: none; }

ul#nav li a {
  font: 12px/13px "Times New Roman", Times, serif;
  color: #727272;
  text-decoration: none;
  float: left;
  height: 13px;
}
ul#nav li a:hover, ul#nav li a.active { color: #fdcb03; }


/***********************************************************************
 * Logo *
***********************************************************************/

h1#logo, h1#logo a { 
  float: left;
  width: 1003px;
  height: 248px;
  text-indent: -9999px;  
}


/***********************************************************************
 * Packages *
***********************************************************************/

#packages_bot {
  float: left;
  width: 416px;
  padding: 0 0 14px;
  background: url(../images/packages_bottom.png) left bottom no-repeat; 
}

#packages {
  float: left;
  width: 394px;
  min-height: 121px;
  height: auto !important;
  height: 121px;
  padding: 22px 0 14px 22px;
  background: url(../images/packages_top.png) no-repeat; 
}

.each_package {
  float: left;
  background: #eeeeef;
  border: 2px solid #fff;
  width: 352px;
  padding: 13px 7px 0 8px;
  margin: 0 0 15px;
}

.package_id {
  float: left;
  width: 344px;
  height: 26px;
  border-top: 1px solid #686869;
  border-bottom: 1px solid #ababac;
  padding: 2px 0 2px 8px;
  background: #474747;
  color: #f5f5f6;
  font-size: 18px;
  line-height: 26px;
}

.each_package h4 {
  float: left;
  width: 342px;
  height: 47px;
  font: normal 30px/83px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #474747;
  letter-spacing: -1px;
  padding: 18px 0 18px 8px;
}

.each_package ul {
  float: left;
  width: 344px;
  padding: 19px 0 19px 7px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}

.each_package ul li {
  float: left;
  width: 312px;
  padding: 0 0 0 32px;
  background: url(../images/bullet_arrow.png) 0 4px no-repeat; 
}
.each_package ul li p { padding: 0; }

.price {
  float: left;
  width: 327px;
  height: 88px;
  background: url(../images/price_dollar.png) no-repeat;
  padding: 0 0 0 25px; 
}

.price p {
  padding: 6px 19px 6px 0;
  float: left;
  font-size: 60px;
  font-weight: normal;
  letter-spacing: -6px;
  line-height: 76px;
  color: #797979;
  background: url(../images/price_asterisk.png) 97% 20px no-repeat; 
}

#packages_disclaimer {
  float: left;
  padding: 45px 0 0 16px;
  width: 346px;
  height: 100px;
  background: url(../images/price_asterisk.png) 16px 61px no-repeat; 
}

#packages_disclaimer p {
  float: left;
  margin: 0 0 0 3px;
  width: 321px;
  border-top: 1px solid #d3d2cb;
  border-bottom: 1px solid #d3d2cb;
  font-size: 12px;
  padding: 11px 0 9px 22px;
}


/***********************************************************************
 * Footer *
***********************************************************************/

#footer a#terms_link {
  float: right;
  width: 202px;
  height: 32px;
  margin: 0 26px 0 0;
  text-indent: -9999px;
  background: url(../images/terms_and_conditions_bg.png) no-repeat; 
}
#footer a#terms_link:hover { background-position: 0 -33px; }

#footer p#footer_nav { 
  text-align: center;
  line-height: 58px; 
  width: 1003px;
  float: left;
  padding: 40px 0 0;
  color: #999;
}
#footer p#footer_nav a { 
  color: #999;
  text-decoration: none; 
}

#footer p#footer_nav a:hover, #footer p#footer_nav a.active { color: #fdcb03; }

#footer p#copyright { 
  text-align: center;
  line-height: 65px; 
  width: 1003px;
  float: left;
  color: #858584;
  padding: 0; 
}
#footer p#copyright a { color: #858584; }
#footer p#copyright a:hover { text-decoration: none; }


/***********************************************************************
 * Estilos comunes de texto *
***********************************************************************/

.subtitle { font-weight: bold; }
.special { 
  padding-left: 23px; 
  background: url(../images/bullet_special.png) 0 5px no-repeat;
}

#main ul { padding: 0 0 26px; }
#main ul li { 
  padding: 0 0 0 23px; 
  background: url(../images/bullet_arrow.png) 0 5px no-repeat;
}


/***********************************************************************
 * Highlight Boxes *
***********************************************************************/

.highlight_bot {
  float: left;
  width: 540px;
  padding: 0 9px 14px 0;
  margin: 0 0 27px -9px;
  background: url(../images/highlight_bot.png) left bottom no-repeat; 
}

.highlight {
  float: left;
  width: 485px;
  padding: 40px 23px 0 32px;
  background: url(../images/highlight_top.png) no-repeat; 
}

.highlight h5 {
  font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #474747;
  letter-spacing: -2px;
  padding: 0 0 49px;
}

.highlight ul { 
  float: left;
  margin: 0 0 0 -4px;
  padding: 0 0 26px; 
}
.highlight ul li { 
  float: left;
  padding: 0 0 0 23px;
  background: url(../images/bullet_arrow.png) 0 5px no-repeat;
  width: 462px;  
}

.highlight ul li p { padding: 0; }


/***********************************************************************
 * Back To Top *
***********************************************************************/

span.back_to_top {
  float: left;
  position: relative;
  width: 100%;
  height: 1px;
}

span.back_to_top a {
  position: absolute;
  width: 130px;
  height: 31px;
  background: url(../images/link_back_to_top.png) no-repeat;
  text-indent: -9999px; 
}
span.back_to_top a:hover { background-position: 0 -31px; }


/***********************************************************************
 * Right Big Links *
***********************************************************************/

a.link {
  float: left;
  width: 416px;
  height: 157px;
  margin-bottom: 5px;
  text-indent: -9999px;
}

a.link_faqs { background: url(../images/link_faq.png) no-repeat;  }
a.link_cont { background: url(../images/link_contact_us.png) no-repeat;  }


/***********************************************************************
 * Shared Styles *
***********************************************************************/

#content .terms, #content .contact_us {
  width: 1003px;
  padding: 30px 0 54px;
}

#content .terms h2, #content .terms h3, #content .terms p, #content .contact_us h2  {
  padding-left: 30px;
  float: left;
  width: 924px;
}