/* DEFAULT  ------------------------------------------------------------------*/
*				{ margin: 0; padding: 0; }
body			{ font-family: Arial, Helvetica, Tahoma; font-size: 11px; }
body.portada	{ height: 100%; color: #505255; background-color: #404040; }
html            { height: 100%; }
img				{ border: 0; }
ul 				{ list-style: none; }
table			{ border-spacing: 0; border-collapse: collapse; border: none; }
td, th			{ vertical-align: top; text-align: left; }
a       		{ text-decoration: none; color: #38AEB0; outline: 0; }
a:hover    		{ text-decoration: underline; }

h1 { color: #3E3F41; font-size: 18px; font-weight: bold;  }
h2 { color: #615F62; font-size: 14px; font-weight: bold; }
h3 { background: #38AEB0; color: #3E3D42; font-size: 14px; font-weight: bold; padding: 2px 4px; margin-bottom: 10px; }

input, textarea { font-size: 10px; padding: 1px; font-family: Arial, Helvetica, Tahoma; }
option { font-size: 10px; padding: 0 1px; }
select { font-size: 10px; padding: 0px; }

input[type="submit"], button { cursor: pointer; background:#38AEB0 none repeat scroll 0 0; border:0 none; color:#FFFFFF; font-size:10px; padding: 2px; }
input.numeric { text-align: right; }

input.error, select.error, textarea.error { border: 2px solid #bb002a; }

.hidden { display: none; }

.right { text-align: right; }

.grey {color:#999;}
div.box	p.small	{ color:#ccc; font-size:11px; line-height:12px; margin-bottom:7px; }

/* HEADER --------------------------------------------------------------------*/
#header div.header { height: 160px; background-position: left top; background-repeat: no-repeat; }

/* LOGIN ---------------------------------------------------------------------*/
#login_form td.login_error { text-align: left; color: #f00; line-height: 40px; font-size:18px; font-weight:bold;}
#login_form td.login_new { text-align: left; color: #fff; font-size:12px; font-weight:bold; }
#login_form td.login_new a { color: #fff; }

/* PORTADA  ------------------------------------------------------------------*/
#capsule_center     	{ width: 100%; height: 100%; }
#capsule_center td		{ vertical-align: middle; text-align: center; }
#capsule_center p.logos	{ vertical-align: middle; text-align: center; margin-top: 5px; }

#table_main     			{ width: 100%; margin-top: 150px; }
#table_main .line_top		{ height: 2px; background: url('/css/puntos.gif') left top repeat-x; }
#table_main .line_bottom	{ height: 2px; background: url('/css/puntos.gif') left bottom repeat-x; }
#table_main .tijeras		{ width: 800px; margin: -2px auto; height: 100%; overflow: hidden; }
#table_main #footer_main    { margin: 10px auto 80px auto; font-size: 9px; color: #fff; }
#table_main #footer_main td.info { padding: 20px; }
#table_main #footer_main td.who a { color: #fff; font-size: 14px; background: url(/css/login_quienes.gif) no-repeat; padding: 3px 0 5px 25px; }
#table_main #footer_main td.new a { color: #fff; font-size: 14px; background: url(/css/login_nuevo.gif) no-repeat; padding: 3px 0 5px 25px; }

#table_main #main_contents						{ text-align: right; background: #319ea1; color: #404040; font-family: Candara, Arial, Helvetica, Tahoma; }
#table_main #main_contents div.box				{ width: 800px; margin: 0 auto; height: 145px;  position: relative; }
#table_main #main_contents div.box_langs		{ background: url('/css/bg_main_langs.jpg') no-repeat; }
#table_main #main_contents div.box_login		{ background: url('/css/bg_main_login.jpg') no-repeat; }

#table_main table.langs				{ position: absolute; top: 70px; right: 0; }
#table_main table.langs td			{ height: 70px; vertical-align: top; text-align: center; }
#table_main table.langs span.sep		{ padding-top: 4px; display: block; }
#table_main table.langs td a			{ text-decoration: none; color: #404040; display: block; padding: 5px 3px; height: 100%; }
#table_main table.langs td a:hover,
#table_main table.langs td .sel		{ text-decoration: none; color: #fff; background: #404040; }


#table_main table.login { position: absolute; top: 55px; right: 0; } 
#table_main table.login td { padding: 0 4px 0 0; }
#table_main table.login th { padding: 2px 6px 0 0; text-align: right;  font-size:14px;}
#table_main table.login th.remember { font-size: 14px; color: #fff; padding-right: 4px; text-align: left; font-weight: bold; }

#table_main table.login input { border: 0; font-size: 10px; width: 100px; padding: 2px; }
#table_main table.login input[type="checkbox"] { width: auto; }
#table_main table.login input.user { margin-bottom: 2px; font-size:14px; }

#table_main table.login #entrar_box { background: #FFF; width: 365px; }
#table_main table.login #entrar_btn { background: #FFF; color: #404040; display: block; line-height: 30px; padding: 0 10px; text-align: left; font-size:18px; font-family:Tahoma; }

/* MAIN LAYOUT  --------------------------------------------------------------*/
div.body_box { /*width: 1000px;*/ }

#header { height: 160px; background-color: #3D3E40; }
#menu_top { height: 22px; background-color: #86878C; padding-left: 192px; font-size: 11px; position: relative; }
	#menu_top li { float: left; padding-top: 3px;  }
	#menu_top li a { display: block; color: #FFF; line-height: 15px; padding: 0 10px; border-right: 1px solid #FFF; text-decoration: none; }
	#menu_top li.last a { border-right: none; }
	#menu_top li a.sel { font-weight: bold; }
	#menu_top li a:hover { background: #FFF; color: #3D3E40;  }

#brands_list { background: url(/css/menu_bg.jpg) repeat-x #3F3F3F; overflow: hidden; height: 26px; }
#brands_list ul { display: inline; margin-left: 200px; }
#brands_list img { cursor: pointer; }
#brands_list li { height: 26px; display: inline; margin-left: 2px; }

#body { padding: 10px 0 20px 0; position: relative; }
	#leftBody { padding: 0 14px; width: 100px; }
	#leftBody div.box { background: #3E3D42; padding: 8px; width: 160px; margin-bottom: 25px; }
	
	#leftBody table.filter { width: 100%; margin-bottom: 3px; }
	#leftBody table.filter th { color: #F8FCFB; text-align: right; font-weight: normal; padding-right: 3px; font-size: 11px; }
	#leftBody table.filter td { text-align: right; }
	#leftBody table.filter input.text { width: 80px; margin-bottom: 5px; border: 0; }
	#leftBody table.filter select.text { width: 82px; margin-bottom: 5px; border: 0; }
	#leftBody p.submit { text-align: right; }
	#leftBody p.submit input { background: #34AEB1; color: #FFF; border: 0; font-size: 10px; padding: 2px; }
	
	#leftBody div.box ul.pedidos {margin-bottom:20px;}
	#leftBody div.box ul.pedidos a { color: #fff; }

#footer { text-align: center; color: #3E3D42; font-size: 10px; padding-bottom: 20px; }

/* PORTADA ###################################################################*/
#programaciones div.bp_box { text-align: center; float: left; border: 1px solid #000; margin: 10px 10px 0 0;  background: #DDDFDA; }
#programaciones div.bp_box p { color: #777; margin-top:4px; }
#programaciones div.bp_box p span { font-size: 14px; font-weight: bold; color: #3E3D42; }

#programaciones div.bp_box a{ display:block; padding: 10px;}
#programaciones div.bp_box a:hover{background:#bbb; text-decoration:none; }
#programaciones div.bp_box a:hover p span{ color: #222; }

/* CAJA PEQUEÑA PRODUCTO #####################################################*/
div.product_small { cursor: pointer; width: 177px; height: 113px; background: url(/css/product_small_bg.gif) no-repeat #3E3D42; float: left; margin: 0px 10px 10px 0px; }
div.product_small table { width: 177px; height: 113px; }
div.product_small table td.header { color: #3E3D42; background-color: #38AEB0; height: 22px; vertical-align: middle; font-size: 10px; font-weight: bold; padding-left: 7px; }
div.product_small table td.header div { position: relative; height: 22px; line-height: 22px; }
div.product_small table td.header img { position: absolute; top: -1px; right: 7px; }
div.product_small table td.middle { vertical-align: middle; width: 105px; text-align: center; }
div.product_small table td.middle div { border: 1px solid #bbbcbe; background-color: #FFFFFF; text-align: center; margin-left: 5px; width: 90px; height: 60px; }
div.product_small table td.middle div img { vertical-align: middle; }
div.product_small table td.middle2 { color: #fff; vertical-align: bottom; }
div.product_small table td.middle2 p { margin: 5px; }
div.product_small table td.middle2 p.price { margin: 5px; font-size: 11px; font-weight: bold; }
div.product_small table td.middle2 p.old { text-decoration: line-through; }
div.product_small table td.middle2 p.offer { color: #DF0000; }
div.product_small table td.bottom { width:41px; vertical-align: middle; height: 19px; background: url(/css/star.gif) no-repeat 5px 2px; }
div.product_small table td.bottom span { font-weight: bold; margin-left: 27px; }
div.product_small table td.bottom2 { vertical-align: middle; text-align: right; font-weight: bold; }
div.product_small table td.bottom2 a { color: #86878C; margin-right: 2px; display:block; }
div.product_small table td.bottom2 a:hover { color: #38AEB0; text-decoration:none;}

/* PAGINATOR #################################################################*/
div.paginator { float:right; }
div.paginador span { font-size: 10px; display: block; float: left; line-height: 10px; margin-top: 4px; }
div.paginador a { color: #3E3D42; font-size: 10px; display: block; float: left; padding: 2px 6px; margin-left: 3px; }
div.paginador a.bold { color: #fff; background: #38AEB0; }

/* SEPARATOR #################################################################*/
div.separator { clear: both; height: 10px; }

/* FICHA PRODUCTO ############################################################*/
div.producto_ficha { color: #3E3D42; }
div.producto_ficha a { color: #38AEB0; }
div.producto_ficha div.main { padding: 8px; background-color: #DDDFDA; }
div.producto_ficha table.opciones { margin-top:10px; width: 158px; }
div.producto_ficha table.opciones select { border:1px solid #C5C7C9; float:right; width:98px; }
div.producto_ficha table.opciones a.back { margin-right: 10px; padding-right: 10px; border-right: 1px solid #FFFFFF; position:relative; }
div.producto_ficha table.opciones a.back img { left:0; position:absolute; top:-2px; }
div.producto_ficha table.opciones a.ver_carrito { font-weight: bold; }
div.producto_ficha table.opciones td.add div { text-align: center; padding: 15px 0; }
div.producto_ficha table.opciones td.add div button { background:#34AEB1 none repeat scroll 0 0; border:0 none; color:#FFFFFF; font-size:10px; padding:2px; }
div.producto_ficha table.opciones td { padding: 3px 0px; vertical-align:middle; }
div.producto_ficha table.opciones td.important { font-weight: bold; padding-left: 5px; font-size: 11px; }
div.producto_ficha table.opciones td.precio { font-size: 13px; }
div.producto_ficha table.opciones td.offer { color: #b10000; }
div.producto_ficha table.opciones td.old_price { text-decoration: line-through; }
div.producto_ficha div.titulo { padding-left: 5px; font-weight: bold; color: #3E3D42; background-color: #38AEB0; font-size: 15px; margin-bottom: 8px; }
div.producto_ficha div.related { margin:0 16px; }
div.producto_ficha div.related h3 { font-size:12px; }
div.producto_ficha div.related div.related_list { margin-top: 10px;  }
div.producto_ficha div.left { padding:8px 8px 30px; width:152px; }
div.producto_ficha div.images { margin-left:8px; text-align:center; width:352px; color: #38AEB0; }
div.producto_ficha div.images table.front-back { margin: 5px; 0; width: 100%;}
div.producto_ficha div.images table.front-back td { text-align: right; }
div.producto_ficha div.images table.front-back td.c1 { }
div.producto_ficha div.images table.front-back td.c2 { width: 130px; text-align: right; padding-right: 10px; }
div.producto_ficha div.images table.front-back a { margin: 0 5px; }
div.producto_ficha div.images table.front-back a.bold { font-weight: bold; }
div.producto_ficha div.images table.front-back a.disabled { text-decoration: none; color: #AFAFAF; }
div.producto_ficha div.images img.product { background-color:#FFFFFF; border:1px solid #BBBCBE; padding:10px; }
div.producto_ficha div.images div.th_list img { cursor: pointer; margin-right:1px; margin-top:5px; border: 1px solid #86878C; }
div.producto_ficha select option { padding: 1px 5px; }
div.producto_ficha select option.no_stock { padding: 1px 5px; color: #D0D1D2 !important; }
div.producto_ficha table.grid { width: 100%; }
div.producto_ficha table.grid th { font-weight: bold; white-space: nowrap; background-color: #86878C; color: #fff; }
div.producto_ficha table.grid th,
div.producto_ficha table.grid td { text-align: center; padding: 4px; vertical-align: middle; border: 1px solid #DDDFDA; }
div.producto_ficha table.grid td { background-color: #C5C7C9; width: 40px; }
div.producto_ficha table.grid td input { width: 35px; text-align: center; border: 1px solid #C5C7C9; }

div.producto_ficha table.gtotal { font-weight: bold; margin-top: 10px; font-size: 16px; float: right; }
div.producto_ficha table.gtotal td.uz { text-align: right; width: 120px; }
div.producto_ficha table.gtotal td.ur { font-size: 12px;}

#pack_list { width: 100%; margin-top: 5px; border: 1px solid #86878C; }
#pack_list th, #pack_list td { padding: 5px; text-align: center; font-weight: bold; border: 1px solid #86878C; }
#pack_list th { background-color: #38AEB0; }
#pack_list td { background-color: #3E3D42; color: #fff; }

/* ORDER 	##################################################################*/
#order { width: 790px; background-color: #DDDFDA; }
#order div.header { padding: 10px; position: relative; }
#order div.header h3 { padding:2px 4px 2px 40px; }
#order div.header img.logo { position: absolute; top: 4px; left: 0; }

#order table.list a { color: #000; }

#order table.list { margin: 10px 0 10px 10px; width: 769px; }
#order table.list tr { background-color: #f5f5f6; }
#order table.list tr.not_available { background-color: #EFD1D1; }
#order table.list th, #order table.list td { padding: 3px; text-align: center; vertical-align: middle; }
#order table.list th.first, #order table.list td.first { /*padding-left: 10px !important;*/ text-align: left !important; }
#order table.list th { background-color: #ffffff; font-size: 11px; font-weight: bold; }
#order table.list thead th { border-bottom: 3px solid #dbdcdd; }
#order table.list td { border-bottom: 1px solid #dbdcdd; font-size: 12px; padding-top: 20px; padding-bottom: 20px; }
#order table.list td.img { padding: 3px; }
#order table.list td.img img { width: 60px; border: 1px solid #ccc; }
#order table.list td p.offer { color: #b10000; }
#order table.list td p.org_price { text-decoration: line-through; }
#order table.list td.price { width: 80px; }
#order table.list tfoot th { border-top: 3px solid #dbdcdd; }
#order table.list th.total, #order table.list td.total { font-size: 13px; font-weight: bold; }
#order table.list th.total_logo { background: url(/css/total_logo.gif) no-repeat left #ffffff; padding-left: 25px; }
#order table.list th.left { text-align: left; }
#order table.list th.review { padding-left: 5px !important; }
#order table.list th.continuar { background: url(/css/cart_arrow_shopping.gif) no-repeat 5px #ffffff; padding-left: 35px !important; }
#order table.list th.continuar a { color: #4c4c4c; }
#order table.list th a.update { line-height: 22px; background: url(/css/button_blue.gif) repeat-x; color: #4C4C4C; text-decoration: none; }
#order table.list th a.update span { padding-bottom: 4px; }

#order div.siguiente { text-align: right; }
#order div.siguiente button { margin: 0 10px 10px 0; font-size: 13px; font-weight: bold; }

#order div.no_products { padding: 10px; font-size: 14px; }

#order div.order_sent { font-size:14px; padding:20px; text-align:center; }

/* modal */
#TB_ajaxContent { background-color: #3E3D42; }
#TB_window { border-color: #86878C !important; }

/* BREAD CRUMBS */
#bread_crumbs		{ display: table; background-image: url('/css/bread_crumbs.gif'); width: 719px; height: 20px; margin: 10px; background-repeat: no-repeat; overflow: hidden; font-size: 11px; font-weight: bold; }
#bread_crumbs span	{ float: left; display: block; padding-left: 10px; line-height: 18px; }
#bread_crumbs span.disabled	{ color: #9a9b9e !important; }
#bread_crumbs span.span_1 { width: 182px; }
#bread_crumbs span.span_2 { width: 168px; }
#bread_crumbs span.span_3 { width: 165px; }
#bread_crumbs span.span_4 { width: 150px; }
div.crumb_1	{ background-position: 0 0; }
div.crumb_2	{ background-position: 0 -20px; }
div.crumb_3	{ background-position: 0 -40px; }
div.crumb_4	{ background-position: 0 -60px; }

/* ACCOUNT ###################################################################*/
#account { background-color:#DDDFDA; width:780px; padding: 10px; }
#account table { width: 100%; }
#account table th, #account table td { padding: 3px 3px 3px 10px; }
#account table th.center, #account table td.center { text-align: center; }
#account table th.right, #account table td.right { text-align: right; }
#account table th.left, #account table td.left { text-align: left; }
#account table thead tr { background-color: #fff; text-transform: uppercase; }
#account table thead th { border-bottom:3px solid #DBDCDD; }
#account table tr { background-color: #F5F5F6; }
#account table td { font-size: 12px; padding-top: 5px; padding-bottom: 5px; border-bottom:1px solid #DBDCDD; }

#account div.orders_list p { margin: 20px; font-size: 14px; }

/* CONTACTO ##################################################################*/
#contact { width: 500px; background-color:#DDDFDA; padding: 10px; }
#contact input[type="text"] { width: 182px; }
#contact textarea { width: 410px; height: 150px; font-size: 11px; }
#contact p.sent { margin: 20px; font-size: 14px; }
#contact table td { padding: 5px; margin-top: 20px; }
#contact div.send button { float: right; margin-right: 30px; }

/* NUEVO CLIENTE #############################################################*/
#new_customer { padding: 10px; }
#new_customer form { width: 580px; margin: auto; }
#new_customer div.head { margin: 10px 0; height: 20px; background: url('/css/puntos.gif') left bottom repeat-x; }
#new_customer div.head h1 { float: left; margin-left: 10px; }
#new_customer div.head img { float: right; margin-top: -3px; margin-right: 18px; }
#new_customer h1 { color: #fff; font-size: 16px; }
#new_customer table { color: #fff; width: 500px; margin: auto; clear: both; }
#new_customer table th,
#new_customer table td { padding: 5px; }
#new_customer table th { text-align: right; width: 170px; }
#new_customer table td.error { text-align: center; font-size: 12px; color: #BF1717; font-weight: bold; }
#new_customer table td input { width: 310px; }
#new_customer table td textarea { width: 100%; height: 50px; }
#new_customer button { float: right; color: #000; margin-right: 40px; margin-top: 10px; }

/* QUIENES SOMOS #############################################################*/
#quienes { margin: auto; }
#quienes img.logo { margin-top: 50px; }
#quienes div.main { background: url(/css/bg_quienes.jpg) no-repeat; height: 281px; }
#quienes div.text { color: #fff; padding: 110px 36px 0 36px; font-size: 15px; }
#quienes div.main button { float: right; margin-right: 20px; color: #000; }

/* ANTERIOR / SIGUIENTE ##################################################*/
#next_prev { width: 100% }
#next_prev td {width:185px; }
#next_prev td.tdl { border-right:1px solid #aaa; width:85px; text-align:right; padding-right:5px; }
#next_prev td.tdr { width:85px; text-align:left; padding-left:5px; }
#next_prev td.tdr > div { float: right; margin: 0; border: 1px solid #ccc; }
#next_prev td.tdl > div { float: left;  margin: 0; border: 1px solid #ccc; }/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	/*margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;*/
}