﻿/*
    Fecha   : 17/08/2016
    Autor   : Ing. Erick López Martínez
    Sección : estilos por Id
*/

#formGeneralPrestacionesMaster {
width:100% !important;
height:100% !important;
margin:0 !important;
padding:0 !important;

}

#menuButtonCerrar {
    color: #000000 !important;
}

#logoBrand {
    /*width: 25px !important;
    height: 25px !important;*/

    width: 35px !important;
    height: 35px !important;
}

#menuPrincipal {
    background: #f7f7f9;
    position: fixed;
    right: 0px;
    z-index: 1030;
    color: #000000 !important;
    overflow:auto;
}

    #menuPrincipal a {
        color: #004A81 !important;
        cursor: pointer;
        font-weight: bold;
    }

        #menuPrincipal a:hover {
            color: #000000 !important;
            font-weight: 800;
        }

#modalMenuPrincipal {
    background-color: rgba(0,0,0,0.2);
    height: 100% !important;
    width: 100% !important;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1029;
}

#menuButton:hover {
    color: #ffffff;
    cursor: pointer;
}

#iconoLinkMenuGeneral {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

#avisosFooter {
    background-color: #e2e2e2;
    font-size: 1.7rem;
}

    #avisosFooter a {
        color: #000;
        text-decoration: none;
    }

#imagenMapaFooter {
    cursor: pointer;
}

/*
    Fecha   : 17/08/2016
    Autor   : Ing. Erick López Martínez
    Sección : estilos por clase
*/
.bg-faded {
    background-color: #f7f7f9;
}

.hide {
    display: none !important;
}

.fullHeightDiv {
    min-height: 100% !important;
}

.fa-facebook-official {
    color: #3B5998 !important;
}

.fa-twitter {
    color: #11C1FF !important;
}

.fa-map-marker {
    color: #DC483C !important;
}

.listasFotter {
    border: none !important;
}

/*
    Fecha   : 17/08/2016
    Autor   : Ing. Erick López Martínez
    Sección : estilos Material Design
*/
.materialHeader {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    background-color: #f2f2f2;
}

.materialObject {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

.btn {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.push {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.animate {
    -webkit-animation: ripple 0.65s linear;
    -moz-animation: ripple 0.65s linear;
    -ms-animation: ripple 0.65s linear;
    -o-animation: ripple 0.65s linear;
    animation: ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5);
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}
/*
    Fecha   : 17/08/2016
    Autor   : Ing. Erick López Martínez
    Sección : Efectos de hover.css
*/
/* Sweep To Right */
.sweep-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .sweep-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #006291;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        border-radius: 0.25rem;
    }

    .sweep-right:hover, .sweep-right:focus, .sweep-right:active {
        color: white;
    }

        .sweep-right:hover:before, .sweep-right:focus:before, .sweep-right:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
/* Grow Shadow */
.grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}

    .grow-shadow:hover, .grow-shadow:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
/* Grow para elementos Card */
.grow-card {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}

    .grow-card:hover, .grow-card:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
/* Underline Reveal */
.underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

    .underline-reveal:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        bottom: 0;
        background: #006291;
        height: 4px;
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .underline-reveal:hover:before, .underline-reveal:active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
/*
    Fecha   : 17/08/2016
    Autor   : Ing. Erick López Martínez
    Sección : separadores
*/
.separador1rem {
    height: 1rem;
}

.separador2rem {
    height: 2rem;
}

.separador3rem {
    height: 3rem;
}

.separador4rem {
    height: 4rem;
}

.separador5rem {
    height: 5rem;
}

/*
    Fecha   : 17/08/2016
    Autor   : Ing. Erick López Martínez
    Sección : estilos por etiqueta
*/
html, body {
    height: 100%;
    min-height: 100%;
    font-family: 'Intro Regular' ;
}

* {
    outline: 0px !important;
}

.w-100 {
    width: 100% !important;
}

#headerbanner {
    width: 998px;
    height: 260px;
    background: transparent;
}

#banner {
    width: 998px;
    position: relative;
    height: 180px;
    padding: 0px;
    background: transparent;
    background-image: url(http://isseg.mx/templates/isseg/images/header.png);
    background-repeat: no-repeat;
    background-size: 998px 180px;
}

/*
    Fecha   : 30/08/2016
    Autor   : Ing. Erick López Martínez
    Sección : estilos para componentes de Boostrap
*/
/*------------- Navbar ISSEG ---------------*/

.navbar-isseg {
    background-color: #004A81;
    border-color: #006290;
}

    .navbar-isseg .navbar-brand {
        color: #ffffff;
    }

        .navbar-isseg .navbar-brand:hover,
        .navbar-isseg .navbar-brand:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-isseg .navbar-text {
        color: #fff;
    }

    .navbar-isseg .navbar-nav > li > a {
        color: #fff;
        cursor: pointer;
    }

        .navbar-isseg .navbar-nav > li > a:hover,
        .navbar-isseg .navbar-nav > li > a:focus {
            color: #006291;
            background-color: #f7f7f9;
        }

    .navbar-isseg .navbar-nav > .active > a,
    .navbar-isseg .navbar-nav > .active > a:hover,
    .navbar-isseg .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #f7f7f9;
    }

    .navbar-isseg .navbar-nav > .disabled > a,
    .navbar-isseg .navbar-nav > .disabled > a:hover,
    .navbar-isseg .navbar-nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }

    .navbar-isseg .navbar-toggle {
        color: #fff;
        border-color: #fff;
    }

        .navbar-isseg .navbar-toggle:hover,
        .navbar-isseg .navbar-toggle:focus {
            background-color: transparent;
        }

        .navbar-isseg .navbar-toggle .icon-bar {
            background-color: #888;
        }

    .navbar-isseg .navbar-collapse,
    .navbar-isseg .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-isseg .navbar-nav > .open > a,
    .navbar-isseg .navbar-nav > .open > a:hover,
    .navbar-isseg .navbar-nav > .open > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

@media (max-width: 767px) {
    .navbar-isseg .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

        .navbar-isseg .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-isseg .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #004A81;
            background-color: #f7f7f9;
        }

    .navbar-isseg .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-isseg .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-isseg .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #006291;
        background-color: #f7f7f9;
    }

    .navbar-isseg .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-isseg .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-isseg .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-isseg .navbar-link {
    color: #fff;
}

    .navbar-isseg .navbar-link:hover {
        color: #ffffff;
    }

.navbar-isseg .btn-link {
    color: #fff;
}

    .navbar-isseg .btn-link:hover,
    .navbar-isseg .btn-link:focus {
        color: #ffffff;
    }

    .navbar-isseg .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-isseg .btn-link:hover,
    .navbar-isseg .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-isseg .btn-link:focus {
        color: #ccc;
    }

.display-1 {
    font-size: 6rem;
    font-weight: 300;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
}


.titulo{
	font-size:30px;
	color:#00457f;
	text-align:center;
	margin:0px;
	padding-top:15px;
    font-variant: small-caps;
	}

.sub-titulo{
	font-size:14px;
	color:#121414;
	text-align:center;
	margin:0px;
	}
