/*
HOJA DE ESTILOS POR DEFECTO, PARA MOSTRARSE EN PC o EN RESOLUCIONES MAYORES A 860px
*/
/* 
    Created on : 06-feb-2014, 12:32:15
    Author     : Miguel Cuadros, Erick Mauricio
*/

/*Index*/
/*Noticias*/
.slider{ 
    height: 530px;
    position: relative;
}
.info > p, .info > h2{
    color: white;
    line-height: normal;
    padding: 0;
    margin: 15px;
}
.info > p {
    text-align: justify;
}
.titulo_noticia{
     height: 80px;
     width: 100%;
     background-color: #2e2e2e;
     line-height: 20px;
     color: white;
     text-align: center;
}
.detalles{
    width: 100%;
    height: 210px;
    margin-top: 20px;
    margin-bottom:20px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: table;
    border-bottom:1.5px solid #939393;
}
.detalles > img{
    height: 190px;
    width: 250px;
    display: table-cell;
}
.detalles > div{
    display: table-cell;
    vertical-align: top;
}
.detalles > div > h3{
    padding-left: 20px;
    color: #920a0a;
    margin: 0;  
    line-height: 1;
}
.detalles > div > p{
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
}
.detalles > div > span, .detalles > div > a{
    padding-left: 20px;
    color: #920a0a;
    text-decoration: none;
    cursor: pointer;
}
.detalles > div > a:hover{
    text-decoration: underline;
}

/*Nosotros*/
/*Congregacion*/
.titulo{
   height: 80px;
   background-color: #06266F;
   line-height: 20px;
   color: white;
   text-align: justify;
} 
.cuadro{
    width: 100%;
    margin-top:2%;
    background-color: gray;
}
.cuadro_mitad{
    height: auto;
    width:50%;
    margin-top:2%;
    display: inline-block;
    vertical-align: top;
}
.cuadro_mitad.middle{
    vertical-align: middle !important;
}
.cuadro_mitad > h2{
    padding-left: 20px;
    margin: 0px;
    color: #06266F;
}
.cuadro_mitad > h5{
    padding-left: 20px;
    margin: 0px;
    color: #06266F;
}
.cuadro_mitad > p{
    padding: 20px;
    padding-top: 0px;
    text-align: justify;
}
.cuadro_mitad > span{
    padding-left: 20px;
}
.cuadro_mitad > img{
    padding-left: 20px;
    position: relative;
    width:93%;
}
.biografia{
    width: 100%;
    margin-top: 2%;
    margin-bottom:3%;
    display: inline-block;
    background-color:  #06266F;
}
.biografia > div{
    display:  inline-block;
    margin-right: 25px;
    text-align: justify;
}
.biografia > div > h3{
    color: white;
    margin: 25px;  
    line-height: 1;
    text-align: center;
}
.biografia > div > p{
    padding-left: 20px;
    color: white;
    margin-top: -2px;
}
.biografia > div > img, .ventana >.body >img{
    height: 250px;
    width: 220px;
    float: left;
    margin:25px;
} 
.biografia > div > a {
    text-decoration: none;
} 
.biografia > div > a >h5{
    color: white;
}
/*Organizacion Educativa*/
.perfil{
    height: 250px;
    width: 20%;
    text-align: center;
    padding:  20px;
    vertical-align: top;
    display: inline-block;  
}
.perfil >img{
    height: 180px;
    width: 180px;
    border-radius: 90px;
    cursor: pointer;
    transition: all .5s;
}
.perfil > h4{
    padding-top: 5px;
    margin: 0;
    color: #06266F;
}
.perfil > span{
    padding-top: 5px;
    margin: 0;
    text-align: center;
} 
.perfil:hover >img{
    height: 190px;
    width: 190px;
    border-radius: 100px;
    transition: all .5s;
}
/*Historia*/
.cuadro_grande{
    height: auto;
    margin-top: 2%;
}
.cuadro_grande > h2{
    padding-top: 5px;
    padding-right:20px; 
    margin: 0;
    color: #06266F;
}
.cuadro_grande > p{
    padding-top: 0px;
    text-align: justify;
}
.cuadro_grande > img{
    width: 100%;
    margin-top: 1%;
    margin-bottom: 4%;
}
/*promociones*/
.resumen{
    height: auto;
    width: 100%;
    margin-top: 2%;
    margin-bottom: 2%;
    background-color: gray;
    background-color: #f5f5f5;
    box-shadow: 0 0 2px gray;
}
.resumen >h2{
    margin: 0;
    padding-top: 20px;
    padding-left: 20px;
    color: #06266F;
}
.resumen >p{
    height: auto;
    padding:20px;
    margin: 0;
    vertical-align: top;
    display: inline-block;
}
.resumen >img{
    height: 300px;
    width: 500px;
    padding: 20px;
    display: inline-block;
}
.listado{
    height: 420px;
    width: 100%;
    margin-top: 2%;
    margin-bottom: 3%;
    overflow-y: auto;
    text-align: center;
}
.listado > a{
    text-align: center;
    min-height: 50px;
    width: 30%;
    margin: 8px;
    vertical-align: top;
    margin-bottom: 1%;
    padding: 8px;
    background-color: #f5f5f5;
    box-shadow: 0 0 2px gray;
    cursor: pointer;
    display: inline-block;
    color: black;
    text-decoration: none;
}
.listado >a > h4{
    font-size: 20px;
    color:#06266F;
    margin: 0;
} 
.thumbnail-large{
    width: 31px;
    height: 40px;
}
.descargas{
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    
}
.descargas > a {
    text-decoration: none;
    color: inherit;
    vertical-align: middle;
    width: 100%;
    height: 50px;
    display: block;
    list-style: none;
    text-align: left;
    font-size: 16px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-weight: bold;
    cursor: pointer;
    line-height: 48px;
    padding-left:5px;
    padding-right:5px;
}
.descargas > a > span{
    font-size: 14px;
    font-weight: normal;
}
.descargas > a:hover{
    transition: all .5s;
    background-color: #EFEFEF;
}