@import url(https://framework-gb.cdn.gob.mx/assets/styles/main.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:400);
#imagenFlotante {
    top: 300px;
    left: -43px;
    position: fixed;
    _position: absolute;
    clip: inherit;
    _top: expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
    _left: expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

#imagenFlotante a img {
    border: none;
    padding: 0px
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

.whiteText {
    color: white !important;
}


/* Menus con movimiento */

/* estilo 10 */

.ca-menu{
    padding: 0 0 0 48px;
    margin: 20px auto;
    width: 1020px;
}
.ca-menu li{
    width: 115px;
    height: 115px;
    border: 5px solid rgba(58, 142, 71, 0.5);
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    margin-left:-48px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 40px;
    color: #f6f6f6;;
    line-height: 60px;
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0px;
    text-align: center;
}
.ca-main{
    font-size: 24px;
    position: absolute;
    top: 110px;
    height: 80px;
    width: 170px;
    left: 50%;
    margin-left: -85px;
    opacity: 0.8;
    text-align: center;
    color: #555;
}
.ca-sub{
    display: none;
}
.ca-menu li:hover{
    border-color: #333;
    z-index: 999;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.ca-menu li:hover .ca-icon{
    color: #000;
    font-size: 60px;
    text-shadow: 0px 0px 1px #000;
}
.ca-menu1{
    padding: 0 0 0 48px;
    margin: 20px auto;
    width: 1020px;
}
.ca-menu1 li{
    width: 110px;
    height: 110px;
    border: 0px solid rgba(175, 175, 175, 0);
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    margin-left:-48px;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
}
.ca-menu1 li:last-child{
    margin-right: 0px;
}
.ca-menu1 li:hover{
    border-color: #333;
    z-index: 999;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.ca-menu1 li:hover .ca-icon{
    color: #000;
    font-size: 60px;
    text-shadow: 0px 0px 1px #000;
}