/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 09-08-2022, 23:22:35
    Author     : Pesquera Apiao
*/
container {
	margin: 0 auto;
	width: 90%;
	max-width: 75rem;
}

.boton {
	border: 1px solid #06744a; /*anchura, estilo y color borde*/
	padding: 10px; /*espacio alrededor texto*/
	background-color: #4acf16; /*color botón*/
	color: #ffffff; /*color texto*/
	text-decoration: none; /*decoración texto*/
	text-align:center;
	text-transform: uppercase; /*capitalización texto*/
	font-family: 'Helvetica', sans-serif; /*tipografía texto*/
	border-radius: 50px; /*bordes redondos*/
	position: sticky;
	top:0%;
   
	}
	.boton2 {
		border: 1px solid #c43d14; /*anchura, estilo y color borde*/
		padding: 10px; /*espacio alrededor texto*/
		background-color: #ab5610; /*color botón*/
		color: #ffffff; /*color texto*/
		text-decoration: none; /*decoración texto*/
		text-align:right;
		text-transform: uppercase; /*capitalización texto*/
		font-family: 'Helvetica', sans-serif; /*tipografía texto*/
		border-radius: 50px; /*bordes redondos*/
		position: sticky;
		top:0%;
		}
	.boton3 {
			border: 1px solid #2e518b; /*anchura, estilo y color borde*/
			padding: 10px; /*espacio alrededor texto*/
			background-color: #2e518b; /*color botón*/
			color: #ffffff; /*color texto*/
			text-decoration: none; /*decoración texto*/
			text-align:left;
			text-transform: uppercase; /*capitalización texto*/
			font-family: 'Helvetica', sans-serif; /*tipografía texto*/
			border-radius: 50px; /*bordes redondos*/
			position: sticky;
			top:0%;
			}
.boton:hover{
background-color:black;
color:orange;
}
.boton2:hover{
background-color:black;
color:orange;
}
.boton3:hover{
background-color:black;
color:orange;
}

body{margin:0;
padding: 0;
font-family: 'Roboto', sans-serif;
text-align: center;
background-color:white;
}
h2{margin:0;
padding: 0;
font-family: 'Roboto', sans-serif;
text-align: center;
color: #000}

h3 {margin:0;
padding: 0;
font-family: 'Roboto', sans-serif;
text-align: center;
color: yellow; 
}
h3:hover{
background-color:yellowgreen;
}
span{margin:0;
padding: 0;
font-family: 'Roboto', sans-serif;
text-align: center;
color: red;
}

select1 {outline:none;
padding: 10px;
display: block;
width: auto;
border-radius: var;
border:1px solid #eee; 
margin:20px auto;
background:#000;
}
option {outline:none;
padding: 10px;
display: block;
width: 300px;
border-radius: 3px;
border:1px solid #eee; 
margin:20px auto;
background:#000;
}
input[type="text"],input[type="email"], input[type="password"]{
outline:none;
padding: 10px;
display: block;
width: 300px;
border-radius: 3px;
border:1px solid #eee; 
margin:20px auto;
background:#eee;
}
button[type="submit"]{
padding:10px;
color:#fff;
background:greenyellow;
width:320px;
margin:20px auto;
margin-top:0;
border:0;
border-radius: 3px;
cursor: pointer;
}
button[type="submit"]:hover{
background-color:#00b8eb;
}
label [type=text]{
 font-family: 'Roboto';   
}
a {margin:0;
padding: 0;
font-family: 'Roboto', sans-serif;
text-align: center;
color:#00b8eb }

img {margin:0;
padding: 0;
width:100px;
font-family: 'Roboto', sans-serif;
text-align: var;
color: ##00b8eb
}
img:hover {
background-color:#2fd2ff }