@charset "UTF-8";

@font-face {
	font-family: 'MuseoSlab500Regular';
	src: url('Museo_Slab_500-webfont.eot');
	src:
		url('Museo_Slab_500-webfont.eot') format('eot'),
		url('Museo_Slab_500-webfont.woff') format('woff'),
		url('Museo_Slab_500-webfont.ttf') format('truetype'),
		url('Museo_Slab_500-webfont.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

/* Reset excepto p */
html, body, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, blockquote, address, time, span, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	font:inherit;
}

address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display:block;
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* Para navegadores modernos */
.cf:before, .cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* Para IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}

/* Generales */
html {
	background:white;
}

body {
	background:white;
	color:black;
	font-family:'MuseoSlab500Regular',Tahoma;
	font-size:14px;
}

body h1, h2, h3, h4, h5, h6{
	font-weight:bold;
}

body p{
	text-align: justify;
}

form{
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:100%;
}

form > div{
  clear:both;
  overflow:hidden;
  padding:1px;
  margin:0 0 10px 0;
}

form > div > label{
	width:30%;
  	float:left;
  	padding-right:10px;
  	text-align:right;
  	font-weight:bold;
}

.etiquetaizquierda{
  	text-align:left;
}

.etiquetaderecha{
  	text-align:right;
}

form > div > input{
	width:70%;
	float:left;
	text-align:left;
}

form > div > select{
	float:left;
	text-align:left;
}

.botones{
	width:100%;
	text-align:center;
}

input[type=checkbox]{
	width:24px;
}

input[type=text],input[type=password],textarea {
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
input[type=text]{
  width:50%;
}
input[type=text]:focus,textarea:focus {
  outline:0;
  border-color:#4697e4;
}

#divError{
	border:1px solid #FF0000;
	visibility:hidden;
}

.boton{
    text-align:center;
	cursor:pointer;
}

.botonNegrita{
    text-align:center;
	cursor:pointer;
	font-weight:bold;
}

/* Cabecera */
header {
	width:1200px;
	padding-top:10px;
	overflow:hidden;
	margin:0 auto;
}

/* Logo Museo Del Tarot */
#logoMuseoDelTarot {
	float:left;
	width:100%;
}

#logoMuseoDelTarot h1{
	display:none;
}

#logoMuseoDelTarot img{
	width:100%;
	min-width:36px;
	max-width:186px;
}

/* Login & Servicios*/
#divLogin, #Servicios{
	float:right;
}

#Servicios > div{
	border:#CCCCCC solid 1px;
}

#divLogin form{
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:100%;
}

#divLogin form > div{
  border:#CCCCCC solid 1px;
  padding:6px;
}

#divLogin form > div > div > label{
  	float:left;
  	padding-right:4px;
  	text-align:right;
  	font-weight:bold;
}

#divLogin .etiquetaizquierda{
  	text-align:left;
}

#divLogin form > div > div > input[type=text], #divLogin form > div > div > input[type=password]{
	width:70%;
	float:left;
	text-align:left;
	font-size: 1em;
}
#divLogin input[type=text]:focus{
  outline:0;
  border-color:#4697e4;
}

#divLogin a{
    color:black;
    font-weight:bold;
    text-decoration:none;
}

#divLogin a.Registro{
    text-transform:uppercase;
}

#divLogin a:hover{
	color:#004d94;
}

#Servicios a{
    color:black;
    font-weight:bold;
    text-decoration:none;
}

#Servicios a:hover{
	color:#004d94;
}

/* Menú principal */
#menuPrincipal{
 	overflow:hidden;
	float:left;
	width:100%;
	margin-top:6px;
	border-top:#CCCCCC solid 2px;
	border-bottom:#CCCCCC solid 2px;
	padding:6px 0;
}

#menuPrincipal h2 {
	display:none;
}

#menuPrincipal ul {
	margin-left:0.5em;
	list-style:none;
}

#menuPrincipal li{
	float:left;
	padding-right:2em;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.3em;
}

#menuPrincipal li a{
	color:#555555;
	text-decoration:none;
}

#menuPrincipal li a:hover{
	color:#004d94;
}

/* Contenido */
#contenido{
	width:1200px;
	overflow:hidden;
	margin:0 auto;
	clear:both;
	/*border-top:#CCCCCC solid 2px;*/
}

#contenido h1, h2{
	display:none;
}

#contenido a{
	color:black;
	text-decoration:none;
    font-weight:bold;
}

#contenido a:hover{
	color:#004d94;
}

#descripcion{
	float:left;
	width:42%;
	padding:1em 1em 2em 0em;
	font-size:1.2em;
	text-align:justify;
}

/* Slider Nivo */
#areaSlider{
	float:right;
    width:100%;
	position:relative;
    margin:0.2em 0;
}

#areaSlider h2{
	display:none;
}

#nivo {
	width:100%;
}

/* Menú redes sociales */
#menuRedesSociales {
	overflow:hidden;
	float:right;
	width:30%;
	line-height:2em;
    text-align:right;
    padding-top:4px;
}

#menuRedesSociales h3 {
	display:none;
}

#menuRedesSociales ul {
	margin-left:1em;
	list-style:none;
	float:right;
}

#menuRedesSociales li{
	float:right;
}

#menuRedesSociales li:last-child{
	padding-right:0;
}

#menuRedesSociales a{
	display:block;
	border:none;
	color:white;
	text-decoration:none;
}

#menuRedesSociales a:hover{
	color:#FF9900;
}

/* Pie de página */
footer{
	width:1200px;
	overflow:hidden;
	margin:0 auto;
	clear:both;
	border-top:#CCCCCC solid 2px;
}

#menuPie{
	overflow:hidden;
	float:left;
	width:70%;
	line-height:2em;
    padding-top:4px;
}

#menuPie h3 {
	display:none;
}

#menuPie ul {
	list-style:none;
}

#menuPie li{
	float:left;
	font-size:1.2em;
	margin-right:2em;
}

#menuPie a{
	display:block;
	border:none;
	color:#777777;
	text-decoration:none;
}

#menuPie a:hover{
	color:#004d94;
}

#botonmenufamilias {
    display:none;
    width:100%;
    position:relative;
    height:30px;
    padding:10px 0 0 10px;
    text-align:left;
    /*background-image:url(../images/fondoBoton.png);
	background-repeat:no-repeat;
	background-size:100% 100%;*/
	background-color:#555555;
    color:white !important;
    text-decoration:none;
    font-size:1.2em;
    font-weight:bold;
}

#botonmenufamilias:after {
    content:"";
    background:url('../images/menu-icon.png') no-repeat;
    width:30px;
    height:30px;
    display:inline-block;
    position:absolute;
    right:15px;
}


