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

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

/*------------------------------PROPIEDADES DE LOS BOTONES DEL CARRITO DE COMPRAS -------------------------------------------*/
.botona{
	/*----COLOR DE LOS BOTONES "AGREGAR AL CARRITO"----*/
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;

background: rgba(255,20,142,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,20,142,1)), color-stop(100%, rgba(193,1,100,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff148e', endColorstr='#c10164', GradientType=1 );
	
	/*----ANCHO DE LOS BOTONES "AGREGAR AL CARRITO"----*/
	width: 135px;
	
	/*----ALTO DE LOS BOTONES "AGREGAR AL CARRITO"----*/
	height: 30px; 
	
	/*----COLOR DEL TEXTO DE LOS BOTONES "AGREGAR AL CARRITO"----*/
	color:#fff;
}

.botona2{
        border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
	/*----COLOR DE LOS BOTONES "QUITAR PRODUCTOS"----*/
background: rgba(255,20,142,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,20,142,1)), color-stop(100%, rgba(193,1,100,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff148e', endColorstr='#c10164', GradientType=1 );
	
	/*----ANCHO DE LOS BOTONES "QUITAR PRODUCTOS"----*/	
	width: 50px;

	/*----ALTO DE LOS BOTONES "QUITAR PRODUCTOS"----*/	
	height: 30px; 
	
	/*----COLOR DEL TEXTO DE LOS BOTONES "QUITAR PRODUCTOS"----*/	
	color:#fff;
}

.botona3{
        border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
	/*----COLOR DE LOS BOTONES "SEGUIR_ELIGIENDO" "TERMINE_DE_ELEGIR"----*/
background: rgba(255,20,142,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,20,142,1)), color-stop(100%, rgba(193,1,100,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff148e', endColorstr='#c10164', GradientType=1 );
	
	/*OTROS FORMATOS DE LOS BOTONES, CAMBIAR LOS VALORES SOLO SI TIENE LOS CONOCIMIENTOS NECESARIOS----*/	
	font-size: 15px;
	font-weight: normal;
	padding: 8px;
	border-top: 4px solid #6d0019;
	border-bottom: 1px solid #fff;
	color:#fff;
	width:40%;
	height:50px;
}

.botona4{
	/*----COLOR DE LOS BOTONES "AGREGAR AL CARRITO"----*/
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;

background: rgba(255,20,142,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,20,142,1)), color-stop(100%, rgba(193,1,100,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,20,142,1) 0%, rgba(193,1,100,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff148e', endColorstr='#c10164', GradientType=1 );
	
	/*----ANCHO DE LOS BOTONES "AGREGAR AL CARRITO"----*/
	width: 135px;
	
	/*----ALTO DE LOS BOTONES "AGREGAR AL CARRITO"----*/
	height: 30px; 
	
	/*----COLOR DEL TEXTO DE LOS BOTONES "AGREGAR AL CARRITO"----*/
	color:#fff;
}

.botona:hover{
	/*----TIPO DE CURSOR DE LOS BOTONES "AGREGAR AL CARRITO" AL PASAR POR ENCIMA EL PUNTERO DEL MOUSE----*/
	cursor:pointer;
	
	/*----COLOR DE LOS BOTONES "AGREGAR AL CARRITO" AL PASAR POR ENCIMA EL PUNTERO DEL MOUSE----*/
background: rgba(214,0,111,1);
background: -moz-linear-gradient(top, rgba(214,0,111,1) 0%, rgba(214,0,111,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,0,111,1)), color-stop(100%, rgba(214,0,111,1)));
background: -webkit-linear-gradient(top, rgba(214,0,111,1) 0%, rgba(214,0,111,1) 100%);
background: -o-linear-gradient(top, rgba(214,0,111,1) 0%, rgba(214,0,111,1) 100%);
background: -ms-linear-gradient(top, rgba(214,0,111,1) 0%, rgba(214,0,111,1) 100%);
background: linear-gradient(to bottom, rgba(214,0,111,1) 0%, rgba(214,0,111,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6006f', endColorstr='#d6006f', GradientType=0 );
	
	/*----COLOR DEL TEXTO DE LOS BOTONES "AGREGAR AL CARRITO" AL PASAR POR ENCIMA EL PUNTERO DEL MOUSE----*/
	color:#fff;
}

.botona2:hover{
	/*----COLOR DEL TEXTO DE LOS BOTONES "QUITAR" AL PASAR POR ENCIMA EL PUNTERO DEL MOUSE----*/
	cursor:pointer;

	/*----COLOR DEL TEXTO DE LOS BOTONES "QUITAR" AL PASAR POR ENCIMA EL PUNTERO DEL MOUSE----*/
	background-color:#fff;

	/*----COLOR DEL TEXTO DE LOS BOTONES "QUITAR" AL PASAR POR ENCIMA EL PUNTERO DEL MOUSE----*/
	color:#fff;
}

.botona3:hover{
	/*----TIPO DE CURSOR DE LOS BOTONES "SEGUIR_ELIGIENDO" "TERMINE_DE_ELEGIR" AL PASAR POR ENCIMA EL PUNTERO DEL MOUSE----*/
	cursor:pointer;
	
	/*----COLOR DE LOS BOTONES "SEGUIR_ELIGIENDO" "TERMINE_DE_ELEGIR" AL PASAR POR ENCIMA EL PUNTERO DEL MOUSE----*/
	background-color:#fff;
	
	/*----COLOR DEL TEXTO DE LOS BOTONES "SEGUIR_ELIGIENDO" "TERMINE_DE_ELEGIR" AL PASAR POR ENCIMA EL PUNTERO DEL MOUSE----*/
	font-weight: bold;
}

.botona4:hover{
	/*----TIPO DE CURSOR DE LOS BOTONES "AGREGAR AL CARRITO" AL PASAR POR ENCIMA EL PUNTERO DEL MOUSE----*/
	cursor:pointer;
	
	/*----COLOR DE LOS BOTONES "AGREGAR AL CARRITO" AL PASAR POR ENCIMA EL PUNTERO DEL MOUSE----*/
background: rgba(214,0,111,1);
background: -moz-linear-gradient(top, rgba(214,0,111,1) 0%, rgba(214,0,111,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,0,111,1)), color-stop(100%, rgba(214,0,111,1)));
background: -webkit-linear-gradient(top, rgba(214,0,111,1) 0%, rgba(214,0,111,1) 100%);
background: -o-linear-gradient(top, rgba(214,0,111,1) 0%, rgba(214,0,111,1) 100%);
background: -ms-linear-gradient(top, rgba(214,0,111,1) 0%, rgba(214,0,111,1) 100%);
background: linear-gradient(to bottom, rgba(214,0,111,1) 0%, rgba(214,0,111,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6006f', endColorstr='#d6006f', GradientType=0 );
	
	/*----COLOR DEL TEXTO DE LOS BOTONES "AGREGAR AL CARRITO" AL PASAR POR ENCIMA EL PUNTERO DEL MOUSE----*/
	color:#fff;
}