/*-----------------------MERCADO DE PÁGINAS-2017-RESPONSIVE DESIGN 100%--------------------------------------
-------------------------------------------LIMA-PERÚ-------------------------------------------------------
------------------------------------------VERSIÓN-1.0-----------------------------------------------------*/

/*ACA PUEDE EDITAR LAS PROPIEDADES DEL CUERPO DEL FORMULARIO DE CONTACTO, SOLO DEBE EDITAR LOS VALORES QUE NECESITE CAMBIAR Y DAR CLICK EN EL BOTON GUARDAR*/

/*------------------------------PROPIEDADES DEL FORMULARIO -------------------------------------------*/

.formc{
     border: 3px solid #fff;
	/*----ANCHO DEL FORMULARIO EN PORCENTAJE----*/
	width:60%;

	/*----COLOR DE FONDO DEL FORMULARIO----*/	
background: rgba(194,0,0,1);
background: -moz-linear-gradient(top, rgb(143, 190, 0) 0%, rgb(164, 213, 13) 99%, rgb(178, 220, 51) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(143, 190, 0) 0%, rgb(164, 213, 13) 99%, rgb(178, 220, 51) 100%));
background: -webkit-linear-gradient(top, rgb(143, 190, 0) 0%, rgb(164, 213, 13) 99%, rgb(178, 220, 51) 100%);
background: -o-linear-gradient(top, rgb(143, 190, 0) 0%, rgb(164, 213, 13) 99%, rgb(178, 220, 51) 100%);
background: -ms-linear-gradient(top, rgb(143, 190, 0) 0%, rgb(164, 213, 13) 99%, rgb(178, 220, 51) 100%);
background: linear-gradient(to bottom, rgb(143, 190, 0) 0%, rgb(164, 213, 13) 99%, rgb(178, 220, 51) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20000', endColorstr='#dd0336', GradientType=0 );

	/*----EDITE ESTOS VALORES SOLO SI POSEE LOS CONOCIMIENTOS NECESARIOS----*/	
	margin:auto;
		padding:10px 20px;
	box-sizing:border-box;
	margin-top:20px;

	/*border-radius:7px;*/
	
	float:left;
	
	opacity:0.8;
}

.formc2{

	/*----ANCHO DEL FORMULARIO EN PORCENTAJE----*/
	width:40%;

	/*----COLOR DE FONDO DEL FORMULARIO----*/	
	/*background: rgba(36,148,36,1);
background: -moz-linear-gradient(top, rgba(36,148,36,1) 0%, rgba(41,170,41,1) 29%, rgba(52,223,52,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,148,36,1)), color-stop(29%, rgba(41,170,41,1)), color-stop(100%, rgba(52,223,52,1)));
background: -webkit-linear-gradient(top, rgba(36,148,36,1) 0%, rgba(41,170,41,1) 29%, rgba(52,223,52,1) 100%);
background: -o-linear-gradient(top, rgba(36,148,36,1) 0%, rgba(41,170,41,1) 29%, rgba(52,223,52,1) 100%);
background: -ms-linear-gradient(top, rgba(36,148,36,1) 0%, rgba(41,170,41,1) 29%, rgba(52,223,52,1) 100%);
background: linear-gradient(to bottom, rgba(36,148,36,1) 0%, rgba(41,170,41,1) 29%, rgba(52,223,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249424', endColorstr='#34df34', GradientType=0 );*/

	/*----EDITE ESTOS VALORES SOLO SI POSEE LOS CONOCIMIENTOS NECESARIOS----*/	
	margin:auto;
		padding:10px 20px;
	box-sizing:border-box;
	margin-top:20px;

	/*border-radius:7px;*/
	
	float:left;
	text-align:left;
}

/*------------------------------PROPIEDADES DEL TITULO DEL FORMULARIO ----------------------------------*/
.h2contacto{
	/*----COLOR DEL TITULO DEL FORMULARIO----*/
	color:#fff;

	/*----ALINEACION DEL TITULO DEL FORMULARIO----*/
	text-align:center;

	/*----ATAMAÑO DEL TEXTO TITULO DEL FORMULARIO----*/
	font-size:20px;
	
	/*----EDITE ESTOS VALORES SOLO SI POSEE LOS CONOCIMIENTOS NECESARIOS----*/
	margin:0;
	margin-bottom:20px;
}

