@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css2?family=Spartan:wght@500&display=swap);

@import url('https://fonts.googleapis.com/css2?family=Georama:wght@300&display=swap');

@font-face {
  font-family: Kalam;
  src: url(fonts/Kalam-Regular.ttf);
}

@font-face {
  font-family: Montserrat;
  src: url(fonts/montserrat.ttf);
}

body{
	background-color: coral;
	background-image: linear-gradient(to bottom right, lightcoral, coral);
	font-family: Montserrat,sans-serif;
}

a:link, a:visited {
	font-family: Spartan;
	color:#063E00;
	text-decoration: none;
  	cursor: pointer;
	font-size: 1.25rem;
}

a:hover, a:visited:hover{
	color:#00801A;
	font-size: 1.5rem;	
}

a:link:active, a:visited:active {
	color:#00801A;
	font-size: 1.5rem;
}

.container{
	width:98%;
	margin: auto;
}
.menu{
	width:260px;
	margin:10px auto 0;
	cursor:pointer;
}

.title{
	width:100%;
	box-sizing:border-box;
	background:Crimson;
	padding:10px;
	margin: 1px 1px 5px;
	border-radius:4px;
	position:relative;
	box-shadow:0 0 40px -10px #000;
	color:#FFFAF0;
}

.span{
	float:right;
	font-size:18px!important;
}

.dropdown{
	width:100%;
	background:#A70A00;
	border-radius:4px;
	box-shadow:0 0 40px -10px #000;
	color:#FFFAF0;
	margin-top:24px;
	max-height:0;
	overflow:hidden;
	transition:all .5s;
}

.down{
	max-height:300px;
}

.arrow{
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #fff;
	position:absolute;
	right:20px;
	bottom:-24px;
	display:none;
}

.arrow.gone{
	display:block;
}

.p0{
	padding:15px 14px;
	margin:0;
	transition:all .1s;
}

.p0:hover{
	background:coral;
	-webkit-transform:scale(1.05);
	color:rgba(255,255,255,0.8);
	box-shadow:0 0 30px -10px #000;
}

.imgpad{
	padding: 0px 30px 5px 10px;
}

.menuit{
	color: white;
	font-family: Spartan;
}


.butao {
	padding: 20px 30px;
	font-size: 18px;
	text-align: center;
	text-shadow: 2px 2px 3px black;
	cursor: pointer;
	outline: none;
	color: white;
	font-family:Spartan;
	font-weight:600;
	font-style:italic;
	border-radius: 10px;
	border: 1px solid black;
	box-shadow: 2px 3px 4px black;
	white-space: nowrap;
	background: crimson;
}

.butao:hover {
	background-image: linear-gradient(to bottom, red, coral, red);
	color: LightGoldenRodYellow;
}

.butao:active {
  box-shadow: 0 1px #666;
  transform: translateY(1px);
  color: LightSeaGreen;
}


input[type=text], input[type=date], input[type=password], input[type=email] {
	background:Snow;
	padding: 1px 5px;
	margin: 2px 10;
	font-size: 1.2rem;
	box-sizing: border-box;
	height: 45px;
	border-radius: 5px;
	width: 100%;
}


.boxFree{
	width: 100%;
	border: 2px solid red;
	border-radius: 10px;
	background: bisque;
	padding: 3px;
	
}


.titCampo{
	font-family: Spartan;
	font-weight: 700;
	font-size: 18px;
	margin-top: 10px;
}

.item{
	font-family: Kalam;
	margin: 4px 0px;
	font-size: 1.4rem;
	
}

.itemTit{
	font-family: Kalam;
	margin: 8px 2px;
	font-size: 1.8rem;
	
}

.itemTitSub{
	font-family: Kalam;
	margin: 3px 2px;
	font-size: 1.4rem;
	
}

.titCampo{
	margin-top: 15px;
	
}

.captcha{
	border:1px solid grey;
	background: #F7F7F7;
	background-image: url(../imgs/captcha.png);
	width:240px;
	height: 60px;
	border-radius: 3px;
	margin: 10px;
	text-align: left;
}

.txtBox{
	width: 100%;
	height: 35px;
	border: 1px solid black;
	background: #E8F0FE;
	font-size: 20px;
	line-height: 35px;
	text-align: center;
	border-radius: 5px;
}