body
{
	weight:100%;
	margin: 0 auto;
	color: #efefef;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
	margin-top: 0 auto;
	margin-bottom: 0 auto;
}

h1.logo
{
	weight: 1024px;
	height: 230px;
	background-color: #FFFFFF;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}



#topnav
{
	background-color: #C0C0C0;
	text-align: center;
}

.menu
{
	list-style-type: none;
	margin: 0 auto;
	padding: 10px;
	font-size: 18px;
	min-height: 38px;
	line-height: 200%;
}

.menu > li
{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px dashed #0a2b42;
}

.menu > li:first-child
{
	border-left: 1px dashed #0a2b42;
}

.menu a
{
	color: #000000;
	text-decoration: none;
}

.menu a:hover
{
	color: #0a2b42;
}

.categories
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
}

h1
{
	font-size: 44px;
	font-weight: 400;
	color: #000000;
	margin-bottom: 20px;
}

h2
{
	font-size: 35px;
	font-weight: 400;
	color: #000000;
}


h3
{
	font-size: 30px;
	font-weight: 300;
	color: #000000;
	margin-bottom: 20px;
}

h4
{
	font-size: 25px;
	font-weight: 300;
	color: #000000;
	margin-bottom: 20px;
}

h5
{
	font-size: 20px;
	font-weight: 300;
	color: #000000;
	margin-bottom: 20px;
}

h6
{
	font-size: 15px;
	font-weight: 250;
	color: #000000;
	margin-bottom: 20px;
}

h7
{
	font-size: 30px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 20px;
	font-family: Courier New;
}

.lista
{
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	padding: 20px;
	display: inline-block;
}
.foto
{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 0 auto;
	margin-right:0 auto;
	margin-top: 15px;
	margin-bottom: 8px;
	text-align: center;
	float:left;
}
.image
{
	margin: 3px;
}

.info
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 20px;
	background-color: #C0C0C0;
	height: 140px;
	margin-bottom: 0;
}

* {
        box-sizing: border-box;
    }
	.form {
        margin:3rem auto;
		font-family:sans-serif;
        max-width:40rem;
		
	}
	.form .form-row {
        margin-bottom:1rem;
    }
    .form .form-row:last-child {
        margin-bottom: 0;
    }
    .form input[type=text],
    .form input[type=email],
    .form textarea,
    .form .checkbox-cnt .state {
        box-shadow:inset 0 1px 5px rgba(0,0,0,0.07);
    }
	.form input[type=text], 
	.form input[type=email],
    .form textarea {
        border-radius:0.2rem;
        font-family:sans-serif;
		padding:0.8rem;
		border:1px solid #aaa;
        display: block;
        width:100%;
        color:#666;
	}
    .form input[type=text]:focus,
    .form input[type=email]:focus,
    .form textarea:focus {
        border-color:#9DC9F5;
        box-shadow:inset 0 0 0 1px #9DC9F5, inset 0 1px 5px rgba(0,0,0,0.07);
        outline:none;
    }
    .form textarea {
        height:10rem;
    }
	.form label {
        font-weight:bold;
		display: block;
		font-size:0.9rem;
		margin-bottom:0.5rem;
	}
    .form .submit-btn {
        font-family: sans-serif;
        padding:1rem 2rem;
        background: #70B81B;
        border:0;
        border-radius:0.2rem;
        color:#fff;
        font-size:1.1rem;
        font-weight: bold;
        transition: 0.3s background-color;
        cursor: pointer;
    }
    .form .submit-btn:hover {
        background: #7EC927;
    }
    
    }
    .form input[type=text].error,
    .form input[type=email].error,
    .form textarea.error,
  
    .field-error {
        color:#E01546;
        padding:0.5rem 0;
        font-size:0.8rem;
    }

    .element-is-busy {
        position: relative;
        pointer-events: none;
        opacity:0.5;
    }
    .element-is-busy::after {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 2px solid rgba(0, 0, 0, 0.2);
        border-right-color: rgba(0,0,0,0.7);
        transform: translate(-50%, -50%) rotate(0deg);
        content:'';
        animation: rotateSingleLoading 0.3s infinite linear;
        z-index: 100;
    }
    @keyframes rotateSingleLoading {
        from {
            transform: translate(-50%, -50%) rotate(0deg);
        }
        to {
            transform: translate(-50%, -50%) rotate(360deg);
        }
    }
    .form .send-error {
        display:inline-block;
        font-family: sans-serif;
        font-size:0.9rem;
        padding:1rem 1.5rem;
        color:#E01546;
    }
    .form-send-success {
        font-family: sans-serif;
        text-align:center;
        font-size:2rem;
        font-weight:bold;
        border:1px solid #eee;
        color:#333;
        padding:10rem 0;
        margin:3rem auto;
        max-width:40rem;
    }
    .form-send-success strong {
        display:block;
        margin-bottom:0.5rem;
    }
    .form-send-success span {
        font-size:1rem;
        color:#888;
        font-weight:normal;
        display: block;
    }
    @media screen and (max-width:500px) {
        .form .submit-btn {
            display: block;
            width: 100%;
        }
        .form .send-error {
            text-align:center;
            display: block;
        }
    }