/* @override 
	http://www.totperlaire.com/themes/totperlaire/templates/css/style.css
	http://totperlaire.com/themes/totperlaire/templates/css/style.css
	http://www.totperlaire.com/themes/totperlaire/templates/css/style.css
	http://www.totperlaire.com/themes/totperlaire/templates/css/style.css
*/

/* Reiniciamos los estilos */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i, form {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal;
	font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline
}

#menu ul li {
	display: inline;
	line-height: 49px;
	border-right: 1px #fff solid;
	padding: 10px 7px;
	margin: 0;
}

#menu ul {
	overflow: auto;
	background: url(../image/backgroundMenu.jpg) repeat-x;
	margin: 0;
	padding: 0;
}

div#menu {
	overflow: auto;
	padding: 10px 0;
	background-color: #b0bdce;
	margin: 4px 0;
}
body {line-height: 1;}
:focus {outline: 0}
ol, ul {list-style: none; padding:0;}
table {border-collapse: collapse;border-spacing: 0;}

#seccion div.texto table {
	width: 100%;
	border: 3px solid;
}
#seccion div.texto table td{
	border: 1px solid;
	border-right: 3px solid;
	padding: 0 5px;
}
#content #seccion div.texto table td p{
	margin: 8px 0;
	padding: 0;
}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
input, textarea {margin: 0;padding: 0;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}

/* A continuación definimos los estilos para la estructura del documento */
body {
	background: #E2E7FF url(../image/background.jpg) repeat-x scroll top center;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
form{margin:0;}
p{margin:0;}
h1{margin:0;}
strong{ font-weight: bold;}
/* Contenedor centrado y de ancho fijo */
	#page{
		margin: 20px auto;
		margin-bottom: 0;
		width: 1222px;
        background: #FFFFFF;
	}

	/* Cabecera */
		#head{
			background: top center url(../image/cabecera.jpg) no-repeat;
			height: 210px;
            padding-left: 564px;
            padding-right: 3px;
            padding-top: 1px;
            overflow: visible;
            position: relative;
		}
#head h1{
    float:left;
    height:200px;
    left:0;
    position:absolute;
    text-indent:-5000px;
    width:550px;
}
#head h1 a{
    height:200px;
    width:550px;
    display:block;
}
			#head #busquedaRapida{
				margin-top: 8px;
				margin-left:0px;
				margin-right: 0px;
				height: 70px;
				background: #b0bdce url(../image/backgroundBusqueda.jpg) no-repeat;
				padding: 0 90px;
				position: relative;
			}
			#head #busquedaRapida form{
			text-align:left;
			padding: 24px 30px 10px 0;
			}

#busquedaRapida div {
	display: inline;
	float: right;
	position: absolute;
	top: 20px;
	left: 570px;
width:85px;
}
#busquedaRapida div a{
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

#head div.bottom {
	height: 56px;
	background-color: #b0bdce;
}

div#categorias {
	float: left;
	margin: 0;
	display: inline;
	width: 415px;
}
			#head #busquedaRapida form input{ border: 1px solid;padding:3px;}
			#head #busquedaRapida form input.boton{
				border: none;
				color:#000;
				text-transform: uppercase; font-weight:bolder;
				background: url(../image/botonAmarillo.jpg) no-repeat;
				font-size: 0.8em;
				line-height: 21px;
				height: 21px;
				width: 59px;
				padding: 0;
			}

#busquedaRapida form div.campo {
	width: auto;
	display:  inline;
	float: left;
}
#head a.boton{
    padding:0;
	line-height: 55px;
	display: block;
	padding-top: 2px;
	overflow: auto;
	display: block;
	color: #fff;
	text-align: left;
	font-size: 0.8em;
	text-decoration: none;
	float: left;
    border:none;
    margin:0;
}

