body { font:13px serif; *font-size:small; *font:x-small; line-height:1.22; }
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section,
time, mark, audio, video, a {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent none no-repeat 0 0;
  font-weight: normal;
}

article, aside, figure, footer, header, hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }

del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0;  font-size:inherit; font:100%;}
input, select { vertical-align:middle;  font:99% sans-serif; color: #282828;}
pre, code, kbd, samp { font-family: monospace, sans-serif; }/ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a: active { outline: none; }
a:focus { outline: 1px dotted #f3f3f3; }
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }

small { font-size:85%; }
strong{ font-weight: bold; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
::-moz-selection{ background: #00a0c6; color:#fff; text-shadow: none; }
::selection { background:#00a0c6; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #ccc; } 
html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/* RESET STYLES END HERE */

/* @font-face code Generated by Font Squirrel (http://www.fontsquirrel.com) */


@font-face {
    font-family: 'QlassikMediumRegular';
    src: url('fonts/qlassik_tb-webfont.eot');
    src: url('fonts/qlassik_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/qlassik_tb-webfont.woff') format('woff'),
         url('fonts/qlassik_tb-webfont.ttf') format('truetype'),
         url('fonts/qlassik_tb-webfont.svg#QlassikMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'QlassikBoldRegular';
    src: url('fonts/qlassikbold_tb-webfont.eot');
    src: url('fonts/qlassikbold_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/qlassikbold_tb-webfont.woff') format('woff'),
         url('fonts/qlassikbold_tb-webfont.ttf') format('truetype'),
         url('fonts/qlassikbold_tb-webfont.svg#QlassikBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'ITCFranklinGothicLTComHeavy';
    src: url('fonts/franklingothicltcom-heavy-webfont.eot');
    src: url('fonts/franklingothicltcom-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/franklingothicltcom-heavy-webfont.woff') format('woff'),
         url('fonts/franklingothicltcom-heavy-webfont.ttf') format('truetype'),
         url('fonts/franklingothicltcom-heavy-webfont.svg#ITCFranklinGothicLTComHeavy') format('svg');
    font-weight: normal;
    font-style: normal;

}


html {
  background-color: #F4F1DF;	
  height: 100%;
}

body {
  width: 100%;
  margin: 0 auto 0 auto;
  height: 100%;
  color: #666666;
  font-size: 13px;
  position: relative;}

p {
  margin: 0 0 13px 0;
  line-height: 1em;}


/* HEADER */
#up{width: 100%;  margin: 0 auto;   background-color: #006c96; padding-top: 20px; min-width: 968px;}

#container, #containerup {margin: 0 auto; min-width: 968px; min-height: 200px; clear: both}
.content {margin: 0 auto 40px; width: 60%}

body > header {

  margin: 10px 0;
  padding-top: 8px;
  overflow: hidden;
  position: relative;
}




header h1, header h1 a, header h1 a:hover {float: left; color: #F4F1DF; font-family: 'ITCFranklinGothicLTComHeavy'; font-size: 72px; padding: 10px 10px 0; text-decoration: none; text-transform: uppercase }
header h1 span{  color: #F4F1DF; font-size: 262px; line-height: 200px}
header h2 {background-color: #ff3a00; color: #8E2B14; padding: 7px 22% 20px 14%; text-align: right; font-size: 15px; font-family: 'QlassikMediumRegular'}
.clear {clear: both}

header h3  {float: left; border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    color: #F4F1DF;
    line-height: 24px;
    font-size: 14px;
    font-family: 'QlassikMediumRegular';
    margin: 30px 0 0 4.7%;    padding: 0;  }
header h3 span { font-size: 21px; font-family: 'ITCFranklinGothicLTComHeavy'}



/* The CTA article */
#container article { margin-top:30px; margin-bottom: 30px}
#container article h1 {
	font-family: 'QlassikBoldRegular';
	line-height: 0.85em}
#container article h1 span{
	font-size: 149px;}
#container article h1 a {
	  color: #ff3a00;
	  text-decoration: none;
	    text-shadow: #ccc 1px 1px;}
#container article h1 a:hover {
	 text-decoration: underline;
	 color: #f4a58b}	  
#cta h1 {
	color: #006c96;
	font-size: 143px;}
#container article p {
	color: #4D4D4D;
	font-family: arial;
	line-height: 1.4em;
	font-size: 14px}
#ac1 { margin: 0 0 157px 166px;
    width: 405px;}
#ac1 p span {background-color: #006c96; color: #fff; font-family: ITCFranklinGothicLTComHeavy; text-transform: uppercase; font-size: 25px; padding: 5px; margin-top: 10px}    
ul#features {
clear:both;
margin-left: -12px;
padding-top: 17px;
padding-left: 21px;
}
ul#features li{
	float:left;
	display:block;
	width: 48%;
	height: 79px;
	background: #1c1c1c;
	border: 1px solid #383838;
	margin: 0 7px 14px 7px;
	

}

ul#features li h2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #ececec;
	margin-bottom: 5px;
	padding-left: 75px;
	margin-top:7px;
	text-shadow: #000 0px 1px 0px;
}
ul#features li p{
	font-family: "Lucida Grande";
	color: #d2d2d2;
	font-size: 11px;
	line-height: 15px;
	padding-left: 75px;
	padding-right: 10px
}

