/* CSS Document */

/*reglas de estilo default para la pagina*/
*
{
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

a:hover
{
	color: #CE2834; /*color:#A0402D;*/ /*	color:#B51A43;*/
}

ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

img
{
	border: none;
}

.backModal
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 99;
	filter:alpha(opacity=60); opacity: 0.6;	-moz-opacity:0.6;
}

/* Div de encabezado: contiene el logo --------------------------------------*/
.header
{
	width: 960px;
	margin: 20px auto 0;
	padding: 0 40px;
	position: relative;
}
.header a.logo
{
	display: block;
	background-image: url(/images/logo.gif);
	width: 367px;
	height: 47px;
}

.header a.fb
{
	position: absolute;
	background-image: url(/images/fb.png);
	width: 35px;
	height: 36px;
	right: 40px;
	top: 10px;
}


/* contiene el buscador y el área de usuario --------------------------------------*/
.buscadorcont
{
	position: relative;
	width: 960px;
	margin: 20px auto 0;
	padding: 0 40px;
}
.buscador
{
	position: relative;
	float: left;
	width: 470px;
	height: 40px;
	background-image: url(/images/fondo_buscador.gif);
	background-repeat: repeat-x;
}


/* las lineas internas del buscador*/
.separadorbusc
{
	float: left;
	background-color: #808183;
	width: 1px;
	height: 40px;
	margin-left: 10px;
	display: inline;
}


/* donde se pone el texto en el buscador*/
.inputboxbusc
{
	float: left;
	width: 175px;
	height: 18px;
	border: solid 1px #BBBDBF;
	background-color: #FFFFFF;
	color: #333;
	margin: 10px 0 0 30px;
	padding: 2px 0 0 5px;
	font-size: 13px;
	font-weight: bold;
}


/* elemento seleccionado del dropdownbusc de "buscar por" */



/* boton que abre el dropdownbusc de "buscar por" */
.dropdownbuscbtn
{
	cursor: pointer;
	position: relative;
	top: -1px;
	left: 91px;
}

.comprarcont .dropdownbuscbtn
{
	left: -34px;
}

.busqcont .dropdownbuscbtn
{
	top: -1px;
	display: block;
}


/* boton buscar del buscador*/
.buscarbtn
{
	/* background-image: url(/images/btnbuscar.gif); */
	background: url(/images/btnbuscar.gif);
	width: 65px;
	height: 22px;
	display: block;
	position: absolute;
	top: 10px;
	right: 30px;
	border:none;
	cursor:pointer;
}


.areausuario
{
	float: left;
	position: relative;
	width: 250px;
	height: 40px;
	background-color: #F2F2F2;
}

/*.areausuarioitem{
	color:#626366;
}*/

.linksAux
{
	float: right;
	position: relative;
	margin:11px 0 0;
}

/* boton registrarse del area de usuario */
.registrarsebtn
{
	display: block;
	margin: 10px 0 0 77px;
	height: 22px;
	width: 163px;
	background-image: url(/images/btnregistrarse.png);
	text-decoration: none;
}

.registrarsebtn span
{
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0 0 9px;
	display: block;
}



/* las lineas que atraviesan horizontalmente la pantalla  --------------------------------------*/
.separador
{
	clear: both;
	width: 100%;
	height: 15px;
	background-image: url(/images/fondo_separador.gif);
	background-repeat: repeat;
	margin: 1px 0 1px;
}


/* banner principal  --------------------------------------*/
.Containerbannerprincipal
{
	position: relative;
	margin: 0px auto 0px;
	padding: 0px 40px;
	width: 960px;
	z-index:1;
}

.bannerprincipal
{
	display: block;
	width: 700px;
	background-image: url(/images/fondo_banner.gif);
	margin: 0 auto;
	padding: 0 10px 0 10px;
	border-top: 1px solid #626366;
	border-bottom: 1px solid #626366;
	float: left;
	z-index: 10;
}
.bannerprincipal img
{
	border: 0;
}

/* adentro de este div va: 1) el menu vertical y 2) el contenido que está entre el buscador y el footer, o sea la parte variable de cada html ( el div contenidomain)  -------------------------------------- */
.contenidocont
{
	position: relative;
	width: 960px;
	margin: 20px auto 0;
	padding: 0 40px;
}

/* barra derecha*/
.rightBar
{
	width: 225px;
	float: right;
}

.rightBar .paseDestacado iframe
{
	height: 190px;
	width: 225px;
}

.middle
{
	float: left;
	width:603px;
}

/* menu vertical de temas  -------------------------------------- */
.menucont
{
	float: left;
	width: 120px;
}
.menu
{
	border-left: 2px solid #9C9EA0;
	border-top: 1px solid #9C9EA0;
	border-bottom: 1px solid #9C9EA0;
	padding-bottom: 1px;
}
.menuitem
{
	display: block;
	text-decoration: none;
	border-top: 1px solid #9C9EA0;
	border-bottom: 1px solid #9C9EA0;
	margin-top: 1px;
	padding: 5px 0 6px 7px;
	color: #961B1E;
}

.menuitem:hover, .menuitem:hover strong
{
	background-color: #961B1E;
	color: #FFFFFF;
	border-color: #961B1E;
}

.menuitem strong
{
	color: #961B1E;
}


/*banner de novedades x mail  --------------------------------------  */
.bannernovedades
{
	display: block;
	width: 120px;
	height: 240px;
	background-image: url(/images/banner_novedades_mail.gif);
	margin: 20px 0;
}

/*banner de agenda --------------------------------------  */
.banneragenda
{
	display: block;
	border: solid 1px #999;
	width: 118px;
	height: 140px;
	background-image: url(/images/agenda.gif);
	margin: 20px 0;
}


/* este es el div que tiene el contenido variable  --------------------------------------*/
.contenidomain
{
	float: left;
	width: 570px;
	margin-left: 30px;
	padding-bottom: 20px;
	display: inline;
	overflow: hidden;
}

