#wrapper {  margin: 0 auto; padding: 30px 45px; }


.modalFrame{
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0,0.4);
}

.modal-content { 
	margin: 15% auto;
	padding: 10px;
	font-family: Helvetica, Arial, Tahoma;
	font-size: 62.5%;
	width: 40%;
	position: relative;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

.close {
	color: #aaa;
	float: right;
	font-size: 18px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.name { color: #656565; font-size: 1.8em; margin-bottom: 10px; }

.title {
    border-bottom: 2px solid #63544a;
    color: #63544a;
    font-family: Helvetica, Arial, Tahoma;
    font-size: 2.8em;
    line-height: 1;
    margin: 0 0 0.53em;
    padding-bottom: 0.25em;
}

.description { color: #656565; font-size: 1.2em; margin-bottom: 10px; }

label { 
    margin-right: 12px; 
    margin-bottom: 0.3em; 
    font-family: Helvetica, Arial, Tahoma;
    color: #6e6e6e;
    font-size: 1.6em;
    font-weight: bold;
}

.formClass {
    width: 100%;
}

.descripcion {
    color: #333;
    font-size: 1.6em;
    margin-bottom: 1.4em;
}

.successMessage {
	color: #63544a;
    font-family: Helvetica, Arial, Tahoma;
    font-size: 2.0em;
    padding-bottom: 0.25em;
}

.errorMessage {
	color: #b32d00;
    font-family: Helvetica, Arial, Tahoma;
    font-size: 1.6em;
    padding-bottom: 0.25em;
}

.widthleft {
    margin-right: 6%;
    float:left;
    width: 47%;
    margin-bottom: 1em;
}

.widthright {
    float: left;
    width: 42%;
    margin-bottom: 1em;
}

.widthtotal {
    width: 95%;
    float: left;
    margin-bottom: 1em;
}

.sendButton {
    width: 98%;
    margin-bottom: 1em;
    text-align: center;
}

.acceptConditions {
    color: #63412a;
    display: block;
    font-size: 1.6em;
}

.disclaimer {
    color: #6e6e6e;
    font-size: 1.6em;
    width: 600px;
}

.eula {
    display: none;
    width: 580px;
    height: 300px;
    color: #6e6e6e;
    font-size: 1.2em;
}

.txt { 
    display: inline-block; 
    color: #676767;
    width: 100%; 
    font-family: Arial, Tahoma, sans-serif; 
    margin-bottom: 10px; 
    border: 1px dotted #ccc; 
    padding: 5px 9px;
    font-size: 1.2em;
    line-height: 1.4em;
}

.txtarea { 
    display: block; 
    resize: none;
    color: #676767;
    font-family: Arial, Tahoma, sans-serif; 
    margin-bottom: 10px; 
    width: 100%; 
    height: 120px;
    border: 1px dotted #ccc;
    padding: 5px 9px; 
    font-size: 1.2em;
    line-height: 1.4em;
}

.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }

#send { 
    color: #fff;
    display: block;
    cursor: pointer;
    padding: 5px 11px;
    font-size: 2em;
    border: solid 1px #E05D11;
    border-radius: 3px;
    background: #f06f24; 
    background: -webkit-gradient(linear, left top, left bottom, from(#f06f24), to(#E05D11)); 
    background: -moz-linear-gradient(top, #f06f24, #E05D11); 
    background: -webkit-linear-gradient(top, #f06f24, #E05D11);
    background: -o-linear-gradient(top, #f06f24, #E05D11);
    background: -ms-linear-gradient(top, #f06f24, #E05D11);
    background: linear-gradient(top, #2f52b7, #E05D11);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f06f24', endColorstr='#E05D11'); 
}
#send:hover {
    background: #183d80; 
    background: -webkit-gradient(linear, left top, left bottom, from(#f06f24), to(#f06f24)); 
    background: -moz-linear-gradient(top,  #f06f24, #f06f24); 
    background: -webkit-linear-gradient(top, #f06f24, #f06f24);
    background: -o-linear-gradient(top, #f06f24, #f06f24);
    background: -ms-linear-gradient(top, #f06f24, #f06f24);
    background: linear-gradient(top, #f06f24, #f06f24);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f06f24', endColorstr='#f06f24');
}
#send:active {
    color: #f06f24; 
    background: -webkit-gradient(linear, left top, left bottom, from(#f06f24), to(#f06f24)); 
    background: -moz-linear-gradient(top,  #f06f24,  #f06f24);
    background: -webkit-linear-gradient(top, #f06f24, #f06f24);
    background: -o-linear-gradient(top, #f06f24, #f06f24);
    background: -ms-linear-gradient(top, #f06f24, #f06f24);
    background: linear-gradient(top, #f06f24, #f06f24);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f06f24', endColorstr='#f06f24');
}


.triangle-border::before {
    border-color: #0076b0 transparent;
    border-style: solid;
    border-width: 20px 20px 0;
    bottom: -20px;
    content: "";
    display: block;
    left: 40px;
    position: absolute;
    width: 0;
}
.triangle-border::after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 13px 13px 0;
    bottom: -13px;
    content: "";
    display: block;
    left: 47px;
    position: absolute;
    width: 0;
}
.triangle-border {
    display: none;
    background: #fff none repeat scroll 0 0;
    border: 5px solid #0076b0;
    border-radius: 10px;
    color: #333;
    margin-top: -5em;
    padding: 7px;
    position: absolute;
}