/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 02-dic-2014, 18:11:34
    Author     : ftab
*/

/*

    Importación de las fuentes

*/

@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);
@import url(http://fonts.googleapis.com/css?family=Quicksand:400,300,700);



* {
    font-family: 'Quicksand', serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1rem;
    font-family: 'Libre Baskerville', serif;
    color: #FFFFFF;
}

ul,
ul li ul,
ul li ol {
    margin: 0;
}

li {
    list-style-type: none;
}

/*
 * Utilidades
 */

.text-upper {
    text-transform: uppercase;
}

.margin-r-one p,
.margin-r-one p.destacado,
.margin-r-one h3 {
    margin-right: 2rem;
}


.current-section {
    font-weight: bold;
}
/*
 * Navbar - Titulo
 */
nav > div h1 {
    margin: 0 auto;
    text-align: center;
}

#nav-bar {
    display: block;
    position: relative;
    /*height: 8.5rem;*/
    z-index: 100;

    color: #FFF;
    background-color: #DF6955; 

    -moz-box-shadow: 0 0 1rem #333;
    -webkit-box-shadow: 0 0 1rem #333;
    box-shadow: 0 0 1rem #333;
}

#nav-bar *{
    color: #FFF;
}

#nav-bar>* {
    /*height: 6rem;*/
    margin: 1.25rem 0;
    /*padding-left: 2rem;*/
}

#nav-bar div {
    padding: 0.5rem 0 0;
    display: inline-block;
    vertical-align: middle;
}

#nav-bar ul li a {
    text-transform: uppercase;
}

@media only screen and (min-width: 40.063em) {
    #nav-bar ul li a {
        font-size: 0.8rem;
    }
}

@media only screen and (min-width: 64.063em) {
    #nav-bar ul li a {
        font-size: 1.2rem;
    }
}

#nav-bar em.navbar-title {
    font-family: 'Libre Baskerville', serif;
    font-style: normal;
    font-weight: bold;
    font-size: 1.25rem;
    text-transform: uppercase;
}

.nav-link-left {
    text-align: left;
    padding-left: 1.5rem
}

.nav-link-right {
    text-align: right;
    padding-right: 1.5rem;
}
/*
 * Nav-bar mobile
 */
.top-bar {
    background-color: #DF6955;
    z-index: 21;
    box-shadow: 0 0 12px #333;
    -moz-box-shadow: 0 0 12px #333;
    -webkit-box-shadow: 0 0 12px #333;
}

.top-bar *{
    background-color: #DF6955;
}

/*
 * Menú
 */
#menuvertical > ul > li {
    /*height: 12rem;*/
    display: block;
    position: relative;
    -moz-box-shadow: 0 0 1rem #333;
    -webkit-box-shadow: 0 0 1rem #333;
    box-shadow: 0 0 1rem #333;
}

#menuvertical > ul {
    position: relative;
    margin: 0; 
    padding: 0;
}

#menuvertical li a {
    text-decoration: none;
}

#menuvertical > ul > li > a > div {
    height: 12rem;
    background: url('../../../uploads/cruz-menuvertical.png') no-repeat;
    background-position: 90% 50%;

    vertical-align: middle;
}

#menuvertical ul li a>div>* {
    padding-top: 3.5rem !important;
}

#menuvertical ul li em {
    font-size: 1rem;
}

#menuvertical .contenido {
    padding-bottom: 4rem;
}

.columnacentral {
    padding-right: 1rem;
}

.columnaizquierda {
    padding-top: 0 !important;
}


#linkMenu {
    margin-left: 0 !important;
}
/*
 * Menu - colores
 */
#menuvertical ul li.menu-1 {
    background-color: #7A756E; 
    z-index:20;
}

#menuvertical ul li.menu-2 {
    background-color: #5A5A62; 
    z-index:19;
}

#menuvertical ul li.menu-3 {
    background-color: #564B60;	
    z-index:18;
}