a#cuenta.boton {
	background: url(../image/miCuenta2.jpg) no-repeat left;
	width: 70px;
	padding-left: 46px;
}
a#carritoBoton.boton {
	background: url(../image/irCarro2.jpg) no-repeat left;
	width: 65px;
	padding-left: 56px;
}
#head #cat477 {
padding:0;
	line-height: 55px;
	display: block;
	padding-top: 2px;
	overflow: auto;
	display: block;
	color: #fff;
	text-align: left;
	font-size: 0.8em;
	text-decoration: none;
	float: left;
    border:none;
    margin:0;
	background: url(../image/botonTotPer.jpg) no-repeat top left;
	width: 150px;
	padding-left: 80px;
}

#menu a {
	color: #fff;
	text-decoration: none;
	font-size: 0.75em;
}

#menu ul li.ultimo {
	border: none;
}
a#catalogo.boton {
	background: url(../image/catalogoGeneral.jpg) top left no-repeat;
	width: 125px;
	padding-left: 60px;
}
#head #cat476{
padding:0;
	line-height: 55px;
	display: block;
	padding-top: 2px;
	overflow: auto;
	display: block;
	color: #fff;
	text-align: left;
	font-size: 0.8em;
	text-decoration: none;
	float: left;
    border:none;
    margin:0;
	background: url(../image/catalogoGeneral.jpg) top left no-repeat;
	width: 125px;
	padding-left: 60px;
}
.hidden{
	display: none;
}
			#head #menuUsuario{
				color: #fff;
				text-align: left;
				display: inline;
				float: left;
			}
			#head #menuUsuario a{ color: #fff;}
	/* Contenido principal */
		#content{
			background: #fff url(../image/fondoContent.jpg) repeat-y;
			overflow: auto;
			width: 100%;
			text-align: left;
            min-height: 500px; margin-top:-1px;
		}
#content #main{
    width: 710px;
}

		/* Definición de Columnas */
			#content .column{
				width: 195px;
			}

		/* Columna Central */
			#content #barCenter{
				width: 100%;
			}
			/* Estilos internos de la columna Central */
				#content #barCenter h2, .listadoArticulos h3.titulo, #main h3.carrito{
					margin: 15px 5px;
					text-transform: uppercase;
					font-size: 1.8em;
					font-weight: bolder;
					color:#496283;
					font-family: Impact, fantasy;
				}

#seccion h2 span {
	color:  #496283;

}
				#content #barCenter p{
					margin: 15px 0;
					font-size: 0.9em;
					line-height: 1.3em;
				}

		/* Columna Izquierda */
			#content #barRight{
				width: 260px;
				margin:  10px;
				background: #facd5e;
			}
			/* Estilos internos de la columna Izquierda */
				#barRight .pad{
					padding: 1px;
					margin:  10px;
					background-color: #ffb600;
					border: 1px outset #000;
overflow:auto;
				}

#barRight div.capaCarrito.pad {
	padding: 1px;
	margin: 5px;
}
                a{text-decoration: none;} a:hover{text-decoration:underline;}

		/* Columna Derecha */
			#content #barLeft{
				background:#ffb600 none repeat scroll 0 0;
                border:1px solid #496283;
                margin:10px;
                width:210px;
			}
			/* Estilos internos de la columna Derecha */
				#barLeft h3, #barLeft a,#barRight .Ofertas h3, #barRight .Ofertas a{
					color:#FF0000;
                    font-size:1em;
                    font-weight:bolder;
                    margin:10px;
                    text-transform:uppercase;

				}
#barLeft .pad{
    background:#FFD366 none repeat scroll 0 0;
margin:10px;
overflow:auto;
}
				/* Listado de elementos (libros) en la columna Derecha */
				#barLeft .elemento {
					text-transform: uppercase;

clear:both;
margin: 5px 0;
				}
					#barLeft .elemento h3{
						font-size: 0.8em;
						margin: 0.2em;
					}
					#barLeft .elemento h2{
						font-size:0.8em;
                        margin:1em 0.2em 0.2em;
                        text-align:center;
					}
					#barLeft .elemento h2 a{
						color: #000;
					}
					#barLeft .elemento h3 a{
						color: #6d6d6d;
						font-weight: bold;
						text-decoration: none;
					}

					#barLeft .elemento p{
						color:#000000;
                        font-weight:bold;
                        text-align:center;
					}
					#barLeft .elemento p.detalle{
						background: #4c4c4c url(../image/flecha.png) no-repeat right;
						margin: 15px 50px 0 120px;
						padding: 5px;
					}
						#barLeft .elemento p.detalle a{
							color: #fff;
							text-decoration: none;
							font-size: 0.8em;
							font-weight: bolder;
						}
					#barLeft .elemento .imagen{
						width: 105px;

						overflow: hidden;

                        margin: 0 auto;

					}
