body{
margin:0 auto;
padding:0;
}

#contain-paneles{
	width:76%; /*Al tener posicion fixed, se fija el ancho en funcion al ancho del alerta*/
	height:calc(96% - 180px);
	float:left;
	margin-left:2%;
	margin-top:20px;
	position:fixed;
}

#panel1, #panel2{
	width:32%;
	margin-right:2%;
	float:left;
	color:#FFF;
}

#panel3{
	width:32%;
	float:left;
	color:#FFF;
}

#charladiv{
	width:calc(32% - 50px);
	height:calc(100% - 90px);
	background-color:#fff;
	float:left;
	margin-right:2%;
	border-top:2px;
	border-top-color:#000;
	border-top-style:solid;
	padding:25px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	overflow:auto;
}

#nuevomensaje{
	width:29px;
	height:30px;
	background-image:url(../jpg/nuevo-mensaje.gif);
	background-position:center top;
	background-repeat:no-repeat;
	cursor:pointer;
	float:right;
	display:none;
	visibility:hidden;
}

#articulosdiv{
	width:calc(32% - 50px);
	height:calc(100% - 90px);
	background-color:#fff;
	float:left;
	margin-right:2%;
	border-top:2px;
	border-top-color:#666;
	border-top-style:solid;
	padding:25px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	overflow:auto;
}

#pedidodiv{
	width:calc(32% - 50px);
	height:calc(100% - 90px);
	background-color:#fff;
	float:left;
	border-top:2px;
	border-top-color:#999;
	border-top-style:solid;
	padding:25px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	overflow:auto;
}

#ver-total-panel{
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	border:2px;
	border-style:solid;
	border-color:#666;
	color:#666;
	float:right;
	margin-bottom:15px;
	opacity:0.8;
	cursor:pointer;
	border-radius:5px;
}

#ver-total-panel:hover, #continuar-panel:hover, #continuar-panel2:hover{
	opacity:100;
}

#pedidodiv a{
	text-decoration:none;
}

#continuar-panel{
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	border:2px;
	border-style:solid;
	border-color:#666;
	color:#666;
	float:right;
	margin-bottom:15px;
	margin-left:5px;
	opacity:0.8;
	cursor:pointer;
	border-radius:5px;
}

#anular-descuento{
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	border:2px;
	border-style:solid;
	border-color:#666;
	color:#666;
	float:right;
	margin-bottom:15px;
	margin-left:5px;
	opacity:0.8;
	cursor:pointer;
	border-radius:5px;
}

#continuar-panel2{
	font-size:13px;
	width:calc(100% - 25px);
	padding-top:10px;
	padding-bottom:10px;
	border:2px;
	border-style:solid;
	border-color:#666;
	color:#666;
	float:right;
	opacity:0.8;
	cursor:pointer;
	border-radius:5px;
	text-align:right;
	padding-right:10px;
	margin-right:5px;
	margin-bottom:20px;
	background-image:url(../png/continuar-pedido-chat.png);
	background-position:10px center;
	background-repeat:no-repeat;
}

#solapa1{
	float:left;
	width:30%;
	background-color:#000;
	height:30px;
	text-align:center;
	line-height:30px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-size:15px;
	font-weight:700;
	font-family: 'Cuprum', sans-serif;
}

#solapa2{
	float:left;
	width:30%;
	background-color:#666;
	height:30px;
	text-align:center;
	line-height:30px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-size:15px;
	font-weight:700;
	font-family: 'Cuprum', sans-serif;
}

#solapa3{
	float:left;
	width:30%;
	background-color:#999;
	height:30px;
	text-align:center;
	line-height:30px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-size:15px;
	font-weight:700;
	font-family: 'Cuprum', sans-serif;
}

#msgdiv{
	width:96%;
	left:2%;
	height:60px;
	border-radius:10px;
	background-color:#d8d8d9;
	float:left;
	margin-top:0px;
	position:absolute;
	bottom:20px;
	z-index:9999;
}

textarea{
	resize:none;
	overflow:hidden;
}

#mensaje{
	width:calc(70% - 25px);
	margin-left:1%;
	float:left;
	height:30px;
	line-height:16px;
	padding-top:12px;
	margin-top:5px;
	border-bottom:2px;
	border-bottom-color:#666;
	border-bottom-style:solid;
	border-top:none;
	border-left:none;
	border-right:none;
	outline:none;
	padding-left:25px;
	background-color:#d8d8d9;
	opacity:0.7;
	background-image:url(../png/msg.png);
	background-position: left center;
	background-repeat: no-repeat;
	color:#000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:14px;
}

#mensaje:focus{
	opacity:100;
	background-image:url(../png/msg2.png);
}
.input-mensaje::-webkit-input-placeholder { color: #666;font-size:14px; font-family: 'Source Sans Pro', sans-serif; line-height:16px;}
.input-mensaje:-moz-placeholder { color: #666;font-size:14px; font-family: 'Source Sans Pro', sans-serif; line-height:16px;}
.input-mensaje::-moz-placeholder { color: #666;font-size:14px; font-family: 'Source Sans Pro', sans-serif; line-height:16px;}
.input-mensaje:-ms-input-placeholder { color: #666;font-size:14px; font-family: 'Source Sans Pro', sans-serif; line-height:16px;}

#enviar-msg{
	width:calc(20% - 20px);
	margin-right:0%;
	float:right;
	background-color:#f05a28;
	height:100%;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	color:#FFF;
	line-height:60px;
	text-align:right;
	padding-right:20px;
	font-size:15px;
	cursor:pointer;
	opacity:0.8;
	background-image:url(../png/msg-enviar.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	-webkit-transition: all .15s ease-in; 
        -moz-transition: all .15s ease-in; 
        -o-transition: all .15s ease-in; 
        -ms-transition: all .15s ease-in;
        transition: all .15s ease-in;
}

#enviar-msg h4{
	color:#FFF;
	line-height:60px;
	text-align:right;
	font-size:15px;
	font-family: 'PT Sans', sans-serif;
	padding:0;
	margin:0;
	font-weight:400;
}

#enviar-msg:hover{
	opacity:100;
	-webkit-transition: all .15s ease-in; 
        -moz-transition: all .15s ease-in; 
        -o-transition: all .15s ease-in; 
	-ms-transition: all .15s ease-in;
        transition: all .15s ease-in;
}


/*ESTILOS DE PANEL 1 CHARLA*/

#msg-comprador{
	padding-bottom:3px;
	float:left;
    clear:both;
	width:100%;
    /*height:138px;
    background-color:#DDDDDF;
    background-color:#CCC;*/
}

#msg-vendedor{
	padding-top:3px;
	float:right;
	clear:both;
	width:100%;
    /*height:138px;
    background-color:#d2e017;*/
}

#mensaje-izq{
    background-color:#dddddf;
    width:90%;
    padding-top:10px;
	padding-bottom:10px;
	padding-right:17px;
	padding-left:10px;	
    float:left;
	color:#000;	
    font-family: 'PT Sans', sans-serif;
    font-size:12px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
	-moz-border-bottom-right-radius:10px;
}

#celda-chat{
	width:100%;
	height:80px;
	text-align:left;
}

#foto-chat{
	width:60px;
	height:60px;
	float:left;
	margin-right:10px;
	border-radius:5px;
}

#foto-chat img{
	width:60px;
	height:auto;
	border-radius:5px;
	-moz-border-radius:5px;
}

#codigo-chat{
    margin-left:70px;
    margin-top: 0px;
	width:calc(100% - 70px);
    font-family: 'PT Sans', sans-serif;	
     font-size:12px;
	font-weight:600;
	color:#000;
}

#articulo-chat{
    margin-left:70px;
    margin-top: 0px;
    width:calc(100% - 70px);
    height:46px;
    font-family: 'PT Sans', sans-serif;	
    font-size:12px;
	color:#333;
}

#msg-stock{
        float:left;
        width:100%;
        height:28px;
}

#stock-chat{
        float:left;
        width:calc(30% - 10px);
        font-family: 'PT Sans', sans-serif;	
        font-size:12px;
        font-weight:500;
        margin:5px;
}

#minimo-chat{
        float:left;
        width:calc(30% - 10px);
        font-family: 'PT Sans', sans-serif;	
        font-size:12px;
        font-weight:500;
        margin:5px;
}

#msg-medidas{
        float:right;
        width:calc(30% - 4px);
        margin:2px;
}

.medidas-select{
	width:100%;
        font-family: 'PT Sans', sans-serif;	
        font-size:12px;
        font-weight:500;
}

#msg-botones{
        float:left;
        width:100%;
        }

#ver-articulo{
	float:left;
        width: 30%;
	box-sizing:border-box;
	font-size:12px;
	background-color:#77b400;
	height:20px;
	line-height:20px;
        color:#FFF;
        font-family: 'PT Sans', sans-serif;	
        font-size:12px;
        font-weight:500;
	text-align:center;
	text-align:center;
	margin-top:2px;
	border-radius:5px;
	-moz-border-radius:5px;
	cursor:pointer;
        clear:left;
	-webkit-transition: all .15s ease-in; 
        -moz-transition: all .15s ease-in; 
        -o-transition: all .15s ease-in; 
	-ms-transition: all .15s ease-in;
        transition: all .15s ease-in;
}

#ver-articulo:hover{
	background-color:#558100;
	-webkit-transition: all .15s ease-in; 
        -moz-transition: all .15s ease-in; 
        -o-transition: all .15s ease-in; 
	-ms-transition: all .15s ease-in;
        transition: all .15s ease-in;
}

#agregar-chat{
	float:left;
	width: 37%;
        box-sizing:border-box;
	font-size:12px;
	background-color:#f05a28;
	height:20px;
	line-height:20px;
        color:#FFF;
        font-family: 'PT Sans', sans-serif;	
        font-size:12px;
        font-weight:500;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	cursor:pointer;
	margin-top:2px;
	-webkit-transition: all .15s ease-in; 
        -moz-transition: all .15s ease-in; 
        -o-transition: all .15s ease-in; 
	-ms-transition: all .15s ease-in;
        transition: all .15s ease-in;
	margin-left:1%;
	margin-right:1%;
}

#agregar-chat-nulo{
	float:left;
	width: 37%;
        box-sizing:border-box;
	font-size:12px;
		height:20px;
	line-height:20px;
        color:#FFF;
        font-family: 'PT Sans', sans-serif;	
        font-size:12px;
        font-weight:500;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	cursor:pointer;
	margin-top:2px;
	-webkit-transition: all .15s ease-in; 
        -moz-transition: all .15s ease-in; 
        -o-transition: all .15s ease-in; 
	-ms-transition: all .15s ease-in;
        transition: all .15s ease-in;
	margin-left:1%;
	margin-right:1%;
}

#agregar-chat:hover{
	background-color:#cd3502;
	-webkit-transition: all .15s ease-in; 
        -moz-transition: all .15s ease-in; 
        -o-transition: all .15s ease-in; 
	-ms-transition: all .15s ease-in;
        transition: all .15s ease-in;
}

#precio-chat{
	float:left;
        width: 30%;
	box-sizing:border-box;
        color:#000;
        font-family: 'PT Sans', sans-serif;	
        font-size:16px;
	height:20px;
	line-height:20px;
	text-align:center;
	margin-top:2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-transition: all .15s ease-in; 
        -moz-transition: all .15s ease-in; 
        -o-transition: all .15s ease-in; 
	-ms-transition: all .15s ease-in;
        transition: all .15s ease-in;
}

#indicador-izq{
        width:14px;
	height:9px;
	float:left;
	clear:left;
	/*margin-right:-10px;*/
	background-image:url("../png/indica-izq.png");
        background-repeat:no-repeat;
        background-position: left top;
}

#mensaje-der{
	background-color:#d2e097;
        width:90%;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:17px;
	margin-right:-10px;
	float:right;
    /*clear:left;*/
	color:#000;	
    font-family: 'PT Sans', sans-serif;
    font-size:12px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	-moz-border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
	-moz-border-bottom-left-radius:10px;
}


#escribe, #responde{
        float:left;
	padding:0;
	margin:0;
	text-align:left;
	font-family: 'PT Sans', sans-serif;
}

#pregunta{
        background-color:#dddddf;        
        float:left;
	padding:0;
	margin:0;
	text-align:left;
	font-family: 'PT Sans', sans-serif;
}





#icono-vendedor{
	width:24px;
	height:24px;
	float:left;
	background-color:#77b400;
	margin-left:-29px;
	margin-top:-10px;
	border-radius:100%;
	background-image:url(../png/msg-icono.png);
	background-repeat:no-repeat;
	background-position:center center;
}

#indicador-der{
        width:14px;
	height:9px;
	float:right;
	clear:right;
	margin-right:-10px;
	background-image:url("../png/indica-der.png");
        background-repeat:no-repeat;
        background-position: left top;
}



/*Estilos de Mi lista*/

#milistachat-articulo{
	width:100%;
	background-color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	margin-top:5px;
	height:130px;
	font-family: 'PT Sans', sans-serif;
	/*padding-left:5px;
	padding-right:5px;*/
	position:relative;
	clear:left;
	display:block;
}

#carrito-articulo{
	width:100%;
	background-color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	margin-top:5px;
	height:auto;
	font-family: 'PT Sans', sans-serif;
	/*padding-left:5px;
	padding-right:5px;*/
	position:relative;
	clear:right;
	display:block;
}
.eliminar-arti{
	float:right;
}

#milistachat-articulo-vendedor{
	width:100%;
	background-color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	margin-top:5px;
	height:70px;
	font-family: 'PT Sans', sans-serif;
	/*padding-left:5px;
	padding-right:5px;*/
	
}
#milistachat-foto, #milistachat-foto-vendedor, #carrito-foto{
	width:60px;
	float:left;
	margin-right:10px;
	background-color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	height:70px;
        line-height:65px;
}

#milistachat-foto img, #milistachat-foto-vendedor img, #carrito-foto img{
	cursor:pointer;
	width:60px;
	height:auto;
	border-radius:5px;
	-moz-border-radius:5px;
	vertical-align:middle;
}

#milistachat-codigo, #milistachat-codigo-vendedor, #carrito-codigo{
	color:#000;
	float:left;
	margin-right:10px;
	font-size:12px;
	line-height:12px;
	padding-bottom:3px;
	width:calc(100% - 100px);
	font-family: 'PT Sans', sans-serif;
	text-transform:uppercase;
}

#milistachat-nombre, #milistachat-nombre-vendedor, #carrito-nombre{	
	color:#999;
	float:left;
	font-size:11px;
	line-height:13px;
	margin-top:0px;
	height:40px;
	padding:0;
	width:calc(100% - 80px);
	text-transform:uppercase;
}

#carrito-precio{
	color:#333;
	float:left;
	font-size:11px;
	line-height:13px;
	margin-top:0px;
	height:20px;
	padding:0;
	width:calc(100% - 80px);
}

#carrito-cantidad{
	color:#333;
	float:left;
	font-size:11px;
	line-height:13px;
	margin-top:0px;
	padding:0;
	width:100%;
}

.carrito-cantidad-chat{
	height:100%;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	float:left;
	padding-right:3px;
	background-color:#dddddd; /*Personalizado*/
	color:#000; /*Personalizado*/
	font-weight:400;
	font-size:12px;
	text-align:center;
	vertical-align:top;
	border:none;
	padding-left:0px;
	text-decoration:none;
	/* Lo siguiente es para eliminar el borde al seleccionar */
	input[type="text"]:focus;
	outline: none;
	height:20px;
}

.aplicar-chat{
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	float:left;
	opacity:.8;
	cursor:pointer;
}

.aplicar-chat:hover{
	opacity:100;
}

#carrito-subtotal{
	width:100%;
	text-align:right;
	font-size:13px;
	color:#000;
	float:left;
	padding-bottom:10px;
	border-bottom: 1px;
	border-bottom-style:dotted;
	border-bottom-color:#999;
	font-weight:700;
	margin-bottom:10px;
}

#milistachat-eliminar{
	color:#fff;
	font-size:13px;
	border-radius:5px;
	background-color:#666;
	cursor:pointer;
	opacity:0.7;
	height:20px;
	float:left;
	line-height:20px;
	margin-top:-0px;
	margin-left:0;
	width:45%;
	clear:left;
	text-align:center;
	font-family: 'PT Sans', sans-serif;
	display:block;
	-webkit-transition: all .15s ease-in; 
        -moz-transition: all .15s ease-in; 
        -o-transition: all .15s ease-in; 
	-ms-transition: all .15s ease-in;
        transition: all .15s ease-in;
}

#milistachat-eliminar:hover, #milistachat-detalle:hover, #milistachat-pedido:hover, #milistachat-charla:hover{
	opacity:100;
	-webkit-transition: all .15s ease-in; 
        -moz-transition: all .15s ease-in; 
        -o-transition: all .15s ease-in; 
	-ms-transition: all .15s ease-in;
        transition: all .15s ease-in;
}

#milistachat-detalle{
	color:#fff;
	font-size:13px;
	border-radius:5px;
	background-color:#000;
	cursor:pointer;
	opacity:0.7;
	height:20px;
	float:left;
	line-height:20px;	
	margin-top:-45px;
	width:45%;
	margin-left:50%;
	text-align:center;
	font-family: 'PT Sans', sans-serif;
	display:block;
	/*-webkit-transition: all .15s ease-in; 
        -moz-transition: all .15s ease-in; 
        -o-transition: all .15s ease-in; 
	-ms-transition: all .15s ease-in;
        transition: all .15s ease-in;*/
}

#milistachat-charla{
	color:#fff;
	font-size:13px;
	border-radius:5px;
	background-color:#f05a28;
	cursor:pointer;
	opacity:0.7;
	height:20px;
	float:left;
	line-height:20px;
	margin-top:5px;
	margin-left:0;
	width:calc(45% - 10px);
	clear:left;
	text-align:right;
	padding-right:10px;
	background-image:url(../png/sumar-chat.png);
	background-position:10px center;
	background-repeat:no-repeat;
	font-family: 'PT Sans', sans-serif;
	display:block;
	/*-webkit-transition: all .15s ease-in; 
        -moz-transition: all .15s ease-in; 
        -o-transition: all .15s ease-in; 
	-ms-transition: all .15s ease-in;
        transition: all .15s ease-in;*/
}

#milistachat-pedido{
	color:#fff;
	font-size:13px;
	border-radius:5px;
	background-color:#f05a28;
	cursor:pointer;
	opacity:0.7;
	height:20px;
	float:left;
	line-height:20px;	
	margin-top:-20px;
	width:calc(45% - 10px);
	margin-left:50%;
	text-align:right;
	padding-right:10px;
	background-image:url(../png/sumar-chat.png);
	background-position:10px center;
	background-repeat:no-repeat;
	font-family: 'PT Sans', sans-serif;
	display:block;
	/*-webkit-transition: all .15s ease-in; 
        -moz-transition: all .15s ease-in; 
        -o-transition: all .15s ease-in; 
	-ms-transition: all .15s ease-in;
        transition: all .15s ease-in;
	*/
}

/*ESTILOS DEL PRODUCTO DETALLE*/

#producto-detalle{
	width:50%;
	height:calc(90% - 20px);
	left:25%;
	top:5%;
	padding-top:20px;
	margin:0 auto;
	vertical-align:top;
	background-color:#FFF;
	z-index:999999;
	position:fixed;
	border-radius:6px;
	-moz-border-radius:6px;
	webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
	overflow-y:visible;
	overflow-x:hidden;
	visibility:hidden;
}

#producto-detalle-fondo{
	visibility:hidden;
}

#cerrar_detalle{
	width:24px;
	height:24px;
	float:right;
	vertical-align:top;
	margin-top:0px;
	margin-right:10px;
	cursor:pointer;
	clear:left;
}

.escribiendo, .escribiendo2 {
	visibility:hidden;
	display:none;
	color: #FFF;
	width:10%;
	font-size:13px;
	opacity:0.5;
	animation: pulse 1s ease infinite;
        /* transition: transform 0.2s; */
}

@keyframes pulse {
0%  {
	opacity:0.5;
       /*transform: scale(1);*/
    }

50% {
       opacity:100;
       /*transform: scale(1.1);*/
    }

100%{
       opacity:0.5;
       /*transform: scale(1);*/
    }
}

#estado-conexion{
	width:20px;
	height:20px;
	float:left;
	vertical-align:top;
	margin-top:5px;
	margin-left:5px;
}

#estado-conexion .estado-conexion1{
	visibility:visible;
	display:block;
}

#estado-conexion .estado-conexion2{
	visibility:hidden;
	display:none;
}

#estado-conexion .estado-conexion3{
	visibility:hidden;
	display:none;
}

@media (max-width:1300px){
#agregar-chat, #ver-articulo, #precio-chat{
	width:100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 5px;
        text-align: center;
}
}

@media (max-width:1200px){

#milistachat-pedido, #milistachat-charla{
	width:44%;
	padding-right:5px;
	background-position:5px center;
}
}

@media (max-width:1150px){
#enviar-msg{
	width:19%;
	padding-right:20px;
	font-size:13px;
}

#enviar-msg h4{
	font-size:13px;
}

/*
#contain-paneles{
	width:60%;
	height:calc(96% - 180px);
	margin-left:2%;
	position:relative;
	float:left;
}
*/

#panel1{
	width:20%;
	margin-right:0%;
	float:left;
	margin-left:0%;
}

#panel2{
	width:20%;
	float:left;
	margin-right:0%;
}

#panel3{
	width:20%;
	float:left;
}

#solapa1, #solapa2, #solapa3{
	width:100%;
	cursor:pointer;
}

#nuevomensaje{
	top:calc(1% + 90px);
	right:calc(10% + 20px);
	position:fixed;
}

#contain-paneles{
	/*width:76%;
	height:calc(96% - 180px);
	margin-left:2%;
	margin-top:20px;*/
	position:fixed;
	height:50%;
	width:70%;
	float:left;
}

#charladiv{
	width:90%;
	height:90%;
	/*width:calc(79% - 74px);*/
	margin-right:0%;
	margin-left:0%;
	position:relative;
	margin-top:0px;
	/*height:calc(96% - 250px);*/
	z-index:9990;
}

#articulosdiv{
	width:90%;
	height:90%;
	margin-right:0%;
	margin-left:0%;
	position:relative;
	position:absolute;
	margin-top:30px;
	/*height:calc(96% - 250px);*/
	z-index:9989;
}

#pedidodiv{
	width:90%;
	height:90%;
	margin-right:0%;
	margin-left:0%;
	position:absolute;
	margin-top:30px;
	/*height:calc(96% - 250px);*/
	z-index:9988;
}

/*
#precio-chat{
	clear:none;
	text-align:left;
	width:calc(100% - 70px);
}
*/

#continuar-panel2{
	width:calc(50% - 25px);
	margin-right:25%;
}

#carrito-precio{
	width:calc(60% - 80px);
}

#carrito-cantidad{
	width:35%;
}
}

@media (max-width:1050px){
#nuevomensaje{
	top:1%;
	right:2%;
	position:absolute;
}

#enviar-msg{
	height:60px;
	background-position: center 4px;
	padding-top:0px;
	width:19%;
	padding-right:0px;
	padding-left:0px;
	background-image:url(../png/msg-enviar2.png);
	background-position: center -5px;
	background-repeat: no-repeat;
}

#enviar-msg h4{
	line-height:70px;
	font-size:12px;
	text-align:center;
	height:60px;

}

/*
#msgdiv{
	top:auto;
	bottom:30px;
	/*position:fixed;
	
}
*/

#mensaje{
	margin-left:2%;
}
#producto-detalle{	
	width:90%;
	heigth:85%;
	left:5%;	
}

/*
#contain-paneles{
	width:90%;
	height:90%;
	margin-left:2%;
}

#charladiv, #pedidodiv, #articulosdiv{
	height:85%;
	width:65%;
}
*/


/*Estilos de Mi lista*/


#milistachat-articulo{
	width:100%;
	float:left;
	background-color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	margin-top:5px;
	height:130px;
	font-family: 'PT Sans', sans-serif;
	/*padding-left:5px;
	padding-right:5px;*/
}

#carrito-articulo{
	width:100%;
	background-color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	margin-top:5px;
	height:auto;
	font-family: 'PT Sans', sans-serif;
	/*padding-left:5px;
	padding-right:5px;*/
	position:relative;
	clear:right;
}

.eliminar-arti{
	float:right;
}

#milistachat-articulo-vendedor{
	width:100%;
	background-color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	margin-top:5px;
	height:70px;
	font-family: 'PT Sans', sans-serif;
	/*padding-left:5px;
	padding-right:5px;*/
}

#milistachat-foto, #milistachat-foto-vendedor, #carrito-foto{
	width:60px;
	float:left;
	margin-right:10px;
	background-color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	height:70px;
	line-height:65px;
}

#milistachat-foto img, #milistachat-foto-vendedor img, #carrito-foto img{
	cursor:pointer;
	width:60px;
	height:auto;
	border-radius:5px;
	-moz-border-radius:5px;
	vertical-align:middle;
}

#milistachat-codigo, #milistachat-codigo-vendedor, #carrito-codigo{
	color:#000;
	float:left;
	margin-right:10px;
	font-size:12px;
	/*height:20px;*/
	line-height:12px;
	padding-bottom:3px;
	width:50%;
	font-family: 'PT Sans', sans-serif;
	text-transform:uppercase;
}

#milistachat-nombre, #milistachat-nombre-vendedor, #carrito-nombre{	
	color:#999;
	float:left;
	font-size:11px;
	line-height:13px;
	margin-top:0px;
	height:auto;
	padding:0;
	width:50%;
	text-transform:uppercase;
}

#carrito-precio{
	color:#333;
	float:left;
	font-size:11px;
	line-height:13px;
	margin-top:0px;
	height:20px;
	padding:0;
	width:100%;
	clear:left;
}

#carrito-cantidad{
	color:#333;
	float:left;
	font-size:11px;
	line-height:13px;
	margin-top:0px;
	padding:0;
	width:100%;
}

.carrito-cantidad-chat{
	height:100%;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	float:left;
	padding-right:3px;
	background-color:#dddddd; /*Personalizado*/
	color:#000; /*Personalizado*/
	font-weight:400;
	font-size:12px;
	text-align:center;
	vertical-align:top;
	border:none;
	padding-left:0px;
	text-decoration:none;
	/* Lo siguiente es para eliminar el borde al seleccionar */
	input[type="text"]:focus;
	outline: none;
	height:20px;
}

.aplicar-chat{
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	float:left;
	opacity:.8;
	cursor:pointer;
}

.aplicar-chat:hover{
	opacity:100;
}

#carrito-subtotal{
	width:100%;
	text-align:right;
	font-size:13px;
	color:#000;
	float:left;
	padding-bottom:10px;
	border-bottom: 1px;
	border-bottom-style:dotted;
	border-bottom-color:#999;
	font-weight:700;
	margin-bottom:10px;
}
}

@media (max-width:1023px){
#msgdiv{
	width:100%;
	left:0%;
	bottom:30px;
	border-radius:0;
}

#enviar-msg{
	border-radius:0;
}

#contain-paneles{
	/*width:76%;
	height:calc(96% - 180px);
	margin-left:2%;
	margin-top:20px;*/
	position:fixed;
	height:50%;
	width:90%;
	float:left;
}

#charladiv{
	width:90%;
	height:90%;
	/*width:calc(79% - 74px);*/
	margin-right:0%;
	margin-left:0%;
	position:relative;
	margin-top:0px;
	/*height:calc(96% - 250px);*/
	z-index:9990;
}

#articulosdiv{
	width:90%;
	height:90%;
	margin-right:0%;
	margin-left:0%;
	position:relative;
	position:absolute;
	margin-top:30px;
	/*height:calc(96% - 250px);*/
	z-index:9989;
}

#pedidodiv{
	width:90%;
	height:90%;
	margin-right:0%;
	margin-left:0%;
	position:absolute;
	margin-top:30px;
	/*height:calc(96% - 250px);*/
	z-index:9988;
}
}

@media (max-width:800px){
/*
#contain-paneles{
	width:100%;
	margin-left:2%;
}

#charladiv{
	height:80%;
	margin-right:0%;
	margin-left:0%;
	margin-top:30px;
	z-index:9990;
}

#articulosdiv{
	height:80%;
	margin-right:0%;
	margin-left:0%;
	margin-top:30px;
	z-index:9989;
}

#pedidodiv{
	height:80%;
	margin-right:0%;
	margin-left:0%;
	margin-top:30px;
	z-index:9988;
}
*/
}

@media (max-width:768px){
/*
#mensaje:focus{
	position:absolute;
	bottom:0;
}

#msgdiv:hover:after{
	position:absolute;
}

#nuevomensaje{
	top:calc(5% + 115px);
	right:calc(5% + 10px);
	position:fixed;
}

#charladiv{
	width:78%;
	height:70%;
}

#articulosdiv{
	width:78%;
	height:70%;
}

#pedidodiv{
	width:78%;
	height:70%;
}
*/

}
@media (max-width:668px){
/*
#charladiv{
	width:75%;
}

#articulosdiv{
	width:75%;
}

#pedidodiv{
	width:75%;
}
*/

#enviar-msg{
	width:20%;
	padding-left:5px;
	padding-right:5px;
	height:60px;
	padding-top:0;
	display: table;
	background-image:none;
	background-position: left 10px center;
	background-repeat: no-repeat;
}

#enviar-msg h4{
	font-size:12px;
	line-height:15px;
	display: table-cell;
        vertical-align: middle;

}

#mensaje{
	width:59%;
}

/*
#mensaje:focus{
	width:59%;
}
*/

#carrito-precio{
	width:90%;
}

#carrito-cantidad{
	width:90%;
}
}

@media (max-width:550px){
/*
#msgdiv{
	width:86%;
	left:7%;
}
*/

#enviar-msg{
	width:15%;	
	display: table;
	background-image:none;
	background-position: left 10px center;
	background-repeat: no-repeat;
}

#enviar-msg h4{
	font-size:12px;
	line-height:15px;
	display: table-cell;
        vertical-align: middle;
}
}

@media (max-width:510px){
/*
#charladiv{
	width:70%;
	
}

#articulosdiv{
	width:70%;
	height:200px;
}

#pedidodiv{
	width:70%;
}
*/

#panel1, #panel2, #panel3{
	width:29%;
}

#milistachat-articulo{
	width:100%;
	border-radius:0px;
	-moz-border-radius:0px;
	margin-top:10px;
	height:auto;
	font-family: 'PT Sans', sans-serif;
	/*padding-left:5px;
	padding-right:5px;*/
	clear:left;
	display:block;
	float:left;
}

