/* CSS Casa Tomás */
/* Estilos especificos del web */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,nav{margin:0;padding:0}
*, html{margin:0;padding:0;font:98% Arial, Helvetica, sans-serif;outline:none}
body{color:#000;background:#fff}
a{color:#499dd3;text-decoration:none;font-size:100%}
a:link{color:#499dd3}
a:active,a:focus,a:hover{text-decoration:underline}
p{margin:0 0 8px;line-height:145%}
li{list-style-type:none;font-size:100%;line-height:140%}
img{border-style:none}
i{font-style:italic}
noscript p{margin:0 auto;width:950px;display:block;color:#fff;clear:both}
strong{font-weight:bold;font-size:100%}
.clear{clear:both}
.clearer{font-size:1px;height:1px}
.margen { padding:30px 0; }
.margen img { width:100%}

/*-- Estilos para la Home --*/
.destacado { background-color:#000; color:#fff; text-align:center; padding:10px 0; text-transform: uppercase; font-size:110%; margin:1px 0  }
#fondohead{
	background:#686356;
	width: 100%;
	height:105px
}
#head{width: 990px;margin:0 auto;background: url(../img/tel-reservas.png) right 5px no-repeat;position:relative;height:100px}
#head h1,.h1{float:left;width:196px}
h3 {font-size:130%;color:#686356;margin-bottom:10px}

.social{position:absolute;width:150px;top:15px;right:200px}
.social li{float:left; margin-right:5px}
.menu{float:right;width:75%;margin-top:75px}
.menu li{display:inline-block;vertical-align:top;text-align:center;padding:0 2%;border-left:1px solid #6b615c;text-transform:uppercase;font-size:90%}
.menu li.con{border-right:1px solid #6b615c;overflow:auto}
.menu li.activo{color:#faba36}
.menu li a{color:#fff}

/*---- Menu navegacion ----*/
#menuMovil{display:none}
header {
	padding: 0;
	overflow: hidden;
	background-color:#686356}
header .logo, header h1 {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:82%;
	margin:0;
	padding:0;
	float:none;
	height: inherit}

header .logo a, header h1 a{text-decoration: none}
header .logo img, header h1 img{display:block;margin:0 auto 8px}
header p.telef{
	width: 100%;
	text-align:center;
	background-color:#ffc929;
	padding:3px 0;
	font-size:120%;
	margin:5px 0 0;
	clear:both;
	display:block; color:#222
}
header p.telef strong{	font-weight:700}
header .socialmov{position:absolute;width:125px;top:30px;right:0px}
header .socialmov li{float:left; margin:0 0 0 8px}

.menu-anchor {
	width: 38px;
	height: 38px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	margin-top:25px;
}

.menu-anchor:before {
	content: "";
	display: block;
	margin: 10px auto 0;
	width: 65%;
	height: 0.25em;
	background: #fff;
	box-shadow: 0 .45em 0 0 #fff, 0 .9em 0 0 #fff;
}
.menu-active .menu-anchor{border:1px solid #fff;border-left:none}
menu {
	display:block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 220px;
	height: 100%;
	padding-top: 25px;
	background: #3b1c16;
	box-shadow: inset -5px -10px 10px 0 rgba(0,0,0,.3)
}
menu li.con{border-bottom: 1px solid rgba(255,255,255,.3)}
menu li a{display: block;border-top: 1px solid rgba(255,255,255,.3);margin: 0;padding: 10px 20px;color: #fff!important;text-decoration: none}
menu li.activo {display: block;padding: 10px 20px;color: #fff!important;border-top: 1px solid rgba(255,255,255,.3);	background-color:#706c67}
menu li ul.submenu{margin-bottom:15px}
menu li ul.submenu li a {border-top: none;padding: 5px 0 5px 30px;color: #ddd!important;text-decoration: none;font-size:80%;line-height:100%}
menu li ul.submenu li.activa {padding: 5px 0 5px 30px;color: #fff!important;background-color:#666;font-size:90%}
menu li a:hover {background: #666;color: #ddd;text-decoration:none}
menu li.color{background-color:#ddd}
/*
	Aqui você esconde o menu para fora da tela 
	O valor é exatamente a largura da sidebar
*/
menu {
	-webkit-transform: translateX(-220px);
	-moz-transform: translateX(-220px);
	-ms-transform: translateX(-220px);
	transform: translateX(-220px);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}

/*
	Essa é a posição original do HEADER e do MAIN
*/
header, .main {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}

/*
   Com a classe menu-active na tag HTML
*/
.menu-active menu {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.menu-active header, 
.menu-active .main {
	-webkit-transform: translateX(220px);
	-moz-transform: translateX(220px);
	-ms-transform: translateX(220px);
	transform: translateX(220px);
}


/*experiencias*/

.experiencias { position:absolute; left:15%; top:15%; background: url(../img/fondo-amarillo.png) repeat; color:#000; width:350px; padding:50px; line-height:145%}
.experiencias strong{ display: block; font-size:190%; margin-bottom:20px; text-transform:uppercase}
.experiencias a{ display:block; background-color:#000; color:#fff; border-radius:40px; padding:10px; width:150px; margin:15px 0 0; text-align:center; font-size:120%}
.experiencias i { font-style:normal}


@media only screen and (max-width: 1100px) {
	.experiencias { left:15%; top:10%; width:50%; padding:50px 5%}
}
@media only screen and (max-width:820px) {
.experiencias { left:15%; top:20%; padding:30px 5%; width:60%;}
.experiencias i { display:none;}
.experiencias a{ display:block; background-color:#000; color:#fff; border-radius:40px; padding:10px; width:150px; margin:15px 0 0; text-align:center; font-size:120%}
}
/*------------------------------------*/

#contenido{width:990px;margin:0 auto 45px;background:url(../img/fondo-contenido.gif) center top no-repeat;padding-top:45px;overflow:auto}
.vacaciones { width:98%; margin:15px auto; background: url(../img/vacaciones-fondo.jpg) center; height:250px; padding-top:40px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.53);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.53);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.53); }
.vacaciones p{ width:320px; font: 400 110% Segoe, "Segoe UI", sans-serif; margin:25px auto 0; text-align:center}
.vacaciones p strong{display:block; padding:8px 0; text-align:center; font-size:160%; font-weight:700}
.vacaciones p b{font-weight:600}
.vacaciones p span{ font-weight:400; display:block; padding:8px 0}
#dB{float:right}
#dA img,#dB img{border:3px solid #fff}
#dA img:hover,#dB img:hover{border-color: #faba36}
.video-responsive {
position: relative;
padding-bottom: 32.70%;/* 16/9 ratio */
padding-top: 0px;/* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 3px;
left: 0;
width: 100%;
height: 100%}

.TA_certificateOfExcellence{ text-align:center;margin:0 auto; width:100%; display:block; margin-bottom:10px; font-size: 90%; color: #1B9679; border-bottom:1px dashed #959595;}
.TA_certificateOfExcellence img{ display: block; margin: 0 auto; width: 100px}
.TA_certificateOfExcellence a{ color: #1B9679}

#mapa{background-color:#c5beb5;margin-top:20px;padding:20px 0}
.datos-contacto{width:990px;margin:0px auto}
.datos{float:right;width:47%;font-size:105%}
.datos h3{font:400 130% Segoe, "Segoe UI",sans-serif}
.datos h3 em{font:400 italic 130% Cambria, "Times New Roman", serif}
.datos p.tel{display:block;font-size:150%;text-align:center;border-bottom:1px solid #686356;border-top:1px solid #686356;padding:6px 0;margin:25px 0 20px}
.datos p.tel a{display:block;text-align:center;background-color:inherit;color:#686356;text-transform:none;font-size:70%;margin:0;padding:0;width:100%}
.datos img{float:left;margin-right:20px}
.datos a{background-color:#686356;display:block;width:60%;margin:10px auto 0;color:#fff;text-transform:uppercase;padding:8px 0;text-align:center;text-decoration:none; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.datos a:hover{background-color:#000}
.datos .ruta a{background-color:#a2988c;display:block;width:95%;margin:10px 0 5px;color:#fff;text-transform: none;padding:10px 5px;text-align:left;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
.datos .ruta a:hover{background-color:#686356}

#map-canvas,#map,#mapHome{width:50%;height:390px;border:1px solid #fff;float:left}
#map iframe{height:390px!important}
#mapHome{height:300px!important}
#mapHome iframe{height:300px!important}

/*Horarios  navidad*/
.festivos-navidad { color:#fff; margin:30px auto; padding:20px 3% 50px 50%;background-color:#b20b12; background-image:url(../img/fondo-navidad.jpg); background-position:center}
.festivos-navidad h3{ color:#fff; font-size:160%; margin-top:30px  }
	
h2.noticias_home_Tit{text-align:center;font:normal 180% Georgia, "Lucida Bright", serif;margin:35px 0 50px}
h2.noticias_home_Tit strong{font:normal 100% Georgia, "Lucida Bright", serif; border-bottom:3px solid #feb739}
h2.noticias_home_Tit  a{color:#000}
.noticias_home{width:45%;display:inline-block;vertical-align:top;margin-left:3%}
.noticias_home figure img{width:100%;margin:5px 0 8px;clear:both}
.noticias_home h3{margin:0}.noticias_home h3 a{color:#000}
p.fecha{font-size:90%;color:#777}
.noticias_home_texto a{color:#222;font-size:110%;line-height:140%}

/* reserva mesa */
.reserva-mesa { text-align:center; font-size:120%}
.reserva-mesa img { width:90%; max-width:545px; margin:0 auto}
.reserva-mesa span { display:block; font-size:150%; font-weight:700}

/*--- Páginas interiores---*/
.cancelado { color:#F50D11; text-transform:uppercase; font:70% Segoe, "Segoe UI",sans-serif!important}
#cabecera, #cabecera_Noticia{width:100%;text-align:center;background-color:#f9f4f1}
#cabecera img{width:100%}
.colIzq{width:62%;margin:15px 0 0 0;float:left}
.colIzq h2, .colIzq2 h2{color:#e7a036;font-size:150%;margin-bottom:25px}
.colIzq h4{font:normal 130% Georgia, "Times New Roman", Times, serif;margin-top:25px}
.colIzq p,.colIzq li {color:#444;line-height:150%}
.colIzq ul.fl{margin:15px 0 0} 
.colIzq ul.fl li{background:url(../img/ico-boton-am.gif) left top no-repeat;padding:0 30px 8px 30px;float:left}
.colIzq li a {color:#737373;font-size:100%}
.noPermitido img{ display:inline-block; vertical-align:middle; margin:10px 10px 15px 0}
.margenTop{margin-top:20px}
.colDcha{width:33%;margin:30px 0 0 0;float:right}

.texto, .img{width:45%; display:inline-block; vertical-align:top; margin:30px 0}
.left { margin-left:5%}
.right { margin-right:5%}
.img img { width:100%}
.h2{color:#e7a036;font-size:150%;margin-bottom:25px}
.texto h4{font:normal 130% Georgia, "Times New Roman", Times, serif;margin-top:25px}
.texto p,.texto li {color:#444;line-height:150%}
.texto ul.fl li{background:url(../img/ico-boton-am.gif) left top no-repeat;padding:0 30px 8px 30px;float:left}

.galeria {padding:18px 0}
.galeria li{display:inline-block;vertical-align: top;margin:1% 2%;width:28%}
.galeria li img{border:1px solid #ccc;padding:2px;width:100%;max-width:80px}

.colabajo { float:none; display:block; clear:both; width:100%; border-top:1px solid #ddd; padding-top:40px; margin-top:40px}
.galeriaRest {padding:18px 0; width:100%;}
.galeriaRest li{display:inline;vertical-align: top;margin:0;width:25%}
.galeriaRest li img{padding:0;width:100%;max-width:150px}

.servicios {display:inline-block; width:68%; vertical-align:top}
.servicios h4{font:normal 130% Georgia, "Times New Roman", Times, serif;margin:25px 0; display:block!important; clear:both}
.servicios ul{ float:none!important; clear:both}
.servicios li{background:url(../img/ico-boton-am.gif) left top no-repeat;padding:0 30px 8px 30px;float:left}
.nanis{border:1px solid #ccc;padding:10px 3%;font-size:90%; display:inline-block; width:25%; vertical-align:top}
.nanis h3{color:#e7a036;font-size:150%}

.horario h3{color:#e7a036;font-size:150%;margin-bottom:8px}
.horario h4{color:#222;font-size:100%; font-weight: 600; margin-bottom:8px; border-bottom: 1px solid #222; border-top:1px solid #222; padding: 5px 0}
.horario .desc { background-color: #222; padding: 5px; color: #fff; text-align: center}
.linea{height:1px;margin:10px 0;background-color:#ddd}
.colIzq2 h3{font-weight:normal}
.carta {background-color:#f2f1ef;padding:15px 5%;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-align:center;margin:0 1% 10px 0}
.carta h3{font:600 150% Georgia, "Times New Roman", Times, serif; color:#111}
.carta h3 strong{font-family: Georgia, "Times New Roman", Times, serif}
.carta li{margin-bottom:8px; font-size:105%}
.carta li strong{font-size:140%}
.c2 .carta li strong{font-size:100%}

.carta li span, .comunion li span{color:#222; font-weight:500}
.carta li span:after { content:' €'}
.sinH{min-height: inherit}

.reservaCuadro {
	background-color: #f2f1ef;
	margin-bottom: 25px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.reservaCuadro p{color:#000}
.reservaCuadro p strong{font-size:120%}
.reservaCuadro a{padding:8px 0;font-size:120%;display:block}

.interes {width:60%;float:left;border-right:1px dashed #fff; padding-right:2%}
.interes .sitios, .interes img{margin:0 2% 0 0;float:left;width:42%}
.interes .sitios{margin:0 0 0 2%;float: right;width:50%}
.datos-contacto .interes li{padding:0 0 7px;list-style-type:square;color:#000;margin-left:2%}
.interes a{background-color:#686356;padding:10px;color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}
.datos{float:right;width:35%;}

.menuEspecial{color:#666;margin-bottom:20px;border-top:1px dashed #ccc;padding-top:20px}
.menuEspecial h3{ font: 150% Georgia, "Times New Roman", Times, serif}
.menuEspecial h3 span{font: 80% Georgia, "Times New Roman", Times, serif}
.menuEspecial h4{color:#6f6154;font: 130% Georgia, "Times New Roman", Times, serif;margin:15px 0}
.menuEspecial ul{margin-bottom:15px}
.menuBorde{border-top:1px dashed #c5beb5;border-bottom:1px dashed #c5beb5;padding:17px 0}
.comunion{float:left;width:28%;margin-right:2%;background-color:#f2f1ef;padding:10px 2%;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-align:center;min-height:600px}
.comunion2{float:right;margin:0}
ul.serviciosComu{margin:20px;display:block}
.serviciosComu li{background:url(../img/ico-boton-am-peq.gif) left 3px no-repeat;padding-left:20px;margin-bottom:8px;font-size:110%}
.menuEspecialFiestas {color:#666;margin-bottom:20px;padding-top:20px;text-align:center;border:1px solid #DB3336;border-radius:15px;display:none}
.menuEspecialFiestas h3 {color: #DB3336}
.menuEspecialFiestas h4{color:#6f6154;font: 150% Georgia, "Times New Roman", Times, serif;margin:15px 0}

h3.denominacion{display:block;text-align:center;border-bottom:1px solid #999;border-top:1px solid #999;padding:8px 0;text-transform:uppercase;margin-bottom:25px;font-weight:600}
.vinos_colum_dcha{width:24%; display: inline-block; vertical-align:top; margin-left:4%;}
.vinos_navarra{  border:1px solid #ddd; padding:5%; width:90%}
.vinos_navarra img{ width:90%; margin-bottom:25px; max-width:200px}
.vinos { width:71%; display: inline-block; vertical-align:top}
.vinos h3.denominacion{margin-bottom:10px}
.vinos h4{ background-color:#eee; padding:5px; margin-top:15px; font-size:110%; font-weight:500; color:#444}
.vinos ul { margin-bottom:20px}
.vinos li { margin:1% 2%; display:inline-block; text-align:left;width:28%; vertical-align:top; color:#444}
.vinos li strong{font-weight:600;display:block;color:#000; font-size:110%}
.vinos ul.tinto li{width:30%;}
.vinos_colum_dcha .extra{border-top:none;padding-top:0;width:100%;margin:20px auto}

.comunion.peq, .comunion.peq2{display:inline-block;vertical-align:top;width:26%;margin-right:2%;background-color: #FFF2BF;padding:5px 3%;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-align:center;min-height:200px}
.comunion.peq2{width:24%;margin-right:0;background-color:#fff; text-align:left;border:1px solid #F849BB;font-size:90%}
.comunion.peq2 h3{color: #F849BB}
.comunion.peq strong, .comunion.peq2 strong{color:#333;font-size:115%}
.menuEspecial .comunion li,.menuEspecial .comunion p{font-size:105%}
.comunion.ss{width:22%;height:200px;margin-top:15px}
.comunion.ss.sinM{margin-right:0}
.bodas{width:39%;padding:10px 5%}
.bodas li,.bodas_right li{margin-bottom:7px}
.bodas_right{float:right;width:39%;padding:10px 5%;margin-right:0}
.vino{width:100%;position:relative}
.vino h3{font-weight:700} 
.vino h4{background-color:#c5beb5;padding:5px;color:#fff;margin:0 30%}
.vino h4,.vino ul{margin-bottom:15px}
.vino li{font-weight:bold;padding-bottom:8px}
.vino li span{font-weight:normal}

.extra{border-top:1px solid #ddd;padding-top:25px;width:95%;margin:20px auto}

.precio strong{color:#333;font-size:120%}
.carnavales{text-align:center}
.carnaval{display:inline-block;vertical-align:top;width:60%;margin:5px 2%;border:1px solid #ddd;border-radius:10px;padding:10px 2%;text-align:center;min-height:200px}

/* --- NOTICIAS  ---*/
#cabecera_Noticia{margin-bottom:3px}
section.noticias, section.noticia_Int{float:left;width:65%}
aside.col_Facebook{float:right;width:30%}
section.noticia_Int{font-size:110%;width:65%;float:left}
.noticias .tit{color:#e7a036;font-size:150%;margin-bottom:25px}
.noticias img{float:left;margin-right:20px;margin-bottom:20px;max-width:300px;display:block}
.noticias h1,.noticias h2 a,.noticia_Int h1{font: 180% Georgia, "Times New Roman", Times, serif;color:#333;margin-bottom:8px;display:block}
.noticias h1,.noticia_Int{font:bold 220% Georgia, "Times New Roman", Times, serif}
.noticias h2 a:hover{color:#888;text-decoration:none}
.noticia_fecha{font-size:90%;color:#eaae34}
article.noticia{border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:25px;clear:both;
 -webkit-column-count:2;-moz-column-count:2;column-count:2;width:95%}
article.noticia figure{text-align:center}
.noticias_redes{margin:10px 0 20px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:8px 0}
.noticias_redes li{display:inline;margin:0 5px 0 0}
.noticia_Int_fecha{color:#666;font-size:80%}
.noticia_Int .foto_noticia img{width:100%;margin-bottom:10px}

#textonoticia ul{margin-bottom:10px!important}
#textonoticia li{background:url(../img/ico-boton-am-peq.gif) left 4px no-repeat;background-size:12px;padding-left:18px;margin:0 0 8px 20px}
#textonoticia em{display:block;margin:15px 0}
/* -- Formulario -- */
/*estilos de formulario */
#formulario{;margin:20px 0 0;font:100% Tahoma, "Trebuchet MS", Arial, Verdana}
label{display:block;line-height:120%}
input, textarea{
	border-style:none;
	border-bottom:1px solid #d4cdc3;
	padding:5px;
	color:#000;
	font:100% Tahoma, "Trebuchet MS", Arial, Verdana;
	width:98%;
	background-color:#d4cdc3;
	margin-bottom:8px;	
	list-style-type:none
}
textarea{height:90px;margin-bottom:10px}
.boton{width:180px;background-color:#686356;color:#fff;border:1px solid #686356;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;margin:30px auto 0;cursor:pointer;padding:10px 0;font-weight:bold}
.boton:hover{background-color:#000}
.check{margin-right:5px;clear:both;width:15px;border-style:none;float:left;color:#ccc;background-color:#fff}
#formulario a{color:#717171}
#formulario a:hover{text-decoration:underline}
.gracias{padding:50px 10px;line-height:180%;width:75%;margin:20px 0 0 35px;font-size:105%}
.gracias a{display:block;margin:10px 0;text-decoration:underline}
.gracias a:hover{color:#cc0000}

/* -- Pie -- */
#footer{width:100%;margin:1px auto 0;padding:10px 0 0;border-top:1px dashed #959595;font-size:90%}
#pie{width:970px;margin:0 auto}
#pie p{float:left;color:#959595}
#pie ul{float:right}
#pie li{display:inline;padding:0 8px;border-left:1px solid #c5beb5}
#pie li.sin{border-left:none}

.ruta_vino { border:2px solid #000; padding:20px; background-color:#000; margin:60px auto}
.ruta_vino img, .ruta_vino div{ display:inline-block; width:45%; vertical-align:middle}
.ruta_vino div{ margin-left:4%}
.ruta_vino h3{ font-size:180%; color:#000; font:400 Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color:#fff}
.ruta_vino h3 em{ font: italic 200% Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; }
.ruta_vino p { color:#fff}
/*----Rosado---*/
.rosadoBot {display:block;width:30%;padding:8px 0;margin: 15px auto;text-align:center;background-color:#a6004a;border-radius:5px}
.rosadoBot a{color:#fff;font-weight:bold;text-transform:uppercase}
.rosadoImgMov{display:none;width:98%;margin:20px auto 0}
.rosadoImg{display:block;width:98%;margin:20px auto 0}
.rosadoImgMov img,.rosadoImg img  {width:100%}

/*--- Cookies ----*/
.cookies{width:100%;background-color:#f2f1ef;margin:8px auto 0;padding:5px 0;display:none;position:fixed;bottom:0;border-top:3px solid #fff}
.cookiesCaja{margin:0 auto;background-color:#eee;color:#666;width:950px;font-size:90%}
p.cookiesTxt{float:left;width:800px}
p.cookiesTxt a{color:#83611d}
p.cookiesBot{background-color: #83611d;display:block;float:right;width:110px;margin-top:6px;text-align:center;padding:5px 0;color:#fff!important;font-weight:bold;text-decoration:none!important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px}
p.cookiesBot a{color:#fff;text-decoration:none;text-transform:uppercase}


/************************************************/
/* All Mobile Sizes (devices and browser)*/

@media only screen and (min-width: 768px) and (max-width: 990px){
.contenedor{min-width:768px;width:100%;min-height:500px}
#fondohead { height:95px}
#head{width: 100%;height:80px; margin:0 2%; padding-top:5px}
#head h1,.h1{width:170px}
#head h1 img,.h1 img{width:100%;max-width:180px}
.cookiesCaja{width:98%}
p.cookiesTxt{width:70%}

.menu{width:75%;margin-top:67px}
.menu li{padding:0 1%;font-size:85%}
#contenido{width:100%;padding-top:20px}
#dA,#dB{width:50%}
#dA img,#dB img{border:3px solid #fff;width:90%}

.datos-contacto{width:100%;margin:0px auto}
.datos p.tel{clear:both}
.datos img{width:30%}
.datos a{width:60%;margin:0px auto 0}

.vacaciones p{ width:40%}

#map-canvas,#map{width:50%;height:350px;margin-left:2%}
.colIzq {margin:15px 0 0 2%;width:58%}
.colDcha{margin:30px 2% 0 0}
.colIzq2{width:90%;margin:0 auto}	
.extra{ clear:both; display:block;width:100%;margin:20px auto 0;padding-top:20px}

.texto{width:90%; display:block; margin:20px 0; margin-left:5%;}
.img1 { margin-left:5%;}
.h2{margin-left:5%}
.texto h4{font:normal 130% Georgia, "Times New Roman", Times, serif;margin-top:25px}
.texto p,.texto li {color:#444;line-height:150%}
.texto ul.fl li{background:url(../img/ico-boton-am.gif) left top no-repeat;padding:0 30px 8px 30px;float:left}

.galeria {padding:18px 0}
.galeria li{display:inline-block;vertical-align: top;margin:1% 2%;width:28%}
.galeria li img{border:1px solid #ccc;padding:2px;width:100%;max-width:80px}

.colabajo { width:90%; padding-top:40px; margin-top:40px; margin-left:5%}
.galeriaRest li{display:inline;vertical-align: top;margin:0;width:22%}
.galeriaRest li img{padding:0;width:100%;max-width:130px}

.servicios { width:55%; margin-left:5%}
.nanis{ width:25%; margin-right:5% }



.interes {width:55%;float:left;border-right:1px dashed #fff}
.interes .sitios, .interes img{margin:0 2% 0 3%;float:left;width:45%}
.interes .sitios{margin:0 2% 0 0;float: right;width:45%}
.datos-contacto .interes li{padding:0 0 7px;list-style-type:square;color:#000;margin-left:2%}
.interes a{background-color:#686356;padding:10px;color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}

.comunion.peq, .comunion.peq2{min-height:250px}

/* --- NOTICIAS  ---*/
#contenido{width:100%;padding-top:30px}
#cabecera_Noticia img{width:100%}
section.noticias, section.noticia_Int{width:68%;margin-left:2%}
section.noticia_Int{font-size:110%;width:65%;float:left}
aside.col_Facebook{width:28%;margin-right:2%}
.noticias .tit{color:#e7a036;font-size:150%;margin-bottom:25px}
.noticias img{float:left;margin-right:20px;margin-bottom:20px;max-width:300px;display:block}
.noticias h1,.noticias h2 a,.noticia_Int h1{font: 180% Georgia, "Times New Roman", Times, serif;color:#333;margin-bottom:8px;display:block}
.noticias h1,.noticia_Int{font:bold 220% Georgia, "Times New Roman", Times, serif}
#textonoticia img{margin:10px 2%!important;width:45%!important}

/* -- Pie -- */

#footer{width:100%;margin:1px auto 0;padding:10px 0;border-top:1px dashed #959595;font-size:90%}
#pie{width:95%;margin:0 auto}
#pie p{float:left;color:#959595}
#pie ul{float:right}
#pie li{display:inline;padding:0 8px;border-left:1px solid #c5beb5}
#pie li.sin{border-left:none}
}

@media only screen and (min-width: 420px) and (max-width: 767px) {
body{background-color:#fff}
#head{display:none}
#menuMovil {display:block}

#fondohead{height:143px;padding:0}
#contenido{width:100%;padding-top:20px}
#dA,#dB{width:50%}
#dA img,#dB img{border:3px solid #fff;width:90%}

header .socialmov li{margin:0 8px 0 0}

.datos-contacto{width:100%}
.datos{float:none;width:95%;margin:0 auto;clear:both}
.rutas {padding-top:20px;border-top:1px dashed #fff}
.datos a{width:100%}
#map-canvas,#map{width:90%;height:250px;float:none;margin:10px auto 0px}
.cookiesCaja{width:98%}
p.cookiesTxt{width:100%;display:block;float:none}
p.cookiesBot{width:25%;float:none;margin:0 auto}

.colIzq,.colDcha{width:90%;margin:15px auto;float:none}
.galeria {padding:0}
.galeria li{margin:1% 1%;width: auto}
.galeria li:last-child{margin:1% 0 1% 1%}
.galeria li img{border:1px solid #ccc;padding:2px;width:100%;max-width:80px}
.colIzq2{width:95%;margin:0 auto}	
.comunion{float:none;width:90%;margin:2% auto;min-height:inherit}
.comunion2{float:none}

.h2 { margin-left:5%}
.texto, .img{width:90%; display:block; margin:30px auto}
.left,.right { margin-left: auto}
.img img { width:100%}

.texto ul.fl li{background:url(../img/ico-boton-am.gif) left top no-repeat;padding:0 30px 8px 30px;float:left}

/*.galeria {padding:18px 0}
.galeria li{display:inline-block;vertical-align: top;margin:1% 2%;width:28%}
.galeria li img{border:1px solid #ccc;padding:2px;width:100%;max-width:80px}*/

.colabajo { margin:0; padding:0; border:none}
.galeriaRest {padding:18px 0; width:90%; margin:0px auto;}
.galeriaRest li{display:inline;vertical-align: top;margin:0;width:26%}
.galeriaRest li img{padding:0;width:100%;max-width:125px}

.servicios {display:block; width:90%; margin:0 auto }
.servicios li{background:url(../img/ico-boton-am.gif) left top no-repeat;padding:0 30px 8px 30px;float:left}
.nanis{display:block; width:85%; margin:20px auto}


.vinos {flex-direction:column;-webkit-flex-direction:column;justify-content:flex-start;align-items: flex-start}
.vinos div{width:95%; margin:0 auto}
.vinos img{max-width:150px; width:80%;margin:0 auto 20px; display: block}
.vinos h4{padding:6px}
.vinos li{padding-bottom:6px}
.vinos h3.denominacion{margin-top:5px}

.interes {width:95%;margin:0 auto;float:none;border-right:none}
.interes .sitios, .interes img{margin:0;float:left;width:35%}
.interes .sitios{float: right;width:60%}

.boton{width:90%;margin:15px auto 0}
.occ{display:none}
#contenido{width:100%;padding-top:30px}
#cabecera_Noticia img{width:100%}
section.noticias, section.noticia_Int, aside.col_Facebook {width:90%;margin:0 auto;float:none}

/* -- Pie -- */
#footer{width:100%;margin:1px auto 0;padding:10px 0;border-top:1px dashed #959595;font-size:90%}
#pie{width:95%;margin:0 auto}
#pie p,#pie ul{float:none;text-align:center}

.video-responsive iframe,.video-responsive object,.video-responsive embed {top: 0;left: 5%;width: 90%}
.comunion.peq{display:inline-block;width:41%;margin-left:2%;margin-right:0;min-height: inherit}
.comunion.peq2{width:95%;margin:8px auto;min-height:inherit}

/*----Rosado---*/
.rosadoBot{width:95%;margin: 15px auto}
.rosadoImgMov{display:block}
.rosadoImg{display:none}

/*--- Noticias ----*/
#contenido{width:100%;padding-top:30px;overflow:hidden}
#cabecera_Noticia{overflow:hidden}#cabecera_Noticia img{width:180%}
section.noticias, section.noticia_Int, aside.col_Facebook {width:90%;margin:0 auto;float:none}
article.noticia{ margin-bottom:25px;-webkit-column-count:1;-moz-column-count:1;column-count:1;width:100%}
article.noticia img{width:100%}
.noticias h1,.noticias h2 a,.noticia_Int h1{font: 150% Georgia, "Times New Roman", Times, serif;color:#333;margin-bottom:8px;display:block}
.noticias h1,.noticia_Int{font:bold 150% Georgia, "Times New Roman", Times, serif}
#textonoticia img{margin:10px 2%;width:45%!important;max-width:350px}

.margen,.reserva-mesa  { width:94%; margin:30px auto}
}

@media only screen and (max-width: 419px) {
body{background-color:#fff}
#head{display:none}
#menuMovil {display:block}
#fondohead{height:115px;padding:0}
h1 img { width:140px;}

header .logo, header h1 {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:140px;
	margin:8px 0 0;
	padding:0;
	float:none;
	height: inherit;	
}
header .logo img, header h1 img{display:block;margin:0}
header .socialmov{padding:0 ;margin:0px; position:absolute;width:125px;top:25px;right:5px}

#contenido{width:100%;padding-top:10px}
#dA,#dB{width:90%;float:none;margin:10px auto; }
.margen { padding: 0; }
#dA img,#dB img{border:none;width:100%}

.festivos-navidad { padding:80px 5% 30px 5%; background-image: url(../img/navidad-paquetes.jpg); background-position:left top; background-repeat:no-repeat; margin:30px 5%; background-color:#d70f1a; background-size:100%}


h2.noticias_home_Tit{text-align:center;font:normal 150% Georgia, "Lucida Bright", serif;margin:35px 0 20px}
h2.noticias_home_Tit strong{ border-bottom:none}
h2.noticias_home_Tit  a{color:#000}
h2.noticias_home_Tit span{ display:block; margin:20px auto; height:2px; width:50px;background-color:#feb739}


.bx-wrapper .bx-pager.bx-default-pager{display:none}
.datos-contacto{width:100%}
.datos{float:none;width:95%;margin:0 auto;clear:both}
.rutas {padding-top:20px;border-top:1px dashed #fff}
.datos h3{font-size:120%}
.datos img{display:none}
.datos a{width:100%;margin:0}
.datos p.tel{font-size:120%;margin:15px 0}
#map-canvas,#map{width:90%;height:250px;float:none;margin:0px auto 0px}
.colIzq,.colDcha{width:90%!important;margin:15px auto;float:none}
.colIzq{margin-top:0}

.galeria {padding:0}
.galeria li{margin:1%;width:28%}
.galeria li img{border:1px solid #ccc;padding:2px;width:100%}
.colIzq2{width:90%;margin:0 auto}	
.comunion,.bodas_right,.bodas {float:none;width:95%;margin:10px auto;min-height:inherit;padding-top:5px}
.comunion2,.bodas_right,.bodas{float:none}
.bodas_right,.bodas{width:90%}
.comunion{font-size:90%}
.vacaciones p{ width:90%;margin:10px auto 0}


.vinos_colum_dcha,.vinos{width:100%; display: block;margin: 0 auto;}
.vinos_navarra img{ width:40%; margin:0 auto 25px; max-width:200px; display:block; text-align:center}
.vinos_navarra h3,.extra h3{ font-weight:bold; color:#222}

.vinos h3.denominacion{margin-bottom:10px}
.vinos h4{ background-color:#222; padding:5px; margin:15px 0; font-size:110%; font-weight:500; color:#fff}
.vinos li { margin:1% auto 15px; display:block; width:100%; background:url(../img/ico-boton-am-peq.gif) left 1px no-repeat; padding-left:20px}
.vinos li strong{font-weight:600;display:block;color:#000; font-size:110%}
.vinos ul.tinto li{width:30%;}
.vinos_colum_dcha .extra{margin:20px auto 0}

.margen  { width:90%; margin:30px auto}
.reserva-mesa  { width:90%; margin:0 auto; font-size:95%}

.interes {width:90%;float:none;border-right:none}
.interes img{display:none}
.interes .sitios{margin:0 3% 0 10%;float:none;width:100%}
.boton{width:90%;margin:15px auto 0}
.occ{display:none}
.carnaval{display:block;width:95%;margin:15px auto;border:none;border-radius: 0;border-top:1px solid #EC080C;padding:15px 2%;min-height: inherit}
.carnaval li{line-height:160%;margin-bottom:10px}
.carnaval_intro{font-size:90%}
ul.serviciosComu{margin:10px 0}
.serviciosComu li{font-size:90%}

.cookiesCaja{width:98%}
p.cookiesTxt{width:100%;display:block;float:none}
p.cookiesBot{width:25%;float:none;margin:0 auto}

/* -- Pie -- */
#footer{width:100%;margin:1px auto 0;padding:10px 0;border-top:1px dashed #959595;font-size:90%}
#pie{width:95%;margin:0 auto}
#pie p,#pie ul{float:none;text-align:center}

.video-responsive {padding-bottom: 50.70%;/* 16/9 ratio */}
.video-responsive iframe,.video-responsive object,.video-responsive embed {top: 0;left: 5%;width: 90%;}
.comunion.peq,.comunion.peq2{display:block;width:95%; margin:15px auto;min-height:inherit}
.comunion.peq2{margin:15px auto 0}

/*----Rosado---*/
.rosadoBot{width:95%;margin: 15px auto}
.rosadoImg{display:none}
.rosadoImgMov{display:block;width:90%}

/*--- Noticias ----*/

#contenido{width:100%;padding-top:30px;overflow:hidden}
#cabecera_Noticia{overflow:hidden}#cabecera_Noticia img{width:180%}
section.noticias, section.noticia_Int, aside.col_Facebook {width:90%;margin:0 auto;float:none}
article.noticia{ margin-bottom:25px;-webkit-column-count:1;-moz-column-count:1;column-count:1;width:100%}
article.noticia img{width:100%}
.noticias h1,.noticias h2 a,.noticia_Int h1{font: 150% Georgia, "Times New Roman", Times, serif;color:#333;margin-bottom:8px;display:block}
.noticias h1,.noticia_Int{font:bold 150% Georgia, "Times New Roman", Times, serif}
#textonoticia img{margin:10px auto!important;width:90%!important}

.noticias_home{width:90%;display:block;vertical-align:top;margin:10px auto}
.noticias_home figure img{width:100%;margin:5px 0 8px;clear:both}
.noticias_home h3{margin:0}.noticias_home h3 a{color:#000; font-weight:600}
p.fecha{font-size:90%;color:#888}
.noticias_home_texto a{color:#222;font-size:110%;line-height:140%}
#map { overflow:hidden}
#map iframe { height:250px!important}
}