#barLeft .elemento .imagen img{ width: 105px;}

		/* Pie de página */
		#footer{
			padding: 10px 4px;
			background: url(../image/fondoContent.jpg) repeat-y center;
			font-size: 0.75em;
			color: #000;
			font-weight: bold;
			text-align: left;
		}
			/* Estilos de pie de página */
			#footer a{ color: #000; text-decoration:none;}
			#footer #autor {
			background: #d7dde6; color: #7b7f6f; padding: 5px;}
			#footer #autor a{ color: #7b7f6f;}
			#footer p{padding: 6px 0;}

div.listadoArticulos ul.subCategorias{
  margin: 15px;
 
  overflow:auto;
  padding: 15px;

  padding-bottom: 0px;
  font-size: 0.8em;
}
div.listadoArticulos ul.subCategorias li{
    width: 33%;
    float: left;
    height: 30px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:circle;
    margin-left:3%;
    width:30%;
}
div.listadoArticulos ul.subCategorias li a{
    color:#496283;
}
/* Clases generales de la página*/
	.pad{padding: 10px;}
	.floatLeft{float:left;display: inline;overflow: hidden;}
	.floatRight{float:right;display: inline;overflow: hidden;}
	.clear{clear: both;}
	.oculta{display:none;}
/* Ficha de Artículo */
div.fichaProducto{
    margin:15px;
    overflow:auto;
    padding:10px;
    position:relative;
}

div.fichaProducto div.imagen{
    float:left;
    height:auto;
    overflow:hidden;
    width:200px;
    margin: 10px;
}
div.fichaProducto div.imagen img{
    border:1px outset;
    width:99%;
}

div.fichaProducto div.datosInteres, div.fichaProducto div.datosTecnicos{
    float:left;
    margin:10px;
    position:relative;
    width:270px;
}
div.fichaProducto div.datosInteres h3{
    color:#000;
    font-weight:bold;
    line-height:1.2em;
    margin-bottom:0.5em;
    font-size: 1.1em;
}
            div.fichaProducto div.datosInteres p.autores{
                    font-style:italic;
                    margin-bottom:2em;

                }
div.fichaProducto div.datosInteres p.autores a{
    color:#000;
    font-style: italic;text-decoration:none;
}
div.fichaProducto div.datosInteres p.autores a:hover{
   text-decoration:underline;
}
div.fichaProducto div.datosInteres p{
    line-height: 1.5em;
    margin-bottom: 1.5em;
}
div.fichaProducto div.datosInteres p a{
    color:#000;
}

div.fichaProducto div.datosInteres p a.botonComprar{
    color:#000;
    font-weight: bold;
    border: 1px solid;
    padding: 5px;
}
div.fichaProducto div.datosTecnicos h3{
    color:#000;
    font-weight:bold;
    line-height:1.2em;
    margin-bottom:0.5em;
    font-size: 1.1em;
}
div.fichaProducto div.datosTecnicos p{
    line-height: 1.5em;
}
div.fichaProducto div.datosTecnicos p a{
    color:#000;
}
/* Listado de articulos */
div.listadoArticulos .elemento, #main div.capaCarrito .linea{
    clear:both;
    overflow: auto;
    border-bottom:1px dashed;
    font-size: 0.9em;
}
div.listadoArticulos .elemento{
    border-bottom:none;
}
div.listadoArticulos .elemento h3,div.listadoArticulos .elemento h2, #main div.capaCarrito .linea h3{
    font-size:inherit;
    margin: 0;
    color: #000;
}