ul#features li#automatic{
	background: #1c1c1c url(../i/clock.png)  5% 50% no-repeat;
	border-top-left-radius: 10px; 
border-top-right-radius: 0px; 
border-bottom-right-radius: 0px; 
border-bottom-left-radius: 0px; 
}
ul#features li#seamless{
	background: #1c1c1c url(../i/wand.png)  5% 50% no-repeat;
	border-top-left-radius: 0px; 
border-top-right-radius: 10px; 
border-bottom-right-radius: 0px; 
border-bottom-left-radius: 0px; 
}
ul#features li#distraction{
	background: #1c1c1c url(../i/speaker.png)  5% 50% no-repeat;
	border-top-left-radius: 0px; 
border-top-right-radius: 0px; 
border-bottom-right-radius: 0px; 
border-bottom-left-radius: 10px; 
}
ul#features li#security{
	background: #1c1c1c url(../i/lock.png)  5% 50% no-repeat;
		border-top-left-radius: 0px; 
border-top-right-radius: 0px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 0px;
}

#ad0 {
float: right; width: 30%; margin: 10px
}
.fb-like {margin: 0 10px}
#ad1 {
float: left; width:  549px; margin-left: 166px;
border: 1px #ff9c76 dashed; -moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px; }
#ad1 h1 { font-size: 18px; background-color: #FF3A00; padding: 10px; color: #F4F1DF; -moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px; }
#ad1 h2 { font-family: 'ITCFranklinGothicLTComHeavy'; }
#ad1 h2 span { font-size: 0.5em }
#ad1 ul li { font-family: Arial, san-serif; color: #999999; margin: 0 15px }
#container .content article#ad1 p {background-color: #e2ddc5; padding: 5px; color: #999; margin-bottom: 0; font-size: 12px}
#container .content article#ad1 p a{color:#006c96}

