@font-face {
font-family:"Trajan Pro";
src: url("../TrajanProRegular.ttf"); 
}


body {

	margin:0px;
	font-family: 'Didact Gothic', sans-serif;
	font-size:1em;


}

.form-input, .error {
	display: block;
	height: 24px;
	padding: 6px 10px;
	margin-bottom: 20px;

	behavior: url(PIE.htc);
	width:90%;
	background: #fff;
	border: 1px solid #000;
	color: #999;
	position: relative;
}
.error{
	background: #ff9197;
	border: 5px solid red;
}
textarea.form-input {
	height: 150px;
	overflow: auto;
	width: 90%; 
	position: relative;
}
.form-btn {
	padding: 0 20px;
	height: 30px;
	margin-right: 6%;
	text-align: center;
	color: #fff;

	cursor: pointer;
	border: 1px solid #790e11;
	background-color: #790e11;
	border-radius:10px;
	clear: both;
	float: right;
}
.form-btn:hover {
	color: #8598C6;
	
}
.contact-form {
	width: 100%;
	

	position: relative;

	behavior: url(PIE.htc);
	text-align: left;

}
.formulario {
	overflow: hidden;

	
}
.column:first-of-type {
	float: left;
	width:100%;
	position: relative;
}

.column:last-of-type {
	float: right;
		width:100%;
	
}
label {
	color: #444;
	font-size: 15px;
}
label span {
	color: #2b54a1;
	font-size: 11px;
}

/* Sistema de Grid personalizado (similar a Bootstrap) */
.row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.row::after {
    content: "";
    display: table;
    clear: both;
}

/* Columnas base */
[class*="col-"] {
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 1px;
    float: left;
}

/* Columnas específicas */
.col-md-6 {
    width: 50%;
}

.col-md-4 {
    width: 33.333333%;
}

.col-md-3 {
    width: 25%;
}

.col-md-8 {
    width: 66.666667%;
}

.col-md-12 {
    width: 100%;
}

/* Responsive para tablets y móviles */
@media (max-width: 768px) {
    [class*="col-"] {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    
    .row {
        flex-direction: column;
    }
}

/* Para dispositivos muy pequeños */
@media (max-width: 480px) {
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Utilidades adicionales */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.col-md-4 div{
	width: 80%;
	margin: 0 auto;
}