div.listadoArticulos .elemento a{
    color: #000;
text-decoration:none;
}
div.listadoArticulos .elemento a:hover{
text-decoration:underline;}

div.listadoArticulos thead, #main table.carrito  thead{
    background: #ffc400;
    color:#fe7100;
    text-align: left;
}
div.listadoArticulos thead th.precio, #main table.carrito  thead th.precio{ width:50px;}
div.listadoArticulos tbody td.precio, #main table.carrito  tbody td.precio{ text-align: right;}
div.listadoArticulos thead th,div.listadoArticulos tbody td, #main table.carrito  tbody td, #main table.carrito  thead th{
    padding: 8px;
    vertical-align:middle;
}
div.listadoArticulos tbody tr.par, #main table.carrito  tbody tr.par{
    background: #c0c0c0;
}
div.listadoArticulos .elemento p, #main table.carrito  p{
    color: #496283;
    font-weight: bold;
}
div.listadoArticulos .elemento p.detalle, .comprar{
    /*
    background: #4c4c4c url(../image/flecha.png) no-repeat right;
    margin:20px 15px 10px 0;
    padding:5px 20px 5px 10px;
    float:left; text-transform:uppercase;
    color:#fff;
    */
}

div.listadoArticulos .elemento p.detalle:hover, .comprar:hover{
    /*background: #E00000;*/ text-decoration:underline;
}

    div.listadoArticulos .par p.comprar a, #main table.carrito a{
        color: #000;
        text-decoration: none;
        font-size: 1.1em;
        font-weight: bolder;
    }

    div.listadoArticulos .impar p.comprar a{
        color: #000;
        text-decoration: none;
        font-size: 1.1em;
        font-weight: bolder;
    }
    div.listadoArticulos p.comprar a{
 text-indent: -5000px;
	background: url(../image/carrito.png) no-repeat;
height: 15px; width:15px; display:block;
}
div.listadoArticulos .elemento .imagen{
    width: 105px;
    overflow: hidden;
    background: #fff;
    float: left;
    margin-right: 15px;

}
div.listadoArticulos .elemento .imagen img{
    width: 99%;
    border: outset 1px #000;
}

div.listadoArticulos .paginacion{
    font-size:0.9em;
    margin:10px 0;
    text-align:center;
clear:both;
}
div.listadoArticulos .paginacion strong{
    font-weight: bold;
}
div.listadoArticulos .paginacion a{
    text-decoration: none;
    color: #00c3fb;
}
#main table.carrito a.eliminarLineaCarro{
    background:transparent url(../image/delete.gif) no-repeat scroll 0 0;
    display:block;
    height:25px;
    text-indent:50000px;
    width:25px;
}
#main table.carrito tfoot{
    font-weight:bold;
    font-size: 1.1em;
}
#main table.carrito{
    margin: 10px;
    width: 700px;
}
#main table.carrito td,
#main table.carrito th { width: 50px;}
#main table.carrito .col1{ width: 290px;}
#main table.carrito .col2{ width: 150px;}
#main table.carrito .col3{ width: 80px; text-align:right;}
#main table.carrito .col4{ width: 50px;}
/*
table.carrito{
    margin: 10px;
    width: 530px;
}
table.carrito tr{
    border-bottom: 1px dashed #666;
}
table.carrito th.col1{ width: 405px;}
table.carrito th.col2{ width: 40px;}
table.carrito th.col3{ width: 60px;}
table.carrito th.col4{ width: 25px;}

table.carrito thead{
    background: #920101;
    color: #fff;
    font-weight: bold;
}
table.carrito th, table.carrito td{
    padding: 5px;
}
table.carrito tbody{
    font-size: 0.8em;
}
table.carrito tbody tr.par{
    background:#fff;
}
table.carrito tbody tr.impar{
    background:#e1e1e1;
}
table.carrito tfoot{
    font-weight:bold;
    font-size: 0.8em;
}
table.carrito tfoot tr{
    border:none;
}

table.carrito td.eliminarLineaCarro{
    padding: 3px 0 1px 5px;
    vertical-align: top;
}
table.carrito input{ width:40px;}
h3.carrito{
    color:#920101;
    font-size:1.4em;
    font-weight:bold;
    line-height:1.6em;
    margin:1.2em 1.2em 0.6em 0.6em;
}
table.carrito a{color: #ff0000; text-decoration:none;}
table.carrito a:hover{text-decoration:underline;}
*/
#main a.enviarPedido{

		width:125px;
		height:31px;
		background:#666666 url(../image/button-trans.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
        display:block;
        text-decoration:none;
