/*-----------inicio GLOBALES-----------*/
body{
  background: url(../img/bg-body.jpg) repeat-x 0 0 #fff;
  position: relative;
  margin:auto;
  font-family: Arial
}

body#interna{
  background: url(../img/bg-body_interna.jpg) repeat-x 0 0 #fff;
  position: relative;
  margin:auto;
}

a {
    color: #564D50;
    outline-style: none;
    text-decoration: none;
}


/*inicio FONTS*/
.oswald{
    font-family: 'Oswald', sans-serif;
}
/*fin FONTS*/


/*inciio CONTENEDORES*/
.content{
     margin: auto;
    position: relative;
    width: 1062px;
    overflow: hidden;
}

.sidebar_header{
    width: 900px;
    margin: auto;
    overflow: hidden;
    position: relative
}

.contenido{
    width: 540px;
    overflow: hidden;
    float: left;
    padding: 0 0 0 25px;
    background: url(../img/shadow.png) no-repeat right 150px transparent
}

#interna .contenido{
    margin-top: -30px
}
/*fin CONTENEDORES*/

/*inicio IMAGENES LATERALES*/
#imagen_izquierda, #imagen_derecha{    
    position: absolute;
    top: 110px;      
    width: 81px;
    height: 1058px;
    background: red
}
#imagen_izquierda{
    left:0;
    background: url(../img/parte_izquierda.jpg) no-repeat 0 0 transparent;
}
#imagen_derecha{   
    right: 0;   
    background: url(../img/parte_derecha.jpg) no-repeat 0 0 transparent;    
}

body#interna #imagen_izquierda{
    background: url(../img/parte_izquierda_interna.jpg) no-repeat 0 0 transparent;
    top:0
}
body#interna  #imagen_derecha{
    background: url(../img/parte_derecha_interna.jpg) no-repeat 0 0 transparent;
    top:0
}
/*fin IMAGENES LATERALES*/
/*-----------inicio GLOBALES-----------*/

/*-----------inicio HEADER-----------*/
#header{
    margin: auto;
    overflow: hidden;
    width: 100%;
    height: 380px
}
/*inicio MENU*/
#nav{
    width: 900px;
    height: 57px
}
    #nav a.home{
        height: 47px;
        width: 86px;
        display: block;
        float: left;
        text-align: center;
        color: #CCCCCC;
        font-size: 18px;
        line-height: 57px;
        font-family: 'Oswald', sans-serif;
        border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
    }

#menu{
    float: right;
    height: 57px;
    overflow: hidden;
}
    #menu li{
        float: left;
        overflow: hidden;
        padding-left: 7px;

    }
        #menu li a{
            color: #CCCCCC;;
            display: block;                      
            font-size: 18px;
            height: 47px;
            line-height: 57px;
            text-align: center;
            padding: 0 15px;
        }

        #menu li a:hover, #menu li a.current, #header a.current{
            color: #000;
            background-color: #fff;
            border-radius: 0 0 10px 10px;
            -webkit-border-radius: 0 0 10px 10px;
            -moz-border-radius: 0 0 10px 10px;
        }
/*fin MENU*/


/*inicio LEOPOLDO*/
#imagen_abadia{
    width: 900px;
    height: 259px;
    background: url(../img/foto_abadia.png) no-repeat 0 0 transparent
}

body#interna #imagen_abadia{
    height: 209px;    
    width: 900px;
    background: url(../img/foto_abadia_interna.png) no-repeat 0 0 transparent
}
/*fin LEOPOLDO*/


/*inicio REDES SOCIALES*/
.capa{
    background: none repeat scroll 0 0 #000000;    
    width: 865px;    
    padding: 18px 0 18px 35px;
    height: 28px;
    position:relative
}
    .capa a{
        float: left;
        display: block;
        margin: 0 25px 0 0;
        width: 90px;
        height: 27px;
        background: url(../img/redes_sociales.jpg) no-repeat 0 0 transparent
    }
    .capa a:hover{
        opacity:0.8
    }
    .capa a#twiter{
        background-position: -90px 0;
        width: 85px
    }
    #youtube{
        background-position: -180px 0;
        width: 68px
    }  

#bandera{
    left: 93px;
    margin-top: -329px;
    position: absolute;
}
/*fin REDES SOCIALES*/
/*-----------fin HEADER-----------*/

/*-----------inicio SIDEBAR-----------*/
#sidebar{
    float: right;
    width: 335px;
    height: 100%;
    padding-bottom: 30000px;
    margin-bottom: -30000px;
    background: url(../img/bg_sidebar.png) repeat-x 0 0 transparent
}

