@charset "utf-8";
/* CSS Document */

/*0-1-BARRA COOKIES*/
#barraaceptacion {
	display:none;
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	text-align:center;
	min-height:50px;
	background-color: #333;
	color:white;
	z-index:99999999;}
		
.inner {
	width:100%;
	position:absolute;
	margin-bottom:10px;
	padding-left:5px;
	font-size:12px;
	top:20%;}
		
#suuso:hover{
	color:#f2cb0e!important;
	border-bottom:dotted 1px #f2cb0e!important;}
	
#suuso{
	color:white;
	border-bottom:dotted 1px white;}
	
#suuso:link, #suuso:visited{
	text-decoration:none;
	color:white;}
		
#botoncookie{list-style-type:none;
	text-decoration:none;
	background-color:white;
	margin-top:2px;
	border:solid 1px #f2cb0e;
	border-radius:2px;
	color:#333;
	width:50px;
	height:14px;
	display:inline-block;
	padding:0;
	font-size:10px;
	font-weight:bold;
	text-align:center;}


#botoncookie:hover{
	background-color:#f2cb0e;}
			
@media (max-width: 466px){
.inner {
	font-size:10px;
	top:20%;}
	
.inner a{
	margin-top:.25em;
	height:14px;
	width:120px;
	font-size:10px;}
}
				
/*FIN DE 0-1-BARRA COOKIES*/

/*1-1-INDEX*/
h1{
	text-align:center;}
	
#cuadrodm{
	display:flex;
	justify-content:space-around;}
	
#lemadm{
	font-family: 'Calligraffitti', cursive;
	font-size:24px;
	font-weight:900;
	text-align:center;}
	
.flexslider{
	border:solid 1px #f2cb0e!important;}
		
#sliderdm{
	width:70%;
	margin-left:40px;}
	
#asidedm{
	width:30%;
	margin-top:28px;}
	
#bienvedm{
	font-weight:bold;
	color:#f2cb0e;}
	
#bajoslidedm, #bajosldm{
	margin:0;
	position:relative;}
	
#bajoslidedm img, #bajosldm img{
	width:100%;
	height:auto;
	filter:brightness(0.3);
	border:solid 1px #f2cb0e!important;}
	
#bajoslidedm figcaption, #bajosldm figcaption{	
	color:white;
	position:absolute;
	text-align:center;
	top:0;
	padding:0 .5em;}
	
aside figure{
	position:relative;}

aside #pastillavideo img{
	width:100%;
	height:30px;
	filter:brightness(0.5);
	border:solid 1px #f2cb0e;}
	
#pastillavideo h2{
	margin:0;
	padding-bottom:4px;}

aside figure img{
	width:100%;
	height:auto;
	filter:brightness(0.5);
	border:solid 1px #f2cb0e;}

#asidedm a:link, #asidedm a:visited{
	color:white;
	text-decoration:none;}

#asidedm a:hover{
	color:#f2cb0e;}

aside figure:hover h2{
	color:#f2cb0e;}
	
aside figcaption{
	color:white;
	position:absolute;
	text-align:center;
	width:100%;
	bottom:0%;
	padding:0 .5em;
	font-size:14px;}
	
@media (max-width:1216px) and (min-width:1016px) {
main{
	max-width:1000px;
	margin:0 auto;}
	
#lemadm{
	font-size:18px;}

#sliderdm{
	width:65%;
	margin-left:40px;}
	
#bajoslidedm{
	width:634px;
	height:138px;}
		
#bajoslidedm img{
	width:634px;
	height:133px;}	
	
#bajoslidedm figcaption{
	font-size:14px;
	padding:8px;}
		
#asidedm{
	width:35%;
	margin-top:0;}
	
#asidedm figure{
	margin-top:8px;
	margin-bottom:8px;}
	
#asidedm img{
	width:250px;
	height:auto;}
}

@media(max-width:1016px) and (min-width:816px) {
main{
	max-width:800px;
	margin:0 auto;}	
	
#h1main{
	font-size:28px;}
	
#lemadm{
	font-size:16px;}
	
#sliderdm{
	width:70%;
	margin-left:40px;}	

#bajoslidedm figcaption{
	font-size:13px;
	padding:6px;}
	
