/* 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;
}


/* Div de encabezado: contiene el logo --------------------------------------*/
.header{
	width:720px;
	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:16px;
	height:15px;
	right:40px;
	top:10px;
}


/* contiene el buscador y el área de usuario --------------------------------------*/
.buscadorcont{
	position:relative;
	width:720px;
	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);
	width:65px;
	height:22px;
	display:block;
	position:absolute;
	top:10px;
	right:30px;	
}


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

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


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



/* 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  --------------------------------------*/
.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;
}
.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:720px;
	margin:20px auto 0;
	padding:0 40px;
}


/* 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:720px;
	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{
	float:left;
	width:110px;
	margin:20px 16px 40px;
	display:inline;

}
.librorectapa{
	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{
	display:block;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#961B1E;
	margin-top:10px;
}



/* 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{
	line-height:17px;
	color:#961B1E;
	font-size:11px;
	text-decoration:none;

}
.detalleinfodata{
	font-size:11px;

	/*font-size:13px;*/

}
.detallesubdata{

}

.separadorprodu{
	height:3px;
	width:234px;
	background-image:url(/images/separador_produ.gif);
	position:absolute;
	top: 197px;
	left: 16px;
	font-size:1px;
}

/* 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{
	font-size:11px;
	line-height:16px;
	width:350px;
	float:left;
	padding-top:20px;
}


/*   contenedor de la barra vertical derecha de sugerencias, ubicada abajo de la barra de compra */
.sugerenciascont{
	float:right;
	margin-top:20px;
	padding:10px 15px 40px;
	width:143px;
	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;
}


/*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;
}


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

.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;
}


.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:1001;
	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;	
	}

	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:30px;
	width:550px;
	/*height:200px;*/
	
}

.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;
}
/*  --------------------------------------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;
}	

/*  --------------------------------------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  ----------------------------------------------------- */
.more {
	position:relative;
	float:left;
	height:25px;
	clear:both;
	font-size:11px ;
	line-height:26px;
	padding-left:28px;
	background:url(/images/more-back.jpg) no-repeat left top;
	margin:10px 0 0 -4px;
}

.coment-wrapper {
	float:left;
	width:570px;
	margin:10px 0px 40px;	
}

.coment-wrapper .item {
	margin:0 0 30px;
	border:solid 1px #FFF;
}

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

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

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

.coment-wrapper p {
	font-size:13px;
	line-height:170%;
	width:560px;
}

.coment-wrapper p.name {
	font-size:13px;
	margin-top:40px;
	line-height:170%;
	width:560px;
}

.coment-wrapper .rating {
	position:relative;
	float:left;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:auto;
	background:none;
	margin:0 0 5px 0;
}

.coment-wrapper .rating span {
	margin:0 5px 0 0;
}

.coment-wrapper .rating ul {
	margin:1px 5px 0 0;
}

.coment-wrapper .rating ul li {
	cursor:default;
}

	.coment-wrapper .rating ul li.act:hover {
		background:url(http://urbatron.eldiadegualeguaychu.com.ar/comentarios/images/starFocus.gif);
	}
	
	.coment-wrapper .rating ul li:hover {
		background:url(http://urbatron.eldiadegualeguaychu.com.ar/comentarios/images/starApagada.gif);
	}
	
.coment-wrapper .more {
	background:none;
	padding:0;
	margin:4px 0 0 0;
	float:left;
	position:relative;
	width:550px;
	font-family:Arial,Helvetica,sans-serif
}


.coment-wrapper .more a {
	color:#000;
	text-decoration:underline;
	margin-top:10px;
	float:left;
	position:relative;
}
.coment-wrapper .more span {
	
	float:left;
	position:relative;
	margin-left:5px;
}

.coment-wrapper a.button {
	float:left;
	width:186px;
	height:50px;
	background:url(/images/b-agregarComent.png);
	margin:0 102px;
	margin-top: 15px;
}

/*  --------------------------------------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;
}