@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
margin:0;padding:0;border:0;outline:none;background:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100%}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;}
body{margin:0;padding:20px 0;background:#fff;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:22px;line-height:32px;text-align:left;color:#222;}
.clear { clear:both; }
.fltlt { float:left; }
.fltrt { float:right; }
.none { display:none; }
p { margin:25px 0; }
.link { color:#5c4a42; font-weight:bold; text-decoration:none }
.link:hover { text-decoration:underline }
.medellin { width:450px}
#container { width:650px; margin:0 auto; text-align:center }
#contactus { cursor:pointer }
/* contact */
#contactform { text-align:left; margin:40px 0 0 }
input, textarea{
border:0; outline:none; background:transparent; line-height:18px; width:100%; color:#888; font-family:Helvetica,Arial,Verdana,sans-serif; font-size:14px;
}
input:-webkit-autofill, input:focus:-webkit-autofill { 
-webkit-text-fill-color:#888; -webkit-box-shadow:0 0 0px 1000px #fff inset;
}
input:-moz-autofill, input:focus:-moz-autofill {
-moz-text-fill-color:#888; -moz-box-shadow: 0 0 0px 1000px #fff inset;
}
input:-o-autofill, input:focus:-o-autofill {
-o-text-fill-color:#888; -o-box-shadow: 0 0 0px 1000px #fff inset;
}
input:-khtml-autofill, input:focus:-khtml-autofill {
-khtml-text-fill-color:#888; -khtml-box-shadow: 0 0 0px 1000px #fff inset;
}
textarea{
resize:none; overflow:auto; display:block; height:90px;
}
::-webkit-input-placeholder {
color:#888; opacity:1;
}
::-moz-placeholder {
color:#888; opacity:1;
}
:-ms-input-placeholder {
color:#888; opacity:1;
}
:-moz-placeholder {
color:#888; opacity:1;
}
label {
color:#222; font-size:14px; line-height:14px;
}
.input-wrap {
border-bottom:1px solid #ccc; padding:0; margin:0 0 30px 0; position:relative;
}
.input-wrap label {
position:absolute; top:-10px; left:0;
}
.input-control {
padding:10px 0;
}
.error {
background:transparent url(../images/icon_error_red.png) no-repeat 0 0; width:20px; height:20px;
-webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%;
position:absolute; bottom:10px; right:0;
}
.btn {
border:0; outline:none; background:#8cc641; color:#fff; padding:10px 40px; cursor:pointer;
}
.btn-send {
float:right;
}
.form-left {
float:left; width:300px; margin:0 50px 0 0;
}
.form-right {
float:left; width:300px;
}
.captcha {
padding:0 0 15px;
}

/* ============================================================
	Responsive
============================================================ */
@media only screen
and (max-width: 799px) {
body {
padding:10px 0 20px 0; font-size:12px;line-height:16px;
}
.medellin {
width:280px;
}
#container {
width:440px;
}
/* contact */
#contactform {
margin:20px 0 0
}
.form-left {
float:none; margin:0 auto;
}
.form-right {
float:none; margin:0 auto;
}
input, textarea{
font-size:12px;
}
label {
font-size:12px; line-height:12px;
}
.input-wrap {
margin:0 0 20px 0;
}
.btn {
padding:10px 0; width:100%;
}
.btn-send {
float:none;
}
}

@media only screen
and (max-width : 479px) {
#container {
width:300px;
}
.form-left {
width:280px;
}
.form-right {
width:280px;
}
}

@media only screen 
and (max-width : 319px) {
body { display:none }
}