estilos creados para los tipos de fuentes que se utilizan en la web. Estilos para contenido, títulos 
 'linea de migas, pie, menu, etc. 

*{
	margin: 0px;
	padding: 0px;
}

  /* Div que engloba el contenido de la página menos el footer */


        .conteiner {
            display:block;
            min-height:100%;
            height:100%;
            width: 100%;
            margin: 0 auto;

        }
        header {
        	padding: 0px 0px 0px 0px;
            display:block;
            width:100%;
            height:185px;  
        }

        .cap{
        	display:block;
        	background-color:#cccccc;
        	height:85px;
        	padding: 25px 0px 0px 0px;
        }

       

        header nav{	
        	display:inline;
			padding-top:0px;
			height:100%;
			text-align: right;
			float:right;
			padding-right:40px;
			display:inline;


		}

		header nav ul{
			display: inline;
			list-style: none;			
			text-decoration:none;
			display: inline;
			
		}  

		header nav ul li{
			padding-top:25px;
			padding-bottom:25px;
			display: inline;
			list-style: none;	
			display: inline;
			padding-left:10px;
			padding-right:10px;

			
		}  

		 .form_log{
		 	display:block;
		 	float:center;
		 	text-align:center;
		 }

		 .logo{
		 	display:block;
		 	float:center;
		 	text-align:center;
		 	color:#cccccc;
		 	font-family:Helvetica;
		 	font-size:48px;
		 	padding-bottom:60px;
		 }

		 .login{
		 	display:block;
		 	float:center;

		 }

		 .inicio{
        	display:inline;
        	padding-top:25px;
        	padding-left:50px;
        	width:25%;
        	
        }

        
        .buscador{
        	display:block;
        	height:99px;
        	padding-left:50px;
        	padding-top:28px;
        }

        .busca{
        	display:inline;
        	text-align:left;
        	width:40%;
        	position:absolute;
			z-index:10;
        }


       

        .alertes{
        	display:inline;
        	float:right;
        	text-align:right;
        	width:40%;
        	max-width:40%;
        	padding-right:50px;
        }



        .lin1{
        	display:block;
        	height:1px;
        	max-height:1px;        	
        	padding-left:50px;
        	padding-right:50px;
        }

        .lin2{
        	background-color:#cccccc;
        	height:1px;
        	max-height:1px; 
        	display:block;
        }
        
      
     
       

		
        section {
            
           display: block;
            height:auto;
            width:100%;
            min-height:100%;
            padding-left:50px;
            padding-right:50px;
            padding-bottom:30px;
          


        }

        
          /* estils afegir empleat */

        .titol{
        	display:block;
        	height:100px;
        	padding-top:20px;
        	font-size:18px;
        	color: #434a54;
        	font-family:verdana;
        }

        .insert_empleado{
        	display:block;
        	width: 100%;
        	height:100%;
        	text-align:center;
        	overflow:hidden;
        	
        }

        .insert_foto{
        	display:inline;
        	width: 30%;
        	height:100%;
        	max-width: 30%;
        	text-align:center;
        	float:left;
        	
        }

        .foto{
        	display:block;
        	text-align:center;
        	float:center;
        	padding-bottom:20px;

        }

        .btn_foto{
        	display:block;
        	text-align:center;
        	width:100%;
        	float:center;
        	padding-left:40px;
        	padding-right:40px;
        }

        .insert_datos{
        	display:inline;
        	width: 70%;
        	max-width: 70%;
        	height:100%;
        	float: right;
        	text-align:left;
        	padding-left:40px;
        }

        .datos{
        	display:inline;
        	width: 440px;
        	max-width: 440px;
        	height:100%;
        	float: left;
        	text-align:left;
        }