#menuFamilias {
	float:left;
	width:100%;
	overflow:hidden;
	/*width:200px;*/
}

#menuFamilias h2 {
	display:none;
}

#menuFamilias ul {
	list-style:none;
}

#menuFamilias li{
	float:left;
	width:100%;
	text-align:left;
	padding:4px 4px 4px 0;
	margin-top: 2px;
	/*background-image:url(../images/fondoBoton.png);
	background-repeat:no-repeat;
	background-size:100% 100%;*/
}

#menuFamilias li:hover{
	float:left;
	width:100%;
	text-align:left;
	margin-top:2px;
}

#menuFamilias li:last-child{
	margin-bottom: 3px;
}

#menuFamilias a{
	display:block;
	border:none;
	text-decoration:none;
    color:#555555;
	font-size:1.1em;
    font-weight:bold;
    font-style:normal;
    line-height:1.0em;
    padding-left:1em;
}

#menuFamilias a:hover{
	color:#004d94;
	text-decoration:none;
}


/* Otros generales */
.tituloPrincipal{
	font-family:'Archivo Narrow', sans-serif;
	font-size:3.2em;
	font-weight:bold;
	line-height:0.8em;
}

.titulo{
	font-family:'Archivo Narrow', sans-serif;
	font-size:2.8em;
	font-weight:bold;
	line-height:1.4em;
}

.tituloMedio{
	font-family:'Archivo Narrow', sans-serif;
	font-size:2.0em;
	font-weight:bold;
	line-height:1.4em;
}

.subtitulo{
	font-family:'Archivo Narrow', sans-serif;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.4em;
}

/* Formularios y ventanas */
#divContactar{
	padding-left:10px;
	padding-right:10px;
	display:none;
}

#divContactar h2{
	display:block;
	font-size:2em;
}

#divContactar a{
	color:#888888;
	text-decoration:none;
}

#divContactar a:hover{
	color:#004d94;
}

#divContactar form{
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:98%;
}

#divContactar form > div{
	clear:both;
	overflow:hidden;
	padding:1px;
	margin:0 0 10px 0;
	width:99%;
}

#divContactar form > div > div > label{
  	float:left;
  	padding-right:4px;
  	text-align:right;
  	font-weight:bold;
  	width:30%;
}

#divContactar form > div > div > input[type=text], #divContactar form > div > div > input[type=password],textarea {
	width:60%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
#divContactar input[type=text]{
	width:30%;
}
#divContactar input[type=text]:focus,textarea:focus {
	outline:0;
	border-color:#4697e4;
}

#divContactar .botones{
	width:100%;
	text-align:center;
	padding-top:6px;
}

#divContactar > #divError{
	border:1px solid #FF0000;
	visibility:hidden;
}


#divDistribuidor{
	padding-left:10px;
	padding-right:10px;
	display:none;
}

#divAvisoLegal{
 	padding-left:10px;
 	padding-right:10px;
 	display:none;
}

/* Otras páginas */
#diseno{
	float:left;
	width:44%;
	padding:1em 1em 2em 4em;
}

#diseno-configurador{
	float:left;
	width:48%;
	padding:1em 1em 2em 0em;
}

#nosotros{
	float:left;
	width:44%;
	padding:1em 2em 2em 2em;
}

#nosotros-info{
	float:left;
	width:48%;
	padding:1em 1em 2em 0em;
}

#Inicio{
	padding:1em;
}

#menuArcanos{
	overflow:hidden;
	float:left;
	width:20%;
	line-height:1.5em;
    padding:1em;
    background:#F4F4F4;
    margin-bottom:1em;
}

#menuArcanos h2{
	display:block;
	font-size:1.5em;
	font-weight:bold;
	padding-bottom:6px;
}

#menuArcanos ul {
	list-style:none;
}

#menuArcanos li{
	float:left;
	font-size:1.2em;
	margin-right:2em;
	width:100%;
	line-height:1.5em;
	padding-left:10px;
}

#menuArcanos a{
	display:block;
	border:none;
	color:#777777;
	text-decoration:none;
}

#menuArcanos a:hover{
	color:#004d94;
}

#Historia{
	padding:1em;
	width:75%;
	float:right;
}

#Historia h1{
	display:block;
	font-size:2em;
	text-transform:uppercase;
	font-weight:bold;
}

#ElMuseo{
	padding:1em;
}

#ElMuseo h1{
	display:block;
	font-size:2em;
	text-transform:uppercase;
	font-weight:bold;
}

#QuienesSomos{
	padding:1em;
}

#QuienesSomos h1{
	display:block;
	font-size:2em;
	text-transform:uppercase;
	font-weight:bold;
}

#divBuscar{
	float:right;
	position:relative;
}
#divBuscar form{
	width:100%;
}
#divBuscar input[type="text"]{
	/*width:100%;   style="" */
}
#divBuscar img{
	position:relative;
	top:5px;
}

/* Catalogos */
#InfoCatalogo{
	width:50%;
	float:left;
	padding-bottom:20px;
	min-height:240px;
}

#imagenInfoCatalogo{
	float:left;
	width:30%;
	text-align:right;
}

#textoInfoCatalogo{
	float:right;
	width:58%;
	padding-left:4%;
	padding-right:8%;
}

/*#paginacion li { border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left;}*/

#Paginacion{
	clear:both;
	margin:0 auto;
	height:24px;
	vertical-align:baseline;
	position:relative;
}

#numProductos {
	float:left;
	width:10%;
	overflow:hidden;
	text-align:left;
    font-size:11px;
    font-weight:bold;
    position:relative;
    top:8px;
}

#menuPaginacion {
	float:left;
	width:60%;
	overflow:hidden;
	text-align:right;
}

#menuPaginacion h2 {
	display:none;
}

#menuPaginacion ul {
	float:right;
	list-style:none;
	margin:6px 0;
}

#menuPaginacion li{
	position:relative;
	float:left;
	padding:3px 6px;
	border:#000000 solid 1px;
	margin-left:5px;
	background:white;
}

#menuPaginacion li:hover{
	border:#004d94 solid 1px;
}

#menuPaginacion a{
	border:none;
	text-decoration:none;
	color:black;
}

#menuPaginacion a:hover{
	color:#004d94;
}
#menuPaginacion .previous-off, .next-off { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; }
#menuPaginacion .next a, .previous a { font-weight:bold;}
#menuPaginacion .active { background:#444444; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; margin-right:2px;}

#orden {
	float:left;
	width:30%;
	overflow:hidden;
	text-align:center;
    font-size:11px;
    font-weight:bold;
    position:relative;
    top:8px;
}

#ListaProductos{
	clear:both;
	min-height:100px;
}

.celdaProducto{
	width:194px;
	height:315px;
	float:left;
	padding:2px;
	text-align:center;
	background:white;
	border:#DDDDDD solid 1px;
	margin:4px;
}

