body {
	margin; 0px;
	color: white;
  	height: 100%;
  	background-color: black;
  	   font-family: sans-serif;
}

.textura {
    height: -webkit-fill-available;
    opacity:0.9;
    background-image: url('https://www.transparenttextures.com/patterns/black-orchid.png');"
}

.bg {
    height: -webkit-fill-available;
	opacity: 0.6;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

header {
	position: absolute;
	top:0px;
	left:0;
	right:0;
	width: 100%;
	background-color: rgba(0,0,0,0.66);
	display: block;
    padding-top: 30px;
}

header .titol {
    width: 80%;
    font-size: 24px;
    margin: 0px auto;
    text-align: center;
    border-bottom: rgba(255,255,255,0.6) 1px solid;
    font-family: 'Raleway', sans-serif;
}


header .titol a:hover {
	color:grey;
	text-decoration: none;
}

header .titol a:link, a:visited, a:active {
	color:white;
	text-decoration: none;
}

header .menuPrincipal{
	width: 66%;
    margin: 0px auto;
    margin-bottom: 0px;
    font-family: 'Raleway', sans-serif;
	
}

header .menuSecundari {
	width: 80%;
    margin: 0px auto;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    opacity: 0;
    /*padding-top: 15px;*/
    padding-bottom: 5px;
    height: 0px;
}


header .elementMenu {
	margin: 0px 5px;
    color: grey;
}


header .elementMenu a:hover{
    color: white;
}

.barraLateral, .fonsBarraLateral{
	width:55%;
	position: absolute;
	top:0px;
	right: 0px;
	bottom: 0px;
	padding:40px 80px 80px 80px;
	background-color: rgba(0,0,0,0.55);
}

content .barraLateral{
	width:100%;
    overflow-x: auto;
    z-index: 10;
}


content .barraLateral .titol {
	margin-top:30px;
	text-align: center
}

content .barraLateral h4 {
    margin-top: -8px;
    text-align: center;
    font-style: italic;
    color: grey;
}


content .barraLateral .logo {
	margin: 40px auto;
    /* text-align: center; */
    /* margin: 40px; */
    width: 220px;
    height: 220px;
    text-align: center;
}

content .lead{
	font-family: 'Raleway', sans-serif;
	font-style: italic;
	margin: 50px 0px;
}

content .titol{
	font-family: 'Raleway', sans-serif;	
	padding-top:20px;
}


.calendari {
	background-color: yellow;
	position: fixed;
	top:50%;
	height:400px;
	margin-top: -200px;
	width:600px;
	left:50%;
	margin-left: -300px
}



footer {
	position: absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:100px;
	background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
	width: 100%;
}

.boto-mes-info {
	    position: absolute;
    bottom: 20px;
    right: 20px;
}

 .example-image{
  	height: 120px;
    margin: 5px;
    width: 120px;
}

.galeria {
	  margin: 40px 0px;
	  text-align: center;
}



.zonaDesactivacio {
	width:45%;
	height: 100%;
	position: absolute;
	top:0px;
	left:0px;
}

.menuSecundari li {
    height: 20px;
    margin: 0px;
    padding: 0px;
}

.menuSecundari a {
    /* height: 10px; */
    padding: 0px 15px;
}

.icones {
	text-align: right
}

.icones i {
	margin: 50px 4px 10px 4px;
}