@charset "UTF-8";

/* CODIGO NUEVO */

* {
    font-family: gotham-book;
}

body {
    background-color:black !important;
}

.ali-centro { text-align: center; }
.ali-derecha { text-align: right; }

.col_neg { color:#000000 !important; }
.col_bla { color:#ffffff !important; }
.col_gui { color:#ab1111 !important; }
.col_na1 { color:#e45f0d !important; }
.col_na2 { color:#f06640 !important; }
.col_ama { color:#ffbd59 !important; }
.col_gr3 { color:#f0eff0 !important; }
.col_gr4 { color:#0a0a0a !important; }
.col_gr5 { color:#060606 !important; }

.bac_neg { background-color:#000000 !important; }
.bac_bla { background-color:#ffffff !important; }
.bac_gui { background-color:#ab1111 !important; }
.bac_na1 { background-color:#e45f0d !important; }
.bac_na2 { background-color:#f06640 !important; }
.bac_ama { background-color:#ffbd59 !important; }
.bac_gr3 { background-color:#f0eff0 !important; }
.bac_gr4 { background-color:#0a0a0a !important; }
.bac_gr5 { background-color:#060606 !important; }

/* .secciones { padding:40px 0px; } */

.pad_t_10 { padding-top:10; }
.pad_t_20 { padding-top:20; }
.pad_t_40 { padding-top:40; }
.pad_t_60 { padding-top:60; }
.pad_t_80 { padding-top:80; }
.pad_t_100 { padding-top:100; }
.pad_b_10 { padding-bottom:10; }
.pad_b_20 { padding-bottom:20; }
.pad_b_40 { padding-bottom:40; }
.pad_b_60 { padding-bottom:60; }
.pad_b_80 { padding-bottom:80; }
.pad_b_100 { padding-bottom:100; }
.pad_r_10 { padding-right:10; }
.pad_r_20 { padding-right:20; }
.pad_r_40 { padding-right:40; }
.pad_r_60 { padding-right:60; }
.pad_r_80 { padding-right:80; }
.pad_r_100 { padding-right:100; }
.pad_l_10 { padding-left:10; }
.pad_l_20 { padding-left:20; }
.pad_l_40 { padding-left:40; }
.pad_l_60 { padding-left:60; }
.pad_l_80 { padding-left:80; }
.pad_l_100 { padding-left:100; }

.t1 , t1 { font-size:40px ; display:block ; line-height:50px ; }
.t2 , t2 { font-size:30px ; display:block ; line-height:40px ; }
.t3 , t3 { font-size:26px ; display:block ; line-height:34px ; }
.t4 , t4 { font-size:20px ; display:block ; line-height:26px ; }
.t5 , t5 { font-size:16px ; display:block ; line-height:22px ; }
.t6 , t6 { font-size:12px ; display:block ; line-height:16px ; }

.g_lig { font-family: gotham-light !important; }
.g_boo { font-family: gotham-book !important; }
.g_med { font-family: gotham-medium !important; }
.g_bol { font-family: gotham-bold !important; }
.g_lig_i { font-family: gotham-light-italic !important; }
.g_boo_i { font-family: gotham-book-italic !important; }
.g_med_i { font-family: gotham-medium-italic !important; }
.g_bol_i { font-family: gotham-bold-italic !important; }


/* CODIGO ANTERIOR */

.seccion_component { display:none ; }
.sec1_fijo { position:fixed ; }
.seccion_1 { width:100% ; background:#0c2874 ; z-index:1000 ; border-bottom:1px solid #cccccc ; box-shadow:0px 0px 20px rgba(0,0,0,0.1) ; }


.seccion_20 { background:#0c2874 ; padding-top:30px ; padding-bottom:30px ; border-top: 1px solid #dddddd ; }
.seccion_21 { background:#0c2874 ; padding-top:10px ; padding-bottom:10px ; }

.e1 , .e1_2 { color:#888888 !important ; }
.e2 , .e2_2 { color:#ffffff !important ; }
.e1:hover , .e2:hover { color:#428bca !important ; }


.col_gr1 { color:#888888 ; }
.col_gr2 { color:#666666 ; }
.col_azu { color:#0c2874 ; }
.col_az2 { color:#104397 ; }

.bac_gr1 { background-color: #f5f5f5; }
.bac_azu { background-color:#0c2874 ; }
.bac_az2 { background-color:#104397 ; }


.fs_10 { font-size:10px !important; line-height:16px; }
.fs_12 { font-size:12px !important; line-height:18px; }
.fs_14 { font-size:14px !important; line-height:20px; }
.fs_16 { font-size:16px !important; line-height:22px; }
.fs_18 { font-size:18px !important; line-height:24px; }
.fs_20 { font-size:20px !important; line-height:26px; }
.fs_22 { font-size:22px !important; line-height:28px; }
.fs_24 { font-size:24px !important; line-height:30px; }
.fs_26 { font-size:26px !important; line-height:32px; }
.fs_28 { font-size:28px !important; line-height:34px; }
.fs_30 { font-size:30px !important; line-height:36px; }
.fs_32 { font-size:32px !important; line-height:38px; }
.fs_34 { font-size:34px !important; line-height:40px; }
.fs_36 { font-size:36px !important; line-height:42px; }
.fs_38 { font-size:38px !important; line-height:44px; }
.fs_40 { font-size:40px !important; line-height:46px; }
.fs_42 { font-size:42px !important; line-height:48px; }
.fs_44 { font-size:44px !important; line-height:50px; }
.fs_46 { font-size:46px !important; line-height:52px; }
.fs_48 { font-size:48px !important; line-height:54px; }

sep1 , s1 , .s1 { height:1px ; display:block ; }
sep2 , s2 , .s2 { height:2px ; display:block ; }
sep4 , s4 , .s4 { height:4px ; display:block ; }
sep8 , s8 , .s8 { height:8px ; display:block ; }
sep10 , s10 , .s10 { height:10px ; display:block ; }
sep20 , s20 , .s20 { height:20px ; display:block ; }
sep30 , s30 , .s30 { height:30px ; display:block ; }
sep40 , s40 , .s40 { height:40px ; display:block ; }
sep50 , s50 , .s50 { height:50px ; display:block ; }
sep60 , s60 , .s60 { height:60px ; display:block ; }
sep70 , s70 , .s70 { height:70px ; display:block ; }
sep80 , s80 , .s80 { height:80px ; display:block ; }
sep90 , s90 , .s90 { height:90px ; display:block ; }
sep100 , s100 , .s100 { height:100px ; display:block ; }

.bor_rad_4 { border-radius: 4px; }
.bor_rad_8 { border-radius: 8px; }
.bor_rad_10 { border-radius: 10px; }
.bor_rad_14 { border-radius: 14px; }
.bor_rad_18 { border-radius: 18px; }
.bor_rad_20 { border-radius: 20px; }


@media (max-width:767px){ /* XS Y SM */
	.ali-centro-xs { text-align: center; }
	.ali-derecha-xs { text-align: right; }
}


@media (min-width:768px) and (max-width:991px){ /* MD */
	.ali-centro-sm { text-align: center; }
	.ali-derecha-sm { text-align: right; }
}


@media (min-width: 992px) and (max-width:1999px) { /* LG */
	.ali-centro-md { text-align: center; }
	.ali-derecha-md { text-align: right; }
}


@media (min-width: 1200px) { /* XL XXL */
	.ali-centro-lg { text-align: center; }
	.ali-derecha-lg { text-align: right; }
}


/*
@media(max-width:768px){
	t0 { font-size:38px; }
	t1 { font-size:36px; }
	t2 { font-size:28px; }
	t3 { font-size:24px; }
	t4 { font-size:20px; }
	t5 { font-size:17px; }
	t7 { font-size:11px; }
}
 */
 
 
 
 
 
 
 
 /* MENU */


  #menu {
    position: fixed;
    top:0px;
    left:0px;
    display: block;
    width: 100%;
    z-index: 100000;
  }

  #menu_logotipo {
    width:100%;
    max-width: 250px;
  }

  .menu_items {
    list-style:none;
  }
  .menu_items div {
    display:inline-block;
    padding:10px;
  }
  .menu_items div a {
    color: white;
  }


  @media (max-width:767px){ /* XS SM */
    .menu_items { margin-top: 0px; margin-bottom:4px; }
    .menu_items div a { font-size:12px; }
    .seccion_uno { margin-top:120px; }
    #menu_logotipo {
      width:100%;
      max-width: 200px;
    }
  }

  @media (min-width:768px) and (max-width:991px){ /* MD */
    .menu_items { margin-top: 0px; margin-bottom:10px; }
    .menu_items div a { font-size:15px; }
    .seccion_uno { margin-top:100px; }
  }

  @media (min-width: 992px) and (max-width:1999px) { /* LG */
    .menu_items { margin-top: 16px; }
    .menu_items div a { font-size:15px; }
    .seccion_uno { margin-top:30px; }
  }

  @media (min-width:1200px) { /* XL XXL */
    .menu_items { margin-top: 20px; }
    .menu_items div a { font-size:16px; }
    .seccion_uno { margin-top:40px; }
  }
  
  

/* INICIO BANNER 1 */

#inicio_1_banpri {
        width: 100%;
    }
    #banner-principal {
        width:100%;
    }

    @media (max-width:767px){
        #sep_ini_ban { display:none; }
    }
    
    
    
    /* INICIO SECCION GUITARRA */
    
    #seccion_guitarra{
        background-image: url( /images/guitarra.png );
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size:350px;
    }

    .curso_bloques {
        width:360px;
        display:inline-block;
        margin:0px;
    }

#seccion_guitarra2{
    background-image: url( /images/guitarra.png );
    background-repeat: no-repeat;
    background-position: -120 bottom;
    background-size:350px;
}

.curso_bloques2 {
    width:320px;
    display:inline-block;
    margin:0px;
}



/* INICIO VIDEO */


#inicio_video {
        width: 100%;
        max-width: 800px;
        height: 450px;
    }

    @media(max-width:768px){
        #inicio_video {
            height: 250px;
        }
    }
    
    
    /* INICIO CURSO ONLINE */
    
    
#inicio-6-cursoonline{
        background-image: url( /images/ivan/M4215783.JPG );
        background-repeat: no-repeat;
        background-position: left top;
        background-size:800px;
    }

    #cursoonline_items {
        width:100%;
        max-width: 400px;
    }


    #cursoonline_items li {
        font-size: 18px;
        padding-bottom:10px;
        color: white;
    }

    @media(max-width:768px){
        #inicio-6-cursoonline{
            background-image: none;
        }
    }
    
    
    /* INICIO LIBROS */ 
    
    
.img-libros { width: 100%; max-width:450px; }



/* INICIO TESTIMONIOS */


.iconos {
        width:80px;
        border-radius:50%;
    }

    .tarjetas {
        box-shadow: #aaa 10px 10px 30px;
        border-radius:10px;
        padding:20px;
        width: 100%;
    }
    
    
    
    /* FOOTER */
    
      .footer_items {
    list-style: none;
  }
  .footer_items div {
    padding-bottom:10px;
  }
  .footer_items div a {
    color:white;
  }
  

/* CURSO LISTA */

#curso_video {
        width: 100%;
        max-width: 800px;
        height: 400px;
    }
    
    
    /* IVAN BANNER */
    
    #ivan-banner{
        background-image: url( /images/ivan/ivan-gonzalez-2.JPG);
        background-position: center 80px;
        background-size:900px;
        background-repeat: no-repeat;
    }

    @media(max-width:768px){
        #ivan-banner{
            background-image: none;
        }
    }
    
    
    /* BANNER LIBROS */
    
    #banner-libros {
    width:100%;
    max-width:1000px;
}


/* CURSO P VIDEO */

#curso_video {
        width: 100%;
        max-width: 800px;
        height: 400px;
    }
    
    
    /* CURSO P ICONOS */
    
    
    .cursos-iconos {
        width:100%;
        max-width:240px;
    }
    
    
    /* CURSO P TESTIMONIOS */
    
    
    .iconos {
        width:80px;
        border-radius:50%;
    }

    .tarjetas {
        box-shadow: #aaa 10px 10px 30px;
        border-radius:10px;
        padding:20px;
        width: 100%;
    }
    
    
    /* CURSO P FORMAS DE PAGO */
    
    #fp {
        width:100%;
        max-width: 400px;
    }