.celdaImagenProducto{
	width:194px;
	float:left;
	text-align:left;
}

.recuadroFicha {
    border:1px solid #666666;
    margin-bottom:4px;
    margin-top:4px;
    width:100%;
}

.imagenProductoListado{
	width:180px;
	height:180px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.referenciaProductoListado{
	font-size:12px;
	color:#666666;
}

.ProductoListado{
	height:30px;
}

.tematicaProductoListado {
    color:#cc0000;
    font-size:11px;
    font-weight:bold;
    padding-right:1em;
}

.tituloFicha {
    color:#000099;
    font-size:16px;
    font-weight:bold;
    /*text-align:right;*/
}

.tematicaProductoFicha {
    color:#000099;
    font-size:12px;
    font-weight:bold;
    text-align:right;
}

.IVAProductoFicha {
    color:#00AA00;
    font-size:10px;
    text-align:right;
}

.precioProductoFicha {
    color:#00AA00;
    font-size:44px;
    text-align:right;
}

.cantidadCarritoFicha{
	text-align:right;
}

#divImagenGrandeFicha{
	width:50%;
	float:left;
	text-align:center;
}

#divInformacionFicha{
	width:50%;
	float:right;
	text-align:left;
}

#divInformacionFicha input[type=text]{
  width:10%;
  font-size:20px;
}

#masImagenes{
	text-align:center;
}

#divInformacionAutoresFicha{
	clear:both;
	padding-top:8px;
	width:98%;
	float:left;
	text-align:justify;
	padding:1%;
}

#divInformacionAutoresFicha h2{
	display:block;
	text-transform:uppercase;
}

#divInformacionAutoresFicha hr{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

#divInformacionAutoresFicha .divFotoAutor{
	width:14%;
	float:left;'
}

#divInformacionAutoresFicha .divDescripcionAutor{
	width:86%;
	float:left;
}

#divInformacionIlustradoresFicha{
	clear:both;
	padding-top:8px;
	width:98%;
	float:left;
	text-align:justify;
	padding:1%;
}

#divInformacionIlustradoresFicha h2{
	display:block;
	text-transform:uppercase;
}

#divInformacionIlustradoresFicha hr{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

#divInformacionIlustradoresFicha .divFotoIlustrador{
	width:14%;
	float:left;'
}

#divInformacionIlustradoresFicha .divDescripcionIlustrador{
	width:86%;
	float:left;
}

a.EnlaceProductoListado{ font-size:11px; text-decoration:none; font-weight:bold; color:#000000;}
a.EnlaceProductoListado:visited{ font-size:11px; text-decoration:none; font-weight:bold; color:#000000;}
a.EnlaceProductoListado:hover{ font-size:11px; text-decoration:none; font-weight:bold; color:#6078c2;}

.medidasProductoListado{
	font-size:12px;
	color:#999999;
	padding-top:6px;
	float:left;
	width:100%;
}

.precioProductoListado{
	font-size:14px;
	color:#333333;
	font-style:italic;
	float:left;
}

.stockProductoFicha {
    color:#000099;
    font-size:12px;
}

/* La Coleccion */
#menuLaColeccion {
	width:74%;
	float:none;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:32px;
	padding-right:32px;
}

#menuLaColeccion h2 {
	display:none;
}

#menuLaColeccion ul {
	margin:3em 0 0 3em;
	list-style:none;
}

#menuLaColeccion li{
	position:relative;
	float:left;
	width:386px;
	height:184px;
	padding:8px 2px;
	margin:30px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	-moz-box-shadow:#666666 4px 8px;
	-webkit-box-shadow:#666666 4px 8px;
	box-shadow:0 4px 8px #666666;
}

#menuLaColeccion li:hover{
	border:#000000 solid 2px;
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
}

#menuLaColeccion li:first-child{
	float:left;
	margin:auto 0;
	text-align:center;
}

#menuLaColeccion li:nth-child(2){
	float:right;
	margin:auto 0;
	text-align:center;
}

#menuLaColeccion li:last-child{
	float:left;
	margin-left:26%;
	text-align:center;
}

#menuLaColeccion a{
	border:none;
	text-decoration:none;
}

#menuLaColeccion a img{
	position:absolute;
   	top:0px;
   	left:0px;
	display:block;
	margin:0.0em 0.0em;
    max-width:460px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
    overflow:hidden;
    opacity:0.8;
    z-index:1;
}

#menuLaColeccion a:hover img{
	opacity:1.0;
}

/* Estilos de componentes */
#divCartas {
    background:#fff;
    color:#000;
}
#divCartas .loading {
    border-color:#333;
}
#divCartas .loading_bar {
    background:#333;
}
#divCartas .scrollbar {
    border-color:#000;
}

/* Producto */
#verEnlaceCarrito{
	float: right;
	/*width: 40%;*/
	text-align: right;
}

#verEnlaceCarrito h1{
	display: none;
}

#verEnlaceCarrito a{
	font-weight:bold;
	font-size:1.2em;
	color:#555555;
	text-decoration:none;
}

#verEnlaceCarrito a:hover{
	color:#004d94;
}

.Titulo{
	font-size:1.4em;
	font-weight:bold;
	text-transform: uppercase;
}

/* Carrito y resto de ventanas*/
#divCarrito form{
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:98%;
}

#divMisPedidosDetalle form{
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:98%;
}

/* Mis Datos */
#divMisDatos{
	width:100%;
	border: 1px solid #063801;
}

#divMisDatos h1, h2{
	display:block;
	text-align:center;
	padding-bottom:4px;
}

#divMisDatos form{
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:98%;
}

#divMisDatos form > div{
  clear:both;
  overflow:hidden;
  padding:1px;
  margin:0 0 10px 0;
  width:99%;
}

#divMisDatos form > div > div > label{
  	float:left;
  	padding-right:4px;
  	text-align:right;
  	font-weight:bold;
  	width:30%;
}

#divMisDatos form > div > div > input[type=text], #divMisDatos form > div > div > input[type=password],textarea {
	width:60%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
#divMisDatos input[type=text]{
  width:30%;
}
#divMisDatos input[type=text]:focus,textarea:focus {
  outline:0;
  border-color:#4697e4;
}

#divMisDatos .botones{
	width:100%;
	text-align:center;
	padding-top:6px;
}

#divMisDatos > #divError{
	border:1px solid #FF0000;
	visibility:hidden;
}

/* Registro */
#divRegistro{
	width:100%;
	border: 1px solid #063801;
}

#divRegistro h1, h2{
	display:block;
	text-align:center;
	padding-bottom:4px;
}

#divRegistro form{
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:98%;
}

#divRegistro form > div{
  clear:both;
  overflow:hidden;
  padding:1px;
  margin:0 0 10px 0;
  width:99%;
}

