/*-----------------------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-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;*/
/*border: 1px solid #E67E1D;*/
	/*----ANCHO DEL FORMULARIO EN PORCENTAJE----*/
	width:58%;

	/*----COLOR DE FONDO DEL FORMULARIO----*/	
    background: #63918c;
	/*----EDITE ESTOS VALORES SOLO SI POSEE LOS CONOCIMIENTOS NECESARIOS----*/	
	margin:auto;
		padding:10px 20px;
	box-sizing:border-box;
	margin-top:20px;

	/*border-radius:7px;*/
	
    display: inline-block;
	
/*	opacity:0.8;*/
	
	
	


 
}

.formc2{
     border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #fff;
	/*----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 ----------------------------------*/
h2{
	/*----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 ----------------------------------*/
h4{
	/*----COLOR DEL TITULO DEL FORMULARIO----*/
	color:#000;

	/*----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 TEXTO DE DATOS DE CONTACTO ----------------------------------*/
h3{
    color: #0d1918;
    text-align: left;
    font-size: 20px;
    font-weight: normal;
    margin: 15px;
    /* margin-bottom: 20px; */
}

h4{width: 100%;
    font-weight: bold;
    color: #0d1918;
    font-size: 20;
    text-align: center
    }

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

#boton{
 /*   border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;*/
	/*----COLOR DEL BOTON DEL FORMULARIO----*/
background:#0b1f21;

	/*----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: rgba(5,14,15,1);
background: -moz-linear-gradient(top, rgba(5,14,15,1) 0%, rgba(81,112,133,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5,14,15,1)), color-stop(100%, rgba(81,112,133,1)));
background: -webkit-linear-gradient(top, rgba(5,14,15,1) 0%, rgba(81,112,133,1) 100%);
background: -o-linear-gradient(top, rgba(5,14,15,1) 0%, rgba(81,112,133,1) 100%);
background: -ms-linear-gradient(top, rgba(5,14,15,1) 0%, rgba(81,112,133,1) 100%);
background: linear-gradient(to bottom, rgba(5,14,15,1) 0%, rgba(81,112,133,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050e0f', endColorstr='#517085', GradientType=0 );
   

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

/*-------------------------EDITE ESTOS VALORES SOLO SI POSEE LOS CONOCIMIENTOS NECESARIOS-------------------------------------------------*/

input, textarea, select{
width:100%;
margin-bottom:20px;
padding:7px;
box-sizing:border-box;
font-size:14px;
border:none;
background:#fff;
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;
}

#hrc{
        height: 1px;
    background-color: #63918c;
}

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