/* CSS Casa Uhaldea */
/* Estilos especificos del web */
*, html { margin:0; padding:0; font:normal 100% Arial, Helvetica, sans-serif;}
strong { font-weight:bold;}
li { list-style-type:none;}
body {background:#fff url(../img/fondo-02.jpg) center -22px no-repeat;color:#434343}

h1 { float:left; margin:0px 0 0 20px; width:212px; height:80px; color:#000; font:normal 110% Georgia, "Times New Roman", Times, serif}
h1 strong { float: left; display:block; width:100px; padding-right:10px; font-weight:normal;background:url(../img/ico-rombo.gif) right 6px no-repeat; margin:0 0 0 15px; text-align:center }
h1 span { display:block; float:left; margin-left:8px;}

h2 { font-size:140%; color:#000; margin:5px 0 0; font-weight:bold;}
h2 span { display:block; font-size:60%; text-transform:uppercase; color:#800445; margin-bottom:0px; }
h2 a { font-size:70%; color:#800445!important; display:block;}
h2 a:hover { text-decoration:underline;}

h3 {font-size:150%; color:#333; margin:10px 0}
h2.hojas { background:url(../img/categoria-dos-hojas.gif) 225px 15px no-repeat; padding-top:15px}
h4 { font:normal 130% Georgia, "Times New Roman", Times, serif; margin:10px 0 20px 0px; color:#fff;}

p {margin:0 0 10px;	line-height:140%}
a{ color:#666; text-decoration:none;}
a:link,a:visited{	color:#666;}
a:active,a:focus{ color:#a6a15d;}
a:hover { color:#930553;}

img { border-style:none;}
.clear {clear: both; font:0.01em tahoma, Verdana, Arial, Helvetica;}
noscript p{ clear:both; margin: 20px auto; width:950px; display:block; color:#fff; clear:both;}


/*---- Menu navegacion ----*/
#menuMovil { display:none;}
header {
	overflow: hidden;
	z-index: 998;
	width:100%;
 background-color:#fff}
header h1 {
	display: inline-block;
	vertical-align: middle;
	width:83%;
	margin:0 auto;
	padding:5px 0 3px 0;
	float:none;
	height: inherit;
	text-align:center
}
header h1 a { text-decoration: none;}
header h1 img{ display: inline-block; vertical-align: middle;}
header p.telef { 
	width: 100%;
	text-align:center;
	background-color:#800445;
	padding:3px 0;
	font:90% Arial, Tahoma;
	color:#fff;
	margin:5px 0 1px;
	clear:both;
	display:block;
}
header p.telef strong{	font:bold 110% Arial}
.menu-anchor {
	width: 40px;
	height: 38px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	margin-top:0px
}
.menu-anchor:before {
	content: "";
	display: block;
	margin: 10px auto 0;
	width: 65%;
	height: 4px;
	background: #000;
	box-shadow: 0 .45em 0 0 #000, 0 .92em 0 0 #000;
	border-radius:3px;
}
.menu-active .menu-anchor { background:#eee;}
menu {
	display:block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 250px;
	height: 100%;
	padding-top: 30px;
	background: #fafafa;
	font-size:100%;
	box-shadow: inset -4px -10px 10px 0 rgba(0,0,0,.1);
}
menu ul li{ text-transform:uppercase; border-bottom:1px solid #ddd; padding:8px 0}
menu li a{display: block;margin: 0;	padding: 5px 20px;color: #000!important;text-decoration: none; font:400 90% 'Roboto Condensed', sans-serif }
menu li.current {	display: block;font-size:100%;margin: 0;	padding: 5px 20px;color: #000!important;font:700 90% 'Roboto Condensed', sans-serif}
menu li a:hover {	color: #000;text-decoration:none}
menu ul ul li{ text-transform:none; border-bottom: none; padding: 0;font:400 90% 'Roboto Condensed', sans-serif!important;color:#999!important; padding:0 20px }
menu ul ul li a{ color:#444!important; font-size:100%; font-weight:400!important; padding:0}
menu ul ul li a:hover{ color:#000!important}


/*
	Aqui se esconde el menu de navegacion movil 
	O valor exatamente a largura da sidebar
*/
menu {
	-webkit-transform: translateX(-250px);
	-moz-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	transform: translateX(-250px);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}

/*	Esta es la posicion original de 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(250px);
	-moz-transform: translateX(250px);
	-ms-transform: translateX(250px);
	transform: translateX(250px);
}

/*-- Estilos para la Home --*/

#contenedor {
	width:990px;
	margin:0px auto;
	color:#434343;	
}
#containerMovil { display:none}
#container {	
	width:96%;
	padding-left:2%;
	margin:0px auto 5px;
	background: url(../img/fondo.png) center top repeat-y;
	background-size:100%;
	border-radius:5px;
	color:#434343;
	clear:both;
	position:relative;
	padding:3px 0;
}
#head { margin-top:10px;}
	#head  ul{ margin:1px 0 0 0;height:29px; padding-top:10px;text-align:center}
	#head  li {
		font:normal 90% Arial, Helvetica, sans-serif!important;
		color:#fff;
		list-style:none;
		display:inline; 
		text-transform:uppercase;
		background-color:#000;
		border-radius:3px;
		padding:7px 38px;
		
	}
	#head li a {color:#fff; font-weight:bold;}
	#head li a:hover { color:#fc027f;}
	#head .current {color:#fc027f!important; padding-top:7px; font-weight:bold!important; }
	
	.col-menu { float:right; width:35%; text-align: center;	}

.destHome {
	width:35%;
	color: #000;
	float:right;
	margin-right:3% 
	}
.destHome img {width:100%}	
.destHome h3{ font: normal 190% Georgia, serif; color:#fff; margin:20px 0; text-align:center }
.destHome h3 strong{ font: normal 190% Georgia, serif; color:#fff; display:block; }
.destHome h3 span{ font: normal 190% Georgia, serif; color:#fff; }
	.reserva { background-color:#000; color:#fff; width:25%; display:inline-block; vertical-align: middle; margin:15px 0 0 3%; border-radius:5px; text-align:center; color:#fff; padding:20px 0}
	.reserva a{ color:#fff; font-size:140%}
		.col-a{
			margin:15px 0 0 3%;
			width:60%;
			color:#000;
			display:inline-block; vertical-align:middle; 
		}
			.col-a h2 {
				color:#800445!important;
				font:normal 160% Arial, Helvetica, sans-serif;
				margin:0px;
				display:block;
				background:url(../img/categoria-dos-hojas.gif) 390px 3px no-repeat;
			}
						
			.col-a ul { margin:8px 0px 0px 10px;}
			.col-a li { background: url(../img/ico-cuadro.gif) left 5px no-repeat; padding:0 0px 2px 10px; font-size:100%; list-style:none;}
			.col-a p { color:#36C; display:block; margin-top:5px;}
			.col-a a:hover { color:#000;}

#destacados { position:relative}

.barra { background-color:#790235; padding:8px 0; color:#fff; margin:0 2%; border-radius:3px; overflow:auto}
.barra ul { margin:0 auto; width:98%; text-align:center; display:block; }
.barra li { display:inline-block; float: left; margin-left:6%; vertical-align:middle; }
.barra li img { display:inline-block; vertical-align:middle; margin-right:8px}
.col-c{
	width:100%;
	margin:0px auto;
	text-align: center;
	border-top:2px solid #eee;
	padding:10px 0 0;
	background-color:#fff
}
.col-c h2{ color:#000; font:bold 100% Arial, sans-serif; text-transform:uppercase}
.col-c li { margin:15px 5% 0; display:inline-block; vertical-align:middle}

/*---- Paginas interior ---------- */

#contenidoInt {
	width:96%; 
	margin:0px auto;
	background: url(../img/fondo.png) center top repeat-y;
	background-size:100%;
	border-radius:5px;
	color:#434343;
	clear:both;
	position:relative;
	padding:3px 0;
	}

#contenidoInt h3{ color:#800445; margin:0px 0 5px; border-bottom:1px solid #800445; padding-bottom:5px;}
#colIzq { width:40%; float:left;margin:20px 0 20px 2%;}
#colDcha,#map{ width:50%; float:right; margin:20px 3%}
#colDcha h3 { color:#fff; border-bottom:1px dotted #fff; margin:10px 0;}
#colDcha ul { margin:0 0px; color:#fff;}
#colDcha.blanco p{ color:#fff; font-size:90%; margin:0 20px;}
#colDcha.blanco p a, #colDcha p a{ color:#fff; text-decoration:underline;}

#colDcha.blanco2 p{ color:#fff; font-size:80%; margin:0 20px;}
#colDcha.blanco2 p a{ color:#fff; text-decoration:underline;}
#map {}

.texto { background-color:#fff; padding:15px 25px }
.texto2 { float:left; width:42%; clear:both; display:block; padding-top:10px;}
.texto2 h3{ display:block; width:100%!important}
.texto h4 { color:#fff; margin-bottom:10px; background-color:#000; padding:0 10px 2px; width:auto}
.texto li, .texto2 li{ background: url(../img/ico-cuadro.gif) left 5px no-repeat; padding:0 0px 8px 10px; font-size:90%; list-style:none; color:#000}
.texto li a, .texto2 li a{ color:#06C;}
.texto li a:hover, .texto2 li a:hover{ text-decoration:underline;}
.texto p { color:#000; font-size:90%;  }
.texto p a{ color:#06C; text-decoration:underline;}
.texto img { width:100%}
.texto ul { margin-bottom:10px;}
.texto li strong { color:#800445;}
.texto li span { font-weight:bold;}

.caja2 { background-color:#fff; margin:15px 2%; padding:0 0 0 20px; color:#000; overflow:auto;}
.caja2 h2 {font:160% Georgia, "Times New Roman", Times, serif; width:42%;color:#aa447c!important;}
#contenidoInt .caja2 h3 { color:#aa447c!important; font:110% Georgia, "Times New Roman", Times, serif; width:42%; padding-bottom:8px; margin-bottom:15px }
.caja2 .negro { color:#000; font-size:140%; line-height:120%;}
.caja2 img{ float:right; width:55%}
.caja2 p, .caja2 ul { width:42%; font-size:90%}
.caja2 p a { display:block; width:80%; margin:15px auto; text-align:center; background-color:#000; color:#fff; padding:15px 0; border-radius:5px;}
.caja2 ul { margin:0 15px 8px;width:42%;}
.caja2 .texto2 ul {width:100%; margin-top:15px!important}
.caja2 #colDcha  ul.galeria { width:100%; text-align:right}
.caja2 #colDcha .galeria li { display:inline-block; width:20%; margin:4px}
.caja2 #colDcha .galeria li img { width:100%}

.caja3 { margin:0px 3% 10px!important; color:#000;/*background-color:#aa447c*/}
.caja3 h3 { color:#000!important; font:120% Georgia, "Times New Roman", Times, serif; padding-bottom:2px!important; margin-bottom:2px!important;}
.caja3 li, .caja3 p { font-size:90%; margin:0px; }
.caja3 p a { color:#800445;}
.caja4 { text-align:left; margin:0px; padding:40px 20px; margin-left:10px;}

.contenidoInf { background:#aa447c url(../img/fondo-inf.png) center top no-repeat; background-size:100%; width:93%; margin:0 auto; padding:5px 0 15px}
.contenidoInf h3,.contenidoInf p, .contenidoInf ul {margin:0 2%; color:#fff;  font-size:90%}
.contenidoInf h3{ font-size:120%; color:#fff;/*background-color:#800445;width: 93%!important; padding:2px 8px;*/ margin:8px 0 15px 2%; border-left:10px solid #fff; padding-left:6px}
.contenidoInf li { list-style-type:square; margin:5px 0 0 15px}
.contenidoInf .caract { float: left; width:40%; margin-left:2%}
/*.contenidoInf .caract h3{ background-color:#000; color:#fff; padding:1% 25px 1% 10px; width:inherit!important; margin-bottom:10px}*/
.contenidoInf .caract li { color:#fff; list-style-type:square; margin:0 0 8px 3%}
.contenidoInf .galeria li { display:inline-block; width:17%; margin:1%}
.contenidoInf .galeria li img { width:100%}
.contenidoInf .texto2 {  width:100%; display:block; margin-bottom:15px}
.contenidoInf .texto2 li{ font-size:100%; color:#fff; background:none; padding-left:0; display:inline-block; vertical-align:top; width:45%}
.contenidoInf .texto2 li a, .contenidoInf p a{ font-size:100%; color:#fff; text-decoration:underline}


.flashInt { margin:70px 0 0 50px; display:block; height:65px}
.reserva2 {	
	text-align:center;
	color:#fff;
	margin:35px 0;
	height:30px;
	padding:10px 0;
	
}
.reserva2 a{color:#fff;	font-weight:bold; background-color:#000;width:250px;padding:10px 20px; }
.reserva2 a:hover{ color:#fff;font-weight:bold; background-color:#800445;}

.negro { font-size:130%; margin-top:15px; display:block;}
h4.tel { background-color:#74063a; display:block; text-align:center; font-size:110%; padding:5px 0}

.Rreserva h4 { margin:20px!important;}
.Rreserva p a { background-color:#000; color:#fff; padding:5px 10px; margin-left:20px;}

.avisoLegal { width:91%; background-color:#fff; margin:20px; padding:10px 22px}

/* -- Formulario -- */
/*estilos de formulario */

#formulario { }
#formulario h4{ display:block; font:bold 110% Arial, Helvetica, sans-serif; color:#fff; }
#formulario p { color:#fff; line-height:130%; margin-right:30px; font-size:90%;}
label { float:left; line-height:110%; margin:0 0px 4px 0; width:110px; color:#fff; background-color:#800445; padding:2px 0 2px 8px;font-weight:bold; font-size:90% }
input, textarea{
	border-style:none;
	border-bottom:1px solid #800445;
	padding:2px 4px;
	color:#666;
	font:90% Tahoma, "Trebuchet MS", Arial, Verdana;
	width:60%;
	background-color:#fff;
	margin:0 0 3px;	
	list-style-type:none;
	float:left;
}
textarea{
	height:100px;
	margin-bottom:10px;	
}

input.boton{
	text-align:center;
	clear:both;
	display:block;
	width:50%!important;
	color:#fff;
	background-color:#000;
	border:1px solid #000;
	margin:25px 25% 20px;
	border-radius:3px;
	cursor:pointer;
	padding:10px 0;
}

input.boton:hover{
	background-color:#333;
	border:1px solid #333;
}
.check {
	margin:3px 0 0;
	clear:both;
	width:15px;
	border-style:none;
	float:left;
}
.checklabel { width:90%; margin:0px; background:none; font-size:80%;}
#formulario a {
	color:#fff;
	border-bottom:1px dashed #fff;
	text-decoration:none;
}
#formulario a:hover {border-bottom:1px solid #fff;}
.font { font-size:90%;}
.gracias {
	width:90%;
	background-color: #fff;
	border:1px solid #ccc;
	padding:20px;
	min-height:389px;
	font:90% Tahoma, Arial, Verdana;
}
.gracias a { display:block;	margin:20px 0; text-decoration:none; border-bottom:none; color:#666; font-weight:bold;}
.gracias a:hover { color:#000;}



/* -- Pie -- */

#pie {
	color:#434343;
	padding:10px 2%;
	clear:both;
	background-color:#eee;
	border-radius:5px;
	margin:10px auto 0;
	font-size:90%;
}

#pie li { display:inline; list-style:none;}
#pie a{ color:#434343; font:normal 90% Tahoma, Arial, Verdana;}
#pie a:hover{ text-decoration:underline; color:#999;}

#pie p{ margin:0px;	font:90% Tahoma, Verdana, Arial, Helvetica;}
#pie address { float:right; width:30%; text-align:right; font:90% Tahoma, Verdana, Arial, Helvetica; margin-top:2px;}
#pie .tel { float:right; width:30%; color:#434343; padding:0 0px; margin-left:20px; text-align:center; font-size:110%; }
#pie .tel span { color:#800445; display:block; font-size:95%; }

/*--- Cookies ----*/
.cookies{ width:100%;background-color:#eee;display:none; overflow:auto}
.cookiesCaja{ width:980px; margin:8px auto;padding:8px;background-color:#eee;}
.cookiesCaja p{color:#666; width:800px;font-size:90%; float:left}
.cookiesCaja a{color:#06F;text-decoration:underline}
p.cookiesBot{background-color: #0053a0; display:block; float:right; width:100px; margin-top:6px; text-align:center;padding:5px 10px;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){
#head  ul{ margin:1px 0 8px 0; background-color:#000}
#head  li {padding:5px 21px;}
.reserva { vertical-align: top; margin:35px 0 0 3%; }
.destHome h3{ font: normal 180% Georgia, serif; color:#fff; margin:20px 0;  }
.destHome h3 strong,.destHome h3 span{ font: normal 160% Georgia, serif; }
.col-menu {  width:40%; text-align: center; font-size:90%	}
#contenedor {width:100%}
#contenidoInt {width:98%}
.caja2 img{ margin:2%; width:54%}
.contenidoInf h3{ font-size:110%;width:18%!important}

.cookiesCaja { width:98%;}
p.cookiesTxt{ width:70%;}


/*-PIE-*/
#pie {border-radius:0}

}

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

#container { display:none}
#containerMovil { display:block}
.barra {  margin:0; border-radius:0; margin-top:1px }
.barra li { margin-left:6%; font-size:90%  }
.reserva {  width:95%; display:block; margin:10px auto; padding:8px 0}
.reserva a{  font-size:120%}
.col-a{margin:10px auto;width:90%;display:block; font-size:90%}
.col-a h2{ font-size:130%}

/*--- INTERIORES ---*/
#map-canvas { height:380px }
#contenidoInt {width:100%; background: none;border-radius:0px;}
#colIzq { width:100%!important; float:none;margin:0px 0 10px 0; }
#colDcha,#map{ width:100%; float:none; margin:0}
#colDcha.acc { background-color:#aa447c; width:94%; padding:2px 3% 8px; margin:0 auto; font-size:90%}
.caja2 { margin:0; padding:0 0 0 0; }
.caja2 h2 {font:140% Georgia, "Times New Roman", Times, serif; width:90%; margin:0 auto; display:block }
h2.hojas { background-position:200px 15px }
#contenidoInt .caja2 h3 { width:90%; padding-bottom:15px; margin:0 auto 15px; display:block }
.caja2 img{ float:none; width:85%; margin:10px auto 0; display:block}
.caja2 p { width:90%; margin:0 auto}
.caja2 p a { display:block; width:240px; margin:15px auto; text-align:center; background-color:#000; color:#fff; padding:15px 0; border-radius:5px;}
.texto { padding-bottom:0}

.contenidoInf { width:100%; padding-bottom:10px }
.contenidoInf .caract, #colDcha { float: none; width:90%; margin:10px auto}
.caract { padding:8px 0}
.caract li { color:#fff; list-style-type:square; margin:0 0 8px 3%}
.contenidoInf ul.galeria { width:100%; margin:0 auto; }
.contenidoInf .galeria li { display:inline-block; width:20%;margin:2px}
.contenidoInf .galeria li img { width:100%}

.caja2 ul { width:90%; margin:0 auto 8px}
#contenidoInt .caja2 h3 { width:90%; padding-bottom:4px; margin:8px auto }
.contenidoInf h3{ width: 90%!important; }
.contenidoInf .texto2 ul{ width:90%; margin:0 auto}
.contenidoInf .texto2 li{ font-size:100%;  display:block;width:100%; margin:0}
.contenidoInf .texto2 li a{ font-size:100%; color:#fff; text-decoration:underline}

.tam { font-size:90%}

/*- Formulario -*/

#colDcha.form { background-color:#eee; width:100%; padding:8px 0; margin:0}
#formulario { width:90%; margin:0 auto; font-size:90%}
#formulario h4,#formulario p{ color:#000; }
label { float:none; line-height:110%;  width:90%; background-color: transparent; color:#333; padding:2px 0; font-size:90%; }
input, textarea{
	border:1px solid #ddd;
	width:95%;
	background-color:#fff;
	margin:0 auto 8px;	
	float:none;
}
select { font-size:90%; margin-bottom:15px}
input.boton{width:60%!important;margin:25px 20% 20px;}
.checklabel { font-size:85%; }
.boton { font-size:110%}
#formulario .checklabel a {color:#000; }
#formulario .checklabel a:hover {text-decoration:underline}
.gracias {
	width:90%;
	background-color: #fff;
	border:1px solid #ccc;
	padding:20px;
	min-height:389px;
	font:90% Tahoma, Arial, Verdana;
}
.reser { display:none}
#colDcha.form .reser { background-color:#fff}
#colDcha.form h4 {width:90%; margin:15px auto; color:#000; font-size:110%}

/*COOKIES*/
.cookiesCaja { width:97%}
p.cookiesTxt{ width:100%; display:block; float:none}
p.cookiesBot{width:25%; float:none; margin:20px auto 0}

/* -- Pie -- */
#pie {border-radius:0}
#pie li { display:inline; list-style:none;}
#pie p{ margin:0px;	font:90% Tahoma, Verdana, Arial, Helvetica;text-align:center; display:block; clear:both}
.copy { display:block; clear:both; border-top:1px solid #fff; padding-top:8px; margin-top:8px; text-align:center}
#pie ul { display:block; text-align:center}
#pie address { float:right; width:50%; text-align:center; font:90% Tahoma, Verdana, Arial, Helvetica; margin-top:2px;}
#pie .tel { float:right; width:50%; color:#434343; margin-left:0px; text-align:center; margin:0 0 8px 0}
#pie .tel span { color:#800445; display:block; font-size:95%; }

}

@media only screen and (max-width: 419px) {
body {background:#fff none}
#contenedor {width:100%}
#head { display:none}
#menuMovil {display:block}
header h1 img{ margin:5px  0 0}
#container { display:none}
#containerMovil { display:block}
.barra {  margin:0; border-radius:0; margin-top:1px }
.barra li { margin-left:4%; font-size:80%  }

.reserva {  width:95%; display:block; margin:10px auto; padding:8px 0}
.reserva a{  font-size:120%}
.col-a{margin:10px auto;width:90%;display:block; font-size:90%}
.col-a h2{ font-size:120%}


/*--- INTERIORES ---*/
#contenidoInt {width:100%; background: none;border-radius:0px;}
#colIzq { width:100%!important; float:none;margin:0px 0 0px 0; }
#colDcha,#map{ width:100%; float:none; margin:0}
#colDcha.acc { background-color:#aa447c; width:94%; padding:2px 3% 8px; margin:0 auto; font-size:90%}
#map-canvas { height:300px }

.caja2 { margin:0; padding:0 0 0 0; }
.caja2 h2 {font:140% Georgia, "Times New Roman", Times, serif; width:90%; margin:0 auto; display:block }
h2.hojas { background-position:200px 15px }
#contenidoInt .caja2 h3 { width:90%; padding-bottom:15px; margin:0 auto 15px; display:block }
.caja2 img{ float:none; width:90%; margin:10px auto 0px; display:block}
.caja2 p { width:90%; margin:0 auto}
.caja2 p a { display:block; width:240px; margin:15px auto; text-align:center; background-color:#000; color:#fff; padding:15px 0; border-radius:5px;}

.contenidoInf { width:100%; padding-bottom:10px }
.contenidoInf .caract, #colDcha { float: none; width:90%; margin:10px auto}
.caract { padding:8px 0}
.caract li { color:#fff; list-style-type:square; margin:0 0 8px 3%}
.contenidoInf ul.galeria { width:100%; margin:0 auto; }
.contenidoInf .galeria li { display:inline-block; width:20%;margin:2px}
.contenidoInf .galeria li img { width:100%}
.caja2 ul { width:90%; margin:0 auto 8px}
#contenidoInt .caja2 h3 { width:90%; padding-bottom:4px; margin:8px auto }
.contenidoInf h3{ width: 90%!important; }
.contenidoInf .texto2 ul{ width:90%; margin:0 auto}
.contenidoInf .texto2 li{ font-size:100%;  display:block;width:100%; margin:0}
.contenidoInf .texto2 li a{ font-size:100%; color:#fff; text-decoration:underline}
.tam { font-size:90%}
.negro { font-size:110%; margin-top:15px; display:block;}




/*- Formulario -*/
#colDcha.form { background-color:#eee; width:100%; padding:8px 0; margin:0}
#formulario { width:90%; margin:0 auto; font-size:90%}
#formulario h4,#formulario p{ color:#000; }
label { float:none; line-height:110%;  width:90%; background-color: transparent; color:#333; padding:2px 0; font-size:90%; }
input, textarea{
	border:1px solid #ddd;
	width:95%;
	background-color:#fff;
	margin:0 auto 8px;	
	float:none;
}
select { font-size:90%; margin-bottom:15px}
input.boton{width:60%!important;margin:25px 20% 20px;}
.checklabel { font-size:85%; }
.boton { font-size:110%}
#formulario .checklabel a {color:#000; }
#formulario .checklabel a:hover {text-decoration:underline}
.gracias {
	width:90%;
	background-color: #fff;
	border:1px solid #ccc;
	padding:20px;
	min-height:389px;
	font:90% Tahoma, Arial, Verdana;
}

.reser { display:none}
#colDcha.form .reser { background-color:#fff}
#colDcha.form h4 {width:90%; margin:15px auto; color:#000; font-size:110%}

/* -- Pie -- */
#pie {border-radius:0}
.copy { display:block; clear:both; border-top:1px solid #fff; padding-top:8px; margin-top:8px; text-align:center; color:#888}
#pie ul { display:block; text-align:center;color:#888}
#pie ul li a { color:#888}
#pie address { float:none; width:90%; text-align:center; margin:2px auto 12px; font-size:100%; color:#333}
#pie .tel { float:none; width:90%; text-align:center; margin:0 auto 8px}
#pie p { text-align:center; display:block}


/*COOKIES*/
.cookiesCaja { width:98%}
p.cookiesTxt{ width:100%; display:block; float:none}
p.cookiesBot{width:45%; float:none; margin:20px auto}
}