/*
 =============
 Fuentes
 =============
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

@font-face {
    font-family: 'avant_que_regular';
    src: url('../fonts/album-avantquelombre-webfont.woff2') format('woff2'),
    url('../fonts/album-avantquelombre-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ===========================================================================
   Estilos básicos
   ======================================================================== */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
body {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

a{
    text-decoration: none;
    color: #000000;
}

a:hover{
    text-decoration: none;
    /*color: #dd2027;*/
}

ul {
    padding: 0;
    margin: 0;
}

h1{
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin:0 0 30px 0;
    color: #505050;
    /*text-transform: uppercase;*/
}
h2{
    font-size: 22px;
    margin: 0;
    padding: 0;
}

h2 a{
    font-size: 22px;
}

.tleft{
    text-align: left;
}

.tright{
    text-align: right;
}

.fleft{ float: left;}
.fright{ float: right;}
.clear{
    clear:both
}
.clearfix:after,.clearfix:before,#wrap:after,.wrap:after,#wrap:before,.wrap:before, .row3:after,.row3:before{
    clear:both;
    content:'';
    display:block;
    position:relative
}
.transition{
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}

.fixed-position{
    position: fixed;
    width: 100%;
    z-index: 9990;
}

.separador5 {
    padding: 5px 0;
}
.separador10 {
    padding: 10px 0;
}
.separador20 {
    padding: 20px 0;
}
.separador30 {
    padding: 30px 0;
}
.separador40 {
    padding: 40px 0;
}
.separador50 {
    padding: 50px 0;
}
.max_size {
    max-width: 100%;
}

.shadow{
    text-shadow: 2px 2px 2px rgba(140, 135, 131, 1);
    -webkit-text-shadow: 2px 2px 2px rgba(140, 135, 131, 1);
    -moz-text-shadow: 2px 2px 2px rgba(140, 135, 131, 1);
}
.shadow-black{
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.opacity{
    background: #373737;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: 0.85;
    width: 100%;
    min-height: 108px;
    position: absolute;
    z-index: 1;
}

.opacity70{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.70;
}

/* ===========================================================================
   Header
   ======================================================================== */

header {
    background: #FFFFFF;
}
header nav {
    /*position: relative;*/
}

header .wrap{
    height: 255px;
}


.top-div {
    background-color: #f6f6f6;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    height: 40px;
}
.logo {
    position: absolute;
    top: 10px;
    left: -137px;
    z-index: 1;
}

.top-menu nav {
    height: 70px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.top-menu ul{
    width: 100%;
    min-height:55px;
    line-height: 55px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    position: relative;
    z-index: 2;
}
.top-menu ul li{
    float: left;
    list-style: none;
    position: relative;
    padding: 0 13px;
}
.top-menu ul li::before{
    content: '|';
    color: #FFFFFF;
    position: absolute;
    display: block;
    right: -2px;
}

.top-menu ul li a{
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.top-menu ul li a{
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
    .top-menu ul li a.active{
        /*color: #b6b6b6;*/
        /*text-decoration: underline;*/
    }

.top-menu ul li.last::before{
    content: '';
}

.top-menu ul li.last{
    float: right;
}

.top-menu ul li.last a{
    text-transform: lowercase;
}


.banner-top {
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.75);
    height: 204px;
    margin-top:-40px;
}
.line-top {
    float: left;
    height: 12px;
    width: 100%;
}

.line-top-1 {
    float: left;
    height: 12px;
    width: 50%;
}

.line-top-2 {
    float: left;
    height: 12px;
    margin-left: 1px;
    width: calc(50% - 1px);
}

.top-menu ul li.icon, .footer  ul li.icon{display: none;}
.top-menu ul li.icon::before{
    content: '';
}


/* ===========================================================================
   Contenido
   ======================================================================== */

.wrap, #wrap{
    width: 100%;
    max-width: 1175px;
    margin:auto;
    position: relative;
}

#container{
    border: 1px solid #babbbd;
    background: #FFFFFF;
    margin: 40px 0;
    padding: 28px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    margin-top: -150px;
    width: 100%;
    float: left;
}

ul.module li{
    float: left;
    list-style: none;
    text-align: center;
    margin: 9px;
}

ul.module li a{
    color: #ffffff;
    display: block;
    font-family: "avant_que_regular";
    font-size: 16px;
    min-height: 140px;
    min-width: 140px;
    padding: 20px 0 0;
}

ul.module li:hover{
    opacity:0.8;
}

.register-layout {
    width: 465px;
    max-width: 100%;
    margin: auto;
    /*margin-top: 40px;*/
    text-align: center;
}

.label_login {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    text-align: right;
    width: 130px;
}

.input_login {
    float: left;
    margin-bottom: 25px;
    width: calc(100% - 140px);
}

.form-control {
    border: 1px solid #dedede;
    height: 28px;
    width: 90%;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    width: calc(100% - 20px);
    padding: 0px 10px;
    background-color: #FFF;
}

.boton_login {
    width: 120px;
    padding: 10px 0px;
    border: 0px;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    /*margin-bottom: 35px;*/
}

.btn-link:hover{
    text-decoration: none;
}

/* ===========================================================================
   Footer
   ======================================================================== */

.footer {
    width: 100%;
    line-height: 64px;
}

.footer ul{
    width: 100%;
    min-height: 64px;
    line-height: 64px;
}

.footer ul li{
    float: left;
    list-style: none;
    position: relative;
    padding: 0 16px;
    font-height: 600;

}
.footer ul li::before{
    content: '|';
    position: absolute;
    display: block;
    right: -2px;
}

.footer ul li a{
    font-size: 16px;
    font-weight: 600;
    transition: all .4s ease;
}

.footer ul li.last::before{
    content: '';
}

.footer ul li.last{
    float: right;
}

.footer ul li.last a{
    text-transform: lowercase;
}


.subfooter {
    width: 100%;
    min-height: 64px;
    font-size: 14px;
    line-height: 64px;
}


.subfooter .copy-left .fa{
    color: #FFF;
    font-size: 15px;
    padding: 0 5px;}
.subfooter .copy-left img{
    vertical-align: middle;
    padding-right: 5px;
}
.subfooter .copy-left{
    /*float: left;*/
    text-align: left;
}
.subfooter .copy-right{
    /*float: right;
    padding-bottom: 10px;*/
    text-align: right;
}

.subfooter .copy-copy{
    float: left;
    padding-bottom: 10px;
}
.subfooter .copy-menu{
    float: left;
    padding-bottom: 10px;
}

.subfooter .copy-menu a{
    padding-top: 3px;
}



/* ===========================================================================
   Cookies notice
   ======================================================================== */

#cookies-box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    background-color: #535353;
    display: block;
}
#info-box {
    margin: auto;
    position: relative;
    top: 0;
    padding: 10px;
    width: 100%;
    text-align:center;

}
#info-box p {
    line-height:14px;
    font-size:14px;
    text-align:center;
    color: #FFFFFF;
}
#info-box p a {
    margin-right:5px;
    text-decoration: underline;
    color: #FFFFFF;
}

