@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
a img {
    border: none;
}

html,
body {
    height: 100%;
}

body {
    font: 100% Arial, Helvetica, sans-serif;
    background: #003;
    color: #fff;
}

a:link {
    color: #fff;
}

a:visited {
    color: #9cf
}

a:hover {
    color: #9ff;
}

a:active {
    color: #51bbd2
}

#invitrobr {
    position: relative;
    min-height: 100%;
}

header#topo {
    height: 111px;
    background: #0057af url("../img/topofundo.jpg") repeat-x center top;
    position: relative;
}

#logo {
    position: absolute;
    left: 50%;
    top: -2px;
    margin: 0 0 0 -228px;
    z-index: 1;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cssmenu {
    top: 30px;
}

#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#cssmenu #menu-button {
    display: none;
}

#cssmenu {
    width: auto;
    font-family: 'Open Sans', Helvetica, sans-serif;
    background: #39b1cc;
    background: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af));
    background: -webkit-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
    background: -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
    background: -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
    background: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%);
}

#cssmenu > ul {
    background: url('../img/bg.png');
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
}

#cssmenu.align-right > ul > li {
    float: right;
}

#cssmenu > ul > li {
    float: left;
    display: inline-block;
    margin: auto;
}

#cssmenu.align-center > ul {
    float: none;
    text-align: center;
}

#cssmenu.align-center > ul > li {
    float: none;
}

#cssmenu.align-center ul ul {
    text-align: left;
}

#cssmenu > ul > li:nth-of-type(3) {
    margin-left: 450px;
}

#cssmenu > ul > li:nth-of-type(3) a {
    border-left: 1px solid rgba(80, 80, 80, 0.12);
}

#cssmenu > ul > li > a {
    padding: 18px 25px 21px 25px;
    border-right: 1px solid rgba(80, 80, 80, 0.12);
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #d3eced;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
    color: #ffffff;
    background: #32a9c3;
    background: rgba(0, 0, 0, 0.1);
}

#cssmenu > ul > li.has-sub > a {
    padding-right: 45px;
}

#cssmenu > ul > li.has-sub > a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #d3eced;
    right: 17px;
    top: 22px;
}

#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
    border-top-color: #ffffff;
}

#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    top: 60px;
    padding-top: 6px;
    font-size: 13px;
    opacity: 0;
    -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
    -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
    -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
    -o-transition: top 0.2s ease, opacity 0.2s ease-in;
    transition: top 0.2s ease, opacity 0.2s ease-in;
}

#cssmenu.align-right ul ul {
    text-align: right;
}

#cssmenu > ul > li > ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #ffffff;
    top: -4px;
    left: 20px;
}

#cssmenu.align-right > ul > li > ul::after {
    left: auto;
    right: 20px;
}

#cssmenu ul ul ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: #ffffff;
    top: 11px;
    left: -4px;
}

#cssmenu.align-right ul ul ul::after {
    border-right-color: transparent;
    border-left-color: #ffffff;
    left: auto;
    right: -4px;
}

#cssmenu > ul > li > ul {
    top: 120px;
}

#cssmenu > ul > li:hover > ul {
    top: 52px;
    left: 0;
    opacity: 1;
}

#cssmenu.align-right > ul > li:hover > ul {
    left: auto;
    right: 0;
}

#cssmenu ul ul ul {
    padding-top: 0;
    padding-left: 6px;
}

#cssmenu.align-right ul ul ul {
    padding-right: 6px;
}

#cssmenu ul ul > li:hover > ul {
    left: 180px;
    top: 0;
    opacity: 1;
}

#cssmenu.align-right ul ul > li:hover > ul {
    left: auto;
    right: 100%;
    opacity: 1;
}

#cssmenu ul ul li a {
    text-decoration: none;
    font-weight: 400;
    padding: 11px 25px;
    width: 180px;
    color: #777777;
    background: #ffffff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
    color: #333333;
}

#cssmenu ul ul li:first-child > a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#cssmenu ul ul li:last-child > a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

#cssmenu > ul > li > ul::after {
    position: absolute;
    display: block;
}

