@charset"utf-8";

*{
list-style:none;
margin:0;
padding:0;
text-decoration:none;
border:none;
box-sizing:border-box;
}


body{
background-color:#00617d!important;
font-family: 'Montserrat', sans-serif;
}


img{
max-width:100%;
margin:0 auto;
position:relative;
}

.dvlogvo{
background:none!important;
width:100%;
height:auto;
position:fixed;
top:0!important;
z-index:1;
}


/* ---------- BOTÃO LOGIN --------- */
.logvo{
color:#ffffff;
display:block;
font-size:1.5em;
padding:1em 1em;
}

.logvo:hover{
background-color:#016aa6;
}

.logvo:active{
background-color:#016199;
}

/*---------- VERMELHO -------------*/

.ir{
color:#db0000;
}



.bs{
/*border:dashed red 1px;*/
height:auto;
margin:2em auto;
text-align:center;
position:relative;
top:1em;
}

.bs li{
/* border:dashed blue 1px; */
height:auto;;
}

.texvo{
border:dashed 1px red;

}

.boxvs{
/*border:dashed blue 1px;*/
height:auto;
margin:2em auto;
position:relative;
}

.bs h3{
color:#ffffff;
font-weight:400;
margin:10%;
text-align:center;
}

.bs p{
color:#ffffff;
text-align:center;
}


.dlvo dt{
font-size:1.2em;
color:#000000;
font-weight:bold;
margin:1em 0cm;
}

.dlvo dd{
margin:1em 0cm;
}


.tex-blue{
color:#5672ce;
font-size:1.0em;
}



/* ----- INPUT LOG ------ */
.inpvo{
	border:none!important;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
width:100%;
height:60px;
margin:0.2em 0;
font-size:1.0em;
padding:0.5em 0.5em;
}



/* ---------- BOTÃO INP --------- */
.inp{
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#666666;
width:100%;
display:block;
padding:1.5em 0;
color:#ffffff;
}

.inp:hover{
background-color:#0079a1;
}

.inp:active{
background-color:#006181;
}

.linkvcn{
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	display:block;
padding:0.8em 0em;
font-size:1.2em;
}


.linkvcn{
	color:#ffffff;
background-color:#0ebd4c;
}

.linkvcn:hover{
background-color:#27cd62;
}

.linkvcn:active{
background-color:#009836;
}

/* ---------- LINK WHAIT lbvo --------- */

.lbvo{
	color:#ffffff;
padding:1em 1em;
}

.lbvo:hover{
text-decoration:underline;
}

#ulflex{
display:flex;	
flex-direction:row;
}

#ulflex dd{
margin:0.5em 0.3em;
}


#ulflex p{
padding:0.5em 1em;
}

#ulflex input{
width:25px;
height:25px;
}


@media screen and (min-width:500px)
{
	
body{
background:url("../backvvo/bakvo1.jpg") no-repeat;
}

	
.bs{
width:40%;
}


.bs li{
width:100%;
}




.dlsiteimg{
	background-color:#fafafa;
	width:72%;
}


.boxvs{
width:40%;
}

embed{
width:100%;
height:300px;
}

}

@media screen and (max-width:500px)
{
body{
background:url("../backvvo/bakvo2.jpg") no-repeat;
}

.boxvs{
width:100%;
}

#bstop{
display:none;	
}
	
.bs{
width:95%;
}


.bs li{
margin:1em 0.5em;
width:95%;
}


.texvo h3{	
font-size:1.5em;
}

.dlsiteimg{
	background-color:#fafafa;
	width:100%!important;
	}
	
	.dlsiteimg img{
	padding:0 0.30em;
	}
	

.boxvs{
width:95%;
}

embed{
width:100%;
height:250px;
}


}