@charset "utf-8";
/* CSS Document */

body{
	top:0;
	margin:0px;
	padding:0px 0px 40px 0px;
	background-color: #e1e1e1;
	background-repeat: repeat;
}

.logo{padding:0 0 30px 0; margin:0 auto;background-image: url(../images/Logo_Majahuitas-H.png); background-repeat:no-repeat; display:block;width:223px;height:70px; }

h1{
	font-size:30pt;
	text-align:center;
	font-family: 'Lobster', cursive;
	color: white;
	text-shadow:0px 1px 2px black;
	padding-bottom:20px;
	margin:0px;
}

p{
	font-size:12pt;
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
	text-align:center;
	padding:4px 0px;
	margin:0px;
}

.last{
	padding-bottom:40px; font-size: 12px;
}

.securewrap{
	width:560px;
	padding:20px;
	float:none;
	margin:0px auto 0px auto;
	min-height:100px;
	border:1px solid #EBEBEB;
	box-shadow:0px 0px 0px 9px rgba(255,255,255,.5);
	background-color:rgba(255,255,255,.8);
	position:relative;
}

.securewrap h2{
	font-size:16pt;
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
	margin:0px;
	padding:0px;
}

.securewrap h3{
	font-size:12pt;
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
	margin:0px;
	padding:0px;
}

.securewrap hr{
	color:#DBDBDB;
	background-color:#DBDBDB;
	height:1px;
	border:none;
	padding:0px;
	margin:15px 0px 25px 0px;
	width:100%;
}

.securewrap fieldset{
	border:0px;
}

.securewrap label{
	font-size:13px;
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
	width:150px;
	display:inline-block;
	float:left;
	height:26px;
	margin-bottom:20px;
}

.securewrap label span{
	font-size:12px;
	color: red;
	padding-right:3px;
}

.securewrap input, textarea{
	width:300px;
	margin:-7px 0px 20px 0px;
	padding:7px 10px;
	color:#686868;
	background-color:#ffffff;
	border:1px solid #CCC;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif;
	border-radius:3px;
}

.securewrap input:focus, textarea:focus{
	width:300px;
	margin:-7px 0px 20px 0px;
	padding:7px 10px;
	color:#9e9d9d;
	background-color:#F5F5F5;
	border:1px solid #9e9d9d;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif;
	border-radius:3px;
}

input[type=submit]{
	margin-top:10px;
	width:auto !important;
	background-color:#666666;
	color:white;
	text-shadow:0px 1px #000;
}

input[type=submit]:hover{
	width:auto !important;
	background-color:#333;
	color:#CCC;
}

.largertextarea, .largertextarea:focus{
	width:65%;
	margin-top:0px;
}

.cvv, .cvv:focus{
	width:40px !important;
}

.areyouhuman, .areyouhuman:focus{
	width:40px !important;
}

.largebr{
	margin-top:20px;
}

.slickreporting{
	width:90%;
	position:absolute;
	left: 30px;
	bottom: 108px;
}

.successcontainer{
	float:left;
	width:90%;
	height:25px;
	float:left;
	padding:17px 0% 0px 10%;
	background-image: url(../images/success.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	font-size:12pt;
	font-family: Helvetica, Arial, sans-serif;
	color:#349e1f;
	display:none;
}

.errorcontainer{
	float:left;
	width:90%;
	height:25px;
	float:left;
	padding:17px 0% 0px 10%;
	background-image: url(../images/fail.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	font-size:12pt;
	font-family: Helvetica, Arial, sans-serif;
	color:#FF0000;
	display:none;
}

@media screen and (max-width: 600px){
	.securewrap{width:98%;padding:20px 1%;border:0px;box-shadow:none;border-radius:0px;}
	.securewrap label{width:30%;}
	.slickreporting{left: 15px;}
	.successcontainer{width:85%;padding:17px 0% 0px 15%;}
	.errorcontainer{width:85%;padding:17px 0% 0px 15%;}
	
}

.securewrap select{
	width:250px; height:29px;
	margin:-7px 0px 20px 0px;
	padding:7px 10px;
	color:#686868;
	background-color:white;
	border:1px solid #CCC;
	font-size:12px;
	line-height:15px;
	font-family: Helvetica, Arial, sans-serif;
	border-radius:3px;float:left;
}

.securewrap select:focus{
	width:250px; height:29px;
	margin:-7px 0px 20px 0px;
	padding:7px 10px;
	color:#686868;
	background-color:#ffffff;
	border:1px solid #9e9d9d;
	font-size:12px;
	line-height:15px;
	font-family: Helvetica, Arial, sans-serif;
	border-radius:3px; float:left;
}


.der{padding:0;margin:0 0 0 20px; float:left;}
.month{padding:0;margin:0;width:100px !important;}
.year{padding:0;margin:0;width:100px !important;}
.city{padding:0;margin:0;width:128px !important;}
.state{padding:0;margin:0;width:128px !important;}
.postal{padding:0;margin:0;width:128px !important;}


.logos{padding:0;margin:0;display:block;width:140px;height:28px; float:left;}
.cardtype{padding:0;margin:0;width:170px !important;}



.typecard {maring:0;padding:0 30px 0 0;float:left;font-family:Helvetica, Arial, sans-serif; font-size:12px;}
.typecard input{padding:0;margin:5px 0 0 5px; width:20px;}



.bits{color:#ffffff;
	background-color:#58555A;
	height:50px;
	border:none;
	padding:0px;
	margin:5px 0px 25px 0px;
	width:100%;
	}
	
.adjbits{padding:12px; margin:0 auto; width:400px;}
.bitimg{padding:0;margin:0;background-image:url(../images/bits.png);background-repeat: no-repeat;width:25px;height:25px;display:block;float:left;}
.bitsecure{padding:0;margin:8px 0 0 0;;font-family: Helvetica, Arial, sans-serif; font-size: 13px;text-align:center;float:left;}

.tarjetas{float:left;;padding:0;margin:-2px 10px 0 0;}
.amex{background-repeat: no-repeat; background-image:url(../images/amex.png); width:42px; height:28px;float:left;}
.visa{background-repeat: no-repeat; background-image:url(../images/visa.png); width:42px; height:28px;float:left;}
.mc{background-repeat: no-repeat; background-image:url(../images/mc.png); width:42px; height:28px; float: left;}