#cssmenu ul ul li.has-sub > a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left-color: #777777;
    right: 17px;
    top: 14px;
}

#cssmenu.align-right ul ul li.has-sub > a::after {
    border-left-color: transparent;
    border-right-color: #777777;
    right: auto;
    left: 17px;
}

#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
    border-left-color: #333333;
}

#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
    border-right-color: #333333;
    border-left-color: transparent;
}

@media all and (max-width: 970px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    header#topo {
        height: 164px;
    }
    #cssmenu {
        position: absolute;
        background: #39b1cc;
        top: 113px;
        width: 100%;
        z-index: 9;
    }
    #cssmenu > ul {
        display: none;
    }
    #cssmenu > ul.open {
        display: block;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    #cssmenu.align-right > ul {
        float: none;
    }
    #cssmenu.align-center > ul {
        text-align: left;
    }
    #cssmenu > ul > li,
    #cssmenu.align-right > ul > li {
        float: none;
        display: block;
    }
    #cssmenu ul li:nth-of-type(3) {
        margin-left: 0;
    }
    #cssmenu > ul > li > a {
        padding: 18px 25px 18px 25px;
        border-right: 0;
    }
    #cssmenu > ul > li:hover > a,
    #cssmenu > ul > li.active > a {
        background: rgba(0, 0, 0, 0.1);
    }
    #cssmenu #menu-button {
        display: block;
        text-decoration: none;
        font-size: 13px;
        font-weight: 700;
        color: #d3eced;
        padding: 18px 25px 18px 25px;
        text-transform: uppercase;
        letter-spacing: 1px;
        background: url('../img/bg.png');
        cursor: pointer;
    }
    #cssmenu ul ul,
    #cssmenu ul li:hover > ul,
    #cssmenu > ul > li > ul,
    #cssmenu ul ul ul,
    #cssmenu ul ul li:hover > ul,
    #cssmenu.align-right ul ul,
    #cssmenu.align-right ul li:hover > ul,
    #cssmenu.align-right > ul > li > ul,
    #cssmenu.align-right ul ul ul,
    #cssmenu.align-right ul ul li:hover > ul {
        left: 0;
        right: auto;
        top: auto;
        opacity: 1;
        width: 100%;
        padding: 0;
        position: relative;
        text-align: left;
    }
    #cssmenu ul ul li {
        width: 100%;
    }
    #cssmenu ul ul li a {
        width: 100%;
        box-shadow: none;
        padding-left: 35px;
    }
    #cssmenu ul ul ul li a {
        padding-left: 45px;
    }
    #cssmenu ul ul li:first-child > a,
    #cssmenu ul ul li:last-child > a {
        border-radius: 0;
    }
    #cssmenu #menu-button::after {
        display: block;
        content: '';
        position: absolute;
        height: 3px;
        width: 22px;
        border-top: 2px solid #d3eced;
        border-bottom: 2px solid #d3eced;
        right: 25px;
        top: 18px;
    }
    #cssmenu #menu-button::before {
        display: block;
        content: '';
        position: absolute;
        height: 3px;
        width: 22px;
        border-top: 2px solid #d3eced;
        right: 25px;
        top: 28px;
    }
    #cssmenu > ul > li.has-sub > a::after,
    #cssmenu ul ul li.has-sub > a::after {
        display: none;
    }
}


@media screen and (max-width: 600px) {
    
    table.responsivo {
        border: 0;
    }

    table.responsivo thead {
        display: none;
    }

    table.responsivo tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 2px solid #ddd;
    }

    table.responsivo td {
        display: block;
        text-align: right;
        font-size: 13px;
        border-bottom: 1px dotted #ccc;
    }

    table.responsivo td:last-child {
        border-bottom: 0;
    }

    table.responsivo td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
    }
}
    
.fotoperfil{
    position: relative;
    float: left;
    width: 10em;
    height: 10em;
    background-position: center center;
    background-size: cover;
}
.fotoperfil span{
    /*display: none;*/
    position: absolute;
    left:0;
    bottom: 0;
    width: 100%;
    padding: .3em 0;
    background-color: rgba(30, 30, 30, .6);
}

