@charset "utf-8";
/* Medios fluidos sencillos
 Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
 http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
  max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
  width:100%;
  }
  body { margin: 0; font-size: 13px;/**/ line-height: 1.231; }
  blockquote { margin: 1em 40px; }

/*******************************************************************************/
/* Diseño móvil: 480 px e inferior. */
h1{/**/font-size: 140%;margin-bottom:0%; margin-top:0%;}
h2{ text-align:center; margin-top:0%; font-size:100%}
h3{ margin:0%;}
h4{font-weight:normal; margin-bottom:0%; margin-top:0%;color: #054863}
h5{text-indent:35.4pt;}
h6{font-weight:normal}
body{font-family:Verdana, Geneva, sans-serif;
  background-color:#ffffff;
   color: #054863  ;
}
.gridContainer {                            
  margin-left: auto;
  margin-right: auto;
  width: 87.36%;
  padding-left: 1.82%;
  padding-right: 1.82%;
}
header { float: left;
  width: 100%;	
  margin:1.5% auto 3% auto;
  padding:0% 0% 0% 0%;
}

	  #logo{
		  float:left;
		  width:100%;
		  margin: 2% 0% 0% 0%;	
		  }
	  #nom_cris{ font-size:65%;    
		  float: left;
		  width:60%;
		  margin: 2% 0% 0% 0%;padding: 0% 2% 2% 0%;
		  text-align: left;}			
	 
#xarx_menu{ width:36%; float:right; margin-top:0%; }

	  #idioma{ float:right; width: 100%; text-align:right;  font-size:80%; text-decoration:none;padding: 0.5% 2% 1% 0%;}
	  #idioma	a{color:#054863 }
	  #idioma	a:hover{color:gray }
	  
 
      #icona_mnu{
		  float: right;
		  text-align:right;
		  width:20%;
		  margin: 3% 0% 0% 0%;}
	 

      #reds{ width:70%; float: left; text-align: right;margin:0% 0% 0% 0%; }/*	*/

 nav {display:none;}


#foto { 
		  float: right;			
		  width:30%; 
		  margin:  3.64% 0% 2.82% 2.0%;
		  }
/*	*/	  
#dalt1 a{ width:30% ; float: left;text-align: center;
	  color:#F2F6F7;
	  text-decoration: none;
	  padding:1.96% 0.96% 1.96% 0.96%;
	  border:solid #054863 1px;
	   background-color:#44768A;}
#dalt2 a{ width:100% ; float: left;text-align:center;
		color:#F2F6F7;
		text-decoration: none;
		padding:0.96% 0.96% 0.96% 0.96%;}	   
#dalt3 a{ width:25% ; float: left;text-align: center;
	  color:#F2F6F7;
	  text-align:left;
	  text-decoration: none;
	  padding:0.96% 0.96% 0.96% 0.96%;
	  border:solid #054863 1px;
	   background-color:#44768A;
	  }
#dalt4 a{ width:25% ; float: left;text-align: center;
	  color:#F2F6F7; margin-left:48%;
	  text-align:left;
	  text-decoration: none;
	  padding:0.96% 0.96% 0.96% 0.96%;
	  border:solid #054863 1px;
	   background-color:#44768A;}

footer { background-color:#054863;color: #FFFFFF;
  width: 100%;
  float:left;
  text-align:center;
  margin-top:0%; font-size: 80%;
  padding: 0.5% 0% 0.5% 0%;
}


#nav1{list-style:none;}
#nav1 li a{color:#FFFFFF;  }
#nav1 li a:hover{color:#FFFFFF; }
#causes1{color:#054863;}
#causes1 li a{color:#054863;  }
#causes1 li a:hover{color:#054863; }
#tractament1{color:#054863;}
#tractament1 li a{color:#054863;  }
#tractament1 li a:hover{color:#054863; }

section{  width:96%;								
          margin-right:auto;											
		  margin-left:auto;
		  padding: 0%;		  
		 /* float: right;*/
		 }
article{  width:90%; 
          font-size:100% ;																							
		  padding:0%; 
		  margin-right:auto;
		  margin-left:auto;		   
	  }
	  
/******************************************************************************/
/*******************************************************************************/
/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */
@media only screen and (min-width: 481px) {

}
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */
@media only screen and (min-width: 769px) {
h2{  font-size:150%}
.gridContainer {													
	width: 98%;
	max-width: 1232px;
/*	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;*/}
header { float: left;  border: none;
  width: 96%; 	
  margin:0.5% auto 0% auto;
  padding:0% 0% 0% 0%;
}


/*

#logo{ float:left; width:100%;margin: 2% 0% 0% 0%; }
#nom_cris{ font-size:65%;float:left; width:70%; margin: 2% 0% 0% 0%;padding: 0% 2% 2% 0%; text-align: right;}			
#icona_mnu{float: right;width:10%; margin: 4% 0% 0% 0%;}*/

#logo{width:49%;margin: 0% 0% 0% 0%;											}
#nom_cris{width:45%; font-size:100%;float:right; margin-top:3%	;  /*padding-top:%;*/text-align: right;	   }
#icona_mnu{display:none;}	
#idioma{ float:right; width: 8%; text-align:right;  font-size:80%; text-decoration:none;}
#idioma	a{color:#054863 }
#idioma	a:hover{color:gray }

#reds{ width:30%; float:right; text-align:center; }
 	
#xarx_menu{ width:36%; float:right; margin-top:0%; }
 
nav{ float:left;
	display:block;
	text-align: center;
	width:98.2%;
	padding:0.96% 0.96% 0.96% 0.96%;
	border:solid #054863 1px;/**/
	background-color:#054863;
	font-weight:bolder;
}
  a:link { width:100% ; 
	  color:#F2F6F7;
	  text-decoration: none;
	  padding:0.96% 0.96% 0.96% 0.96%;		
  }
  a:visited {
	  text-decoration: none;
	  color:#00C0C0;
  }
  a:hover {padding:0.96% 0.96% 0.96% 0.96%;
	  text-decoration: none; 
	  color:	#FFF000
  }
  a:active {
	  text-decoration: none;
  color: #FFF000;
  }	

main {															
  width:100%;
  float: left;
  margin-top:1.86%;		
}
section{  width:96%;									
          margin-right:auto;											
		  margin-left:auto;
		  padding: 0%;		  
		 /* float: right;*/
		 }
article{  width:70%; 

          font-size:100% ;																							
		  padding:0%; 
		  margin-right:auto;
		  margin-left:auto;		   
	  }
article1{ font-size:100% ;
		  padding:1.86%;width:70%; 
		  margin-right:auto;
		  margin-left:auto;color:red;
	  }
#dalt1{ width:25% ; padding:0.96% 0.96% 0.96% 0.96%;}
#dalt3{ width:25% ; float: left;text-align: center;
	  color:#F2F6F7;
	  text-align:left;
	  text-decoration: none;
	 
	  border:solid #054863 1px;
	   background-color:#44768A;
	  }
#dalt4{ width:25% ; float: left;text-align: center;
	  color:#F2F6F7; margin-left:48%;
	  text-align:left;
	  text-decoration: none;
	  padding:0.96% 0.96% 0.96% 0.96%;
	  border:solid #054863 1px;
	   background-color:#44768A;}/**/
#nav1{/* font-size:90%;*/}

}