/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    background:#fff !important;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a { cursor:pointer;}
a {text-decoration: none; }
button:hover {opacity:0.9;}
a {
   outline: 0;
}

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

@font-face {
    font-family: 'overlockblack';
    src: url('fonts/overlock-black-otf-webfont.eot');
    src: url('fonts/overlock-black-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/overlock-black-otf-webfont.woff') format('woff'),
         url('fonts/overlock-black-otf-webfont.ttf') format('truetype'),
         url('fonts/overlock-black-otf-webfont.svg#overlockblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'overlockbold';
    src: url('fonts/overlock-bold-otf-webfont.eot');
    src: url('fonts/overlock-bold-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/overlock-bold-otf-webfont.woff') format('woff'),
         url('fonts/overlock-bold-otf-webfont.ttf') format('truetype'),
         url('fonts/overlock-bold-otf-webfont.svg#overlockbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1 { font-family: overlockblack; font-size:62px;  color:#e67d0d;display:inline-block;}
h2 { font-family: overlockblack; font-size:37px;  color:#303030;display:inline-block; text-transform: uppercase; line-height:48px; margin-top:28px;}
.wrap { width:925px; margin:0 auto; }
#header { background:#181818; height:40px;-webkit-box-shadow: 1px 1px 3px 2px ;box-shadow: 1px 1px 3px 2px ; }
#logo-container { width:590px;  padding-top:50px; float:left; }
#logo-printer img {left: 15px;position: relative;top: 30px; display:inline-block; }
.none {text-indent: -9999px; display:none;  }
#left-container { width:380px; float:left;  margin-top:20px;}
#right-container { width:490px;  float:left; height:279px; }
.orange { font-family: overlockblack; font-size:62px;  color:#e67d0d; }

#click-here {cursor:pointer; background: url("img/button.png") no-repeat scroll 0 0 transparent;display: block;height: 120px;width: 370px;margin-top:40px;border-style:none;}
#click-here:hover { opacity:0.9; cursor:pointer;}
#click-here p {bottom: 15px;color: #FFFFFF;font-family: overlockblack;font-size: 36px;line-height: 113px;position: relative;text-align: center;text-transform: uppercase; }
#bases-legales {bottom: 30px;float: right;position: relative;right: 20px; text-decoration: underline; font-family:overlockbold; font-size:12px; color:#262929; }
#info { background: url("img/aside.png") no-repeat scroll 0 0 transparent; display: block;float: right;height: 208px;margin-top: 80px;text-align: center;width: 262px;}
#info-top{ color: #FFFFFF;font-family: overlockblack; font-size: 22px; height: 114px; line-height: 33px; padding-top: 5px;}
#info-bottom{color: #FFFFFF;font-family: overlockbold; font-size: 19px; line-height: 27px; width: 259px;}
#printer{  background: url("img/print.png") no-repeat scroll 0 0 transparent;bottom: 100px; height: 360px;position: relative;right: 20px;text-indent: -9999px;width: 450px;}
#bottom-container { background: url(img/characteristics.png) no-repeat; width:920px;display:inline-block; height:285px;}
#suscribe { text-align: center; line-height:85px; background: none repeat scroll 0 0 #2E3131;border-style: none;float: right;height: 85px;margin-right: 10px;margin-top: 12px;width: 330px; -webkit-box-shadow: 1px 1px 1px 2px;box-shadow: 1px 1px 1px 2px;font-family:overlockblack; color:#fff; font-size:30px;}
#features {text-align:center; line-height:135px; background: none repeat scroll 0 0 #2E3131;border-style: none;box-shadow: 1px 1px 1px 2px;float: right;height: 135px;left: 329px;position: relative;top: 118px;transform: rotate(-2deg);width: 330px;font-family:overlockblack;color:#fff;font-size:30px;}
#footer-printer { width:100%; background:#2e3131; height:185px; background: #2e3131; margin-top:25px; -webkit-box-shadow: 1px 1px 3px 2px ;box-shadow: 1px 1px 3px 2px ;}
#footer-printer div.wrap p {font-family:overlockbold; font-size:21px; color:#fff;  padding-top:30px; text-decoration: none; color:#fff !important;}
#legal {font-family:Arial !important; font-size:14px !important; color:#fff; text-align: center; padding-top:20px; text-align:left !important; }
#lightbox-two ul li h4 {color: #0167BB;font-family: overlockbold;font-size: 19px;text-transform: uppercase;padding-left:40px;line-height:29px;}
#lightbox-two ul li p{ color: #656464;font-family: overlockbold;font-size: 20px;padding-left:40px; margin:15px;line-height:29px;text-align:justify;}
#lightbox-two {background-color: #ECECEC; border-radius: 10px 10px 10px 10px;height: 1100px;margin: 20px auto 0;width: 795px;}
html body div#footer-printer div.wrap p#contacto a {text-decoration: none; color:#fff;}
#lightbox-two ul{ padding-top: 40px;}
#lightbox-two li{ padding: 5px 30px;}
#lightbox-two li{ padding: 5px 30px;}
#lightbox-two img{ margin-left: 40px;}
#close, #close-lb {background: url("img/close.png") no-repeat scroll 0 0 transparent;float: right;height: 25px;margin: 15px;width: 25px;}
#lightbox-two ul li h4 {color: #0167BB;
    font-family: overlockbold;
    font-size: 19px;
    line-height: 32px;
    padding-left: 54px;
    text-transform: uppercase}
.red{ color:#ca122b;}
.lista-gris{color:#656464;font-family: overlockbold;font-size: 20px;padding-left:85px !important;}
.number{background: url(img/button-one.png) no-repeat;}
.number2{background: url(img/button-two.png) no-repeat;}
.number3{ background: url(img/button-three.png) no-repeat;}
.titulo-lightbox{font-family:arial;color:#0167bb;font-size:20px;text-transform:uppercase;}
.show {display: block !important;overflow: auto;}
.noshow {display: none !important;}
#caracteristicas-lb {background: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;position: absolute;z-index: 50;display: none;position: fixed;top: 0;}
#footer {
     background: none repeat scroll 0 0 #010f1c;
    margin: 0 auto;
    text-align: center;
    width: 100%;margin: 0 auto -130px;
}
html body div#caracteristicas-lb.show {background: url(img/background.png);}
html body div#footer-printer div.wrap p#contacto img { width:40px; }
#footer-container {
    background: none repeat scroll 0 0 #010F1C;
    padding: 15px 0;
}
#contacto { background:url (img/twitter.png); }
html body div#dispositivos {text-indent:-9999px;}
html body div#footer div.wrapp ul li {  display:none;}
html body div#footer-printer div.wrap p#contacto img {width:40px; margin-right:5px;}