/*******************************************************************************/
/* Grilla */
/*******************************************************************************/

body { 
    background: #E2E2E2;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    position: relative;
}

.container { padding: 0 20px; }
.container.noPadding { padding: 0; }
.row {
    display: block;
    /*width: 100%;*/
    width: 980px;
    overflow: hidden;
    margin: 0 auto;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.row.conPadding {
    max-width: 960px;
    padding: 0 10px;
}
.row.noOverflow { overflow: visible; }
.row.separated { margin-top: 12px; }

.row [class*="column"] {
    margin-right: 1%;
    display: block;
    min-height: 1px;
    float: left;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.row .column1 { width: 15.833333333333333333333333333333333333333333333333333334%; }
.row .column2 { width: 32.666666666666666666666666666666666666666666666666666666%; }
.row .column3 { width: 49.5%; }
.row .column4 { width: 66.333333333333333333333333333333333333333333333333333332%; }
.row .column5 { width: 83.166666666666666666666666666666666666666666666666666665%; }
.row .column6 { width: 100%; margin-right: 0px; float: none; }

.row [class*="column"].last { margin-right: 0px; }


/*******************************************************************************/
/* Tipografia */
/*******************************************************************************/

@font-face {
    font-family: 'neoSans';
    src: url('fonts/neosanspro.eot');
    src: url('fonts/neosanspro.eot?#iefix') format('embedded-opentype'),
         url('fonts/neosanspro.woff') format('woff'),
         url('fonts/neosanspro.ttf') format('truetype'),
         url('fonts/neosanspro.svg#neosanspro') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'neoSans';
    src: url('fonts/neosanspromedium.eot');
    src: url('fonts/neosanspromedium.eot?#iefix') format('embedded-opentype'),
         url('fonts/neosanspromedium.woff') format('woff'),
         url('fonts/neosanspromedium.ttf') format('truetype'),
         url('fonts/neosanspromedium.svg#neosanspromedium') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'neoSans';
    src: url('fonts/neosansprobold.eot');
    src: url('fonts/neosansprobold.eot?#iefix') format('embedded-opentype'),
         url('fonts/neosansprobold.woff') format('woff'),
         url('fonts/neosansprobold.ttf') format('truetype'),
         url('fonts/neosansprobold.svg#neosansprobold') format('svg');
    font-weight: bolder;
    font-style: normal;
}
@font-face {
    font-family: 'neoSans';
    src: url('fonts/neosansprolight.eot');
    src: url('fonts/neosansprolight.eot?#iefix') format('embedded-opentype'),
         url('fonts/neosansprolight.woff') format('woff'),
         url('fonts/neosansprolight.ttf') format('truetype'),
         url('fonts/neosansprolight.svg#neosansprolight') format('svg');
    font-weight: lighter;
    font-style: normal;
}

html { -webkit-font-smoothing: antialiased; }
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 140%;
    background: #E2E2E2;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    position: relative;
}
h2, h3, h4, h5, h6 { font-family: 'neoSans', sans-serif; line-height: 100%; }
h2, h3 {
    font-weight: bold;
    font-size: 1.5em; /** 18px */
    padding: 15px 13px;
}
h2, h2 a.nostyle, h2 a.nostyle:hover { color: #fff; }
h3, .column2 h3 a { color: #000; }


.bold { font-weight: bold; }
.bolder { font-weight: bolder; }
.light { font-weight: lighter; }
.italic { font-style: italic; }
.uppercase { text-transform: uppercase; }
.regularWeight { font-weight: normal; }

.textosPequenos { font-size: 12px; }

/*******************************************************************************/
/* Generales */
/*******************************************************************************/

.whiteBg { background: #fff; }
.blackBg { background: #000; }
.roundedCorners { border-radius: 5px; }

.changingBackground { background: #0086AC; }
.changingBorder { border-color: #006d87; }
.changingColor { color: #0086AC; }

.set1 .changingBackground { background: #0086AC; }
.set1 .changingBorder { border-color: #006d87; }
.set1 .changingColor { color: #0086AC; }

.set2 .changingBackground { background: #a7c645; }
.set2 .changingBorder { border-color: #6b8c39; }
.set2 .changingColor { color: #a7c645; }

.set3 .changingBackground { background: #f19200; }
.set3 .changingBorder { border-color: #cc7b16; }
.set3 .changingColor { color: #f19200; }

.set4 .changingBackground { background: #e2001a; }
.set4 .changingBorder { border-color: #be070f; }
.set4 .changingColor { color: #e2001a; }

.set5 .changingBackground { background: #4fae6c; }
.set5 .changingBorder { border-color: #2c7e54; }
.set5 .changingColor { color: #4fae6c; }

.bordeCuatico {
    display: block;
    height: 5px;
    background: url(img/border-1.png) 0 0 repeat;
}
.bordeCuatico { background: url(img/border-1.png) 0 0 repeat; }
.set1 .bordeCuatico { background-position: 0 0; }
.set2 .bordeCuatico { background-position: 0 -6px; }
.set3 .bordeCuatico { background-position: 0 -12px; }
.set4 .bordeCuatico { background-position: 0 -18px; }
.set5 .bordeCuatico { background-position: 0 -24px; }

.blockElement { display: block; }

/******************************************************************************* Header */

header {
    background: #7f7f7f url(img/bg-header.png) 50% 100% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#auxMenu-wrapper {
    background: rgb(0,0,0); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 7%, rgba(38,38,38,1) 15%, rgba(0,0,0,1) 35%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(7%,rgba(0,0,0,1)), color-stop(15%,rgba(38,38,38,1)), color-stop(35%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 7%,rgba(38,38,38,1) 15%,rgba(0,0,0,1) 35%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 7%,rgba(38,38,38,1) 15%,rgba(0,0,0,1) 35%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 7%,rgba(38,38,38,1) 15%,rgba(0,0,0,1) 35%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 7%,rgba(38,38,38,1) 15%,rgba(0,0,0,1) 35%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
/*    -webkit-box-shadow:  0px 10px 20px 0px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 10px 20px 0px rgba(0, 0, 0, 0.5);*/
}
#auxMenu-wrapper .row {
    position: relative;
    zoom: 1;
    z-index: 999;
}
#auxMenu { float: right; }
#auxMenu li { float: left; }
#auxMenu li a { color: #fff; line-height: 165%; }
#auxMenu li a:hover { text-decoration: underline; }
#auxMenu > li {
    border-left: 1px solid #3f3f3f;
    -webkit-box-shadow: -1px 0px 0px 0px #151515;
    box-shadow: -1px 0px 0px 0px #151515; 
}
#auxMenu > li > a {
    display: block;
    padding: 24px 15px 25px 15px;
}
#auxMenu li.ingreso a {
   padding-right: 25px;
   background: url(img/ico-arrow-chica.png) 93% 50% no-repeat;
}
#auxMenu li.socialIcons { padding-left: 10px; }
#auxMenu li.socialIcons li { padding: 18px 4px; }
#logo {
    float: left;
    padding: 16px 0px;
    border: 0px;
}

/******************************************************* ************************ slider */


#sliderHolder {
    width: 66.333333333333333333333333333333333333333333333333333332%;
    margin-right: 1%;
    float: left;
    height: 210px;
    overflow: hidden;
    position: relative;
}
#slides {
    width: 10000px;
    height: 210px;
    position: relative;
    left: 0;
}
#slides li {
    display: block;
    float: left;
    max-width: 650px;
}
#slides a ,#slides img { display: block; width: 100%; height: 210px; }

#mainSliderControls {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 10px;
    height: 14px;
    text-align: center;
}
#mainSliderControls ul {
    display: inline-block;
    list-style: none;
}
#mainSliderControls li {
    float: left;
    margin: 0 3px;
}
#mainSliderControls a {
    display: block;
    width: 11px;
    height: 11px;
    background: url(img/bullets-slider.png) 0 0 no-repeat;
}
#mainSliderControls a.current, #mainSliderControls a:hover { background-position: -11px 0; }

/******************************************************************************* MainNav */

#mainNav {
    background: #000000;
    -webkit-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.5);

}
#mainNav > ul > li {
    position: relative;
    float: left;
    padding: 0px 15px;
    border-right: 1px solid #333;
}
#mainNav > ul > li:first-child { border-left: 1px solid #333; }

#mainNav a { color: #fff; display: block;}
#mainNav .firstLevel > li > a { padding: 9px 10px 9px 0px; font-size: 15px; }

#mainNav .firstLevel > li > a:hover { color: #0086AC; }
.set1 #mainNav .firstLevel > li > a:hover { color: #0086AC; }
.set2 #mainNav .firstLevel > li > a:hover { color: #a7c645; }
.set3 #mainNav .firstLevel > li > a:hover { color: #f19200; }
.set4 #mainNav .firstLevel > li > a:hover { color: #e2001a; }
.set5 #mainNav .firstLevel > li > a:hover { color: #4fae6c; }

#mainNav .firstLevel > li > a.showSub {
    padding-right: 15px;
    background: url(img/masmenos-mas.png) 100% 50% no-repeat;
}
#mainNav .firstLevel > li:hover > a.showSub { background: url(img/masmenos-menos.png) 100% 50% no-repeat; }
#mainNav .subLevel {
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 99;
    display: none;
    width: 230%;
    background: url(img/bg-negrotrans.png) 0 0 repeat;
    border: 1px solid #303030;
    border-radius: 0 0 5px 5px;
}
#mainNav .firstLevel > li:hover .subLevel { display: block; }
#mainNav .subLevel li { padding-left: 10px; }
#mainNav .subLevel a { padding: 5px 15px 5px 15px; }

#mainNav .subLevel li:hover a, #mainNav .subLevel a:hover { background: url(img/ico-bullet-submenu.png) 0 50% no-repeat; }
.set1 #mainNav .subLevel li:hover a, .set1 #mainNav .subLevel a:hover { background: url(img/ico-bullet-submenu-set1.png) 0 50% no-repeat; }
.set2 #mainNav .subLevel li:hover a, .set2 #mainNav .subLevel a:hover { background: url(img/ico-bullet-submenu-set2.png) 0 50% no-repeat; }
.set3 #mainNav .subLevel li:hover a, .set3 #mainNav .subLevel a:hover { background: url(img/ico-bullet-submenu-set3.png) 0 50% no-repeat; }
.set4 #mainNav .subLevel li:hover a, .set4 #mainNav .subLevel a:hover { background: url(img/ico-bullet-submenu-set4.png) 0 50% no-repeat; }
.set5 #mainNav .subLevel li:hover a, .set5 #mainNav .subLevel a:hover { background: url(img/ico-bullet-submenu-set5.png) 0 50% no-repeat; }



/**********************************************************************************BANNERS*/
.banner_home{
    
    
    background: none repeat scroll 0 0 #CCCCCC;
    height: 300px;
    left: -200px;
    position: absolute;
    width: 200px;
    display: none;


}

.banner_home .close-icon {
    -webkit-appearance: none;
    border: 0px;
    background: transparent url(img/close-button.jpg) no-repeat;
    position: absolute;
    right: -10px;
    top: -5px;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    
}

#promociones{position: relative; overflow: visible;}
#promociones:after {
    clear: both;
}
#promociones:before, #promociones:after {
    content: "";
    display: table;
}
#promociones:before, #promociones:after {
    content: "";
    display: table;
}

/******************************************************************************* Contenido */


.infoPillsHolder { height: 410px; }
.infoPillsHolder .infoHeader { padding: 16px 13px; }
.infoPillsHolder .pillsContentHolder { margin: 4px; }
.infoPillsHolder .pillsContentHolder .controls, .infoPillsHolder .pillsContentHolder .infoPills  { float: left; }
.pillsContentHolder .controls { background: #000; width: 43%; }
.infoPillsHolder .pillsContentHolder .infoPills {
    background: #fff;
    padding: 3px 10px 0px 20px;
    width: 56.666666666%;
    height: 351px;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.pillsContentHolder .pill { display: none; }
.pillsContentHolder .pill.active { display: block; text-align: center; }
.pillsContentHolder .pill .info-pill-helper-text {
    display: block;
    text-align: center;
    margin-top: 5px;
    font-size: 11px;
    line-height: 120%;
    color: #999;
}

.pillsContentHolder .controls li { border-bottom: 1px solid #1f1f1f; position: relative; z-index: 0; }
.pillsContentHolder .controls li:first-child { border-top: 0px; }
.pillsContentHolder .controls li:last-child { border-bottom: 0px; }
.pillsContentHolder .controls li.active, .pillsContentHolder .controls li:hover:not(.actionCall) { background: #e3e3e3; }
.pillsContentHolder .controls li.active:after, .pillsContentHolder .controls li:hover:not(.actionCall):after {
    content: "";
    display: block;
    position: absolute;
    right: -20px;
    top: 0;
    background: url(img/flechatabs-active.png) 50% 50% no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 20px;
}
.pillsContentHolder .controls .pillTitle {
    font-family: 'neoSans';
    line-height: 100%;
    font-size: 1.333333333333333333333333333333333333333333333333333333333333333em; /** 16px */
    color: #fff;
    display: block;
    padding: 9px 5px;
}
.pillsContentHolder.movil .controls .pillTitle { padding: 8px 5px 8px 5px; }
.pillsContentHolder.hogar .controls .pillTitle {
    font-size: 1.5em; /** 18px */
}
.pillsContentHolder.hogar .controls .pillTitle.smallerPillTitle,
.pillsContentHolder.movil .controls .pillTitle.smallerPillTitle{ font-size: 14px; }

.pillsContentHolder.hogar .controls .pillTitle.condiciones {
    font-size: 12px;
    line-height: 120%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.no-canvas .pillsContentHolder.hogar .controls .pillTitle.condiciones{
    font-size: 11px;
    line-height: 130%;
}
.caja-hogar-banner, .caja-hogar-banner img { display: block; }
.caja-hogar-banner { padding: 4px 5px; }
.caja-hogar-banner img { margin: 0 auto; }

.pillsContentHolder .controls li.active .pillTitle, .pillsContentHolder .controls li:hover .pillTitle { color: #000; }
.pillsContentHolder .controls .pillTitle .pillSubTitle { font-size: 9px; display: block; line-height: 0px; margin-top: 4px; }
.pillsContentHolder .controls .pillTitle .pillSubTitle:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 6px;
    background: url(img/ico-arrow-mas-chica.png) 50% 50% no-repeat;
    margin-right: 2px;
}
.pillsContentHolder .controls .pillTitle span { margin: 0px; padding: 0px; display: inline-block; line-height: 83%; }
.pillsContentHolder .controls .actionCall { padding: 9px 10px 9px 10px; border-bottom: 0px; }
.pillsContentHolder .controls .actionCall a {
    padding: 8px;
    background-image: url(img/ico-arrow-bottones.png);
    background-position: 90% 50%;
    background-repeat: no-repeat;
    display: block;
}

.pillsContentHolder .pill .pillImage { display: block; margin: 0 auto; }
.pillsContentHolder .pill .pillItemTitle {
    text-align: center;
    font-size: 1.166666666666666666666666666666666666666666666666666666666666666em; /** 14px */
    margin: 10px auto;
}
.pillsContentHolder .pill .pillProperties {
    font-size: 1.166666666666666666666666666666666666666666666666666666666666666em; /** 14px */
    color: #676767;
    margin: 33px 0; /** hay que arrreglar esto!!!! */
}
.pillsContentHolder .pill .pillProperties.description {
    font-size: 0.916666666666666666666666666666666666666666666666666666666666666em; /** 11px */
    line-height: 100%;
    margin: 5px 0 15px 0;
}
.pillsContentHolder .pill .pillPrize {
    font-family: 'neoSans';
    line-height: 80%;
    font-weight: bold;
    font-size: 2em;
    text-align: right;
    margin: 15px 15% 20px 15%;
}
.pillsContentHolder .pill .pillPrize .pillPrizeData {
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 0.5em; /** 12 pixeles por que el padre tiene 2em */
    color: #686868;
    display: block;
}
.pillsContentHolder .pill .pillMoreInfo {
    font-size: 11px;
    display: block;
    text-align: center;
    padding-top: 5px;
}
.pillsContentHolder .pill .parrafo-condiciones {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    color: #666666;
    line-height: 120%;
}
.pillsContentHolder .pill .lista-condiciones { 
    list-style: none;
    display: block;
    padding: 0px;
    margin-top: 5px;
    font-size: 11px;
    color: #666666;
    line-height: 120%;
}
.pillsContentHolder .pill .lista-condiciones li {
    border-top: 1px #666 dashed;
}
.pillsContentHolder .pill .lista-condiciones a {
    color: #333;
    display: block;
    padding: 6px 0 6px 25px;
}
.pillsContentHolder .pill .lista-condiciones li:last-child a { padding: 6px 0 6px 0px; }
.pillsContentHolder .pill .lista-condiciones a.internet { background: url(img/ico-condiciones-internet.jpg) 0 50% no-repeat; }
.pillsContentHolder .pill .lista-condiciones a.vtr { background: url(img/ico-condiciones-vtr.jpg) 0 50% no-repeat; }
.pillsContentHolder .pill .lista-condiciones a.velocidad { background: url(img/ico-condiciones-velocidad.jpg) 0 50% no-repeat; }
.pillsContentHolder .pill .lista-condiciones a.navegacion { background: url(img/ico-condiciones-navegacion.jpg) 0 50% no-repeat; }

#sucursalVirtual { margin-top: 9px; }

#sucursalVirtual .sucursalTabsControls li {
    float: left;
    width: 49%;
    margin-right: 2%;
    text-align: center;
    background: #006d87;
    border-radius: 5px 5px 0px 0px;
}
.set1 #sucursalVirtual .sucursalTabsControls li { background: #006d87; }
.set2 #sucursalVirtual .sucursalTabsControls li { background: #6b8c39; }
.set3 #sucursalVirtual .sucursalTabsControls li { background: #cc7b16; }
.set4 #sucursalVirtual .sucursalTabsControls li { background: #be070f; }
.set5 #sucursalVirtual .sucursalTabsControls li { background: #2c7e54; }

#sucursalVirtual .sucursalTabsControls li:last-child { margin-right: 0px; }

#sucursalVirtual .sucursalTabsControls li.active, #sucursalVirtual .sucursalTabsControls li:hover { background: #0086AC; }
.set1 #sucursalVirtual .sucursalTabsControls li.active, .set1 #sucursalVirtual .sucursalTabsControls li:hover { background: #0086AC; }
.set2 #sucursalVirtual .sucursalTabsControls li.active, .set2 #sucursalVirtual .sucursalTabsControls li:hover { background: #a7c645; }
.set3 #sucursalVirtual .sucursalTabsControls li.active, .set3 #sucursalVirtual .sucursalTabsControls li:hover { background: #f19200; }
.set4 #sucursalVirtual .sucursalTabsControls li.active, .set4 #sucursalVirtual .sucursalTabsControls li:hover { background: #e2001a; }
.set5 #sucursalVirtual .sucursalTabsControls li.active, .set5 #sucursalVirtual .sucursalTabsControls li:hover { background: #4fae6c; }

#sucursalVirtual .sucursalTabsControls a {
    font-family: 'neoSans';
    font-size: 1.333333333333333333333333333333333333333333333333333333333333333em; /** 16px */
    line-height: 100%;
    color: #fff;
    display: inline-block;
    padding: 10px;
}
#sucursalVirtual .sucursalTabsControls a.sucursal {
    background: url(img/ico-sucursal.png) 0 50% no-repeat;
    padding-left: 25px;
    padding-right: 0;
}

#sucursalVirtual .sucursalTab { display: none; }
#sucursalVirtual .sucursalTab.active { display: block; }

#sucursalVirtual form { padding: 15px; }
#sucursalVirtual form > div.first { margin-bottom: 15px; }
/*#sucursalVirtual form input[type="text"],
#sucursalVirtual form input[type="password"] {
    border: 0px;
    border-radius: 3px;
    background: #fff;
    color: #000;
    box-shadow: inset 3px 3px 5px 0px rgba(0, 0, 0, 0.3); 
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/
#sucursalVirtual form .regular-password-input { width: 130px; }
#sucursalVirtual form .sixty-percent { width: 60%; }
#sucursalVirtual form .iForgotPass {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background: url(img/ico-pregunta.png) 50% 50% no-repeat;
}
#sucursalVirtual form .formHelper {
    color: #fff;
    opacity: 0.8;
    font-size: 0.916666666666666666666666666666666666666666666666666666666666666em; /** 11px */
    font-style: italic;
    display: inline-block;
    margin-left: 10px;
    line-height: 28px;
}
/*#sucursalVirtual form input[type="submit"] {
    font-family: 'neoSans';
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 20px;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 3px;
    border: 0px;
}*/
/*.set1 #sucursalVirtual form input[type="submit"] { background: #006d87; border-bottom-color: #006d87; }
.set2 #sucursalVirtual form input[type="submit"] { background: #6b8c39; border-bottom-color: #6b8c39; }
.set3 #sucursalVirtual form input[type="submit"] { background: #cc7b16; border-bottom-color: #cc7b16; }
.set4 #sucursalVirtual form input[type="submit"] { background: #be070f; border-bottom-color: #be070f; }
.set5 #sucursalVirtual form input[type="submit"] { background: #2c7e54; border-bottom-color: #2c7e54; }*/

#sucursalVirtual .get-password {
    color: #fff;
    font-size: 12px;
    margin-top: 15px;
}
#sucursalVirtual .get-password a {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}
#sucursalVirtual .form-subtitle {
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px
}
.iebrowser #sucursalVirtual .form-subtitle { font-weight: normal; }

/*************************** Estilos de nueva caja login */
.float-left { float: left; }
.align-right { text-align: right; }
.align-left { text-align: left; }
.regular-input {
    display: block;
    border: 0px;
    border-radius: 3px;
    background: #fff;
    font-size: 11px;
    color: #000;
    box-shadow: inset 3px 3px 5px 0px rgba(0, 0, 0, 0.3); 
    padding: 7px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}
.regular-input::-webkit-input-placeholder { color: #666; }
.regular-input:-moz-placeholder { color: #666; }
.regular-input::-moz-placeholder { color: #666; }
.regular-input:-ms-input-placeholder { color: #666; }

.half-width-input { width: 48%; float: left; margin-right: 4%; }
.half-width-input.last { margin-right: 0; }
.form-helper-link {
    color: #fff;
    font-size: 11px;
    text-decoration: underline;
    display: block;
    margin-top: 5px;
}
.form-helper-link:hover { text-decoration: none; color: #fff; }

.regular-button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    font-family: 'neoSans';
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #006d87;
    padding: 9px 15px;
    border-radius: 5px;
    border: 0px;
}
.regular-button:hover { color: #fff; background: #004D5F; }
.form-actions-holder { margin-top: 15px; }

.login-form-tooltip {
    display: block;
    position: absolute;
    padding: 8px;
    border-radius: 2px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.35);
    z-index: 99999;
    background: #fff;
    border: 1px solid #333;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.login-form-tooltip span { line-height: 19px }
.login-form-tooltip:before {
    content: "";
    display: block;
    float: left;
    width: 19px;
    height: 19px;
    margin-right: 10px;
    background: url(img/form-tooltip-image.jpg);
}
.login-form-tooltip:after {
    content: "";
    position: absolute;
    left: 25px;
    margin-left: -10px;
    top: 100%;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px;
    border-color: #fff transparent transparent transparent;
}
/*********************************************************/






#ayudaVtr {
    padding: 0px 4px 4px 4px;
    height: 410px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#ayudaVtr .ayuda-title { 
    line-height: 100%;
    padding: 17px 0px 17px 10px;
}
#ayudaVtr .ayuda-title a { color: #fff; }
#ayudaVtr .ayuda-body {
    background: #fff;
    padding: 14px 9px 9px 9px;
}
#ayudaVtr .ayuda-actions {
    padding-bottom: 7px;
    overflow: hidden;
}
#ayudaVtr .ayuda-actions li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 135px;
}
#ayudaVtr .ayuda-actions li.last { margin-right: 0px; }
#ayudaVtr .ayuda-actions .button {
    display: block;
    padding: 10px 0px 10px 45px;
    position: relative;
}
#ayudaVtr .ayuda-actions .button:before {
    content: "";
    display: block;
    height: 100%;
    width: 37px;
    position: absolute;
    left: 5px;
    background: url('img/ayudavtr-sprite.png') no-repeat;
}
#ayudaVtr .ayuda-actions .button.banda-ancha:before { background-position: 0px 0px; }
#ayudaVtr .ayuda-actions .button.television:before { background-position: -37px 0px; }
#ayudaVtr .ayuda-actions .button.telefonia:before { background-position: -74px 0px; }
#ayudaVtr .ayuda-actions .button.moviles:before { background-position: -111px 0px; }

#ayudaVtr .ayuda-actions .button .action-prefix {
    display: block;
    font-size: 11px;
    line-height: 100%;
    color: #cbcbcb;
    margin-bottom: 5px;
}
#ayudaVtr .ayuda-accesos {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: dashed;
    border-bottom-style: dashed;
    padding: 9px 0;
}
#ayudaVtr .ayuda-accesos a {
    display: block;
    line-height: 100%;
    font-family: 'neoSans';
    font-weight: bold;
    font-size: 14px;
    color: #333;
    padding: 4px 10px;
    background: url('img/flecha-ayuda.png') 95% 50% no-repeat;
}
.set1 #ayudaVtr .ayuda-accesos a:hover { color: #006d87; }
.set2 #ayudaVtr .ayuda-accesos a:hover { color: #6b8c39; }
.set3 #ayudaVtr .ayuda-accesos a:hover { color: #cc7b16; }
.set4 #ayudaVtr .ayuda-accesos a:hover { color: #be070f; }
.set5 #ayudaVtr .ayuda-accesos a:hover { color: #2c7e54; }

