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

.Txt_Negro{ color:#000; }
.Txt_Rojo{ color:#9d1d22; }
.Txt_Blanco{ color:#fff; }
.Txt_12{ font-size:12px; }
.Txt_Center{ text-align:center; }

body {
	height: 100%;
	margin: 0; padding: 0;
	font-family: "Century Gothic";
	background-color:#fff;
}

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

#Logo{
	width:80%;
	max-width:300px;
	margin-top:20px;
	margin-left:2%;
	position:absolute;
}

#Menu{  }

.Menu{
	padding-top:60px;
	margin-top:0px;
	overflow:hidden;
}

.Menu_PC{
	max-width:750px;
	margin-left:auto;
	margin-right:auto;
	z-index:1000;
}

.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: #000;
	font-size:18px;
    text-align: center;
    text-decoration: none;
}
.Menu_PC li a:hover, .Menu_dropdown:hover  {
	text-decoration:none;
	color:#9d1d22;
}

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

#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:-45px;
	position:absolute;
	right:2%;
}
	
.Menu_Movil div{
	background-color:#000;
	height:5px;
	width:30px;
	margin-bottom:3px;
	border-radius:10px;
}

@media only screen and (max-width: 1455px) {
	.Menu{ text-align:right; }
	.Menu_PC{
		width:100%;
		position:absolute;
		right:0px;
	}
}
@media only screen and (max-width: 1105px) {/*590px*/
	.Menu{
		background-color:transparent;
		width:100%;
	}
	
	.Puntos_Menu{ display:none;	}
	
	.Menu_Movil{ display:block; }
		
	.Menu_PC{
		display: none;
		position:absolute;
		right:0;
		background-color:#fff;
		margin-top:-15px;
		width:200px;
		box-shadow: -1px 2px 1px #000;
		z-index:10000;
	}
	
	.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:#9e1b20;
	}
	
	.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;
	}
	*/
}

/****************************************************¿Dónde estamos?****************************************************/

.Absolute{
	position:absolute;
	width:100%;
	bottom:0px;
	height:85%;
}

#Donde_Cont_Columnas{
	position:relative;
	width:100%;
	overflow:hidden;
}

#Donde_Col_Izq{
	width:49.7%;
	float:left;
	height:100%;
}

#Donde_LineaDivVer{
	background-color:#9d191d;
	width:.6%;
	height:100%;
	float:left;
}

#Donde_Col_Der{
	width:49.7%;
	float:left;
	background-image:url(../images/Img_DondeEstamos.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
	height:100%;
}

#Donde_Taza{
	position:absolute;
	margin:0 auto;
	left:30px;
	right:0;
	margin-top:10%;
	z-index:1000;
	background-image:url(../images/Taza_M.png);
	background-size:400px 360px;
	background-repeat:no-repeat;
	width:100%;
	max-width:400px;
	height:360px;
	text-align:center;
	color:black;
}
#Taza_Tit{
	font-family: "RemachineScript";
	color:#9d1d22;
	font-size:90px;
	margin-top:40px;
	margin-right:20px;
}
#Direccion{
	font-size:16px;
	margin-top:10px;
	margin-right:20px;
}
.Horario{
	margin-top:10px;
	margin-right:20px;
}
#Donde_MapaMovil{
	display:none;
	width:100%;
	height:400px;
}
#Donde_MapaBorde{
	background-color:#9d191d;
	width:100%;
	height:5px;
	margin-top:30px;
	display:none;
}
#Donde_MapaBorde_2{
	background-color:#9d191d;
	width:100%;
	height:5px;
	margin-top:0px;
	display:none;
	margin-bottom:70px;
}
@media only screen and (max-height: 811px){
	.Absolute{
		height:80%;
	}
	#Donde_Taza{
		margin-top:2%;
	}
}
@media only screen and (max-height: 550px){
	.Absolute{
		height:75%;
	}
	#Donde_Taza{
		margin-top:2%;
	}
}
@media only screen and (max-width: 773px){
	.Absolute{
		position:relative;
		width:100%;
		height:auto;
		bottom:0px;
	}
	#Donde_Taza{
		margin:0 auto;
		left:0;
		right:0;
		margin-top:60px;
		background:none;
		position:relative;
		height:auto;
	}
	#Taza_Tit{ font-size:60px; margin-right:0px; }
	#Direccion{
		font-size:14px;
		margin-top:10px;
		margin-right:0px;
	}
	#Donde_MapaMovil,#Donde_MapaBorde,#Donde_MapaBorde_2{ display:block; }
	#Donde_Col_Izq,#Donde_LineaDivVer,#Donde_Col_Der{
		display:none;
	}
}

