@charset "UTF-8";
@font-face{
	font-family:"Open Sans";
	font-style:normal;
	font-display:swap;
	font-weight:400;
	src:local("Open-Sans-Regular"),url(../fonts/open-sans-v18-latin-regular.woff2) format("woff2"),url(../fonts/open-sans-v18-latin-regular.woff) format("woff")
}
@font-face{
	font-family:"Open Sans";
	font-style:normal;
	font-display:swap;
	font-weight:600;
	src:local("Open-Sans-Latin"),url(../fonts/open-sans-v18-latin-600.woff2) format("woff2"),url(../fonts/open-sans-v18-latin-600.woff) format("woff")
}
@font-face{
	font-family:"Open Sans";
	font-style:normal;
	font-weight:700;
	font-display:swap;
	src:local("Open-Sans-Bold"),url(../fonts/open-sans-v18-latin-700.woff2) format("woff2"),url(../fonts/open-sans-v18-latin-700.woff) format("woff")
}
@font-face{
	font-family:Ogg;
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:local("OGG-Regular"),url(../fonts/Ogg-Regular.woff2) format("woff2"),url(../fonts/Ogg-Regular.woff) format("woff")
}
@font-face{
	font-family:Ogg;
	font-style:italic;
	font-weight:400;
	font-display:swap;
	src:local("OGG-RegularItalic"),url(../fonts/Ogg-RegularItalic.woff2) format("woff2"),url(../fonts/Ogg-RegularItalic.woff) format("woff")
}

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
	scroll-behavior:smooth;
}

body {
  margin: 0;
	font-family: "Open Sans",sans-serif;
  color: #191919;
  background-color:#f9f9f9;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;  
  border: 0px;
  margin: 0px;
  border-collapse: collapse;
	--blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #f66752;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.root {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
  overflow-x:hidden;
  overflow-y:auto;
	box-sizing:border-box;
}

.clearboth {
	clear:both;
}

#attpreg {
	position:fixed;
	left:2%;
	top:50%;
	margin-top:-25px;
	width:96%;
	height:50px;
	line-height:50px;
	overflow:hidden;
	background-color:#ffed4e;
	color:#191919;
	font-weight:bold;
	text-align:center;
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	display:none;
}

#logoimg {
	position:relative;
	width:193px;
	height:63px;
	left:50%;
	transform:translateX(-50%);
	background-image:url(../img/logo.svg);
	background-repeat: no-repeat;
	background-position: center;
  background-size: cover; 
  overflow: hidden;
  cursor:pointer;
}

.yel {
	color:#5bc5f2;
}

.sfondo {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:.2;
	display:none;
}

.sfondo1 {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
}

.popup {
	position:fixed;
	top:50%;
	left:50%;
	width:94%;
	height:94%;
	transform: translate(-50%, -50%);
	box-shadow: 0px 0 5px #ccc;
  border-radius: 9px;
  overflow: hidden;
	box-sizing: border-box;
	background-color:#fff;
	display:none;
}

.popup1 {
	position:fixed;
	top:50%;
	left:50%;
	width:50%;
	height:50%;
	transform: translate(-50%, -50%);
	box-shadow: 0px 0 5px #ccc;
  border-radius: 9px;
  overflow: hidden;
	box-sizing: border-box;
	background-color:#fff;
	display:none;
}

.btbxco {
	position:absolute;
	top:130px;
	left:50%;
	width:200px;
	transform: translateX(-50%);
}

.btsino {
	width:6rem;
	background-color:#191919;
	color:#fff;
	font-size: 1rem;
  font-weight: 700;
  padding: 1rem 1.75rem 1rem 1.75rem;
  border: none;
	font-family: 'Open Sans';
	cursor:pointer;
	border-radius: 6px;
  margin: 20px 0;
  line-height: 1.5;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btsino:hover {
	background-color:#ffed4e;
	color:#191919;
}

.confirm {
	position:fixed;
	top:50%;
	left:50%;
	width:350px;
	height:240px;
	transform: translate(-50%, -50%);
	box-shadow: 0px 0 5px #ccc;
  border-radius: 9px;
  overflow: hidden;
	box-sizing: border-box;
	background-color:#fff;
	display:none;
}

.clowin {
	cursor:pointer;
	position:absolute;
	right:30px;
	top:30px;
	font-size:30px;
	width:30px;
	height:30px;
	line-height:30px;
}
.clowin:hover {
	color:#5bc5f2;
}

.poptitle {
	cursor:pointer;
	position:absolute;
	left:30px;
	top:30px;
	font-size:30px;
	width:300px;
	height:30px;
	line-height:30px;
	font-family: Ogg;
}


.txt {
	position:absolute;
	left:40px;
	top:80px;
	font-size:1rem;
	bottom:30px;
	right:40px;
	overflow-x:hidden;
	overflow-y:auto;
}

.txttitle {
	font-weight:bold;
	font-size:1.2rem;
	margin-top:1rem;
}

.txtsubtitle {
	font-weight:bold;
	font-size:1rem;
	margin-top:0.4rem;
}

.inciso {
	margin-left:60px;
}

.linklogin2 {
  color: #212529;
	cursor:pointer;
	text-decoration:underline;
}

.bmenu {
	position:absolute;
	left:10px;
	top:10px;
	border-radius: 50%;
	box-sizing: border-box;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#0a0;
	color:#fff;
	font-size:16px;
	cursor:pointer;
}

#blindmenu {
	position:absolute;
	display:none;
	left:10px;
	top:55px;
	height:90px;
	width:200px;
	border:1px solid #ddd;
	background-color:#fff;
	font-size:16px;
	color:#333;
	border-radius:5px;
	z-index:9999999999;
}

.blindmenuvoice {
	position:relative;
	height:30px;
	line-height:30px;
	width:90%;
	box-sizing: border-box;
	margin-left:5%;
	cursor:pointer;
	border-bottom:1px solid #ddd;	
}
.blindmenuvoice:hover {
	color:#A6E4F8;
}

@media (max-width: 768px) {
	.popup1 {
		width:94%;
		height:94%;
	}
}

@media (max-width: 400px) {
	.poptitle {
		font-size:25px;
	}
}