#bajoslidedm{
	width:725px;
	height:110px;}
	
#bajoslidedm img{
	width:725px;
	height:110px;}	
	
#asidedm{
	margin-top:40px;}
	
#asidedm figure{
	margin-top:16px;
	margin-bottom:16px;}
	
aside figcaption{
	font-size:9px;}
	
}

@media(max-width:816px) and (min-width:616px){
main{
	max-width:588px;
	margin:0 auto;}	
	
#cuadrodm{
	display:block;}
	
#sliderdm{
	width:100%;
	margin-left:0px;}
	
#asidedm{
	margin-top:0;
	display:flex;
	justify-content:space-between;}

#pastillavideo{
	display:none}
	
#asidedm figure{
	width:141px;
	height:auto;
	margin-left:8px;
	margin-right:0;}

#asidedm figure:first-of-type{	
	margin-left:0;}

#asidedm img{
	width:141px;}

aside figcaption{
	font-size:9px;}	
	
#bajoslidedm figcaption{
	font-size:13px;
	padding:6px;}
	
#bajoslidedm{
	width:588px;
	height:110px;}
	
#bajoslidedm img{
	width:588px;
	height:110px;}	
}

@media(max-width:616px) and (min-width:416px){
	
main{
	width:100%;
	margin:0 auto;}
	
#cuadrodm{
	display:block;
	width:98%;
	margin:0 auto;}
	
#sliderdm{
	width:100%;
	margin-left:0px;}
	
#h1main{
	font-size:24px;}
	
#lemadm{
	font-size:13px;}
	
#asidedm{
	margin-top:0;
	display:inline-block;
	margin:0 auto;
	width:98%}

#asidedm figure{
	width:60%;
	height:auto;
	margin:8px auto;}

#asidedm img{
	width:100%;}

aside figcaption p{
	font-size:14px;
	margin-top:2px;
	margin-bottom:2px;}	
	
#bajoslidedm figcaption{
	font-size:13px;
	padding:6px;}
	
#bajoslidedm{
	width:98%;
	height:110px;}
	
#bajoslidedm img{
	width:98%;
	height:110px;}	
	
}

@media(max-width:416px){
	
#h1main{
	font-size:20px;}
	
#lemadm{
	font-size:12px;}
	
main{
	width:100%;
	margin:0 auto;}
	
#cuadrodm{
	display:block;
	width:98%;
	margin:0 auto;}
	
#sliderdm{
	width:100%;
	margin-left:0px;}

#asidedm{
	margin-top:0;
	display:inline-block;
	margin:0 auto;
	width:98%}

#asidedm figure{
	width:75%;
	height:auto;
	margin:8px auto;}

#asidedm img{
	width:100%;}

aside figcaption{
	font-size:14px;}	
	
#bajoslidedm figcaption{
	font-size:12px;
	padding:6px;}
	
#bajoslidedm{
	width:98%;
	height:130px;}

#bajoslidedm figcaption p{
	margin: 3px;
	font-size:12px;}

#bajoslidedm img{
	width:98%;
	height:130px;}
}
/*FIN DE 1-1-INDEX*/

/*3-1-QUESOS*/
#quesosdm{
	width:1200px;
	display:flex;
	justify-content:space-between;
	font-size:13px;
	text-align:justify;}

#quesosdm figure{
	width:320px;
	margin:0 auto;}
	
#quesosdm img{
	width:100%;
	height:auto;
	border:solid 1px #f2cb0e;}
	
#quesosdm figcaption{
	font-size:12px;
	font-style:italic;
	text-align:center;
	color:#666;}

#quesosdm li{
	color:#f2cb0e;}
	
#quesosdm li span{
	color:#333;}		
	
#generaldm, #variedaddm{
	box-sizing:border-box;
	width:49.5%;
	border:solid 1px #f2cb0e;
	padding:1em;
	margin-bottom:12px;}
	
#mesasdm p{
	text-align:center;}	
	
#mesasdm a:link, #mesasdm a:visited{
	color:white;
	text-decoration:none;}

#mesasdm a:hover{
	color:#f2cb0e;
	font-weight:bold;}
	
@media (min-width: 1016px) and (max-width: 1216px){
#quesosdm{
	width:1000px;
	font-size:13px;}

