/****************************************************************/
/*                      BASIC                                   */
/****************************************************************/
	body,input,textarea,select
	{
		line-height: 1.75em;
		font-size: 10.5pt;
		letter-spacing: 0;
	}

	body
	{
		padding-top: 44px;
	}

	h2, h3, h4,
	{
		line-height: 1em;
		font-size: 1.5em;
	}
	
	h5{
		font-size: 24px;
		font-weight:bold;
		color:#FFF;
		padding-bottom: 0.7em;
			
	}
	
	 h6
	 {
		font-size: 20px; 
	 }

	section,
	article
	{
		clear: both;
		margin: 2em 0 2em 0 !important;
	}

	section > :first-child,
	article > :first-child
	{
		margin-top: 0 !important;
	}

	section:first-child,
	article:first-child
	{
		margin-top: 0 !important;
	}
	
	.container
	{
		padding: 0em 1em;
	}

	hr
	{
		margin: 3em 0 0 0;
		padding: 3em 0 0 0;
	}

	header
	{
		margin-bottom: 0.5em;
	}
	
		header h2
		{
			font-size: 2em;
			padding-bottom: 15px;
			
		}

		header .byline
		{
			font-size: 1.2em;
		}

	.button
	{
		display: block;
		width: 100%;
		text-align: center;
	}

/****************************************************************/
/*                        UI                                    */
/****************************************************************/
	#titleBar
	{	
		background-color: #161616;
	}
	

		#titleBar .title a
		{
			display: block;
			color: #fff;
			text-align: center;
			line-height: 44px;
			font-weight: 300;
			text-decoration: none;
			margin-left: 3em;

		}
		
		#titleBar .title b
		{
			display: block;
			color: #fff;
			text-align: center;
			line-height: 44px;
			font-weight: 300;
			text-decoration: none;
			margin-left: 3em;

		}
		
		#titleBar .tag
		{
			display: none;
		}

		#titleBar .toggle
		{
			position: absolute;
			left: 0;
			top: 0;
			width: 80px;
			height: 60px;
		}

			#titleBar .toggle:after
			{
				content: '';
				display: block;
				width: 20px;
				height: 12px;
				position: absolute;
				left: 10px;
				top: 15px;
				background: url('images/toggle.svg') 0px 0px no-repeat;
				opacity: 0.5;
			}

			#titleBar .toggle:active:after
			{
				opacity: 0.75;
			}	

	#navPanel
	{
		background: #1f1f1f;
	}

		#navPanel .link
		{
			display: block;
			color: #888;
			text-decoration: none;
			height: 44px;
			line-height: 44px;
			border-top: solid 1px;
			border-color: rgba(255,255,255,.05);
			padding: 0 1em 0 1em;
			letter-spacing: 1px;
		}
		
			#navPanel .link:first-child
			{
				border-top: 0;
			}
			
			#navPanel .link.depth-0
			{
				color: #fff;
			}

			#navPanel .indent-1 { display: inline-block; width: 1em; }
			#navPanel .indent-2 { display: inline-block; width: 2em; }
			#navPanel .indent-3 { display: inline-block; width: 3em; }
			#navPanel .indent-4 { display: inline-block; width: 4em; }
			#navPanel .indent-5 { display: inline-block; width: 5em; }
			#navPanel .depth-0 { color: #fff; }
			
/****************************************************************/
/*                       HEADER                                 */
/****************************************************************/
	#header
	{
		height: 10em;
		padding: 0;
		background-position: center center;
		background-attachment: scroll;
	}

/****************************************************************/
/*                        LOGO                                  */
/****************************************************************/
	#logo
	{
		display: none;
	}
	
	#nav
	{
		display: none;
	}
	#imagelogo
	{
		vertical-align: middle;
    	float: right;
    	padding-top: 1em;
		margin-right: 1em;
	}
	
	#imagelogoprincipal
	{
		vertical-align: middle;
    	float: right;
    	padding-top: 0.5em;
		margin-right: 1em;
	}

/****************************************************************/
/*                         MAIN                                 */
/****************************************************************/
	#main
	{
		padding: 1em 0em 2em 0em;
	}

	.homepage #content header h2
	{
		padding: 0.20em 0em;
		font-size: 1.4em;
	}

	#sidebar h2
	{
		font-size: 1.8em;
	}

/****************************************************************/
/*                        FOOTER                                */
/****************************************************************/
	#footer
	{
		padding: 2em 0em 0em 0em;
	}
	
/****************************************************************/
/*                       FEATURED                               */
/****************************************************************/
	#featured
	{
		padding: 2em 0em 2em 0em;
	}

	#featured h3
	{
		padding: 1.5em 0em;
		font-size: 1.4em;
	}

/****************************************************************/
/*                        WELCOME                               */
/****************************************************************/
	#welcome
	{
		padding: 4em 0em 3em 0em;
	}
	
