body,
* {
    font-family: 'Comfortaa', cursive;
}

@import url('http://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url('http://fonts.googleapis.com/css?family=Comfortaa:300,400,700');
@import url('http://fonts.googleapis.com/css?family=Oswald');


@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'codropsicons';
    src: url('http://veo.es/nuevo/fonts/codropsicons/codropsicons.eot');
    src: url('http://veo.es/nuevo/fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
    url('http://veo.es/nuevo/fonts/codropsicons/codropsicons.woff') format('woff'),
    url('http://veo.es/nuevo/fonts/codropsicons/codropsicons.ttf') format('truetype'),
    url('http://veo.es/nuevo/fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}
body {
    background: -webkit-gradient(linear, left top, right top, from(rgba(96, 119, 163, 1)), to(rgba(32, 223, 200, 1)));
    background: linear-gradient(to right, rgba(96, 119, 163, 1) 0%, rgba(32, 223, 200, 1) 100%);
    background-position: center;
    background-size: 100%;
    overflow-y: visible;

    font-family: 'Lato', Arial, sans-serif;
}
.doble-linea{border-bottom:double #ccc 4px; }

/*.divSkew {
height: 62vh;
width: 100%;
position: relative;
background: -webkit-gradient(linear, left top, right top, from(rgba(96, 119, 163, 1)), to(rgba(32, 223, 200, 1)));
background: linear-gradient(to right, rgba(96, 119, 163, 1) 0%, rgba(32, 223, 200, 1) 100%);
background-position: center center;
background-size: 100%;
z-index: 1;
}

.divSkew:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background: inherit;
z-index: -2;
bottom: 0;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: skewY(-6deg);
transform: skewY(-6deg);
overflow-y: hidden !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}*/
iframe .span12{
    display: none!important;
}
div.span12{
    display: none;
}
.divSkewBlanco {
    height: auto;
    margin-top: -30px;
    width: 100%;
    position: relative;
    background: rgba(255, 255, 255, 1);

    background-position: center center;
    background-size: 100%;
    z-index: 1;
}

.divSkewBlanco:before {
    content: '';
    width: 100%;
    height: 120%;
    position: absolute;
    background: inherit;
    z-index: -2;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewY(-6deg);
    transform: skewY(-6deg);
}

/*BOTON DMAX*/
.btn-dmax {
  color: #fff;
  background-color: #021451;
  border-color: #021451;
    float: right;
}

.btn-dmax:hover {
  color: #fff;
  background-color: #000d38;
  border-color: #000d38;
}

.btn-dmax:focus, .btn-dmax.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 13, 56, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 13, 56, 0.5);
}

.btn-dmax.disabled, .btn-dmax:disabled {
  background-color: #324f62;
  border-color: #324f62;
}

.btn-dmax:not([disabled]):not(.disabled):active, .btn-dmax:not([disabled]):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #000d38;
  border-color: #000d38;
}

.btn-dmax:not([disabled]):not(.disabled):active:focus, .btn-dmax:not([disabled]):not(.disabled).active:focus,
.show > .btn-dmax.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}


/* ---------------------------------------------- ICONOS TIPOGRAFICOS ---------------- */