float:right;

	}
 a.enviarPedido:hover{ text-decoration:underline;}
.contentDatos{
    margin: 10px;
    width: 250px;
    float:left;
}
.contentDatos p{
	clear:both;
}
div.datosEnvio{
    padding: 10px;
    min-height: 185px;
}
div.datosEnvio a.enviarPedido{
    margin: 10px 50px;
}
#datosPersonales div.datosEnvio{
    min-height: 170px;
}
#datosPersonales div.datosEnvio a.enviarPedido{
    margin: 10px 3px;
}
#seccion{ margin:15px;}
#seccion ul{}
#seccion ul strong{ margin: 10px; display:block;}
#seccion ul li{ margin-left: 50px; list-style: circle outside;line-height:1.5em;}
#seccion ul li a{ color: #00C3FB;}

div.capaCarrito p{margin:0.6em;}
.contentDatos h3{color:#e00000;}
h2.confirmarPedido{
    clear:both;
    border-bottom:1px dashed #666666;
    clear:both;
    color:#666666;
    font-size:1.2em;
    margin-left:10px;
    margin-right:10px;
    padding-top:10px;
}
#datosPersonales p{
    font-size:0.8em;
    line-height:1.2em;
    margin:0 0 5px 0;
}
.contentDatos label {
    display:block;
    float:left;
    font-weight:bold;
    width:80px;
}
label.acordeonLeft {
    display:block;
    float:left;
}
label.acordeonRight {
    display:block;
    float:right;
    width:200px;
    text-align:right;
}
#perfilUsuario .contentDatos{
    width:160px;
}
#accordion a{overflow:auto;}
#main #accordion table.carrito{width: 610px;}
#main #accordion table.carrito{ font-size: 0.7em;}
#main #accordion table.carrito .col1{width: auto;}
#main #accordion table.carrito .col2{width: 35px; text-align:center;}
#main #accordion table.carrito .col3{width: 125px; text-align:right;}
#main #accordion table.carrito td{ vertical-align:middle;}
table.listado{width: 100%;}

/* Estilos inicio */
div.inicio ul li ul li ul, div.inicio ul li ul li ul li{display:none;}
div.inicio ul li{float:left; width:300px;}
div.inicio ul li ul li{float:none; width: auto;}

/* Modulo carrito en sidebar */
#barRight table.carrito{
    margin: 0;
    width: 230px;
    font-size:0.9em;
}
#barRight table.carrito tr{
    border-bottom: none;
}

#barRight table.carrito th.col1{ width: 110px;}
#barRight table.carrito th.col2{ width: 30px;}
#barRight table.carrito th.col3{ width: 30px;}
#barRight table.carrito th.col4{ width: 20px;}

#barRight table.carrito thead{
    background: none;
    color: #ff0000;
    font-weight: bold;
}
#barRight table.carrito th, table.carrito td{
    padding: 2px;
}
#barRight table.carrito tbody{
    font-size: 0.8em;
}
#barRight table.carrito tbody tr.par{
    background:none;
}
#barRight table.carrito tbody tr.impar{
    background:none;
}
#barRight table.carrito tfoot{
    font-weight:bold;
    font-size: 1.1em;
}
#barRight table.carrito tfoot tr{
    border:none;
}
#barRight table.carrito a.eliminarLineaCarro{
    background:none;
    display:block;
    height:auto;
    text-indent:0px;
    width:auto;
}
#barRight table.carrito td.eliminarLineaCarro{
    padding: 5px;
    vertical-align: baseline;
}
#barRight table.carrito input{ width:20px; border:none; background:none;}
#barRight h3.carrito{
    color:#000;
    font-size:1em;
    font-weight:bold;
    line-height:1.6em;
    margin:0.6em;
    border-bottom: 1px solid #000;
}
#barRight table.carrito a{color: #000; text-decoration:none;}
#barRight table.carrito a:hover{text-decoration:underline;}
#barRight a.enviarPedido{
		margin:10px auto;
		width:115px;
		height:31px;