/*lo que va en el footer, despues del 3er separador --------------------------------------*/
.footer
{
	position: relative;
	width: 960px;
	margin: 20px auto 80px;
	padding: 0 40px;
}
.escherback
{
	display: block;
	margin: 0 auto 10px;
}


/*  --------------------------------------ESTILOS DEL HOME/INDEX----------------------------------------------------- */

.titulohome
{
	clear: both;
	background-image: url(/images/fondo_titulo.gif);
	background-repeat: repeat-x;
	width: 570px;
}
.subtitulohome
{
	clear: both;
	width: 532px;
	height: 20px;
	padding: 7px 0 0 38px;
	border-bottom: 3px solid #E6E6E6;
	font-size: 12px;
	font-weight: bold;
}


/* libro novedad*/
.libronov
{
	float: left;
	width: 130px;
	margin: 20px 30px 40px;
	display: inline;
}
.libronovtapa
{
	display: block;
	width: 130px;
	height: 200px;
	overflow: hidden; /*background-image:url(/images/libronov_tapa.jpg);*/
}

.libronovtapa
{
	display: block;
	width: 130px;
	height: 200px;
	overflow: hidden; /*background-image:url(/images/libronov_tapa.jpg);*/
}

.libronovtitulo
{
	display: block;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #961B1E;
	margin-top: 10px;
}

.libronovautor
{
	display: block;
	color: #961B1E; /*font-weight:bold;*/
	margin-top: 5px;
	text-transform: uppercase;
	text-decoration: none;
}

.libronoveditorial
{
	color: #626366;
	margin-top: 5px;
	text-transform: uppercase;
}
.libronovseparador
{
	margin-top: 15px;
	height: 1px;
	border-top: solid 1px #9C9EA0;
	font-size: 1px;
}
.libronovprecio
{
	margin: 10px 0;
	color: #626366;
}
.comprarlibronov
{
	display: block;
	background-image: url(/images/btncomprarlibronov.gif);
	width: 130px;
	height: 21px;
}

/* libro recomendado*/
.librorec, .destMod3col .nov01
{
	float: left;
	width: 110px;
	margin: 20px 12px 20px;
	display: inline;
}
.librorectapa, .imgL a img
{
	display: block;
	width: 90px;
	margin: 0 auto; /*background-image:url(/images/librorec_tapa.jpg);*/
}

a .librorectapa
{
	height: 140px;
	overflow: hidden;
}

.comprarlibrorec
{
	display: block;
	background-image: url(/images/btncomprarlibrorec.gif);
	width: 110px;
	height: 21px;
}

.librorectitulo, .destMod3col .info h3 a
{
	display: block;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #961B1E;
	margin-top: 10px;
}

.librorectitulo, .destMod3col a.lnkAutor {
	text-transform:capitalize;
	margin:5px 0 0;
}



/* sucursal*/
.sucursalspot
{
	display: block;
	float: left; /*width:130px; 	height:50px;*/
	margin: 20px 9px 40px;
	padding: 10px;
	border-top: 1px solid #BBBDBF;
	border-right: 1px solid #BBBDBF;
	border-bottom: 3px solid #BBBDBF;
	border-left: 3px solid #BBBDBF; /*background-image:url(img/fondo_sucursalspot.gif);*/
	text-align: center;
	text-decoration: none;
}
.sucursalspotimg
{
	display: block;
	border: none;
	margin-bottom: 7px;
}


.spottitulo
{
	font-size: 10px;
	font-weight: bold;
	color: #961B1E;
	text-transform: uppercase;
}

/*  --------------------------------------ESTILOS DE PRODUCTO ----------------------------------------------------- */

/*tapa del libro, usa el mismo tamaño que la tapa novedad del home (class libronovtapa 130x200)*/
.tapaprodu
{
	float: left;
}


/* contiene todos los detalles del producto*/
.detalleprodu
{
	width: 264px;
	height: 200px;
	float: left;
	position: relative;
}


.detalletitulo
{
	/*height:27px;*/
	background-color: #F2F2F2;
	border-bottom: 3px solid #E6E6E6;
	font-size: 13px;
	font-weight: bold;
	color: #000000; /*color:#961B1E;*/
	padding: 7px 15px 5px 10px;
}


.detalleinfo
{
	margin: 15px 0 0 10px;
}


.detalleinfo p
{
	font-size: 11px;
	line-height: 17px;
}