#interna #sidebar{
    margin-top: -50px;
    padding-top: 160px
}


/*inicio LIBRO*/
#libro_total{
    position: absolute;
    right: 0;
    top: 90px;
    height: 465px;
    width: 436px
}
    #libro{
        position: absolute;
        right: 10px;
        top: 0;
    }
    body#interna #libro{
        height: 375px;  
        right:45px
    }    
    
    #compra_online{
        bottom: 0;
        position: absolute;
        left: 205px;
        bottom: 0;
    }
    body#interna #compra_online{        
        bottom: 220px;
        left: 240px;
    }
    
    #nuevo_libro{
        left: 40px;
        position: absolute;
        top: 65px;
    }
    body#interna #nuevo_libro {
        left: 55px;
        top: 40px;
        width: 130px;
    }
/*fin LIBRO*/


/*inicio BLOQUE DESTACADO*/
.derecha_1{
    background: #3a5b6a;
    background: -moz-linear-gradient(left, #3a5b6a 0%, #5890a9 53%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3a5b6a), color-stop(53%,#5890a9));
    background: -webkit-linear-gradient(left, #3a5b6a 0%,#5890a9 53%);
    background: -o-linear-gradient(left, #3a5b6a 0%,#5890a9 53%);
    background: -ms-linear-gradient(left, #3a5b6a 0%,#5890a9 53%);
    background: linear-gradient(left, #3a5b6a 0%,#5890a9 53%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a5b6a', endColorstr='#5890a9',GradientType=1 );
    width:275px;
    height:125px;    
    padding: 190px 30px 30px;
    color:#d4e4e9;
    font-size: 18px;
}
    .derecha_1 span{
        color:#fff
    }

#interna div.derecha_1{
    display: none
}
/*fin BLOQUE DESTACADO*/


/*inicio FRASES*/
#derecha{
    background-color: #d9e7ed;
    width:335px;
    overflow: hidden;    
    position: relative; 
    padding: 30px 0
}

ul.frases{
    font-size: 22px;
    height: 140px;
    margin: auto;
    overflow: hidden;
    width: 255px;
    text-align: center;   
    font-size: 20px;      
}
    ul.frases li{
        float: left;
        width: 255px;
        height: 200px;
        overflow: hidden
    }    
        ul.frases li p{
            width: 235px;
            padding:0 10px;
            height: 105px;
            overflow: hidden;
            display: block;
            font-family: 'Times New Roman';
            font-style: italic;  
        }
        ul.frases li a.ampliar{
            -moz-border-radius: 6px 6px 6px 6px;
            -webkit-border-radius: 6px 6px 6px 6px;
            background-color: #9CBCCB;
            border-radius: 6px 6px 6px 6px;
            color: #FFFFFF;
            display: block;
            font-size: 11px;
            height: 23px;            
            line-height: 23px;
            margin: 10px auto auto;
            text-align: left;            
            width: 70px;
            position:relative;
            padding: 0 0 0 15px
        }
        ul.frases li a.ampliar:hover{
            opacity:0.8
        }
            ul.frases li a.ampliar span{
                font-size: 35px;
                position: absolute;
                top:-5px;
                right:11px
            }
            
.respuesta{
    font-family: 'Times New Roman';
    font-style: italic;
    margin-left: 23px;
    margin-right: 23px;
    margin-top: 50px;
}
    .respuesta p{     
        font-size: 21px;
        margin-top: 50px;
    }

.arrow{
    display: block;
    width: 26px;
    height: 58px;
    background: url(../img/flecha_carrusel.png) no-repeat -26px 0 transparent;
    position: absolute;
    top:75px
}
    .arrow#next{
         right: 0;
         background-position: 0 0
    }
    .arrow#prev{
        left: 0;
    }
/*fin FRASES*/
/*-----------fin SIDEBAR-----------*/

/*-----------inicio HOME-----------*/
/*inicio TWITTER*/
#twitter{    
    height: 94px;
    margin: auto;
    width: 480px;
    position: relative;
    padding-top: 25px
}
    #twitter > div{
        background-color: #020202;
        padding: 5px 0
    }
        #twitter > div a{
            display: block;
            margin: auto;
            text-align: center
        }
    #twitter #selector{
        top:0px;
        left: 145px;
        position: absolute
    }
/*fin TWITTER*/


/*inicio BLOQUES HOME*/
.bloques_home{
    width: 95%;
    overflow: hidden;
    float: left;
    margin-top: 10px
}

