html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#wrapper #content #main #seven_days .day_content div {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}


/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  
  .sIFR-active h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 23px;
    visibility: hidden;
  }
  
   .sIFR-active h2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 36px;
    visibility: hidden;
  }
  
}
/***********************************************************************
 * 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: 50px;
}

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


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

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

#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;
	background-color: #F5F5F5;
}

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

#sidebar {
	float: right;
	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;
	background-image: url(../images/menubg9.png);
}

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: 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	float: left;
	height: 13px;
}
ul#nav li a:hover, ul#nav li a.active {
	color: #DF711A;
}


/***********************************************************************
 * 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: 16px;
	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;
	font-size: 25px;
	text-align: left;
}

.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;
	text-align: left;
}

.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: #000;
	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: 250px;
	padding: 60px 0px 0px -50px;
}

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

#seven_days .day_header {
  float: left;
  width: 484px;
  height: 73px;
  border-bottom: 1px solid #727272;
  background: url(../images/seven_days_each_bg.png) no-repeat; 
}
#seven_days .day_header span {
  float: left;
  height: 73px;
  width: 93px;
  display: block; 
  background: url(../images/seven_days_numbers.png) no-repeat;
  text-indent: -9999px; 
}

#seven_days .day_header span.ui-icon { display: none; }

#seven_days #day_01 span { background-position: 0 0; }
#seven_days #day_02 span { background-position: 0 -74px; }
#seven_days #day_03 span { background-position: 0 -146px; }
#seven_days #day_04 span { background-position: 0 -222px; }
#seven_days #day_05 span { background-position: 0 -296px; }
#seven_days #day_06 span { background-position: 0 -370px; }
#seven_days #day_07 span { background-position: 0 -444px; }

#seven_days .day_header p {
	padding: 15px 0 0;
}

#seven_days .day_content {
  float: left;
  width: 391px;
  padding: 25px 0 0 93px;
}