.fotoperfil:hover span{
    background-color: #333;
}

.listahorizontal{
    list-style: none;
}
.listahorizontal li{
    float: left;
    margin: 1em;
}


@media all and (max-width: 500px){
    header#topo{
        height: 79px;
        margin-bottom: 48px;
        background-position: center bottom;
    }
    #cssmenu{
        top: 79px;
    }
    #logo {
        position: absolute;
        left: 50%;
        top: -2px;
        margin: 0 0 0 -160px;
    }
    #logo img{
        width: 320px;
        height: auto;
    }
}

@media all and (max-width: 340px){
    #logo {
        position: absolute;
        left: 50%;
        top: -2px;
        margin: 0 0 0 -50%;
    }
    #logo img{
        width: 100%;
        height: auto;
    }
}


section#slidebanner {
    height: 185px;
    background: #00497c url(../img/slidefundo.jpg);
}

main {
    padding: 1em 1em 50px 1em;
}

footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #00497c;
    text-align: center;
    font-size: 80%;
}

footer a {
    text-decoration: none;
}

.pure-form legend {
    color: #fff;
}

input, textarea{
    color: #000;
}
input[type=file]{
	color: #fff;
}

.txtbox {
    display: -webkit-box !important;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box !important;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox !important;      /* TWEENER - IE 10 */
    display: -webkit-flex !important;     /* NEW - Chrome */
    display: flex !important; 
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


.listadelinks {
	list-style: circle;
	font-size: 1.4em;
}

.listadelinks::after{	
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.listadelinks li {
	float: left;
	margin: 1em;
}

.listadelinks em {
	font-size: .8em;
}

.pagination-centered{
	text-align: center;
}

.pagination ul{
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}

.pagination li {
	display: inline;
}

.pagination li>a,
.pagination li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #003;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #9cf
}

.pagination li:first-child>a,
.pagination li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.pagination li:last-child>a,
.pagination li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.pagination li>a:focus,
.pagination li>a:hover,
.pagination li>span:focus,
.pagination li>span:hover {
	z-index: 2;
	color: #23527c;
	background-color: #9fc;
	border-color: #9cf
}

.pagination .active>a,
.pagination .active>a:focus,
.pagination .active>a:hover,
.pagination .active>span,
.pagination .active>span:focus,
.pagination .active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #003;
	border-color: #9cf
}

.pagination .disabled>a,
.pagination .disabled>a:focus,
.pagination .disabled>a:hover,
.pagination .disabled>span,
.pagination .disabled>span:focus,
.pagination .disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #9cf
}

.input-error{
	border: .1em solid #f63 !important;
}


label+ul, .input-error+ul, .form+ul{
	color: #f96;
}

ul.sucesso, ul.success,
ul.erro, ul.error,
ul.warning, ul.info {
	list-style-position: inside;
	padding: .5em 2em;
    border-radius: 0 2em;
    background: #000;
	border-width: .15em;
	border-style: dotted;
	box-shadow: 0.3em 0.2em 1em .1em;
}

.success, .sucesso {
    color: #9f9;
    border-color: #0f0;
}

.error, .erro {
    color: #f63;
    border-color: #f00;
}

.info {
    color: #9cf;
    border-color: #00f;
}

.warning {
    color: #f96;
    border-color: #f63;
}

.button-success,

/* Pure IO Button */
.pure-button-primary{
	color: #fff !important;
}
.button-error,
.button-warning,
.button-secondary {
	color: #fff !important;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
	background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
	background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
	background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
	background: rgb(66, 184, 221); /* this is a light blue */
}



table a:link {
	color: #039;
	text-decoration: none;
	border-bottom: 1px dotted #039;
}

table a:visited {
	color: #396;
	border-bottom-color: #366;
}

table a:hover {
	color: #030;
	border-bottom-color: #030;
}

table a:active {
	color: #363;
	border-bottom-color: #363;
}

table {
	background: #fff;
	color: #000;
	margin: 1em auto;
}

table caption,
table tfoot {
	background: #9cf;
}