@charset "utf-8";
@import url(/Shared/CSS/font-face/fonts-rebranding.css);
/* CSS Document */

/* =Fonts 
------------------------------------------------------- */

@import url(/Shared/CSS/general/padding-margin-rule.css);
@import url(Botones-UI.css);

/* =Reset BODY OLD - css
--------------------------------------- */
body {background: none repeat-x scroll 0 0 #FFF !important;}

/* =Ocultar Flash! - css
--------------------------------------- */
.ObjetoSWF {display:none !important;}
#guia-interactiva section:nth-child(2) {border-bottom: 1px solid #E8E8E8;}

/* =Reset - css
--------------------------------------- */
html, body { height: 100% }
html, body, div, li, 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, sub, sup, tt, var, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 16px;
  font-family: 'fontDinReg';
  list-style: none;
  color:#333;
  text-decoration:none;
}
section h1, section h2, section h3, section h4, section h5, section h6, section p, section li {
  color:#333;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
body.android .ObjetoSWF, body.ios .ObjetoSWF {display:none;}
.ObjetoSWF {
    padding: 30px 0 25px;
}

/* =Clearfix - css
--------------------------------------- */
.clearfix:after { content: ''; display: table; }
.clearfix:after, .clear { clear: both; }
.clear {clear:both;}
.clear.H20 {height:20px;}


/* =Bases - css
--------------------------------------- */
.Left {float:left;}
.Right {float:right;}
.Bg {background-color:#F9F9F9;}
.Bord-top {border-top: 1px solid #E8E8E8;}
.Bord-bottom {border-bottom: 1px solid #E8E8E8;}
.Block {display:block;}
.ocultar {display:none;}
.video img {margin: 0 auto;}
.Half {width:50%;}
.Half.Control, .Half.Control-mini {
  width: 30%;
  padding: 0 0 0 20%;
  min-height: 384px;
}
.Control {background: url("/Shared/Images/tecnologia/control-remoto/responsive-images/NuevoControl1.png") left center no-repeat transparent;}
.Control-mini {background: url("/Shared/Images/tecnologia/control-remoto/responsive-images/NuevoControl2.png") 30px center no-repeat transparent;}

.pad-bottom-20 {padding-bottom:20px;}
.pad-bottom-50 {padding-bottom:50px;}
.pad-top-50 {padding-top:50px;}
.pad-top-60 {padding-top:60px;}

.Four {margin-left:10px; margin-right:10px;}
.Four p {font:14px/22px 'fontDinReg';}

.thirty-seventy {width:669px; margin-left:20px;}
.thirty-seventy:first-child, .thirty-seventy:first-of-type {width:223px; margin:0;}
.thirty-seventy h3 {padding-top:0;}

.Bg-image {
  background: url("/Shared/Images/tecnologia/control-remoto/responsive-images/NuevoControl1.png") center top no-repeat transparent;
  min-height:215px;
}

ul.List {margin:20px 0;}
ul.List.small li {font-size:14px; line-height:22px;}
ul.List li {
  padding-left: 30px;
  position: relative;
  padding-bottom: 10px;
}
ul.List li i {
  position: absolute;
  color: #01a652;
  font-size: 18px;
  left: 0;
  top:5px;
}  

div#guia-interactiva{display: none;}

/* =Figure - css
--------------------------------------- */
figure {
  background: url("/Shared/Images/tecnologia/control-remoto/responsive-images/NewHeader.jpg") center top no-repeat #000C1A;
  width:100%;
  height:400px;
}
figure article {
  margin:0 auto;
  width:952px;
  padding:0;
}
figure h1 {
  color: #FFF;
  font: 36px/42px 'fontDinReg';
  padding-top: 80px;
  letter-spacing: -0.025em;
}
figure h1 span {display:block;}

/* =Section - css
--------------------------------------- */
section {width:100%;}
section.First {border-bottom: 1px solid #E8E8E8;}
section h2, section h2 a {
  font: 40px/44px 'fontDinReg';
  padding: 0 0 20px;
  letter-spacing: -0.020em;
}
section h2.small, section h2.small a {
  font: 28px/32px 'fontDinReg';
  padding: 0 0 20px;
  letter-spacing: -0.015em;
}
section h3, section h3 a {
  font: 22px/28px 'fontDinMed';
  padding: 15px 0;
  letter-spacing: -0.025em;
}
section h3.min-height, section h3.min-height a {min-height:56px;}
section h4, section h4 a {
  font: 21px/32px 'fontDinReg';
  padding: 0 0 20px;
  letter-spacing: -0.015em;
}
section p {line-height:24px;}
section p sup {font-size: 8px; line-height: 1px; position: relative; left: 2px;}
section p.small {font-size:14px; line-height:22px;}
section p.small a {font:inherit; font-weight:700;}
section img {display:block;}
section a {font-weight:bold; color:#00aeef;}
section a.small {font:700 14px/22px 'fontDinReg';}
section a:hover.small {color: #058ab5; outline:0;}
section a i.fa, section a.small i.fa {font-size: 12px;}
section article p a:hover,
section article a:hover,
section p a:focus,
section a:focus {color: #058ab5; outline:0;}

section.internal-menu article {padding: 0;}
section.Legales article {padding-bottom:0; padding-top:0;}

section.ObjetoSWF article {padding:0;} 
section.ObjetoSWF article div {
  width:666px;
  margin:0 auto;
}  

/* =Article - css
--------------------------------------- */
article {
  width:952px;
  margin:0 auto;
  padding: 60px 0;
}
article:after { content: ''; display: table; clear: both;}
article.Pad-top-none {padding: 0 0 60px;}
article.Pad-bottom-none {padding: 60px 0 0;}
article.CTA {padding-bottom:60px;}
article.CTA >* {text-align:center;}
article.CTA p {font-size:12px; margin:0 0 10px;}
article.CTA p a {font:inherit; font-weight:bold;}
article.CTA a.BtnUI {
    margin: 0 auto;
    width: 140px;
    display: block;
}
article.CTA a:hover.BtnUI {color: #000;}
    
div#codigos-marca article {
    padding: 40px 0;
}

div#codigos-marca article.Pad-top-none {
    padding: 0 0 40px;
}


/* =Aside - css
--------------------------------------- */
aside {
  font: 11px/16px 'fontDinReg';
  color: #666;
  display: block;
  width: 952px;
  margin: 30px auto;
}
aside a {font:inherit; color:#00aeef;}

/* =Tabs - css
--------------------------------------- */
section.internal-menu {
  height: 60px;
  overflow: hidden;
  margin: 0 0 50px;
  padding: 0;
  width: 100%;
}

section.internal-menu ul {
  margin: 0 auto;
  height: 100%;
}

section.internal-menu ul li {
  float: left;
  height: 100%;
  line-height: 50px;
  list-style: none outside none;
  text-align: center;
  width: 50%;
}

/*section.internal-menu ul li.nav-two{width: 34%;}*/

section.internal-menu ul li a {
  background: none;
  font: 18px/65px 'fontDinMed';
  color: #43acdf;
  height: 100%;
  display: block;
  border-right: solid 1px #e4e4e4;
  text-decoration: none;
  padding: 0;
}
section.internal-menu ul li  a:first-child {
  border-left: solid 1px #e4e4e4;
}
section.internal-menu ul li  a:hover, .internal-menu ul li a.active {
  color: #666666;
  background: #ffffff;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

section.internal-menu {
  background: #f6f6f6;
  background: -moz-linear-gradient(top, #f6f6f6 0%, #eaeaea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #eaeaea));
  background: -webkit-linear-gradient(top, #f6f6f6 0%, #eaeaea 100%);
  background: -o-linear-gradient(top, #f6f6f6 0%, #eaeaea 100%);
  background: -ms-linear-gradient(top, #f6f6f6 0%, #eaeaea 100%);
  background: linear-gradient(to bottom, #f6f6f6 0%, #eaeaea 100%);
  -pie-background: linear-gradient(#f6f6f6, #eaeaea);
}
.ocultar {display:none;}
.list-wrap {
  background: none repeat scroll 0 0 #ffffff;
  clear: both;
  overflow: hidden;
  width: 100%;
}

div.Blue-Bullet li span, div.Blue-Bullet span {
    background: none no-repeat scroll 0 0 #006EB5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    float: left;
    font: bold 18px/41px 'fontDinReg';
    color: #FFF;
    text-align: center;
    margin: 0 20px 20px 0;
    display: inline-block;
    width: 40px;
    height: 40px;
}

div.Blue-Bullet p {
    padding: 8px 0 27px;
    line-height: 27px;
}
div.Blue-Bullet span.last {margin: 0 20px 30px 0;}
div.Blue-Bullet p.last {padding: 8px 0 0px;}

p.intro {
    margin: 0 0 22px;
}

div.Blue-Bullet p.txt-gd {
    padding: 0 0 22px;
}

section.Bg.codigos h3{
    padding: 0 0 22px 0;
}
section.Bg.codigos p{
    padding: 0 0 22px 0;
}

div.Blue-Bullet.second{
    margin: 0 0 24px;
}

p.txt {
    position: absolute;
    top: 130px;
}

.Box{
    overflow: auto;
    width: 48%;
    float: left;
}
.Box.first{margin: 0 2% 0 0;}

#codigos {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d6d6d6;
    color: #333;
    float: left;
    font: 14px/22px 'fontDinReg';
    min-height: 75px;
    padding: 3%;
    position: relative;
    width: 93%;
}
#codigos abbr {
    float: left;
    font: 20px 'fontDinReg';
    padding: 0 14px 5px 0;
}
span.custom-combobox {
    display: block;
    float: left;
    width: 96%;
    position: relative;
}
a.Boton-Control {
    border: medium none;
    float: left;
    margin: 20px 0 0 0;
}
a.Boton-Control span {
    display: none;
}
input.ui-autocomplete-input {
     font-size: 16px;
    line-height: 1;
    width: 92%;
    height: 26px;
    padding: 8px 4%;
    border-radius: 0;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    overflow: hidden;

}
section  span.custom-combobox a.ui-state-default{
    background: #fff;
    overflow: hidden;
    position: absolute;
    right: -5px;
    top: 0;
    height: 42px;
    width: 48px;
}

section  span.custom-combobox .ui-state-default .ui-icon{
  background: #fff url("/Shared/Images/tecnologia/control-remoto/responsive-images/img-dropdown.jpg")  no-repeat center;
}
.ui-button {
    height: 30px;
}