.detalleinfoautor
{
	line-height: 17px;
	color: #961B1E;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}


.detalleinfocategoria, .detalleinfocategoria a
{
	line-height: 17px;
	font-size: 11px;
	text-decoration: none;
}
.detalleinfodata
{
	font-size: 11px; /*font-size:13px;*/
}
.detallesubdata
{
}

.separadorprodu
{
	height: 3px;
	width: 234px;
	position: absolute;
	top: 197px;
	left: 16px;
	font-size: 1px;
	display:none;
}

/* comprarconthead: encabezado de la barra vertical derecha de compra. precio y convertir a otras monedas. busquedaconthead: encabezado de la barra vertical derecha de busqueda*/
.comprarconthead, .busquedaconthead
{
	float: left;
	padding-top: 7px;
	background-color: #CCCCCC;
	border: 1px solid #666666;
	border-bottom: none;
	text-align: center;
}
.comprarconthead
{
	width: 173px;
}
.busquedaconthead
{
	width: 163px;
	margin: 20px 0 0 10px;
	display: inline;
	float: left;
}
/*.busquedaCont1{
float:left;
}
*/

.comprarcontprecio
{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	display: block;
}
.convertirprecio
{
	color: #961B1E; /*line-height:14px;*/
	float: left;
	margin-left: 10px;
	text-decoration: none;
}

a.convertirprecio
{
	padding-bottom: 5px;
}


.separadorcomprarconthead
{
	height: 3px;
	width: 163px;
	background-image: url(/images/fondo_separadorcomprarcont.gif);
	clear: left;
	font-size: 1px;
}

.comprarconthead .separadorcomprarconthead
{
	width: 173px;
}

/*   contenedor de la barra vertical derecha de compra */

.comprarcont, .busqcont
{
	float: left;
	position: relative;
	border: 1px solid #666666;
	border-top: none;
	text-align: center;
}

.comprarcont
{
	width: 173px;
	padding: 17px 0 19px 0;
	background: #E6E6E6;
}

.busqcont
{
	background-image: url(/images/fondo_controlbusq.gif);
	background-repeat: repeat-y;
	width: 163px;
	margin-left: 10px;
	text-align: left;
	padding-bottom: 20px;
	display: inline;
}

.comprarcont a
{
	float: left; /*width:173px;*/
	display: block;
	color: #961B1E;
	text-decoration: none;
}

.comprarcont a:hover
{
	color: #CE2834;
}

/* drop down de cantidad: label descriptivo*/
.comprarcanttext
{
	margin: 3px 0px;
	font-size: 12px;
	width: 173px;
	text-align: center;
}


/* drop down de cantidad:boton*/
.comprarcantdropdownbuscbtn
{
	cursor: pointer;
	float: left;
	margin-left: 1px;
}


/* drop down de cantidad:display*/
.comprarcantdropdownbusc
{
	float: left;
	height: 18px;
	width: 20px;
	border: solid 1px #BBBDBF;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
	padding-top: 2px;
}

/* drop down de cantidad:lista desplegada*/
.comprarcantdropdownbusclista
{
	position: absolute;
	left: 97px;
	top: 37px;
	width: 20px;
	border: solid 1px #BBBDBF;
	background-color: #F2F2F2;
	font-size: 10px; /*padding-bottom:3px;*/
}


.separadorcomprarcont
{
	float: left;
	height: 1px;
	width: 173px;
	background: #B2B2B2;
	margin: 12px 0 20px 0;
}



/*boton comprar*/
.comprarbtnbig
{
	float: left;
	margin: 0 0 15px 32px;
	display: block;
	background-image: url(/images/btncomprarbig.gif);
	width: 110px;
	height: 30px;
}

/*boton Encargar*/
a.encargarbtnbig
{
	float: left;
	margin: 0 0 15px 32px;
	display: inline;
	background-image: url(/images/btnencargar.gif);
	width: 110px;
	height: 30px;
}

/*reseña de producto*/
.produtexto {
    float: left;
    font-size: 14px;
    line-height: 21px;
    padding-top: 20px;
    width: 560px;
}


/*   contenedor de la barra vertical derecha de sugerencias, ubicada abajo de la barra de compra */
.sugerenciascont
{
	float: left;
	margin-top: 20px;
	padding: 10px 15px 15px;
	width: 537px;
	background-color: #FAFAFA;
	border: 1px solid #BBBDBF;
	text-align: center;
}


.sugerenciashead
{
	/*margin-bottom: 20px;*/
}

/* contiene la caja de comentarios de usuarios, ubicada debajo de la reseña */
.producomentarios
{
	float: left;
	margin-top: 30px;
	width: 380px;
}


.producomenthead
{
	width: 372px;
	height: 23px;
	padding: 10px 0 0 11px;
	background-color: #F2F2F2;
	border-bottom: 3px solid #E6E6E6;
	color: #333333;
	font-size: 12px;
}


/* contiene un comentario de usuario*/
.comentario
{
	padding-top: 7px;
	height: 40px;
	color: #626366;
	border-bottom: 1px solid #E6E6E6;
}


.comentariofirma
{
	float: right;
	margin-top: 25px;
	font-weight: bold;
	color: #626366;
	text-align: right;
}

/*  --------------------------------------ESTILOS DE BUSQUEDA ----------------------------------------------------- */


/* contiene todos los resultados de búsqueda*/
.itemlist
{
	float: left;
	width: 375px;
}

.Recomendados 
{
	width:570px;
}


/*item resultado de la búsqueda*/
.busqitem
{
	position: relative;
	float: left;
	width: 375px;
	margin-bottom: 30px;
	padding-top: 20px;
}


/* tapa del item, del mismo tamaño que la class de libro recomendado del home( librorectapa) 50x77 */
.itemtapa
{
	float: left;
	width: 55px; /*background-image:url(/images/librorec_tapa.jpg);*/
}


.itemtitulo
{
	float: left;
	width: 305px;
	padding: 10px 5px 10px 10px;
	background-color: #F2F2F2;
	border-bottom: 3px solid #E6E6E6;
	color: #961B1E;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.Recomendados a.itemtitulo 
{
	width:499px;
}


.itemdata
{
	float: left;
	padding: 5px 0 0 10px;
	width: 310px;
}

.Recomendados div.itemdata 
{
	width:499px;
}

.itemautor
{
	color: #961B1E;
	text-decoration: none;
}


.itemseparadorint
{
	/*position:absolute; top:90px; left:0;*/
	float: left;
	margin-top: 10px;
	border-top: solid 1px #F2F2F2;
	height: 1px;
	width: 375px;
	font-size: 1px;
}


.itemcomprarbar
{
	padding: 10px 0;
	width: 375px;
	float: left;
}



.itemcomprartext
{
	float: left;
	margin-left: 10px;
	font-weight: bold;
}


.itemcomprarbtn
{
	float: left;
	height: 21px;
	width: 110px;
	background-image: url(/images/btncomprarlibrorec.gif);
	margin-left: 50px;
}


.itemconvertir
{
	float: left;
	margin-left: 5px;
	color: #961B1E;
	text-decoration: none;
}


.itemseparadorext
{
	clear: both;
	height: 1px;
	border-top: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
	width: 375px;
	font-size: 1px;
}

.Recomendados div.itemcomprarbar, .Recomendados div.itemseparadorint, div.Recomendados div.busqitem, div.Recomendados div.itemseparadorext
{
	width:570px;
}

.busqresalt
{
	font-size: 12px;
	font-weight: bold;
}


.palabrabuscada
{
	font-size: 12px;
	font-weight: bold;
	color: #961B1E;
	margin: 5px 0;
}


/* busqfooter:  el paginado del buscador*/
.busqfooter
{
	text-align: center;
	position: relative;
	float: left;
	height: 30px;
	margin: 20px auto;
}

.busqfooter a
{
	/*float:left;*/
	font-size: 11px;
	color: #000000;
	margin-right: 7px;
	display: inline;
}

.busqfooter a:hover
{
	color: #961B1E;
}
.busqfooter span
{
	/*float:left;*/
	font-size: 12px;
	color: #000000;
	margin-right: 7px;
	font-weight: bolder;
}
/* contenedor de la barra vertical derecha de manejo de busqueda y filtros. Usa la misma clase que el encabezado similar de la pagina de producto (comprarcont) y algunas caracteristicas especificas asignadas en su id (controlbusq) */

.tituloresultados
{
	margin-bottom: 20px;
}

.controlbusqtext
{
	margin-top: 17px;
	font-weight: bold;
	width: 163px;
	text-align: center;
	float: left;
	background: transparent;
}


/* donde se muestra el criterio activo de busqueda "palabras clave", "autor",o "título". el id controbusqdropdownbusc le da un margin-left distinto al de la barra de buscador de arriba. se utiliza sobre la  class del dropdownbusc de buscador(dropdownbuscbusc)*/
.controbusqdropdownbusc
{
	margin-left: 0;
}


/* lista desplegada donde se muestra los criterios disponibles de busqueda "palabras clave", "autor",o "título". el id controlbusclista le da unas propiedades left y top distintas a las de la barra de buscador de arriba. se utiliza sobre la class de la lista desplegada del dropdownbusc del buscador(dropdownbuscbusclista)  */
.controlbusclista
{
	left: 30px;
	top: 60px;
}


/* filtro activo*/
.filtroact
{
	float: left;
	width: 111px;
	background-color: #FFF;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 3px solid #000000;
	border-left: 3px solid #000000;
	font-size: 12px;
	color: #961B1E;
	line-height: 19px;
	margin: 10px 0 10px 21px;
	padding: 3px 0 10px 5px;
	display: inline;
}


.cerrarfiltro
{
	position: relative;
	float: right;
	width: 10px;
	height: 10px;
	background-image: url(/images/btncerrarfiltro.gif);
	margin: 4px 5px 0 0;
	background-repeat: no-repeat;
	display: inline;
}


.filtroactseparador
{
	width: 116px;
	height: 1px;
	border-top: solid 1px #BDBDBD;
	font-size: 1px;
	float: left;
	position: relative;
	margin: -18px 0 0 -5px;
	display: inline;
}


.filtrodata
{
	text-transform: uppercase;
	color: #000000;
}


/* filtro inactivo*/
a.filtroinact
{
	position: relative;
	width: 111px;
	height: 15px; /*background-color:#E6E6E6; 	border: 1px solid #626366; 	color:#626366;*/
	font-size: 12px;
	line-height: 19px;
	margin: 10px 0 0 20px;
	padding: 0 0 5px 5px;
	border: solid 1px #BBBDBF;
	background-color: #E6E6E6;
	color: #626366;
	cursor: pointer;
	float: left;
	text-decoration: none;
}

.filtroinactdropdwn, .filtroinactdropdwnEdit
{
	width: 150px;
	border: solid 1px #BBBDBF;
	background-color: #F2F2F2;
	margin: 0 0px 10px 6px;
	float: left;
	display: inline;
}

.agregarfiltro
{
	position: absolute;
	right: 5px;
	top: 6px;
	width: 9px;
	height: 9px;
	background-image: url(/images/btnagregarfiltro.gif);
}



/*DROP DOWN MENU*/

ul.dropdownbusc, ul.dropdownbusc li, ul.dropdownbusc ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}


ul.dropdownbusc, .dropdownbusc
{
	position: relative;
	z-index: 97;
	float: left;
	width: 90px;
	height: 20px;
	border: solid 1px #BBBDBF;
	background-color: #FFF;
	color: #626366;
	margin: 10px 0px 0px 10px;
	cursor: pointer;
	display: inline;
}

.comprarcont ul.dropdownbusc
{
	width: 25px;
	margin: 0 0 0 61px;
}

.busqcont ul.dropdownbusc
{
	margin: 10px 0px 0px 25px;
}

ul.dropdownbusc li
{
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
}

ul.dropdownbusc li.hover, ul.dropdownbusc li:hover
{
	z-index: 599;
	cursor: pointer;
}

ul.dropdownbusc ul
{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
}

/* level mark*/

ul.dropdownbusc ul
{
	z-index: 999;
	left: 0px;
	top: 20px;
	width: 110px;
	border: solid 1px #BBBDBF;
	background-color: #F2F2F2;
}

.comprarcont ul.dropdownbusc ul
{
	width: 44px;
}

.areausuariolista
{
	position: absolute;
	left: 77px;
	top: 31px;
	width: 161px;
	border: solid 1px #BBBDBF;
	background-color: #F2F2F2;
	z-index: 90;
}

ul.dropdownbusc ul a, .areausuariolista a, #filtroinactdropdwn a, .filtroinactdropdwnEdit a
{
	display: block;
	position: relative;
	z-index: 999; /*color:#626366;*/
	cursor: pointer;
	color: #961B1E;
	padding: 1px 0 3px 5px;
	float: left;
	text-decoration: none;
}

ul.dropdownbusc ul a
{
	width: 105px;
}

.areausuariolista a
{
	width: 156px;
}

.comprarcont ul.dropdownbusc ul a
{
	width: 44px;
	padding-left: 0px;
}

.filtroinactdropdwn a, .filtroinactdropdwnEdit a
{
	width: 145px;
	float: left;
}

ul.dropdownbusc ul a:hover, .areausuariolista a:hover, .filtroinactdropdwn a:hover, .filtroinactdropdwnEdit a:hover
{
	/*color:#626366;*/
	background-color: #961B1E;
	color: #FFFFFF;
}


/*@section		Support Class `dir`*/
/*@level sep	ul, .class*/



ul.dropdownbusc *.dir
{
	width: 20px;
	height: 20px;
	cursor: pointer;
	color: #333;
	font-size: 11px;
	border: none;
	font-weight: normal;
	position: absolute;
	z-index: 999;
	left: 0;
	top: 0;
}

.busqcont ul.dropdownbusc *.dir
{
	float: left;
	width: 115px;
	height: 0px;
	cursor: pointer;
	margin: 0px;
	cursor: default;
	font-weight: normal;
	display: block;
	z-index: 999;
}

.dropdownbusc span
{
	margin: 4px 0px 0px 4px;
	float: left;
	display: inline;
}
.dropdownbusc input
{
	margin: 4px 0px 0px 4px;
	float: left;
	display: inline;
}

/*  --------------------------------------ESTILOS DE CONTACTO ----------------------------------------------------- */

.titulocontacto
{
	background-color: #F2F2F2;
	border-bottom: 3px solid #E6E6E6;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding: 7px 0 5px 20px;
}


.subtitulocontacto
{
	/*background-color:#F2F2F2;*/
	border-bottom: 3px solid #E6E6E6;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin-top: 30px;
	padding: 7px 0 5px 20px;
}
.itemcontacto
{
	position: relative;
	margin-top: 15px;
}
.labelcontacto
{
	float: left;
	padding: 7px 0 5px 20px;
	font-size: 11px;
	width: 65px; /*color:#9C9EA0;*/
}
.contactodata
{
	float: left;
	padding: 7px 0 30px 20px;
	font-size: 11px;
}
.inputcontacto
{
	margin-top: 3px;
	font-size: 11px;
	padding: 1px 0 1px 2px;
	border: 1px solid #9C9EA0;
	width: 250px;
}
.inputmensaje
{
	margin-top: 3px;
	font-size: 11px;
	padding: 1px 0 1px 2px;
	border: 1px solid #9C9EA0;
	width: 250px;
	height: 250px;
}
.mailcontacto
{
	font-size: 11px;
	color: #961B1E;
}
.mailcontacto:hover
{
	color: #CE2834;
}
.enviarbtn
{
	display: block;
	margin: 10px 0 40px 224px;
	width: 111px;
	height: 30px; /*background-image:url(/images/enviar.gif);*/
}
.warninglabelcontacto
{
	position: absolute;
	top: 6px;
	left: 340px;
	color: #961B1E;
	text-transform: uppercase;
}

/*  --------------------------------------ESTILOS DE COMPRA PROVISIORIA ----------------------------------------------------- */
.detallecont
{
	float: left;
	padding-left: 20px;
	position: relative;
	margin-top: 0px;
	width: 550px;
	top: 0px; /*left: 143px;*/
}

.subtitulocompra
{
	/*background-color:#F2F2F2;*/
	border-bottom: 3px solid #E6E6E6;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 0 0 5px 20px;
}
#detalleconsultacompra
{
	width: 420px;
}
#separadorcompraprovi
{
	width: 404px;
}
.bEnviar
{
	height: 30px;
	width: 111px;
}
.contButton
{
	padding-left: 222px;
	padding-top: 10px;
}
/*  --------------------------------------ESTILOS DE INSTITUCIONAL  ----------------------------------------------------- */
.tituloinstitu
{
	display: block;
	margin: 0 0 20px 0;
}
.institucont
{
	margin: 20px 0 20px 20px;
	font-size: 11px;
}
/*  --------------------------------------ESTILOS DE BOLETIN  ----------------------------------------------------- */
.mainbol
{
	width: 580px;
	margin: 0 auto;
	padding-bottom: 20px;
	overflow: auto;
}
.logobol
{
	display: block;
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
	width: 580px;
	height: 47px;
	margin: 20px auto;
}



.libroboletin
{
	padding-top: 20px;
	float: left;
	width: 580px;
	position: relative;
}

.detallebole
{
	width: 450px;
	height: 200px;
	float: right;
	position: relative;
}
.boletext
{
	padding-top: 5px;
	font-size: 11px;
	line-height: 16px;
}
.separadorbole
{
	height: 3px;
	width: 434px;
	background-image: url(/images/separador_produ.gif);
	position: absolute;
	top: 203px;
	left: 16px;
}
/*boton comprar*/
.comprarbtnbole
{
	float: left;
	margin-top: 3px;
	background-image: url(/images/btncomprarbole.gif);
	width: 130px;
	height: 30px;
}

.boleprecio
{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	padding: 10px 0 0 145px;
}
.separadorbolefin
{
	height: 3px;
	width: 434px;
	background-image: url(/images/separador_produ.gif);
	position: absolute;
	bottom: 0;
	left: 146px;
}

.subtitulobole
{
	/*background-color:#F2F2F2;*/
	border-bottom: 3px solid #E6E6E6;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin-top: 10px;
	padding: 7px 0 5px 0;
}

.bolecont
{
	margin: 20px 0;
	font-size: 11px;
}
.bolecont a
{
	font-size: 11px;
	text-decoration: none;
	color: #961B1E;
}
.bolecont a:hover
{
	color: #CE2834;
}
/*  --------------------------------------ESTILOS DE MENSAJE DE ALERTA  ----------------------------------------------------- */
.msgbox
{
	width: 350px;
	position: absolute;
	left: 258px;
	top: 300px;
	padding: 10px;
	background-color: #FAFAFA;
	border: 1px solid #BBBDBF;
	z-index: 1000;
}
.msgtitulo
{
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 3px 10px;
	border-bottom: 3px solid #E6E6E6;
	text-transform: uppercase;
}
.msgcontenido
{
	font-size: 11px;
	padding: 10px 0 3px 10px;
}
/*  --------------------------------------ESTILOS DE CARTEL DE CARRITO  ----------------------------------------------------- */
.carritocont
{
	float: right;
	border-bottom: 1px solid #9C9EA0;
	border-right: 1px solid #9C9EA0;
	height: 45px;
	width: 163px;
	position: relative;
}
#linkcarritodetalle
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #961B1E;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(/images/carritoback.gif);
	background-repeat: repeat-x;
	height: 43px;
	width: 163px;
	border-bottom: 1px solid #9C9EA0;
	z-index: -90;
}
#linkcarritodetalle:hover
{
	color: #CE2834;
}
#linkcerrarcompra
{
	position: absolute;
	right: 9px;
	top: 7px;
	width: 33px;
	height: 32px;
	background-image: url(/images/carritoico.gif);
}
#carritolabel
{
	width: 85px;
	height: 24px;
	padding-left: 4px;
	border: 1px solid #BBBDBF;
	background-image: url(/images/carritolabelback.gif);
	background-repeat: repeat-y;
	font-size: 9px;
	position: absolute;
	top: 14px;
}

