@charset 'UTF-8';
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600,600italic,700');
@import url('font-awesome.min.css');
/* Basic                                                                         */
body,input,textarea,select
	{font-family: 'Open Sans', sans-serif;
		line-height: 1.85em;
		color: #888;
		font-weight: 300;
	}
body.is-loading *
		{
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}
a {	color: #43B3C0;
		text-decoration: none;
		-moz-transition: color .2s ease-in-out;
		-webkit-transition: color .2s ease-in-out;
		-o-transition: color .2s ease-in-out;
		-ms-transition: color .2s ease-in-out;
		transition: color .2s ease-in-out;
	}
a:hover	{color: #43bff0 !important;	}
a img	{border: 0;}
b, strong	{font-weight: 600;color: #3e3e3e;}
i, em	{font-style: italic;}
blockquote	{border-left: solid 0.75em #eee; padding: 1em 0 1em 1.5em;	font-style: italic;	}
				
h1, h2, h3, h4, h5, h6	{color: #3e3e3e;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a	{text-decoration: none;	color: inherit;	}
h2, h3, h4, h5, h6	{font-weight: 700;}
h1	{font-weight: 300;}
h1 strong	{font-weight: 700;}
br.clear {clear: both;}
hr.style-two { border: 0; height: 1px;
    background-image: -webkit-linear-gradient(left, #444, #FFF, #444); 
    background-image:    -moz-linear-gradient(left, #444, #FFF, #444); 
    background-image:     -ms-linear-gradient(left, #444, #FFF, #444); 
    background-image:      -o-linear-gradient(left, #444, #FFF, #444); 
}
p, ul, ol, dl, table	{margin-bottom: 2em;}
.subtitle {color:#333; font-weight:800; font-size:1.25em;}

/* Tables */
table{width: 100%;}
table.default	{width: 100%;}
table.default tr{border-top: solid 1px #eee;}
table.default tr:first-child	{	border-top: 0;	}
table.default td {padding: 0.5em 1em 0.5em 1em;	}
table.default th {text-align: left;	padding: 0.5em 1em 0.5em 1em;	font-weight: 600;	margin: 0 0 1em 0;}
table.default thead	{background: #4f4f4f;	color: #fff;}
	
/* Section/Article */
section,
article	{	margin-bottom: 2em;	margin-left:2em; margin-right:2em;}
		
section > :last-child,
article > :last-child {margin-bottom: 0;}
section:last-child,
article:last-child	{margin-bottom: 0;}

/* Image */
.image	{display: inline-block;	position: relative;	}
.image img {display: block;}
.image.fit	{display: block;}
.image.featured	{
	display: block;
	width: 100%;
	margin: 0 0 2em 0;
			}
.image.left	{float: left;margin: 0 2em 2em 0;}
.image.centered	{display: block; margin: 0 0 2em 0;}
.image.centered img	{margin: 0 auto; width: auto;}
.rimatge {width:26px; height:26px;-moz-border-radius:13px; -webkit-border-radius:13px; border-radius:13px; border:0px;}
.escut{width:89px; vertical-align:middle; margin-right:0.3em;}
.logo{width:37px; vertical-align:middle; margin-top:0.1em; border:0px;}
.logo-profe {width:36px; height:36px;-moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px; padding:5px 5px; border:0px; background-color: #8EAFD7; vertical-align:middle}
.logo-profe:hover { transform: scale(2,2);}
.ilogo {color:#FFF;	font-weight:500; font-size:68px;}
/* Button */
input[type="button"],
input[type="submit"],
input[type="reset"],
.button
	{
	-webkit-appearance: none;
	position: relative;
	display: inline-block;
	color: #fff !important;
	text-decoration: none;
	font-weight: 700;
	border: 0;
	outline: 0;
	cursor: pointer;
	border-radius: 8px;
	text-shadow: -1px -1px 0.5px rgba(0,0,0,0.5);
	overflow: hidden;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 2px 1px 0px rgba(255,255,255,0.75);
	background: #43B3E0;
	background-image:	url('images/bg.png'),		-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
	background-image:	url('images/bg.png'),		-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
	background-image:	url('images/bg.png'),		-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
	background-image:	url('images/bg.png'),		-ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
	background-image:	url('images/bg.png'),		linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
	-moz-transition: background-color .2s ease-in-out;
	-webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	-ms-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
		}
.rbutton {
	color:#FFF;
	background-color: #06C;
	-moz-border-radius:21px;-webkit-border-radius:21px;	border-radius:21px;
	font-weight:500;
	font-size:16px;
	padding:7px 7px;
	-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	}
.rbutton:hover	{background: #2b7ec0; color: #FFCC01;}
.rbutton2 {color:#FFF;	background-color: #06C;	-moz-border-radius:23px;-webkit-border-radius:23px;	border-radius:23px; font-size:17px; padding:10px 10px;}
.rbutton3 {color:#FFF;	background-color: #36C;	-moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%; font-size:1.6vw; padding:.7vw .7vw; opacity:.7; line-height: 2.6;}
.rbutton3:hover	{padding:.8vw .8vw; color: #F30;  opacity:.8;}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover	{background-color: #43bff0;	color: #fff !important;	}
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
.button:active	{background-color: #3BA8D3;	top: 1px;}
input[type="button"].alt,
input[type="submit"].alt,
input[type="reset"].alt,
.button.alt	{background-color: #444; box-shadow: inset 0px 0px 0px 1px #242424, inset 0px 2px 1px 0px rgba(255,255,255,0.2);}
input[type="button"].alt:hover,
input[type="submit"].alt:hover,
input[type="reset"].alt:hover,
.button.alt:hover	{background-color: #4f4f4f;	color: #fff !important;	}
input[type="button"].alt:active,
input[type="submit"].alt:active,
input[type="reset"].alt:active,
.button.alt:active	{background-color: #3f3f3f;	}
		
/* List */
ul {}
ul.default		{list-style: disc;	padding-left: 1em;			}
ul.default li	{padding-left: 0.5em;}
ul.actions	{	}
ul.actions li	{	display: inline-block;margin: 0 0 0 1em;}			
ul.actions li:first-child		{margin-left: 0;}
.box {background: #fff;	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px 0px rgba(0,0,0,0.1);text-align: center;	}

/* Icons                                                                         */
.icon {	text-decoration: none;}
.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}
		
.icon > .label {display: none;	}
.icon.featured	{color: #EA8A95;display: block;	margin: 0 0 1.5em 0;cursor: default;}
.icon.featured:before	{font-size: 6em;}
.iconcapc {display: block; margin: .5em 0 .2em 0; font-size: 4em; cursor: default;}

/* Wrappers                                                                      */
.wrapper	{background-image: url('images/bg.png');box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.05), inset 0px 2px 3px 0px rgba(0,0,0,0.1);	}
.wrapper.first	{box-shadow: none;}
.wrapper.style1	{
			background-image: url(http://history.hanover.edu/texts/1811/Map/bck44btn.jpg);
			background-repeat:no-repeat;
			background-color: #fff;
		}
.wrapper.biblio{background-image: url(../images/fonsbooks.jpg);background-color: #fff;}
.wrapper.documents{background-image: url(../images/fonsdocs.jpg);background-color: #fff;}
.wrapper.escola{background-image: url(../images/fonsent.jpg);background-color: #fff;}
.wrapper.multi{background-image: url(../images/fons5.jpg);background-color: #fff;}
.wrapper.pastoral{background-image: url(../images/fons3.jpg);background-color: #fff;}
.wrapper.qualitat{background-image: url(../images/fons2.jpg);background-color: #fff;}	
.wrapper.alumnes{background-image: url(../images/fons6.jpg);background-color: #fff;}	
.wrapper.style2	{background-color: #fafafa;	text-shadow: 1px 1px 0px #fff;}
.wrapper.style2b {background-color: #fafafa; text-align:justify; box-shadow: none;}
.wrapper.style3	{background-color: #f4f4f4;	text-shadow: 1px 1px 0px #fff;}
.wrapper.style4	{background-color: #303030;	color: #999;text-shadow: -1px -1px 0px #181818;}
.wrapper.style5	{background-color: #9CC; color: #999;text-shadow: -1px -1px 0px #181818;}
.wrapper.style4 h1, 
.wrapper.style4 h2, 
.wrapper.style4 h3, 
.wrapper.style4 h4, 
.wrapper.style4 h5, 
.wrapper.style4 h6	{color: #ccc;}
	
/* Nav                                                                           */
	#nav
	{
		background-color: #282828;
		text-align: left;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 10000;
		cursor: default;
		filter: alpha(opacity=89);
		-moz-opacity: 89%;
		opacity: 0.89;
	}
	#nav:hover	{	filter: alpha(opacity=99);	-moz-opacity: 99%;	opacity: 0.99;	}
	#nav ul	{margin-bottom: 0;}	
	#nav li	{display: inline-block;}		
	#nav a		{	position: relative;	display: block;	color: #fff;	text-decoration: none;	outline: 0;	}
	#nav a:hover{color: #fff !important;}
	#nav a.active:before
			{
				content: '';
				display: block;
				position: absolute;
				bottom: -0.6em;
				left: 50%;
				margin-left: -0.75em;
				border-left: solid 0.75em transparent;
				border-right: solid 0.75em transparent;
				border-top: solid 0.6em #282828;
			}
			
/* Articles       */
	#top{}
	#top .image	{border-radius: 50%;}
	#top .image img	{border-radius: 50%;}
	#top p	{}
	#top p a{color: inherit;}

/*********************************************************************************/
.imgmobile {width:20%; max-width:320px; border:solid #CCC 4px; margin:20px;}

/* Grids*/
.grid {display: grid; grid-template-columns: repeat(7, 1fr);}
.grid > span {padding: 2px 4px;}
.grid2 {display: grid; grid-template-columns: repeat(3, 1fr);text-align:left; margin-left:10%;margin-right:10%;}
.grid2 > span {padding-bottom:11px;}