/* ===========================================================================
   Responsive
   ======================================================================== */
@media screen and (max-width:1460px) {
    .logo {
        left: 0;
    }
}

@media screen and (max-width:1175px) {
    .logo {
        max-height: 155px;
    }
}

@media screen and (max-width:950px) {
    .top-menu ul li a, .footer ul li a {
        font-size: 14px;
    }
}

@media screen and (max-width:991px) {
    .category-list div.item {
        max-height: 175px!important;
    }
}

@media screen and (max-width:850px) {
    .top-menu ul li a, .footer ul li a {
        font-size: 12px;
    }
}


@media screen and (max-width:750px) {

    .top-menu ul li {display: none;}
    .top-menu ul li.icon {
        float: right;
        display: inline-block;
        line-height: 55px;
    }
    .top-menu ul li.icon a {
        font-size: 16px;
    }
    .top-menu ul {
        line-height: 22px;
    }
    .top-menu ul.responsive li.icon {
        position: absolute;
        line-height: 55px;
        right: 0;
        top: 0;
    }
    .top-menu ul.responsive li{
        float: none;
        display: inline;
        line-height: 22px;

    }
    .top-menu ul.responsive li a {
        display: block;
        text-align: left;
        padding-left: 20px;
        font-size: 16px;
    }


    .top-menu ul.responsive li::before{
        content: '';
    }

    footer .wrap {
        padding: 0 10px;
    }
    .footer ul{
        padding: 20px 0;
    }

    .footer ul li{
        float: none;
        line-height: 30px;
    }

    .footer ul li a{
        padding-left: 20px;
        font-size: 16px;
    }

    .footer ul li::before{
        content: '';
    }

}

