/***************BASE PER CONTENIDORS BOOTSTRAP*************************************************************************/

 
 /****************CONTENIDOR 1---IMATGE I BUSCADOR*********************************************************************/	
 
 .jumbotron1{
 	margin-top:3.7em;
  	min-height: 30em;
   
 	background-image: url(../images/fot_wix.jpg);
 	background-size: 100% 100%;
    background-repeat: repeat; 
 	background-attachment: fixed;
 	z-index:-1;
 	}
 
 .llista_sense_punts{ 	list-style-type: none;}
 
 .simbol_obligatori{color:red;}
 
 	
 .contenedor_1_texto1 {
 	top:2.5em;
 	padding-right:0;
 	padding-left:0;
 	font-size:1.5em;
	margin-bottom: 2em;
	
    color:white;
  	text-align:center; 
   	z-index: 1;
   	
  }
  
  #moverse{
  	
  	
  	list-style-type:none;
  	animation: mi-animacion 2s;
  	}
  	
  
  @keyframes mi-animacion {
	0% { margin-top:40px; }
	100% { margin-top:0px; }
		}	
  .oculto_contenidor_1{display:none;} 
  
  .glyphicon-ok{
  	color:rgba(114, 203, 200, 1);}
  
 .contenedor_1_texto2 {
   margin-top: 3em;
   padding:1em 2em 1em 3em;
   background: rgba(114, 203, 200, .9);
   color:white;
   text-align:center; 
   z-index: 1;
   }
  
 .formulario {
   	
	width:100%;
	font-size: 1em;
	padding:.3em;
	border: 3px solid rgba(114, 203, 200, .6);
	color:black;	
}
.formulario:focus{
	border: 3px solid rgb(255, 165, 0);
}

.btn-warning{
	border-radius:0;
	background-color:#ffa500;
	}

.btn-warning:hover{
	border-radius:0;
	background-color:#ff8c00;
	}
	
 
/****************CONTENIDOR 1---IMATGE I BUSCADOR*********************************************************************/   
 

#oculto0, #oculto1, #oculto2, #oculto3{
	display:none;
}	
 
.table-active{	background-color:rgba(114, 203, 200, .6);} 

.text-primary2{color:rgb(255, 165, 0);}

 .contenidor2_texto1{
	margin-top:0;
	background-color: #EAEAEA;
	} 
.contenidor2_texto2{
	
	text-align:justify;
	}	
.contenidor2_texto2_1{
	font-size: 1.5em;
	}
	
.control-label{
	text-align:left;
		
}
	
.form-control{
	
	border-radius:0;
		}	
.form-horizontal{
	padding: 2% 4%;
	background-color:rgba(114, 203, 200, .6);}
	


/****************CONTENIDOR ---DONDE TRABAJAMOS*********************************************************************/	

.contenidor_donde_trabajamos{
background-color: #EAEAEA;	
}
.contenidor_donde_trabajamos li{
	list-style:none;
}



/********  TEXT EN MOVIMENT DELS PREUS*********************************************************************************/

.content1 {
    
  font-size: 1em;
  line-height: 40px;
  
  color: orange;
  height: 40px;
  
 
  margin-top: 0;
  }


.visible1 {
	margin-left:0;
  float: left;
  width: 100%;
  
  font-weight: 200;
  overflow: hidden;
  height: 40px;
}
.jj1 {
	width:100%;
  display: inline;
  float: left;
  margin: 0;
  background-color:white;
}
#jj3{
  margin-top: 0;
  padding-left: 0;
  text-align: center;
  list-style: none;
  background-color:white;
  animation: 30s ease-in-out 0s normal none infinite change;
  -webkit-animation: 30s ease-in-out 0s normal none infinite change;
  -moz-animation: 30s ease-in-out 0s normal none infinite change;
  -o-animation: 30s ease-in-out 0s normal none infinite change;
}
ul li .jj{
  line-height: 40px;
  margin: 0;
}
@-webkit-keyframes opacity {
  0% {opacity: 0;}
  10% {opacity: .2;}
  20% {opacity: .4;}
  30% {opacity: .6;}
  40% {opacity: .8;}
  50% {opacity: 1;}  
  60% {opacity: .8;}
  70% {opacity: .6;}
  80% {opacity: .4;}
  90% {opacity: .2;}
  100% {opacity: 0;}
  }

