input,textarea,select{padding:5px 4px;border:1px solid #C7C7C7;color:#a1a1a1;resize:none;box-sizing:border-box;transition:all 200ms;-webkit-transition:all 200ms;font-size:120%;background-color:#fff;font-family:arial}
input:focus,textarea:focus,select:focus{outline:none;box-shadow:inset 0 0 10px 1px rgba(0,0,0,0.1);background:#fff}
textarea{padding:1.5em;line-height:1.5em}
input{height:30px;line-height:0.8em}
select{height:1.5em;padding:1.5em}
input[type=checkbox],input[type=radio]{background:transparent;border:0;padding:0;vertical-align: middle;line-height:14px;height:14px;margin:0px}
input[type=radio]{margin-right:10px}
input.vsmformerror,textarea.vsmformerror,select.vsmformerror{border:1px solid #ff203e}
input[type=submit],button{margin-top:10px;background:#231F20;text-shadow:none;border:0;box-shadow:0 1px 0 rgba(0,0,0,0.2) !important;cursor:pointer;display:inline-block;font-size:135%;line-height:1.34em;padding:0.14em 1.57em;text-align:center;text-decoration:none;vertical-align:top;white-space:nowrap;color:#fff;border-radius:4px;height:2.28em;font-family: 'Trebuchet MS', Helvetica, sans-serif;text-transform:uppercase}
button a{color:#fff}

input[type=submit]:hover,button:hover{box-shadow:rgba(0,0,0,0.2) 0 0 5px;background-color: #fd3651;}
input[type=submit]:hover,button:active{box-shadow:none;background-color:rgba(0,0,0,0,0.5);}

#vsmcaptchareload{width:33px;height:31px;display:inline-block;margin:0 10px;background: url(/0/img/common/captcha-reload.png) no-repeat;cursor: pointer;vertical-align:middle}
#vsmcaptchacode{vertical-align:middle}

div.input{margin-bottom:10px}

/* Texto y ocupado */
button.button {position:relative}
button.button.busy {-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none; filter: none;transition:-webkit-filter 0.5s,filter 0.5s;}
button.button.busy{background-color:#fd3651}
button.button.busy div.text {opacity:0;filter:alpha(opacity=0);transition:opacity 0.3s}
button.button div.busyicon {position:absolute;left:50%;top:50%;opacity:0;}
button.button div.busyicon.small {width:32px;height:32px;margin:-16px 0 0 -16px}
button.button div.busyicon.big {width:44px;height:44px;margin:-22px 0 0 -22px}
button.button.busy div.busyicon {opacity:1;transition:opacity 0.3s 0.2s}
/* Oculto*/   
button.hidden{display:none} 

/* Preloaders */
.visible .busyicon,.busy .busyicon {-webkit-animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;animation:spin 4s linear infinite;} /*default*/
.visible .busyicon,.busy .busyicon.small {background:url(/0/img/common/preloaders/spinningsmall.png);} /*default*/
.visible .busyicon,.busy .busyicon.big {background:url(/0/img/common/preloaders/spinningbig.gif);}   /*default*/

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }