
/******************** Proceso de pago del pedido ********************/
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

.align-right{ text-align: right; }
.small-letter{ font-size: 12px; }

#btn-cupon{ margin-top: 0; margin-left: 5px; }

input[name="cupon"]{
	width: 120px !important;
	height: 25px !important;
	/*text-transform:capitalize !important;*/
	text-transform: none !important;
}

.tabla-pedidos{
	width: 100%;
}

.tabla-pedidos thead tr td{
	background-color: #eeeeee;
	color: #666666;
	font-weight: bold;
}
.tabla-pedidos tr td,
.tabla-pedidos-total tr td{
	padding: 5px;
}
.tabla-pedidos tbody tr td,
.tabla-pedidos-total tr td{
	background: #fff;
	color:  #00AEE0;
}

.tabla-pedidos-total{
	float:right;
}

.tabla-pedidos-total tbody tr td{
	background: #00AEE0 !important;
	color: #fff !important;
	font-weight: bold;
}
.tabla-pedidos-total tfoot tr td{
	background: transparent !important;
	color: #00AEE0;
	font-weight: bold;
}

.list_productos, .list_cantidad, .list_accion, .list_precio{ 
	background-color: #fff !important;
	color: red !important;
}
.list_productos{
	float:left;
	border-right:#999 1px solid;
	height:20px;
	color:#333;
	font-size:16px;
	margin-bottom:2px;
	padding:4px;
	line-height:28px;
	
}

.list_productos a{
	text-decoration:none;
	color:#333;
	
}
.list_productos a:hover{
	text-decoration:underline;
	color:#000;
	
}


.list_cantidad{
	
	width:60px;
	border-right:#999 1px solid;
	text-align:center;
}

.list_cantidad_h{
	background-color:#CCC;
	height:30px;
	line-height:26px;
	padding:4px;
	
}

.list_nombre{
	border:none;
	width:523px;
}

.list_precio_h{
height:30px;

}
.list_precio_top{
	
	float:right;
	
	height:30px;
	color:#333;
	font-size:16px;
	margin-bottom:2px;
	width:110px;
	text-align:right;
	padding:4px;
	line-height:32px;	

	
}
.list_precio{
	
	float:right;
	
	height:30px;
	color:#333;
	font-size:16px;
	margin-bottom:2px;
	width:80px;
	text-align:right;
	padding:4px;
	line-height:32px;	

	
}
.list_accion{
	
	float:right;
	
	height:30px;
	color:#333;
	font-size:16px;
	margin-bottom:2px;
	width:70px;
	text-align:center;
	padding:4px;
	margin-right:2px;
		
}

.list_accion_icon{
	padding-top:8px;
	height:22px;
}

.input_cantidad_list{
	
	border:none;
	background-color:#ccc;
	padding:5px;
	width:30px !important;
	height:15px;
	font-size:12px;
	text-align:center;
	float:left;
	
}
.btn_cantidad{
	background:url(../images/cantidad_mas.gif) no-repeat;
	width:8px !important;
	height:12px;
	border:none;
	margin:0;
	float:left;
	cursor:pointer;
}

.btn_cantidad:hover{
	background:url(../images/cantidad_mas_on.gif) no-repeat;
	
}
.btn_cantidad_menos{
	background:url(../images/cantidad_menos.gif) no-repeat;
	width:8px !important;
	height:12px;
	border:none;
	margin:0;
	float:left;
	margin-top:1px;
	cursor:pointer;

}
.btn_cantidad_menos:hover{
	background:url(../images/cantidad_menos_on.gif) no-repeat;
	
}
.al_carro{
	display:block;
	
	
	background:url(../images/al_carro.png) 0 2px no-repeat;
	color:#000;
	font-size:16px;
	text-decoration:none;
	
	padding-left:18px;
	
}

.aficha{
	
	font-size:18px;
	margin-top:6px;
}

.total{
	margin-left:3px;
	
}
.derecha{
	float:right;
}

.marge_derecha{
	margin-right:10px;
}

/******************** Forma de pago ********************/
.formapago-box{
	margin-bottom: 15px;
}
.formapago-box label{
	width: 100%px;
	margin-bottom: 5px;
	color: #133984
}
.formapago-descripcion{
	margin-left: 30px;
	display
}

