@charset "utf-8";
/* CSS Document */

body { font-family: Helvetica; font-size: 12px; }

a { text-decoration: none; color: #000; }

img { border: 0px }

.input_rell, .input_rell_fix { color: #aaa; }
.input_rell.active { color: #777; font-style: normal; }
.input_rell.start_w { color: #ddd; }

.clear { clear: both; }

.btn_white { display: inline-block; background: #fff; color: #000; padding: 2px 10px }
.btn_azul { display: inline-block; text-align: center; background: #000; color: #fff; padding: 6px 20px; font-size: 12px; }
.btn_rojo { display: inline-block; text-align: center; background: #D43F3A; color: #fff; padding: 6px 20px; font-size: 12px; }
.btn_verde { display: inline-block; text-align: center; background: #5CB85C; color: #fff; padding: 6px 20px; font-size: 12px; }

.btn_white:hover,
.btn_azul:hover,
.btn_rojo:hover,
.btn_verde:hover { background: #656463; color: #fff  }

.p_izq { float: left; }
.p_der { float: right; }

.peq { font-size: 0.7em }

.table { display: table; }
.table_row { display: table-row; }
.table_cell { display: table-cell; }

/* Elementos comunes */

#contenedor { margin: 0 auto 0 auto; width: 991px;  }

#drcha { float: right; width: 863px; }

#contenido { float: left; margin-left: 3px; margin-top: 5px; margin-bottom: 10px; width: 825px; border: 2px solid #868585; padding: 15px; min-height: 570px; }

.paginacion { float: right;  font-size: 12px; margin-top: 4px; margin-right: 15px; }

.btns { }

.tit { margin-left: 10px; font-size: 16px; color: #000; }
.extr_tit { margin-bottom: 0px; margin-left: 0px; }

.sel { width: 170px; }

h2 { font-size: 20px; font-weight: bold; margin: 10px 0px; padding: 0px; }
h3 { font-size: 16px; font-weight: bold; margin: 0px 0px; padding: 0px; }

/* Header */

#superior { float: left; margin-top: 4px; margin-left: 3px; width: 859px; height: 122px; background: #000; }
.conectar { color: #fff; font-size: 12px; text-align: right; margin-top: 8px; margin-right: 8px; }
.conectar .p_der a { color: #fff; }

/* Columna Izquierda */

#col_izq { position: relative; float: left; width: 128px; min-height: 600px; padding-bottom: 138px }
#col_izq .logo_empresa { background: url(../img/top_left.jpg) no-repeat }
#col_izq .logo_empresa img { width: 100px; height: 100px; margin: 14px 16px; }
#col_izq .bottom { position: absolute; bottom: 0px; width: 128px; height: 126px; background: url(../img/bottom_left.jpg) no-repeat }

/* Menu */

#menu { float: left; list-style: none;  font-size: 12px; margin-top: 4px; margin-left: -35px; }
#menu li a { text-decoration: none; display: block; padding-top: 10px; height: 20px; color: #FFF; background: #000; text-align: center; width: 122px; margin-bottom: 5px; }
#menu li a:hover, #menu li a.active { display: block; padding-top: 10px; height: 20px; color: #FFF; background: url(../img/menu_hover.jpg) no-repeat; text-align: center; width: 132px; margin-bottom: 5px; }

#menu .submenu { margin: 0px; padding: 0px; list-style-type: none }

.banner_transporte { margin: 20px 0px; width: 122px; height: 55px; background: url(../img/banner_envio.jpg) no-repeat; font-size: 20px; font-weight: bold; text-align: center; padding-top: 95px; color: #000 }

a:hover .btn_azul { background: #656463; }

/* Módulo Cesta */

.mod_cesta { background: #efefef; padding: 6px 8px; margin: 0px 4px; font-size: 11px  }
.mod_cesta h2 { text-align: center; font-size: 14px; font-weight: normal; margin: 0px; padding: 0px; padding-bottom: 4px; border-bottom: 1px solid #ccc  }
.mod_cesta table { width: 100%; margin-bottom: 6px }
.mod_cesta table td { padding: 4px 0px }
.mod_cesta table th { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left; padding: 4px 0px }
.mod_cesta .btn_azul { display: block; padding: 6px 0px }

/* Listados */

.select_estado { width: 115px; margin-left: 0px; }

/* Login */

.login { width: 324px; margin: 0px auto; margin-top: 200px; text-align: center; font-size: 12px; }
.login .cuadro_login { position: relative; background: #000; border-radius: 12px; padding: 10px 10px; color: #fff; text-align: right; margin-bottom: 5px; }
.login .cuadro_login table { margin: 0px auto; }
.login .cuadro_login table td { padding: 2px 10px; }
.login .cuadro_login table td input { border: 0px; width: 160px; border-radius: 2px; }
.login .cuadro_login .loader { display: none; position: absolute; bottom: 12px; right: 12px }

/* Login Empresas */

.login_empresas { width: 100%;  }
.login_empresas h1 { text-align: center; padding: 20px 0px; margin: 0px; }
.login_empresas .sel { text-align: center; width: 100%; height: 100% }
.login_empresas .sel a { display: inline-block; width: 150px; height: 150px; text-align: center; font-size: 13px; padding: 10px 20px; }
.login_empresas .sel a img { max-width: 100%; max-height: 100%  }

/*Empresas*/

#form_empresa{}
#form_empresa { width: 100% }
#form_empresa input, #form_empresa select { width: 100%; border: 1px solid #aaa; padding: 4px 4px; background: #fff }
#form_empresa td { padding: 6px 0px; padding-right: 15px }

/* Productos */

.prod { text-decoration: none; color: #000; }

.cja_prod { float: left; width: 152px; height: 210px; border: 1px solid #666; margin: 14px 6px }
.cja_prod h3 { display: block; font-size: 13px; width: 137px; height: 34px; font-weight: 100; margin: 0px; padding-left: 3px; padding-top: 3px; }
.cja_prod img { margin-left: 5px; width: 130px; height: 140px; }
.cja_prod p { float: right; font-size: 11px; margin-bottom: 5px; margin-right: 5px; margin-top: 5px; }

.cja_prod.l { margin-left: 0px; }
.cja_prod.r { margin-right: 0px; }

.cja_prod .box { display: none; width: 152px; height: 210px; background: url(../img/bg_transparent.png) repeat; position: absolute; color: #fff }
.cja_prod .box h4 { font-size: 13px; margin: 8px; font-weight: 100; }
.cja_prod .box p { float: left; font-size: 12px; margin: 8px; font-weight: 100; }

.ficha_producto { width: 600px; height: 400px; }
.ficha_producto h3 { font-size: 18px; font-weight: bold; }
.ficha_producto .p_izq { width: 300px; height: 300px; text-align: center }
.ficha_producto .p_izq img { width: 100%; height: 100% }
.ficha_producto .p_der { width: 240px; font-size: 14px }
.ficha_producto .p_der table { width: 100% }
.ficha_producto .p_der table input, .ficha_producto .p_der table select { width: 100%; border: 1px solid #aaa; padding: 4px 4px; background: #fff }
.ficha_producto .p_der table td { padding: 6px 0px; padding-right: 15px }
.ficha_producto .p_der table .precio { font-size: 24px; font-weight: bold; text-align: right }
.ficha_producto .p_der table .stock { font-size: 16px; font-weight: bold; text-align: right }

.edit_producto {}
.edit_producto .general { margin: 10px 0px; padding: 10px 0px; border-bottom: 1px solid #aaa }
.edit_producto .general table { width: 100% }
.edit_producto .general input, .edit_producto .general select { width: 95%; border: 1px solid #aaa; padding: 4px 4px; background: #fff }

.edit_producto .stock { margin: 10px 0px; padding: 10px 0px }
.edit_producto .stock .table { width: 100%; margin: 0px 0px }
.edit_producto .stock .table .table_cell { padding: 4px 0px; vertical-align: middle }
.edit_producto .stock input, .edit_producto .stock select { width: 90%; border: 1px solid #aaa; padding: 4px 4px; background: #fff }
.edit_producto .stock .img_prod { width: 30px; height: 30px }
.edit_producto .stock .table .table_cell.dark { background: #eee }

.edit_producto .historico { margin: 20px 0px}
.edit_producto .historico .filtro_historico { margin: 20px 0px; font-size: 13px }
.edit_producto .historico .bullet { font-size:20px }
.edit_producto .historico .bullet.pos { color: #090 }
.edit_producto .historico .bullet.neg { color: #900 }

/* Usuarios */

#bus_ped { margin-left: 10px; }
#bus_ped tr { font-size: 13px; color: #000; }
#bus_ped td { width: 160px; text-align: center; }
#bus_ped .xtr_ped { font-weight: bold; }

#tbl_usuario { float: left; margin-left: 10px; margin-top: 20px; }
#tbl_usuario tr { font-size: 13px; color: #000; }
#tbl_usuario .xtr_tbl_us { font-weight: bold; background: #CCC; }

.ficha_usuario {}
.ficha_usuario h3 { margin: 20px 0px }
.ficha_usuario table { width: 100%; margin: 20px 0px }
.ficha_usuario table td { padding: 5px 0px; padding-right: 20px }
.ficha_usuario input[type=text], .ficha_usuario select { width: 100%; border: 1px solid #aaa; padding: 4px 4px; background: #fff;  }

/* Buscador */

#buscador { margin: 0px -12px; margin-top: -120px; margin-bottom: 30px; position: relative; height: 90px; color: #fff; font-size: 13px }
#buscador table { margin-right: -10px }
#buscador table td { width: 3%; padding-right: 10px }
#buscador input, #buscador select { width: 100%; border: 0px; padding: 3px 3px; background: #fff }
#buscador input[type=checkbox] { width: auto; border: 0px; padding: auto; position: relative; top: 2px; margin-left: 2px; }
#buscador .paisciudad select { width: 48% }

.pages { float:right; margin-right: 10px; }

/* Pedidos */

#pedidos { margin-left: 10px; margin-top: 20px; }
#pedidos tr { font-size: 13px; color: #000; }
#pedidos td { width: 135px; }

#pedidos_ficha { margin-left: 10px; margin-top: 20px; }
#pedidos_ficha tr { font-size: 13px; color: #000; }
#pedidos_ficha td { width: 200px; }
#pedidos_ficha td .xtr_ped { width: 500px; font-weight: 100; }

#pedidos_estado { margin-left: 10px; margin-top: 20px; margin-right: 10px; }
#pedidos_estado tr { font-size: 13px; color: #000; background: #CCC; }
#pedidos_estado td { text-align: center; width: 190px; }

.pedidos_productos { float: left; margin-top: 20px; margin-left: 10px; margin-right: 10px; }
.pedidos_productos tr { font-size: 13px; color: #000; }
.pedidos_productos td { border: 1px solid #000; width: 110px; text-align: center; padding-top: 3px; padding-bottom: 3px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; }

.listado { margin: 20px 0px; font-size: 12px; text-align: center }
.listado table { width: 100% }
.listado table td, .listado_pedidos table th { padding: 5px 5px }
.listado table .dark td { background: #ddd }
.listado table .noconf td { background: #fee; font-style: italic; color: #666 }

/* Pasarela */

.pathway { float: right; background: #000; padding: 5px 20px; font-size: 12px; color: #fff; }
.pathway a { color: #fff; display: inline-block; width: 220px; text-align: center }
.pathway a.active { font-weight: bold; text-decoration: underline }

.cesta { margin: 20px 0px }
.cesta table { width: 100%; font-size: 12px; text-align: left }
.cesta table th { font-weight: bold; font-size: 13px; border-bottom: 1px solid #000; padding: 6px 0px }
.cesta table td { padding: 6px 0px; vertical-align: middle }
.cesta table .imagen_producto { width: 40px; height: 40px }
.cesta table input { border: 1px solid #aaa; padding: 4px 0px; width: 50%; text-align: center }
.cesta table .line_ped { border-top: 1px solid #000; padding-top: 10px }

.datos_envio { margin: 20px 0px }
.datos_envio .datos_personales { }
.datos_envio .datos_personales table { width: 100%; }
.datos_envio .datos_personales table td { padding: 10px 0px; padding-right: 20px }
.datos_envio .datos_personales input { width: 100%; border: 1px solid #aaa; padding: 4px 4px; background: #fff }
.datos_envio .datos_personales input.readonly { background: #eee }
.datos_envio .direcciones { margin: 15px 0px; padding: 15px 0px; border-top: 1px solid #000 }
.datos_envio .direcciones .direccion { border-bottom: 1px solid #000; margin-bottom: 10px; padding-bottom: 10px }
.datos_envio .direcciones .direccion table { width: 100%; }
.datos_envio .direcciones .direccion table td { padding: 10px 0px; padding-right: 20px }
.datos_envio .direcciones input[type=text], .datos_envio .direcciones select { width: 100%; border: 1px solid #aaa; padding: 4px 4px; background: #fff;  }
.datos_envio .direcciones select { width: 201px; }
.datos_envio .direcciones .direccion.def { font-size: 12px; text-align: left }
.datos_envio .direcciones .direccion.def td { width: 3% }

#borrador_direcciones { display: none }

/**/
	
#caja_empresas{ width: 300px; height:100%;background:#CCC;display:none;margin:0 auto 0 auto; position:absolute;margin-left:250px; }

#asignar_empresas{ width: 100px; height:15px; background:#ffff; }


#caja_mails{ width: 300px;background:#CCC;display:none;margin:0 auto 0 auto; position:absolute;margin-left:250px; }
#caja_cambio_estado_usuario{ width: 300px;background:#CCC;display:none;margin:0 auto 0 auto; position:absolute;margin-left:250px; }

#asignar_mails{ width: 100px; height:15px; background:#ffff; }

#popup_dir { display: none; }

.mod_dir {}
.mod_dir table { width: 100%; }
.mod_dir table td { padding: 10px 0px; padding-right: 20px }
.mod_dir input[type=text], .mod_dir select { width: 100%; border: 1px solid #aaa; padding: 4px 4px; background: #fff;  }

.paisciudad select { width: 48% }


.actual {background-color: #0096D7; color: #FFF; padding: 2px 4px;}

/* AVZ */

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	margin: 12px 0;
	font-size: 14px;
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.contenedor-modal {
	height: 600px;
	overflow-y: scroll;
}

.contenedor-modal ul {
	list-style-type: none;
}

.boton-modal {
	margin-top: 4px;
	text-align: center;
}

@media screen and (max-height: 800px) {
	.contenedor-modal {
		height: 500px;
	}
}

@media screen and (max-height: 600px) {
	.contenedor-modal {
		height: 400px;
	}
}