@charset "UTF-8";

/* CSS Document */
/*
// -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ---- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 
   Euskaltel App
// -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ---- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 
// 
//
*/
.so_ios {
    display: none !important;
}
.so_android {
    display: none !important;
}

.app {
        font:13px ITCAvantGardeGothicStdBook,Verdana;
		background-color:#fff;
}

.app.inicio .seccion.app ul li {
        background:url(../images/contenido/puntu.png) 0 9px no-repeat;
        padding-left:10px;
        font-size:14px;
        line-height:23px;
}

.app .app_contenido {
        width:100%;
        clear:both
}

.app .app_img {
        float:left;
        width:350px;
        padding-top:0.5em
}

.app .app_img img {
        max-width:100%;
        height:auto
}

.app .app_detalle {
        float:left;
        width:55%;
        padding:4em 1em 0
}

.app.inicio .seccion.app {
        width:100%;
}

.app h3 {
        text-align:center;
        font:normal 2em ITCAvantGardeGothicStdDemi,Verdana;
        color:#666;
        line-height:2.5em
}

.app .app-icon {
        width:100%;
        margin:30px auto
}

.app .app-icon h2 {
        text-align:center;
        color:#F60;
        font-size:1.8em;
        margin-bottom:.8em
}

.app .app-icon ul {
        text-align:center;
        width:100%
}

.app .app-icon li {
        padding:0 0.8em;
        display:inline-block;
        font-size:1em;
        text-transform:uppercase;
        line-height:3em
}

.app .app-icon li img {
        max-width:100%:;
        height: auto;
}

.app .presentacion1 img {
        float:left;
}

.app .seccion .presentacion1 {
        font-size:16px;
        padding-bottom:.8em
}

.app .app_detalle p {
        font-size:14px
}

/* efectos css3 botones app */
.app .bubble-bottom {
        display:inline-block;
        position:relative;
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        box-shadow:0 0 1px rgba(0,0,0,0)
}

.app .bubble-bottom:before {
        pointer-events:none;
        position:absolute;
        z-index:-1;
        content:'';
        border-style:solid;
        -webkit-transition-duration:.3s;
        transition-duration:.3s;
        -webkit-transition-property:bottom;
        transition-property:bottom;
        left:calc(50% - 10px);
        bottom:0;
        border-width:10px 10px 0;
        border-color:#EF7E00 transparent transparent
}

.app .bubble-bottom:hover:before,.bubble-bottom:focus:before,.bubble-bottom:active:before {
        bottom:-10px
}

.app .app_tit:hover {
        text-shadow:1px 1px 1px #ccc
}

/*botones descarga */
.app .large_button {
        padding:10px 15px;
        font-size:18px;
        font-weight:700;
        color:#fff;
        display:inline-block;
        width:140px;
        text-align:left;
        text-shadow:1px 1px rgba(0,0,0,0.85);
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
        margin-bottom:5px;
        margin-right:2px
}