float: right;
		background:none;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
        display:block;
        text-decoration:none;
	}
 #barRight a.enviarPedido:hover{ text-decoration:underline;}

 #barRight .Ofertas .elemento {
					text-transform: uppercase;

clear:both;
margin: 5px 0;
				}
					#barRight .Ofertas .elemento h3{
						font-size: 0.8em;
						margin: 0.2em;
					}
					#barRight .Ofertas .elemento h2{
						font-size:0.8em;
                        margin:1em 0.2em 0.2em;
                        text-align:center;
					}
					#barRight .Ofertas .elemento h2 a{
						color: #000;
					}
					#barRight .Ofertas .elemento h3 a{
						color: #6d6d6d;
						font-weight: bold;
						text-decoration: none;
					}

					#barRight .Ofertas .elemento p{
						color:#000000;
                        font-weight:bold;
                        text-align:center;
					}
					#barRight .Ofertas .elemento p.detalle{
						background: #4c4c4c url(../image/flecha.png) no-repeat right;
						margin: 15px 50px 0 120px;
						padding: 5px;
					}
						#barRight .Ofertas .elemento p.detalle a{
							color: #fff;
							text-decoration: none;
							font-size: 0.8em;
							font-weight: bolder;
						}
					#barRight .Ofertas .elemento .imagen{
						width: 105px;

						overflow: hidden;

                        margin: 0 auto;

					}
#barRight .Ofertas .elemento .imagen img{ width: 105px;}

#content .Ofertas, #content .Destacados{ background: #496283; color: #fff;}
#content #barRight  .Ofertas *, #content #barLeft .Destacados *{ color: #fff;}
#content .Ofertas a, #content .Destacados a{color: #fff;}
#content .Ofertas h3, #content .Destacados h3{color: #fff;}


h3.confirmarPedido{
	margin: 20px;
	border-bottom: 1px solid;
}

#confirmPedido div.contentDatos div.datosEnvio {
	min-height: 210px;
}
h2.confirmarPedido{
	margin: 10px 20px;
	font-size: 1.2em;
	clear: both;
}
div.contentDatos {
	width: 220px;
	float: left;
	margin: 0 19px;
	border: 1px solid;
	background: #fff;
	margin-bottom: 20px;
}
div.contentDatos h3{
	font-size: 1.1em;
	margin: 10px;
}
div.contentDatos p{
	font-size: 1em;
	margin: 0 5px;
}
div.contentDatos p label{
	font-weight: bold;
}
#configEnvio div.contentDatos,
#configPago div.contentDatos {
	width: 670px;
}

#configPago div.contentDatos.totales {
	width: 240px;
	margin: 0 230px 20px 230px;
}

div#stylized.myform {
	width: 420px;
}

#configPago div.contentDatos.totales p {
	font-weight: bolder;
}
#configPago div.contentDatos.totales p span{
	font-weight: normal;
	float: right;
}
#formulario{
	width: 100%;
}
#stylized #formulario label.pago {
	clear: none;
	text-align: left;
	width: 360px;
	margin-bottom: 10px;
}

#confirmPedido div.contentDatos {
	width: 300px;
}

#stylized #formulario label.pago span{
	text-align: left;
	width: 340px;
	margin-bottom: 10px;
}
#stylized #formulario input.radio{
	width: 30px;
}

div.contentDatos a{
	color: #ff0000;
}
div.contentDatos a.linkFloat{
	float: right;
	padding: 5px;
}

#configEnvio #formulario label {
	margin-right: 10px;
}

#configPago #formulario input.radio {
	border: none;
	margin-right: 10px;
}