/***************************************************************************************************/
 /*  ELEMENTOS BASICOS                                                                              */
/***************************************************************************************************/

@font-face {
    font-family: 'Product';
    src: url(../fonts/Product.ttf) format('truetype');
}
@font-face {
    font-family: 'Shanghai';
    src: url(../fonts/Shanghai.ttf) format('truetype');
}


body{
	margin:0;
	font-family: 'Product';
	background-color:#fff;
	color:#464646;
	font-size:16px;
	text-align:left;
	z-index:-2;
}

a {color:#C00;}
a:hover {color:#f75058;text-decoration:none;}
.shangai {font-family: 'Shanghai';}
h1 {font-size:48px;color:#C00;font-family: 'Shanghai';margin-top:50px;}
h2 {font-size:36px;color:#000;}
h3 {font-size:24px;color:#000;}
h4 {font-size:18px;color:#000;}

label {padding:15px 0 5px 0;margin:0;display:inline-block;}
.has-danger .form-control {color:#C00;border:#C00 1px solid;}
.btn-primary {background:#000;border:0 !important;}
.layer-cookies {display:none;background:rgba(50,50,0,0.7);width:100%;z-index:9999999999999;position:fixed;bottom:0;left:0;color:#FFF;}
.layer-cookies .contenido-cookies {width: 100%;padding:10px;font-weight:normal !important;}

.logo {font-size:70px}

#header {
	position:fixed;left:0;top:0;width:100%;
	height:55px;z-index:5;background:rgba(50,50,0,0.7);
	box-shadow:#000 0 0 15px;padding:10px 0 0 0;
}

#header a {color:#FFF;display: inline-block;}
#header a.link {padding:0 30px;font-size:18px;letter-spacing: 0.1em;text-shadow:#000 2px 2px;}
#content {}


.mobile {display: none}
.desktop {display: inline-block}
.pedido {float:right;display:none !important;}
.punto {background:#C00;border-radius:50%;width:6px;height:6px;float:left;position: relative;top:7px;left:0;}
.links {width:80%;}


.menu {border-radius:10px;background:rgba(255,255,255,0.5);}
.contenidomenus {width:50%;margin:0 25%;}
.imagenhome {width: 100%}
.titulohome {font-size:72px;}
.imagenlogo {height:40px;}




@media (max-width: 768px) {

	h1 {font-size:48px;}
	h2 {font-size:18px;}
	h3 {font-size:20px;}
	h4 {font-size:16px;}

	.mobile {display: inline-block}
	.desktop {display: none}

	#header {height:55px;}
	#header a.link {padding:0 5px;font-size:18px;}
	.content {overflow: hidden;}

	.links {width:70%;position: fixed;right:5px;top:15px;text-align: right;}
	.pedido {display:none;position: fixed;top:50px;left:5%;margin:0 auto;width: 90%}
	.imagenlogo {height:35px;}

	.titulohome {font-size:48px;}
	.contenidomenus {width:80%;margin:0 10%;}

}