#ayudaVtr .ayuda-soporte-twitter {
    display: block;
    background: url('img/twitter-soporte.png') 10px 50% no-repeat;
    padding: 10px 15px 0px 65px;
    color: #333;
    font-family: 'neoSans';
}
#ayudaVtr .ayuda-soporte-twitter > span { display: block; }
#ayudaVtr .ayuda-soporte-twitter > span:first-child { margin-bottom: 5px; }
#ayudaVtr .ayuda-soporte-twitter .ayuda-soporte-twitter-title { font-size: 18px; }

#ayudaVtr .ayuda-more-actions { margin-top: 7px; }
#ayudaVtr .ayuda-more-actions a {
    display: block;
    width: 33.3333332%;
    float: left;
    font-family: 'neoSans';
    font-size: 11px;
    color: #0086AC;
    text-align: center;
    line-height: 120%;
    cursor: pointer;
    padding-top: 30px;
}
#ayudaVtr .ayuda-more-actions a strong {
    display: block;
    font-size: 14px;
}

#ayudaVtr .ayuda-more-actions a.paula { background: url('img/ico-ayudanew-paula.png') 50% 0% no-repeat; }
#ayudaVtr .ayuda-more-actions a.boleta { background: url('img/ico-ayudanew-boleta.png') 50% 0% no-repeat; }
#ayudaVtr .ayuda-more-actions a.vtrsoporte { background: url('img/ico-ayudanew-twitter.png') 50% 0% no-repeat; }

