/* hoja de estilos JT 31 */

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:700);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(http://fonts.googleapis.com/css?family=Inconsolata:700);

/* font-family: 'Source Sans Pro', sans-serif;  (textos) */
/* font-family: 'Roboto Condensed', sans-serif;  (titulos) */
/* font-family: 'Inconsolata';  (frase menu) */

*{
margin:0;
padding:0;
font-size:100%;
}

html{
    width:100%;
    height:auto;
}

body{
    width: 960px;
    height: 768px;
    margin: auto;
    }

/* Fondos de las pags */

.fondo-home{
    background-image: url(imagenes/fondo-home.png);
    width: 100%;
    height:100%;
}

.fondo-catedra{
    background-image: url(imagenes/fondo-catedra.png);
    width: 100%;
    height:105%;
}
.fondo-sub-catedra{
    background-image: url(imagenes/fondo-m1-2-3.png);
    width: 100%;
    height:100%;
}
.fondo-alumnos{
    background-image: url(imagenes/fondo-alumno.png);
    width: 100%;
    height:107%;
}
.fondo-novedades{
    width: 100%;
    height:100%;
}

.fondo-blog{
     background-image: url(imagenes/fondo-blog.png);
    width: 100%;
    height:100%;
}

.fondo-mapa{
    background-image: url(imagenes/mapa.png);
    width: 100%;
    height:100%;
}

.fondos{
    width: 100%;
    height: 680px;
    float: left;
    background-color: #c9e08e;
}

/* FIN Fondos de las pags */


.contenedor-inicio{
    float: left;
    height: auto;
    width: 100%;
    margin: auto;
}
.contiene-blog{
            height: auto;
            width: 820px;
            margin: auto;
        }
        
.contenedor-inicio img{
            width: 263px;
            height: 384px;
            margin: 160px auto;
            display: block;
            }
       
        header{
            float:left;
            width:100%;
            height:142px;
        }
            h1, h3, h4, h5{
                font-family: 'Roboto Condensed', sans-serif;
            }

            .contienehead{
                background-color: rgba(255,255,255,0.6);
                margin: auto;
                width: 820px;
                height: 138px;
                border-bottom:4px solid #808080; 
            }
            h1{
                float: left;
                width: 81px;
                height: 119px;
                margin: 10px 0px 0px 20px; 
            }

            h2{
                font-family: 'Inconsolata';
                float: left;
                width: 500px;
                height: 40px;
                text-align: right;
                margin:35px 0px 10px 70px; 
                color:#95C11F;
                font-size: 12.8px;
                text-transform: uppercase;
            }

            nav {
                width: 500px;
                float: left;
                height: 25px;
                border-top: 1px solid #808080;
                margin:0px 0px 0px 70px;
            }

            header nav ul{
                width: 500px;
                float: left;
                height: 25px;
                list-style: none;
            }

            nav ul li a{
                font-family: 'Roboto Condensed', sans-serif;
                float: left;
                width: auto;
                padding: 10px 20px;
                display: block;
                text-decoration: none;
                color: #808080;
                text-transform: uppercase;
                font-size: 14px;
            }
            nav ul li a:hover{
                background-color: #95C11F;
                color: #fff;
            }

            .social2{
                width: 80px;
                float: right;
                height: auto;
            }

            .social2 ul{
            float: right;
            width:120px;
            list-style: none;
            margin-top: -30px;
            }

            .social2 ul li a{
            float: left;
            height:30px;
            width: 30px;
            display: block;
            margin: 20px 5px ;}

        .columna1, .columna2{
            float: left;
            width: 50%;
        }
        h3{
            width: 350px;
            height: 20px;
            line-height: 20px;
            background-color: #95C11F;
            color: #1c1c1c;
            text-indent: 20px;
            margin: 10px 0px 0px 0px;
            float: left;
            text-transform: uppercase;
            font-size: 12px;
        }   
        .columna1  ul{
            width: 100%;
            height: auto;
            float: left;
            list-style: none;
        }
        .columna1 ul li{
            font-family: verdana;
            width: 100%;
            float: left;
            height: 10px;
            margin: 4px;
            font-size: 11px;
            display: block;
            text-indent: 20px;
        }

        ul.box-catedra{
            width: 100%;
            height: auto;
            float: left;
            list-style: none;
        }

        ul.box-catedra li{
            width: 111px;
            height: 111px;
            float: left;
            margin: 5px 10px 0px px;
            text-indent: 0px;
        }

        .columna2 ul.box-catedra li{
            float: right;
            margin:10px 5px 10px 10px;
        }


        .contiene2bxslider{
            width: 100%;
            height: auto;
            background-color: transparent;
        }
        .contienebxslider{
            width: 820px;
            height: 300px ;
            margin: auto;
        }

        main{
            float:left;
            width:100%;
            height:auto;
        }

        .contiene-home{
            margin: auto;
            width: 490px;
            height: auto;
            
        }

            .homehead{
                width: 100%;
                height:116px;
                float: left;
                text-align: center;
            }
            
                .homehead img{
                    width: 263px;
                    height: 99px;
                    margin: auto;
                }

            .mensaje-bienvenida{
                width: 100%;
                height: 100px;
                float: left;
                display: block;
                background-color: rgba(0,102,51,.4);
                
            }
            .mensaje-bienvenida p{
                font-family: 'Source Sans Pro', sans-serif;
                width: 268px;
                height: auto;
                margin: 14px auto;
                font-size: 12px;
                text-align: left;
                color: #fff;
            }
            .columna{
                width: 350px;
                margin-right: 10px;
                float: left;
                height: auto;
            }
            .home-a{
                float: left;
                width: 100%;
            }

            .home-a ul{
                width: 100%;
                margin-bottom: 10px;
                float: left;
                height: auto;
                list-style: none;
            }
            .home-a > ul li a{
                display: block;
                width: 110px;
                float: left;
                height: 113px;
                background-color: ;
                margin: 10px 8px 0px 0px;
            } 

            label{
                width: 100%;
                float: left;
                font-family: 'Source Sans Pro', sans-serif; 
            }

                label a{
                    width:10%;
                    padding: 8px;
                    line-height: 30px;
                    text-align:center;
                    font-family: 'Source Sans Pro', sans-serif; 
                    text-decoration: none;
                    font-size: 14px;

                }

                input{
                    float: left;
                    padding: 10px;
                    width: 80%;
                }
            
            .home-a ul li:last-child a{
                margin-right: 0px;
            }
            
            .acceso{
                width: 150px;
                margin-right: 10px;
                height: auto;
                float: left;
                
            }            
            .acceso a{
                width: 100%;
                float: left;
                height: 52px;
                background-color: #008D36;
                margin: 10px 0px 0px 0px;
                line-height: 52px;
                color: #fff;
                text-align: center;
                text-decoration: none;
                text-transform: uppercase;
                 font-family: 'Roboto Condensed', sans-serif;
            }

.novedades-over:hover{
   background-image: url(imagenes/novedades-over.png);
}
.alumnos-over:hover{
   background-image: url(imagenes/alumnos-over.png); 
}


            form{
                float: left;
                width: 190px;
                height: 113px;
                background-color: #878787;
                margin-top: 10px;
            }
            form label{
                width: 90%;
                margin: 0px 5%;
                float: left;
            }
            form label > h3 {
                width: 80px;
                height: 10px;
                line-height: 10px;
                float: left;
                
            }

            form label > a{
                width: 60px;
                line-height: 10px;
                height: 4px;
                float: right;
                color: #000;
                font-family: 'Source Sans Pro', sans-serif;
            }
            
            form label input{
                width: 92%;
                height: 5px;
                padding: 5px;
                float: left;
                margin: 6px 0px 0px 0px;
            }

            .catedra{
                margin-top: 10px;
                float: left;
                height: 50px;
                line-height: 50px;
                text-align: center;
                width: 100%;
                font-family: 'Roboto Condensed', sans-serif;
                font-size: 20px;
                text-decoration: none;
                list-style: none;
                background-color: #95C11F;
                color: #fff;
            }

            .contra{
            font-size:10px;
            width:101px;
            height:10px;
            float:left;
            line-height:12px;
            text-decoration: none;
            text-align: right;
                margin:  5px 0px 0px 0px;
                padding: 0px ;
            }

            .social{
                margin-top: 10px;
                background-color: #055C79;
                width: 100%;
                height: 52px;
                float: left;
            }

            .social ul{
                
                float: right;
                width: 120px;
            }
            .social ul li a{
                float: left;
                display: block;
                list-style: none;
                margin: 15px 5px;
            }

            .titleform{
                width: 83px;
                height: 1px;
                margin: 1px 0px 2px 0px;
                line-height: 34px;
                font-size: 16px;
                font-family: 'Roboto Condensed', sans-serif;
                color: #95C11F;
                }

            .entrar{
                font-size:12px;
                width:46px;
                height:10px;
                margin-top: 5px;
                float:right;
                line-height:10px;
                background-color: rgb(149,193,31);
                padding: 8px;
                font-family: 'Roboto Condensed', sans-serif;
                color: #706F6F;
            }

            aside{
                width: 128px;
                float: right;
                height: 440px;
            }
            aside a{
                margin: 10px auto 0px auto;
                float: left;
            }


.inscripcion-over:hover{
   background-image: url(imagenes/inscripcion-over.png); 
}
/*
.galeria-over:hover{
   background-image: url(imagenes/galeria-over.png); 
}
.blog-over:hover{
   background-image: url(imagenes/blog-over.png); 
}
*/
        .incolumna2 a{
            float: right;
            margin-top: 10px;
        }

        .littleitem{
            width: 240px;
            height: 50px;
            float: right;
            text-align: right;
            margin-right: 10px;
        }


/* FOOTER */

        footer{
            margin: 0px 0px 0px 0px;
            font-family: 'Source Sans Pro', sans-serif;
            border-top: 3px dotted #fff;
            text-decoration: none;
            width: 100%;
            height: 110px;
            float: left;
            background-color: #575756;
            font-size: 9px;
            color: #fff;
        }
        footer > img{
            float: left; margin: 20px;
        }
        
        footer p{
            float: left;
            width: 320px;
            margin: 18px 40px;
        }
        
        footer div{
            margin: 18px 40px;
            float: left;
        }
        
        footer  > ul{
            float: right;
            width:160px;
            list-style: none;
        }
        footer > ul  > li  > a{
            float: left;
            height:30px;
            width: 30px;
            display: block;
            margin: 20px 5px ;
        }

        footer > nav {
                width: 100%;
                float: left;
                height: 25px;
                border-top: 1px solid #808080;
                margin: 0px;
                background-color: rgba(255,255,255, .9);
            }

            footer > nav > ul{
                text-align: center;
                margin: auto;
                width: 634px;
                height: 25px;
                list-style: none;
                clear: both !important;
            }

             footer > nav ul li a{
                font-family: 'Roboto Condensed', sans-serif;
                float: left;
                width: auto;
                padding: 5px 30px;
                display: block;
                text-decoration: none;
                color: #808080;
                text-transform: uppercase;
                font-size: 10px;
            }
            footer > nav ul li a:hover{
                color: #808080;
                background-color: transparent;
            }

            /* paginas internas */

            .contiene-col-sub{
                width: 820px;
                margin:auto;
                height: auto;
            }
            .col-sub, .col-sub2{
                width: 50%;
                margin-top: 30px;
                float: left;
            }

                .col-sub p{
                    width: 340px;
                    max-height: 300px;
                    overflow: auto;
                    margin: 10px 0px 10px 0px; 
                    font-family: 'Source Sans Pro', sans-serif;
                    font-size: 13px;
                }

                .col-sub2 img{
                    margin: 10px 0px 10px 10px;
                    float: right;
                    

                }

                .col-sub2 a img{
                    margin-left: 10px;
                    width: 55px;
                    height: 55px;
                    float: right;
                }

                .alumno-sub{
                    width: 248px;
                    float: left;
                    height: auto;
                    margin-right: 10px;
                    margin-top: 20px;
                }
                .alumno-sub2{
                    width: 350px;
                    float: left;
                    height: auto;
                    margin-right: 10px;
                    margin-top: 20px;
                    font-family: 'Source Sans Pro', sans-serif;
                }

                .alumno-sub form{
                    width: 100%;
                    height: 120px;
                }

                .alumno-sub2 a{
                    color: #000;
                    text-decoration: none;
                    float: left;
                }

                .alumno-sub2 p{
                    float: left;
                    margin-top: 10px;
                    margin-bottom: 10px;
                }

                .alumno-sub2 form{
                    margin-top: 10px;
                    background-color: transparent;
                    width: 100%;
                    height: auto;
                    float:left;
                    margin-bottom: 20px;
                }

                .alumno-sub2 form input, .alumno-sub2 form textarea{
                    width: 100%;
                    margin:10px 0px 0px 0px;
                    float: left;
                    padding: 5px;
                }

                .alumno-sub2 form textarea{
                    height: 100px;
                }

                .alumno-sub2 form input[type="submit"]{
                    float: right;
                    width: 80px;
                    height: 30px;
                    border: none;
                    background-color: #055C79;
                    color: #fff;
                }

                .contiene-col-sub aside{
                    float: right;
                }
                aside .as-im1, aside .as-im2, aside .as-im3, aside .as-im4{
                    width: 113px;
                    height: 113px;
                    float: left;
                    margin: 10px;
                   
                }

                .as-im1{
                    
                     background-image: url(imagenes/btn-descarga-contenidos.png);
                }
                    .as-im1:hover{
                         background-image: url(imagenes/btn-descarga-contenidos-over.png);
                    }
                .as-im2{
                     background-image: url(imagenes/btn-galeria-trabajos.png);
                }
                    .as-im2:hover{
                         background-image: url(imagenes/btn-galeria-trabajos-over.png);
                    }
                .as-im3{
                     background-image: url(imagenes/btn-galeria-videos.png);
                }
                    .as-im3:hover{
                         background-image: url(imagenes/btn-galeria-videos-over.png);
                    }
                .as-im4{
                     background-image: url(imagenes/btn-inscripcion-chico.png);
                }
                    .as-im4:hover{
                         background-image: url(imagenes/btn-inscripcion-chico-over.png);
                    }
                 .as-im7{
                    width: 113px;
                    height: 113px;
                    float: left;
                    margin: 10px 5px 0px 5px;
                     background-image: url(imagenes/sesion-btn-tpencurso.png);
                }
                    .as-im7:hover{
                         background-image: url(imagenes/sesion-btn-tpencurso-over.png);
                    }
                 .as-im8{
                    width: 113px;
                    height: 113px;
                    float: left;
                    margin: 10px 5px 0px 5px;
                     background-image: url(imagenes/sesion-btn-subirtp.png);
                }
                    .as-im8:hover{
                         background-image: url(imagenes/sesion-btn-subirtp-over.png);
                    }
               
               aside > .mini-btn1, aside .mini-btn2, aside .mini-btn3, aside .mini-btn4, aside .mini-btn5, aside .mini-btn6{
                width: 53px;
                height: 53px;
                float: left;
                margin: 5px 0px 5px 10px;
               }

               .mini-btn1{
                    background-image: url(imagenes/acesso-blog.png);
               }
                   .mini-btn1:hover{
                        background-image: url(imagenes/acesso-blog-over.png);
                   }

               .mini-btn2{
                    background-image: url(imagenes/acesso-cronograma.png);
               }
                  .mini-btn2:hover{
                        background-image: url(imagenes/acesso-cronograma-over.png);
                   }
               .mini-btn3{
                    background-image: url(imagenes/acesso-lapiz.png);
               }
                   .mini-btn3:hover{
                        background-image: url(imagenes/acesso-lapiz-over.png);
                   }
               .mini-btn4{
                    background-image: url(imagenes/acceso-video2.png);
               }
                   .mini-btn4:hover{
                        background-image: url(imagenes/acceso-video2-over.png);
                   }
               .mini-btn5{
                    background-image: url(imagenes/acceso-galeria2.png);
               }
                   .mini-btn5:hover{
                        background-image: url(imagenes/acceso-galeria2-over.png);
                   }
               .mini-btn6{
                    background-image: url(imagenes/acceso-descarga-chico.png);
               }
                   .mini-btn6:hover{
                        background-image: url(imagenes/acceso-descarga-chico-over.png);
                   }

/*
.destacados{
    background-image: url(imagenes/acceso-video2.png);
               }

.destacados:hover {
    background-image: url(imagenes/acceso-descarga-chico.png);
                }

.destacados:hover {
    background-image: url(imagenes/acceso-descarga-chico.png);
                }

.destacados:hover {
    background-image: url(imagenes/acceso-descarga-chico.png);
                }

.destacados:hover {
    background-image: url(imagenes/acceso-descarga-chico.png);
                }

.destacados:hover {
    background-image: url(imagenes/acceso-descarga-chico.png);
                }
*/






h8{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    color: #055C79;
 }

h9{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    color: green;
 }
                .alumno-sub3{
                    width: 650px;
                    height: auto;
                    float: left;
                    font-family: 'Source Sans Pro', sans-serif;
                    font-size: 11px;
                    margin-top: 10px;
                }
                .reduce-aside{
                    margin-top: 15px;
                    width: 65px;
                }

                .cronobotonera{
                    width: 100%;
                    float: left;
                    background-color: #055C79;
                    height: auto;
                    min-height:300px;
                }
                .cronobotonera h3{
                    width: 100%;
                    float: left;
                    color: #fff;
                    background-color: transparent;
                    font-size: 14px; 
                }

                .cronobotonera a{
                    width: 70px;
                    height: 80px;
                    float: left;
                    margin: 6px;
                    text-align: center;
                    color: #000;
                    padding-top: 10px;
                    font-family: 'Source Sans Pro', sans-serif;
                    font-size: 12px;
                    text-decoration: none;
                    background-color: #fff;
                }

                .alumno-sub4{
                    margin-top: 20px;
                    background-color: skyblue;
                    float: left;
                    width: 492px;
                    height: auto;
                    min-height: 492px;
                }

                .alumno-sub4 a{
                    float: left;
                    width: 113px;
                    height: 100px;
                    padding-top: 13px;
                    background-color: #fff;
                    color: #000;
                    text-align: center;
                    margin: 15px 5px 15px 5px;
                    text-decoration: none;
                }
                .alumno-sub4 a:hover{
                    background-color: #95C11F;
                    color: #fff;
                }

                .alumno-sub4 a .fecha{
                    font-size: 30px;
                    font-family: 'Roboto Condensed', sans-serif;
                     color: #055C79;
                }

        .alumno-sub4 a .fecha:hover{
            font-size: 30px;
            font-family: 'Roboto Condensed', sans-serif;
            color: #fff;
                }
                 .alumno-sub4 a .descripcion{
                    font-size: 14px;
                    font-family: 'Source Sans Pro', sans-serif;
                }

                .alumno-sub5{
                    width: 650px;
                    float: left;
                }

                .alumno-sub5 h5{
                    width: 100%;
                    float: left;
                    color: darkblue;
                    font-family: 'Roboto Condensed', sans-serif; 
                    font-size: 17px;
                    margin: 10px auto;
                    color: #055C79;
                }

                .alumno-sub5 p{
                    width: 100%;
                    float: left;
                    font-family: 'Source Sans Pro', sans-serif; 
                    font-size: 12px;
                }
                 .alumno-sub5 h2{
                    font-family: 'Roboto Condensed', sans-serif;
                    margin: 20px auto;
                    padding: 0px;
                    height:30px;
                    width: 96%;
                    text-align: left;
                    float: left;
                    text-indent: 20px;
                    line-height: 30px;
                    background-color: #055C79;
                    color: #fff;
                 }

                 .alumno-sub5 .col img{
                    width: 200px;
                    height: 120px;
                 }
                .alumno-sub5 .col{
                    width: 200px;
                    height: auto;
                    float: left;
                    margin: 10px 10px 10px 0px;
                 }
                 .tp{
                    width: 599px;
                    float: left;
                    
                 }
                    .intp{
                        width: 135px;
                        float: left;
                       margin: 10px 10px 10px 0px ;
                    }

                 .renders{
                    margin: 0px 10px 10px 0px ;
                    width: 598px;
                    height: 80px;
                    float: left;
                 }

                 .renders img{
                    width: 598px;
                    height: auto;
                     margin-top: 10px;
                 }
                 .destacados{
                    float: left;
                   margin: 10px 10px 10px 0px ;
                 }

                 .visitas{float: right;
                    margin-top: 10px;
                 }

                 .conferencias{
                    float: left;
                    margin-top: 10px auto;
                 }

                 .novedades{
                    padding-top:5px; 
                    float: left;
                    width: 100%;
                    height: auto;
                    border-top: 4px solid green;
                    
                 }

                 .novedades > a > div{
                    width: 25%;
                    margin: 0px;
                    padding: 25px 0px 10px 0px; 
                    float: left;
                    height: 140px;
                    
                }

                 .novedades > a > div > h2{
                    margin: 0px;
                    padding: 0px;
                    float: left;
                    width: 99%;
                    height: auto;
                    text-align: center;
                    color: #FFF;
                    font-size: 19px;
                    font-weight: normal;
                    text-transform: uppercase;
                    border-bottom: 1px solid  #fff;
                     font-family: 'Roboto Condensed', sans-serif;
                 }

                 .novedades > a > div > p{
                    width: 110px;
                    font-size: 14px;
                    margin: 35px auto;
                    padding: 15px;
                    color: #fff;
                    border: 1px solid #f2f2f2;
                    font-family: 'Source Sans Pro', sans-serif;
                 }

                  .fondo1{
                    background-color: #D6D8D2;
                }
                  .fondo2{
                    background-color: rgba(104,155,69,1);
                }
                  .fondo3{
                    background-color: #95C11F;
                }
                  .fondo4{
                    background-color: #BEE24D;
                }

                .novedades2{
                    width: 100%;
                    float: left;
                    color: #055C79;
                    margin: 10px 0px;
                    border-top: 1px solid green;
                    border-bottom: 1px solid green;
                    padding: 10px 0px;
                    font-family: 'Source Sans Pro', sans-serif;
                }

                .contiene-galeria{
                    width: 820px;
                    margin: auto;
                }

                .menugaleria a{
                    margin: 5px 0px 0px 5px;
                    float: left;
                }

            nav li ul {
            display:none;
            position:absolute;
            width: 160px;
            height: auto;
            z-index: 9;
            font-size: 12px;
            background-color: rgba(255,255,255,.8);z-index: 9;
            }

            nav li:hover > ul {
            display:block;
            margin-top: 30px;
            width:160px;
            z-index: 9;
            background-color: rgba(255,255,255,.8);z-index: 9;
            }


            nav li ul li a{
            width:140px;
            display: block;
            position:relative;
            padding: 10px;
            font-family: 'Source Sans Pro', sans-serif;
            z-index: 9;
    
}

.movete1{
    margin-left: 109px;
}
.movete2{
    margin-left: 198px;
}
.movete3{
    margin-left: 287px;
}