.app .large_button#android {
        background:#98d463;
        background:-moz-linear-gradient(top,#98d463 0%,#66891d 100%);
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#98d463),color-stop(100%,#66891d));
        background:-webkit-linear-gradient(top,#98d463 0%,#66891d 100%);
        background:-o-linear-gradient(top,#98d463 0%,#66891d 100%);
        background:-ms-linear-gradient(top,#98d463 0%,#66891d 100%);
        background:linear-gradient(top,#98d463 0%,#66891d 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#98d463',endColorstr='#66891d',GradientType=0)
}

.app .large_button#android:hover {
        background:#9dda67;
        background:-moz-linear-gradient(top,#9dda67 0%,#70971f 100%);
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#9dda67),color-stop(100%,#70971f));
        background:-webkit-linear-gradient(top,#9dda67 0%,#70971f 100%);
        background:-o-linear-gradient(top,#9dda67 0%,#70971f 100%);
        background:-ms-linear-gradient(top,#9dda67 0%,#70971f 100%);
        background:linear-gradient(top,#9dda67 0%,#70971f 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dda67',endColorstr='#70971f',GradientType=0)
}

.app .large_button#android span.icon {
        background-position:0 -35px
}

.app .large_button#android em {
        color:#436c01
}

.app .large_button#apple {
        background:#2cbbfd;
        background:-moz-linear-gradient(top,#2cbbfd 0%,#006b9d 100%);
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#2cbbfd),color-stop(100%,#006b9d));
        background:-webkit-linear-gradient(top,#2cbbfd 0%,#006b9d 100%);
        background:-o-linear-gradient(top,#2cbbfd 0%,#006b9d 100%);
        background:-ms-linear-gradient(top,#2cbbfd 0%,#006b9d 100%);
        background:linear-gradient(top,#2cbbfd 0%,#006b9d 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2cbbfd',endColorstr='#006b9d',GradientType=0)
}

.app .large_button#apple:hover {
        background:#4cc6ff;
        background:-moz-linear-gradient(top,#4cc6ff 0%,#0078b0 100%);
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4cc6ff),color-stop(100%,#0078b0));
        background:-webkit-linear-gradient(top,#4cc6ff 0%,#0078b0 100%);
        background:-o-linear-gradient(top,#4cc6ff 0%,#0078b0 100%);
        background:-ms-linear-gradient(top,#4cc6ff 0%,#0078b0 100%);
        background:linear-gradient(top,#4cc6ff 0%,#0078b0 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cc6ff',endColorstr='#0078b0',GradientType=0)
}

.app .large_button#apple em {
        color:#065478
}

.app .large_button#windows {
        background:#f7a553;
        background:-moz-linear-gradient(top,#f7a553 0%,#c67524 100%);
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7a553),color-stop(100%,#c67524));
        background:-webkit-linear-gradient(top,#f7a553 0%,#c67524 100%);
        background:-o-linear-gradient(top,#f7a553 0%,#c67524 100%);
        background:-ms-linear-gradient(top,#f7a553 0%,#c67524 100%);
        background:linear-gradient(top,#f7a553 0%,#c67524 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7a553',endColorstr='#c67524',GradientType=0)
}

.app .large_button#windows:hover {
        background:#fca14b;
        background:-moz-linear-gradient(top,#fca14b 0%,#c5650b 100%);
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fca14b),color-stop(100%,#c5650b));
        background:-webkit-linear-gradient(top,#fca14b 0%,#c5650b 100%);
        background:-o-linear-gradient(top,#fca14b 0%,#c5650b 100%);
        background:-ms-linear-gradient(top,#fca14b 0%,#c5650b 100%);
        background:linear-gradient(top,#fca14b 0%,#c5650b 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fca14b',endColorstr='#c5650b',GradientType=0)
}

.app .large_button#windows span.icon {
        background-position:0 -70px
}

.app .large_button#windows em {
        color:#9c5918
}

.app .large_button#blackberry {
        background:#525252;
        background:-moz-linear-gradient(top,#525252 0%,#18171e 100%);
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#525252),color-stop(100%,#18171e));
        background:-webkit-linear-gradient(top,#525252 0%,#18171e 100%);
        background:-o-linear-gradient(top,#525252 0%,#18171e 100%);
        background:-ms-linear-gradient(top,#525252 0%,#18171e 100%);
        background:linear-gradient(top,#525252 0%,#18171e 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#525252',endColorstr='#18171e',GradientType=0)
}

.app .large_button#blackberry:hover {
        background:#616161;
        background:-moz-linear-gradient(top,#616161 0%,#222 100%);
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#616161),color-stop(100%,#222));
        background:-webkit-linear-gradient(top,#616161 0%,#222 100%);
        background:-o-linear-gradient(top,#616161 0%,#222 100%);
        background:-ms-linear-gradient(top,#616161 0%,#222 100%);
        background:linear-gradient(top,#616161 0%,#222 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161',endColorstr='#222222',GradientType=0)
}

.app .large_button#blackberry span.icon {
        background-position:0 -105px
}

.app .large_button#blackberry em {
        color:#9a9a9a;
        text-shadow:0 1px #000
}

.app .large_button span.icon {
        width:30px;
        height:35px;
        display:block;
        background:url(../images/contenido/button_icons.png) no-repeat top left;
        float:left;
        margin-right:12px
}

.app .large_button em {
        font:11px ITCAvantGardeGothicStdBold,Verdana;
        display:block;
        color:#fff;
        text-shadow:0 1px rgba(255,255,255,0.65);
        font-style:normal
}

.app .large_button:active {
        -webkit-box-shadow:inset 0 0 7px #333;
        -moz-box-shadow:inset 0 0 7px #333;
        box-shadow:inset 0 0 7px #333
}

/* subir */
.app .subir {
        float:right;
        margin:10px 0 20px
}

.app .subir a {
        background:url(../images/contenido/gora.png) no-repeat top right;
        width:40px;
        height:40px;
        display:block
}

/* thumbs app */
.app .thumb_app {
        margin:20px 0
}

.app .thumb_app li {
        background:none!important;
        padding:0 5px 10px 0!important;
        float:left
}

/* thumb hover */
.app span.thumb_hover {
        opacity:1;
        -o-transition-duration:1s;
        -moz-transition-duration:1s;
        -webkit-transition:-webkit-transform 1s;
        background:url(../images/contenido/zoom.png) center center no-repeat #000;
        cursor:pointer;
        height:96px;
        width:130px;
        position:absolute;
        z-index:10;
        opacity:0
}

/* Hack IE8 */

@media all\0 {
.app span.thumb_hover {
        background-image:none;
        background:none
}

.thumb_app {
        display:none
}

.app .bubble-bottom:before {
        display:none
}

.app_img .tp-rightarrow {
        right:40px!important
}

.bannercontainer .tp-rightarrow, .bannercontainer .tp-leftarrow {
        padding-top:15px
}
#ie_detalle {
		padding-top:7em
}
}

/* Fin Hack IE8 */

.app span.thumb_hover:hover {
        opacity:.7;
        -o-transition-duration:1s;
        -moz-transition-duration:1s;
        -webkit-transition:-webkit-transform 1s;
        -webkit-box-shadow:0 0 4px #000;
        -moz-box-shadow:0 0 4px #000;
        box-shadow:0 0 4px #000
}

.app .tp-revslider-mainul li {
        background:none!important
}

/* media query para responsive */
@media only screen and  (min-width: 768px) {
.app .thumb_app {
        display:none
}
}

@media only screen and  (max-width: 767px) {
.app .app_img {
        display:none
}

.app .app_detalle {
        width:93%
}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
.app .app_detalle {
        width:51%
}
}

@media only screen and (min-width:870px) and (max-width:1024px) {
.app .large_button {
        width:134px
}
}

@media (min-width: 600px) and (max-width:998px) {
.app .large_button {
        width:94px
}
}

@media only screen and  (max-width:480px) {
.app .bannercontainer {
        display:none!important
}
.apps { width: 95% !important;
}
}

@media only screen and  (min-width:480px) and (max-width:980px) {
    .apps { width: 100% !important;
}
}

@media only screen and  (min-width: 1024px) {
.app .large_button {
        width:135px
}
}

@media only screen and  (min-width: 320px) and (max-width:568px) {

ul.thumb_app li a img {
	width:120px !important;
}

}

@media only screen and  (min-width: 320px) and (max-width:480px) {
.app .thumb_app img {
        width:105px
}

.app .large_button {
        width:111px
}

.app .app-icon h2 {
        font-size:1.4em
}

.app span.thumb_hover {
        width:110px;
        height:85px
}
.app .app-icon {
margin: 15px auto;
}
.tit_a {
margin: 0.8em 0 0 0 !important;
font-size:0.8em !important;
}
.app .app_detalle {
padding: 1em 1em 0 !important;
}
.app .app-icon li img {
width: 90px;
}
.app .seccion h4 {
margin: 1em 0 0.3em !important;
}
.app .thumb_app {
    margin-left: -1em;
}
.app .seccion .presentacion1 {
    padding-bottom: 0 !important;
}

}

@media only screen and  (max-width:320px) {
.app .large_button {
        margin-left:53px;
        width:150px
}

.app .thumb_app img {
        width:130px
}

.app .thumb_app {
        padding-left:15px
}

.app .app_tit {
        width:25%;
        float:left
}

.app .tit_a {
        line-height:1.4em;
        display:inline-table
}

.app span.thumb_hover {
        width:130px;
        height:96px
}

.app .app_tit img {
        width:95px;
        height:95px
}
}

/* Fancybox navigation visible */
.app .fancybox-nav span {
        visibility:visible!important
}

/* Fin Fancybox */
/* Secciones
----------------------------------------------------------------------------------------------- */
.app .seccion {
        padding:1px 0;
        font:13px ITCAvantGardeGothicStdBook,Verdana
}

.app.inicio .seccion {
        border-top:1px solid #CCC
}

.app .seccion h3 {
        margin:40px 0 10px;
        padding:0;
        font:normal 24px ITCAvantGardeGothicStdDemi,Verdana;
        color:#666
}

.app .seccion h4 {
        margin:1em 0 .3em;
        font:normal 16px ITCAvantGardeGothicStdBook,Verdana
}

.app .seccion p {
        margin:0 0 10px
}

/* Presentacion
----------------------------------------------------------------------------------------------- */
.app.inicio .presentacion h2 {
        margin:0 0 10px;
        padding:0;
        text-align:center;
        font:normal 24px ITCAvantGardeGothicStdDemi,Verdana,Geneva,sans-serif;
        color:#F60
}

.app.inicio .presentacion h2 + .subtitulo {
        text-align:center;
        font:16px ITCAvantGardeGothicStdBook,Verdana
}
.apps { width: 80%;
        margin: auto;
        display: block;
        padding-bottom: 40px;
}

/* Botones Estilo Comunidad WiFi
----------------------------------------------------------------------------------------------- */

.btn:after {
position: absolute;
z-index: -1;
top: 0;
left: 50%;
width: 0;
height: 100%;
background-color: #fff;
opacity: 0;
content: "";
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.btn:hover:after {
width: 101%;
opacity: 1;
background-color:#000;
}

.icon_down a:hover {
color: #666 !important;
}

.icon_down li {
list-style: none;
}

.btn:focus {
outline: 0;
}

.btn {
border: 1px solid #000;
position: relative;
z-index: 2;
/* overflow: hidden; */
display: inline-block;
padding: 12px 30px;
margin: 0 5px 12px 0;
background-color: #fff;
color: #323232;
line-height: 18px;
text-decoration: none !important;
vertical-align: middle;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.btn-large {
padding: 12px 38px;
font-size: 18px;
}

.btn-app {
background-color: #000;
color: #FFF;
border-radius:7px;
}
.btn-app:hover:after {
width: 100%;
background-color:#333;
border-radius:7px;
}

a:active {
background: transparent;
}

.eol41 a.bubble-bottom img {
box-shadow: 0px 5px 2px #ccc;
border-radius: 12px;
}

.presentacion1 img {
box-shadow: 0px 3px 2px #ccc;
border-radius: 7px;
margin: 0 13px 0 0;
padding: 0 !important;
}