/*********************************Contacto********************************/
#Body_Contacto{
	background-image:url(../images/Fondo_Contacto.jpg);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position:right;
	background-attachment:fixed;
}

#Contenido_Contacto{
	margin-top:60px;
	padding: 0 3%;
	font-size:22px;
}
#Tit_Contacto{
	font-size:36px;
	font-weight:bold;
	line-height:60px;
}
#Formulario{
	width:25%;
	margin-top:10px;
	overflow:hidden;
}
input{
	border:none;
	border-bottom: 1px solid #000;
	width:100%;
	font-size:22px;
	margin-top:25px;
	padding-left:1%;
	font-family: "Century Gothic";
}
textarea{
	border: 1px solid #000;
	width:100%;
	height:250px;
	margin-top:24px;
	font-size:22px;
	padding-left:1%;
	padding-right:1%;
	font-family: "Century Gothic";
}
input::-webkit-input-placeholder {
  color: black;
}
input:-moz-placeholder {
  color: black; 
}
input:-ms-input-placeholder { 
  color: black; 
}
textarea::-webkit-input-placeholder {
  color: black;
}
textarea:-moz-placeholder {
  color: black; 
}
textarea:-ms-input-placeholder { 
  color: black; 
}
#Bot_Enviar{
	font-size:22px;
	border:none;
	color:#fff;
	background-color:#9d1d22;
	padding: 5px 15px;
	text-align:center;
	float:right;
	margin-top:10px;
	cursor:pointer;
}
#Bot_Enviar:hover{
	background-color:#000000;
}
.Aviso_Privacidad{
	font-size: 12px;
	text-decoration: none;
	color: #000;
}
.Aviso_Privacidad:hover{
	color: #9d1d22;
}
.Img_VCenter{
	display:table;
	margin-top:20px;
}
.Img_VCenter img{
	width:40px;
	vertical-align: middle;
	margin-right:15px;
}
.Img_VCenter a{
	color:black;
	text-decoration:none;
}
.Img_VCenter a:hover{
	text-decoration:underline;
}
#Footer_Contacto{
	color:black;
	font-size:12px;
	text-align:left;
	margin-top:50px;
	margin-bottom:10px;
}
#Img_Contacto,#Img_Contacto_2,.FooterContacto2{ display:none; }
@media only screen and (max-width: 1250px){
	#Formulario{
		width:40%;
	}
}
@media only screen and (max-width: 885px){
	#Body_Contacto{ background:none; }
	#Formulario{
		float:left;
	}
	#Datos_Contacto{
		float:left;
		margin-left:5%;
		margin-top:10px;
		font-size:18px;
		width:50%;
	}
	.Overflow_Contacto{
		overflow:hidden;
	}
	input,textarea{ font-size:18px; }
	.Img_VCenter img{ width:30px; }
	#Img_Contacto{ width:100%; margin-top:50px; display:block; }
	#Bot_Enviar{ font-size:18px; }
	#Tit_Contacto{ font-size:28px; line-height:inherit; }
	#Contenido_Contacto{ font-size:18px; }
}
@media only screen and (max-width: 700px){
	#Formulario{
		float:none;
		width:100%;
	}
	#Datos_Contacto{
		float:none;
		margin-left:0%;
		margin-top:10px;
		font-size:18px;
		width:100%;
	}
	#Img_Contacto,#Footer_Contacto{ display:none; }
	#Img_Contacto_2{ display:block; width:100%;	margin-top:30px; }
	#Contenido_Contacto{ font-size:16px; }
	#Tit_Contacto{ font-size:24px; line-height:inherit; }
	#Bot_Enviar{ font-size:16px; }
	.FooterContacto2{ display:block; }
}
@media only screen and (max-width: 500px){
	input,textarea,#Datos_Contacto{ font-size:16px; }
}

