@charset "UTF-8";
/* CSS Document */
	
	
body {    
	background-color: #C2FFBE;
	font-family: 'Noto Serif JP',Georgia,serif;
  font-size: 16px;	
}

body.blisspoint {
	overflow: hidden;
}

	/* The navigation bar */
.navbar {
  overflow: hidden;
  background: linear-gradient(180deg, rgba(194,255,190,1) 0%, rgba(194,255,190,0) 100%);
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  height:100px;
  width: 100%; /* Full width */
		z-index: 950;

}
.navbar_bottom {
  background: linear-gradient(0deg, rgba(0,5,255,0.9) 0%, rgba(0,5,255,0) 100%);
  minimum width: 1000px;
  position: fixed; /* Set the navbar to fixed position */
  bottom:0; /* Position the navbar at the top of the page */
  height:130px;
  width: 100%; /* Full width */

}

.navbar_bottom a {
float: center;
display: inline-block;
  text-align: center;
  padding: 5px;
  text-decoration: none;
  color: #00FF66;
  font-family: 'Karla', sans-serif;
  font-weight: bold;
  margin-bottom:0;

}


.navbar_bottom a:hover {
 
  text-decoration: underline;

}
.navbar_bottom2 {
float: center;
margin-top:60px;
line-height: 0.8;

}
.navbar2 {
float: left;
margin-left:10px;
margin-top:5px;

}

.navbar3 {
float: right;
margin-right:10px;

}

/* Links inside the navbar */
.navbar a {
  float: right;
  display: block;
  text-align: center;
  padding: 5px;
  text-decoration: underline;
  color: black;
  font-family: 'Karla', sans-serif;
}

/* Change background on mouse-over */
.navbar a:hover {
text-decoration: none;

}

.navbar2 a {
  text-align: center;
  padding-left:20%;
  text-decoration: underline;
  color: black;
 
}

/* Main content */
.main {
	margin: 0 auto;
max-width: 900px;
min-width:30%;
margin-top: 100px; /* Add a top margin to avoid content overlay */
}

.main_poster {
margin: 0;
padding: 0;
width: 100vw;
height: 100vh;
max-width: 100%;
max-height: 100%;
display: flex;
justify-content: center;
}
@media (orientation: portrait) {
	.main_poster {
		align-items: center;
	}	
}


.main2 {
	margin: 0 auto;
max-width: 900px;
min-width:20%;
margin-top: 100px; /* Add a top margin to avoid content overlay */
}
.main3 {
	margin: 0 auto;
max-width: 900px;
min-width:20%;
margin-top: 100px; /* Add a top margin to avoid content overlay */
}

.main .text{
	line-height:1.75;
}
.main .text2{
	line-height:1.75;
	text-align:center;
}

.main a{
  text-decoration: underline;
  color: black;
	z-index: 900;

}
.main a:hover{
  text-align: center;
  text-decoration: none;
  color: black;

}

.box {
	text-align:center;
	width:100%;
	box-shadow:0px 0px 0px 5px black inset;
	font-size:12pt;
	padding-top:20px;
	padding-bottom:20px;
}

.box2 {
	text-align:center;
	width:100%;
	font-size:12pt;
}
.box3 {
	margin:20px;
	height:100%;
}

/*Jaume in the house*/


.blisspoint_poster_image {
	height: 100%;
}

@media (orientation: portrait) {
	.blisspoint_poster_image {
		width: 100%;
	}	
}

.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
	width:100%;
	font-family: 'Karla', sans-serif;
font-size:14pt;
	
}
.container .image {
max-width: 100%;
opacity: 0.95;
}

.container .image:hover {
max-width: 100%;
opacity: 1;
}

.container .caption {
  text-align: center;
  position: relative;
  writing-mode: vertical-lr;
  white-space: nowrap;
  padding-left: 0.5em;
	
}
.container .caption.left {
  transform: rotate(180deg);
}

/*Jaume yeah!*/

.image_main {
border:none;
font-family: 'Karla', sans-serif;
font-size:10pt;
line-height: 1.3;
text-align:right;
width: 100%;
opacity:0.90;
}


.image_main:hover {
border:none;
font-family: 'Karla', sans-serif;
font-size:10pt;
line-height: 1.3;
text-align:right;
width: 100%;
opacity:1;
}

.image_main_vert {
border:2px black solid;
text-align:right;
width: 60%;
float:center;
opacity:0.90;
}

.image_main_vert_poster {
border:2px black solid;
text-align:right;
height:100%;
float:center;
opacity:0.90;
}

.main .bottom_caption{
	font-family: 'Karla', sans-serif;
font-size:10pt;
	line-height:1;
	
}

.main .image_main_2 {
line-height: 1.3;
text-align:right;
width: 60%;
margin-right:20%;
opacity:0.90;
}

.image_main_vert:hover {
border:2px black solid;
font-family: 'Karla', sans-serif;
font-size:10pt;
line-height: 1.3;
text-align:right;
width: 60%;
float:center;
opacity:1;
}


.main .title{
	font-family: 'Karla', sans-serif;
	text-align: center;
	font-weight:bold;
	font-size:18px;
}

.image_main_in {
width:400px;
height:auto;
opacity:0.95;
}

.image_main_in:hover {
width:400px;
height:auto;
opacity:1;
}

.main2 {
padding:15px;
background-image: url("../../2017/Art Nou Publicació/Website/images/background.png");
background-size:1300px;
align: center;
float: none;
display:inline-block;
max-width: 600px;
min-width:500px;
margin-top: 50px; 
  color: #00FF66;
  font-family: 'Karla', sans-serif;
  font-weight: bold;/* Add a top margin to avoid content overlay */
  /* text-shadow: -2px 0 blue, 0 2px blue, 3px 0 blue, 0 -2px blue;*/
  background-color:rgba(0,5,255,0.4);
 
}
.main2 a{
color: #00FF66;
text-decoration: underline;
}
.main22{
font-weight:100;
}
.main2 a:hover{
color: white;
text-decoration: underline;
}
.main3 {
align: center;
float: none;
display:inline-block;
max-width: 800px;
min-width:500px;
margin-top: 100px; 
  color:  #FD0080;;
  font-family: 'Karla', sans-serif;
  font-weight: bold;/* Add a top margin to avoid content overlay */
}

.image_book{

margin-bottom:10px;
}


.a {
	position:fixed;
	bottom:0;
	margin-right:25%;
	margin-left:0%;
	z-index:10;
	text-align:center;

	
}
.b {
	position:fixed;
	bottom:0;
	padding-right:10%;
	padding-left:10%;
	margin-right:32%;
	margin-left:32%;
	z-index:10;
	text-align:center;

	
}
.a2 {
	position:fixed;
	top:0;
	margin-left:0;
	z-index:10;
	text-align:center;
	vertical-align:middle;
	
}
.a3 {
	position:relative;
	margin-left:0;
	z-index:15;
	
}

</style>