/******************** En mi cuenta ********************/
.precio_ficha{
	text-align: right;
	font-size:48px;
	font-family: 'lato_bold_italic';
	color:rgb(19, 57, 132);
	margin-top: 10px;
	margin-bottom:30px;
}
.precio_ficha sup{
	font-size: 24px;
	font-family: 'lato_bold_italic';

}

/******************** En mi cuenta ********************/


.icon_datos{
	background:url(../images/icon_datos.png) 0 0 no-repeat;
}

.icon_acceso{
	background:url(../images/icon_acceso.png) 0 0 no-repeat;
}

.icon_pedidos{
	background:url(../images/icon_pedidos.png) 10px 0 no-repeat;
}

.icon_domicilios{
	background:url(../images/icon_domicilios.png) 70px 0 no-repeat;
	padding-left:70px;
	
}


.menu_cuenta {
	padding:0;
	margin:0;
	margin-top:50px;
	margin-left:50px;
	list-style: none;	
}
.menu_cuenta li {
	margin-left:10px;
	width:160px;
	height:60px;
	margin-bottom:30px;
	float:left;
}

.menu_cuenta li a:hover {
	color:#d5394e;
}

.menu_cuenta li a {
	text-align:	left;
	height:40px;
	display:block;
	padding-left:65px;
	color:#666;
	font-size:18px;
	text-decoration:none;
	padding-top:15px;
}

/******************** Login ********************/

.btn_entrar{
    background: url(../images/btn_confirmar.png) no-repeat;
	width:106px;
	height:37px;
    display:block;
    color:#fff;
    text-decoration:none;
    line-height:30px;
    text-align:center;
    font-size:17px;
    float:left;
    margin-left:0;
    margin-top:30px;
}

.btn_recuperar{
   color:#999;
   text-decoration:none;

}

.login_input{
	background-color:#fff;
	font-size:18px;
	height:32px;
	width:385px;
	padding-left:10px;
	border-left: 1px solid #c2c4c4;
	border-right: 1px solid #c2c4c4;
	border-top:1px solid #a9abab;
	border-bottom:1px solid #E4E6E6;
	background:url(../images/search_bg.png) top repeat-x;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	
}

.login_input_error{
	background-color:#fff;
	font-size:18px;
	height:32px;
	width:385px;
	padding-left:10px;
	border-left: 1px solid #c2c4c4;
	border-right: 1px solid #c2c4c4;
	border-top:1px solid #a9abab;
	border-bottom:1px solid #E4E6E6;
	background:url(../images/search_bg_error.png) top repeat-x;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	
}

.alert_login{
 text-align:center;
 font-size:18px; 
 padding:10px;
 color:#fff;
 background-color:rgb(0, 174, 224);
 margin-bottom: 15px;
 display:none;
}

