/* CSS Document */
@font-face {
    font-family: "RemachineScript";
    src:  url(../fonts/RemachineScript.ttf) format("truetype");
}
@font-face {
    font-family: "Century Gothic";
    src:  url(../fonts/GOTHIC.TTF) format("truetype");
}
@font-face {
    font-family: "Century Gothic Bold";
    src:  url(../fonts/GOTHIC_Bold.TTF) format("truetype");
}
@font-face {
    font-family: "Century Gothic Bold Italic";
    src:  url(../fonts/GOTHIC_BoldItalic.TTF) format("truetype");
}
@font-face {
    font-family: "Century Gothic Italic";
    src:  url(../fonts/GOTHIC_Italic.TTF) format("truetype");
}

.DisplayBlock{
	display: block;
}
.DisplayNone{
	display: none;
}

body {
	height: 90%;
	margin: 0; padding: 0;
	font-family: "Century Gothic";
	color:#fff;
	background-color:#fff;
	background-image:url(../images/Inicio_Fondo.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

#Cuadro_Titulo{
	height:100%;
	width:100%;
	max-width:958px; /* 958px para cuando se active la sección de facturación  |  735px para cuando se desactive la sección de facturación */
	margin-left:auto;
	margin-right:auto;
	display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

@media only screen and (max-width: 1185px) {
	body {
		background-image:url(../images/Inicio_Fondo_2.jpg);
		background-position: top left;
		background-repeat:no-repeat;
		background-size: cover;
		animation: none;
	    -webkit-animation: none;
    	-moz-animation: none;
	}
}
@media only screen and (max-width: 715px) {
	body {
		background-image:url(../images/Inicio_Fondo_3.jpg);
		background-position: top center;
		background-repeat:no-repeat;
		background-size: cover;
		animation: none;
	    -webkit-animation: none;
    	-moz-animation: none;
	}
}
@media only screen and (max-width: 330px) {
	body {
		background-image:url(../images/Inicio_Fondo_4.jpg);
		background-position: top center;
		background-repeat:no-repeat;
		background-size: cover;
		animation: none;
	    -webkit-animation: none;
    	-moz-animation: none;
	}
}

#cargando {
    position:absolute;
    width:100%;
    height:100%;
    background:#fff url(../images/loading3.gif) no-repeat center;
	z-index:1000;
}

#Logo{
	width:100%;
}

#Redes_Sociales{
	text-align:center;
	margin-top:20px;
}
#Redes_Sociales img{
	margin-left:10px;
	margin-right:10px;
}
#Redes_Sociales img:hover{
	cursor:pointer;
	-webkit-filter: grayscale(50); /* Color */
	-webkit-filter: grayscale(.5); /* 50% color */
	-webkit-filter: grayscale(.5); /* Blanco y negro */
}

#Menu{  }

.Menu{
	width:94%;
	padding-left:2%;
	padding-right:2%;
	font-size:14px;
	background-color:#9d191d;
	padding-top:10px;
	margin-top:20px;
	box-shadow: 2px 2px 5px #000;
	margin-left:auto;
	margin-right:auto;
}

.Menu_PC{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	z-index:100000;
}

.Menu_PC ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.Menu_PC li { float: left; margin: 0 1%; padding-bottom:8px;	}

.Menu_PC li a {
    display: inline-block;
    color: #fff;
	font-size:22px;
    text-align: center;
    text-decoration: none;
}
.Menu_PC li a:hover, .Menu_dropdown:hover  {
	/*text-decoration:underline;*/
	color:#000;
}

.Menu_PC li img{
	width:8px;
	margin-top:10px;
}

#Menu_Comprar a{
	color:#fff;
	background-color:#000000;
	text-align:center;
}
#Menu_Comprar a:hover{ color:#e49cab; }

