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


        #wrapper {
            min-height:100%;
        }
       
@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;

}
        
.imagen{
    display:block;
    position:relative;
}

.horario{
	display:block;
	font-family: 'MyriadProLight';
    font-size:24px;
    color:#44bf93;
    text-align: center;
}

.mapa{
    display:block;
}

.mapa_800{
    display:none;
}

.mail{
    
    bottom:20px;
    right:30px;
    font-family: 'MyriadProLight';
    font-size:24px;
    color:#fff;
    text-align: right;
    position: absolute;
} 

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


.xarxes{
	display: block;
    height: 60px;
    width: 100%;
    text-align: center;
    padding-top: 30px;
}

.trip{
    
   display: inline-block;
   padding-left: 20px;
} 

.cow{
    
  display: inline-block;
   padding-left: 20px;
} 

.facebook{
   display: inline-block;
   padding-left: 20px;
}


.reserva{
	display:block;
	text-align:center;
	width:100%;
	 font-family: 'MyriadProLight';
    font-size:24px;
    color:#00CCBD;
}

.reserva2{
	display:block;
	text-align:center;
	width:100%;
	 font-family: 'MyriadProLight';
    font-size:24px;
    color:#589442;
}

.tenedor{
	width: 100%; 
	text-align: center; 

}



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

	.mapa{
	    display:none;
	}

	.mapa_800{
	    display:block;
	    padding-top:130px;
	}






	.mail{
	    
	    bottom:-35px;
	    right:30px;
	    font-family: 'MyriadProLight';
	    font-size:24px;
	    color:#000;
	    text-align: center;
	    position: absolute;
	} 

	.mail a{
	   text-decoration:none;
	    font-family: 'MyriadProLight';
	    font-size:24px;
	    color:#000;
	}


}

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

	.reserva{
		padding-top: 80px;
	}

	.mapa{
	    display:none;
	}

	.mapa_800{
	    display:block;
	    padding-top:0px;
	}






	.mail{
	     bottom:-60px;
	    right:30px;	   
	    font-family: 'MyriadProLight';
	    font-size:24px;
	    color:#000;
	    text-align: center;
	} 

	.mail a{
	   text-decoration:none;
	    font-family: 'MyriadProLight';
	    font-size:24px;
	    color:#000;
	}

	
}



}