/*#ayudaVtr .tagTitle {
    display: block;
    padding: 45px 3px 30px 3px;
    border-radius: 0 0 5px 5px;
    background: #333;
    font-family: 'neoSans';
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 15px;
}
#ayudaVtr .mainHelp { padding: 0 0 0 65px; height: 150px; }
#ayudaVtr .mainHelp li { height: 17px; width: 212px; padding-bottom: 7px; background: url(img/ico-arrow-bottones.png) 100% 50% no-repeat; display: block;}
#ayudaVtr .mainHelp li:last-child { padding-bottom: 0px; }
#ayudaVtr .mainHelp a { font-family: 'neoSans'; font-weight: bold; color: #ccc; font-size: 14px; }
#ayudaVtr .mainHelp a:hover { color: #fff; }
#ayudaVtr .secondHelp a { display: block; padding: 5px; border-top: 1px solid #666; border-bottom: 1px solid #666; color: #00717b; line-height: 25px; }
#ayudaVtr .secondHelp a span { border-left: 1px solid #fff; padding-left: 10px; margin-left: 10px; }
#ayudaVtr .secondHelp a img { padding: 0 15px;}
#ayudaVtr .thirdHelp { padding-top: 10px; }
#ayudaVtr .thirdHelp li { float: left; padding: 0 4px; text-align: center;}*/