/****************************************************************/
/*                      	TWEET                               */
/****************************************************************/
	#tweet
	{
		padding: 3em 0em 1em 0em;
		background-position: center center;
		background-attachment: scroll;
	}

	#tweet blockquote
	{
		margin: 0;
		padding: 1em 1em;
		font-size: 1.2em;
	}		

/****************************************************************/
/*               FORUMLARIO DE CONTACTO                         */
/****************************************************************/		
	/***** Format de la zona verda **********/
			#contact-form {  
			   width: 290px;  
			   padding: 10px;   
			}   
		
		/******* Dona el format a la zona on escriu l'usuari *****/
			#contact-form input,   
			#contact-form select,   
			#contact-form textarea {  
			   width: 270px;
			}  
		
		/******* Format del Boto enviar *******/
			#contact-form #enviar {  
			   width: 270px;   
			}

/****************************************************************/
/*                          DIVISIONES                          */
/****************************************************************/
	.divisio{
		width: 300px;
		height: 300px;
		padding: 10px;
		background-color:; /*color del fons*/
		color:;
		position: relative;
	}
	
	.logos {
		width: 40%;
	}
	
	/* Imatges de la divisió */
	.imatgedivisio{
		width: 300px;
		padding-bottom: 9px;
	}
	
/****************************************************************/
/*                       PAGINA PRINCIPAL                       */
/****************************************************************/
	
		.principalimatges{
			width:300px;
		}
	
/****************************************************************/
/*                          LOGO FINAL                          */
/****************************************************************/
	.logofinal	
	{
		width: 100px;
		text-align:center;
	}
	
/****************************************************************/
/*                         PAGINA ERROR                         */
/****************************************************************/

.error
	{
		width: 300px;
		margin: 0;
	}
	
/****************************************************************/
/*                            IDIOMES                           */
/****************************************************************/
#idiomes /*recuadre idioma*/
{
	font-size: 1em; /*mida lletra*/
	color: #F00; /*color lletres llengues llista*/
	display: inline-block;
	vertical-align: top;
	width: 2.4em; /*mida recuadre*/
	position:absolute; 
	top: 0; /*distancia marge superior*/
	left: 10%; /*distancia marge dret*/
	background-color:; /*Color fons*/
	
}
	#idiomes li
	{
		color: #000; /*color lletres llengua actual*/
		list-style: none;
	}

	#idiomes, #idiomes a
	{
		color: #FFF; /*color lletres llengues llista*/
		text-decoration: none;
		font-weight: 400;

	}
	
/************************************************************/
/*                          EQUIPO                          */
/************************************************************/


/*recuadre foto+text*/
.containerequipo {
  position: relative;
  width: 25%;/* mida respecte total espai horitzontal*/
  display: inline;
  margin: 0.15%;
}

/*imatge*/
.imageequipo {
  position: relative;
  width: auto;/* amplada respecte container */
  height: auto;/* altura respecte container */
}

/* capa blava si no esta actiu*/
.sombrainfo {
  position: absolute;
  top: -236px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 250px;/* altura respecte container */
  width: 250px;/* amplada respecte container */
  opacity: 0;/* opacitat si no esta actiu*/
  transition: .5s ease;/*temps de trancisió*/
  background-color: rgba(0,0,0,0.6); /*color*/
  padding-top: 100px; /*marge intern dalt*/
}

/* activem capa sombra*/
.containerequipo:hover .sombrainfo {
	opacity: 1;/* opacitat */
}

/*text divisio*/
.carrecequipo {
  color: white;
  font-family: 'Libre Baskerville',serif;
  font-size: 1em;
  letter-spacing: .07em;
  position: relative;
  /*top: 80%; marge superior*/
  left: 50%;
  text-align: center; /* centrem el text*/
  display: block;
  text-transform: uppercase;/*lletres majuscules*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  line-height: 1.2em;; /*espai entre linies*/
}

/*text pais*/
.zona {
  color: white;
  font-family: 'Libre Baskerville',serif;
  font-size: 1em;
  font-style: italic;
  letter-spacing: .07em;
  position: relative;
  top: 50%; /*marge superior*/
  left: 50%;
  text-align: center; /* centrem el text*/
  display: block;
  text-transform: uppercase;/*lletres majuscules*/
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/*text nom*/
.nompersequipo {
  color: white;
  font-family: 'Libre Baskerville', verdana;
  font-size: 1.15em;
  font-weight: bold;
  line-height: 1.2em;
  letter-spacing: .07em;
  position: relative;
  top: 15%; /*marge superior*/
  left: 50%;
  text-align: center; /* centrem el text*/
  display: block;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/*linia horitzontal*/
#info-dividerequipo{
    width: 70%;
    border-bottom: 1px solid #fff;
	margin-bottom: 5px;
}