/*********************************Café OMA********************************/
#Contenido_OMA{
	margin-top:60px;
	padding: 0 3%;
	font-size:22px;
}
#Tit_OMA{
	font-size:36px;
	font-weight:bold;
	line-height:60px;
}
#Tit_Linea{
	width:150px;
	height:10px;
	background-color:#9d1d22;
	margin-top:10px;
}
#SubTit_OMA{
	font-size:14px;
	margin-top:10px;
}
#Contacto_OMA{
	width:90%;
	max-width:300px;
	text-align:center;
	background-color:#9d1d22;
	color:#fff;
	padding: 5px 15px;
	float:right;
	margin-top:-85px;
}
#Nota_OMA{
	text-align:center;
	font-size:14px;
}
#Fondo_OMA{
	width:100%;
	margin-top:10px;
}

#Cont_CafesOMA{
	display:table;
	text-align:center;
	margin-top:50px;
}
.Cuadro_CafeOMA{
	display:inline-block;
	vertical-align:top;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:50px;
	width:96%;
	max-width:300px;
}
.Tit_CuadroOMA{
	font-size:20px;
	margin-top:15px;	
}
.Linea_OMA{
	width:80px;
	height:5px;
	margin: 5 auto;
	background-color:#9d1d22;
}
.Txt_CuadroOMA{
	font-size:14px;
	margin-top:20px;
}

.Acc_OMA{
	margin-top:20px;
}
@media only screen and (max-width: 1200px){
	#Contacto_OMA{
		display:none;
	}
}
@media only screen and (max-width: 885px){
	#Tit_OMA{ font-size:28px; line-height:inherit; }
	#Tit_Linea{
		height:8px;
		margin-top:10px;
	}
}
@media only screen and (max-width: 700px){
	#Tit_OMA{ font-size:24px; }
	.Cuadro_CafeOMA{
		width:96%;
		max-width:96%;
	}
}
/*************Acordeón***************/

.Acc_Btn{ overflow:hidden; font-size:24px; }
.Acc_Txt{ font-family: "Century Gothic"; margin-left:0px; padding-top:18px; font-size:16px; }

button.accordion {
	background-color:#9d1d22;
	background: -webkit-linear-gradient(#9d1d22,#6d0a0e); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#9d1d22,#6d0a0e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#9d1d22,#6d0a0e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#9d1d22,#6d0a0e); /* Standard syntax */
    color: #fff;
    cursor: pointer;
    padding-left:18px;
	padding-right:18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
	/*border-top: 1px solid #ebebeb;*/
}

button.accordion.active{
}

button.accordion:hover {
    background-color:#6d0a0e;
	background: -webkit-linear-gradient(#500407,#500407); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#500407,#500407); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#500407,#500407); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#500407,#500407); /* Standard syntax */
}

button.accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #fff;
    float: right;
    margin-left: 5px;
	margin-top:-18px;
	padding-bottom:18px;
	font-weight:bold;
}

button.accordion.active:after {
    content: "\2796";
}

button.acc_vacio:after {
	margin-bottom:18px;
	content: "";
}

button.acc_vacio.active:after {
	content: "";
}


div.panel {
    padding: 0 18px;
    background-color:#f8f8f8;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
	font-size:14px;
}

div.panel p{
	padding-top:0px;
}
div.panel li{
	list-style-image:url(../images/lista.png);
	margin-bottom:20px;
}

div.panel.show {
    opacity: 1;
    max-height: 1000px;
}
@media only screen and (max-width: 885px){
	.Tit_CuadroOMA{	font-size:18px; }
	.Txt_CuadroOMA,.Acc_Txt{ font-size:14px; }
	#Nota_OMA{ font-size:12px; }
}

/*********************************Menú**********************************/
#Contenido_Menu{
	margin-top:60px;
	font-size:22px;
	overflow:hidden;
	width:100%;
}
.Columna{
	width:21%;
	float:left;
	padding: 15px 2%;
}
.ColRoja{
	background-color:#9d1d22;
	color:#fff;
}
.ColBlanca li{
	list-style-image:url(../images/lista.png);
	margin-bottom:3px;
}
.ColRoja li{
	list-style-image:url(../images/lista_blanca.png);
	margin-bottom:3px;
}
.Categoria{
	font-size:16px;
	margin-bottom:40px;
}
.Menu_Img_ColBlanca{
	text-align:center;
	width:90%;
	max-width:432px;
	border: 3px solid #9d1d22;
}
.Menu_Img_ColRoja{
	text-align:center;
	width:90%;
	max-width:432px;
	border: 3px solid #fff;
}
.Tit_Col{
	font-family: "RemachineScript";
	text-align:center;
	font-size:50px;
	margin: 10px 0;
}
.Nota_Tit_Col{
	font-size:14px;
	font-family: "Century Gothic";
}
.Precios_Menu{
	float:right;
}
.Precio_Solo{
	text-align:center;
	margin-top:20px;
}
.Notas_Rojas{
	width:58%;
	padding: 3px 1%;
	margin: 0 auto;
	text-align:center;
	margin-top:20px;
	background-color:#9d1d22;
	color:#fff;
	font-size:14px;
}
.Notas_Blancas{
	width:58%;
	padding: 3px 1%;
	margin: 0 auto;
	text-align:center;
	margin-top:20px;
	background-color:#660a0e;
	color:#fff;
	font-size:14px;
}
@media only screen and (max-width: 1500px) {
	.Categoria{ font-size:14px;	}
	.Tit_Col{ font-size:35px; }
	.Nota_Tit_Col{ font-size:12px; }
	.Notas_Rojas,.Notas_Blancas{ font-size:12px; }
}
@media only screen and (max-width: 1310px){
	#Contenido_Menu{ padding-bottom:60px; }
	.Columna{
		width:46%;
		float:left;
		padding: 15px 2%;
	}
	.Categoria{ font-size:16px;	}
	.Tit_Col{ font-size:50px; }
	.Nota_Tit_Col{ font-size:14px; }
	.Notas_Rojas,.Notas_Blancas{ font-size:14px; }
	#ColTes{ margin-top:-200px; }
}
@media only screen and (max-width: 700px) {
	.Categoria{ font-size:14px;	}
	.Tit_Col{ font-size:35px; }
	.Nota_Tit_Col{ font-size:12px; }
	.Notas_Rojas,.Notas_Blancas{ font-size:12px; }
	#ColTes{ margin-top:-210px; }
}
@media only screen and (max-width: 605px){
	.Columna{
		width:96%;
		float:none;
		padding: 15px 2%;
	}
	#ColTes{ margin-top:0px; }
}