.listaProgramacion { padding: 8px 0; }
.listaProgramacion li { float: left; margin-right: 5px; }
.listaProgramacion li a {
    font-family: 'neoSans';
    font-size: 1.166666666666666666666666666666666666666666666666666666666666666em; /** 14px */
    line-height: 100%;
    color: #ccc;
    display: inline-block;
    padding: 10px 13px;
    background: #232323;
    border-radius: 5px;
    -webkit-box-shadow: inset 2px 2px 5px 0px #333;
    box-shadow: inset 2px 2px 5px 0px #000; 
}
.listaProgramacion li:hover a { background: #232323; color: #fff; }
.set1 .listaProgramacion li:hover a { background: #006d87; color: #fff; }
.set2 .listaProgramacion li:hover a { background: #6b8c39; color: #fff; }
.set3 .listaProgramacion li:hover a { background: #cc7b16; color: #fff; }
.set4 .listaProgramacion li:hover a { background: #be070f; color: #fff; }
.set5 .listaProgramacion li:hover a { background: #2c7e54; color: #fff; }

.listaProgramacion li.followMeTwitter a, .listaProgramacion li a.higlighted { color: #fff; }
.listaProgramacion li.followMeTwitter { margin-right: 0; margin-left: 5px; }
.listaProgramacion li.followMeTwitter a {
    color: #fff;
    font-weight: bold;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none; 
    padding: 6px 0 6px 30px;
    font-size: 0.916666666666666666666666666666666666666666666666666666666666666em; /** 11px */
    background: url(img/ico-twitter-big.png) 0 50% no-repeat;
}
.listaProgramacion li.followMeTwitter a { background: url(img/ico-twitter-big.png) 0 50% no-repeat !important; }

#programacion > div { padding: 10px; }
.carouselHolder { overflow: hidden;}
.carouselHolder .carouselSlides { position: relative; height: 195px; }
.carouselHolder.programacion .carouselSlides { height: 189px; }
.carouselHolder.actualidad .carouselSlides { height: 147px; }
.carouselHolder .carouselSlides li {
    width: 100%;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.carouselHolder .carouselSlides li:first-child { display: block; }
.carouselHolder.actualidad .carouselSlides li { padding: 0 15px 20px 15px; }
.carouselHolder .carouselSlides li img { display: block; /*width: 100%; */}
.carouselHolder.actualidad .carouselSlides li img { /*width: auto; */ margin: 0 10px 10px 0; }
#programacion .carouselHolder .carouselSlides li a:first-child {
    display: block;
    height: 153px;
    overflow: hidden;
}
.carouselHolder .carouselSlides li .itemDesc {
    display: block;
    padding: 10px;
    background: #333;
    color: #fff;
    text-align: center;
    font-size: 1.166666666666666666666666666666666666666666666666666666666666666em; /** 14px */
}
.carouselHolder.actualidad .carouselSlides li .metaData {
    font-size: 0.916666666666666666666666666666666666666666666666666666666666666em; /** 11px */
    color: #333333;
}
.carouselHolder.actualidad .carouselSlides li .newsTitle {
    font-size: 1.166666666666666666666666666666666666666666666666666666666666666em; /** 14px */
    color: #000;
}
.carouselHolder.actualidad .carouselSlides li .newsTitleBold {
    font-size: 1.3em; 
    color: #000;
    font-weight: bold;
}
.carouselHolder.actualidad .carouselSlides li p.newsbajada{
    padding-top: 10px;
}
.carouselHolder .carouselControlsHolder {
    padding: 10px;
    background: #5e5e5e;
    text-align: center;
}
.carouselHolder .carouselControls { display: inline-block; }
.carouselHolder .carouselControls li { float: left; margin: 0 2px; }
.carouselHolder .carouselControls a {
    display: block;
    width: 14px;
    height: 14px;
    background: url(img/bullets.png) 0 0 no-repeat;
}
.set1 .carouselHolder .carouselControls a.current { background-position: 0 -14px; }
.set1 .carouselHolder .carouselControls a:hover { background-position: 0 -28px; }

.set2 .carouselHolder .carouselControls a.current { background-position: -14px -14px; }
.set2 .carouselHolder .carouselControls a:hover { background-position: -14px -28px; }

.set3 .carouselHolder .carouselControls a.current { background-position: -28px -14px; }
.set3 .carouselHolder .carouselControls a:hover { background-position: -28px -28px; }

.set4 .carouselHolder .carouselControls a.current { background-position: -42px -14px; }
.set4 .carouselHolder .carouselControls a:hover { background-position: -42px -28px; }

.set5 .carouselHolder .carouselControls a.current { background-position: -56px -14px; }
.set5 .carouselHolder .carouselControls a:hover { background-position: -56px -28px; }

#encuestaForm { padding: 15px 20px; color: #fff; }
#encuestaForm h3 {
    font-family:  helvetica, Arial, sans-serif;
    line-height: 100%;
    color: #fff;
    font-size: 1.333333333333333333333333333333333333333333333333333333333333333em; /** 16px */
    padding: 0;
    margin-bottom: 20px;
}
#encuestaForm label { display: block; color: #999; margin: 3px 0; }
#encuestaForm label input { margin-right: 2px; }
#encuestaForm input[type="submit"] {
    font-family: 'neoSans';
    font-size: 1.166666666666666666666666666666666666666666666666666666666666666em; /** 14px */
    font-weight: bold;
    color: #fff;
    line-height: 100%;
    display: inline-block;
    padding: 5px 10px;
    background: #006888;
    border-radius: 3px;
    border: 0px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #00586A;
    margin-top: 6px;
}
.set1 #encuestaForm input[type="submit"] { background: #0086AC; border-bottom-color: #006d87; }
.set2 #encuestaForm input[type="submit"] { background: #a7c645; border-bottom-color: #6b8c39; }
.set3 #encuestaForm input[type="submit"] { background: #f19200; border-bottom-color: #cc7b16; }
.set4 #encuestaForm input[type="submit"] { background: #e2001a; border-bottom-color: #be070f; }
.set5 #encuestaForm input[type="submit"] { background: #4fae6c; border-bottom-color: #2c7e54; }

#encuestaForm input[type="submit"]:hover { background: #005266; }

#mainFooter { margin-top: 20px; padding-bottom: 55px; font-size: 0.916666666666666666666666666666666666666666666666666666666666666em; /** 11px */ }
#mainFooter .boxtop{ clear: both;}
#mainFooter .siteMap { margin-bottom: 20px; width: 780px; }
#mainFooter .siteMap > li { float: left; padding: 0 10px; border-right: 1px solid #333; width: 110px;}
/*mainFooter .siteMap > li:first-child { border-left: 0px; }*/
#mainFooter .siteMap > li > span { color: #fff; display: block; margin-bottom: 15px; }
#mainFooter .siteMap > li ul a { color: #999; display: block; }
#mainFooter .siteMap > li.multilist{   width: 350px; max-width: inherit;}
#mainFooter .siteMap > li.multilist ul { display: block; float: left; padding: 0 10px;   width: 100px;}
#mainFooter .siteMap > li.multilist ul.first { padding-left: 0; }
#mainFooter .siteMap a:hover { text-decoration: underline; }

#mainFooter address {
    font-family: 'neoSans';
    font-size: 16px;
    color: #fff;
    text-align: right;
    font-style: normal;
    width: 150px;
}
#mainFooter address .site-name {
    display: inline-block;
    margin-bottom: 30px;
}
#mainFooter address .site-name img { display: block; }
#mainFooter address > span { display: block; }
#mainFooter address .texto-chico { font-size: 12px; margin-top: 10px; }
#mainFooter address .trespuntos:before {
    content: "";
    display: inline-block;
    height: 9px;
    width: 6px;
    margin-right: 5px;
    background: url('img/footer-3puntos.png') 50% 50% no-repeat;
}
#mainFooter address .social-list { border-top: 1px dashed #333; margin-top: 15px; padding-top: 5px; }
#mainFooter address .social-list li { float: right; margin-left: 10px;}
#mainFooter address .social-list a {
    display: block;
    width: 32px;
    height: 32px;
    background: url(img/socialSprite.png) 0 0 no-repeat;
}
#mainFooter address .social-list a.facebook { background-position: 0px 0px; }
#mainFooter address .social-list a.twitter { background-position: -32px 0px; }
#mainFooter address .social-list a.youtube { background-position: -64px 0px; }

#sub-footer { margin-top: 25px; padding-top: 15px; border-top: 1px dashed #333; }
#sub-footer p, #sub-footer a { color: #ccc; }
#sub-footer p { line-height: 35px; }
#sub-footer a { text-decoration: underline; }
#sub-footer a:hover { color: #333; }
#sub-footer .sponsors li { float: right; margin-left: 15px; }
#sub-footer .sponsors a { display: block; }

/*******************************************************************************/
/* Auxiliares */
/*******************************************************************************/

.button, a.button {
    font-family: 'neoSans';
    font-weight: bold;
    color: #fff;
    line-height: 100%;
    display: inline-block;
    padding: 12px 17px;
    border-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    font-size: 1.166666666666666666666666666666666666666666666666666666666666666em; /** 14px */
}
.set1 .button, a.button { background: #0086AC; border-color: #006d87; }
.set2 .button, a.button { background: #a7c645; border-color: #6b8c39 }
.set3 .button, a.button { background: #f19200; border-color: #cc7b16; }
.set4 .button, a.button { background: #e2001a; border-color: #be070f; }
.set5 .button, a.button { background: #4fae6c; border-color: #2c7e54; }

a.button.red-button { background: #F02E35; border-color: #DB0F14; padding: 8px 17px; }

.button:hover { background-color: #005266 !important; }
a.button.red-button:hover { background: #F24A4F !important; border-color: #DB0F14; }

.button.padTop { margin-top: 5px; }
.lista-condiciones + .button.padTop { margin-top: 5px; }

.social {
     display: block;
     width: 32px;
     height: 32px;
     background: url(img/socialSprite.png) 0 0 no-repeat;
}
.social.facebook { background-position: 0 0; }
.social.twitter { background-position: -32px 0; }
.social.youtube { background-position: -64px 0; }


.colorCeleste { color: #00B8F1; }
.colorVerde { color: #8BC53E;  }
.colorRojo { color: #EE3E55; }
.colorAmarillo { color: #FFCA03; }
.colorTurquesa { color: #006C86; }

.structuralList {
    list-style: none;
    display: block;
}
.nobullets {
    list-style: none;
}

.imageReplacement {
    font-size: 0px;
    line-height: 0;
    color: transparent;
}
.imageReplacement.vtrvod {
    display: block;
    height: 31px;
    background: url(img/vtrvod.png) 0 0 no-repeat;
}
h3.vtrvod { padding: 9px; }
.imageReplacement.govtr {
    display: block;
    height: 30px;
    background: url(img/govtr.png) 0 0 no-repeat;
}
h3.govtr { padding: 10px; }

.imageReplacement img { display: block; }

.anchorImage { display: block; width: 100%; }
.anchorImage img { display: block; width: 100%; }

.overflowHidden { overflow: hidden; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
.hidden { display: none; visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.floatRight { float: right; }
.floatLeft { float: left; }

.posRelative { position: relative; }

.porciento{
    display: block;
    padding:  3px;
    color: #fff;
}

/*******************************************************************************/
/* LightBox */
/*******************************************************************************/

#light-box-background {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: rgba(0,0,0,0.5);
    *background: url(img/lb-background.png) repeat;
}
#light-box {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8);
    background: #000;
    width: 360px;
    height: 700px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin: 0 0 0 -180px;
}
#close-light-box {
    position: absolute;
    top: 0;
    right: -24px;
    display: block;
    width: 24px;
    height: 24px;
    background: url(img/close-button.jpg) 50% 50% no-repeat;
    border: 0px;
    line-height: 0;
    font-size: 0px;
    color: transparent;
}
.guiatv img{
  width: 124%;  
  margin-left: -35px;
}
.footer_logos_derecha {
    background: url(img/bg-logos.png) no-repeat scroll 0 0 transparent;
    float:right;
    padding-top:0;
    width:160px;
}
.footer_logos_derecha li {
    float:left;
    list-style:none outside none;
    margin:0;
    padding:0;
}
.gpw a {
    background:url("img/logo_gpw.png") no-repeat scroll 0 0 transparent;
    display:block;
    font-size:9px;
    height:30px;
    margin-left:15px;
    margin-right:7px;
    text-indent:-10000px;
    width:26px;
}
.api a {
    background:url("img/logo_api.png") no-repeat scroll 0 0 transparent;
    display:block;
    font-size:9px;
    height:30px;
    margin-right:7px;
    text-indent:-10000px;
    width:30px;
}
.iab a {
    background:url("img/logo_iab.png") no-repeat scroll 0 0 transparent;
    display:block;
    font-size:9px;
    height:30px;
    margin-right:7px;
    text-indent:-10000px;
    width:49px;
}
.linkfooter, .linkfooter a{
    color: #999;
}
.linkfooter a:hover{
    color: #666;
    text-decoration: underline;
}