#milistachat-eliminar{
	width:45%;
	height:20px;
	margin-top:5px;
	margin-bottom:5px;
	top:0;
	left:0;
	margin-left:0;
	float:left;
	background-image:none;
	background-position:0px 0px;
	background-repeat:no-repeat;
	
	/*float:left;*/
	
	/*
	color:#fff;
	margin:5px;
	font-size:13px;
	border-radius:5px;
	
	cursor:pointer;
	opacity:0.7;
	float:left;
	line-height:0px;
	margin-top:-0px;
	margin-left:0;
	clear:both;
	text-align:center;
	display: table;
	position:relative;
	outline:none;*/
}

#milistachat-detalle{
	width:45%;
	height:20px;
	margin-bottom:0px;
	float:left;
	background-image:none;
	background-position:0px 0px;
	background-repeat:no-repeat;
	left:50%;
	top:-25px;
	
	/*width:150px;
	padding-top:5px;
	padding-bottom:5px;
	
	color:#fff;
	margin:5px;
	font-size:13px;
	border-radius:5px;
	background-color:#000;
	cursor:pointer;
	opacity:0.7;
	float:left;
	line-height:0px;	
	margin-top:-45px;
	margin-top:0;
	
	clear:both;
	margin-left:0%;
	text-align:center;
	display: table;
	position:relative;
	outline:none;*/
}

#milistachat-charla{
	width:45%;
	height:20px;
	margin-top:0px;
	margin-bottom:0px;
	top:0;
	left:0;
	margin-left:0;
	float:left;
	padding:0;
	background-image:none;
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-align:center;
	margin-right:5%;
	
	/*width:150px;
	padding-top:5px;
	padding-bottom:5px;
	
	color:#fff;
	margin:5px;
	font-size:13px;
	border-radius:5px;
	background-color:#f05a28;
	cursor:pointer;
	opacity:0.7;
	
	float:left;
	line-height:0px;
	margin-top:0px;
	margin-left:0;
	
	clear:both;
	text-align:center;
	padding-right:5px;
	background-image:url(../png/sumar-chat.png);
	background-position:5px center;
	background-repeat:no-repeat;
	display: table;
	position:relative;
	outline:none;*/
}

#milistachat-pedido{
	width:45%;
	height:20px;
	margin-top:0px;
	margin-bottom:0px;
	top:0;
	left:0;
	margin-left:0;
	float:left;
	padding:0;
	text-align:center;
	background-image:none;
	background-position:0px 0px;
	background-repeat:no-repeat;
	
	/*width:150px;
	padding-top:5px;
	padding-bottom:5px;
	
	color:#fff;
	margin:5px;
	font-size:13px;
	border-radius:5px;
	background-color:#f05a28;
	cursor:pointer;
	opacity:0.7;
	float:left;
	clear:both;
	line-height:0px;	
	margin-top:-20px;
	margin-top:0px;
	
	margin-left:0%;
	text-align:center;
	padding-right:0px;
	background-image:url(../png/sumar-chat.png);
	background-position:5px center;
	background-repeat:no-repeat;
	display: table;
	position:relative;
	outline:none;*/
}

#continuar-panel2{
	width:99%;
	margin-right:5px;
}

}
@media (max-width:570px){
/*
#mensaje{
	margin-left:3%;
}
*/

}
@media (max-height:460px){
#charladiv{
	height:80%;
}

#articulosdiv{
	height:80%;
}

#pedidodiv{
	height:80%;
}
}

@media (max-width:450px){
#enviar-msg h4{
font-size:12px;
line-height:13px;
}

/*
#charladiv{
	width:75%;
}

#articulosdiv{
	width:75%;
}

#pedidodiv{
	width:75%;
}
*/

#milistachat-nombre, #milistachat-nombre-vendedor{	
	font-size:10px;
	line-height:12px;
	height:auto;
}
}

@media (max-height:430px){
#charladiv{
	height:70%;
}

#articulosdiv{
	height:70%;
}

#pedidodiv{
	height:70%;
}
}

@media (max-width:400px){
#carrito-cantidad{
	padding-top:10px;
	width:100%;
}	

#charladiv{
	width:85%;
}

#articulosdiv{
	width:85%;
}

#pedidodiv{
	width:85%;
}
}

@media (max-height:400px){
#charladiv{
	height:60%;
}

#articulosdiv{
	height:60%;
}

#pedidodiv{
	height:60%;
}
}

@media (max-width:360px){

/*
#milistachat-pedido, #milistachat-charla, #milistachat-detalle, #milistachat-eliminar{
	font-size:12px;
	display:block;
	height:30px;

}
*/

#continuar-panel2{
	font-size:12px;
}
}

@media (max-height:370px){
#charladiv{
	height:40%;
}

#articulosdiv{
	height:40%;
}

#pedidodiv{
	height:40%;
}
}