@font-face {
    font-family: Kristen;
    src: url(../ITCKrist.TTF);
    font-weight:400;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
 
/* No olvides definir estilos para focus */
:focus {
  outline: 0;
}
 
/* No olvides resaltar de alguna manera el texto insertado/borrado */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
 
/* En el código HTML es necesario añadir cellspacing="0" */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
 		font-family: 'Open Sans', sans-serif;
		font-weight:400;
		font-size:15px;
		line-height:17px;
}
 

img {
	border: none;
}

ul { list-style:none;}

 
#main, #activitat, #blog  {
		 
		width:904px;
		margin: 0 auto;
		padding-left:20px;
		text-align:center;
		background-color:#FFFFFF;
		min-height:500px;
		
		/*padding:0px 25px 10px 16px;*/

}

#activitat, #blog {
		width:800px;
		text-align:left;
		 padding-top:30px;
		padding-left:100px;
}

#activitat img { 
		float:right; 
		 box-shadow: 1px 4px 9px #666666;
		border-radius:8px;
		margin:40px 0 20px 30px;
		}

.descarga { font-family: 'Merienda One', cursive; font-size:14px; color:#333; margin-top:30px; border-top:dashed 1px #666; padding-top:10px; overflow:hidden; }
.descarga img,  descarga a img { box-shadow:none !important; float:left  !important; vertical-align:middle; margin:0px 5px 0px 20px !important; }
.descarga p { margin-top:20px; }
 

header {
		min-height:98px;
		width:900px;
		padding-top:20px;
		margin:0 auto;
		margin-bottom:-20px;
		overflow:hidden;

}

#header_fons {
		width:100%;
		min-height:100px;
		position:absolute;
		z-index:0;
		margin-top:40px;
		left:0;
		background: #f1eded;
		background: -moz-linear-gradient(top,  #f1eded 0%, #dcdbdb 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1eded), color-stop(100%,#dcdbdb));
		background: -webkit-linear-gradient(top,  #f1eded 0%,#dcdbdb 100%);
		background: -o-linear-gradient(top,  #f1eded 0%,#dcdbdb 100%);
		background: -ms-linear-gradient(top,  #f1eded 0%,#dcdbdb 100%);
		background: linear-gradient(to bottom,  #f1eded 0%,#dcdbdb 100%);
		
}

.logo { float:left; position:relative; z-index:-1;}
#logo_impresio { display:none; }
#slogan { position:absolute; margin-top:100px;  margin-left:200px; font-family:'Kristen','Merienda One'; font-size:22px; font-style:italic; font-weight:500;   color:#bb353e;}

nav {
	position:relative;
	z-index:2;
	font-family: 'Merienda One', cursive;
	font-size:17px;
	color:#bc0f0c;
	
	
}

nav ul { float: right; padding-top:10px;  }
nav ul li { 
	float:left;
 
	padding:0 20px; 
	background:transparent url(../img/sep.jpg) no-repeat center right; 
}

 
nav ul li:hover, .act {  color:#e01410;}
 

#submenu {
 min-height:50px;
 margin:-50px 0 20px 0;
 font-family: 'Merienda One', cursive;
 font-size:17px;
 color:#4b4748;
 float:right;
 position:relative;
 z-index:999;
 text-align: right;
 max-width: 750px;
}

#submenu ul li { float: left; margin: 10px 5px; }

#submenu ul li:hover, .actS {
 		/*border-bottom:dashed 1px #4b4748;*/
		color:#bb353e;
		}


.sprite{ display:block;overflow:hidden;position: relative; }
.spriteImg{ position: absolute;  border:none; }

#titActividades { margin:40px 0; font-family:'Kristen', 'Merienda One'; font-size:30px;   color:#4b4748; } 

#intro { 
	width:45%;
	float:left;
	text-align:left;
	padding:0 20px;
	border-right: solid 1px #8a0909;	
 
}
#novetats { 
	width:45%;
	float:right;
	text-align:left;
	padding:0 20px;	 
}
.noticia { margin-top:20px; text-align: center; }
 
.fecha { font-size:16px; font-weight:700; }

#activitat_cont { widht:100%; background-color:#f0efef; border-color:#fff; border-radius:8px; padding:30px; margin-bottom:20px; }

#imprimir { float:right; font-weight:bold; margin-bottom:10px;font-size:13px;  font-family:'Merienda One', Cursive; color:#333;  padding-right:10px;}
#imprimir:hover { color:#bb353e;}
#imprimir img { box-shadow:none; margin:0; vertical-align:middle; float:none; margin-right:10px;  }

.tblHoraris, form, .mapa { width:700px; font-size:16px; background-color:#f0efef; border-color:#fff; border-radius:8px; }
.tblHoraris { width:800px; }
.tblHoraris td, .tblHoraris th { 
	padding:10px;
	text-align:center;
	outline:solid 1px #fff;
	}
.tblHoraris th { font-family:'Merienda One', Cursive; color:#333; outline-color:#fff; 	}
.vermell { color:#cc0000 !important; }

#preus { display:table; padding:10px; font-size:16px; background-color:#f0efef;  border-radius:8px; }
#preus h1 { font-size:18px; border-bottom:solid 0px #333; }
#contenidos {
  display: table-row;padding:10px;
}
.nom_activitat {display:table-cell; padding:10px; line-height:30px;}
.preu {display:table-cell; padding:10px;line-height:30px; text-align:center;}

form { padding:20px; margin-top:30px; width:500px;}
.lblForm { width:100px; display:inline-block;}
input, textarea { padding:3px; width:300px;  margin-bottom:10px; vertical-align:top;font-family: 'Open Sans', sans-serif; border:solid 1px #ccc;}
textarea { height:75px; }
.btn { background-color:#bb353e; padding:5px; color:#fff; float:right; width:100px; border:none; margin-right:20px; cursor:pointer;}
.btn:hover { 
	 background-color:#cc2305; box-shadow: 1px 4px 9px #666666;
	 }
input:required, textarea:required {
	background: #fff url(../img/red_asterisk.png) no-repeat 98% center;
}
input:required:valid,textarea:required:valid {
	background: #fff url(../img/valid.png) no-repeat 98% center;
	 background-color:#FFF;
}
input:focus:invalid,  textarea:focus:invalid {
	background: #fff url(../img/invalid.png) no-repeat 98% center;
	 background-color:#f1efef;
}	
.tel {
	font-family:'Merienda One', Cursive;
	font-size:17px;
	color:#bb353e;	
	padding:0 5px;
}
address { display:inline; font-style:normal; font-family:'Merienda One', Cursive;
	font-size:17px;
	color:#bb353e;	
	padding:0 5px; }
address:after{ 
/* \40 es un código para escribir el caracter '@' */ 
content: "info\40 oyoga.es"; 
} 

#paginacion { width:800px;height:40px; vertical-align:bottom; border-top:dashed 1px #ccc; }
#paginacion .pag {height:30px; width:24px; padding-top:5px;float:left;text-align:center;}
#paginacion a {text-decoration:none; color:#4a4a4a; font-weight:bold;}
#paginacion .act { background-color:#8a0909; }
#paginacion .act a {color:#ffffff;}

footer {  	
			 
	background-color:#8a0909;
 	width:100%;
    min-height:120px;
    bottom:0;
    left:0;
	font-family:'Merienda One', Cursive; 
	font-size:18px !important;   
	font-weight:400;
	color:#ffffff; 
	text-align:center;
	padding-top:40px;
 
			 
}

 h1 { 
 	font-family: 'Merienda One', cursive;
	font-size:24px;
	color:#333;
	margin-bottom:10px;
 
}
 
 h2, h3 { 
 	font-family:'Kristen', 'Merienda One';
	font-size:19px;
	color:#bb353e;
	margin-bottom:20px;
	line-height:23px;
}

h3 { font-size:17px; color:#4b4748; }
 
.sep { width:100%; clear:both;   }
.h25 { height:25px; }
.h15 { height:15px; }


 
b { font-weight:700;}
.fl-lf { float:left !important;}
.fl-rg { float:right; margin: 10px;}
.nb { border:none !important; }
.nm { margin:0 !important; }
.mr { margin-right:0px !important;}
.mt { margin-top:0px !important;}
.mb { margin-bottom:0px !important;}
.ml { margin-left:0px !important;}
.bgn { background-image:none !important; }
.blk { display:block; }
.nn { display:none; }
.txt-rg { text-align:right !important; }
.txt-lf { text-align:left !important; }
.txt-ct { text-align:center !important; }
.espacio { height:5px; font-size:1px; clear:both;}
.esphor {float:left;width:25px;}

a {   text-decoration:none; color:inherit;}

.pc {display: none !important;}

.ini {    
	  display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.footerbouton {
display: inline-flex; 
align-items: center;
}

.tnom_activitat tr {padding: 15px; display: revert;}
.tnom_activitat td {padding: 15px; }
.tnom_activitat th {padding: 15px; }


.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
       background-color: #f8f8f6;
 }
.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {
       background-color: ##e2e0e0;
 }
.table-striped>thead>tr>th {
         background-color: #ffffff;
 }
 .table-striped>tbody>tr:nth-child(odd)>th { 
 	background-color: #ffffff;
 }