* {
    margin: 0;
    padding: 0;
}



.transparencia {
    filter:alpha(opacity=70) ! important;
    opacity: 0.7 ! important;
    -moz-opacity:0.7 ! important;
    -webkit-opacity:0.7 ! important;
}



.back-login{
    /*background: url("") no-repeat center center fixed;*/ 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#88bfe8+0,70b0e0+100;Blue+3D+%2317 */
    background: rgb(136,191,232); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(136,191,232,1) 0%, rgba(112,176,224,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-9 */


}


.back-login0{

    background: #ececec ! important; 

    background-size: cover;
    position:absolute;
    top:0;
    left:0;
    z-index:11;
    width:100%;
    height:100%;

}
.core-photo {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #aaa url("/javax.faces.resource/images/nucleo-tucunaca.png.xhtml") no-repeat center center;
    background-size: cover;
}

.core-photo-1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #aaa url("/javax.faces.resource/images/imgB1.jpg.xhtml") no-repeat center center;
    background-size: cover;
}
.core-photo-2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #aaa url("/javax.faces.resource/images/imgB2.jpg.xhtml") no-repeat center center;
    background-size: cover;
}

.core-photo-3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #aaa url("/javax.faces.resource/images/imgB0.jpg.xhtml") no-repeat center center;
    background-size: cover;
}
.core-photo-nuc-1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #aaa url("/javax.faces.resource/images/nucleo-tucunaca.png.xhtml") no-repeat center center;
    background-size: cover;
}
.core-photo-nuc-2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #aaa url("/javax.faces.resource/images/nucleo-2.png.xhtml") no-repeat center center;
    background-size: cover;
}
.core-photo-nuc-3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #aaa url("/javax.faces.resource/images/nucleo-3.jpg.xhtml") no-repeat center center;
    background-size: cover;
}

.circulo {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    background: url("/javax.faces.resource/images/pessoa1.png.xhtml") no-repeat center center, -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: url("/javax.faces.resource/images/pessoa1.png.xhtml") no-repeat center center, -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("/javax.faces.resource/images/pessoa1.png.xhtml") no-repeat center center, linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */


    border-radius: 60px;
    border: none;
    padding: 45px; 
    width: 5px;
    height: 1px; 

}

.lg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    background: white;
    -webkit-box-shadow: 10px 10px 5px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px -10px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px -10px rgba(0,0,0,0.75);

}

.btn-login{
    border-radius:5px !important; 
    border: none;
    -webkit-border-radius:3px !important;
    -moz-border-radius:3px !important;
    box-shadow: inset 0 0 0 1px #e2ca00; border: none; text-shadow: 0 -1px 0 #c9b300;
    box-shadow: inset 0 0 0 1px #33a857; border: none; text-shadow: 0 -1px 0 #18840B;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-shadow: none !important;
    box-shadow: none !important;
    min-height: 43px !important;
    min-width: 85% !important;
    color: white !important;
}
.btn-login:focus,
.btn-login:hover{
    background: #2e6da4;
}