body {
	font-size: 1em;
	margin:0;
	padding:0;
}
header {
	background-image:url("imatges/iStock-501653022.png");
	background-size:cover;
}
h1, h2, h3, h4, h5, .menu {
	font-family:"Arial black";		
}
h3, h2, h5 {
	color:#444444;
}
p {
	font-family:"Arial";
	color:#000000;
}
footer {
	
	background-color: #444444;
	text-align:center;
	padding: 50px 0;
	width:100%;
	position:relative;
}
nav {
	background-color:#444444;
	margin-top:0;
	padding:0;	
}
button {
	width: 200px;
	height: 50px;	
}
.principal {
 	width:100%;
	/*border-right: 1px solid black;*/
}
#ladoTerrible {
	float:right;
	width:20%;
	/*margin-right:30px;*/
	position:relative;
	right:35px;

	/*background-color:#CCCCCC
	border: solid 10px #444444;
	border-radius:5%;*/
}
/*.fixed {  
        position: fixed;   
        top: 20px;           
}*/
.alLado {
	width:80px;
	float:left;	
	margin-right:4%;
	/*margin-top: 3em;*/
}
.textAlLado {
	text-align:justify;
	font-size:0.9em;
	margin:0;
}
.textAlLado2 {
    text-align: justify;
    font-size:0.9em;
    margin: 0 0 10em 0;
}
.noTexto {
    margin: 100px 0;
}
.titolLado {
	text-decoration: underline;
	text-align:left;
	font-size:1em;
	margin-top: 0em;
	margin-bottom: 1em;
}
.titolLado2 {
	text-align:left;
	font-size:1em;
	margin-top: 3em;
	margin-bottom: 0;
}
.hayQSepararlos {
    margin-bottom:3em;
}
.compra {
	width:170px;
}
.responde {
	display:none;
}
.menuftr {
	display:inline-block;
}
h1 {
	font-size: 2.5em;
	display:inline-block;
	color:#FFFFFF;
	text-shadow: 2px 2px 5px black;
	margin:0;
	padding: 0;
	text-transform:uppercase;
}	
.nom {
	color:#444444;
	text-shadow: 1px 1px 2px white;
}
h2 {
	text-transform:uppercase;
	margin-left:10%;
}
h3 {
	margin-left:10%;
	font-size:1.5em;
}
h4 {
	margin-top: 0;
	font-size: 0.8em;
	color:#000000;
}
h5 {
	font-size:1.5em;
	color:#444444;
	text-align:center;
	line-height: 1.2em;
}
a {
	text-decoration:none;
}
.centrado {
	text-align:center;
}
.centrate {
	text-align:left;
}
.logo {
	width: 20%;
	display:inline-block;
	margin-top: 100px;
	margin-bottom: 0;
	padding-bottom:0;
}
.gris {
	background-color:#444444;
	margin-top:100px;
}
.gris2 {
	background-color: #444444;
	margin-top:0;
}
.petit {
	font-size:1em;
	display:inline-block;
	padding-top:100px;
}
.noTanPetit {
	font-size:1.5em;
}
.logo2 {
	width: 20%;
	display:inline-block;
	margin-bottom: 0;
	padding-bottom:0;
}
.menuButton {
	width:15%;
	float:right;
	margin:3% 10px 0 0;
}
.portada {
	width: 130px;
}
ul{
	padding:0;
	margin:0 auto;
	text-align:center;
}
li {
	display:inline-block;
	margin: 2% 2%;	
}
.palMobil {
	display:block;
	padding: 2% 0;
	background-color:#444444;
	margin:0;
	border: 2px solid #ffffff;
}
.menu {
	color: #ffffff;
	text-transform:uppercase;	
}
.menu:hover {
	color:#999999;
}
.linea {
	/*border-bottom: 1px solid black;*/
}
.cadaUn {
	margin-left:10%;
	margin-right:0%;
	width:145px;
	height:280px;
	text-align:center;
	display:inline-block;
	overflow: hidden;
}
.cadaUnFle {
	margin-left:2%;
	margin-right:0%;
	width:75px;
	height:280px;
	text-align:center;
	display:inline-block;
	overflow: hidden;
}
.cadaUnFle2 {
	display: none;	
	right:28%;	
	text-align:center;
	position:fixed;
	bottom:0;	
}
.cadaUnFle22 {
	display: none;	
	right:5px;	
	text-align:center;
	position:fixed;
	bottom:0;	
}
.arriba {
	margin-top:60px;
	width:65px;
}
.menupeu {
	display:block;
	color:#ffffff; 
	margin:0;
}
.peu {
	display:inline-block;
	color:white;
	margin: auto 0;
	width:30%;
	text-align:center;
}
.peuM {
	margin: 1em 2%;
	color:white;	
	text-align:center;
}
#centre {
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	padding: 50px 0;
}
.logoPeu {
	width: 30%;
	margin-bottom:20px;
}
.logoPeu2 {
	width: 20%;
	margin:0;
}
.peuC {
	color:#ffffff;
	margin:0;
}
.peuC:hover {
	color:#999999;
}
.peuCl {
	color:#ffffff;
	margin:0;
	text-decoration: underline;
}
.peuCl:hover {
	color:#999999;
}
.peuD {
	color:#ffffff;
	margin-bottom: 0.5em;
}
.escrol {
	margin: 50px auto;
	width:80%;
	height:220px;
	overflow-x:hidden;
	overflow-y:hidden;
	white-space:nowrap;
}
.escrol:hover {
	overflow-x:auto;
}
.titolCos {
	margin-left: 0;
}
.portadaCos {
	width: 90px;
}
.costat {
	display:inline-block;
	width:145px;
	height:220px;
	overflow: hidden;
	margin: 0 0;
	text-align:center;
	padding-top: 30px;
	border-top:solid 2px #000000;
}
.libro {
	margin:100px auto;
	width:70%;
	
}
.libro3 {
	margin:100px auto;
	width:50%;
}
.libro2 {
	text-align:center;
}
.portadaUni {
	width:150px;	
	margin: 0;	
	float:left;
}
.portadaUni2 {
	width: 60%;
	margin-bottom: 2em;
}
.titulin {
	text-align:left;
	margin:0 50px 0 0;
	border-bottom: solid 2px #444444;
}
.titulin2 {
	text-align:center;
	margin:0;
}
.titulon {
	font-size:1em;
	margin:0;
}
.titulon2 {
	font-size:0.8em;
	margin-bottom: 0.5em;
}
.sinopsis {
	color:#000000;
	margin:0 0 0 0;
	text-align:justify;
	text-indent:2em
}
.sinopsis2 {
	margin-right: 30px;
	text-align:justify;
	text-indent:2em
}
.boutique {
	float:right;
}
.boutique2 {
	margin: 30px auto 0 auto;
	text-align:center;
}
.boutique22 {
	margin: 95px auto 0 auto;
	text-align:center;
}
.estantes {
	text-align:left;
	border: solid 1px #444444;
	margin: 1em auto;
	padding:0 0;
	background-color:#CCCCCC;
	width: 250px;
	height:105px;
}
.estantes1 {
	text-align:left;
	border: solid 1px #444444;
	margin: 1em auto;
	padding:0 0;
	background-color:#CCCCCC;
	width: 200px;
	height:50px;
}
.estantesb {
	text-align:left;

	border: solid 1px #444444;
	margin: 0 auto;
	padding:0 0;
	background-color:#CCCCCC;
	width: 450px;
	height: 55px;
}
.estantesb1 {
	text-align:left;

	border: solid 1px #444444;
	margin: 0 auto;
	padding:0 0;
	background-color:#CCCCCC;
	width: 200px;
	height: 50px;
}
.estantes2 {
	text-align:left;
	border: solid 1px #444444;
	margin: 1em auto;
	padding:0 0;
	width: 250px;
	height: 105px;
}
.estantes22 {
	text-align:left;
	border: solid 1px #444444;
	margin: 1em auto;
	padding:0 0;
	width: 200px;
	height: 50px;
}
.estantes2b {
	text-align:left;
	border: solid 1px #444444;

	padding:0 0;
	width: 450px;
	height: 55px;
	margin: 0 auto 20px auto;
}
.estantes22b {
	text-align:left;
	border: solid 1px #444444;
    float:left;
	padding:0 0;
	width: 200px;
	height: 50px;
	margin:0 auto;
}
.logico {
    width: 15%;
    float: left;
    margin: 2% 1%;
}
.amazon {
	float:right;
}
.amazonSolo {
    margin-left: 25px ;
}
.amazonSolo2 {
    margin:2px 45px 0 0;
    float:right;
}
.preus {
	float:left;
	margin:5px 0 5px 1em;
}
.preus2 {
	font-size:1em;
	float:right;
	margin:1em 1em 0 0;
	font-weight:bold;
}
.preus22 {
	font-size:1em;
	float:left;
	margin:1em 0em 0 1em;
	font-weight:bold;
}
.preus2b {
	font-size:1em;
	font-weight:bold;
	display:inline-block;
	margin:0 0 0 0;
}
.encuentra {
    text-align:center;
    font-weight:bold;
}
.iconos {
	width:30px;
	margin:5px 0 0 10px;
	
}
.iconosB {
	width:30px;
	margin:5px 0 0 10px;
	float: left;
}
.paArriba {
	margin-top:0;
}
.texte {
	margin-left:200px;
	margin-right:250px;
}
.texte3 {
	margin-left:200px;
	margin-right:0;
}
.rellenadors {
	background-color: #CCCCCC;
	border-radius: 2%;
	display: inline-block;
	margin: 1% 1%;
	padding: 0 5% 5% 5%;
}
.presentable {
	text-align:center;
	background-color:#CCCCCC;
	border: solid 2px #999999;
	margin: 0 30% 50px 30%;
	padding-top: 100px;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1919px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1919px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1919px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1919px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1920px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1920px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1920px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1920px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1919px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1920px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}