#mesasdm h4{
	margin:8px;}	
}

@media (min-width: 816px) and (max-width: 1016px){
#quesosdm{
	width:800px;
	font-size:13px;}	

#mesasdm{
	font-size:14px;}
	
#mesasdm h4{
	margin:4px;}	
}

@media (min-width: 616px) and (max-width: 816px){
#tituloquesosdm {
	font-size:24px;}

#lemadm {
	font-size:20px;}
	
#quesosdm{
	width:600px;
	font-size:12px;}
	
#quesosdm figure{
	width:90%;}
	
#quesosdm figcaption{
	font-size:11px;}
	
#variedaddm p{
	margin-top:4px;
	margin-bottom:4px;}
		
#quesosdm ul{
	margin:0;}
	
#mesasdm{
	font-size:13px;}
	
#mesasdm img{
	height:100px;}
		
#mesasdm h4{
	margin:3px;
	font-size:13px}
}

@media(max-width: 616px){
	
#tituloquesosdm {
	font-size:20px;}

#lemadm {
	font-size:16px;}
		
#quesosdm{
	width:auto;
	display:block;}

#quesosdm figure{
	width:98%;
	height:auto;}
	
#quesosdm img{
	width:98%;
	height:auto;
	border:solid 1px #f2cb0e;}

#quesosdm h2{
	font-size:14px;}

#quesosdm h3{
	font-size:13px;}
		
#generaldm, #variedaddm{
	width:96%;
	margin:5px auto;}

#mesasdm{
	font-size:12px;}
	
#mesasdm img{
	height:150px;}
		
#mesasdm h4{
	margin:3px;
	font-size:12px}	
}
/*FIN DE 3-1-QUESOS*/

/*5-1-CONTACTO*/
/*IFRAME MAPA*/
#contactardm{
	max-width:1000px;
	margin:0 auto}
	
#contactardm h2{
	text-align:center;}
	
#contactardm #lemadm{
	font-size:24px;}

#contactardm iframe{
	display:block;
	width:90%;
	height:200px;
	margin:0 auto;
	box-shadow: 3px 3px 3px 0px #f2cb0e;
	margin-bottom:1em;}

/*FIN IFRAME MAPA*/

/*BLOQUE HORARIO */	
#horariodm{
	width:90%;
	height:125px;
	margin:0 auto;
	position:relative;}
	
#horariodm img{
	width:100%;
	height:125px;
	filter:brightness(0.3);}
	
#horariodm figcaption{	
	color:white;
	width:100%;
	position:absolute;
	top:0;
	padding:0 .5em;}
	
#horariodm figcaption h2{	
	color: #f2cb0e}
	
#horariodm figcaption *{	
	text-align:center;}
	
#horariodm a:link, #horariodm  a:visited{
	color:white;
	text-decoration:none;}
/*FIN BLOQUE HORARIO*/
	
/*ESTILOS FORMULARIO*/
form{
	width:90%;
	margin:0 auto;}
	
form * {
	color:#333;}
	
form a:link,form a:visited{
	color:#333;
	text-decoration:none;}
	
fieldset {
    border-color: #f2cb0e;}

.campoform{
	margin:10px auto;
	min-width:320px;
	width:60%;
	display:flex;
	justify-content:space-between;}
	
.campoform label{
	font-size:12px;}
			
.campoform input, .campoform textarea{
	min-width:200px;
	width:70%;}
	
.campoform input{
	border-left:none;
	border-top:none;
	border-right:1px #666 solid;
	border-bottom:2px #333 solid;
	border-radius: 0 0 5px 0;}
	
form textarea{
	margin-top:10px;
	border-left:1px #eee solid;
	border-top:1px #eee solid;
	border-right:1px #666 solid;
	border-bottom:2px #333 solid;
	border-radius: 0 0 5px 0;}
	
.submit{
	border-radius:5px;
	color:#333;
	background-color:white;
	border-width: 2px;
    border-style: groove;
    border-color: #f2cb0e;
    border-image: initial;}

.submit:hover{
	/*cursor:not-allowed;*/
	background-color:#f2cb0e;
	font-weight:bold;}
	
.abajoform{
	text-align:center;}
/*FIN ESTILOS FORMULARIO*/

/*CONTACTO RESPONSIVE*/
	
@media (max-width:1016px) and (min-width:816px){
	
#contactardm h2{
	font-size:18px}
	
#contactardm #lemadm{
	font-size:24px;}
	
}