#divRegistro form > div > div > label{
  	float:left;
  	padding-right:4px;
  	text-align:right;
  	font-weight:bold;
  	width:30%;
}

#divRegistro form > div > div > input[type=text], #divRegistro form > div > div > input[type=password],textarea {
	width:60%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
#divRegistro input[type=text]{
  width:30%;
}
#divRegistro input[type=text]:focus,textarea:focus {
  outline:0;
  border-color:#4697e4;
}

#divRegistro .botones{
	width:100%;
	text-align:center;
	padding-top:6px;
}

#divRegistro > #divError{
	border:1px solid #FF0000;
	visibility:hidden;
}

/*  Pedido Detalle */
#divMiPedidoDetalle{
	width:100%;
	border: 1px solid #063801;
}

#divMiPedidoDetalle h1, h2{
	display:block;
	text-align:center;
	padding-bottom:4px;
	padding-top:1em;
}

#divMiPedidoDetalle form{
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:98%;
}

#divMiPedidoDetalle form > div{
	clear:both;
	overflow:hidden;
	padding:1px;
	margin:0 0 10px 0;
	width:99%;
}

#divMiPedidoDetalle form > div > div > label{
  	float:left;
  	padding-right:4px;
  	text-align:right;
  	font-weight:bold;
  	width:30%;
}

#divMiPedidoDetalle .etiquetaizquierda{
	width: 100%;
  	text-align:left;
}

#divMiPedidoDetalle .etiquetaderecha{
	width: 100%;
  	text-align:right;
}

#divMiPedidoDetalle form > div > div > input[type=text], #divMiPedidoDetalle form > div > div > input[type=password],textarea {
	width:60%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
#divMiPedidoDetalle input[type=text]{
 	width:30%;
}
#divMiPedidoDetalle input[type=text]:focus,textarea:focus {
  	outline:0;
  	border-color:#4697e4;
}

#divMiPedidoDetalle .botones{
	width:100%;
	text-align:center;
	padding-top:6px;
}

#divMiPedidoDetalle > #divError{
	border:1px solid #FF0000;
	visibility:hidden;
}

/* Paso 1 */
#divRegistroPedido h1, h2{
	display:block;
	text-align:center;
	padding-bottom:4px;
}

#divRegistroPedido h3{
	display:block;
	text-align:center;
	padding-bottom:4px;
	font-weight:normal;
}

#divRegistroPedido form{
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:98%;
}

#divRegistroPedido form > div{
  clear:both;
  overflow:hidden;
  padding:1px;
  margin:0 0 10px 0;
  width:99%;
  border:1px solid #063801;
}

#divRegistroPedido form > div > div > label{
	width:30%;
  	float:left;
  	padding-right:4px;
  	text-align:right;
  	font-weight:bold;
}

#divRegistroPedido .etiquetaizquierda{
  	text-align:left;
}

#divRegistroPedido form > div > div > input{
	width:70%;
	float:left;
	text-align:left;
	font-size: 1em;
}

#divRegistroPedido form > div > div > select, #divRegistroPedido form > div > div > div > select{
	float:left;
	text-align:left;
	font-size: 1em;
	width: 60%;
}

#divRegistroPedido .botones{
	width:100%;
	text-align:center;
}

#divRegistroPedido input[type=checkbox]{
	width:24px;
}

#divRegistroPedido form > div > div > input[type=text], #divRegistroPedido form > div > div > input[type=password],textarea {
	width:60%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
#divRegistroPedido input[type=text]{
  width:50%;
}
#divRegistroPedido input[type=text]:focus,textarea:focus {
  outline:0;
  border-color:#4697e4;
}

#divRegistroPedido > #divError{
	border:1px solid #FF0000;
	visibility:hidden;
}


#divBarraPedido1, #divBotonesPaso1, #divBotonesPaso2{
	float:left;
	padding-left:4px;
	padding-right:4px;
	width:100%;
}

#divBarraPedido1 img{
	width:100%;
	max-width:594px;
}

#divRegistroPedido{
	float:left;
	width:60%;
	border-right:#CCCCCC solid 1px;
}

#divLoginPedido{
	float:right;
	padding-left:4px;
	padding-right:4px;
	width:36%;
}

#divLoginPedido h1, h2{
	display:block;
	text-align:center;
	padding-bottom:4px;
}

#divLoginPedido form > div > div > label{
	width:30%;
  	float:left;
  	padding-right:4px;
  	text-align:right;
  	font-weight:bold;
}

#divLoginPedido form > div > div > input{
	width:60%;
	float:left;
	text-align:left;
	font-size: 1em;
}

#divLoginPedido form > div > div > input[type=text], #divRegistroPedido form > div > div > input[type=password],textarea {
	width:60%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

#divLoginPedido .botones{
	display: block;
	width:100%;
	text-align:center;
}

#divLoginPedido .boton{
	width:40%;
	text-align:center;
	float: right;
}

#divLoginPedido a{
	font-weight:bold;
	font-size:1.2em;
	color:#555555;
	text-decoration:none;
}


#divLoginPedido .EnlaceOlvideDatos{
	width:100%;
	text-align:center;
	padding-top:8px;
}

#divLoginPedido a:hover{
	color:#004d94;
}

#divOlvideDatos h1, h2{
	display:block;
	text-align:center;
	padding-bottom:4px;
}

#divOlvideDatos form > div > div > label{
	width:30%;
  	float:left;
  	padding-right:4px;
  	text-align:right;
  	font-weight:bold;
}

#divOlvideDatos form > div > div > input{
	width:60%;
	float:left;
	text-align:left;
	font-size:1em;
}

#divOlvideDatos .botones{
    position: relative;
	left: -40%;
    text-align: center;
    width: 100%;
}

#divOlvideDatos .boton{
	width:20%;
	text-align:center;
	float:right;
}

/* Paso 2 */
#divPedidoPaso2 h1, h2{
	display:block;
	text-align:center;
	padding-bottom:4px;
}

#divPedidoPaso2 form{
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:98%;
}

#divPedidoPaso2 form > div{
  clear:both;
  overflow:hidden;
  padding:1px;
  margin:0 0 10px 0;
  width:99%;
}

#divPedidoPaso2 form > div > label{
  	float:left;
  	padding-right:4px;
  	text-align:left;
  	font-weight:bold;
  	width:98%;
}

#divPedidoPaso2 form > div > div > input[type=text], #divPedidoPaso2 form > div > div > input[type=password],textarea {
	width:60%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
#divPedidoPaso2 form > div > div > input[type=password],textarea {
	width:98%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
#divPedidoPaso2 input[type=text]{
  width:30%;
}
#divPedidoPaso2 input[type=text]:focus,textarea:focus {
  outline:0;
  border-color:#4697e4;
}