/*------------------------------PROPIEDADES DEL TITULO DE DATOS DE CONTACTO ----------------------------------*/
.h4contacto{
	/*----COLOR DEL TITULO DEL FORMULARIO----*/
	color:#376637;

	/*----ALINEACION DEL TITULO DEL FORMULARIO----*/
	text-align:center;

	/*----ATAMAÑO DEL TEXTO TITULO DEL FORMULARIO----*/
	font-size:20px;
	    font-weight: bold;
	/*----EDITE ESTOS VALORES SOLO SI POSEE LOS CONOCIMIENTOS NECESARIOS----*/
	margin:0;
	margin-bottom:20px;
}

/*------------------------------PROPIEDADES DEL TEXTO DE DATOS DE CONTACTO ----------------------------------*/
.h3contacto{
	/*----COLOR DEL TEXTO----*/
	color:#428b42;

	/*----ALINEACION DEL TEXTO----*/
	text-align:left;

	/*----TAMAÑO DEL TEXTO----*/
	font-size:18px;
	
	/*----EDITE ESTOS VALORES SOLO SI POSEE LOS CONOCIMIENTOS NECESARIOS----*/
	/*margin:0;
	margin-bottom:20px;*/
}



/*------------------------------PROPIEDADES DEL BOTON ENVIAR---------------------------*/

#boton{

	/*----COLOR DEL BOTON DEL FORMULARIO----*/
background: rgba(245,0,0,1);
background: -moz-linear-gradient(top, rgb(55, 102, 55) 0%, rgb(115, 189, 67) 97%, rgb(68, 180, 19) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(55, 102, 55) 0%, rgb(115, 189, 67) 97%, rgb(68, 180, 19) 100%));
background: -webkit-linear-gradient(top, rgb(55, 102, 55) 0%, rgb(115, 189, 67) 97%, rgb(68, 180, 19) 100%);
background: -o-linear-gradient(top, rgb(55, 102, 55) 0%, rgb(115, 189, 67) 97%, rgb(68, 180, 19) 100%);
background: -ms-linear-gradient(top, rgb(55, 102, 55) 0%, rgb(115, 189, 67) 97%, rgb(68, 180, 19) 100%);
background: linear-gradient(to bottom, rgb(55, 102, 55) 0%, rgb(115, 189, 67) 97%, rgb(68, 180, 19) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f50000', endColorstr='#fc1d51', GradientType=0 );

	/*----ESPACIO DEL BORDE DEL BOTON CON EL FORMULARIO----*/
	padding:20px;

	/*----COLOR DE TEXTO DEL BOTON----*/	
	color:#fff;
}

#boton:hover{

	/*----COLOR DEL BOTON AL PASAR EL MOUSE----*/	
	background:#fff;

	/*----CURSOR DEL BOTON AL PASAR EL MOUSE----*/	
	cursor:pointer;
	
	/*----COLOR DEL TEXTO AL PASAR EL MOUSE----*/
	color:#376637;
}

/*-------------------------EDITE ESTOS VALORES SOLO SI POSEE LOS CONOCIMIENTOS NECESARIOS-------------------------------------------------*/
  /*  ::placeholder { color: #E32C00; }*/
input, textarea, select{

width:100%;
margin-bottom:20px;
padding:7px;
box-sizing:border-box;
font-size:14px;
border:none;
background:#F0F8FF;
color:#000000;
}

textarea{
min-height:100px;
max-height:200px;
max-width:100%;
}

.titulocc{
	/*----COLOR DEL TEXTO DEL DETALLE DEL CARRITO DE COMPRAS----*/
font-weight:bold;
	color:#339933;
	
	/*----TAMAÑO DEL TEXTO DE LOS FORMULARIOS DEL CARRITO DE COMPRAS-----*/
	size:20px;
	
		text-align: center;
}


@media (max-width:480px){
form{width:100%;
}
}