/*--- COLORS   ---*/
body { color: #333; font-family: Verdana; }
a, a:link, a:visited, a:hover { color: #01384E; }
a.menu02:link, a.menu02:visited { color: #01384E; }
a.menu02:hover { color: #669933; }
H1, H3, H4, H5, .H1 { color: #01384E; margin: 10px 0 5px 0px; }
H2 { border: 1px solid #CCC; background-color: #F5F5F5; color: #01384E; margin: 10px 0 0 0; }
H3 { color: #669933; }
H6 { color: #333; }
hr { color: #CCC; }
.menu02-top, .menu02-top a { color: #000; }


/*--- STANDARD TAGS & PROPERTIES --*/
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
H1, .H1 { font-size: 110%; }
H2 { font-size: 100%; padding: 4px; }
H3 { font-size: 100%; text-transform: uppercase; letter-spacing: 4px; padding: 4px; margin-top: 20px; }
H4 { font-size: 90%; font-weight: bold; }
H5, H6 { font-size: 80%; font-weight: bold; margin: 3px auto; }
hr { padding: 0px; margin: 0px; }
img { border: 0px; }
li { vertical-align: middle; }
p { font-size: 90%; }
ol { list-style-type: decimal; }
ul { }
ul ul { padding-bottom: 4px; }


/*--- MENU 01 - Top Navigation w/Icons --*/
#menu01 { margin: 40px 70px 0 0; text-align: center; }
a.menu01:link, a.menu01:visited, a.menu01:hover { text-decoration: none; }
html > body #menu01 { margin: 50px 70px 0 0; }

/*-- MENU 02 - Side Navigationa Menu --*/
.menu02 { font: 90% Arial, Helvetica, sans-serif; }
p.menu02 { margin: 5px 4px -2px 0; }
a.menu02:link, a.menu02:visited { text-decoration: none; background: url(images/bullet2.gif) no-repeat; padding-left: 10px; height: 1%; font-weight: bold; }
a.menu02:hover { text-decoration: none; background: url(images/bullet3.gif) no-repeat; font-weight: bold; }
.menu02-sub { font: 85% Arial, Helvetica, sans-serif; }
p.menu02-sub { margin: 5px 4px -2px 10px; }
a.menu02-sub:link, a.menu02-sub:visited { text-decoration: none; background: url(images/bullet2.gif) no-repeat; padding-left: 10px; height: 1%; font-weight: bold; }
a.menu02-sub:hover { text-decoration: none; background: url(images/bullet3.gif) no-repeat; font-weight: bold; }
.menu02-top { background: url(images/m-01.gif) no-repeat; height: 21px; font: 80% Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 10px; }
.menu02-midT { background: url(images/m-02.gif) repeat-y; padding: 6px 6px 0 6px; font: 75% Arial, Helvetica, sans-serif; font-weight: bold; }
.menu02-mid { background: url(images/m-02.gif) repeat-y; padding: 0 6px 6px 6px; font: 75% Arial, Helvetica, sans-serif; font-weight: bold; }
.menu02-mid-links { background: url(images/m-02.gif) repeat-y; padding: 2px 2px 0px 10px; font: 75% Arial, Helvetica, sans-serif; font-weight: bold; }
.menu02-mid .n { font-weight: normal; }
.menu02-mid div { margin-top: 10px; }
.menu02-mid ul li, .menu02-mid ul ul { margin-top: 3px !important; }
.menu02-mid ul li ul li { margin-top: 0 !important; }
.menu02-mid ul, .menu02-mid li, .menu02-mid-links ul, .menu02-mid-links li { padding: 0; margin: 0; list-style: none; }
.menu02-mid li a { font-size: 9pt; color: #000; text-decoration: none; }
.menu02-mid li li a, .menu02-mid-links li a { font-size: 8pt; line-height: 11pt; color: #765; text-decoration: none; }
.menu02-mid li li a:hover, .menu02-mid-links li a:hover { color: #542c04; }

.menu02-mid ul ul { margin-left: 6px; }
.menu02-btm { background: url(images/m-03.gif) no-repeat; height: 16px; display: block; }

/*-- MENU 03 - Bottom Navigation Menu --*/
.menu03 { font: 80% Arial, Helvetica, sans-serif; text-align: center; }
a.menu03:link, a.menu03:visited, a.menu03:hover { text-decoration: none; }

/*-- GENERAL Instructions --*/
.border-solid { background-color: #F5F5F5; border: 1px solid #CCC; padding: 4px; margin-bottom: 20px; }
.border-dashed { border: 1px dashed #CCC; padding: 4px; margin-bottom: 20px; }
.btm { vertical-align: bottom; }
.center { text-align: center; }
.footer { font: 75% Arial, Helvetica, sans-serif; text-align: center; margin: -5px 20px 20px 20px; }
.footer2
{
	font: 75% Arial, Helvetica, sans-serif;
	text-align: center;
	margin: -5px 20px 20px 20px;
	color: #f99f18;
}
.footer2 .Ofertas {color: #fc0000}

.imageL { float: left; padding: 0 10px 0 10px; }
.imageR { float: right; padding: 0 0 10px 10px; }
.navhelpers { font: 70% Arial, Helvetica, sans-serif; text-align: right; }
.quote { background-color: #F5F5F5; border-left: 2px solid #CCC; padding: 6px 30px; }
.right { text-align: right; }
.small { font-size: smaller; }
.smaller { font-size: x-small; }
.smallest { font-size: xx-small; }
.top { font-size: xx-small; text-align: right; }

/*--LAYOUT SECTION: DO NOT EDIT --*/
body { font: 90% Arial, Helvetica, sans-serif; margin: 10px 0 0 0; padding: 0; text-align: center; background: #FFF url(images/bg.gif) repeat-x; }
.column1 { padding: 10px 10px 30px 10px; width: 180px; vertical-align: top; border-right: 1px solid #DEDEDE; }
.column2 { padding: 10px 20px 30px 20px; width: 716px; vertical-align: top; }
.column3 { padding: 10px 20px 30px 10px; width: 190px; vertical-align: top; border-left: 1px solid #DEDEDE; }
.column4 { padding: 10px 20px 30px 10px; }
#flashcontent { text-align: right; height: 185px; }
html > body #flashcontent { height: 182px; }
#logo { font: bold 150% Arial, Helvetica, sans-serif; height: 75px; margin: 20px 0 6px 6px; vertical-align: middle; }
a.logo:link, a.logo:visited, a.logo:hover, a.logo:active { text-decoration: none; background: transparent; }
.table { border: 1px solid #CCC; }
.table td { padding: 10px; }
.tb02 { background: url(images/d-002.gif) repeat-y; background-position: right; width: 896px; }
.tb03 { background: url(images/d-003.gif) no-repeat; height: 35px; }
#wrap { margin: 0 auto; padding: 0; text-align: left; width: 895px; }

.titem { font-size: 10px; font-family: Verdana; width:325px; height:179px; overflow:hidden; background:url(images/fondo-naranja.jpg)}
.prepedido { background:url(images/fondo-azul.jpg)}
.oferta { background:url(images/fondo-rojo.jpg)}
.titem .title {line-height:25px;}
.titem .title a { display:block; line-height:25px; padding: 0 10px; font-weight:700; color:#FFF; white-space:nowrap; overflow:hidden;}

.TFamilia { width:100%;}
.TFamilia td{ width:50%;}
.titem .r1 {color: #000; margin:4px 6px 0 6px; }
.titem .r1 .info { float:right; width:150px; height:82px;}
.titem .r1 .info div {width:100%; white-space:nowrap; overflow:hidden; position:absolute; width:150px; text-align:center;}
.titem .r1 .info div.masinfo { color:#FFF; font-weight:700; font-weight:400;}
.titem .r1 .info div.pecioAntiguo { margin-top:25px; color:#999;}
.titem .r1 .info div.pecioAntiguo span {color:#abaaaa}
.titem .r1 .info div.precios { margin-top:39px; font-weight:700; font-size:11px;}
.titem .r1 .info div.stock { margin-top:65px;}
.titem .r2 { height:34px; clear:both; margin:2px 6px 0 6px; overflow:hidden;}
.titem .r3 { clear:both;}
.titem .r3 .info { float:left; margin:3px 0 0 15px; }
.titem .r3 .comprar { float:right; margin:0px 11px 0 0; }
.titem .r3 .editar { float:right; }
.oferta  .r1 .info div.precios { color:#fc0000;}
.prepedido  .r1 .info div.precios, .oferta  .r1 .info div.precios {margin-top:39px;}
.TFamilia td {padding-bottom:8px}

/*.prepedido .r2 { border-left: 2px solid #314c5a; border-right: 2px solid #314c5a; }
.oferta .r2 { border-left: 2px solid #f51805; border-right: 2px solid #f51805; }
.titem .borrado { background-color: #f99f18; }
.prepedido .borrado { background-color: #314c5a; }
.oferta .borrado { background-color: #f51805; }
.titem .r3 { border-left: 2px solid #F99F18; border-right: 2px solid #F99F18; border-bottom: 2px solid #F99F18; padding: 3px; }
.prepedido .r3 { border-left: 2px solid #314c5a; border-right: 2px solid #314c5a; border-bottom: 2px solid #314c5a; }
.oferta .r3 { border-left: 2px solid #f51805; border-right: 2px solid #f51805; border-bottom: 2px solid #f51805; }
.titem .precio { float: left; width: 146px; margin-left: 14px; text-align: center; color: #000; font-weight: bold; }
.titem, info { color: #F99F18; }
.prepedido, info { color: #314c5a; }
.oferta, info { color: #f51805; }*/

.precio { position: absolute; }
.precio .euros { position: absolute; margin-top: 22px; color: #1E3680; font-family: Verdana; font-size: 18px; width: 176px; text-align: center; }
.precio .envio { position: absolute; margin-top: 90px; margin-left: 12px; color: #1E3680; font-family: Verdana; font-size: 9px; }
.precio .info { position: absolute; margin-top: 105px; margin-left: 12px; color: #1E3680; font-family: Verdana; font-size: 9px; }

#contentLogin { background-color: #FFFFFF; position: absolute; top: 2px; left: 570px; width: 300px; border: 2px solid #785326; display: none; }
.Login { color: #FFFFFF; font-weight: bold; text-align: left; background: #785326; padding: 2px; }
#userInfo a { font-family: Arial, Verdana; font-size: 80%; }

.ImgLoading { margin: 0 10px 0 10px; }
.Loading_Content { width: 300px; background-color: #FFF; text-align: left; border: 2px solid #01384E; padding: 6px; z-index: 1001; }
.Loading_Mask { width: 100%; height: 100%; background-color: Gray; opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); z-index: 1000; }

.Carrito { width: 100%; }
.Carrito th { background-color: #CACACA; border-bottom: 1px solid #000; text-align: center; white-space: nowrap; }
.Carrito td { background-color: #F0F0F0; white-space: nowrap; padding: 0 5px 0 5px; }
.Carrito .Footer td { background-color: #FFF; border-top: 1px solid #000; }
.Carrito .Footern td { background-color: #FFF; }
#header { float: left; background: #FFF url(   "images/bg-1.gif" ) repeat-x bottom; font-size: 93%; line-height: normal; margin-right: 15px; width: 640px; }
#header ul { margin: 0; padding: 10px 0 0 0; list-style: none; }
#header li { float: left; background: url(   "images/left_both.gif" ) no-repeat left top; margin: 0; padding: 0 0 0 9px; border-bottom: 1px solid #765; }
#header a { float: left; display: block; width: .1em; background: url(   "images/right_both.gif" ) no-repeat right top; padding: 5px 15px 4px 6px; text-decoration: none; font-weight: bold; color: #765; }
#header > ul a { width: auto; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a { float: none; }
/* End IE5-Mac hack */
#header a:hover { color: #333; }
#header .current { background-position: 0 -150px; border-width: 0; }
#header .current a { background-position: 100% -150px; padding-bottom: 5px; color: #333; }
#header li:hover, #header li:hover a { background-position: 0% -150px; color: #333; }
#header li:hover a { background-position: 100% -150px; }
.Compras { width: 640px; margin: 10px 0 0 5px; }
.Compras th { background: #cacaca; text-align: center; }
.Gracias { border: 4px solid #023e57; }
.Gracias .Gracias-head { height: 112px; background: url(images/gracias-head.jpg) no-repeat center; }
.Gracias .Gracias-body { padding: 10px; }
.Gracias .Gracias-foot { height: 102px; background: url(images/gracias-foot.jpg) no-repeat right; }
div.PageArticulo .r { width: 45%; padding-top: 1px; padding-right: 2px; margin-top: 10px; margin-right: 10px; float: right; text-align: right; }
div.PageArticulo .l { width: 50%; margin-left: 5px; margin-top: 15px; padding: 3px; float: left; border: 2px solid #d0d0d0; background: #efefef; color: #949494; font-weight: 750; font-size: 75%; }
#TableContacto { display: none; position: fixed; top: 35%; left: 25%; }
#TableContacto td.mc { width: 406px; height: 242px; background: url( 'images/fondoContacta.jpg' ); vertical-align: top; }
.tableshadow .head { text-align: right; }
.tableshadow .head a { font-weight: 700; text-decoration: none; font-size: 11px; }
.tableshadow { padding: 0; border-collapse: collapse; }
.tableshadow .tl { height: 20px; width: 20px; empty-cells: show; background: url(  'images/rounded-white.png' ); }
.tableshadow .tc { empty-cells: show; background: url(  'images/rounded-white.png' ) 0 -40px; height: 20px; }
.tableshadow .tr { background: url(  'images/rounded-white.png' ) -20px 0; height: 20px; width: 20px; empty-cells: show; }
em { color: #FF0000; font-weight: bold; font-size: 11px; }
.FamiliaRss { text-align: right; }
.titem em { color: #FF0000; font-weight: bold; font-size: 9px; font-style: normal; }
.tableshadow .ml { background: url(  'images/rounded-white.png' ) 0 -80px; empty-cells: show; width: 20px; height: 100%; }
.tableshadow .mc { background-color: #FFF; empty-cells: show; }
.tableshadow .mr { background: url(  'images/rounded-white.png' ) -20px -80px; empty-cells: show; width: 20px; height: 100%; }
.tableshadow .bl { background: url(  'images/rounded-white.png' ) 0 -20px; height: 20px; width: 20px; empty-cells: show; }
.tableshadow .bc { background: url(  'images/rounded-white.png' ) 0 -60px; height: 20px; empty-cells: show; }
.tableshadow .br { background: url(  'images/rounded-white.png' ) -20px -20px; height: 20px; width: 20px; empty-cells: show; }
.tbuscar { background: url(  'images/buscar.gif' ) no-repeat; border-collapse: collapse; padding: 0; width: 173px; }
.tbuscar input { background-color: Transparent; width: 140px; }

.SummaryLogin { width: 230px; text-align: left; clear: both; }
.SummaryLogin ul { margin-top: 5px; margin-left: 0; }
.SummaryLogin li { margin-left: 20px; font-family: Verdana; font-size: 11px; font-weight: 500; }
.ZBL_Button_GlobalBox input, button, .button { border: 0; background: url(images/button-blank.gif) no-repeat; width: 120px; height: 20px; font-weight: bold; }
#Detalle { width: 656px; font-size: 12px; }
#DetalleLeft { width: 216px; float: left; }
#DetalleRight { width: 440px; padding-left: 20px; float: left; width: 420px; }
html > body #DetalleRight { width: 420px; }
#DetalleLeft h2 { text-align: center; }
#DetalleLeft .Content { margin-top: 10px; text-align: center; font-size: 11px; }
#Detalle p { margin: 3px 0; font-size: 12px; }
#Detalle table { border-collapse: collapse; margin-bottom: 5px; }
#Detalle p.Envio strong { display: block; float: left; width: 150px; }
#Detalle table caption { padding-bottom: 5px; }
#Detalle table td { white-space: nowrap; }
.ColumnEstado { width: 100px; overflow: hidden; text-overflow: ellipsis; }
.CapaRegistro { background: url(images/nuevo-usuario.jpg) top right no-repeat; }
#SubMenu { text-align: right; width: 656px; position: absolute; margin-top: -33px; }
#SubMenu a { text-decoration: none; font-size: 12px; font-weight: 5600; }

#SubMenu a.Ofertas { color: #fc0000; }
#SubMenu a:hover { text-decoration: underline; }

#PnLogin_client .ZBL_TextBox_GlobalBox input { width: 151px; }
.BannerLeft { text-align: center; margin-top: 10px; }
#DetalleLeft select { width: 214px; }
.CapaCodioDescuento { color: #4794d1; font-weight: 900; font-size: 12px; border: 1px solid #c9cac9; padding: 10px; margin-top: 10px; }
.CapaCodioDescuento a { color: #4794d1; font-weight: 900; font-size: 12px; text-decoration: underline; }
.CapaCodioDescuento .ZBL_GlobalBox, .CapaCodioDescuento .ZBL_TextBox_GlobalBox .ZBL_Input { float: none; display: inline; }
.CapaCodioDescuento .ZBL_TextBox_GlobalBox .ZBL_Input { padding-right: 22px; }
.CapaCodioDescuento input { border: 1px solid #c9cac9; width: 298px; }
.CapaCodioDescuento .Info { display: block; color: #878787; font-size: 10px; clear: both; }
#ctl00_SiteMapPath1 { font-size: 12px; }

ul.sc_tagcloud, ul.sc_tagcloud li { list-style-type: none; list-style-image: none; padding: 0; }
ul.sc_tagcloud { margin: 0; }
ul.sc_tagcloud li { display:inline; margin:0 5px 0 0; margin-top:0px; }
ul.sc_tagcloud a { text-decoration: none; font-family:Tahoma;}
ul.sc_tagcloud a:hover { text-decoration: underline;}
ul.sc_tagcloud li.sc_tagcloud_1 a { font-size:10PX; color:#696969; font-weight:normal;}
ul.sc_tagcloud li.sc_tagcloud_2 a { font-size:10PX; color:#242424; font-weight:normal; }
ul.sc_tagcloud li.sc_tagcloud_3 a { font-size:12PX; color:#696969; font-weight:normal; }
ul.sc_tagcloud li.sc_tagcloud_4 a { font-size:12PX; color:#242424; font-weight:normal; }
ul.sc_tagcloud li.sc_tagcloud_5 a { font-size:14PX; color:#242424; font-weight:bold; }
ul.sc_tagcloud li.sc_tagcloud_6 a { font-size:18PX; color:#696969; font-weight:bold; }