#divPedidoPaso2 > #divError{
	border:1px solid #FF0000;
	visibility:hidden;
}


#divBarraPedido2, #CarritoPedido2{
	float:left;
	padding-left:4px;
	padding-right:4px;
	width:100%;
}

#divBarraPedido2 img{
	width:100%;
	max-width:594px;
}

#CarritoPedido2{
	float:left;
	width:100%;
	border-right:#CCCCCC solid 1px;
}


#infoNovedadesCursos h1 {
    display:block;
    font-size:2em;
    font-weight:bold;
    text-transform:uppercase;
    text-align:center;
}

#infoNovedadesCursos h2 {
    font-size:1.2em;
    font-weight:bold;
    line-height:2em;
}

#infoNovedadesCursos a.boton{
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    display: inline-block;
    line-height: normal;
    margin-bottom: 20px;
    overflow: hidden;
    text-decoration: none;
    padding:0.5em;
}

#infoNovedadesCursos a.boton:over {
    color: #004d94;
}

/* General */
#ContenidoIzquierda{
	float: left;
	width: 25%;
	padding-top:1em;
}
#ContenidoDerecha{
	/*float:left; */
	width:72%;
	overflow:hidden;
	padding:1em;
	font-size: 1em;
	line-height: 1.2em;
	text-align: justify;
}

#ContenidoDerecha h1{
	display:block !important;
	width:100%;
	text-align:center;
	font-size:1.8em;
	margin-bottom:1em;
	line-height:1.3em;
}

#ListaCursos h2{
	display:block !important;
	width:100%;
	text-align:center;
	font-size:1.8em;
	margin-bottom:1em;
	line-height:1.3em;
}

#ListaCursos .curso{
	border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    width:98%;
    margin-bottom:1em;
    padding:1em;
}

#ListaCursos a.boton{
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    display: inline-block;
    line-height: normal;
    overflow: hidden;
    text-decoration: none;
    padding:0.5em;
}

#ListaCursos a.boton:over {
    color: #004d94;
}

#Curso a.boton{
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    display: inline-block;
    line-height: normal;
    overflow: hidden;
    text-decoration: none;
    padding:0.5em;
}

#Curso a.boton:over {
    color: #004d94;
}

#TituloCurso h1{
	display:block !important;
	width:100%;
	text-align:center;
	font-size:1.8em;
	margin-bottom:1em;
	line-height:1.3em;
}

#Curso a.boton{
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    display: inline-block;
    line-height: normal;
    overflow: hidden;
    text-decoration: none;
    padding:0.5em;
}

#Curso a.boton:over {
    color: #004d94;
}


/* Matricula Form */
#matricula-form{
	line-height:1em;
	padding-top:1em;
}

#matricula-form a{
	color:#666666;
	text-decoration:none;
}

#matricula-form a:hover{
	color:#004d94;
	text-decoration:underline;
}

#matricula-form form{
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:98%;
}

#matricula-form > div > div{
	clear:both;
	overflow:hidden;
	padding:1px;
	margin:0 0 10px 0;
	padding:1px;
}

#matricula-form > div > div > label{
  	float:left;
  	padding-right:4px;
  	text-align:right;
  	font-weight:bold;
  	font-size:1.1em;
  	width:30%;
}

#matricula-form .TextInfo{
  	padding-left:25%;
}

#matricula-form > div > div > input[type=text], #matricula-form > div > div > input[type=password],textarea {
	width:60%;
  	padding-top: 4px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
#matricula-form input[type=text]{
	width:30%;
}
#matricula-form input[type=text]:focus,textarea:focus {
	outline:0;
	border-color:#4697e4;
}

#matricula-form .botones{
	width:100%;
	text-align:center;
	padding-top:6px;
}

#matricula-form > #divError{
	border:1px solid #FF0000;
	visibility:hidden;
}

/* Vacantes Form */
#vacantes-form{
	line-height:1em;
	padding-top:1em;
}

#vacantes-form a{
	color:#666666;
	text-decoration:none;
}

#vacantes-form a:hover{
	color:#004d94;
	text-decoration:underline;
}

#vacantes-form form{
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:98%;
}

#vacantes-form > div > div{
	clear:both;
	overflow:hidden;
	padding:1px;
	margin:0 0 10px 0;
	padding:1px;
}

#vacantes-form > div > div > label{
  	float:left;
  	padding-right:4px;
  	text-align:right;
  	font-weight:bold;
  	font-size:1.1em;
  	width:30%;
}

#vacantes-form .TextInfo{
  	padding-left:25%;
}

#vacantes-form > div > div > input[type=text], #vacantes-form > div > div > input[type=password],textarea {
	width:60%;
  	padding-top: 4px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
#vacantes-form input[type=text]{
	width:30%;
}
#vacantes-form input[type=text]:focus,textarea:focus {
	outline:0;
	border-color:#4697e4;
}

#vacantes-form .botones{
	width:100%;
	text-align:center;
	padding-top:6px;
}

#vacantes-form > #divError{
	border:1px solid #FF0000;
	visibility:hidden;
}




/* Menu de Familias Cursos */
#menuFamiliasCursos {
	float:left;
	width:100%;
	overflow:hidden;
}

#menuFamiliasCursos h2 {
    width: 90%;
    font-size:1.6em;
    font-weight:none;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #494949;
    padding: 0.8em;
    text-align: left;
    background-color:#383838;
}

#menuFamiliasCursos ul {
	list-style:none;
	width: 100%;
}

#menuFamiliasCursos li.familia{
	float:left;
	width:100%;
	text-align:left;
    color:white;
    background-color:#383838;
}

#menuFamiliasCursos li.familia:hover{
	float:left;
	width:100%;
	text-align:left;
	background-color:#666666;
}

#menuFamiliasCursos a.familia{
	display:block;
	border:none;
	text-decoration:none;
	padding:4px 4px 4px 16px;
	margin-top: 6px;
	margin-bottom:6px;
	color:white;
	font-size:1em;
    font-weight:normal;
    line-height:1.1em;
}

#menuFamiliasCursos a.familia:hover{
}

/* Otros ajustes requeridos por Google */
.coletillaLosPrecios{
	clear:both;
	float:left;
	width:100%;
	font-size:0.8em;
	margin-top:0.5em;
}


/*PC tamaño normal (MD)*/
@media only screen and (min-width:867px) and (max-width:1200px) {
body {
	width:100%;
	margin:0 auto;
	min-width:867px;
	max-width:1200px;
	font-size:10px;
}

/* Cabecera */
header {
	width:99%;
	padding-top:10px;
	overflow:hidden;
	margin:0 auto;
}

/* Menú redes sociales */
#menuRedesSociales {
	overflow:hidden;
	float:right;
	width:24%;
}