#carritoAdd
{
	position: absolute;
	width: 314px;
	top: 147px;
	z-index: 999;
	left: 50%;
	margin: 0 0 0 181px;
}

#carritoAdd .content
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    float: left;
    margin: 100px 0 0 73px;
    padding: 10px;
    text-align: left;
    width: 206px;
}

#carritoAdd .content img
{
    float: left;
    height: 120px;
    margin: 0 5px 0 0;
    width: 80px;
}

#carritoAdd .content .carritoAddTxt
{
	float: left;
	width: 120px;
	font-size: 11px;
	color: #666;
	line-height: 17px;
}

#carritoAdd .content .carritoAddTxt #precio_producto_Compra
{
	color: #000;
}

#carritoAdd .content .add
{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: rgb(153, 153, 153);
	margin: 10px 0pt 0pt;
}

#carritoAdd .bottom
{
	float: left;
	width: 314px;
	height: 27px;
	background: url(/images/carritoModal-bottom.png);
	margin: 0;
}


#contCarrito
{
	float: right;
	height: 103px;
	width: 225px;
	background:url(/images/contCarrito-back.jpg);
	position:relative;
	z-index:150;
}

.cartInt
{
	margin:0;
}

.cartInt a
{
	float: right;
    text-decoration: none;
    width: 139px;
	font-family:Arial, Helvetica, sans-serif;
	
}