@keyframes opacity {
  0% {opacity: 0;}
  10% {opacity: .2;}
  20% {opacity: .4;}
  30% {opacity: .6;}
  40% {opacity: .8;}
  50% {opacity: 1;}  
  60% {opacity: .8;}
  70% {opacity: .6;}
  80% {opacity: .4;}
  90% {opacity: .2;}
  100% {opacity: 0;}
  }

@-webkit-keyframes change {
 0% {
    margin-top: 0;
  }
  5% {
    margin-top: -40px;
  }
  10% {
    margin-top: -80px;
  }
  15% {
    margin-top: -120px;
  }
  20% {
    margin-top: -160px;
  }
  25% {
    margin-top: -200px;
  }
  30% {
    margin-top: -240px;
  }
  35% {
    margin-top: -280px;
  }
  40% {
    margin-top: -320px;
  }
  45% {
    margin-top: -360px;
  }
  50% {
    margin-top: -400px;
  }
  55% {
    margin-top: -360px;
  }
  60% {
    margin-top: -320px;
  }
  65% {
    margin-top: -280px;
  }
  70% {
    margin-top: -240px;
  }
  75% {
    margin-top: -200px;
  }
  80% {
    margin-top: -160px;
  }
  85% {
    margin-top: -120px;
  }
  90% {
    margin-top: -80px;
  }
  95% {
    margin-top: -40px;
  }
  100% {
    margin-top: 0;
  }
}

@keyframes change {
  0% {
    margin-top: 0;
  }
  5% {
    margin-top: -40px;
  }
  10% {
    margin-top: -80px;
  }
  15% {
    margin-top: -120px;
  }
  20% {
    margin-top: -160px;
  }
  25% {
    margin-top: -200px;
  }
  30% {
    margin-top: -240px;
  }
  35% {
    margin-top: -280px;
  }
  40% {
    margin-top: -320px;
  }
  45% {
    margin-top: -360px;
  }
  50% {
    margin-top: -400px;
  }
  55% {
    margin-top: -360px;
  }
  60% {
    margin-top: -320px;
  }
  65% {
    margin-top: -280px;
  }
  70% {
    margin-top: -240px;
  }
  75% {
    margin-top: -200px;
  }
  80% {
    margin-top: -160px;
  }
  85% {
    margin-top: -120px;
  }
  90% {
    margin-top: -80px;
  }
  95% {
    margin-top: -40px;
  }
  100% {
    margin-top: 0;
  }
}

/****************FOOTER*********************************************************************/
footer {
    background-color: #2E2E2E;
    padding: 25px;
    color:white;
    }
 
/*******************************************MEDIA QUERIES*********************/	

@media only screen and (max-width: 469px) {
	/* tamanys de lletres*/
 .text-center{font-size: .9em;} 
    h1{font-size: .7em;}    
    h2{font-size: .6em;}
 .contenedor_1_texto1 {
 	top:1em;
 	margin-bottom: 0;
    }   	   
   	/*text inicial sota cédula y certificado*/
 #moverse{
   		display:none;
   	}
 .content1{  
  font-size: .8em;	}
.content1 .jj1 {font-size: .9em;}
.contenidor2_texto2_1 {font-size: 1.5em;}
.nopadding{padding:0 ¡important;
 			margin:0 ¡important;}
   }
@media (min-width: 469px) { 
.row{padding: 15px 15px;}
}
/*******************************************COOKIES  *********************/	

.galetes{cursor:pointer;}

.aqui{color:orange;}