@font-face {
    font-family: 'icon-VEO';
    src: url('http://veo.es/nuevo/fonts/icon-VEO.eot?scdfl6');
    src: url('http://veo.es/nuevo/fonts/icon-VEO.eot?scdfl6#iefix') format('embedded-opentype'),
    url('http://veo.es/nuevo/fonts/icon-VEO.ttf?scdfl6') format('truetype'),
    url('http://veo.es/nuevo/fonts/icon-VEO.woff?scdfl6') format('woff'),
    url('http://veo.es/nuevo/fonts/icon-VEO.svg?scdfl6#icon-VEO') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*="icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icon-VEO' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 2.2em;
    font-size: 1.2em;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-icon-libro:before {
    content: "\e900";
}

.icon-icon-sofa:before {
    content: "\e901";
    color: #515151;
}

.icon-icon-veo-TV:before {
    content: "\e902";
    color: #515151;
}

.icon-icon-veo-TV-blanco:before {
    content: "\e902";
    color: #ffffff;
}
/* -----------------------------------------------------------------------------------DEGRADADO HEADER */

.degradadoHeader {
    background: url('../img/circulos.svg') no-repeat, -webkit-gradient(linear, left top, right top, from(rgba(96, 119, 163, 1)), to(rgba(32, 223, 200, 1)));
    background: url('../img/circulos.svg') no-repeat, linear-gradient(to right, rgba(96, 119, 163, 1) 0%, rgba(32, 223, 200, 1) 100%);
    background-position: center, center;
    background-size: 110% 110%, 100%;
    overflow-y: visible;
    height: 60vh;
}

.degradadoHeader:after {
    content: "";
    background: none !important, inherit;
    display: block;
    min-height: 100px;
}

.degradadoHeaderSIN {
    background: -webkit-gradient(linear, left top, right top, from(rgba(96, 119, 163, 1)), to(rgba(32, 223, 200, 1)));
    background: linear-gradient(to right, rgba(96, 119, 163, 1) 0%, rgba(32, 223, 200, 1) 100%);
    background-position: center;
    background-size: 100%;
    overflow-y: visible;
}

/*.degradadoHeader {
background: url('../img/circulos.svg') no-repeat, -moz-linear-gradient(left, rgba(96, 119, 163, 1) 0%, rgba(32, 223, 200, 1) 100%);
background: url('../img/circulos.svg') no-repeat, -webkit-linear-gradient(left, rgba(96, 119, 163, 1) 0%, rgba(32, 223, 200, 1) 100%);
background: url('../img/circulos.svg') no-repeat, -o-linear-gradient(left, rgba(96, 119, 163, 1) 0%, rgba(32, 223, 200, 1) 100%);
background: url('../img/circulos.svg') no-repeat, -ms-linear-gradient(left, rgba(96, 119, 163, 1) 0%, rgba(32, 223, 200, 1) 100%);
background: url('../img/circulos.svg') no-repeat, linear-gradient(to right, rgba(96, 119, 163, 1) 0%, rgba(32, 223, 200, 1) 100%);
background-position: center center;
background-size: 100% 100%, 100%;
overflow-y: visible, visible;
}*/

/*
.borderLeft {
text-align: center;
border-left: none;
}
*/

.borderLeft {
    border-left: 2px solid #FFFFFF;
    border-right: none;
    text-align: left;
}

.bordeDerechoFooter{
    border-left: none;
}

.mb-1px {
    margin-bottom: 1px;
}

.circulosDelAberno {
    position: absolute;
    top: 2px;
    z-index: 1;
    overflow: hidden;
}

.subimos {
    z-index: 2;
}

.centrarContenido {
    position: relative;
    margin: 0 50px;
    vertical-align: middle;
}

.centrarContenidoVertical {
    position: absolute;
    top: 12vh;
}

.limpiar {
    clear: both;
}

.divFamilia {
    position: relative;
}

.familiaH2 {
    margin: 10px auto;
    color: #666666;
    font-size: 1.2em;
    line-height: 1.2em;
}

.familiaH2:before {
    content: "";
    display: block;
    background: #666666;
    height: 2px;
    width: 19%;
    max-width: 40px;
    top: 0;
    /*    left: 5%;*/
    position: absolute;
    margin-bottom: 20px;
}

.familiaH2:after {
    content: "";
    display: block;
    background: #666666;
    height: 2px;
    width: 19%;
    max-width: 40px;
    bottom: 0;
    /*    left: 5%;*/
    position: absolute;
    margin-top: 20px;
}

/*footer {
    width: auto;
    width: 60vw;
    margin: 0 auto;
    text-align: center;
    font-size: 0.8rem;
}*/

footer a:hover,
footer a:visited,
footer a:active,
footer a:link {
    color: #666666;
    text-decoration: underline;
}

.contenedorSlide {
    position: absolute;
    bottom: 10%;
    margin: 0 auto;
    width: 90%;
}

.contenedorSlideGrande {
    position: absolute;
    bottom: 25%;
    right: 10%;
    margin: 0 auto;
    width: 80%;
    background: red;
}

.texto-slide {
        font-family: 'Oswald', sans-serif;
    position: absolute;
    bottom: 10%;
    left: 43%;
    background-color: #cc33cc;
    color: white;
    padding: 4px;
    padding-right: 22px;
    /* width: 65%; */
    font-size: 1.1rem;
    margin: 0 auto;
    text-align: left;
    float: left;
}

.texto-slideGrande {
    font-family: 'Oswald', sans-serif;
    position: absolute;
    bottom: 5%;
    right: 2%;
    background-color: #cc33cc;
    color: white;
    padding: 2px 4px;
    padding-right: 20px;
    width: auto;
    font-size: 1.2rem;
    margin: 0 auto;
    margin-bottom: 5px;
    text-align: left;
}

ol.listaNumerica li{
    list-style-type: lower-latin;
    /*margin-bottom: 0.3rem;*/
}

ol.listaCirculo li{
    list-style-type: disc;
}

ol .listaAlfabetica li{
    list-style-type: lower-latin;
}
ol .listaAlfabetica li ol.listaCirculo li{
    list-style-type: disc;
}

ol.listaCheck li {
    list-style-type: none;
}
li.listaCheck:before {
    list-style-type: none;
    content: '✓';
}


.bg-rosa{   background-color: fuchsia;}
.bg-verde{  background-color: green;}
.bg-azul{  background-color: skyblue;}
.bg-amarillo{  background-color: yellow;}
.bg-naranja{  background-color: orange;}
.bg-rojo{  background-color: red;}

.img-slide {
    position: absolute;
    bottom: 10%;
    left: 8%;
}

.img-slideGrande {
    position: absolute;
    top: 20%;
    right: 2%;
    float: left;
}

.logitos {
    position: relative;
    top: 0px;
    color: #999999;
	
}

.logitos img {
    display: block;
    float: none;
    margin: 0 auto;
}

.marginTopMinus {
    position: relative;

    z-index: 1000;
}

/* Logo VEO en el header */

#mainLogo {
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

#mainLogo.aparece {
    opacity: 1;
}