.cartInt a.content {
    color: #961B1E;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 26px 0 23px;
    text-align: left;
}

.cartInt a.cartDetalle {
}

/*  --------------------------------------ESTILOS DETALLE DE CARRITO  ----------------------------------------------------- */


/* carritoitemlist: contiene a todos los items del carrito */
.carritoitemlist
{
	position: relative;
	float: left;
	width: 570px;
}


/* carritoitemcont: contiene a un item del carrito y su subtotal (precio x cantidad de unidades) */
.carritoitemcont
{
	background-color: #FAFAFA;
	width: 568px;
	border: solid 1px #FFFFFF;
	float: left; /*overflow:auto;*/
}


/* carritoitem: contiene a un item del carrito */
.carritoitem
{
	position: relative;
	float: left;
	width: 384px;
	background-color: #FFFFFF;
}


/* itemcarritodetallebar: cantidad dropdown, precio y boton de eliminar */
.itemcarritodetallebar
{
	float: left;
	padding: 10px 0 20px;
	height: 21px;
	line-height: 20px;
	width: 384px;
}


.itemcarritocant
{
	position: relative;
	float: left;
	width: 78px;
	margin: 0 20px 0 0;
	font-size: 11px;
}


/* dropdowncarrito todo el dropdown */
ul.dropdowncarrito
{
	position: relative;
	z-index: 1001;
	float: right;
	width: 17px;
	height: 20px;
	border: solid 1px #BBBDBF;
	background-color: #FFFFFF;
	color: #626366;
	padding-left: 3px;
}


