font-family:'Dosis', sans-serif;img, video, object{max-width:100%;}
body{	background-repeat: no-repeat;
			background-position: center;
			background-image: url("./images/fonssanta2.jpg"); 
			background-size: cover;
			opacity:1 ;
			/*z-index: 0;*/
}
a:link{color:#0000FF}
a:visited{color:#553333}*/a:active{color:#FF0000}
div.avis{width:100%;text-align:left;font-family:"Raleway";background-color:rgba(10, 10, 10, 0.9);color:white;position:fixed;top:0;right:0;width:100%;border:3px solid #555;}
div.cap{width:100%;text-align:center;font-family:'Dosis', sans-serif;font-size:large;float:none;}
  
div.capCentre{float: left; height:200px;text-align:center;font-family:'Dosis', sans-serif;font-size:large;opacity:0.9;z-index:800;}
div.cap2{width:100%;height:45px;text-align:center;font-family:'Dosis', sans-serif;font-size:x-large;}
div.capDreta{float:left; position:static;text-align:left;border:0px solid;border-radius:20px;}
  
div.capEsquerra{float:left; width: 22%; border:0px solid;border-radius:20px;margin-top:1.5%;margin-left:4.5%;text-align:center;color:#77a;}
div.marc{width:29%;color:#fff;float:left;}
div.avis{z-index:999;}
div.banderes{width:100%;text-align:center;}
div.seccio{width:15.5%;height:200px;text-align:center;float:left;border-radius:15px;border:none;font-size:medium;margin:5px;background-repeat:no-repeat;background-position:center;background-size:cover;}
div.bloclateral{padding:20px; border: solid 0px; border-radius: 15px;background-color: #ffa;color:#77a;}
#noticia{color: #a00;}

#mision{background-image:url("./images/b4.png");}
#oferta{background-image:url("./images/b42.png");}
#proyectos{background-image:url("./images/b43.png");}
#recursos{background-image:url("./images/b44.png");}
#escribenos{background-image:url("./images/mess.png");}
#pro{background-image:url("./images/b46.png");}
div.flag{width:5%;height:40px;text-align:center;float:left;color:#fff;margin:1%;border-radius:10px;}
.flag img{display:block;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;}
.flag:hover{background-color:#f0f;}
.rojo{color:red;}
.grande{font-size:x-large;}

nav ul{list-style:none;margin:0 5px 0 5px;padding:0;}
nav ul li{-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;text-align:center;border-radius:5px;font-family:'Oswald', sans-serif;width:100%;font-size:15px;font-weight:lighter;margin-right:5px;}
nav ul li:hover{background-color:yellow;}
nav ul li a{text-decoration: none; color:#990000;display:block;padding:5px;text-decoration:none;-webkit-transition:0.4s linear all;-moz-transition:0.4s linear all;-o-transition:0.4s linear all;transition:0.4s linear all;}
nav ul li a:hover{color:blue;}

@media screen and (max-width:1200px){div.seccio{width:200px;height:200px;text-align:center;float:left;border-radius:15px;font-size:medium;margin:2%;}
}

@media screen and (max-width:600px){div.seccio{width:45%;height:200px;text-align:center;float:left;border-radius:15px;font-size:medium;margin:2%;}
div.marc{width:20%;color:#fff;float:left;}
div.flag{width:8%;height:50px;text-align:center;float:left;color:#fff;margin:1%;border-radius:10px;}
div.capEsquerra{margin-top:0px;margin-left:0px;}
nav ul li a{font-size: large;}


}
@media screen and (max-width:480px){div.cap3{visibility:hidden;}
div.seccio{width:95%;height:200px;text-align:center;float:left;border-radius:15px;font-size:medium;margin:2%;}
div.marc{width:18%;color:#fff;float:left;}
div.flag{width:9%;height:30px;text-align:center;float:left;color:#fff;margin:1%;border-radius:10px;}
div.capEsquerra{margin-top:0px;margin-left:0px;}
nav ul li a{font-size: large;}

}