#menuvertical ul li.menu-4 {
    background-color: #6E6882; 
    z-index:17;
}

#menuvertical ul li.menu-5 {
    background-color: #668785; 
    z-index:16;
}

#menuvertical ul li.menu-6 {
    background-color: #69906F; 
    z-index:15;
}

#menuvertical ul li.menu-7 {
    background-color: #8EAC54; 
    z-index:14;
}

#menuvertical ul li.menu-8 {
    background-color: #C5A34B; 
    z-index:13;
}

#menuvertical ul li.menu-9 {
    background-color: #C77941; 
    z-index:12;
}

#menuvertical ul li.menu-10 {
    background-color: #AE5543; 
    z-index:11;
}

#menuvertical ul li.menu-11 {
    background-color: #964C55;	
    z-index:10;
}

.bgmenu-11 {
    background-color: #6C363C;	
    z-index:10;
}

.bgmenu-11 > div > p:first-child {
    padding-top: 4rem;
    font-style: italic;
}

#menuvertical ul li.menu-12 {
    background-color: #A94F72;	
    z-index:9;
}

#menuvertical ul li.menu-13 {
    background-color: #AA657D; 
    z-index:8;
}

#menuvertical ul li.menu-cv {
    background-color: #4F4C46; 
}

/* Por número */
/*#menuvertical ul li.noticias {
    background-color: #A19C92; 
    z-index:20;
}

#menuvertical ul li.historia {
    background-color: #5A5A61; 
    z-index:19;
}

#menuvertical ul li.menu-3 {
    background-color: #564b60;	
    z-index:18;
}

#menuvertical ul li.menu-11 {
    background-color: #AA647C;	
    z-index:18;
}

#menuvertical ul li.liturgia {
    background-color: #6D6882; 
    z-index:17;
}

#menuvertical ul li.oracion {
    background-color: #668694; 
    z-index:16;
}

#menuvertical ul li.calendario {
    background-color: #69906E; 
    z-index:15;
}

#menuvertical ul li.horario {
    background-color: #ACBD67; 
    z-index:14;
}

#menuvertical ul li.hermandades {
    background-color: #C5A24A; 
    z-index:13;
}

#menuvertical ul li.catequesis {
    background-color: #C67941; 
    z-index:12;
}

#menuvertical ul li.martires {
    background-color: #AD5543; 
    z-index:11;
}


#menuvertical ul li.caritas {
    background-color: #AA647C;	
    z-index:10;
}

#menuvertical ul li.enlaces {
    background-color: #954B54; 
    z-index:9;
}*/

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

/* correciones pagina horario */
.hora {
    float: left !important;
}

.table-border {
    border-top: 1px solid #DDD;
    padding: 1rem 0;
}

.horario p {
    line-height: normal;
}

.columnahorario .horario{
    border-bottom: none;
}

.columnaizquierda ul {
    padding-bottom: 14px;
}

/*
 * Calendario
 */

.ai1ec-month-view .ai1ec-date {
    height: inherit !important;
}
.ai1ec-date > a.ai1ec-load-view {
    height: 0.9rem;
}
.ai1ec-event-title {
    color: #000;
}

.timely {
   color: #000 !important; // Añadido por Valentino.  
}


.timely .ai1ec-nav:hover {
    background-color: transparent !important;
    
}

/* Cambios para la version movil */
@media only screen and (max-width: 40.063em) {
    /* Historia */
    .foto {
        margin-bottom: 3rem;
    }

    /* Noticias */
    .columnanoticias .noticia .textonoticia {
        float: left;
        margin: 0;
    }

    /* Oraciones */
    .contenido .columnaoraciones {
        padding: 0;
        text-align: center;
    }

    .oracion .latin {
        border-top: 1px solid #DDD;
    }

    .menulateral {
        text-align: center;
        padding-bottom: 1.5rem;
        /*border-bottom: 1px solid #DDD;*/
    }

    div.latin,
    div.castellano {
        padding-top: 2rem;
    }

    /* Horario */
    .contenido .columnaoraciones,
    .contenido .columnahorario {
        padding: 0 !important;
    }

    .horario p.destacado {
        display: block;
        text-align: center;
    }

    .columnahorario .horario {
        margin: 0 auto;
    }

    .columnahorario .menulateral {
        float: bottom;
    }
}