@media screen and (max-width:500px) {
    ul.module li{
        width: 100%;
    }

}

/***************************************/
/* Versión para imprimir.              */
/***************************************/
@media print {

    body{
        font-size: 12px;
        -webkit-print-color-adjust: exact;
    }

    header,
    footer,
    div.sf-toolbar{
        display: none !important;
    }
    #container{
        border: none;
        padding: 0;
    }

    a[href]:after {
        content: none !important;
    }

}





/***************************************/
/* Cabecera. Iconos y buscador.        */
/***************************************/
.icons-search-header{
    position: absolute;
    right: 20px;
    top: 40px;
    z-index: 9;
}
    .icons-search-header .icons-header{
        text-align: right;
        margin: 0 15px 20px 0;
    }
        .icons-search-header .icons-header .twitter{
            color: #12559C;
        }
        .icons-search-header .icons-header .facebook{
            color: #437DBC;
        }
        .icons-search-header .icons-header .youtube{
            /*color: #805E31;*/
            color: #e5221e;
        }
    .icon-search-header .search-header form{
    }
        .icons-search-header .search-header form input{
            background: #d9d9d9;
            border: none;
            font-size: 14px;
        }
        .icons-search-header .search-header button{
            color: #d9d9d9;
            margin-top: -13px;
        }