.tit{
    border-top: 1px solid #8A9AA4;
    border-bottom: 1px solid #8A9AA4;
    font-size: 23px;
    height: 25px;    
    padding: 8px 0;
    width: 100%;
}
    .tit a{
        color: #426E81;        
        font-size: 12px;
        float: right;
        font-family: Arial;
        font-weight: bold;
        line-height: 35px;
        z-index: 999;
        position: relative
    } 
/*fin BLOQUES HOME*/


/*inciio AGENDA*/
#agenda_home .scroll{
    height: 100px;
    overflow: hidden;
    width: 490px;
    padding-right: 20px;
    color:#868686;
    margin:10px 0
}
/*fin AGENDA*/


/*inicio NOVEDADES*/
#novedades_home .scroll{
    height: 355px;
    overflow: hidden; 
    width: 100%;
    margin: 10px 0
}
/*fin NOVEDADES*/
/*-----------fin HOME-----------*/

/*-----------inicio ACORDEON-----------*/
.acordeon li{
    background-color: #D9E7ED;    
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin-bottom: 7px;    
    overflow: hidden;
    padding: 15px;        
    width: 435px;
    position: relative;
}
    .acordeon li img{  
        float: left;
        margin-right: 10px;        
    }    
    .acordeon li .txt{
        float: left;
        width: 240px;
        color:#564D50;
        overflow: hidden
    }
        .acordeon li .txt .editor{
            display: none;
            margin-top: 15px
        }
        .texto_celeste{
            color:#578aa3;
            font-size: 14px;
        }
            
.accion {
    background: url('../img/ampliar.png') no-repeat 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 35px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 37px;
}

.accion.accion_cerrar {
    background: url('../img/cerrar.png') no-repeat 0 0 transparent;
}

#paginador{
   float: right;
   overflow: hidden;
   margin:10px 22px 10px 0
}
    #paginador li {       
        float: left;                
        margin: 0 5px;
        text-align: center;        
    }
        #paginador li a{
            color: #777;            
            font-size: 15px; 
            background-color:#DAEAF0;
            padding: 10px;
            border-radius:5px;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            display: block
        }
        #paginador li a:hover, #paginador li a.sel{
            background-color: #A9C8D4;
            color: #fff;   
        }
/*-----------fin ACORDEON-----------*/

/*-----------inicio INTERNAS-----------*/
#novedades ul.acordeon,
#publicaciones ul.acordeon,
#prensa ul.acordeon,
#media ul.acordeon{   
    margin-top: 30px;
}
    #novedades ul.acordeon li,
    #publicaciones ul.acordeon li,
    #prensa ul.acordeon li,
    #media ul.acordeon li{
        width: 485px
    }
/*-----------fin INTERNAS-----------*/

/*-----------inicio AGENDA-----------*/
.titulos_secciones{
    color: white;
    font-size: 30px;
}

#agenda ul{
    color: #564d50;    
    margin-top: 30px;
    line-height: 25px;
    font-size: 14px;
}
    #agenda ul li {        
        width: 485px;
    }
        #agenda ul li > div{
            overflow: hidden;
            width: 445px
        }
            #agenda ul li > div > span{
                display: block;
                width: 100%
            }
            #agenda ul li > div .editor{
                display: none
            }
/*-----------fin AGENDA-----------*/

/*-----------inicio MEDIA-----------*/
.solapas{
    width: 100%;
    margin-top: 30px;
    overflow: hidden
}
    .solapas ul li{        
        float: left;        
        margin-right: 5px
    }
        .solapas ul li a{
            background-color: #D9E7ED;
            border-radius: 10px 10px 0 0;
            -webkit-border-radius: 10px 10px 0 0;
            -moz-border-radius: 10px 10px 0 0;
            display: block;            
            height: 32px;
            line-height: 32px;
            width: 140px;
            color:#A0C9DB;    
            text-align: center;            
        }
        .solapas ul li a:hover, .solapas ul li a.sel{
            background-color: #A9C8D4;
            color:#fff
        }

#categorias{
    background-color: #D9E7ED;       
    width: 485px;
    padding: 15px;
    overflow: hidden;
}
    #categorias li {           
        list-style: none outside none;
        margin-left: 15px;
        margin-right: 15px;    
        text-align: left;
        float: left;
        font-size: 15px;
        padding: 2px 0;
    }
        #categorias li a{
            color: #5E94A8;
        }
        
/*inicio AUDIOS*/
.acordeon.audio > li{
    overflow: visible
}

