@charset "utf-8";
/* Autor: Francisco Camarena , triplewsystems.com */
header, nav, section, article, aside, figure, footer{
	display:block;
}
.limpiar{
	clear:both;
}
a img{
	border:none;
}


.div_100{
	float:left;
	width:100%;
	height:auto;
	margin-top:4px; 
	margin-bottom:14px;
	box-sizing:border-box;
}


.div_50{
	float:left; 
	width:50%;
	height:auto;
	box-sizing:border-box;
		
}

.etiqueta_formulario{
	float:left;
	width:100%;
	box-sizing:border-box;
	height:auto;
	margin-bottom:4px;
	font-family:'Rambla';
	font-size:18px;
	color:#999;	
}


#boton_formulario{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #6BBBD6;

	padding:13px;
	margin-top:10px;
	width:18%;
	background:#04A645;	
	
}

#boton_formulario:hover{
	cursor:pointer;
	background:#0FCE52;
}

#boton_formulario_off{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #6BBBD6;

	padding:13px;
	margin-top:10px;
	width:18%;
	background:#999999;
	
}

#boton_formulario_off:hover{
	cursor:pointer;
	background:#CCCCCC;
}


#formulario_centrado{
	margin:0 auto; 
	width:400px; 
	height:auto;
}




.form_campo{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
		
	font-family:'Rambla';
	box-sizing: border-box;
	padding:15px;
	width:100%;
	background:#FFFFFF;
	border:1px solid #999999;
	font-size:17px;
	color:#333333;
}



.form_contact{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
		
	font-family:'Rambla';
	box-sizing: border-box;
	padding:15px;
	width:100%;
	background:#EAEAEA;
	border:1px solid #CCCCCC;
	font-size:17px;
	color:#333333;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999;
}




.marco_formulario{
	border-radius			: 5px 5px 5px 5px;
	-moz-border-radius		: 5px 5px 5px 5px;
	-webkit-border-radius	: 5px 5px 5px 5px;
	
	float:left; 
	width:100%; 
	height:auto; 
	padding:20px; 
	background:#E8E8E8; 
	box-sizing:border-box;
}


.clase_boton_enviar{
	
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border: 0px solid #6BBBD6;

	padding:13px;
	margin-top:0px;
	width:100%;
	background:#144F8F;

	color:#FFFFFF;
	font-family:'Rambla';
	font-size:21px;
	font-weight:normal;		

}

.clase_boton_enviar:hover{
	cursor:pointer;
	background: #2773BE;
}



.clase_boton{
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border: 0px solid #6BBBD6;

	padding:13px;
	margin-top:0px;
	width:100%;
	background:#83C04B;

	color:#FFFFFF;
	font-family:'Rambla';
	font-size:21px;
	font-weight:normal;		
}


.clase_boton:hover{
	cursor:pointer;
	background:#72AD3D;
}


.formulario_titulo{
	float:left;
	width:100%;
	height:auto;
	font-family:'Rambla';
	font-size:20px;
	color:#333;
	text-align:center;
	margin-top:0px;	
	margin-bottom:10px;
	
}

#descripcion_contact{
	float:left;
	width:90%;
	padding-top:10px;
	font-size:13px;
	color:#FFF;
	height:auto;
	line-height:18px;
	background:;	
}

.formulario_campo_chico{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 2px solid #BCDAF1;
	
	box-sizing: border-box;		
	font-family: Verdana, Geneva, sans-serif;
	padding:12px;
	width:25%;
	color:#036;
	font-size:13px;	
	background:#FCFCFC;
}

.formulario_select_chico{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 2px solid #BCDAF1;
	
	box-sizing: border-box;		
	font-family: Verdana, Geneva, sans-serif;
	padding:12px;
	width:25%;
	color:#666;
	font-size:13px;	
	background:#FCFCFC;
}

.formulario_campo_mediano{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 2px solid #BCDAF1 ;
	
	font-family: Verdana, Geneva, sans-serif;
	padding:12px;
	width:50%;
	color:#036;
	font-size:13px;	
	background:#FCFCFC;
}

.formulario_campo_completo{
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 2px solid #BCDAF1 ;
	
	font-family: Verdana, Geneva, sans-serif;
	padding:12px;
	width:100%;
	color:#036;
	font-size:13px;	
	background:#FCFCFC;
}


/*** DISEÑO PARA TABLETAS  HORIZONTAL   ***/
/******************************************/
@media only screen and (max-width:1250px){



}

@media only screen and (max-width:1024px){

	.form_contact{
		padding:15px;
		width:100%;
		border:1px solid #999999;
		font-size:20px;
	}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999;
}

	

}

/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/

@media only screen and (max-width:900px){
	
	.clase_boton{
		font-size:22px;
		font-weight:normal;
	}
	


	#formulario_centrado{
		margin:0 auto; 
		width:100%; 
		height:auto;
	}
}

/******************************************/
/***    DISEÑO PARA MOVILES 480        ****/
/******************************************/
@media only screen and (max-width:480px){

	.form_contact{
		width:100%;

	}


}
/******************************************/
/***    DISEÑO PARA MOVILES 320        ****/
/******************************************/
@media only screen and (max-width:320px){



}
/******************************************/
/***    DISEÑO PARA MOVILES 240        ****/
/******************************************/
@media only screen and (max-width:240px){
	

}