/* estils fitxa empleat */

        .lin_vertical{
        	display:inline;
        	width:1px;
        	max-width:1px;
        	height:775px;
        	min-height:775px;
        	background-color:#cccccc;
        	float:center;
        }

        
        .info_empleado{
        	display:block;
        	padding-top:10px;
        }
        .ficha_foto{
        	display:inline;
        	width: 30%;
        	height:100%;
        	max-width: 30%;
        	text-align:center;
        	float:left;
        	
        }

       
        .ficha_datos{
        	display:inline;
        	width: 70%;
        	max-width: 70%;
        	height:100%;
        	float: right;
        	text-align:left;
        	padding-left:40px;
        }

        .datos2{
        	display:block;
        	width: 100%;
        	max-width: 100%;
        	height:100%;
        	float: left;
        	text-align:left;
        	padding-bottom:30px;
        }

        .titol2{
        	display:block;
        	height:70px;
        	padding-bottom:20px;
        	font-size:18px;
        	color: #434a54;
        	font-family:verdana;
        }

        .nombre_empl {
        	display:block;
        	padding-bottom:20px;
        	font-size:18px;
        	color: #434a54;
        	font-family:verdana;
        }

        .telf_empl {
        	display:block;
        	padding-bottom:10px;
        	font-size:16px;
        	color: #3a9e3b;
        	font-family:verdana;
        	font-weight:bold;
        }

        .ss_empl {
        	display:block;
        	padding-bottom:10px;
        	font-size:14px;
        	color: #9b9b9b;
        	font-family:verdana;
        	font-weight:bold;
        }

         .dni_empl {
        	display:block;
        	padding-bottom:10px;
        	font-size:13px;
        	color: #9b9b9b;
        	font-family:verdana;
        	font-weight:bold;
        }

         .comentarios_empl {
        	display:block;
        	padding-bottom:10px;
        	font-size:14px;
        	color: #9b9b9b;
        	font-family:verdana;
        }

        .final_contrato {
        	display:block;
        	padding-bottom:10px;
        	padding-top:10px;
        	font-size:14px;
        	color: #d9534f;
        	font-family:verdana;
        }

        .opcion_eliminar{
        	float:right;
        	text-align:right;
        	padding-top:30px;
        }

        .opciones_empl{
        	display:block;
        	width:100%;

        }

        .opcion_anyadir_contrato{
        	display:inline;
        	float:left;
        	text-align:left;

        }

        .opcion_horas{
        	display:inline;
        	float:center;
        	text-align:center;
        }

        .opcion_baja{
        	display:inline;
        	float:right;
        	text-align:right;
        }



         /* estils finalizaciones */
        
        .titola{
        	display:inline;
        	float:left;
        	text-align:left;
        }

        .titolb{
        	display:inline;
        	float:right;
        	text-align:right;
        }

        .titolc{
        	display:block;
        	float:center;
        	text-align:center;
        	padding-top:20px;
        	padding-bottom:20px;
        }

 		/* estils ver todas las horas */

        .final_contrato_ap_horas {
        	display:inline;
        	padding-bottom:10px;
        	padding-top:10px;
        	font-size:14px;
        	color: #ff0000;
        	font-family:verdana;
        }


  /* filtre dates */



        .filtro_fechas{
        	display:block;
        	padding-top:20px;
        	padding-bottom:20px;
        	text-align:right;
        }

        



         /* estils del formulari */

.caselles{
	 width: 270px;
    height: 40px;
    padding: 0 15px;
    background: #cccccc; /*navegador que no suporta rgba */
    background: rgba(45,45,45,.15);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #3d3d3d; //*navegador que no suporta rgba */
    border: 1px solid rgba(255,255,255,.15);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    font-family: Helvetica;;
    font-size: 18px;
    color: #000000;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}



 /* estils buscador */


   
#caja_busqueda /*estils para la caja principal de busqueda*/
{
width:400px;
height:25px;
border:solid 1px #cccccc;
font-size:16px;
font-family:helvetica;
font-color:#a9a9a9;
}
#display /*estils caixa principal on es mostren els resultats de la recerca en forma de llista*/
{
width:400px;
display:none;
overflow:hidden;
position:relative;
z-index:10;
border: solid 1px #666;
background-color:#fff;
}
.display_box /*estils per a cada caixa unitaria*/
{
padding:2px;
padding-left:6px; 
font-size:18px;
height:63px;
text-decoration:none;
color:#333333; 
font-family:helvetica;
}

.display_box:hover /*estils per a cada caixa qua el ratolí està damunt*/
{
background: #cccccc;
color: #FFF;
font-family:helvetica;
}
.desc
{
color:#666;
font-size:16;
font-family:helvetica;
}
.desc:hover
{
color:#FFF;
font-family:helvetica;
}