.third, .thirdnoline  {width: 33%; float: left; height: 366px; border-right:1px #ff9c76 dashed; margin: 20px 0; }
.thirdnoline { border-right: none}


.circle90, .circle80, .circle40 {
	display: block;
    margin: 0 auto 20px}
.circle90 {
	background-color: #79c3a1;
	border: #699b81 2px solid;
    height: 164px;
    width: 164px;
	-moz-border-radius: 164px;
	-webkit-border-radius: 164px;
	border-radius: 164px;}
.circle90 h2 { color: #39785b; font-size: 50px; text-align: center; margin: 45px auto}

.circle80 {
	background-color: #6ba6af;
	border: #5e8e91 2px solid;
    height: 146px;
    width: 146px;
    margin-top: 18px;
	-moz-border-radius: 146px;
	-webkit-border-radius: 146px;
	border-radius: 146px;}
.circle80 h2 { color: #2b6871; font-size: 45px; text-align: center;margin: 50px auto}

.circle40 {
	background-color: #f4a58b;
	border: #dd927f 2px solid;
    height: 73px;
    width: 73px;
    margin-top: 91px;
	-moz-border-radius: 73px;
	-webkit-border-radius: 73px;
	border-radius: 73px;}
.circle40 h2 { color: #BA7565; font-size: 27px; text-align: center; margin: 20px auto}

.draganddrop #mouseContainer
{
  text-align:center;
}

.no-draganddrop #mouseContainer
{
  visibility:hidden;
  height:0px;
}

.footmex {background: #e2ddc5 url(media/mexico.jpg) right no-repeat; min-height: 70px}
/* Forms */
form {
  border: solid 2px #888;
  border-width: 2px 0;
  clear: both;
  -moz-box-shadow: 
    inset 1px 1px 84px rgba(0,0,0,0.24), 
    inset -1px -1px 84px rgba(0,0,0,0.24);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#b1b1b1'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#b1b1b1')"; /* IE8+ */

  margin: 1px 0 1px 0;
  text-align: center;
  padding: 10px;
  min-height: 300px;
  background: rgba(255,255,255,0.8) url(../images/bg-form.png) no-repeat bottom center;
}



form ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
form ul li {
  margin-bottom: 40px;
}

label {
  font-family: LeagueGothic, Tahoma, Geneva, sans-serif;
  font-size: 16px;
  display:block;
  margin: auto;
  text-align: center;
}
form p {
  text-align: center;
}
input[type=text], input[type=email], input[type=password], input[type=url], textarea {
  background-color: transparent;
  border: dotted #484848;	
  border-width: 0 0 1px 0;
  display:block;
  margin: 10px auto 10px;
  font-style:italic;
  font-family: Times, "Times New Roman", serif;
  padding: 5px 30px 5px 30px;
  width: 50%;
}

input#zipcode {
	width:25%;
	display:inline;
	margin-right: 25px;
}
input[type=number] {
  width: 3em;
}

input:not([type=range]):not([type=date]):not([type=submit]):not([type=button]):not([type=checkbox]):not([type=number]) {
  background: transparent no-repeat top right;
}

input:not([type=range]):not([type=date]):not([type=submit]):not([type=button]):not([type=checkbox]):not([type=number]):required {
  background-image: url('../images/required.png'); 
}

input:not([type=range]):not([type=date]):not([type=submit]):not([type=button]):not([type=checkbox]):not([type=number]):focus:invalid { 
  background-image: url('../images/invalid.png');
} 
input:not([type=range]):not([type=date]):not([type=submit]):not([type=button]):not([type=checkbox]):not([type=number]):focus:valid { 
  background-image: url('../images/valid.png');
}

:invalid {
  box-shadow: none;
}

::-webkit-input-placeholder { color:#333; }


input {
  font-size: 20px;
  text-align: center;
}

input[type=submit], input[type=button] {
  border: none;
  -moz-border-radius: 10%;
  border-radius: 5px;
  background-color: #333;
  /* SVG for IE9 and Opera */
  background-image: url(../images/button-gradient.svg);
  /* Old WebKit */
  background-image: -webkit-gradient(radial, 30% 120%, 0, 30% 120%, 100, 
    color-stop(0,rgba(144,144,144,1)), 
    color-stop(1,rgba(72,72,72,1)));
  /* W3C for Mozilla */
  background-image: -moz-radial-gradient(30% 120%, circle, 
    rgba(144,144,144,1) 0%, 
    rgba(72,72,72,1) 50%);
  /* W3C for new WebKit */
  background-image: -webkit-radial-gradient(30% 120%, circle, 
    rgba(144,144,144,1) 0%, 
    rgba(72,72,72,1) 50%);
  /* W3C unprefixed */
  background-image: radial-gradient(30% 120%, circle,
    rgba(144,144,144, 1) 0%,
    rgba(72,72,72,1) 50%);
  color: #fff;
  font-family: LeagueGothic, Tahoma, Geneva, sans-serif;
  text-transform: uppercase;
  font-size: 28px;
  padding: 10px 30px;
  margin: 10px auto;
  opacity: 0.8;
  -webkit-transition: opacity .25s linear;
  -moz-transition: opacity .25s linear;
 
}



input[type=submit]:hover {
  opacity: 1;
  -webkit-transition: opacity .25s linear;
  -moz-transition: opacity .25s linear;
}
form h1 {
  margin: 0 auto;
  font-size: 50px;
  font-family: AcknowledgementMedium;
  text-align:center;
  white-space:nowrap;
  background: 
    url(../images/bg-formtitle-left.png) left 13px no-repeat, 
    url(../images/bg-formtitle-right.png) right 13px no-repeat;
}
form h2 {
  font-size: 20px;
}

form hgroup {
  padding-bottom: 50px;
}

/* Page Footer */
#foot { clear: both;width: 100%; margin: 0; background-color: #117FA5; }
#contenidofooter {
  margin: 0 auto;
  width: 968px;}
  
#foot a {color: #006c96}
.simple {list-style: none; width: 50%; float: left}
.simple li{float: left; display: block; padding: 5px }
.simple li img{ width: 50px; height: 50px }

body > footer small {
  font-family: LeagueGothic, Tahoma, Geneva, sans-serif;
  text-transform: uppercase;
  line-height: 32px;
  padding: 0 0 0 7px;
  letter-spacing: .08em;
  text-shadow: rgba(0,0,0,0.4) 1px 1px 4px;
  float: left;
}

body > footer p:last-of-type{
  float: right;
  padding: 5px 0 0 0;
}

/* Same rules for IE7-8 */
body footer p {
  padding: 5px 0 0 0;
  color: #126E87;
  text-align: center
}



body > footer h1 {
  font-size: 200%;
}



#footerinfo {
  clear: both;
  height: 30px;
  width: 100%;
  background: transparent; font-size: 18px
}



/* PRINT STYLES */
@media print {
  * { background: transparent !important; color: #484848 !important; text-shadow: none; }
  a, a:visited { color: #484848 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}