.body {
	background-color: #E2DDDD;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

#todo{
	width:945px;
	background-color:#FFFFFF;
	position:relative;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	

}

.fondoblanco {
	background-color: #FFFFFF;
}
.fondoceleste {

	background-color: #DAF3FE;
}
.fondocelesteazul {


	background-color: #05AEF5;
}

.txtazul {

	color: #016B97;
	font-size: 11px;
}
.txtblanco {
	color: #FFFFFF;
	font-size: 12px;
}
.txtblanco1 
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FFFFFF;
	font-size: 12px;
}
.fondoverde {



	background-color: #11C903;
}
.fondocelestetienda {


	background-color: #AAE5FF;
}
.titulotienda {
	color: #016B97;
	font-size: 20px;
	font-weight: bold;
}
.tituloencargos {
	color: #333333;
	font-size: 24px;
	font-weight: bold;
}
.bodyceleste {

	background-color: #DAF3FE;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.punteada {
	background-image: url(../img4sale/punteada.gif);
	background-repeat: repeat-y;
}
.txtazul {

	color: #016B97;
	font-size: 11px;
}
.tituloingresar {

	color: #016B97;
	font-size: 16px;
	font-weight: bold;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {text-decoration: none;color: #333333;}
.b:link {color: #016B97;text-decoration: none;}
.b:visited {text-decoration: none;color: #016B97;}
.b:hover {text-decoration: underline;color: #0C5370;}
.b:active {text-decoration: none;color: #016B97;}
.titulohome {color: #333333;font-size: 20px;font-weight: normal;font-style: normal;}
.fondocelesteform {background-color: #DAF3FE;}
.fondocatalogo {background-color: #FBFAFA;}
.fondogris {background-color: #EBEBEB;}
.body2 {background-color: #FFFFFF;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;}

/*========== nuevos claudia =======*/
#celeste {background-color: #DAF3FE;width:945px;}
#celeste td{width:295px;vertical-align:top;}
#celeste th{width:700px;text-align:right;}

#info {width:930px;background-color:#FFFFFF;text-align:justify;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333333;padding:0px;margin-top:0px;margin-right:0px;border-left:15px solid #a9c3ce;font-weight:normal;}

#textosdestacados {width:500px;border-top:3px solid #cc0000;padding:15px 25px 15px 25px;background-color:#f4f4f4;margin-left:60px;}
#textosdestacados ul{margin-left:20px;}
#textosdestacados li{list-style-image:url(../img4sale/ticket.gif);margin-bottom:15px;}

#textospie {width:500px;margin:25px 0px 10px 60px;font-size:12px;text-align:center;}

#banner {border:1px solid #cccccc;background-color:#FFFFff;text-align:left;padding:8px;margin:15px 10px 10px 10px;width:175px;}

/*caja login*/
#login {border:1px solid #5885AC;background-color:#FFFFff;background-image:url(../img4sale/bg_login.gif);text-align:left;padding-bottom:8px;font-size:11px;margin:10px;width:190px;}
#login a:link {color: #016B97;text-decoration: none;}
#login a:visited {text-decoration: none;color: #016B97;}
#login a:hover {text-decoration: underline;color: #0C5370;}
u {text-align:left;display:block; border:1px solid #D9E4EF;padding:8px;color:#FFFFFF;height:30px;}

.txt {color:#333333;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
.rojo {color:#CC0000;}
.verde {color:#008000;}
.titulo {font-size:12px;color:#CC0000;font-weight:bold;}
.tituloazul {font-size:13px;color: #0066CC;font-weight:bold;}
.boton {height:18px;border:1px solid #518AC8;font-weight:bold;font-size:11px;color: #ffffff;background-color:#3366CC;}
.campo {font-family:Arial, Helvetica, sans-serif;color: #000000;font-size:11px;border:1px solid #7F9DB9;}



/*tablas tarifas*/
#tarifas {border:1px solid #a9c3ce;background-color:#FFFFff;padding:4px;margin:10px 0px 10px 30px;width:510px;}
#tarifas th {width:170px;font-weight:normal;text-align:center;height:20px;}
#tarifas td {width:170px;text-align:center;font-weight:bold;height:20px;}

#tarifas2 {border:1px solid #a9c3ce;background-color:#FFFFff;padding:4px;margin:10px 0px 10px 30px;width:510px;}
#tarifas2 th {width:255px;font-weight:normal;text-align:center;height:20px;}
#tarifas2 td {width:255px;text-align:center;font-weight:bold;height:20px;}

#tarifas7 {border:1px solid #a9c3ce;background-color:#FFFFff;padding:4px;margin:10px 0px 10px 30px;width:630px;}
#tarifas7 th {width:90px;font-weight:normal;text-align:center;height:20px;}
#tarifas7 td {width:90px;text-align:center;font-weight:bold;height:20px;}

/*tablas faq*/
#tablafaq {width:95%;margin-right:20px;}
#tablafaq td {width:20px;text-align:center;padding:3px;vertical-align:top;}
#tablafaq th {font-family:Arial, Helvetica, sans-serif;font-size:11px;color: #0066CC;text-align:left;padding:5px;}

.menuOut {cursor:hand; color: #0066CC; border:none; font-weight:normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; margin: 0px; padding: 0px; }
.menuOver {cursor:hand; color: #0099FF; font-weight:normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; margin: 0px; padding: 0px; }
.submenu {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:25px; font-weight: normal; color: #333333; text-align: justify; padding-top: 5px;margin-bottom:15px; }

/*tablas formulario*/
#form {width:450;margin-right:20px;}
#form td {width:150px;text-align:left;padding:3px;vertical-align:top;color: #0066CC;}
#form th {width:300px;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-align:left;padding:3px;}

/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------CSS DE FOOTER-----------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/




ol, ul {
	list-style: none;
}

#pie { font: normal 75%/1.5 arial, helvetica, verdana, sans; margin: 0 auto; width:100%; background: url(../i/bk-footer.jpg) top left repeat-x #426978; }
.fila { margin-bottom: 0; height: 1%; overflow:hidden; }
.columna { float:left; margin-right: 20px; }

.cerofooter { width:10px; margin-right:0;}

.cuatro{ width: 300px; }

.ultima { margin-right: 0; }

#footer { width:960px; margin:0 auto; padding:25px 0 10px 0; color:#FFF; }
#footer ul { overflow:hidden; padding:0 0 10px 10px; }
#footer ul li a { color:#FFF; text-decoration:none; font-size:12px; }
#footer ul li ul li a { color:#FFF; text-decoration:none; font-size:10px; }
#footer ul li ul li a:hover { color:#D2E9FF; text-decoration:none; font-size:10px; }
#footer ul.punta li { padding-left:10px; background:url(../i/ico-punta.gif) center left no-repeat; }
#footer .separador { background:url(../i/sep-footer.gif) center left no-repeat; padding-left:0px; }

.separador_imgfooter {
	float:left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.separador_img2footer {
	float:left;
	padding:0;
	margin-top: 5px;
	margin-right: 1px;
	margin-bottom: 5px;
}

#footer .separador p { clear:both; }


p, ol, ul, blockquote {
	font: 12px/12px;
	padding-top: 0;
	padding-bottom: 1.5em;
	padding-left: 20px;
}


#mcafee {
	float: left;
	width: 200px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 20px;
	padding-left: 35px;
	margin-bottom: 20px;
}


/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------CSS DE HEADER-----------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/




#cabezal { font: normal 75%/1.5 arial, helvetica, verdana, sans; margin: 0 auto; width: 960px; }

.fila { margin-bottom: 0; height: 1%; overflow:hidden; }
.columna { float:left; margin-right: 20px; }

.cero { width:10px; margin-right:0;}

.uno { width: 60px; }
.dos { width: 140px; }
.tres { width: 220px; }
.cuatro { width: 300px; }
.cinco { width: 380px; }
.seis { width: 460px; }
.siete { width: 540px; }
.ocho { width: 620px; }
.nueve { width: 700px; }

.ultima { margin-right: 0; }

#social { font-size:10px; text-align:right; color:#FFF; text-transform:uppercase; }
#social p { float:right; margin:6px 0 0 0; }
#social img {
	padding:0;
	float:right;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
}
#social a img {
	text-decoration:none;
	border:0;
}
#social label img { margin:7px 0 0 5px; }
.selectpais { font-size:12px; text-transform:uppercase; color:#CCC; margin-top:2px; padding:0 0 0 4px; border:#D7D7D7; }

#header { height:81px; text-shadow: 1px 1px 1px #FFF; }
#header p { float:right; display:inline; margin:0; padding:25px 0px 5px 0; color:#777; font-size:12px; }
#header img { float:right; margin:0; padding:0; }
#header p.micuenta { margin:0 10px 0 0; padding:28px 40px 5px 0; background:url(../i/ico-eshopex.gif) bottom right no-repeat; }
#header p.rastro { background: url(../i/rastrosep.gif) 0px 15px no-repeat; padding-left:15px; margin-top:-5px; line-height:20px;height:20px;}
.rastro span { display:inline-block;border:1px solid #09C; margin:4px 0 4px 4px; padding:0;}
.formguia { background:#EFEFE7; border:none; padding:2px; }
a.botform { background:url(../i/botform.gif) center left no-repeat; color:#666; text-decoration:none; margin-top:6px; padding:5px 8px;}
a:hover.botform { background:url(../i/botform-ov.gif) center left no-repeat; color:#CCC; text-decoration:none; margin-top:6px; padding:5px 8px; }

#menu { background: url(../i/bk-menu-i.jpg) top left repeat-x; border-top:5px solid #0193C2; width:948px; height:78px; padding-left:1px; margin:0 auto; }


h1.logo { margin:0; padding:15px 0 5px 10px; border:0; float:left; }
h1.logo img { margin:0; padding:0; border:0; }

/* EOI 101010 */
form#form1 p {margin:0;padding:0;}
form#form1 img {float:none;display:inline;5px 0 0 5px}


#txt10 {
	font-size: 10px;
}
.txt12 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
.borde {
	border: 1px solid #CCCCCC;
}


#header_micuenta {
	float: left;
	width: 90px;
	background-image: url(../i/ico-eshopex.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 30px;
	margin-top: 25px;
	margin-left: 165px;
	padding-top: 5px;
}
#header_rastrea {
	float: left;
	width: 95px;
	margin-top: 30px;
	height: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	padding-left: 10px;
}

#header_guia {
	float: right;
	width: 165px;
	height: 25px;
	margin-top: 25px;
	text-align: right;
}

.header_numeroguia {
	display: inline-block;
	background:#EFEFE7;
	border:1px solid #0690c7;
	padding: 3px;
}
.header_sinborde {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #EFEFE7;
	color: #999999;
}
.entrar_header {
	float: left;
	height: 30px;
	margin-left: 10px;
	margin-top: 29px;
	margin-right: 15px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
}



/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------CSS DE MENU-----------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/




/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:	0;
	padding: 0;
	font-weight:normal;
	list-style:	none;
	color: #FFF;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/*color:#666;*/
}
.sf-menu li {
	/*background:		#BDD2FF;*/
}
.sf-menu li li {
	/*background:		#AABDE6;*/
}
.sf-menu li li li {
	/*background:		#9AAEDB;*/
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#CFDEFF;*/
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../i/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../i/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------CSS DE NAVBAR-----------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/



/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	width:100%;
	font-size: 16px;
	height:	60px;
	padding-bottom:	0;
	position:relative;
}
.sf-navbar li {
	padding:0 1px;
	position:static;
	text-shadow: 1px 1px 1px #DDD;
}
.sf-navbar li.reg {
	padding:0 25px;
	position:static;
	float:right;
	background:url(../i/boton-registrate.gif) center no-repeat;
	text-shadow: 1px 1px 1px #444;
}
.sf-navbar li:hover.reg {
	padding:0 25px;
	position:static;
	float:right;
	background:url(../i/boton-registrate-o.gif) center no-repeat;
	text-shadow: 1px 1px 1px #AAA;
}
.sf-navbar li.reg a, .sf-navbar li.reg a:hover { color:#FFF; text-shadow: 1px 1px 1px #444; }
.sf-navbar li a {
	font-weight: bold;
	border-top:	none;
	text-transform:uppercase;
	color:#666;
}
.sf-navbar li a:hover {
	font-weight:bold;
	color:#FFF;
	text-shadow:none;
	/*text-shadow: 1px 1px 1px #CCC;*/
}
.sf-navbar li ul li a {
	color:#FFF;
	font-weight:bold;
	text-shadow: 1px 1px 1px #444;
}
.sf-navbar li ul li a:hover {
	color:#8AC5FF;
	font-weight:bold;
	text-shadow: 1px 1px 1px #000;
}
.sf-navbar li ul li a {
	background:url(../i/menusep.gif) top right no-repeat;
}
.sf-navbar li ul li a:hover {
	background:url(../i/menusepo.gif) top right no-repeat;
}

.sf-navbar li ul {
	width: 88em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	position: relative;
	font-weight: normal;
	text-transform:none;
}
.sf-navbar li li ul {
	width:	13em;
	font-weight: normal;
	text-transform:none;
}
.sf-navbar li li li {
	width:	100%;
}
.sf-navbar ul li {
	width:	auto;
	float:	left;
	text-transform:none;
}
.sf-navbar a, .sf-navbar a:visited {
	border:	none;
}
.sf-navbar li.current {
	font-weight: normal;
	text-transform:none;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	color: #6CF;
	font-weight: normal;
}
.sf-navbar li li.current { font-weight: normal; text-transform:none; }

.sf-navbar li:hover, li a:hover.sf-with-ul {
	background:	url(../i/bk-menu.jpg) top left repeat-x;
}
.sf-navbar li ul li:hover {
	background:none;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	font-size: 14px;
	font-weight: normal;
	text-transform:none;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	font-size: 14px;
	font-weight: normal;
	text-transform:none;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:	0;
	font-size: 14px;
	font-weight: normal;
	text-transform:none;
}
ul.sf-navbar .current ul ul {
	top: -999em;
}

.sf-navbar li li.current > a, .sf-navbar ul li > a {
	font-size: 14px;
	font-weight: normal;
	text-transform:none;
	padding: 10px 40px;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}