@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/css?family=Coustard:400,900);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,600,400);

@font-face
{
font-family:cursiva;
src: url(http://elcamperorestaurante.com/bdayclub/custom/Pacifico.ttf);
}

@font-face
{
font-family:strongtxt;
src: url(http://elcamperorestaurante.com/bdayclub/custom/lubalinbq-medium.otf);
}

@font-face
{
font-family:normaltxt;
src: url(http://elcamperorestaurante.com/bdayclub/custom/itc_lubalin_graph--lte50027.ttf);
}

html, body{ 
background: rgba(217,0,0,0.0);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	width:100%;
	height:555px;
}

.logo{
position: relative;
  min-height: 75px;
  margin-left: 13%;
  font-family: 'Coustard', serif;
  font-size: 3em;
  color: #fff;
}

.logo img{width: 60px;}

.red-bar{
	
	width:100%;
	min-height:70px;
	margin-bottom:30px;
}
.red-bar-txt{
	width:80%;
	position:relative;
	font-family:arial;
	color:#FFF;
	font-size:1.2em;
	margin:0 auto 0 auto;
}

.redtxtcontrol{
   line-height:20px;
     font-family: "Open Sans";
}

.strongtext{
	font-family:strongtxt;
	font-weight:900;
}

.yellow-tittle{
	font-family: 'Coustard', serif;
	font-weight:900;
	font-size:1em;
	color:#1ab7ea;
}

.yellow{
	font-family:arial;
	font-size:32px;
	color:#eeb712;
}
p{
	text-align:center;
	text-justify:inter-word;
}

input, textarea {
	padding: 9px;
	border: 2px solid #ffffff;
	width: 90%;
	color: #999999;
	background: rgba(255,255,255,0.99);
	}

textarea {
	padding: 10px;
	border: 2px solid #ffffff;
	height: 50px;
	color: #999999;
	max-width: 100%;
	max-height: 300px;
	background: rgba(255,255,255,0.99);
	line-height: 18px;
	}



.form label {
	margin-left: 10px;
	color: #999999;
}

.form-style{
	font-family:menufont;
	position:relative;
	width:450px;
	height:550px;
	margin:0px auto 0px auto;

}
.requeridos{
font-family:arial;
color:#1ab7ea;
font-size:20px;
}

.contacto-style{
	font-family:menufont;
	position:relative;
	width:900px;
	height:550px;
	margin:100px auto 0px auto;
}

.contacto-in-box{
	position:relative;
	width:80%;
	height:540px;	
	margin:0px auto 0px auto;
}

/* ===========================
   ====== Submit Button ====== 
   =========================== */

.submit input {
	position: relative;
	border: 3px solid #1ab7ea;
	float: right;
	width: 150px;
	height: 53px;
	font-family: arial;
	font-size: 26px;
	color: #fff;	
	margin-right: 3%;
	background: rgba(255,255,255,0.00);
}

.thankyou{
	position:absolute;
	top:20px;
	left:-55px;
}

.left-c{
float: left;
width: 44%;
margin-right: 3%;
margin-left: 3%;
}

.right-c{
float: right;
width: 44%;
margin-right: 3%;
margin-left: 3%;
}

.wrapper{
max-width: 1100px;
margin: 0 auto;
}

/*915 */
@media screen and (max-width: 915px) {
}

/* query 400 */
@media screen and (max-width: 400px) {


.logo {
  text-align: center;
  margin-left: 0%;
  font-size:2em;
  }
  
    
  .yellow-tittle {
    font-size: 21px;
  }
  
  .red-bar-txt {
  width: 90%;
  font-size: 16px;
  }
  
  .left-c {
  float: none;
  width: 100%;
  margin-right: 0%;
  margin-left: 0%;
}


.right-c {
  float: none;
  width: 100%;
  margin-right: 0%;
  margin-left: 0%;
}

.thankyou img{
	width:100%;
}

.thankyou{
	position:absolute;
	top:20px;
	left:10px;
}

.submit input{
    width: 102px;
    height: 40px;
    font-size:17px; 
}

.requeridos{
	font-size:12px;
}


 }