/* dropdowncarritolista: lista de elementos del dropdown */
.dropdowncarritolista
{
	position: absolute;
	left: -1px;
	top: 20px;
	width: 41px;
	text-align: center;
	background-color: #F2F2F2;
	border: 1px solid #BBBDBF;
	z-index: 9999;
	color: #961B1E;
}


/*.dropdowncarritolista:hover{
	background-color:#F2F2F2;
	color:#FFFFFF;
}*/


.dropdowncarritocant
{
	float: left;
	width: 100%;
	background-color: #F2F2F2;
	color: #961B1E;
}


.dropdowncarritocant:hover
{
	background-color: #961B1E;
	color: #FFFFFF;
}

/* btndropdowncarrito: boton que despliega/pliega el dropdown */
.btndropdowncarrito
{
	position: absolute;
	left: 20px;
	top: -1px;
}


.itemcarritotext
{
	float: left;
	margin-left: 15px;
	font-weight: bold;
	font-size: 11px;
}


.textosimple
{
	font-weight: normal;
	font-size: 11px;
}


.eliminaritem
{
	text-decoration: none;
	float: right;
	width: 50px;
	margin: 1px 5px 24px 0;
	text-align: right;
	text-transform: uppercase;
}


.carritoitemtotal
{
	padding-top: 91px;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}