/* Cambios para la verison de tablets y escritorio */
@media only screen and (min-width: 40.063em) {
    /* Oraciones */
    div.castellano {
        padding-left: 1rem;
    }
    /* Horario */
    .columnahorario .horario {
        margin-right: 2rem;
    }
    
    p {
        font-size: 15px !important;
    }


}
.arrow-left {
    float: left;
    width: 3rem;
    height: 3rem;
    background-image: url('../../../uploads/arrow-left.svg');
    background-size: 3rem;
    vertical-align: middle;
}

.arrow-right {
    float: right;
    width: 3rem;
    height: 3rem;
    background-image: url('../../../uploads/arrow-right.svg');
    background-size: 3rem;
    vertical-align: middle;
}

.pagination-news {
    margin: 2.5rem 0;
}

.pagination-news > * {
    display: inline-block;
}

.pagination-news span {
    height: 3rem;
    width: 3rem;
    font-size: 1.25rem;
    color: #FFF;
    padding-top: 0.5rem;

}

hr {
    border-color: #FFF;
}

footer.row {
    margin: 0;
}

.underline {
    border-bottom: 1px solid #FFF;
}

/*
 * Iconos
 */
.cruz-center,
.caritas-center {
    margin: 0 20%;
}

.caritas-center {
    max-width: 100px;
}
.logo {
    margin-bottom: 1rem;
}
/*
 * jQuery Archive Widget
 */
.jaw_widget,
.jaw_years,
.jaw_months {
    color: #EEE;
    box-shadow: none !important;
    margin-left: 0 !important;
}
.jaw_years > ul {
    margin-left: 0 !important;
}
.jaw_years:hover,
.jaw_months:hover {
    color: #EEE;
    font-weight: bold;
}

.jaw_years {
    margin: 0 0 4px 0;
    font-size: 1rem;
}

li.jaw_years {
    border-bottom: 1px solid #FFF;
    padding: 1rem 0;
}

.jaw_months {
    margin: 0;
    /*padding: 0 0 0 0.1rem ;*/
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
    text-transform: capitalize;
}


/* Enlaces */

a {
    text-decoration: none !important;
    color: #EEE !important;
    font-size: 0.9rem !important;
    line-height: 1.4rem !important;
}

/* Link Library */

#linklist1 {
    padding-bottom: 4rem;
}

#linktable ul li,
#linklist1 ul li {
    box-shadow: none;
}

#linktable ul li {
    height: 1.2rem;
}

.linkcatname {
    font-size: 0.9rem;
}

/* Velas */

.vela {
    margin-top: 5.5rem;
}



blockquote.peticion {
    position: absolute;
    padding: 1rem 2rem;
    border: 2px solid #FFF;
    background-color: #211F1D;
    color: #FFF;
    /*overflow: hidden;*/
    z-index: 99;
}

blockquote.peticion > cite {
    color: #FFF;
    opacity: 0.8;
}

/* Formulario Velas */
#respond {
    position: absolute;
    border: 2px solid #FFF;
    background-color: #211F1D; 
}

#respond * {
    background-color: #211F1D;
    color: #FFF;
    z-index: 999999;
}

#commentform > p {
    padding: 0 2rem;
}


/* Añadido Valentino */

.current_page_item {
  color:#900
}

.current_menu_item {
  color:#900
}

/* SOLO PREPRODUCCION */
div.preprod {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #FFF;
	opacity: 0.8;
	z-index: 999;
}

div.preprod > p {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin: 1rem auto;
}