/***************************************/
/* Listado de noticias. Parte pública. */
/***************************************/
.news-list{
    text-align: center;
    border-bottom: 1px solid #c9c9c9;
}
    .news-list .new{
        height: 310px;
        overflow: hidden;
        position: relative;
        margin-top:30px;
        margin-bottom:30px;
    }
        .news-list .new img{
            height:160px;
            width: 245px;
        }

        .news-list .new .title{
            color: #505050;
            font-size: 16px;
            font-weight: bolder
        }
        .news-list .new .description{
            color: #707070;
            font-weight: 600;
            line-height: 23px;
        }
        .news-list .new .expandir{
            position:absolute;
            bottom:5px;
            width:100%;
        }
        .news-list .new .ver a,
        .news-list .new .ver a:hover{
            color: #505050;
            bottom:0px;
            position:absolute;
            padding-bottom: 5px;
            padding-top: 5px;
            font-size: 17px;
        }
            .news-list .new .ver a.left{
                left: 0;
                text-align: left;
                width: 50%;
                border-right: 2px solid transparent;
                -moz-border-image: -moz-linear-gradient(top, #ffffff 0%, #707070 100%);
                -webkit-border-image: -webkit-linear-gradient(top, #ffffff 0%, #707070 100%);
                border-image: linear-gradient(to bottombottom, #ffffff 0%, #707070 100%);
                border-image-slice: 1;
            }
            .news-list .new .ver a.right{
                right: 0;
            }
            .news-list .new .ver{
                text-align: center;
                width: 100%;
                position:absolute;
                bottom:0;
            }
/***************************************/
/* Buscador de noticias. Parte pública.*/
/***************************************/
.news-search form input{
    background: #D9D9D9;
    border: none;
    color: #707070;
    width: 100%;
    font-size: 14px;
}
    .news-search form input#form_date{
        border-radius: 4px 0 0 4px;
    }
.news-search form button[type=submit],
.news-search form button[type=submit]:hover{
    color: #D9D9D9;
}
.news-search form div.icon-calendar{
    border: none;
    border-top: 1px solid #ccc;
    background: #D9D9D9;
    color: #707070;
}
/***************************************/
/* Noticia individual. Parte pública. */
/***************************************/
.news-details{
    color: #505050;
}
    .news-details p.title{
        font-weight: 600;
        font-size: 28px;
        margin: 0 0 10px 0;
    }
    .news-details p.title-sub{
        width: 90px;
        margin-bottom: 20px;
    }
    .news-details div.description{
        color: #707070;
    }
    .news-details .new-files p{
        margin-top: 20px;
    }
    .news-details .new-files ul li{
        color: #707070;
    }
    .news-details img{
        width: 100%;
        max-height:400px;
        max-width: 600px;
    }
    .news-details img.mas-fotos{
        width: 100%;
    }
/*******************************************/
/* Buscador de book. Parte pública.        */
/* Buscador de document. Parte pública.    */
/* Buscador de resources. Parte pública.   */
/* Mensajes. Parte pública.                */
/*******************************************/
.book-search{
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
    .book-search form .form-group{
        margin-bottom: 10px;
        width: 100%;
    }
        .book-search form .form-group select{
            background: #D9D9D9;
            border: 0;
            border-radius: 4px 0 0 4px;
            color: #707070;
            width: 100%;
            padding: 3px 5px;
        }
        .book-search form .form-group input{
            background: #D9D9D9;
            border: none;
            color: #707070;
            width: 100%;
        }
        .book-search form button[type=submit],
        .book-search form button[type=submit]:hover{
            color: #D9D9D9;
        }
        .book-search blockquote{
            font-size: 14px;
            font-weight: bolder;
        }
        .book-search form input#form_startDeathDate,
        .book-search form input#form_endDeathDate{
            border-radius: 4px 0 0 4px;
        }
        .book-search form div.icon-calendar{
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background: #d9d9d9;
            border-color: #ccc -moz-use-text-color -moz-use-text-color;
            border-image: none;
            border-style: solid none none;
            border-width: 1px medium medium;
            color: #707070;
        }
        .book-search form div.icon-calendar{
            color: #707070;
        }
/*******************************************/
/* Listado de book. Parte pública.         */
/* Listado de document. Parte pública.     */
/* Listado de resources. Parte pública.    */
/* Listado de religiosos. Parte pública.   */
/*******************************************/
.book-list{
    background: #ececec;
}
    .book-list .colum{
        border-top: 1px solid white;
        color: #707070;
        padding: 5px 10px;
    }
        .book-list .colum a{
            font-weight: bolder;
            font-size: 12px;
            text-decoration: underline;
        }

        .book-list .colum.red{
            color: #FF0000;
        }
.category-list{
}
    .category-list div.item{
        min-height: 128px;
        max-height: 128px;
        overflow: hidden;
        padding: 0;
        position: relative;
        -webkit-box-shadow: 0px 0px 6px #2c2c2c;
        -moz-box-shadow: 0px 0px 6px #2c2c2c;
    }
        .category-list div img {
            width: 100%;

        }
        .category-list div span{
            bottom: 15px;
            color: #ffffff;
            font-weight: bold;
            height: 35px;
            line-height: 35px;
            overflow: hidden;
            position: absolute;
            text-align: center;
            width: 100%;
        }
/***************************************/
/* Book individual. Parte pública.     */
/***************************************/
.book-details dt{
    width: 290px;
    padding-right: 10px;
    /*color: black;*/
}
.book-details .dl-horizontal{
    min-height: 450px;
}
.book-details dd{
    color: #707070;
}
.book-details img.imgUploaded,
.book-details img.imgNouploaded{
    position: absolute;
}
.book-details img.imgUploaded{
    max-width:40%;
    max-height: 75%;
}
.dataTables_filter{
    display: none;
}
/***************************************/
/* Religious individual. Parte pública */
/***************************************/
.religious-details .tab-content{
    padding: 20px 20px 0 20px;
    color: #707070;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
}
.religious-details .tab-content h2{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.religious-details p{
    margin:0 ;
    overflow-wrap: break-word;
}
.religious-details p.info,
.religious-details .observations {
    color: #707070;
    margin-bottom: 10px;
}

.register-changes-list{
    font-size:13px ;
    color: #707070;
}


.register-changes-list .colum{
    padding: 5px 5px 20px 5px;
    border-bottom: 1px solid #AAAAAA;
    margin-bottom: 10px;
}

.register-changes-list .colum:first-child{
    padding: 5px;
    margin-bottom: 0;
    border-bottom: 1px dashed #CCCCCC;
}


/************************************************************/
/* Religious individual. Parte pública. Versión imprimible. */
/************************************************************/
.religious-details.print{
    color: #474747;
}
    .religious-details.print .dl-horizontal dt{
        float: none;
        text-align: left;
    }
    .religious-details.print .dl-horizontal dd{
        margin-left: 0;
    }

.dl-horizontal dt{
    width: 270px;
}
.dl-horizontal dd{
    margin-left: 290px;
}

.print-logo{
    max-width: 275px;
}

.print-basic .print-title{
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 40px;
    font-size: 16px;
}

.print-basic .thumbnail{
    max-height: 200px;
}

.print-basic .print-name{
    padding-top: 100px;
    padding-left: 50px;
}

.print-basic .print-table{
    border-collapse: collapse;
}

.print-basic .print-table th, .print-basic .print-table td {
    /*border: 1px solid black;*/
    border:0;
    padding: 5px;
    text-align: left;
}

.print-basic .print-table.table-25 td,.print-basic .print-table.table-25 th{
    width: 25%;
}

.print-basic .print-table.table-33 td,.print-basic .print-table.table-33 th{
    width: 33%;
}


/***************************************/
/* Dates. Parte pública */
/***************************************/
.dates-list img{
    width: 100%;
}
.dates-list p.title{
    font-size: 24px;
    color: #707070;
    font-weight: bolder;
}
.dates-list p.date{
    font-size: 16px;
    font-weight: bolder;
}
.dates-list p.description,
.dates-list div.exemplarylife,
.dates-list p.exemplarylife,
.dates-list div.exemplarylife ul li{
    color: #707070;
}
.dates-list div.exemplarylife ul li{ margin-left: 30px; }
.dates-list a{
    border: 1;
}
/********************************************/
/* Community individual. Parte pública.     */
/********************************************/
.community-details{
    color: #707070;
}
/********************************************/
/* Building individual. Parte pública.     */
/********************************************/
.building-details{
    color: #707070;
}

/***************************************/
/* Paginación.                         */
/***************************************/
.pagination{
    width: 100%;
    text-align: right;
    font-weight: bolder;
    font-size: 16px;
}
    .pagination span.previous a,
    .pagination span.first a,
    .pagination span.next a,
    .pagination span.last a{
        background: #D9D9D9;
        color: white;
        padding:5px 10px;
    }
    
    .pagination span.page a{
        color: #525252;
        margin:0 5px;
    }


/*************/
/* Genéricos */
/*************/
.btn-primary{ padding: 3px 10px; }

form .form-group input::-moz-placeholder{ color: #707070; font-size: 14px; }

.displayNone { display: none; }
.displayBlock{ display:block; }

.breakWord{ overflow-wrap: break-word; }
.margin-top0 { margin-top: 0px; }
.margin-top5 { margin-top: 5px; }
.margin-top10 { margin-top: 10px; }
.margin-top15 { margin-top: 15px; }
.margin-top20 { margin-top: 20px; }
.margin-top25 { margin-top: 25px; }

.margin-right0 { margin-right: 0px; }
.margin-right5 { margin-right: 5px; }
.margin-right10 { margin-right: 10px; }
.margin-right15 { margin-right: 15px; }
.margin-right20 { margin-right: 20px; }
.margin-right25 { margin-right: 25px; }

.margin-bottom0 { margin-bottom: 0px; }
.margin-bottom5 { margin-bottom: 5px; }
.margin-bottom10 { margin-bottom: 10px; }
.margin-bottom15 { margin-bottom: 15px; }
.margin-bottom20 { margin-bottom: 20px; }
.margin-bottom25 { margin-bottom: 25px; }

.margin-left0 { margin-left: 0px; }
.margin-left5 { margin-left: 5px; }
.margin-left10 { margin-left: 10px; }
.margin-left15 { margin-left: 15px; }
.margin-left20 { margin-left: 20px; }
.margin-left25 { margin-left: 25px; }
.margin-left120 { margin-left: 120px !important; }

.padding-top0 { padding-top: 0px; }
.padding-top5 { padding-top: 5px; }
.padding-top10 { padding-top: 10px; }
.padding-top15 { padding-top: 15px; }
.padding-top20 { padding-top: 20px; }
.padding-top25 { padding-top: 25px; }

.padding-right0 { padding-right: 0px; }
.padding-right5 { padding-right: 5px; }
.padding-right10 { padding-right: 10px; }
.paddingR-rght15 { padding-right: 15px; }
.padding-riht20 { padding-right: 20px; }
.padding-right25 { padding-right: 25px; }

.padding-bottom0 { padding-bottom: 0px; }
.padding-bottom5 { padding-bottom: 5px; }
.padding-bottom10 { padding-bottom: 10px; }
.padding-bottom15 { padding-bottom: 15px; }
.padding-bottom20 { padding-bottom: 20px; }
.padding-bottom25 { padding-bottom: 25px; }

.padding-left0 { padding-left: 0px; }
.padding-left5 { padding-left: 5px; }
.padding-left10 { padding-left: 10px; }
.padding-left15 { padding-left: 15px; }
.padding-left20 { padding-left: 20px; }
.padding-left25 { padding-left: 25px; }

.border-none { border-bottom:none; }
.cursor-pointer{ cursor:pointer; }
.font-weight-normal{ font-weight:normal; }
.width-zero { width: 0; }

.clear-fix { display:inline-block; }
.clear-fix { display:block; }
* html .clear-fix { height:0.1em; }

.margin-top0 { margin-top:0px;}
.margin-top5 { margin-top:5px; }
.margin-top10 { margin-top:10px; }
.margin-top15 { margin-top:15px; }
.margin-top20 { margin-top:20px; }
.margin-top25 { margin-top:25px; }
.margin-top30 { margin-top:30px; }

.margin-right0 { margin-right:0px; }
.margin-right5 { margin-right:5px; }
.margin-right10 { margin-right:10px; }
.margin-right15 { margin-right:15px; }
.margin-right20 { margin-right:20px; }
.margin-right25 { margin-right:25px; }
.margin-right30 { margin-right:30px; }

.margin-bottom0 { margin-bottom:0px; }
.margin-bottom5 { margin-bottom:5px; }
.margin-bottom10 { margin-bottom:10px; }
.margin-bottom15 { margin-bottom:15px; }
.margin-bottom20 { margin-bottom:20px; }
.margin-bottom25 { margin-bottom:25px; }
.margin-bottom30 { margin-bottom:30px; }
.margin-bottom35 { margin-bottom:35px; }
.margin-bottom40 { margin-bottom:40px; }
.margin-bottom45 { margin-bottom:45px; }
.margin-bottom50 { margin-bottom:50px; }
.margin-bottom55 { margin-bottom:55px; }
.margin-bottom60 { margin-bottom:60px; }

.margin-left0 { margin-left:0px; }
.margin-left5 { margin-left:5px; }
.margin-left10 { margin-left:10px; }
.margin-left15 { margin-left:15px; }
.margin-left20 { margin-left:20px; }
.margin-left25 { margin-left:25px; }
.margin-left30 { margin-left:30px; }

.padding0 { padding:0px; }
.padding5 { padding:5px; }
.padding10 { padding:10px; }
.padding15 { padding:15px; }
.padding20 { padding:20px; }
.padding25 { padding:25px; }
.padding30 { padding:30px; }

.padding-top0 { padding-top:0px; }
.padding-top5 { padding-top:5px; }
.padding-top10 { padding-top:10px; }
.padding-top15 { padding-top:15px; }
.padding-top20 { padding-top:20px; }
.padding-top25 { padding-top:25px; }
.padding-top30 { padding-top:30px; }

.padding-right0 { padding-right:0px; }
.padding-right5 { padding-right:5px; }
.padding-right10 { padding-right:10px; }
.padding-right15 { padding-right:15px; }
.padding-right20 { padding-right:20px; }
.padding-right25 { padding-right:25px; }
.padding-right30 { padding-right:30px; }

.padding-bottom0 { padding-bottom:0px; }
.padding-bottom5 { padding-bottom:5px; }
.padding-bottom10 { padding-bottom:10px; }
.padding-bottom15 { padding-bottom:15px; }
.padding-bottom20 { padding-bottom:20px; }
.padding-bottom25 { padding-bottom:25px; }
.padding-bottom30 { padding-bottom:30px; }

.padding-left0 { padding-left:0px; }
.padding-left5 { padding-left:5px; }
.padding-left10 { padding-left:10px; }
.padding-left15 { padding-left:15px; }
.padding-left20 { padding-left:20px; }
.padding-left25 { padding-left:25px; }
.padding-left30 { padding-left:30px; }

.width-30porc{ width: 30%; }
.width-45porc{ width: 45%; }


.color-grey { color: grey; }
.color-black { color: black; }
.color-white { color: white; }

.background-white{ background: white; }
.background-black{ background: black; }
.background-silver{ background: silver; }
.background-whitesmoke{ background: whitesmoke; }

.border-whitesmoke{ border: 1px solid whitesmoke; }
.border-silver{ border: 1px solid silver; }
.borderTop{ border-top: 2px dotted silver; padding-top: 10px; }

.img-size300 { width: 300px; }
.img-size400 { width: 400px; }

.position-absolute{ position: absolute; }
.position-relative{ position: relative; }

.sombra1{
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
}

h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
hr { border-top:1px solid #d5d5d5; }
dl { margin-bottom: 5px; }


/* color: #505050; h1 y títulos */
/* 1px solid #c9c9c9 líneas de separación */
/* color: #707070 placeholder, descripciones y listados de library */
/* color: #0f539e enlaces */