@media (max-width:816px) and (min-width:616px){
#contactardm figcaption h2{
	margin:5px auto;
	font-size:18px;}	

#contactardm figcaption p{
	margin:3px auto;}
	
.campoform{
	min-width:320px;
	width:70%;}

form p, form .agree{
	font-size:14px;}
	}

@media (max-width:616px) and (min-width:316px){
#horariodm img{
	height:125px;}
	
#contactardm figcaption{
	padding:0;}

#contactardm figcaption h2{
	margin:4px auto;
	font-size:14px;}	

#contactardm figcaption p{
	margin:2px auto;
	font-size:11px;}
	
.campoform{
	min-width:320px;
	width:90%;}

.campoform input, .campoform textarea{
	width:200px;}

form p, form .agree, form a{
	font-size:13px;}
	
}

/*FIN DE CONTACTO RESPONSIVE*/
	
/*FIN DE 5-1-CONTACTO*/

/*EVENTOS*/
#eventosquesos{
	text-align:center;}
	
#servicios{
	width:90%;
	height:auto;
	margin:0 auto;
	position:relative;}
	
#servicios img{
	width:100%;
	height:auto;
	filter:brightness(0.3);}
	
#servicios figcaption{	
	color:white;
	width:100%;
	position:absolute;
	top:0;
	padding:0 .5em;}
	
#textoservicios{	
	color: #f2cb0e}
	
#servicios figcaption *{	
	text-align:center;}
	
#servicios a:link, #servicios  a:visited{
	color:#f2cb0e;
	text-decoration:none;}
	
.alineadoder{
	text-align:justify;
	width:90%;
	margin:1em auto;}
	
#fotopanor{
	width:100%;
	text-align:center;
	margin:0 auto;}
	
#fotopanor figcaption{
	text-align:center;
	font-size:10px;
	color: #f2cb0e;
	font-style:italic;}
	
#video {
	margin:0 auto;}
		
#video iframe,#video object,#video embed {
	width: 530px;
	height: 325px;}

@media (max-width:816px) and (min-width:200px){	
#video {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;}

#video iframe,#video object,#video embed {
	position: absolute;
	margin:0 auto;
	top: 0;
	left: 5%;
	width: 90%;
	height: 90%;}
}
/*EVENTOS RESPONSIVE*/
@media (max-width:1250px) and (min-width:1020px){
#servicios figcaption{
	font-size:90%;
	margin-top:3px;}
	
#textoservicios{
	margin-top:3px;
	padding-top:0;
	font-size:18px;}
	
#fotopanor img{
	width:90%;
	height:auto;
	text-align:center;
	margin:0 auto;}
}
@media (max-width:1020px) and (min-width:816px){
#servicios figcaption{
	font-size:80%;}
		
#textoservicios{
	font-size:16px;
	margin-top:3px;
	padding-top:0;}
	
#fotopanor img{
	width:80%;
	height:auto;
	text-align:center;
	margin:0 auto;}
}

@media (max-width:816px) and (min-width:416px){
#servicios figcaption{
	margin-bottom:2px;
	padding:0;
	font-size:70%}
	
#textoservicios{
	display:none;}

#desaparecer{
	display:none;}
	
.alineadoder{
	font-size:14px;}
	
#fotopanor img{
	width:70%;
	height:auto;
	text-align:center;
	margin:0 auto;}
}

@media (max-width:416px) and (min-width:216px){

#servicios figcaption{
	margin-bottom:1px;
	padding:0;
	font-size:50%}
	
#desaparecer{
	display:none;}
	
#textoservicios{
	display:none;}	

.alineadoder{
	font-size:12px;}
	
#fotopanor img{
	width:70%;
	height:auto;
	text-align:center;
	margin:0 auto;}
}

/*6-1-LEGAL*/
#legaldm p, #legaldm li{
	font-size:12px;
	text-align:justify;}
/*FIN DE 6-1-LEGAL*/