.textoMini {
    font-size: 10px;
	padding-right: 20px;
}

/* ------------- quitar linea punteada de los enlaces ------------- */
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }


/*---------------------------------------------------------------- mobile first */

.centrarLogoVEO {
    /*    text-align: center;*/
    vertical-align: middle;
}

.centrarLogoVEO img {
    width: 100px;
    margin-top: 6%;
    margin-bottom: 10%;
}

/* ///////////////////////////////////////////////////////////////////////// */
@media (max-width:428px){

}
    
@media (max-width:680px){
    .btn-dmax {
    float: none;
    margin: 0 auto 1em auto;
}

    .degradadoHeaderSIN{
        position: relative;
    }
    .btn {
        width: 100%;
    }
    .barraNav{
        
    }
    iframe.txtDias {
      padding: 0 !important;
    width: 100% !important;
    font-weight: bold;
    font-size: 16px !important;
    float: none !important;
    margin: 0 auto !important;
}
    .barraNav{
        display: table;
    }
/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) {
    
    .centrarLogoVEO img {
        width: 100px;
        /*margin-top: 4%;
        margin-bottom: 10%;*/
    }

    .centrarContenidoVertical {
        position: absolute;
        top: 14vh;
    }

    .degradadoHeader {
        overflow-y: visible;
        height: 47vh;
        min-height: 450px;
    }
    .mt-Minus50 {
        margin-top: 0px;
    }
    .contenedorSlide {
        position: absolute;
/*        bottom: 30%;*/
        margin: 0 auto;
        width: 80%;
    }
    .texto-slide {
        left: 5%;
        bottom: 35px;
        background-color: #cc33cc;
        /* color: white; */
        padding: 4px;
        width: 100%;
        font-size: 0.9rem;
    }
    .img-slide {
        left: 5%;
    }

}

/* Medium devices (tablets, 768px and up)*/

@media (min-width: 748px) {
    .bordeDerechoFooter{
        border-left: 2px solid #5c5c5f;
    }
    .centrarLogoVEO img {
        width: 200px;
        /*margin-top: 13%;
        margin-bottom: 13%;*/
    }
    .logitos img {
        float: right;
    }
    .logitos {

        position: relative;
        top: -65px;
        color: #999999;
        margin-bottom: 120px;
    }
    .mt-Minus50 {
        margin-top: -50px;
    }

    .slidingVertical span {
        text-indent: 0px;
    }
    .degradadoHeader {
        height: 60vh;
        min-height: 500px;
    }

    .familiaH2 {
        margin: 10px auto;
        color: #666666;
        font-size: 1.9em;
        line-height: 1.9em;
    }

    .familiaH2:before {
        content: "";
        display: block;
        background: #666666;
        height: 2px;
        width: 19%;
        max-width: 70px;
        top: 0;
        /*    left: 5%;*/
        position: absolute;
        margin-bottom: 20px;
    }

    .familiaH2:after {
        content: "";
        display: block;
        background: #666666;
        height: 2px;
        width: 19%;
        max-width: 70px;
        bottom: 0;
        /*    left: 5%;*/
        position: absolute;
        margin-top: 20px;
    }

}

/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {
    .contenedorSlide {
        position: absolute;
/*        bottom: 30%;*/
        margin: 0 auto;
        width: 90%;
    }
    .texto-slide {
        left: 42%;
        bottom: 0px;
        background-color: #cc33cc;
        /* color: white; */
        padding: 4px;
        padding-right: 22px;
        width: 55%;
        font-size: 1.1rem;
    }
    .img-slide {
        left: 5%;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {
    .centrarContenidoVertical {
        position: absolute;
        top: 16vh;
    }
}

/* ///////////////////////////////////////////////////////////////////////// */

/* lo de arriba está sacado de bootstrap */

/* lo de abajo está sacado de www */

html,
body {
    font-size: 14px !important;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.424em;
}

h3 {
    font-size: 1.1em;
    line-height: 1.4em;
}

h4 {
    font-size: 1.125em;
}

h5 {
    font-size: 0.889em;
}

h6 {
    font-size: 0.79em;
}

.display-1 {
    font-size: 3.906em;
}

.display-2 {
    font-size: 3.125em;
}

.display-3 {
    font-size: 2.5em;
}

.display-4 {
    font-size: 2em;
}

/*768*/

@media (min-width: 48em) {
    h1 {
        font-size: 2.441em;
    }
    h2 {
        font-size: 1.953em;
    }
    h3 {
        font-size: 1.563em;
        line-height: 1.5em;
    }
    h4 {
        font-size: 1.25em;
    }
    .display-1 {
        font-size: 6em;
    }
    .display-2 {
        font-size: 5.5em;
    }
    .display-3 {
        font-size: 4.5em;
    }
    .display-4 {
        font-size: 3.5em;
    }
}

/*992*/

@media (min-width: 62em) {
    html,
    body {
        font-size: 16px !important;
    }
}

/*1200*/

@media (min-width: 75em) {
    html,
    body {
        font-size: 14px !important;
    }
}