/*********************************Footer**********************************/
#Footer_Der{
	position:absolute;
	right:10px;
	bottom:50px;
	color:black;
	font-size:12px;
	text-align:right;
}
@media only screen and (max-width: 773px) {
	#Footer_Der{
		bottom:0; text-align:center;
		margin:0 auto;
		left:0;
		right:0;
		margin-top:-50px;
		position:relative;
		margin-bottom:50px;
	}
}
#Footer_Izq{
	margin-left:10px;
	margin-top:-70px;
	color:black;
	font-size:12px;
	text-align:left;
}
.Footer a{
	color:black;
	text-decoration:none;
}
.Footer a:hover{
	text-decoration:underline;
}
#Redes_Sociales{
	margin-top:20px;
}
#Redes_Sociales img{
	margin-left:3px;
	margin-right:3px;
	width:30px;
}
#Redes_Sociales img:hover{
	cursor:pointer;
	-webkit-filter: grayscale(50); /* Color */
	-webkit-filter: grayscale(.5); /* 50% color */
	-webkit-filter: grayscale(.5); /* Blanco y negro */
}
@media only screen and (max-width: 700px) {
	#Redes_Sociales img{
		width:20px;
	}
}

/***********************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;
	z-index:10000000;
}
#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; }
}

/*******************************Botón Subir**************************************/

#Bot_Subir{
	width:30px;
	position:fixed;
	bottom:45px;
	right:15px;
	cursor:pointer;
	display:none;
}
@media only screen and (max-width: 700px) {
	#Bot_Subir{ bottom:48px; right:5px; }
}

/***********************Anuncio*************************/
#Anuncio{
	width:86%;
	max-width:400px;
	position:fixed;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	top:20%;
	padding:30px 2%;
	background-color:#fff;
	color:#000;
	font-size:16px;
	text-align:center;
	box-shadow: 0px 0px 10px #000;
	border: 4px solid #9d1d22;
	z-index:999999999999;
}
#Anuncio_Cerrar{
	position:absolute;
	right:0px;
	margin-top:-30px;
	cursor:pointer;
	width:15px;
	height:15px;
}