.cuenta_menu{
	width: 130px;
	height: 40px;
}
.cuenta_menu a{
	line-height:32px;
    color:  #AAA;
    text-decoration:none;
    padding: 5px 32px;
    display: block;
	font-size: 16px;
	font-weight: bold;
	width:100%;
}
.cuenta_menu a:hover	{ color: #78E3F7; }
#mi_cuenta	{ background:url(../images/llave.png) 0 8px no-repeat; }
#mi_carrito	{ background:url(../images/carrito.png) 0 8px no-repeat; }
#mi_salir	{ background:url(../images/logout.png) 0 8px no-repeat; }


.button {
	line-height: 1.333em;
	padding: 0.167em 0.5em 0.25em;
	border: 1px solid white;
	-moz-border-radius: 0.417em;
	-webkit-border-radius: 0.417em;
	-webkit-background-clip: padding-box;
	border-radius: 0.417em;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	text-decoration: none;
	font-weight: normal;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	text-shadow: none;
	outline: 0;
	}
	.button {
		display: inline-block;
	}
	/* IE class */
	.ie .button {
		border-color: #cccccc;
	}
	.button {
		color: #666666;
		background: #dfdfdf url(../images/old-browsers-bg/button-bg.png) repeat-x top;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -moz-linear-gradient(
			top,
			#f6f6f6,
			#dfdfdf
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(#f6f6f6),
			to(#dfdfdf)
		);
	}
	.button.red,
	.red .button {
		color: white;
		background: #790000 url(../images/old-browsers-bg/button-red-bg.png) repeat-x top;
		background: -moz-linear-gradient(
			top,
			#ca3535,
			#790000
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(#ca3535),
			to(#790000)
		);
		}
		.button.red a,
		.red .button a {
			color: white;
		}
	a.button:hover {
		color: #115577;
		background: #98d2f3 url(../images/old-browsers-bg/button-hover-bg.png) repeat-x top;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -moz-linear-gradient(
			top,
			#dff3fc,
			#98d2f3
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(#dff3fc),
			to(#98d2f3)
		);
	}
	a.button.red:hover {
		color: white;
		background: #9d0404 url(../images/old-browsers-bg/button-red-hover-bg.png) repeat-x top;
		background: -moz-linear-gradient(
			top,
			#fe6565,
			#9d0404
		);
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(fe6565),
			to(#9d0404)
		);
	}
	
	.button img {
		margin-bottom: -2px;
	}
    


.btn_carrito_sidebar{

    background: url(../images/btn_carrito.png) no-repeat;
	width:82px;
	height:37px;
    display:block;
    color:#fff;
    text-decoration:none;
    line-height:30px;
    text-align:center;
    font-size:17px;
    float:left;
    margin-left:6px;
    margin-top:30px;
}

.btn_confirmar_sidebar{

    background: url(../images/btn_confirmar.png) no-repeat;
	width:106px;
	height:37px;
    display:block;
    color:#fff;
    text-decoration:none;
    line-height:30px;
    text-align:center;
    font-size:17px;
    float:left;
    margin-left:6px;
    margin-top:30px;
}

.total_sidebar{
    background: url(../images/total.png) no-repeat;
	width:36px;
	height:37px;
    padding-left:40px;
    line-height:44px;
    color:#000;
    font-size:20px;
    margin-left:10px;
    float:left;
    font-weight:700;
}

.cantidad_sidebar{
    float:right;
	width:100px;
	height:37px;
    font-size:22px;
    padding-right:10px;
    text-align:right;
    color:#d5394e;
	margin-top:7px;

}


/*  toggle box */


/* Toggle Contents */

	.box {
	/*background:#fff;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
	
	.espan{
		 float:left; width:400px;
		 margin-left:10px;
	}
	
	.title_domicilio{
		color: #fff;
		font-family: 'lato_bold_italic';
		font-size: 18px;
	}
/* ****************  ULTIMO PASO CARRITO *********************** */	
.descuento{
	text-decoration: line-through;
	color: red;
	font-size: 14px;
}

.bloque_envio{
	font-size:14px;
	color:#000;
	width:100%;
	margin-top:30px;	
}

.bloque_envio h3{
	letter-spacing: 0px !important;
	text-align: left !important;
	font-size: 18px !important;
	color: #7E7E7E !important;
	background: #EEEEEE !important;
	padding: 5px !important;
	margin: 0px 0px 5px 0px !important;
	font-family: arial !important;
	font-style: italic !important;
}

.bloque_envio span{
	font-size:16px;
	
}
.bloque_envio div{
	
	padding:20px;
	
}

/**********************  MIS PEDIDOS *************/

.fechapd{
	width:90px;
	float:left;
	color:#000;
	line-height:28px;
	margin-left:10px;
	
}

.listpedido{
	float:left;
	margin-left:50px;
	line-height:28px;
	width:190px;
	color:#000;
	
}
.iconmore{
	float:left;
	width:30px;
	padding-top:3px;
	
}
.filamis:hover{
	color:#999;
	
}
.error_pago{
	text-align:center;
	padding:20px;
	background-color:#F00;
	color:#FFF;
	width:1005;
	
	
}

#tabla-mispedidos thead tr th{
	background-color: #133984;
	color: #fff;
	padding: 5px 10px;
}

.linea_desglose_mispedidos {
	float: right;
	width: 100px;
	padding: 5px 10px;
	color: #78E3F7;
}