/* Menú principal */
#menuPrincipal{
	padding:5px 0;
}

#menuPrincipal ul {
	margin-left:0.4em;
}

#menuPrincipal li{
	padding-right:1.5em;
	font-size:1.3em;
}

/* Contenido */
#contenido{
	width:99%;
	overflow:hidden;
	margin:0 auto;
}

/* Pie de página */
#pie{
	width:99%;
}

/* Otras páginas */

/* Catalogos */
#InfoCatalogo{
	width:100%;
	float:left;
	padding-bottom:20px;
}

#imagenInfoCatalogo{
	float:left;
	width:30%;
	text-align:right;
}

#textoInfoCatalogo{
	float:right;
	width:58%;
	padding-left:4%;
	padding-right:8%;
}


/* La Coleccion */
#menuLaColeccion {
	width:76%;
	float:none;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:32px;
	padding-right:32px;
}

#menuLaColeccion ul {
	margin:2em 0 0 2em;
	list-style:none;
}

#menuLaColeccion li{
	position:relative;
	float:left;
	width:300px;
	height:140px;
	padding:8px 2px;
	margin:30px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:#666666 4px 8px;
	-webkit-box-shadow:#666666 4px 8px;
	box-shadow:0 4px 8px #666666;
}

#menuLaColeccion a img{
	position:absolute;
   	top:0px;
   	left:0px;
	display:block;
	margin:0.0em 0.0em;
    max-width:304px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
    overflow:hidden;
    opacity:0.8;
    z-index:1;
}

}

/*Tablet tamaño grande (SM)*/
@media only screen and (min-width:481px) and (max-width:866px) {
body {
	width:100%;
	margin:0 auto;
	min-width:481px;
	max-width:866px;
	font-size:9px;
}

/* Cabecera */
header {
	width:99%;
	padding-top:6px;
	overflow:hidden;
	margin:0 auto;
}

/* Menú principal */
#menuPrincipal{
	padding:4px 0;
}

#menuPrincipal ul {
	margin-left:0.3em;
}

#menuPrincipal li{
	padding-right:8px;
	font-size:1.2em;
}

/* Contenido */
#contenido{
	width:99%;
	overflow:hidden;
	margin:0 auto;
}

/* Pie de página */
#pie{
	width:99%;
}

#pie p{
	padding:0 4px;
}

#numProductos {
	float:left;
	width:16%;
	overflow:hidden;
	text-align:left;
    font-size:11px;
    font-weight:bold;
    position:relative;
    top:8px;
}

#menuPaginacion {
	float:left;
	width:84%;
	overflow:hidden;
	text-align:right;
}

#orden {
	float:left;
	width:40%;
	overflow:hidden;
	text-align:center;
    font-size:11px;
    font-weight:bold;
    position:relative;
    top:0px;
    left:0px;
}

/* Otras páginas */
#menuArcanos{
	overflow:hidden;
	float:left;
	width:20%;
	line-height:1.5em;
    padding:1em;
    background:#F4F4F4;
    margin-bottom:1em;
}

#menuArcanos h2{
	display:block;
	font-size:1.3em;
	font-weight:bold;
	padding-bottom:6px;
}

#menuArcanos li{
	float:left;
	font-size:1.1em;
	margin-right:2em;
	width:100%;
	line-height:1.5em;
	padding-left:10px;
}

#Historia{
	padding:1em;
	width:72%;
	float:right;
}

#Historia h1{
	display:block;
	font-size:1.6em;
	text-transform:uppercase;
	font-weight:bold;
}

/* Catalogos */
#InfoCatalogo{
	width:100%;
	float:left;
	padding-bottom:20px;
}

#imagenInfoCatalogo{
	float:left;
	width:30%;
	text-align:right;
}

#textoInfoCatalogo{
	float:right;
	width:58%;
	padding-left:4%;
	padding-right:4%;
}

/* La Coleccion */
#menuLaColeccion {
	width:80%;
	float:none;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:32px;
	padding-right:32px;
}

#menuLaColeccion ul {
	margin:2em 0 0 2em;
	list-style:none;
}

#menuLaColeccion li{
	position:relative;
	float:left;
	width:300px;
	height:140px;
	padding:8px 2px;
	margin:30px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:#666666 4px 8px;
	-webkit-box-shadow:#666666 4px 8px;
	box-shadow:0 4px 8px #666666;
}

#menuLaColeccion li:first-child{
	float:none;
	margin-left:24%;
	margin-bottom:32px;
}

#menuLaColeccion li:nth-child(2){
	float:none;
	margin-left:24%;
}

#menuLaColeccion li:last-child{
	float:none;
	margin-left:24%;
}

#menuLaColeccion a img{
	position:absolute;
   	top:0px;
   	left:0px;
	display:block;
	margin:0.0em 0.0em;
    max-width:304px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
    overflow:hidden;
    opacity:0.8;
    z-index:1;
}

#divInformacionAutoresFicha .divFotoAutor{
	width:20%;
	float:left;
}

#divInformacionAutoresFicha .divDescripcionAutor{
	width:80%;
	float:left;
}

#divInformacionIlustradoresFicha .divFotoIlustrador{
	width:20%;
	float:left;
}

#divInformacionIlustradoresFicha .divDescripcionIlustrador{
	width:80%;
	float:left;
}

/* Paso 1 */
#divRegistroPedido h1, h2{
	display:block;
	text-align:center;
	padding-bottom:4px;
}

#divRegistroPedido h3{
	display:block;
	text-align:center;
	padding-bottom:4px;
	font-weight:normal;
}

#divRegistroPedido form{
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:98%;
}

#divRegistroPedido form > div{
  clear:both;
  overflow:hidden;
  padding:1px;
  margin:0 0 10px 0;
  width:99%;
  border:1px solid #063801;
}

#divRegistroPedido form > div > div > label{
	width:30%;
  	float:left;
  	padding-right:4px;
  	text-align:right;
  	font-weight:bold;
}

#divRegistroPedido .etiquetaizquierda{
  	text-align:left;
}

#divRegistroPedido form > div > div > input{
	width:70%;
	float:left;
	text-align:left;
	font-size: 1em;
}

#divRegistroPedido form > div > div > select, #divRegistroPedido form > div > div > div > select{
	float:left;
	text-align:left;
	font-size: 1em;
	width: 60%;
}

#divRegistroPedido .botones{
	width:100%;
	text-align:center;
}

#divRegistroPedido input[type=checkbox]{
	width:24px;
}

#divRegistroPedido form > div > div > input[type=text], #divRegistroPedido form > div > div > input[type=password] {
	width:60%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
#divRegistroPedido input[type=text]{
  width:50%;
}
#divRegistroPedido input[type=text]:focus,textarea:focus {
  outline:0;
  border-color:#4697e4;
}