.Dropdown_Content {
    display: none;
    position: absolute;
    background-color: #000;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	color:#fff;
	margin-top:8px;
}
.Menu_PC .Dropdown_Content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
   	text-align: left;
}
.Menu_PC .Dropdown_Content a:hover { background-color: #bf8f00; color:#000; }

.Menu_dropdown:hover .Dropdown_Content {
   	display: block;
}
	
/*********Men� m�vil*********/
	
.Menu_Movil{
	display:none;
	cursor:pointer;
	height:45px;
	margin-top:150px;
}
	
.Menu_Movil div{
	background-color:#fff;
	height:5px;
	width:30px;
	margin-bottom:3px;
	border-radius:10px;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 1px 1px 1px #000;
}		

@media only screen and (max-width: 1090px) {
	.Menu{ 
		width:94%;
		padding-left:.2%;
		padding-right:.2%;
	}
	.Menu_PC{ max-width:745px; } /* 745px para cuando se active la sección de facturación  |  570px para cuando se desactive la sección de facturación */
	.Menu_PC li { margin: 0 1%;}
	.Menu_PC li a { font-size:18px;	}
	.Menu_PC li img{ margin-top:6px; }
	#Redes_Sociales img{
		width:30px;
		margin-left:5px;
		margin-right:5px;
	}
}
@media only screen and (max-width: 810px) {
	.Menu{ 
		width:94%;
		padding-left:.2%;
		padding-right:.2%;
	}
	.Menu_PC{ max-width:670px; } /* 670px para cuando se active la sección de facturación  |  520px para cuando se desactive la sección de facturación */
	.Menu_PC li { margin: 0 1%;}
	.Menu_PC li a { font-size:16px;	}
	.Menu_PC li img{ margin-top:6px; }
	#Redes_Sociales img{
		width:30px;
		margin-left:5px;
		margin-right:5px;
	}
}
@media only screen and (max-width: 715px) {
	#Cuadro_Titulo{
		width:90%;
		max-width:952px;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	.Puntos_Menu{ display:none; }

	.Menu{
		background-color:transparent;
		width:100%;
		box-shadow:none;
	}
	
	.Menu_Movil{ display:block; }
		
	.Menu_PC{
		display: none;
		position:absolute;
		/*right:0px;*/
		background-color:#fff;
		margin-top:-5px;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		left:0;
		right:0;
	}
	
	.Menu_PC li { float:none; margin: 0; padding-bottom:0px;	}
	
	.Menu_PC li a {
	    display: inline-block;
	    color: black;
	    text-align: center;
		width:100%;
	    padding-top:10px;
		padding-bottom:10px;
		padding-left:0px;
    	text-decoration: none;
		font-size:16px;
	}
	.Menu_PC li a:hover, .Menu_dropdown:hover  {
		text-decoration:none;
		color:#fff;
		background-color:#9d191d;
	}
	
	.Dropdown_Content {
		position: absolute;
		width:250px;
		min-width: 0px;
		margin-top:0px;
	}
	
	.Dropdown_Content a:hover { width:218px; color:#fff; }/*Mide 10px m�s que el width de .Menu_PC*/
	
	/*
	.Menu:hover .Menu_PC {
   		display: block;
	}
	*/
	
	#Redes_Sociales img{
		width:35px;
	}
}
@media only screen and (max-width: 330px) {
	.Menu_Movil{
		margin-top:80px;
	}
	.Menu_Movil div{
		height:5px;
		width:30px;
		margin-bottom:3px;
		border-radius:10px;
	}
	#Redes_Sociales{
		text-align:center;
		margin-top:0px;
	}
	#Redes_Sociales img{
		width:25px;
		margin-left:2px;
		margin-right:2px;
	}
}

/***********************Botón Teléfono Móviles*************************/
#Bot_Llamar{
	width:300px;
	position:fixed;
	background-color:#9d1d22;
	bottom:0;
	right:0;
	color:#FFFFFF;
	text-align:center;
	font-family: "Century Gothic";
	font-size:20px;
	padding:8px 0;
	box-shadow: 1px 1px 4px #000;
}
#Bot_Llamar img{
	width:15px;
	vertical-align:middle;
	margin-right:10px;
	-webkit-filter: invert(100%); /* Safari 6.0 - 9.0 */
    filter: invert(100%);
}
@media only screen and (max-width: 700px) {
	.Footer{ margin-bottom:48px; }
	#Bot_Llamar{
		width:100%;
		position:fixed;
		background-color:#9d1d22;
		bottom:0;
		color:#FFFFFF;
		text-align:center;
		font-family: "Century Gothic";
		font-size:20px;
		padding:8px 0;
	}
	#Bot_Llamar img{
		width:15px;
		vertical-align:middle;
		margin-right:10px;
		-webkit-filter: invert(100%); /* Safari 6.0 - 9.0 */
	    filter: invert(100%);
	}
	#Bot_Llamar_Num{ display:none; }
}

/**************************Recomendado Guru**************************/

#Guru{
	text-align: center;
	width: 150px;
	height: 150px;
	margin: 0 auto;
	margin-top:20px;
}