body{
	font-family:Helvetica, Arial, sans-serif;
	-ms-overflow-style: none;}
 h1{font-size: 1.5em;}
 h2{font-size: 1.8em;}
 h3{font-size: 1.5em;}
 
 hr {
 	width:50%;
    border: none;
    height: 2px;
    /* Set the hr color */
    color: #808080; /* old IE */
    background-color: #808080; /* Modern Browsers */
}

	/*capçalera negra de dalt de tot amb els tels..*/
.cabecera{
	top:0;
	width:100%;
	margin: 0;
 	padding: .5em;
   	display:block;
	position: fixed;
	margin-top:0;
   	min-height: 1.5em;
	background: gray;
	z-index:10;
	
	}
.llista_sense_punts{ 	list-style-type: none;}

/*************************banderes - telefon - mails************************************************/

.banderas_mail, .banderas_mail1, .banderas_mail2 {
	color:white;
	padding: 4px 10px;
	font-size:.85em;
	float: right;
	text-decoration: none;
	z-index:1;
	border-right:1px solid gray;
	
}

	

.banderas_mail:hover, .banderas_mail1:hover, .banderas_mail2:hover{
	color:orange;
	text-decoration: none;	
}	
 
   /*********************************************MENU******************************************************/

.navbar {
  	  top:2.7em;
	  margin-bottom: 0;
      border-radius: 0;
      background-color: black;
         }
.navbar-default {
  background-color: white;
  }

.navbar-default .navbar-nav > li {
  background-color: none;
}

.navbar-default .navbar-nav > li .active {
  background-color: none;
}
.navbar-default .navbar-nav > li > a {
  background-color: none;
	font-size:1.2em;
	color:#808080;
  border-bottom: 3px solid transparent;
}
.navbar-default .navbar-nav > li > a:hover span{	

  background-color: none;
  color: #808080;
  border-bottom: 3px solid orange;
}
.navbar-default .navbar-nav > .active > a:hover {
	background-color: white;
}

.navbar-default .navbar-nav > .active > a span{
	border-bottom: 3px solid orange;}
	
.navbar-default .navbar-nav > .active > a {
	background-color: white;}


/************************************HOVERS******************************************/    
   
.texto_mover:hover{
padding: 1em 2em;		
/*box-shadow: 0 0 10px #333;*/
-webkit-transform: translate(0px, -50px) rotate(0deg) skew(0deg, 0deg) scale(1, 1); 
-moz-transform: translate(0px, -50px) rotate(0deg) skew(0deg, 0deg) scale(1, 1); 
-o-transform: translate(0px, -50px) rotate(0deg) skew(0deg, 0deg) scale(1, 1); 
-ms-transform: translate(0px, -50px) rotate(0deg) skew(0deg, 0deg) scale(1, 1); 
transform: translate(0px, -50px) rotate(0deg) skew(0deg, 0deg) scale(1, 1); 
}

.btn-default{position: absolute;
			left:35%;
			bottom:0;
			}
.texto_mover{
padding: 1em 2em;

height:28em;	
-webkit-transition: 1s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition: 1s;
-moz-transition-timing-function: ease-in-out;
-ms-transition: 1s;
-ms-transition-timing-function: ease-in-out;
-o-transition: 1s;
-o-transition-timing-function: ease-in-out;}

.img-responsive{ 
	margin: 0 auto;
	height: 20em;}

.img-responsive1, .img-responsive2, .img-responsive3, .img-responsive4{
	margin: 0 auto;
}

.img-responsive1{width:60%;}
.img-responsive2{width:50%;}
.img-responsive3{width:62%;}
.img-responsive4{width:58%;}

/*******************************************MEDIA QUERIES*********************/	

@media only screen and (max-width: 469px) {
	/* tamanys de lletres*/
    .banderas_mail2{display:none;}
	.banderas_mail1{float: left;}
					
	.texto_mover{height:25em;}
   	}