body{font-family: 'Roboto', sans-serif !important; margin:0; padding:0;}
a{text-decoration: none !important;}
p{font-weight: 100; font-size: 1em; line-height: 1.2; color: grey;}
#title-section-1{font-size: 2em; color: grey; text-align: center; display: block; font-weight: 300; margin-bottom: 2em;}
#title-section-2{font-size: 2em; color: white; text-align: center; display: block; font-weight: 300; margin-bottom: 2em;}
#title-section-3{font-size: 2em; color: grey; text-align: center; display: block; font-weight: 300; margin-bottom: 1em; margin-top: 1.5em;}
#title-section-1 .icono, #title-section-2 .icono, #title-section-3 .icono{display: inline-block; margin: 0 auto; padding-right: 10px;}
.rosa{color: #ff6766; font-size:1.3em; font-weight: 100; text-align: center;}

button{outline: none;}

.header{height: 100px; position: relative; z-index: 9999;}
.menu-secundario{width:100%; height: 40px; background:#F6921E;}
.menu-secundario nav:last-child{float: right; height:30px; margin-top:10px;}

.menu-secundario-telefonia{width:100%; height: 40px; background-color:#ff6766;}
.menu-secundario-telefonia nav:last-child{float: right; height:30px; margin-top:10px;}

.menu-secundario-internet{width:100%; height: 40px; background-color:#a9d833;}
.menu-secundario-internet nav:last-child{float: right; height:30px; margin-top:10px;}

.menu-secundario-tv{width:100%; height: 40px; background-color:#00bbff;}
.menu-secundario-tv nav:last-child{float: right; height:30px; margin-top:10px;}

.cliente-tipo ul{margin-top:0px; height: 30px;}
.cliente-tipo li{list-style:none; display:inline-block; margin: 4px 8px; padding-top: 3px;}
.cliente-tipo a{text-decoration:none; color: white; padding: 10px 20px; font-size: 14px; background-color: grey; border-radius: 8px 8px 0 0; height: 30px;}
.cliente-tipo #presionado{background-color:white; color: #F6921E;}

.redes-sociales{float: right; height: 35px;}
.redes-sociales ul{margin-top: 8px;}
.redes-sociales li{list-style:none; display:inline-block; width: 25px; height: 25px; margin-right: 10px;}
.redes-sociales a{display: block; width: 25px; height: 25px;}
.redes-sociales a:hover{background-position:0 -25px;}

/*.facebook{background: url(../images/facebook.png);}
.twitter{background: url(../images/twitter.png);}*/

.header {width:100%; height:65px; background-color:white; position: relative; -webkit-box-shadow: 0 1px 7px 1px rgba(0,0,0,0.3); box-shadow: 0 1px 7px 1px rgba(0,0,0,0.3);}
.boton-menu-ppal {padding-top: 24px !important; padding-bottom: 17px !important;
-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.boton-menu-ppal:hover {color:#F6921E; border-bottom: solid 4px #F6921E;}
.boton-menu-ppal > .open, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a
{color:#F6921E; border-bottom: solid 4px #F6921E !important; background-color: white !important; background-image: none !important; box-shadow: none !important;}
.nav-ppal{box-shadow: none !important; background-color: white !important; border-radius: 0 !important; margin-bottom: 0 !important; 
    border: none !important; height: 65px;}
.desplegable-menu-ppal{padding: 0 !important;}
.desplegable-menu-ppal a{padding: 20px 50px 20px 30px !important; border-bottom: solid 1px #d9d9d9;}
.desplegable-menu-ppal a:hover {border-bottom: solid 4px #F6921E !important; color: #F6921E !important; background-color: white !important; 
    box-shadow: none !important; background-image: none !important;}


#menu{}
#menu ul{float: right; margin:10px 0;}
#menu li{list-style:none; display:inline-block; padding:15px;}
#menu a{text-decoration:none; color:grey; padding: 18px 0; 
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;}
#menu a:hover{color:#F6921E; border-bottom: solid 3px #F6921E;}

.marca{background:url(../images/marcagr.png) no-repeat; width:180px !important; height:143px !important; float:left; top:-35px; position: absolute;}

/*MENU SCROLL*/
.header2{position: fixed;}
.header2 .menu-secundario, .header2 .menu-secundario-internet, .header2 .menu-secundario-telefonia, .header2 .menu-secundario-tv{display: none;}
.header2 .marca{background:url(../images/marca-xs.png) no-repeat; width:150px; float:left; top:0px; position: absolute;}
.header2 .menu-principal{width:100%; height:65px; background-color:white; position: relative;
-webkit-box-shadow: 0 1px 7px 1px rgba(0,0,0,0.3);
box-shadow: 0 1px 7px 1px rgba(0,0,0,0.3);}
/*FIN MENU SCROLL*/

/*MENU DERECHA HOVERABLE*/
#texto-boton{display: inline-block !important;}
.button-callcenter{position: fixed !important; display: inline-block; z-index: 9999999 !important; right:0; top:150px; max-width: 230px;}
.callcenter{background-color:grey; color: white; padding: 15px 53px 15px 5px; font-size: 0.8em; border: none; cursor: pointer; 
            border-radius: 12px 0 0 12px;}
.callcenter:hover{width: 230px;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;

-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(1px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(1px) skewX(0deg) skewY(0deg);
-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(1px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(1px) skewX(0deg) skewY(0deg);
transform: scale(1.1) rotate(0deg) translateX(0px) translateY(1px) skewX(0deg) skewY(0deg);}
.dropdown-content{display: none; position: absolute; background-color: grey; width: 230px; text-align: left !important; font-size: 1em; 
                font-weight: 100; right: 0; padding: 0 0 20px 30px; border-radius: 0 0 0 12px; z-index: 99999999 !important;}
.dropdown-content a {color: white; padding: 20px 16px 12px 0px; text-decoration: none; display: block; font-weight: 500;}
.dropdown-content a:hover {color: rgba(255, 255, 255, 0.7);}
.dropdown-content b {font-weight: 500;}
.dropdown-content p {font-size: 0.8em; color: white;}
.icon-callcenter{width:25px; height:25px; margin-right: 10px; padding-left: 10px;}

/* Show the dropdown menu on hover */
.button-callcenter:hover .dropdown-content {display: block; 
    -webkit-transition:height 200ms ease-in;
    -moz-transition:height 200ms ease-in;
    -o-transition:height 200ms ease-in;
    transition:height 200ms ease-in;}

/* BOTON SUBIR */
.scrollup{
    width:47px; height:47px; z-index:100; position:fixed; bottom:50px; right:50px; cursor:pointer; display:none; text-indent:-99999px; 
    background: url(../images/subir.png);}
/* FIN BOTON SUBIR */


/*OFICINA VIRTUAL*/
.button-oficinavirtual{position: fixed !important; display: inline-block; z-index: 99999 !important; right:0; top:225px; max-width: 230px;}
.icon-oficinavirtual{width:25px; height:25px; margin-right: 10px; padding-left: 10px;}
.oficinavirtual{background-color:#F6921E; color: white; padding: 15px 30px 15px 5px; font-size: 0.8em; border: none; cursor: pointer; border-radius: 12px 0 0 12px;}
.oficinavirtual:hover{width: 230px;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;

-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(1px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(1px) skewX(0deg) skewY(0deg);
-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(1px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(1px) skewX(0deg) skewY(0deg);
transform: scale(1.1) rotate(0deg) translateX(0px) translateY(1px) skewX(0deg) skewY(0deg);}

.dropdown-content-oficina{display: none; position: absolute; background-color: #F6921E; width: 230px; text-align: left !important; font-size: 1em; 
                font-weight: 100; right: 0; padding: 0 0 20px 30px; border-radius: 0 0 0 12px;}
.dropdown-content-oficina a {color: white; padding: 0px 16px 0px 0px; text-decoration: none; display: block; font-weight: 500;}
.dropdown-content-oficina a:first-child {padding-top: 15px; line-height: }
.dropdown-content-oficina a:hover {color: rgba(255, 255, 255, 0.7);}
.dropdown-content-oficina b {font-weight: 400;}
.dropdown-content-oficina p {font-size: 0.8em;}

/* Show the dropdown menu on hover */
.button-oficinavirtual:hover .dropdown-content-oficina {display: block; 
    -webkit-transition:height 200ms ease-in;
    -moz-transition:height 200ms ease-in;
    -o-transition:height 200ms ease-in;
    transition:height 200ms ease-in;}
/*FIN MENU DERECHA HOVERABLE*/



section{/*height:100%;*/ display:table; width:100%;}
.align{display: table-cell; vertical-align: middle; width: 100%; margin: 0 auto; height: auto;}
.align-int{width: 100%; max-width: 1170px; margin: 0 auto;}
.texto{display: table-cell; vertical-align: middle;}


/*INDEX*/
#section-1{width:100%; /*height:100%;*/ overflow:hidden; background-color: #F0F0F0;}

.jssorb21{position: absolute; bottom: 30px; left: 6px;}
#slider1_container img{top:0; left: 0; overflow:hidden;}
.button-slide{position: absolute; bottom: 7%; font-weight: 400; line-height: 36px; font-size: 1.5em; color: white; padding: 10px 40px; border-radius: 10px;
            -moz-box-shadow: 1px 1px 2px 0px grey; -webkit-box-shadow: 1px 1px 2px 0px grey; box-shadow: 1px 1px 2px 0px grey;
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #f6911e));
            background:-moz-linear-gradient(top, #ffec64 5%, #f6911e 100%);
            background:-webkit-linear-gradient(top, #ffec64 5%, #f6911e 100%);
            background:-o-linear-gradient(top, #ffec64 5%, #f6911e 100%);
            background:-ms-linear-gradient(top, #ffec64 5%, #f6911e 100%);
            background:linear-gradient(to bottom, #ffec64 5%, #f6911e 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#f6911e',GradientType=0);
            background-color:#ffec64;
            display:inline-block;
            cursor:pointer;}
.button-slide:hover{ background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6911e), color-stop(1, #ffec64));
    background:-moz-linear-gradient(top, #f6911e 5%, #ffec64 100%);
    background:-webkit-linear-gradient(top, #f6911e 5%, #ffec64 100%);
    background:-o-linear-gradient(top, #f6911e 5%, #ffec64 100%);
    background:-ms-linear-gradient(top, #f6911e 5%, #ffec64 100%);
    background:linear-gradient(to bottom, #f6911e 5%, #ffec64 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6911e', endColorstr='#ffec64',GradientType=0);
    background-color:#f6911e;}            
/*FIN INDEX*/


/*SERVICIOS*/
#section-2{/*background:#F0F0F0;*/ width:100%; /*height:100%;*/ display: table; /*background:url(../images/bg-servicios.jpg); background-size: cover;*/}

.productos h1{text-align: center; padding-top: 3%;}
.productos h3{color: #f0f0f0; padding: 85px 0px 15px 82px; font-weight: 300; font-size: 150%; line-height: 100%; position: absolute; z-index: 50}
/*.productos{-webkit-box-shadow: 3px 5px 8px 2px #DEDEDE; box-shadow: 3px 5px 8px 2px #DEDEDE;}*/

#cabecera-telefonia{background-color:#ff6766; width:100%; height:150px; font-size: 1.5em; position: relative; border-radius: 10px 10px 0 0}
#cabecera-telefonia img{width:100%; max-width:155px; float:left; bottom:0; position: absolute;}
#cabecera-telefonia h3{position: absolute; right: 5%; top: -40%;}

#cabecera-internet{background-color:#a9d833; width:100%; height:150px; font-size: 1.5em; position: relative; border-radius: 10px 10px 0 0}
#cabecera-internet img{width:100%; max-width:234px; float:left; bottom:0; position: absolute; bottom: -10px; z-index: 9; left: -5px;}
#cabecera-internet h3{position: absolute; right: 5%; top: -40%;}

#cabecera-iptv{background-color:#00bbff; width:100%; height:150px; font-size: 1.5em; position: relative; border-radius: 10px 10px 0 0}
#cabecera-iptv img{width:100%; max-width:265px; float:left; bottom:0; position: absolute;}
#cabecera-iptv h3{position: absolute; right: 5%; top: -40%;}

.productos ul, #productos li{margin:0; padding:0; list-style:none;} 
.productos nav li{display:block;}

.productos nav a{display:block; height:65px; width:100%; color:#ada190; padding:6%; text-decoration:none; text-align: left; 
                background-color: white; font-size: 20px; position: relative;
                -webkit-transition: all 200ms ease-in-out;
                -moz-transition: all 200ms ease-in-out;
                -ms-transition: all 200ms ease-in-out;
                -o-transition: all 200ms ease-in-out;
                transition: all 200ms ease-in-out;}
#telefonia a:hover{background-color: #f2f2ec; border-left:5px solid #ff6766; padding-left:16px;}
#internet a:hover{background-color: #f2f2ec; border-left:5px solid #a9d833; padding-left:16px;}
#iptv a:hover{background-color: #f2f2ec; border-left:5px solid #00bbff; padding-left:16px;}

.icono-productos {display:block; width:64px; height:64px; position: absolute; bottom: 0; right: 0;}
#icon-telefonia{background:url(../images/icon-telefonia.png)no-repeat;}
#icon-internet{background:url(../images/icon-internet.png)no-repeat;}
#icon-tv{background:url(../images/icon-tv.png)no-repeat;}
/*FIN SERVICIOS*/


/*MODAL*/
.boton-modal-legales{border: none; text-align: center; text-decoration: none; background: none; width: 100%;}
.ventana-modal{z-index: 99999 !important;}
.ventana-modal p{font-size: 0.9em;}
.ventana-modal h1{color: #F6921E; font-size: 1em;}
.titulo-modal{font-size: 2em; color: grey; display: block; font-weight: 300; margin-bottom: 2em;}
.boton-cerrar{float: right; border: none; text-decoration: none; background: none; font-size: 2em;}
.modal-pie{background: #F6921E; padding: 15px 35px !important;}
.modal-pie p{text-align: center; color: white; font-size: 1em;}
/*FIN MODAL*/


/*TELEVISION*/
#section-3{width:100%; /*height:100%;*/ /*background:url(../images/bg-tv.jpg); background-size:cover;*/ display: table;}
#section-3 h1{font-size: 3em; font-weight: 400; text-align: left; color: white;}
#section-3 h2{font-size: 1em; font-weight: 200; text-align: left; color: white;}

.videos-anteriores{max-width: 200px; overflow-y: scroll; padding-right: 10px; max-height: 300px;}
.videos-anteriores iframe:last-child{margin-top: 30px;}

.enlace-tv{margin: 20px 0; color: white; display: block;}
.enlace-tv:hover, .enlace-tv:focus{color: white; text-decoration: none;}
/*STYLE SCROLLBAR*/
.videos-anteriores::-webkit-scrollbar {width:7px;}
.videos-anteriores::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 25px rgba(255,255,255,0.5);  border-radius: 5px;}
.videos-anteriores::-webkit-scrollbar-thumb {background-color: #eee; border-radius: 5px; outline: 1px solid slategrey; }
/*FIN STYLE SCROLLBAR*/

#video-1{max-height: 157px;}
#video-2{max-height: 157px;}

.title-video{color: white; font-size: 1em; font-weight: 200; padding: 10px 0 0 0;}
.desc-video{color: white; font-size: 0.8em; font-weight: 100; padding: 3px 0 25px 0;}
/*FIN TELEVISION*/



/*INSTITUCIONAL*/
#section-4{width:100%; /*height:100%;*/ /*background:url(../images/bg-institucional.jpg); background-size:cover;*/ display: table;}
.cuadro-inst{width: 175px; height: 175px; background-color: #f6921e; position: relative; margin: 0 10px; color: white; display:inline-block;
            padding: 95px 0 0 20px; font-size: 1.3em; font-weight: 200; line-height:1.1em; text-decoration: none;
            -webkit-transition: all 250ms ease-in-out;
            -moz-transition: all 250ms ease-in-out;
            -ms-transition: all 250ms ease-in-out;
            -o-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;}
.cuadro-inst:hover{background-color: rgba(241,101,35,1); text-decoration: none;}
.cuadro-inst .inst-flecha{width: 45px; height: 45px; position: absolute; bottom: 0; right: 0;}
.icono-inst-hist, .icono-inst-cons, .icono-inst-telv, .icono-inst-iden, .icono-inst-press{width: 40px; height: 34px; position: absolute; top: 40px; left: 20px;}

.filosofia{color:#043151; padding-top: 65px; font-weight: 400;}
.filosofia span{font-weight: 600; line-height:2; text-transform:uppercase;}
.filosofia p{color: white !important; text-align: center !important;}

.nuestra-filosofia {padding-right: 0 !important;}
.nuestra-filosofia-img {padding-left: 0 !important; background: url(../images/telviso-edificio.jpg) center center; background-size:cover; height: auto; min-height: 200px;}
.nuestra-filosofia-img img{width: 100%;}
.texto-historia{-webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2;}

.telviso-hoy-img{background: url(../images/telviso-hoy.jpg) center center; background-size: cover; height: auto; min-height: 420px;  max-width: 315px; margin: 0 auto;}
.telviso-hoy-img img{width: 100%;}
/*FIN INSTITUCIONAL*/



/*COMUNIDAD*/
#section-5{width:100%; /*height:100%;*/ display: table; background-color: #f0f0f0; padding-top: 5%;}
.comunidad{margin-right: 2%; padding: 0 0 10px 0; max-width: 370px; width:100%; display: inline-block; height: 150px; background-color:white;}
.comunidad:last-child{margin-right: 0px;}
.comunidad ul{padding: 10px 30px;}
.comunidad li{list-style:none; display:block; padding: 0px 0 3px 0;}
.comunidad a{text-decoration:none; color:#f6921e; font-weight: 400;}
.comunidad a:hover{color:grey;}

.caja-slide-index{margin: 0 auto;}
.caja-carousel{width: 100%; height: auto;}
.caja-carousel img{width: 100%; height: auto; max-width: 370px;}
.title-comunidad{max-width: 370px; width:100%; height: 55px; background-color:#e98b1e; margin-right: 2%; padding: 15px 15px 0px 30px;}
.title-comunidad a{color:white; font-size: 1.5em; font-weight: 200; text-decoration: none;}
.glyphicon-comunidad{float: right; line-height: 2; font-size: 0.7em;}

#actividad{width:370px; height:150px; position: absolute; left: 0; bottom: -150px}
#cultura{width:370px; height:150px; position: absolute; left: 0; bottom: -150px}
#otros{width:370px; height:150px; position: absolute; left: 0; bottom: -150px;}

.titular{text-align: center;}
.textual{text-align: center;}
/*FIN COMUNIDAD*/



/*FOOTER*/
footer{background:url(../images/bg-footer.jpg); padding: 50px 0; background-size:cover; overflow:hidden; color: #F6921E; position: relative; display: block;}
footer ul{padding-left:0;}
footer li{list-style:none; display:block;}
footer a{text-decoration: none; color:white; font-weight: 100;}
footer a:hover{color: rgba(255,255,255,0.3);}

.fin-footer{color:white; font-size:0.8em; font-weight: 100; text-align:center; padding-top:30px;}
/*FIN FOOTER*/



/*--------------------------------INTERIORES--------------------------------*/
/*slide*/ #section-int-1{width:100%; /*height:500px;*/ position: relative;}
#section-inst-1{width:100%; height:250px; position: relative;}
#section-int-2{width:100%; height:auto;}
#section-int-3{width:100%; height:auto;}
#section-int-4{width:100%; height:auto;}
#section-int-5{width:100%; height:auto;}
#section-int-6{width:100%; height:auto;}

.margin-row{margin: 5% 0 !important;}



/*------------------------------------TELEFONIA------------------------------------*/
.cuadro-hogares{background-color:#ff6766; max-width: 370px; width:100%; height: 145px; margin-right: 2%; color:white; font-size: 2em; padding: 55px 15px 0px 30px; font-weight: 200; line-height: 1em;}
.cuadro-hogares p{text-align: center;}
.cuadro-info-tel {background-color: #f0f0f0; max-width: 370px; width:100%; height: 340px; padding: 15px 30px; position: relative;}
.cuadro-info-tel-2 {background-color: #f0f0f0; max-width: 370px; width:100%; height: 130px; padding: 15px 30px; position: relative;}
.cuadro-info-tel p{/*padding: 30px; margin: 0;*/}
.info-precio {/*background-color: #f0f0f0; padding: 30px;*/}
.info-precio p{font-size:1.5em; color:#ff6766; line-height: 1em;}

.button-telefonia{background-color:#ff6766; border-radius: 10px; color:white; width:80%; max-width:300px; padding: 15px 50px; border:none; 
                font-size:1.2em; position: absolute; bottom: 20px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;}
.button-telefonia:hover{background-color: #ff8585;}

.locutorios-bg{background:url(../images/bg-telefoniapublica.jpg); background-size: cover;}
.locutorios{width: 100%; height:250px; overflow-y: scroll; padding-right: 10px; background-color: white; padding: 30px; margin: 0;
            -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.3); box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.3);}

/*STYLE SCROLLBAR*/
.locutorios::-webkit-scrollbar {width:7px;} 
.locutorios::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 25px rgba(255,255,255,0.5);  border-radius: 5px;} 
.locutorios::-webkit-scrollbar-thumb {background-color: #eee; border-radius: 5px; outline: 1px solid slategrey; }
/*STYLE SCROLLBAR*/

.title-mapa p{color: white; font-size: 1.2em; height: 50px; padding: 14px 30px; text-align: left; margin: 0;}
#naranja{background-color: #ff7700;}
#verde{background-color: #33cc33;}

.cuadro-rosa{background-color: #ff6766; height: 60px; text-align: center; padding: 15px; color: white; font-weight: 100; font-size: 1.5em;}
.cuadro-gris{background-color:#f0f0f0; height: 70px; text-align: center; padding: 10px;}

.larga-distancia{height: 160px; background-color: #f0f0f0; position: relative;}
.larga-distancia p{font-size: 1.3em; font-weight: 100; position: absolute; left: 185px; top: 15px;}
#cuadro-naranja{position: absolute; width: 160px; height: 160px; top: 0; left: 0;}
#cuadro-naranja p{position: absolute; top: 5px; left: 15px; color: white; font-size: 3em; font-weight: 600;}
#cuadro-naranja span{font-size: 0.6em;}
#cuadro-rosa{position: absolute; width: 160px; height: 160px; top: 0; left: 0;}

.areas-servicio{width: 420px; height: 140px; padding: 10px; margin-top: 100px; position: absolute; left: 5%;}
.areas-servicio p{color: white; position: absolute; font-size: 2em; top: 30px; left: 40px;}
/*-----------------------------------FIN TELEFONIA-----------------------------------------*/


/*--------------------------------------INTERNET--------------------------------------*/
.cuadro-intenet-1{background-color:#F6921E; max-width: 970px; width:100%;/* height: 100px;*/ margin-right: 2%; color:white; font-size: 2em; padding: 35px 15px 0px 30px; font-weight: 200;}
.cuadro-intenet-2{background-color:#a9d833; max-width: 370px; width:100%; height: 155px; margin-right: 2%; color:white; font-size: 2em; padding: 60px 15px 0px 30px; font-weight: 200;}

.cuadro-info-int-1{background-color: white; max-width: 970px; width:100%;/* height: 340px;*/ padding: 15px 30px; position: relative; margin-bottom: 30px;}
.cuadro-info-int-1 .info-precio p{font-size: 1.5em; color: #a9d833; line-height: 0.9em; text-align: center;}
.cuadro-info-int-1 .info-precio span{color: grey; font-size: 2em; font-weight: 600; text-align: center;}
.cuadro-info-int-2{background-color: #f0f0f0; max-width: 370px; width:100%; height: 280px; padding: 15px 30px; position: relative;}
.cuadro-info-int-2 .info-precio p{color:#a9d833;}

.button-internet{background-color:#F6921E; border-radius: 10px; color:white; width:80%; max-width:200px; padding: 15px 50px; border:none; 
                font-size:1.2em; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; position: absolute; bottom: 20px;}
.button-internet:hover{background-color: #ffb763;}

.cuadro-info-int-2 .button-internet{max-width: 300px;}
.areas-wifi{width: 100%;}
/*------------------------------------FIN INTERNET------------------------------------*/





/*-------------------------------------TELEVISIÓN-------------------------------------*/
.cuadro-info-tv-1{background-color: white; max-width: 260px; width:100%; height: 210px; padding: 15px 30px; position: relative; margin-bottom: 30px;}

.cuadro-tv-1{background-color:#00bbff; max-width: 260px; width:100%; height: 100px; margin-right: 2%; color:white; font-size: 2em; padding: 35px 15px 0px 30px; font-weight: 200;}
.info-precio-tv p{color:#00bbff; font-size: 1.5em; line-height: 1em; text-align: center;}

.paquetes-tv{height: 160px; background-color: white; position: relative;}
/*.paquetes-tv p{font-size: 1.3em; font-weight: 100; position: absolute; left: 185px; top: 15px;}*/
#cuadro-celeste{position: absolute; width: 160px; height: 160px; top: 0; left: 0;}
#cuadro-celeste p{position: absolute; top: 0px; left: 20px; color: #00bbff; font-size: 2.5em; font-weight: 100; line-height:1;}
/*#cuadro-celeste span{font-size: 0.6em;}*/
#cuadro-celeste2{position: absolute; width: 160px; height: 160px; top: 0; right: 0; text-align: center;}
#cuadro-celeste2 p{position: absolute; top: 10px; left: 25px; color: white; font-size: 1em; font-weight: 100; line-height:1.2;}
#cuadro-celeste2 span{color: white; font-size: 3em; font-weight: 600;}

.pack-tv p{color: #00bbff; font-size: 1.5em; font-weight: 100; line-height: 1.3; text-align: center;}
.pack-tv span{color: #b3b3b3; font-size: 0.5em; font-weight: 100;}

.button-tv{background-color:#00bbff; border-radius: 10px; color:white; width:100%; max-width:300px; padding: 15px 30px; border:none; 
            font-size:1.2em; text-align: center; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;}
.button-tv:hover{background-color: #80ddff;}


.ondemand{background-color:white; color:#00bbff; border-radius: 20px; position: absolute; bottom: 50px; left: 80px; margin: 0 auto; padding: 5px 30px; 
        border: none;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;}
.ondemand:hover{background-color:#80ddff; color:white;}

.guia-canales{max-width: 1000px; width: 100%; height:700px; overflow-y:scroll; margin: 0 auto;}

.button-vertodas{color:#00bbff; font-size: 1.5em; font-weight: 100; text-decoration: none; text-align:center; float: inherit; width:100%; 
                padding-bottom: 20px;
                -webkit-transition: all 200ms ease-in-out;
                -moz-transition: all 200ms ease-in-out;
                -ms-transition: all 200ms ease-in-out;
                -o-transition: all 200ms ease-in-out;
                transition: all 200ms ease-in-out;}
.button-vertodas:hover{color:grey;}

/*STYLE SCROLLBAR*/
.guia-canales::-webkit-scrollbar {width:7px;}
.guia-canales::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 25px white;  border-radius: 5px;}
.guia-canales::-webkit-scrollbar-thumb {background-color: grey; border-radius: 5px; outline: 1px solid slategrey; }
/*FIN STYLE SCROLLBAR*/

.guia-canales img{width: 100%;}
/*-------------------------------------FIN TELEVISIÓN-------------------------------------*/





/*-------------------------------------INSTITUCIONAL-------------------------------------*/
.title-institucional{color: white; font-size: 3em; font-weight: 100; margin-top: 5%; text-align: center;}

.consejo-1{background-color: #F6921E; padding: 8px; width: 100%; margin-bottom: 4px; color: white; text-align:right; font-size:1em; font-weight: 100;}
.consejo-2{background-color: #f0f0f0; padding: 8px; width: 100%; margin-bottom: 4px; color: grey; text-align:left; font-size:1em; font-weight: 100;}

.historia{background-color: #F6921E; height:auto; min-height:200px; padding: 35px 50px; background-image: url(../images/historia.png); background-repeat: no-repeat; background-position: right bottom;}
.historia span{color: grey; font-size: 2em; font-weight: 100;}
.historia p{color: white; font-size: 1em; font-weight: 100;}
.historia img{width: 100%; max-width: 300px; position: absolute; right: 0; bottom: 0;}

.telviso-hoy{background-color: #F6921E; height:auto; min-height:420px; padding: 0; background-image:url(../images/bg-telviso-hoy.png); background-repeat:no-repeat; background-position: right bottom;}
.telviso-hoy img{float: left;}
.telviso-hoy p{padding: 45px; color: white; margin:0;}
/*.telviso-hoy img{position: absolute; bottom: 0; right: 20;}*/
.identidad-coop{text-align: center; padding: 0 30px !important; font-size: 12;}
.identidad-coop p{color: black; line-height: 1.5;}
.identidad-coop img{margin: 0 auto; margin-top: 50px;}

.prensa-revista-n{background-color:#F6921E; color:white; font-size: 1.5em; padding: 35px 30px; font-weight: 100;}
.prensa-descarga{background-color:#f0f0f0; padding:20px 30px;}
.prensa-descarga a{color:#F6921E; text-decoration: none;}
.prensa-descarga img{float: right; margin-top: -5;}
.prensa-foto-1{width: 100%; height: 250px; background:url(../images/revista-1.jpg)center center;}
.prensa-foto-2{width: 100%; height: 250px; background:url(../images/revista-2.jpg)center center;}
.prensa-foto-3{width: 100%; height: 250px; background:url(../images/revista-3.jpg)center center;}

/*.prensa-info{}
.prensa-cuadro-naranja{background-color: #F6921E; padding: 30px; margin: 0; color: white; font-weight: 100; height: 100%; font-size: 1.5em; display: block;}
.fondo-gris{background-color:#f0f0f0; height: auto; display: block;}
.prensa-cuadro-gris{padding:30px; display: block;}*/

.fondo-gris{display:flex; display:-webkit-flex; /* Safari */ margin:30px 0; height:auto;}
.prensa-cuadro-naranja{background-color: #F6921E; padding: 35px !important; color: white; font-weight: 100; font-size: 1.5em; position: relative;}
.prensa-cuadro-verde{background-color: #a9d833; padding: 35px !important; color: white; font-weight: 100; font-size: 1.5em; position: relative;}
.prensa-cuadro-rosa{background-color: #ff6766; padding: 35px !important; color: white; font-weight: 100; font-size: 1.5em; position: relative;}
.prensa-cuadro-naranja img{position: absolute; bottom: 0; right: 0;}
.prensa-cuadro-gris{background-color: #f0f0f0; padding: 35px !important; color:grey; font-weight: 100; font-size: 1em;}
.prensa-cuadro-gris span{color:#F6921E; font-size: 1.2em;}
/*-------------------------------------FIN INSTITUCIONAL-------------------------------------*/


/*---------------------------------------COMUNIDAD---------------------------------------*/

/*--------------------------------------ACTIVIDADES--------------------------------------*/
/* jssor slider loading skin double-tail-spin css */

.jssorl-004-double-tail-spin img {
    animation-name: jssorl-004-double-tail-spin;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-004-double-tail-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.jssorb051 .i {position:absolute;cursor:pointer;}
.jssorb051 .i .b {fill:#fff;fill-opacity:0.5;stroke:#000;stroke-width:400;stroke-miterlimit:10;stroke-opacity:0.5;}
.jssorb051 .i:hover .b {fill-opacity:.7;}
.jssorb051 .iav .b {fill-opacity: 1;}
.jssorb051 .i.idn {opacity:.3;}

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}
/*------------------------------------FIN ACTIVIDADES------------------------------------*/

/*--------------------------------------CULTURA--------------------------------------*/
.bg-biblioteca{background-color: rgba(0,0,0,0.7); width: 100%; height: auto; padding: 20px;}
#title-biblioteca{text-align: left; font-weight: 100; font-size: 1.5em; margin-bottom: 0; color: white; display: block;}
#title-biblioteca-2{text-align: left; font-weight: 100; font-size: 1.5em; margin-bottom: 0; color: white; display: block; background-color: #F6921E; padding: 10px 20px;}
.bg-biblioteca p{color: white;}
.bg-biblioteca span{color: #F6921E;}
.p-biblioteca{background-color: #f0f0f0; padding: 20px; margin-bottom: 20px; margin-top: 0;}

.coro-kennedy img{width: 100%; max-width:360px; height: auto; max-height: 350px;}
.p-coro-kennedy{color: black; font-size: 2em; padding-left: 35px;}
.p-coro-kennedy span{color: #754c24; border-bottom: solid 1px;}
.p-coro-kennedy p{color: grey; font-size: 0.6em;}

.cuadro-cursos-1{background-color:#00bbff; width:100%; height: 120px; color:white; font-size: 2em; padding-top: 25px; font-weight: 200; text-align: center;}
.cuadro-cursos-2{background-color:#ffc20e; width:100%; height: 120px; color:white; font-size: 2em; padding-top: 40px; font-weight: 200; text-align: center;}

.info-duracion p{font-size:1.5em; color:#00bbff; line-height: 0.8em;}
.info-duracion-2 p{font-size:1.5em; color:#ffc20e; line-height: 0.8em;}

.button-cursos {background-color:#00bbff; border-radius: 10px; color:white; width:70%; max-width:200px; padding: 10px 0; border:none; 
                font-size:1.2em; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; position: absolute; bottom: 15px;}
.button-cursos:hover{background-color: #80ddff;}

.button-cursos-2 {background-color:#ffc20e; border-radius: 10px; color:white; width:70%; max-width:200px; padding: 10px 0; border:none; 
                font-size:1.2em; position: absolute; bottom: 15px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;}
.button-cursos-2:hover{background-color: #ffd456;}

.cuadro-info-int-3{background-color: white; width:100%; height: 260px; padding: 15px 30px; position: relative; margin-bottom: 30px;}
.cuadro-info-int-4{background-color: white; width:100%; height: 215px; padding: 15px 30px; position: relative; text-align: center;}
.cuadro-info-int-4 span{background-color: white; color: #a9d833; font-size: 1.2em;}
.cuadro-info-int-4 p{border-bottom: solid 2px #f0f0f0; padding-bottom: 10px;}

.cuadro-verde{width: 100%; height: 115px; background-color: #a9d833; padding-top: 40px; font-weight: 200; margin-right: 2%; color: white; font-size: 2em; text-align:center;}
.cuadro-violeta{background-color: rgba(143, 63, 151, 0.8); border-radius: 0 0 25px 25px; margin-top:0; height: 330px; position: relative;}
.cuadro-violeta img{position: absolute; top: -10px; left: 0;}
.cuadro-violeta p{color: white; padding:130px 40px; margin: 0; font-size: 1.2em;}

.title-universidad{color: #F6921E; text-align: left; font-weight: 600; font-size: 1.5em; padding: 75px 0 0px 20px;}
.universidad{color: black; text-align: left; font-size: 1em; padding-left: 20px; padding-bottom: 50px; text-shadow: 1px 1px white;}

.inscripcion-cursos img{position: absolute; top: 0; width: 100%; max-width: 340px; height: auto;}
/*------------------------------------FIN CULTURA------------------------------------*/


/*------------------------------------OBRAS------------------------------------*/
.obras{background-color: rgba(0,0,0,0.6); padding: 40px 70px; text-align: center; color: white; font-weight: 100;}
.obras span{color: #F6921E; font-size: 1.3em; font-weight: 100;}

.button{font-weight: 400; line-height: 36px; font-size: 1.2em; color: white; padding: 2px 40px; border-radius: 20px; margin-top: 20px; border:none;
            -moz-box-shadow: 1px 1px 2px 0px grey; -webkit-box-shadow: 1px 1px 2px 0px grey; box-shadow: 1px 1px 2px 0px grey;
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #f6911e));
            background:-moz-linear-gradient(top, #ffec64 5%, #f6911e 100%);
            background:-webkit-linear-gradient(top, #ffec64 5%, #f6911e 100%);
            background:-o-linear-gradient(top, #ffec64 5%, #f6911e 100%);
            background:-ms-linear-gradient(top, #ffec64 5%, #f6911e 100%);
            background:linear-gradient(to bottom, #ffec64 5%, #f6911e 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#f6911e',GradientType=0);
            background-color:#ffec64;
            display:inline-block;
            cursor:pointer;}
.button:hover{ background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6911e), color-stop(1, #ffec64));
    background:-moz-linear-gradient(top, #f6911e 5%, #ffec64 100%);
    background:-webkit-linear-gradient(top, #f6911e 5%, #ffec64 100%);
    background:-o-linear-gradient(top, #f6911e 5%, #ffec64 100%);
    background:-ms-linear-gradient(top, #f6911e 5%, #ffec64 100%);
    background:linear-gradient(to bottom, #f6911e 5%, #ffec64 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6911e', endColorstr='#ffec64',GradientType=0);
    background-color:#f6911e;} 
/*------------------------------------FIN OBRAS------------------------------------*/


/*------------------------------------OTROS------------------------------------*/
.icon-circle{color: #F6921E; font-weight:600; }
/*------------------------------------FIN OTROS------------------------------------*/

/*-------------------------------------FIN COMUNIDAD-------------------------------------*/


/*--------------------------------FIN INTERIORES*--------------------------------/*/


/*--------------------------------EMPRESAS--------------------------------*/
.soluciones-de-voz {border: solid 1px #414042; padding: 30px 50px; }
.soluciones-de-voz p{text-align: left; color: #414042;}
.trama-digital{text-align: center; border: solid 1px #414042; padding: 15px; color: #414042;}
.beneficios{text-align: center;}
.beneficios span{color: #00bbff; font-size: 1em; font-weight: 100; line-height: 1.3; text-align: center;}
.listado-beneficios{color: grey;}

/*--------------------------------FIN EMPRESAS--------------------------------*/

.titular {width:50%; color:grey; font-size:1.7em; font-weight:100; float:right; padding:0.6em; text-align:right}

/*--------------------------------FORM--------------------------------*/

form{width:100%; margin-top:30px;}
form p{font-size: 13px; color: grey; text-align: left; max-width: 75%; margin: 14px 0 3px 0;}
.campo{width:100%; height:30px; border: solid 1px grey; padding-left: 10px; color: grey; background-color:transparent; border-radius: 4px; color:grey; font-family:'PT Sans', sans-serif;  font-size:14px;}
.campo-consulta{width:100%; height:100px; border: solid 1px grey; padding-left: 10px; background-color:transparent; border-radius: 4px; color:grey; font-family:'PT Sans', sans-serif;  font-size:14px;}
.selector {width:100%; padding: 7px; background-color:transparent; border-radius: 4px; border: solid 1px grey; color:grey; font-family:'PT Sans', sans-serif;  font-size:14px; font-weight:100 }
.radial {color:grey; font-family:'PT Sans', sans-serif;  font-size:14px; font-weight:100 }
.enviar{background:transparent; width:100px; height:35px; color:grey; border: solid 3px grey; cursor:default;} 
input{background-color:transparent; outline: none;}
input[type=text]:focus {border: 3px solid grey; transition: 0.2s;}
input[type=number]:focus {border: 3px solid grey; transition: 0.2s;}
input[type=email]:focus {border: 3px solid grey; transition: 0.2s;}

::-webkit-input-placeholder { /* Chrome */
  color: grey;
  font-family: 'PT Sans';
}
:-ms-input-placeholder { /* IE 10+ */
  color: grey;
  font-family: 'PT Sans';
}
::-moz-placeholder { /* Firefox 19+ */
  color: grey;
  opacity: 1;
  font-family: 'PT Sans';
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: grey;
  opacity: 1;
  font-family: 'PT Sans';

/*--------------------------------FIN FORM--------------------------------*/

/*#padre{display: table; height:200px;}
#hijo{display: table-cell; vertical-align: middle;}

/*nav*/
#nav-mobile{display:none; background:url(../images/nav.png) no-repeat center center; float:right; width:60px; height:60px; position:absolute; right:0; top:0; opacity:.6;}   
/* Agregaremos esta clase a #nav-mobile, cuando el menu mobile haya sido desplegado */
#nav-mobile.nav-active{opacity:1;}


/*MEDIA QUERY*/
@media only screen and (max-width: 1200px) {
.cuadro-inst {margin: 15px;}
.slide{margin: 0 auto;}
}


@media only screen and (max-width: 1024px) {
.nav-ppal a{font-size: 11px; padding-right:5px !important; padding-left: 15px !important;}
#section-1 #slider1_container {top:80px !important; left: 0; overflow:hidden;}
#section-int-1 #slider1_container {top:40px !important; left: 0; overflow:hidden;}
.jssorb21{bottom: 10px;}
#section-1 {}
.cuadro-inst {width: 100%;}
.title-comunidad a {font-size: 100%;}


}

@media only screen and (max-width: 767px) {
.header {z-index: 9999999;}
.nav-ppal a{padding-left: 5px !important;}
#section-1 {}
.cuadro-inst{width: 100%;}
.caja-slide-index {text-align: center; margin-top: 15px;}
.caja-slide-index:last-child {margin-bottom: 30px;}
.title-comunidad {margin: 0 auto;}
#texto-boton{display: none !important;}
.callcenter {padding: 15px 30px 15px 5px;}
.button-callcenter {top: 120px;}
.button-oficinavirtual {top: 180px;}
.cliente-tipo li {margin: 4px 2px;}

.boton-menu-r{background: #f8f8f8; border: none !important; margin-top:3px !important; margin-bottom: 0 !important; position: absolute !important; right: 0;}
.boton-menu-r:hover, .boton-menu-r:focus, .boton-menu-r:hover{background: #f8f8f8 !important;}
.lineas-menu{width: 40px !important; height: 3px !important; margin: 8px 0 !important;}
.desplegable-responsive a{text-align: center;}

.videos-anteriores {max-width: 100%; margin-top:15px;}
#video-1, #video-2 {width: 22%; margin: 1%; display: inline-block;}

#section-inst-1 {height: 180px;}
.title-institucional {margin-top: 15%;}

.consejo-1{text-align: left; margin-bottom:0;}
.consejo-2{margin-bottom:15px;}

.nuestra-filosofia-img {display: none;}
.nuestra-filosofia {padding-right: 15px !important;}
.texto-historia{-webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; padding: 0 30px !important; font-size: 11px;}

.prensa-revista-n{margin-top:15px;}

.identidad-coop img {width: 200px;}
.fondo-gris{display:block;}

.p-coro-kennedy{padding-left: 0px; font-size: 1.5em;}

.cuadro-info-tel {height: 400px;}

.header2 {position: relative;}
}

@media only screen and (max-width: 767px) {
.desplegable-responsive{background-color: #f8f8f8; margin-top: 65px;}
}

@media only screen and (max-width: 640px) {
.cuadro-inst {margin: 15px 0; font-size: 100%;}
.marca{background:url(../images/marca-xs.png) no-repeat; top: -8px; width: 100px; height: 80px;}

.cuadro-intenet-1 {margin: 0 auto; margin-top: 15px;}
.cuadro-intenet-2 {margin: 0 auto; margin-top: 15px;}
.cuadro-info-int-1{margin: 0 auto;}
.cuadro-info-int-2{margin: 0 auto;}

.pack-tv p {font-size: 1em;}

.cuadro-tv-1 {margin: 0 auto; margin-top: 15px;}
.cuadro-info-tv-1 {margin: 0 auto;}

.cuadro-hogares{margin: 0 auto; margin-top: 15px;}
.cuadro-info-tel{margin: 0 auto;}

/*.telviso-hoy-img{padding-right: 15px !important;}*/
.coro-kennedy{text-align: center;}

.cuadro-info-tel {height: 330px;}
.cuadro-info-tel-2 {margin: 0 auto;}

.soluciones-de-voz {padding: 20px 30px;}

}


@media only screen and (max-width: 480px) {
.redes-sociales ul{padding-left: 10px;}
.cliente-tipo ul{padding-left: 0;}
.cliente-tipo a {padding: 10px 5px; font-size: 10px;}
.scrollup{bottom: 15px; right: 15px;}
.callcenter, .oficinavirtual {padding: 15px 15px 15px 5px;}

#video-1, #video-2 {width: 45%;}
.videos-anteriores{max-height: 200px;}
#section-3 h1 {font-size: 2em; line-height: 1em;}

.obras {padding: 40px 30px;}

.areas-servicio p{top: 5px;}
.areas-servicio img{width: 60%;}


}

@media only screen and (max-width: 320px) {
#title-section-2, #title-section-1 {font-size: 1.5em;}
.objeto img{width: 100%;}
.cuadro-info-int-4 {height: 270px;}

}