#divRegistroPedido > #divError{
	border:1px solid #FF0000;
	visibility:hidden;
}


#divBarraPedido1, #divBotonesPaso1, #divBotonesPaso2{
	float:left;
	padding-left:4px;
	padding-right:4px;
	width:100%;
}

#divBarraPedido1 img{
	width:100%;
	max-width:594px;
}

#divRegistroPedido{
	float:left;
	width:60%;
	border-right:#CCCCCC solid 1px;
}

#divLoginPedido{
	float:right;
	padding-left:4px;
	padding-right:4px;
	width:36%;
}

#divLoginPedido h1, h2{
	display:block;
	text-align:center;
	padding-bottom:4px;
}

#divLoginPedido form > div > div > label{
	width:30%;
  	float:left;
  	padding-right:4px;
  	text-align:right;
  	font-weight:bold;
}

#divLoginPedido form > div > div > input{
	width:60%;
	float:left;
	text-align:left;
	font-size: 1em;
}

#divLoginPedido form > div > div > input[type=text], #divRegistroPedido form > div > div > input[type=password] {
	width:60%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

#divLoginPedido #botones{
	display: block;
	width:100%;
	text-align:center;
}

#divLoginPedido .boton{
	width:40%;
	text-align:center;
	float: right;
}

#divLoginPedido a{
	font-weight:bold;
	font-size:1.2em;
	color:#555555;
	text-decoration:none;
}


#divLoginPedido .EnlaceOlvideDatos{
	width:100%;
	text-align:center;
	padding-top: 8px;
}

#divLoginPedido a:hover{
	color:#004d94;
}

#menuFamilias ul{
	display: block;
}
}

/*Tablet tamaño pequeño (SME)*/
@media only screen and (min-width:481px) and (max-width:651px) {
body {
	width:100%;
	margin:0 auto;
	min-width:481px;
	max-width:651px;
	font-size:9px;
}

/* Cabecera */
header {
	width:99%;
	padding-top:6px;
	overflow:hidden;
	margin:0 auto;
}

/* Menú principal */
#menuPrincipal{
	padding:4px 0;
}

#menuPrincipal ul {
	margin-left:0.3em;
}

#menuPrincipal li{
	padding-right:8px;
	font-size:1.0em;
}

/* Contenido */
#contenido{
	width:99%;
	overflow:hidden;
	margin:0 auto;
}

#descripcion{
    float:left;
    width:100%;
}


/* Pie de página */
#pie{
	width:99%;
}

#pie p{
	padding:0 5px;
}

#numProductos {
	float:left;
	width:16%;
	overflow:hidden;
	text-align:left;
    font-size:11px;
    font-weight:bold;
    position:relative;
    top:8px;
}

#menuPaginacion {
	float:left;
	width:84%;
	overflow:hidden;
	text-align:right;
}

#orden {
	float:left;
	width:54%;
	overflow:hidden;
	text-align:center;
    font-size:11px;
    font-weight:bold;
    position:relative;
    top:0px;
    left:0px;
}

/* Otros generales */
#divAvisoLegal{
	width:94%;
}

form{
  	width:96%;
}
form > div > label{
	width:100%;
  	float:left;
  	text-align:left;
}
input[type=text]{
  width:90%;
}

.boton{
    text-align:center;
	cursor:pointer;
	font-size: 1.1em;
}

.botonNegrita{
    text-align:center;
	cursor:pointer;
	font-weight:bold;
	font-size: 1.1em;
}

/* Otras páginas */
#menuArcanos{
	overflow:hidden;
	float:left;
	width:20%;
	line-height:1.3em;
    padding:1em;
    background:#F4F4F4;
    margin-bottom:1em;
}

#menuArcanos h2{
	display:block;
	font-size:1.1em;
	font-weight:bold;
	padding-bottom:6px;
}

#menuArcanos li{
	float:left;
	font-size:1em;
	margin-right:1em;
	width:100%;
	line-height:1.4em;
	padding-left:10px;
}

#Historia{
	padding:1em;
	width:72%;
	float:right;
}

#Historia h1{
	display:block;
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:bold;
}

#divImagenGrandeFicha{
	width:40%;
	float:left;
	text-align:center;
}

#divInformacionFicha{
	width:60%;
	float:right;
	text-align:left;
}

#divInformacionFicha input[type=text]{
  width:16%;
  font-size:20px;
}

#divInformacionAutoresFicha .divFotoAutor{
	width:26%;
	float:left;
}

#divInformacionAutoresFicha .divDescripcionAutor{
	width:74%;
	float:left;
}

#divInformacionIlustradoresFicha .divFotoIlustrador{
	width:26%;
	float:left;
}

#divInformacionIlustradoresFicha .divDescripcionIlustrador{
	width:74%;
	float:left;
}

/* Catalogos */
#InfoCatalogo{
	width:100%;
	float:left;
	padding-bottom:20px;
}

#imagenInfoCatalogo{
	float:left;
	width:30%;
	text-align:right;
}

#imagenInfoCatalogo img{
	max-width:120px;
	max-height:160px;
}

#textoInfoCatalogo{
	float:left;
	width:100%;
	padding-left:2%;
	padding-right:2%;
}

/* Paso 1 */
#divRegistroPedido{
	float:left;
	width:100%;
	border-right:#CCCCCC solid 1px;
}

#divLoginPedido{
	float:left;
	padding-left:4px;
	padding-right:4px;
	padding-top:6px;
	width:100%;
}

/* Paso 2 */
#divPedidoPaso2 h1, h2{
	display:block;
	text-align:center;
	padding-bottom:4px;
}

#divPedidoPaso2 form{
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:98%;
}

#divPedidoPaso2 form > div{
  clear:both;
  overflow:hidden;
  padding:1px;
  margin:0 0 10px 0;
  width:99%;
}

#divPedidoPaso2 form > div > label{
  	float:left;
  	padding-right:4px;
  	text-align:left;
  	font-weight:bold;
}

#divPedidoPaso2 form > div > div > input[type=text], #divPedidoPaso2 form > div > div > input[type=password],textarea {
	width:60%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
#divPedidoPaso2 form > div > div > input[type=password],textarea {
	width:98%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

#botonmenufamilias {
    display:block;
    width:100%;
    position:relative;
    height:30px;
    padding:10px 0 0 10px;
    text-align:left;
    /*background-image:url(../images/fondoBoton.png);
	background-repeat:no-repeat;
	background-size:100% 100%;*/
	background-color:#555555;
    color:white !important;
    text-decoration:none;
    font-size:1.2em;
    font-weight:bold;
}

#botonmenufamilias:after {
    content:"";
    background:url('../images/menu-icon.png') no-repeat;
    width:30px;
    height:30px;
    display:inline-block;
    position:absolute;
    right:15px;
}