.carritosaldototal
{
	padding: 10px 0;
	text-align: center;
	background-color: #E6E6E6;
	width: 184px;
	float: right;
	border-left: 1px solid #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}


/*carritosaldototaltext: fila de texto de la "tabla" del carrito*/
.carritosaldototaltext
{
	overflow: auto;
	float: left;
	border: solid 1px #FFFFFF;
	width: 568px;
	background-color: #E6E6E6;
}


.carritosaldolabel
{
	font-weight: bold;
	font-size: 11px;
	padding: 10px 62px;
	text-align: left;
	color: #666666;
}


.subtotallabel
{
	font-weight: bold;
	font-size: 11px;
	color: #666666;
}


.carritoconvertir
{
	line-height: 20px;
	text-align: center;
	color: #961B1E;
	text-decoration: none;
}

/* btnfinalizarcompra: boton que finaliza y cierra la compra*/
.btnfinalizarcompra
{
	clear: both;
	position: relative;
	top: 1px;
	left: 386px;
	display: block;
	width: 184px;
	height: 32px;
	background-image: url(/images/btnfinalizarcompra.gif);
}


/*  --------------------------------------ESTILOS POPUP CARRITO  ----------------------------------------------------- */

#carritomsgbox
{
	position: absolute;
	left: 258px;
	top: 300px;
	padding: 10px;
	background-color: #FAFAFA;
	border: 1px solid #BBBDBF;
	z-index: 1000;
}
#carritomsgboxdata
{
	float: left;
}
#carritomsgboxtitulo
{
	margin: 0 0 0 5px; /*	float:left;*/
	text-transform: uppercase;
	border-bottom: 1px solid #BBBDBF;
}
#carritomsgboxmensaje
{
	padding: 5px 0 0 5px; /*float:left;*/
	text-transform: lowercase;
	font-weight: bold;
}
#carritomsgboxtapa
{
	float: left;
}
/*.carritomsgtitulo{
	font-size:12px;
	font-weight:bold;
	padding:5px 0 3px 10px;
	border-bottom:3px solid  #E6E6E6;
	text-transform:uppercase;
}
.carritomsgcontenido{
	font-size:11px;
	padding:10px 0 3px 10px;
}*/

/*  --------------------------------------ESTILO UC COMENTARIOS  ----------------------------------------------------- */
.rightBar .more
{
	display:block;
	font-size: 11px;
	line-height: 26px;
	margin: 10px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#961B1E;
	background:url(/images/fb-line.png) repeat-x bottom;
	padding:0 0 5px;
	margin:0 0 20px;
	text-decoration:none;
}

.rightBar .more:hover
{
	text-decoration:underline;
}

.solapaComentarios
{
	display:block;
	margin:0;
}

.solapaComentarios .item
{
	margin: 0 0 30px;
	border: solid 1px #FFF;
}

.solapaComentarios .resp
{
	position: relative;
	margin: -20px 0 30px;
	border: solid 1px #DFDFDF;
	padding: 15px;
}

.solapaComentarios b
{
	font-size: 14px;
	display: block;
}

.solapaComentarios b span
{
	font-size: 14px;
}

.solapaComentarios p
{
	font-size: 13px;
	line-height: 170%;
	display:block;
}

.solapaComentarios p.name
{
	font-size: 13px;
	line-height: 170%;
	display:block;
	width:auto;
}

.solapaComentarios .rating
{
	display:none;
}

.solapaComentarios .rating span
{
	margin: 0 5px 0 0;
}

.solapaComentarios .rating ul
{
	margin: 1px 5px 0 0;
}

.solapaComentarios .rating ul li
{
	cursor: default;
}

.solapaComentarios .rating ul li.act:hover
{
	background: url(http://urbatron.eldiadegualeguaychu.com.ar/comentarios/images/starFocus.gif);
}

.solapaComentarios .rating ul li:hover
{
	background: url(http://urbatron.eldiadegualeguaychu.com.ar/comentarios/images/starApagada.gif);
}

.solapaComentarios .more
{
	background: none;
	padding: 0;
	margin: 5px 0 0 0;
	position: relative;
	font-family: Arial,Helvetica,sans-serif;
}


.solapaComentarios .more a
{
	color: #000;
	text-decoration: underline;
	position: relative;
}
.solapaComentarios .more span
{
	position: relative;
}

.solapaComentarios a.button
{
	float: left;
	width: 159px;
	height: 30px;
	background: url(/images/b-agregarComent.png);
	margin: 0 102px;
}

/*  --------------------------------------ESTILOS SUCURSALES  ----------------------------------------------------- */
.sucuimg
{
	background-color: #F9F9F9;
	margin: 20px 0 5px 0;
	padding: 10px 10px 30px;
	border-top: 1px solid #BBBDBF;
	border-right: 1px solid #BBBDBF;
	border-bottom: 3px solid #BBBDBF;
	border-left: 3px solid #BBBDBF;
}
/*  --------------------------------------ESTILOS PAGINA DE TEMAS ----------------------------------------------------- */
.temacolumn
{
	float: left;
	width: 100%;
	padding: 20px 4% 20px 4%;
}
.temacolumn li
{
	list-style: disc;
	list-style-position: inside;
	line-height: 30px;
	width: 285px;
	float: left;
}
.temacolumn li a
{
	font-size: 11px;
	text-decoration: none;
}

.ranking
{
	height: 28px;
	margin: 8px 0pt;
}

.detCont {
    float: left;
    margin: 20px 0;
}

.detCont a.link {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #F6F6F6;
	border: 1px solid #BBBDBF;
	border-bottom:none;	
    color: #000000;
    float: left;
    font-size: 15px;
    height: 23px;
    margin: 17px 0 0 -2px;
    padding: 7px 14px 0;
    position: relative;
    text-decoration: none;
    z-index: 3;
}

.detCont .tit {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBDBF;   
    border-bottom:none;
    color: #961B1E;
    float: left;
    font-size: 20px;
    height: 35px;
    margin: 0 0 0 -2px;
    padding: 12px 12px 0;
    position: relative;
    z-index: 10;
}

.intTitTxt, .intTit, #titSeccion {
    display: block;
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 20px 2px;
    text-align: left;
}

.detCont .wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBDBF;
    float: left;
    margin: -1px 0 0 0px;
    position: relative;
    z-index: 5;
	padding: 10px 15px 15px;
    width: 537px;
}

.comprarcont a.fb {
	display:block;
	margin:0 0 0 9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.comprarcont a.fb span {
	font-family:Arial, Helvetica, sans-serif;
	height:14px;
	display:block;
}

a.lnk_recomendar, a.lnk_facebook {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	height:18px;
	display:block;
	color:#333;	
	padding:0 0 0 24px;
	line-height:16px;
	margin:0 0 3px 5px;
}
	a.lnk_recomendar {
		background:url(/images/b-mail.png) no-repeat left center;
	}
	
	a.lnk_facebook {
		background:url(/images/connect_favicon.png) no-repeat left center;
		margin-left: 9px;
		padding-left:20px;
	}
.detalleautor {
	display:block;
	font-size:13px;
	margin:5px 0 8px 10px;
	text-transform:capitalize;
	float:left;
	width:230px;
}

	.detalleautor a {
		font-size:13px;
	}
	
	.detalleautor div a.more {
		background: none repeat scroll 0 0 transparent;
		font-size: 10px;
		margin: 0;
		padding: 0;
		text-transform: none;
	}

.solapaVideos {
	padding:11px;
}

	.solapaVideos iframe {
		height: 337px;
		width: 514px;
	}

.tooltip {
    background: none repeat scroll 0 0 #F2F2F2;
    border:1px solid #CCCCCC;
	border-radius:8px;
	/*behavior:url(border-radius.htc); /* para Explorers */
    font-size: 11px;
    /*height: 90px;*/
    margin: 0;
    padding: 20px 30px 10px;
    width: 200px;
}

.tooltip span.titulo {
    font-size:13px;
    font-weight:bold;
}

.tooltip span.autor, .tooltip span.autor a, .tooltip span.tema, .tooltip span.tema a {
	font-size:12px;
}

.tooltip span.autor a {
    text-transform: capitalize;
}

.tooltip a.more {
    background:none;
    padding:0px;
    margin:0px;
    font-size:10px;
	text-decoration:none;
}

/*Multimedia*/

.guiaIntro h1 
{
	font-size: 17px;
    margin:0 0 15px;
}

.guiaIntro h1 strong
{
	font-size: 17px;
}

.guiaIntro iframe, .contPaseos iframe 
{
	width:540px;
	height:405px;
}

.imgHeaderMultimedia {
	float:right;
	width:185px;
	height:25px;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	background:url(/images/t-multimediaBack.jpg);
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:10px 0 0 40px;
	margin:0 0 3px;
}

.masLibrosEnGuia {
	float:left;
	width:100%;
}

.multIndice-wrapper .more {
    color: #961B1E;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;
    text-decoration: none;
    text-transform: uppercase;
}

.contPaseos {
	padding:0 0 20px;
	margin:5px 30px 20px 0;
	border-bottom:solid 1px #CCC;
}

.video {
	margin:0;
	padding:0;
	border-bottom:none;
}


/* Carrito */

.carrito-wrapper {
	float:left;
	width:548px;
	padding:0 5px;
	border:solid 1px #CCC;
	margin:10px 0 20px;
	text-align:left;
	line-height:150%;
}

.carrito-wrapper div {
	padding:5px;
	float:left;
}

.carrito-wrapper h1 {
	font-weight:bold;
	color:#333;
	float:left;
	font-size:14px;
	border-bottom:dotted 1px #CCC;
}

.carrito-wrapper span {
	float:left;
	border-bottom:dotted 1px #CCC;
	margin-top:5px;
	padding-bottom:0;
}

.carritoDescr {
	width:300px;
}

	span .carritoDescr a{
		font-weight:bold;
		font-size:14px;
		color:#000;
		text-decoration:none;
	}
	
	.carritoDescr a.lnkautor {
		font-size:12px;
		font-weight:normal;
		text-decoration:underline;
	}

.carritoCant {
	width:140px;
	text-align:center;
}

	.carritoCant input {
		width:40px;
		border:solid 1px #CCC;
		text-align:center;
		font-size:11px;
		padding:2px 0;
	}
	
	.carritoCant a {
		font-size:10px;
		line-height:12px;
	}

.carritoTot {
	width:78px;	
	text-align:center;
}

	span .carritoTot {
		font-size:14px;
		font-weight:bold;
		background:#E6E6E6;
	}
	

.carrito-wrapper div.total {
	padding:5px 0;
	float:left;
	width:100%;
	border-top:dotted 1px #CCC;
	margin:5px 0;
	background:#E6E6E6;
}

	.carrito-wrapper div.total p {
		width:310px;
		float:left;
		font-size:11px;
		line-height:130%;
		color:#666;
		padding-left:5px;
	}
	
	.carrito-wrapper div.total * {
		font-size:11px;
	}
	
	.carrito-wrapper div.total b {
		float: right;
		font-size: 16px;
		line-height: 19px;
		padding-right: 10px;
		letter-spacing:-1px;
	}
	
.cerrarCompra {
	display:block;
	margin:10px auto;
}

.cerrarCompra .button {
	width:162px;
	height:30px;
	font-size:1px;
	margin:20px auto;
	display:block;
	background:url(/images/b-finalizarcompra.gif);
	text-align:center;
	color:#FFF;
}

	.cerrarCompra .button:hover {

	}
	
/* CENTRO DE AYUDA*/
.ayuda 
{
	line-height:15px;
}
	.ayuda h1 
	{
		font-size:13px;
		margin:8px 0px;
	}
	
	.ayuda h4 
	{
		font-size:11px;
		margin:0px 0px 2px 0px;
	}
	
	.ayuda div span 
	{
		color:#961B1E;
	}
	
.costosEnvio h2 {
	display:block;
	font-size:14px;
	margin:0 0 15px;
}

.costosEnvio table {
	width:540px;
	padding:5px;
	border:solid 1px #CCC;
	border-collapse:collapse;
}

.costosEnvio {
	margin:0 0 35px;
}

.costosEnvio table td, .costosEnvio table th {
	border:solid 1px #CCC;
	padding:10px;
	font-size:12px;
}

.costosEnvio table th {
	background:#f2f2f2;
}

.costosEnvio div {
	margin:5px 0 0;
}