@import url('https://fonts.googleapis.com/css?family=Raleway:500,600,700');
body{background-color:#c82446;font-family: 'Raleway', sans-serif;padding:0;margin:0;}
.menu{background-color:#ffffff;height:100px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
text-align:center;
}
.menu img{position:none;margin:25px 0;}
.container{background:#ffffff;padding:20px;margin:100px auto;}
#iconRow{position:relative;}
#iconRow .iconContainer{position:absolute;top:-100px;left:0;width:100%;}
#iconRow .iconIngresa{background-image:url("../../images/iconIngresa.png");width:144px;height:144px;margin:0 auto;transition:1s all ease-in-out;}
#iconRow .iconInvalido{background-image:url("../../images/iconInvalido.png");width:144px;height:144px;margin:0 auto;transition:1s all ease-in-out;}
#iconRow .iconCuenta{background-image:url("../../images/iconCuenta.png");width:144px;height:144px;margin:0 auto;transition:1s all ease-in-out;}
#iconRow .iconCaptcha{background-image:url("../../images/iconCaptcha.png");width:144px;height:144px;margin:0 auto;transition:1s all ease-in-out;}
.boxContainer{background:#ffffff;padding:0px;border:2px solid #c82446;overflow:hidden;text-align:center;}

#textRow{margin:90px 0 30px 0;}
#textRow h2{font-size:18px;font-weight:600;color:#6b5c52;padding:0;margin:0;transition:300ms all ease-in-out;}
#textRow h1{font-size:30px;font-weight:600;color:#6b5c52;padding:0;margin:0;}

.leftDrop,.rightDrop{width:10px;padding:20px 0 0 0;}
.rightDrop{padding: 0 0 20px 0;}
.leftDrop img,
.rightDrop img{width:100%;}

#inputRow{margin-bottom:10px;position:relative;width:90%;margin:0 auto;}
#inputRow .leftDrop{float:left;}
#inputRow .rightDrop{float:right;}
#inputRow .inputText{background-color:#ebebeb;border:none;border-radius:0;height:60px;width:80%;max-width:400px;margin:0 auto;font-size:30px;color:#7a858f;font-weight:600;text-align:center;
-webkit-box-shadow: inset 0px 1px 4px 1px rgba(146,146,146,1);
-moz-box-shadow: inset 0px 1px 4px 1px rgba(146,146,146,1);
box-shadow: inset 0px 1px 4px 1px rgba(146,146,146,1);
}

::-webkit-input-placeholder {text-align: center;color:#c82446;font-size:18px;font-weight:600;}
:-moz-placeholder { /* Firefox 18- */text-align: center;color:#c82446;font-size:18px;font-weight:600;  }
::-moz-placeholder {  /* Firefox 19+ */text-align: center; color:#c82446;font-size:18px;font-weight:600; }
:-ms-input-placeholder {  text-align: center;color:#c82446;font-size:18px;font-weight:600; }

#captchaRow .leftDrop,
#captchaRow .rightDrop,
#captchaRow .g-recaptcha{display:inline-block;}
#captchaRow .g-recaptcha{width:304px;margin:0 auto;}

#submitRow{margin: 0 0 40px 0;}
#submitRow input[type="submit"],
#submitRow .button{background:#c82446;width:210px;height:40px;color:#ffffff;border:none;border-radius:0;font-size:18px;font-weight:600;font-family: 'Raleway', sans-serif;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(153,153,153,0.45);
-moz-box-shadow: 0px 2px 3px 0px rgba(153,153,153,0.45);
box-shadow: 0px 2px 3px 0px rgba(153,153,153,0.45);
transition:200ms all linear;
}

#submitRow input[type="submit"]:focus,
#submitRow input[type="submit"]:active{outline:none;}
#submitRow button{height:0;}

.leftDrop{opacity:0}
.rightDrop{opacity:0;transform:rotate(180deg);}

.contenedor-tabla{
	display: table;
	width: 100%;
}

.contenedor-fila{
	display: table-row;
}

.contenedor-columna-3{
	display: table-cell;
	width: 33%;
	vertical-align: middle;
}
.contenedor-columna-4{
	display: table-cell;
	width: 25%;
	vertical-align: middle;
}

/*  DESKTOP SETTINGS     */
@media (min-width: 800px) {
    .leftDrop,.rightDrop{width:30px;padding:0;}
}
@media (min-width: 600px) {
    .menu img{position:absolute;top:20px;left:20%;margin:0;}
    .boxContainer{padding:20px;}
    
    
    #inputRow{margin-bottom:40px;position:relative;width:55%;}
    #submitRow{margin:40px;}
}