*{
margin:0;
padding:0;
box-sizing:border-box;
}

.miimagen {
margin-top:-100px;
}

.Precio {
    color: #888888;
    text-decoration: line-through;
}

.btn_carrito{
background:  #FF6600;
color:#FFF;
padding:10px;
border:0;
border-radius:10px;
cursor:pointer;
margin-left:10px;
}

.btn_seguir{
background:   #3755BE;
color:#FFF;
padding:10px;
border: 0;
cursor:pointer;
margin-left:10px;
font-size:12px;
font-family:Calibri;
}


.btn_confirmar{
background:    #33CC00;
color:#FFF;
padding:10px;
border: 0;
cursor:pointer;
margin-left:10px;
font-size:12px;
font-family:Calibri;
}
.btn_eliminar{
background:    #CCCCCC;
color:#FFF;
padding:10px;
border:0;
cursor:pointer;
margin-left:10px;
}

#Container form h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
border-radius: 15px;
letter-spacing:1px;
width: 100%;
background:   #FF0080;
padding: 15px;
color: #FFF;
text-align:center;
text-transform: uppercase;

}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
letter-spacing:1px;
width: 100%;
background:   #8C57DB;
padding: 15px;
color: #FFF;
text-align:center;


}


h2 {
font-family: Calibri;
font-size:25px;
color:#999999;
letter-spacing:1px;
width: 100%;
background:  #EEEEEE;
padding: 15px;
text-align: left;
left:10px;


}

#Container{

width:100%;
height:100vh;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
display: inline-block;
justify-content: center;
align-items: center;


}

#Container form{
background:rgba(0,0,0,0.32);
justify-content: center;
align-items: center;
text-align:center;

padding:10px;
width: 400px;
display: inline-block;    
}

#Container form input {
width:85%;
padding:5px;
font-size:16px;
display:block;
margin: 25px auto;
border-radius: 15px;
border: 1px solid #85929E;
}

.login {
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);

}

#Container form input[type="submit"] {
background:  #8000FF;
color: #FFF;
border:0px;
padding: 10px;
cursor:pointer;
}


td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* ---------------- Buscador -----------------------------*/
.form_search{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
float:left;
background:initial;
padding:10px;
border-radius:10px;
text-align:center;
width: 50%;
left: 10px;

}

.form_search .barra{
width: 80%;

border-radius: 5px;
font:Tahoma;
font-size:12px;
 
}


.form_search .btn_search{
background:  #00CC00;
color:#FFF;
padding:10px;
border-radius: 5px;
border:0;
cursor:pointer;
margin-left:10px;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;

}

.btn_search2{

background:   #8000FF;
color:#FFF;
padding:10px;
border:0;
border-radius: 5px;
cursor:pointer;
margin-left:10px;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;

}

.caja_cantidad{
background:  #EFEFEF; 
border:1px;
padding: 0px;
width: 50;
cursor:pointer;
text-align:center;
}

.label_cantidad{
clear: both;
margin-left: 0;
}

/* ---------------- Lista de Productos ---------------------- */
#Container h1 {
font-size:35px;
display:inline-block;
}

.Table .btn_new {
display:inline-block;
background:#239baa;
color:#FFF;
padding: 5px 25px;
border-radius: 4px;
margin: 20px;
}

tabla_header {
border-collapse:collapse;
background:   #E8E8E8;
font-size:12px;
font-family:Arial;
width:90%;
}



table {
border-collapse:collapse;
font-size:12px;
font-family:Arial;
width:100%;
}
table th {
text-align:left;
padding:10px;
background: #FF0080;
color:#FFF;
}

table tr:nth-child(odd){
background:#FFF;
}

table tr:nth-child(even) {
background: #F2F2F2
}

table td {
padding: 10px;
}

.img_producto img{
width:60;
height:auto;
margin:auto;
}

btn_new{
background: #1faac8;
color:#FFF;
padding:0 20px;
border:0;
cursor:pointer;
margin-left:10px;
}

/* -------------------------- Paginador ------------------------------*/
.paginador ul {
padding:5px;
list-style:none;
background:#FFF;
margin-top:15px;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
justify-content:flex-end;
}

.paginador a, .pageSelected{
color:#428bca;
border:1px solid #ddd;
padding:5px;
display:inline-block;
font-size:14px;
text-align:center;
width:35px;
}

.paginador a:hover{
background:#ddd;
}
.pageSelected {
color:#fff;
background:#428bca;
border:1px solid #428bca;
}


/*-----Navegador --------------*/

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

.Princjpal {
left:0;
transition: 0.5 all;
}

.Principal li a {
background:  #F3F3F3; 
color: #666666;
text-decoration:none;
width: 100%;
padding:10px 15px;
display:block;
}


.Principal li a:hover {
background:  #8000FF;
color:#FFFFFF;
}

.Principal ul {

display: block ;
position:absolute;
}

.Principal >li {
float:left;
}


.Principal li ul {
	
	display: none;
	position: relative;
	border-radius:0px;		
}

.Principal li:hover > ul {
	display:block;
	position: absolute;
	border-radius:0px;	
}

.btnMenu{
color:#FFFFFF;
font-size:20px;
margin-right:10px;

}

.body_form{ 

/*background-size:100vw;*/
background-attachment:fixed;
margin:0;
}

.Form_contact{
width:450px;
margin:auto;
background:rgba(0,0,0,0.4);
padding:10px 20px;
box-sizing:border-box;
margin-top:20px;
border-radius:10px;
}

.Form_input{
width:100%;
margin-bottom:20px;
padding: 7px;
box-sizing:border-box;
font-size:17px;
border:none;
}

.Form_Enviar{
background:  #FFC100;
color: #FFF;
border:0px;
padding: 10px;
cursor:pointer;
width:100%;
margin-bottom:20px;
padding: 7px;
border-radius:10px;


}

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

.appwhatsapp {
position:fixed;
right:26px;
bottom:100px;
width:60px;
z-index:1000;
}

.appwhatsapp img{
width:100%;
height:auto;
}


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


/*}*/