#menuFamilias {
	float:left;
	width:100% !important;
	overflow:hidden;
	/*width:200px;*/
}

#LaColeccion {
	width:100%!important;
	float:none;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:32px;
	padding-right:32px;
}
}

/*Tablet tamaño pequeño (SM)*/
@media only screen and (max-width:480px) {
body {
	width:100%;
	margin:0 auto;
	min-width:320px;
	max-width:480px;
	font-size:9px;
}

/* Cabecera */
header {
	width:99%;
	padding-top:4px;
	overflow:hidden;
	margin:0 auto;
}

/* Logo Museo Del Tarot */
#logoMuseoDelTarot {
	float:left;
	max-width:100px;
}

/* Menú redes sociales */
#menuRedesSociales {
	overflow:hidden;
	float:right;
	width:100%;
}

#menuRedesSociales h3 {
	display:none;
}

/* Menú principal */
#menuPrincipal{
	padding:2px 0;
}

#menuPrincipal ul {
	margin-left:0.2em;
}

#menuPrincipal li{
	float:none;
	padding-right:6px;
	font-size:2em;
}

/* Contenido */
#contenido{
	width:99%;
	overflow:hidden;
	margin:0 auto;
}

#descripcion{
    float:left;
    width:100%;
}

/* Pie de página */
#menuPie{
	overflow:hidden;
	float:left;
	width:100%;
	line-height:1em;
    padding-top:0px;
}

#menuPie h3 {
	display:none;
}

#menuPie ul {
	list-style:none;
}

#menuPie li{
	float:left;
	font-size:1.4em;
	margin-right:1.4em;
}

#menuPie a{
	display:block;
	border:none;
	color:#777777;
	text-decoration:none;
}

#menuPie a:hover{
	color:#004d94;
}

#numProductos {
	float:left;
	width:100%;
	overflow:hidden;
	text-align:left;
    font-size:11px;
    font-weight:bold;
    position:relative;
    top:8px;
}

#menuPaginacion {
	float:left;
	width:100%;
	overflow:hidden;
	text-align:right;
}

#orden {
	float:left;
	width:100%;
	overflow:hidden;
	text-align:center;
    font-size:11px;
    font-weight:bold;
    position:relative;
    top:0px;
    left:0px;
}

.boton{
    text-align:center;
	cursor:pointer;
	font-size: .92em;
}

.botonNegrita{
    text-align:center;
	cursor:pointer;
	font-weight:bold;
	font-size: .92em;
}


/* Otras páginas */
#menuArcanos{
	overflow:hidden;
	float:left;
	width:100%;
	line-height:1.3em;
    padding:1em;
    background:#F4F4F4;
    margin-bottom:1em;
}

#menuArcanos h2{
	display:block;
	font-size:1.1em;
	font-weight:bold;
	padding-bottom:6px;
}

#menuArcanos li{
	float:left;
	font-size:1em;
	margin-right:1em;
	width:100%;
	line-height:1.4em;
	padding-left:10px;
}

#Historia{
	padding:1em;
	width:95%;
	float:left;
}

#Historia h1{
	display:block;
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:bold;
}

/* Catalogos */
#InfoCatalogo{
	width:100%;
	float:left;
	padding-bottom:20px;
}

#imagenInfoCatalogo{
	float:left;
	width:30%;
	text-align:right;
}

#imagenInfoCatalogo img{
	max-width:120px;
	max-height:160px;
}

#textoInfoCatalogo{
	float:left;
	width:100%;
	padding-left:2%;
	padding-right:2%;
}

/* La Coleccion */
#menuLaColeccion {
	width:100%;
	float:none;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:32px;
	padding-right:32px;
}

#menuLaColeccion ul {
	margin:2em 0 0 2em;
	list-style:none;
}

#menuLaColeccion li{
	position:relative;
	float:left;
	width:240px;
	height:108px;
	padding:8px 2px;
	margin:30px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow:#666666 4px 8px;
	-webkit-box-shadow:#666666 4px 8px;
	box-shadow:0 4px 8px #666666;
}

#menuLaColeccion li:first-child{
	float:none;
	margin-left:12%;
	margin-bottom:32px;
}

#menuLaColeccion li:nth-child(2){
	float:none;
	margin-left:12%;
}

#menuLaColeccion li:last-child{
	float:none;
	margin-left:12%;
}

#menuLaColeccion a img{
	position:absolute;
   	top:0px;
   	left:0px;
	display:block;
	margin:0.0em 0.0em;
    max-width:244px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
    overflow:hidden;
    opacity:0.8;
    z-index:1;
}

#divImagenGrandeFicha{
	width:100%;
	float:left;
	text-align:center;
}

#divInformacionFicha{
	width:100%;
	float:left;
	text-align:left;
}

#divInformacionFicha input[type=text]{
  width:20%;
  font-size:2em;
}

#divInformacionFicha .Enlace img{
	width:44px;
	height:44px;
}

#divInformacionAutoresFicha .divFotoAutor{
	width:100%;
	float:left;
}

#divInformacionAutoresFicha .divDescripcionAutor{
	width:100%;
	float:left;
}

divInformacionIlustradoresFicha .divFotoIlustrador{
	width:100%;
	float:left;
}

#divInformacionIlustradoresFicha .divDescripcionIlustrador{
	width:100%;
	float:left;
}

/* Paso 1 */
#divRegistroPedido{
	float:left;
	width:100%;
	border-right:#CCCCCC solid 1px;
}

#divLoginPedido{
	float:left;
	padding-left:4px;
	padding-right:4px;
	padding-top:6px;
	width:100%;
}

/* Paso 2 */
#divPedidoPaso2 h1, h2{
	display:block;
	text-align:center;
	padding-bottom:4px;
}

#divPedidoPaso2 form{
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:98%;
}

#divPedidoPaso2 form > div{
  clear:both;
  overflow:hidden;
  padding:1px;
  margin:0 0 10px 0;
  width:99%;
}

#divPedidoPaso2 form > div > label{
  	float:left;
  	padding-right:4px;
  	text-align:left;
  	font-weight:bold;
  	width:98%;
}

#divPedidoPaso2 form > div > div > input[type=text], #divPedidoPaso2 form > div > div > input[type=password],textarea {
	width:60%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
#divPedidoPaso2 form > div > div > input[type=password],textarea {
	width:98%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

#menuFamilias {
	float:left;
	width:100% !important;
	overflow:hidden;
	/*width:200px;*/
}

#LaColeccion {
	width:100%!important;
	float:none;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:32px;
	padding-right:32px;
}

/* Otros ajustes requeridos por Google */
.stockProductoFicha {
    font-size: 16px;
}

article{
	font-size: 1.8em;
}
}