@charset "utf-8";
/* CSS Document */
.header
{
	background: #B51C00;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;


	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 40px;
	padding: 0 50px;
	display:none;
}
.header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}
.mm-listview > li { width:100% !important; background:none; }
.restbl{
	display:none;
}
@media screen and (max-width:960px){
body{
	padding:0 2%;
	background:none;
}
#main,#activitat, #blog{
	background:none;
	padding:0;
	width:100%;	
}
#intro{
	width:90%;
	padding:0 2%;	
}
#novetats{
	margin-top: 50px;
	width:90%;
	padding:0 2%;
}
header{
	width:100%;
}
#submenu { margin:0; }
#submenu li { font-size:16px; }
.tblHoraris { 
  width: 100%; 
  border-collapse: collapse; 
}
#paginacion{
	width:100%;
}
.tnom_activitat tr {padding: 15px; display: revert;}
.tnom_activitat td {padding: 15px; display: revert;}
.tnom_activitat th {padding: 15px; display: revert;}
}
@media screen and (max-width:800px){
.descarga {
    display: flex;
    flex-direction: column;
    align-items: center;
}	
.header{
	display:block;
}
header nav ul { 
	display:none; 
}
.tnom_activitat tr {padding: 15px; display: revert;}
.tnom_activitat td {padding: 15px; display: revert;}
.tnom_activitat th {padding: 15px; display: revert;}
}
@media screen and (max-width:767px){
.descarga {
    display: flex;
    flex-direction: column;
    align-items: center;
}	
[data-carousel-3d] [data-carousel-3d-left] {
  position: absolute;
  height: auto;
  width: 7%;
  top: 0px;
  left: 0px;
}
/* line 10, ../../styles/common/jquery.carousel-3d.scss */
[data-carousel-3d] [data-carousel-3d-right] {
  position: absolute;
  height: auto;
  width: 7%;
  top: 0px;
  right: 0px;
}

iframe { max-width: 100%; }
#intro{
	width:96%;
	border:none;
	margin:1% 0;
}
#novetats{
	width:96%;
	margin:1% 0;
}
#slogan{
	margin-top:82px;
	line-height:20px;
	font-size:1.3em;
}
#titActividades{
	line-height:28px;
	font-size:1.8em;
}
#submenu ul li:hover, .actS { border:none; color:#B51813; }
#submenu ul li { width:45%; margin:0 5% 10px 0 !important; float:left; }
.widetable {
  overflow-x: auto;
}
form{
	width:96%;
	padding:2%;
}
input, textarea{
	max-width:98%;
}
.tblHoraris, form, .mapa{
	max-width:100%;
}
h1{ 
line-height:20px;
font-size:1.5em;
}
.tblHoraris{
	display:none;
}
.restbl{
	display:block;
}
.tblHoraris th { border-top:solid 10px #fff; background-color:#fff;}
table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	.int1 { position:relative; }
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
	}
.tnom_activitat tr {padding: 15px; display: revert;}
.tnom_activitat td {padding: 15px; display: revert;}
.tnom_activitat th {padding: 15px; display: revert;}
		
	/*
	Label the data
	*/
	/*td:nth-of-type(1):before { content: "First Name"; }
	td:nth-of-type(2):before { content: "Last Name"; }
	td:nth-of-type(3):before { content: "Job Title"; }
	td:nth-of-type(4):before { content: "Favorite Color"; }
	td:nth-of-type(5):before { content: "Wars of Trek?"; }
	td:nth-of-type(6):before { content: "Porn Name"; }
	td:nth-of-type(7):before { content: "Date of Birth"; }
	td:nth-of-type(8):before { content: "Dream Vacation City"; }
	td:nth-of-type(9):before { content: "GPA"; }
	td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
}
@media screen and (max-width:480px){
.descarga {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#slogan{
	margin-top:60px;
	line-height:20px;
	font-size:1.2em;
}
footer{
	font-size:12px;
}

#preus h1 {
	/* height:58px; */
}
#preus{
	padding:0;
}
.tnom_activitat tr {padding: 15px; display: revert;}
.tnom_activitat td {padding: 15px; display: revert;}
.tnom_activitat th {padding: 15px; display: revert;}
}
@media screen and (max-width:320px){
#submenu ul li { width:100%; }
.descarga {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tnom_activitat tr {padding: 15px; display: revert;}
.tnom_activitat td {padding: 15px; display: revert;}
.tnom_activitat th {padding: 15px; display: revert;}

}