.flash{
    width:100%;
    margin: auto;
    margin-bottom: 15px
}

.audio .editor{
/*    width: 230px;*/
/*    float: right;*/
    width: 100%;
    float: none;
    overflow: hidden
}
/*fin AUDIOS*/

/*inicio VIDEOS*/
.video {    
    margin: auto;
    width: 430px;    
}

.comentario_video{
    width: 100%;
    text-align: center;
    color:#777;
    margin: 15px 0 25px
}

#wrap_videitos{
    width: 430px;
    overflow: hidden;    
    height: 160px;
    padding-bottom: 25px

}
.mas_videos {
    overflow: hidden;
    width: 5000px;
}
    .mas_videos a{
        display: block;
        float: left;
        margin: 0 12px;
        overflow: hidden;
        text-align: center;
        width: 120px;
    }
    .mas_videos img {
        margin: auto;
    }
    .mas_videos p {
        color: #578aa3;
        float: left;
        font-size: 14px;        
        width: 100%;
        margin-top: 10px;
        height: 35px;
        overflow: hidden
    }
/*fin VIDEOS*/
/*-----------fin MEDIA-----------*/

/*-----------inicio CONTACTO-----------*/
#contacto{
   float: none;
   height: 100%;
   overflow: hidden;
   width: 510px;
}
.comentario{
    margin-top: 12px;
     margin-bottom: 21px;
     font-family: oswald;
     font-size: 24px;
}

.contacto_form {
    overflow: hidden;
    margin-bottom: 25px
}
    .contacto_form p {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;        
    }
        .contacto_form label{
            width: 100%;
            float: left;
            margin-bottom: 5px;
            color:#777;
            padding-left: 20px
        }
        .contacto_form input, .contacto_form textarea {
            background-color: #90acbb;        
            border-radius: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            color: #000;
            font-size: 20px;
            height: 30px;
            opacity: 0.3;
            padding: 20px;        
            width: 470px;        
            overflow:auto;
            font-family: Arial;        
            float: left;
            border:none
        }

        .contacto_form textarea {
            height: 170px;        
        }
        
        .contacto_form button {
            background-color:#5CB6DA;
            border: none;
            cursor: pointer;
            height: 30px;
            margin-left: 7px;
            margin-right: 6px;    
            text-decoration: none;
            width: 83px;
            line-height: 30px;
            text-align: center;
            color:#fff;
            float: right;
            border-radius:10px;
            -moz-border-radius:10px;
            -webkit-border-radius:10px;
            opacity:0.5
        }
        .contacto_form button:hover{
                opacity:1
        }
        
#contacto .scroll{
    height: 500px;
    overflow: hidden;
    margin: 30px 0
}
    #contacto .scroll h1{
        line-height: 20px
    }
/*-----------fin CONTACTO-----------*/

/*-----------inicio FOOTER-----------*/
#footer{
   background: none repeat scroll 0 0 #000000;
    height: 64px;
    width: 900px;
    color:#434343;
    margin: 15px auto auto;
    text-align: center;
    overflow: hidden;
    font-size: 10pt;
    line-height: 64px
}

.visionmedia{
    color:#fff;    
}
.visionmedia:hover{
    text-decoration: underline
}
/*-----------fin FOOTER-----------*/

/*-----------inicio EDITOR-----------*/
.editor{
    float:left;
    overflow: hidden;
    position: relative;
    line-height: 18px;    
    width: 100%
}

/*inicio PARRAFOS*/
.editor p{
    line-height: 20px;
    font-size: 12px;
}
.editor span{
    font-size: 12px;
    line-height: 18px;
}

.editor strong{
    font-weight: bold;
}

.editor em{
    font-style: italic
}

.editor a{
    color:#777;
    text-decoration: underline
}

.editor a:hover{
    color:#333
}
/*fin PARRAFOS*/


/*inicio LISTAS*/
.editor ul, .editor ol{
    float: left;
    clear: left;
    overflow: hidden;
    list-style: square;
    margin: 10px 0;
    padding-left: 15px
}

.editor ol{
    list-style: decimal;
    padding-left: 20px;
    float: left;
    clear: left;
    width: 100%
}

.editor ul li, .editor ol li{
    float: left;
    margin-bottom: 5px;
    clear: left
}
/*fin LISTAS*/


/*inicio TABLAS*/
.editor table{
    width: 100%;
    float: left;
    clear: left;
    margin: 10px 0;
    color: #666666;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.editor table td {
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}
/*fin TABLAS*/
/*-----------fin EDITOR-----------*/