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 */


@font-face {
    font-family: 'MyriadProLight';
    src: url('../fonts/myriadpro-light-webfont.eot');
    src: url('../fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/slender_by_simoncho_design-webfont.woff2') format('woff2'),
         url('../fonts/myriadpro-light-webfont.woff') format('woff'),
         url('../fonts/slender_by_simoncho_design-webfont.ttf') format('truetype'),
         url('../fonts/slender_by_simoncho_design-webfont.svg#myriadpro-light-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProLight';
    src: url('../fonts/myriadpro-light-webfont.eot');
    src: url('../fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/slender_by_simoncho_design-webfont.woff2') format('woff2'),
         url('../fonts/myriadpro-light-webfont.woff') format('woff'),
         url('../fonts/slender_by_simoncho_design-webfont.ttf') format('truetype'),
         url('../fonts/slender_by_simoncho_design-webfont.svg#myriadpro-light-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}



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

        }

        #empresa{
            height: auto;
            padding-bottom: 100px;
        }

        #nuestras_cocinas{
            height: auto;
        }

        #garantia{
            height: auto;
            padding-bottom: 100px;
        }

         #presupuesto{
            height: auto;
            padding-bottom: 100px;
        }



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

        }

        header {
        	padding: 0px 0px 0px 0px;
            display:block;
            width:100%;
            position: absolute;
               height: auto;
     background-color: rgba(0,2,99,0.5);


     z-index: 1;
     top: 0px;
        }
       

		
        section {
            
           display: block;           
            width:100%;
           background:url(../images/fons_web.jpg) top center;
            background-repeat: no-repeat;
            overflow:hidden;

        }

    


        footer {
            display: none;
            text-align: left;
            padding-bottom: 10px;
            padding-top: 10px;
            width: auto;
		    height: 60px;
		    position: relative;
            margin-top:-60px;
  
		    -webkit-box-sizing:border-box;
		    -moz-box-sizing:border-box;
		    box-sizing:border-box;    
		    overflow: hidden;
		    width: 100%;
             

            
        }


        /* classes del navegador */
		.menu_bar{
			display: none;

		}

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

		}

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

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

			
		}  

		header nav ul li a{	
			display: inline;
			text-decoration:none;
			font-family: 'MyriadProLight';
             text-shadow:4px 3px 3px rgba(232,61,22,0.5);font-weight:normal;color:#fff;letter-spacing:0pt;word-spacing:-2pt;font-size:16px;text-align:left;font-family:helvetica, sans-serif;line-height:1;margin:0px;padding:0px;
		}  



         #actiu{
            font-size:16px;
            font-family:Helvetica;
            text-decoration: underline;
        }


		.titol{			
				
            display:block;            
            float: left;
            width: 100%;
            height: auto;
		}   

       

         .titol a{
            
             font-family: Helvetica;
            font-size: 48px;
            text-shadow:4px 3px 3px rgba(128, 132, 112,0.5);font-weight:normal;color:#27282a;letter-spacing:0pt;word-spacing:-2pt;font-size:42px;text-align:left;font-family:helvetica, sans-serif;line-height:1;margin:0px;padding:0px;
            text-decoration: none;
            vertical-align: top;     
            
        }  

        .titol_esq{
            float: left ; 
            display: inline-block; 
            width: 60%;
            margin-left:30px;
        } 

        .titol_esq_mobile{
            display: none;
        }

        .bandera{
            text-align:right;
            width:100%;
            padding-right:30px;
            height: 30px;
            background-color: #27282a;            
            
        }   

        .bandera1{
            text-align: left;
            float: left;
            width: 50%;
            height: 30px;
             font-family: 'MyriadProLight';
            font-size:  14px;
            color: #fff;
            margin-top: 8px;
            margin-left: 30px;
        }

        .bandera1_425{
            display: none;
        }

         .bandera1 a{
            font-family: 'MyriadProLight';
            font-size:  14px;
            color: #fff;
            text-decoration: none;
        }

       

        .bandera2{
            text-align: right;
            float: right;
            width: auto;
            height: 30px;
            margin-top: 7px;
        }

        
        /* classes dels continguts */
        

      
     

	
        



@media screen and (max-width:800px ) {
	
	.contenedor{
		 background:none;
	}

    #empresa{
        padding-bottom: 0px;
    }

	header{
     width:100%;
     height:auto;
     background-image: url(images/fons.jpg);
        
    }

    #presupuesto{
            padding-bottom: 50px;
        }

    section {
            
           display: block;
			height: auto;
            width:100%;
           background:none;
           

           

        }

	header nav {
		width:100%;
		height:auto;
		left:-100%;
		position: fixed;
    z-index: 100;
    text-align: right;
    background-color: #00015B;
    padding-right: 0px;
    top: 200px;
	}
 	
 	header nav ul {
		display:block;
		border-bottom:1px solid rgba(0,0,0, .3);
        margin-right: 30px;
	}

	header nav ul li {
		display:block;		
		border-bottom:1px solid rgba(0,0,0, .3);
	}

        header nav ul li a{ 
            color:#fff;
        }  

   
	
 
	.menu_bar {
		display:block;
		width:100%;
		min-height:100%;
		height:50px;
        padding-top: 20px;
	}
 
	.menu_bar .bt-menu {
		display:block;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:5px;
		height:50px;
		color:#fff;
		text-decoration:none;
		font-weight: bold;
		font-size:30px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		font-family: helvetica light;

	}
 
	.menu_bar span {
		float:right;
        color: #fff;
	}

    #actiu{
            text-decoration: none;
               color: yellow;
        }

	

	
		

}

@media screen and (max-width:650px ) {

   

    .bandera{
        padding-top: 0px;
        height: 24px;
    }

    .titol a {   
        font-size: 25px;
    }

    .bandera1{
            display: none;
        }

    .bandera1_425{
            display: block;
            height: 30px;
             text-align: left;
            float: left;
            width: 30%;
             font-family: 'MyriadProLight';
            font-size:  14px;
            color: #fff;
            margin-top: 8px;
            margin-left: 30px;
    }

    .bandera1_425 a{
            font-family: 'MyriadProLight';
            font-size:  14px;
            color: #fff;
            text-decoration: none;
        }

        
        .bandera2{
            display: block;
            height: 30px;
                margin-top: 0px;
        }

        header nav {   
            top: 365px;

        }

        .titol_esq{ 
             display: none;
        } 

        .titol_esq_mobile{
            display: block;
            width: 100%;
        }

    

}

@media screen and (max-width:375px ) {

   header nav {   
            top: 330px;

        }
  
}

@media screen and (max-width:320px ) {

   
header nav {   
            top: 290px;

        }

    

}