/* CSS Document */
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ 
@font-face {
	font-family:"Intro";
	src:url("../fuentes/Intro/Intro.eot?") format("eot"),url("../fuentes/Intro/Intro.woff") format("woff"),url("../fuentes/Intro/Intro.ttf") format("truetype"),url("../fuentes/Intro/Intro.svg#Intro") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:"Intro-Inline";
	src:url("../fuentes/Intro-Inline/Intro_Inline.eot?") format("eot"),url("../fuentes/Intro-Inline/Intro_Inline.woff") format("woff"),url("../fuentes/Intro-Inline/Intro_Inline.ttf") format("truetype"),url("../fuentes/Intro-Inline/Intro_Inline.svg#Intro-Inline") format("svg");
	font-weight:normal;
	font-style:normal;
}

html {
}

body {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: "Intro", Arial, Helvetica, sans-serif;
	color: rgb(0,0,0);
	font-size: 1em;
	background: rgb(155,106,65);
}

img {
	border: 0;
}

.sombra {
	position: relative;
	box-shadow: rgba(0,0,0,0.8) 0px 0px 30px 5px;
	width: 1024px;
	margin: 0 auto;
}

/* *************************************************************************************************************************** */
/* **** ANIMACION LOGO CABECERA ********************************************************************************************** */

.container {
  width: 276px;
  height: 88px;
  position: relative;
  margin: 0 auto;
  -webkit-perspective: 1200px;
	 -moz-perspective: 1200px;
	   -o-perspective: 1200px;
		  perspective: 1200px;	  
}

#box {
  width: 276px;
  height: 88px;
  position: absolute;
  -webkit-transform-style: preserve-3d;
	 -moz-transform-style: preserve-3d;
	   -o-transform-style: preserve-3d;
		  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 1s;
	 -moz-transition: -moz-transform 1s;
	   -o-transition: -o-transform 1s;
		  transition: transform 1s;
}

#box figure {
  display: block;
  position: absolute;
  border: 0px solid black;
  line-height: 196px;
  font-size: 1px;
  text-align: center;
  font-weight: bold;
  color: white;
  margin: 0;
  -webkit-transition: -webkit-transform 0.5s;
	 -moz-transition: -moz-transform 0.5s;
	   -o-transition: -o-transform 0.5s;
		  transition: transform 0.5s;
}

#box.panels-backface-invisible figure {
  -webkit-backface-visibility: hidden;
	 -moz-backface-visibility: hidden;
	   -o-backface-visibility: hidden;
		  backface-visibility: hidden;
}

#box .front,
#box .back {
  width: 276px;
  height: 88px;
}

#box .right,
#box .left {
  width: 96px;
  height: 117px;
  left: 100px;
}

#box .top,
#box .bottom {
  width: 136px;
  height: 34px;
  top: 1px;
  line-height: 34px;
}


#box .front  { background: hsla( 000, 100%, 50%, 0 ); }
#box .back   { background: hsla( 160, 100%, 50%, 0 ); }
#box .right  { background: hsla( 120, 100%, 50%, 0 ); }
#box .left   { background: hsla( 180, 100%, 50%, 0 ); }
#box .top    { background: hsla( 240, 100%, 50%, 0 ); }
#box .bottom { background: hsla( 300, 100%, 50%, 0 ); }

#box .front  {
  -webkit-transform: translateZ( 50px );
	 -moz-transform: translateZ( 50px );
	   -o-transform: translateZ( 50px );
		  transform: translateZ( 50px );
}
#box .back   {
  -webkit-transform: rotateX( -180deg ) translateZ(  50px );
	 -moz-transform: rotateX( -180deg ) translateZ(  50px );
	   -o-transform: rotateX( -180deg ) translateZ(  50px );
		  transform: rotateX( -180deg ) translateZ(  50px );
}
#box .right {
  -webkit-transform: rotateY(   90deg ) translateZ( 150px );
	 -moz-transform: rotateY(   90deg ) translateZ( 150px );
	   -o-transform: rotateY(   90deg ) translateZ( 150px );
		  transform: rotateY(   90deg ) translateZ( 150px );
}
#box .left {
  -webkit-transform: rotateY(  -90deg ) translateZ( 150px );
	 -moz-transform: rotateY(  -90deg ) translateZ( 150px );
	   -o-transform: rotateY(  -90deg ) translateZ( 150px );
		  transform: rotateY(  -90deg ) translateZ( 150px );
}
#box .top {
  -webkit-transform: rotateX(   90deg ) translateZ( 100px );
	 -moz-transform: rotateX(   90deg ) translateZ( 100px );
	   -o-transform: rotateX(   90deg ) translateZ( 100px );
		  transform: rotateX(   90deg ) translateZ( 100px );
}
#box .bottom {
  -webkit-transform: rotateX(  0deg ) translateZ( 100px );
	 -moz-transform: rotateX(  0deg ) translateZ( 100px );
	   -o-transform: rotateX(  0deg ) translateZ( 100px );
		  transform: rotateX(  0deg ) translateZ( 100px );
}


#box.show-front {
  -webkit-transform: translateZ(  -50px );
	 -moz-transform: translateZ(  -50px );
	   -o-transform: translateZ(  -50px );
		  transform: translateZ(  -50px );
}
#box.show-back {
  -webkit-transform: translateZ( -50px ) rotateX( -180deg );
	 -moz-transform: translateZ( -50px ) rotateX( -180deg );
	   -o-transform: translateZ( -50px ) rotateX( -180deg );
		  transform: translateZ( -50px ) rotateX( -180deg );
}
#box.show-right {
  -webkit-transform: translateZ( -150px ) rotateY(  -90deg );
	 -moz-transform: translateZ( -150px ) rotateY(  -90deg );
	   -o-transform: translateZ( -150px ) rotateY(  -90deg );
		  transform: translateZ( -150px ) rotateY(  -90deg );
}
#box.show-left {
  -webkit-transform: translateZ( -150px ) rotateY(   90deg );
	 -moz-transform: translateZ( -150px ) rotateY(   90deg );
	   -o-transform: translateZ( -150px ) rotateY(   90deg );
		  transform: translateZ( -150px ) rotateY(   90deg );
}
#box.show-top {
  -webkit-transform: translateZ( -100px ) rotateX(  -90deg );
	 -moz-transform: translateZ( -100px ) rotateX(  -90deg );
	   -o-transform: translateZ( -100px ) rotateX(  -90deg );
		  transform: translateZ( -100px ) rotateX(  -90deg );
}
#box.show-bottom {
  -webkit-transform: translateZ( -100px ) rotateX(   90deg );
	 -moz-transform: translateZ( -100px ) rotateX(   90deg );
	   -o-transform: translateZ( -100px ) rotateX(   90deg );
		  transform: translateZ( -100px ) rotateX(   90deg );
}
#options {
	display: none;
}

/* *************************************************************************************************************************** */

/* ######################################################################################## */
/* ##### CABECERA ######################################################################### */

header {
	position: relative;
	background: rgb(197,160,84);
	min-width: 1024px;	
	height: 230px; 	
	margin: 0 auto;
	text-align: center;
}

header .contenido {
	position: relative;
	width: 1024px;
	height: 230px;
	margin: 0 auto;
}

header .colI {
	position: relative;
	float: left;
	font-family: "Intro-Inline", "Intro", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: rgb(255,255,255);
	text-transform: uppercase;	
	width: 340px;
	height: 132px;
	padding-top: 27px;
	padding-left: 10px;
	border-right: 1px solid rgb(155,106,65);
	background: -webkit-linear-gradient(rgb(155,106,65), rgb(155,106,65));
	background: -moz-linear-gradient(rgb(155,106,65), rgb(155,106,65));
	background: -o-linear-gradient(rgb(155,106,65), rgb(155,106,65));
	background: linear-gradient(rgb(155,106,65), rgb(155,106,65));
	background-size: 100% 1px;
	background-repeat: no-repeat;
	background-position: center 90px;
}

header .colI p {
	margin-top: 5px;
}

header .colI p:nth-child(2) {
	margin-top: 48px;
}

header .colD {
	position: relative;
	float: right;
	font-family: "Intro-Inline", "Intro", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: rgb(255,255,255);
	text-transform: uppercase;
	text-align: right;
	width: 340px;
	height: 132px;
	overflow: hidden;
	padding-top: 27px;
	padding-right: 10px;
	border-left: 1px solid rgb(155,106,65);
	background: -webkit-linear-gradient(rgb(155,106,65), rgb(155,106,65));
	background: -moz-linear-gradient(rgb(155,106,65), rgb(155,106,65));
	background: -o-linear-gradient(rgb(155,106,65), rgb(155,106,65));
	background: linear-gradient(rgb(155,106,65), rgb(155,106,65));
	background-size: 100% 1px;
	background-repeat: no-repeat;
	background-position: center 90px;
}

header .colD p {
	margin-top: 5px;
}

header .colD p:nth-child(2) {
	margin-top: 48px;
}

header .colD .btn-reserva {
	display: inline-block;
	background: rgb(255,255,255);
	text-align: center;
	font-family: "Intro-Inline", "Intro", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: rgb(155,106,65);
	text-transform: uppercase;
	text-decoration: none;
	width: 92px;
	height: 30px;
	line-height: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

header .colD .redes {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 3px;
	display: inline-block;
	vertical-align: middle;
}

header .colD .redes .btn-facebook,
header .colD .redes .btn-twitter,
header .colD .redes .btn-google  {
	display: inline-block;
	background: rgb(155,106,65);
	text-align: center;
	color: rgb(0,0,0);
	text-decoration: none;
	width: 25px;
	height: 25px;
	line-height: 25px;
}

header .colD .redes .btn-facebook:hover,
header .colD .redes .btn-twitter:hover,
header .colD .redes .btn-google:hover {
	background-color: rgb(255,255,255);
}

header .colD a.registro,
header .colD a.registro:visited,
header .colD a.registro:hover {
	color: inherit;
	text-decoration: none;
	margin-left: 20px;
}

header .colD .login {
	cursor: pointer;
}

header .colD .popuplogin {
	position: absolute;
	left: -360px;
	bottom: 6px;
	padding: 10px 10px;
	background: rgb(255,255,255);
}

header .colD .popuplogin .contenedorspan {
	position: relative;
	text-align: center;
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

header .colD .popuplogin .contenedorspan .spanI {
	display: inline-block;	
	vertical-align: middle;
	width: 145px;
}
header .colD .popuplogin .contenedorspan .spanI p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	word-spacing: 0.1em;
	line-height: 1.5em;
	color: rgb(0,0,0);
	margin: 0;
	padding: 0;
	text-transform: none;
	text-align: left;
}

header .colD .popuplogin .contenedorspan .spanI input[type=text],
header .colD .popuplogin .contenedorspan .spanI input[type=password] {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	background: rgb(252,244,214);	
	width: 140px;
	height: 20px;
	line-height: 20px;
	margin: 0px auto;
	padding: 0 2.5px;
	border: 0px;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

header .colD .popuplogin .contenedorspan .spanI input[type=text] {
	border-bottom: 1px dashed rgb(155,106,65);
}

header .colD .popuplogin .contenedorspan .spanC {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	text-align: left;
}

header .colD .popuplogin .contenedorspan .spanC button {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	background: rgb(155,106,65);	
	color: rgb(255,255,255);
	width: 30px;
	height: 41px;
	line-height: 41px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	outline: none;
	font-size: 14px;
	cursor: pointer;
}

header .colD .popuplogin .contenedorspan .spanD {
	display: inline-block;
	vertical-align: middle;
	width: 135px;
	text-align: center;
	margin-left: 10px;
}

header .colD .popuplogin .contenedorspan .spanD a,
header .colD .popuplogin .contenedorspan .spanD a:visited {
	color: rgb(155,106,65);
	font-size: 9px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

header .colD .popuplogin .contenedorspan .spanD a:hover {
	color: rgb(0,0,0);
}

header .colD .popuplogin .contenedorspan .spanD a i {
	font-size: 1.5em;
	margin-bottom: 5px;
}

header .colD .popuplogin .cerrar {
	border-radius: 50%;
	position: absolute;
	display: none;
	top: -11px;
	right: -11px;
	color: rgb(0,0,0);
	font-size: 20px;	
	text-decoration: none;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background: rgb(255,255,255);
}

header .colD .popuplogin .cerrar:hover {
	color: rgb(155,106,65);
}

header .colD .activado { 
	left:0px !important;
}

header .colD .activado a,
header .colD .activado a:visited,
header .colD .activado a:hover {
	color: inherit;
	text-decoration: none;
}

header .logo {
	display: inline-block;
	position: relative;	
	width: 276px;
	height: 88px;
	margin-top: 30px;
}

/* ######################################################################################## */
/* ##### MENU ############################################################################# */

header #btnmenu {
	display: none;
}

header nav {
	position: absolute;
	bottom: 10px;
	margin: 0;
	padding: 0;	
	width: 100%;	
	border-top: 1px solid rgb(155,106,65);
}

header nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

header nav ul li {
	display: inline-block;
	font-size: 1.1em;
	font-family: "Intro", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: rgb(255,255,255);
	height: 60px;
	line-height: 60px;
	margin: 0 25px;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

header nav ul li.solomovil {
	display: none;
}

header nav ul li.sel,
header nav ul li:hover {
	color: rgb(155,106,65);
}

header nav ul li a,
header nav ul li a:visited,
header nav ul li a:hover {
	color: inherit;
	text-decoration: none;	
}

/* ######################################################################################## */
/* ##### SLIDE ############################################################################ */

section#slide {
	position: relative;
	width: 1024px;
	margin: 0 auto;	
}

/* ######################################################################################## */
/* ##### HORARIOS ######################################################################### */

section#horarios {
	position: relative;
	width: 1024px;
	padding: 30px 0;
	margin: 0 auto;
	background: rgb(197,160,84);
	border-bottom: 1px solid rgb(155,106,65);
	text-align: center;
	color: rgb(255,255,255);
}

section#horarios h1 {
	margin: 0;
	font-weight: 100;
	font-family: "Intro-Inline", "Intro", Arial, Helvetica, sans-serif;
	color: rgb(155,106,65);
}

/* ######################################################################################## */
/* ##### PRINCIPAL ######################################################################## */

section#principal {
	position: relative;
	background: rgb(255,255,255);
	color: rgb(153,153,153);
}

section#principal .contenedorspan {
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
	text-align: center;
}

section#principal .contenedorspan .span2 {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	text-align: justify;
	font-size: 14px;
	font-weight: 100;
	word-spacing: 0.1em;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(153,153,153);
	margin: 10px 15px 10px 15px;
}

section#principal .contenedorspan .span2 h1 {
	font-size: 1.2em;
	word-spacing: 0.1em;
	line-height: 1.5em;
	font-family: "Intro", Arial, Helvetica, sans-serif;
	color: rgb(155,106,65);
	text-align: left;
	font-weight: 100;
}

/* ######################################################################################## */
/* ##### CARTA ############################################################################ */

section#carta {
	position: relative;
	background: rgb(255,255,255);
	color: rgb(0,0,0);
	padding-bottom: 1px;
}

section#carta .apartados {
	position: relative;
	padding: 20px;
	text-align: center;
}

section#carta .apartados h1 {
	font-size: 1.3em;
	word-spacing: 0.1em;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	font-weight: 100;
	font-family: "Intro-Inline", "Intro", Arial, Helvetica, sans-serif;
	color: rgb(0,0,0);
	text-align: center;
}

section#carta .apartados a,
section#carta .apartados a:visited {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	background: rgb(155,106,65);
	border: 2px solid rgb(155,106,65);
	font-family: inherit;
	color: rgb(255,255,255);
	font-family: inherit;
	font-size: 0.9em;
	font-weight: 100;
	text-transform: uppercase;
	text-decoration: none;	
	outline: none;
	height: 35px;
	line-height: 35px;
	padding: 0 1em;
	margin: 0 15px;
	cursor: pointer;
	box-shadow: inset 0px 0px 0px 2px transparent;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#carta .apartados a.sel,
section#carta .apartados a:hover {
	box-shadow: inset 0px 0px 0px 2px rgb(255,255,255);
}

section#carta .contenedorflex {
	position: relative;
}

section#carta .contenedorflex .blqtab {
	margin-bottom: 10px;	
}

section#carta .contenedorflex .blqtab .tab {
	background: rgb(197,160,84);
	height: 69px;
	line-height: 69px;
	cursor: pointer;
}

section#carta .contenedorflex .blqtab .tab h2 {
	font-size: 1.3em;
	margin: 0;
	font-weight: 100;
	font-family: "Intro", Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	text-align: center;
}

section#carta .contenedorflex .blqtab .contenidotab {
	display: none;
	position: relative;
	text-align: center;
	color: rgb(0,0,0);
	background: rgb(255,255,255);
	padding: 30px 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}

section#carta .contenedorflex .blqtab .contenidotab .tabla {
	position: relative;
	display: table;
	margin: 0 auto;
}

section#carta .contenedorflex .blqtab .contenidotab .tabla .fila {
	position: relative;
	display: table-row;
}

section#carta .contenedorflex .blqtab .contenidotab .tabla .fila .celdaI {
	display: table-cell;
	text-align: left;
}

section#carta .contenedorflex .blqtab .contenidotab .tabla .fila .celdaD {
	display: table-cell;
	text-align: right;
	padding-left: 50px;
}


/* ######################################################################################## */
/* ##### GALERIA ########################################################################## */

section#galeria {
	position: relative;
	background: rgb(197,160,84);
	color: rgb(255,255,255);
	padding: 20px 0;
	font-family: Arial, Helvetica, sans-serif;
}

section#galeria .apartados {
	position: relative;
	padding: 20px;
	text-align: center;
}

section#galeria .apartados h1 {
	font-size: 1.3em;
	word-spacing: 0.1em;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	font-weight: 100;
	font-family: "Intro-Inline", "Intro", Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	text-align: center;
}

section#galeria .apartados a,
section#galeria .apartados a:visited {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	background: rgb(155,106,65);
	border: 2px solid rgb(155,106,65);
	font-family: inherit;
	color: rgb(255,255,255);
	font-family: inherit;
	font-size: 0.9em;
	font-weight: 100;
	text-transform: uppercase;
	text-decoration: none;	
	outline: none;
	height: 35px;
	line-height: 35px;
	padding: 0 1em;
	margin: 0 15px;
	cursor: pointer;
	box-shadow: inset 0px 0px 0px 2px transparent;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#galeria .apartados a.sel,
section#galeria .apartados a:hover {
	box-shadow: inset 0px 0px 0px 2px rgb(255,255,255);
}

section#galeria .contenidoancho {
	position: relative;
	padding: 0 10px;
}

section#galeria .contenedorspan {
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

section#galeria .spanL {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 30%;
	font-size: 16px;
	word-spacing: 0.1em;
	padding-bottom: 5px;
}

section#galeria .spanL .buscador {
	padding-top: 5px;
}

section#galeria .spanL h2 {
	color: rgb(155,106,65);
	font-size: 1em;
	text-transform: uppercase;
	font-family: "Intro", Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center;
	font-weight: 100;	
}

section#galeria .spanL .separadoradorno {
	margin: 10px 15px 0px 15px;
	height: 2px;
	background: rgb(255,255,255);
}

section#galeria .spanL a.buscar,
section#galeria .spanL a.buscar:visited,
section#galeria .spanL a.buscar:hover {
	color: inherit;
	text-decoration: none;
	display: block;
}

section#galeria .spanL a.buscar img {
	height: 22px;
	vertical-align: text-bottom;
}

section#galeria .spanL .margen {
	padding: 10px;	
}

section#galeria .spanL ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

section#galeria .spanL ul li {
	font-size: 0.8em;
	margin: 10px 0px; 
	padding: 5px;
	border: 1px solid transparent;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

section#galeria .spanL ul li.sel,
section#galeria .spanL ul li:hover {
	color: rgb(255,255,255);
	border: 1px solid rgb(255,255,255);
}

section#galeria .spanL ul li a,
section#galeria .spanL ul li a:visited,
section#galeria .spanL ul li a:hover {
	display: block;
	color: inherit;
	text-decoration: none;
}

section#galeria .spanL ul li a div:nth-child(1) {	
	float: left;
	width: 42px;
	height: 10px;
	margin-top: 2px;
}

section#galeria .spanL ul li a div:nth-child(2) {
	float: left;
	padding-left: 5px;
	width: 140px;
	font-size: 1.1em;
}

section#galeria .spanL ul li a div:nth-child(3) {
	float: right;
	width: 80px;
	text-align: right;
}

section#galeria .spanR {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 70%;
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

section#galeria .spanR .foto {
	display: inline-block;
	width: 23.4%;
	min-height: 116px;
	font-size: 14px;
	word-spacing: 0.1em;
	text-align: center;
	overflow: hidden;
	margin: 5px 5px;
}

section#galeria .spanR .foto img {
	width: 100%;
}

section#galeria .spanR .foto a.various,
section#galeria .spanR .foto a.various:visited {
	display: inline-block;
	width: 100%;
	height: 98%;
	text-decoration: none;
	color: rgb(255,255,255);
	background: rgb(155,106,65);
	overflow: hidden;	
}

section#galeria .spanR .foto a.various img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

/* ######################################################################################## */
/* ##### OFERTAS ########################################################################## */

section#ofertas {
	position: relative;
	background: rgb(255,255,255);
	color: rgb(0,0,0);
	padding: 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

section#ofertas .contenido {
	position: relative;
	padding: 0 10px;
}

section#ofertas h1 {
	font-size: 1.3em;
	word-spacing: 0.1em;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	font-weight: 100;
	font-family: "Intro", Arial, Helvetica, sans-serif;
	color: rgb(0,0,0);
	text-align: center;
}

section#ofertas p {
	color: rgb(0,0,0);
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0 auto;
}

section#ofertas .contenedorspan2col {
	margin-top: 15px;	
	-moz-column-count: 2;
	-moz-column-gap: 22px;
	-webkit-column-count: 2;
	-webkit-column-gap: 22px;
	column-count: 2;
	column-gap: 22px;
	-webkit-column-rule: 2px outset transparent; /* Chrome, Safari, Opera */
    -moz-column-rule: 2px outset transparent; /* Firefox */
    column-rule: 2px outset transparent;
}

section#ofertas .span2 {
	background: rgb(197,160,84);	
	widows: 1;
	position: relative;
    display: inline-block;
    padding: 10px 0;
	margin: 5px 0;
	width: 100%;
}

section#ofertas .span2 .marcoexpandido {
	margin: 0px;
	padding: 20px 20px 0px 20px;
	text-align: center;
}

section#ofertas .span2 .marcoexpandido h1 {
	color: rgb(155,106,65);
	text-align: center;
	font-family: "Intro", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: 100;
	text-transform: uppercase;
	padding-left: 68px;
	padding-right: 68px;
	margin-top: 0px;
	margin-bottom: 5px;
}

section#ofertas .span2 .marcoexpandido h2:before,
section#ofertas .span2 .marcoexpandido h2:after {
	content: "·";
	font-weight: bold;
}

section#ofertas .span2 .marcoexpandido h2 {
	color: rgb(255,255,255);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: 100;
	padding-left: 0px;
	margin: 0px;
	font-style: italic;
}

section#ofertas .span2 .tabevento {
	display: block;
	position: relative;
}

section#ofertas .span2 .infoevento {
	padding: 20px 20px 20px 20px;
	margin: 0px 10px 0px 10px;
	text-align: center;	
}

section#ofertas .span2 .infoevento img {
	max-width: 99%;
	border: 1px solid rgb(255,255,255);
}

section#ofertas .span2 .infoevento p {
	color: rgb(255,255,255);
	font-size: 0.9em;
	line-height: 1.5em;
	padding-left: 0;
	font-style: italic;
}

section#ofertas .span2 .infoevento .blqicono {
	position: relative;
	margin-top: 20px;
}

section#ofertas .span2 .infoevento .blqicono .btncompartir {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;	
	display: inline-block;
	background: rgb(255,255,255);
	text-align: center;
	font-size: 0.8em;
	color: rgb(0,0,0);
	width: 92px;
	height: 30px;
	line-height: 30px;
	border: 0px;
	cursor: pointer;
	outline: none;
}

section#ofertas .span2 .infoevento .blqicono .socialshare:after {
  content: "";
  position: absolute;
  top: 35px;
  right: 48%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent rgb(255,255,255) transparent;
}

section#ofertas .span2 .infoevento .blqicono .socialshare {
  display: none;
  margin-top: 15px;
  padding: 10px 0;
  text-align: center;
  background: #3d3a33;
  border: 2px solid rgb(255,255,255);
}

section#ofertas .span2 .infoevento .blqicono .socialshare .stButton {
  margin-left: auto !important;
  margin-right: auto !important;
}

section#ofertas .contenedorskin {
	text-align: center;
	color: rgb(255,255,255);
	background: rgb(0,0,0);
	background-size: cover;
	padding: 30px 0px;
}

section#ofertas .contenedorskin h1 {
	font-size: 1.3em;
	word-spacing: 0.1em;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	font-weight: 100;
	font-family: "Intro", Arial, Helvetica, sans-serif;
	color: rgb(155,106,65);
	text-align: center;
}

section#ofertas .contenedorskin .adornoT2 {
	margin: 15px 0;
}

section#ofertas .contenedorskin input[type=text],
section#ofertas .contenedorskin input[type=password] {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	background: rgb(215,215,215);	
	width: 460px;
	height: 35px;
	line-height: 35px;
	margin: 10px auto;
	padding: 0 5px;
	border: 0px;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

section#ofertas .contenedorskin textarea {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	background: rgb(215,215,215);	
	width: 460px;
	height: 125px;
	line-height: 1.5em;
	margin: 10px auto;
	padding: 0 5px;
	border: 2px;
	outline: none;
	resize: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
}

section#ofertas .contenedorskin input[type=submit] {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	background: rgb(255,255,255);
	text-align: center;
	font-family: "Intro-Inline", "Intro", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: rgb(0,0,0);
	text-transform: uppercase;
	text-decoration: none;
	width: 92px;
	height: 30px;
	line-height: 30px;	
	border: 0px;
	font-weight: 100;
	outline: none;
}

section#ofertas .contenedorskin input[type=text]::-webkit-input-placeholder,
section#ofertas .contenedorskin input[type=password]::-webkit-input-placeholder,
section#ofertas .contenedorskin textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: rgb(155,106,65);
}

section#ofertas .contenedorskin input[type=text]:-moz-placeholder,
section#ofertas .contenedorskin input[type=password]:-moz-placeholder,
section#ofertas .contenedorskin textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgb(155,106,65);
	opacity: 1;
}

section#ofertas .contenedorskin input[type=text]::-moz-placeholder,
section#ofertas .contenedorskin input[type=password]::-moz-placeholder,
section#ofertas .contenedorskin textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgb(155,106,65);
	opacity: 1;
}

section#ofertas .contenedorskin input[type=text]:-ms-input-placeholder,
section#ofertas .contenedorskin input[type=password]:-ms-input-placeholder,
section#ofertas .contenedorskin textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: rgb(155,106,65);
}

/* ######################################################################################## */
/* ##### CONTACTO ######################################################################### */

section#contacto {
	position: relative;
	background: rgb(255,255,255);
	padding: 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(0,0,0);
}

section#contacto h1 {
	font-size: 1.3em;
	word-spacing: 0.1em;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	font-weight: 100;
	font-family: "Intro-Inline", "Intro", Arial, Helvetica, sans-serif;
	background: rgb(0,0,0);
	color: rgb(255,255,255);
	text-align: center;
}

section#contacto input[type=text],
section#contacto input[type=tel],
section#contacto input[type=email],
section#contacto input[type=password] {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	background: rgb(252,244,214);	
	width: 460px;
	height: 35px;
	line-height: 35px;
	margin: 10px auto;
	padding: 0 5px;
	border: 2px solid rgb(155,106,65);
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

section#contacto textarea {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	background: rgb(252,244,214);	
	width: 460px;
	height: 125px;
	line-height: 1.5em;
	margin: 10px auto;
	padding: 0 5px;
	border: 2px solid rgb(155,106,65);
	outline: none;
	resize: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

section#contacto input[type=submit] {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	background: rgb(155,106,65);
	border: 0px;
	font-family: inherit;
	color: rgb(255,255,255);
	font-family: inherit;
	font-size: 0.9em;
	font-weight: 100;
	text-transform: uppercase;	
	outline: none;
	height: 35px;
	width: 120px;
	cursor: pointer;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#contacto input[type=text]::-webkit-input-placeholder,
section#contacto input[type=tel]::-webkit-input-placeholder,
section#contacto input[type=email]::-webkit-input-placeholder,
section#contacto input[type=password]::-webkit-input-placeholder,
section#contacto textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: rgb(155,106,65);
}

section#contacto input[type=text]:-moz-placeholder,
section#contacto input[type=tel]:-moz-placeholder,
section#contacto input[type=email]:-moz-placeholder,
section#contacto input[type=password]:-moz-placeholder,
section#contacto textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgb(155,106,65);
	opacity: 1;
}

section#contacto input[type=text]::-moz-placeholder,
section#contacto input[type=tel]::-moz-placeholder,
section#contacto input[type=email]::-moz-placeholder,
section#contacto input[type=password]::-moz-placeholder,
section#contacto textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgb(155,106,65);
	opacity: 1;
}

section#contacto input[type=text]:-ms-input-placeholder,
section#contacto input[type=tel]:-ms-input-placeholder,
section#contacto input[type=email]:-ms-input-placeholder,
section#contacto input[type=password]:-ms-input-placeholder,
section#contacto textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: rgb(155,106,65);
}

section#contacto a,
section#contacto a:visited {
	color: inherit;
	text-decoration: none;	
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

section#contacto a:hover {
	color: rgb(0,0,0);
}

section#contacto .blqcalendar {
	position: relative;
	text-align: left;
	width: 474px;
	margin: 0 auto;
}

section#contacto .blqcalendar .calendar_input {
	width: 388px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}

section#contacto .adornoT1 {
	margin: 15px 0;
}

section#contacto .contenedorrojo {
	background: rgb(197,160,84);
	color: rgb(255,255,255);
	padding: 20px;
}

section#contacto .contenedorspan {
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
	background: rgb(197,160,84);
}


section#contacto .contenedorspan .span2 {
	display: inline-block;
	vertical-align: top;
	width: 47.9%;
	text-align: left;
	font-size: 14px;
	word-spacing: 0.1em;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	margin: 0 10px 10px 10px;
}

section#contacto .contenedorspan .span2 h2 {
	font-size: 1em;
	text-transform: uppercase;
	font-family: "Intro", Arial, Helvetica, sans-serif;
	margin: 0;
	color: rgb(155,106,65);
}

section#contacto .contenedorspan .span2 p {
	font-size: 0.9em;
}

section#contacto .contenedorspan .colI {
	display: inline-block;
	vertical-align: top;
	width: 31.1%;
	text-align: left;
	font-size: 14px;
	word-spacing: 0.1em;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	margin: 0 10px 10px 10px;
}

section#contacto .contenedorspan .colD {
	display: inline-block;
	vertical-align: top;
	width: 64.9%;
	text-align: left;
	font-size: 14px;
	word-spacing: 0.1em;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	margin: 0 10px 10px 10px;
}

section#contacto .contenedorspan .colI h2 {
	font-size: 1em;
	text-transform: uppercase;
	font-family: "Intro", Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	color: rgb(155,106,65);
}

section#contacto .contenedorspan .colI p {
	font-size: 0.9em;
	text-align: justify;
}

section#contacto .contenedorspan .colD .contenedorspan {
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

section#contacto .contenedorspan .colD .contenedorspan .span2 {
	display: inline-block;
	vertical-align: top;
	width: 47%;
	text-align: left;
	font-size: 14px;
	word-spacing: 0.1em;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	margin: 0 10px 10px 10px;
}

section#contacto .contenedorspan .colD .contenedorspan .span2:nth-child(2n) {
	margin-right: 0;
}

section#contacto .contenedorspan .colD .contenedorspan .span2 input[type=text],
section#contacto .contenedorspan .colD .contenedorspan .span2 input[type=email] {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	background: rgb(252,244,214);	
	width: 90%;
	height: 35px;
	line-height: 35px;
	margin: 10px 0;
	padding: 0 5px;
	border: 2px solid rgb(155,106,65);
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

section#contacto .contenedorspan .colD .contenedorspan .span2 textarea {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	background: rgb(252,244,214);	
	width: 90%;
	height: 94px;
	line-height: 1.5em;
	margin: 10px 0;
	padding: 0 5px;
	border: 2px solid rgb(155,106,65);
	outline: none;
	resize: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

section#contacto .contenedorspan .colD .contenedorspan .span2 #siimage {
	width: 80px;
	height: 39px;
	border-radius: 4px;
	display: inline-block;
	vertical-align: top;
}

section#contacto .contenedorspan .colD .contenedorspan .span2 .refresh {
	text-decoration: none;
	color: rgb(95,150,217);
	display: inline-block;
	vertical-align: top;
	font-size: 2em;
	line-height: 1em;
	margin: 0 2px 0 5px;
	outline: none;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

section#contacto .contenedorspan .colD .contenedorspan .span2 .refresh:hover {
	color: rgb(65,192,27);
}

section#contacto .contenedorspan .colD .contenedorspan .span2 .custom_input {
	display: inline-block !important;
	width: 88px !important;
	vertical-align: top;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

section#contacto .contenedorspan .colD .contenedorspan .span2 button {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	background: rgb(255,255,255);
	text-align: center;
	font-family: "Intro-Inline", "Intro", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: rgb(0,0,0);
	text-transform: uppercase;
	text-decoration: none;
	width: 112px;
	height: 37px;
	line-height: 37px;
	border: 0;
	cursor: pointer;
}

section#contacto #mapa {
	height: 315px;
	border: 1px solid rgb(155,106,65);
	margin: 0 1px;
}

section#contacto .contenedorskin {
	text-align: center;
	color: rgb(255,255,255);
	background: rgb(155,106,65);
	padding: 30px 0px;
}

section#contacto .contenedorskin h1 {
	font-size: 1.3em;
	word-spacing: 0.1em;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	font-weight: 100;
	font-family: "Intro", Arial, Helvetica, sans-serif;
	color: rgb(0,0,0);
	text-align: center;
	background: rgb(155,106,65);
}

section#contacto .contenedorskin .adornoT2 {
	margin: 15px 0;
}

section#contacto .contenedorskin input[type=text],
section#contacto .contenedorskin input[type=password],
section#contacto .contenedorskin input[type=email] {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	background: rgb(215,215,215);	
	width: 460px;
	height: 35px;
	line-height: 35px;
	margin: 10px auto;
	padding: 0 5px;
	border: 0px;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

section#contacto .contenedorskin textarea {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	background: rgb(215,215,215);	
	width: 460px;
	height: 125px;
	line-height: 1.5em;
	margin: 10px auto;
	padding: 0 5px;
	border: 2px;
	outline: none;
	resize: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

section#contacto .contenedorskin input[type=submit] {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	background: rgb(255,255,255);
	text-align: center;
	font-family: "Intro-Inline", "Intro", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: rgb(155,106,65);
	text-transform: uppercase;
	text-decoration: none;
	width: 92px;
	height: 30px;
	line-height: 30px;
}

/* ######################################################################################## */
/* ##### MI CUENTA ######################################################################## */

section#cuenta {
	position: relative;
	background: rgb(255,255,255);
	color: rgb(153,153,153);
	font-family: Arial, Helvetica, sans-serif;
}

section#cuenta .datos {
	padding: 10px;
	background: rgb(0,0,0);
}

section#cuenta .datos .contenedorspan {
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
	text-align: center;
}

section#cuenta .datos .contenedorspan .foto {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 121px;
	height: 121px;	
	border: 1px solid rgb(255,255,255);
}

section#cuenta .datos .contenedorspan .foto img {	
	max-width: 121px;
	max-height: 121px;	
}

section#cuenta .datos .contenedorspan .acciones {
	display: none;
	font-size: 18px;
	color: rgb(255,255,255);
	position: absolute;
	bottom: 0;
	width: 100%;
}

section#cuenta .datos .contenedorspan .acciones button {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	vertical-align: top;
	background: rgb(255,255,255);	
	color: rgb(0,0,0);
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin: 10px 2px 2px 2px;
	padding: 0px;
	border: 0px;
	border-radius: 2px;
	outline: none;
	font-size: 18px;
	cursor: pointer;
}

section#cuenta .datos .contenedorspan .personal {
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: left;
	margin: 0 20px;
	width: 290px;
	min-height: 121px;
}

section#cuenta .datos .contenedorspan .personal p {
	font-size: 14px;
	word-spacing: 0.1em;
	line-height: 1.5em;
	color: rgb(255,255,255);
	padding: 0;
	margin: 0;
}

section#cuenta .datos .contenedorspan .personal button {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	position: absolute;
	bottom: 0;
	display: inline-block;
	background: rgb(255,255,255);	
	color: rgb(0,0,0);
	width: 100px;
	height: 26px;
	line-height: 26px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	border-radius: 4px;
	outline: none;
	font-size: 14px;
	cursor: pointer;
	box-shadow: rgba(0,0,0,0.6) 0px 2px 3px -1px;
}

section#cuenta .datos .contenedorspan .personal .editardatos {
	display: none;
	font-size: 14px;
	word-spacing: 0.1em;
	line-height: 1.5em;
	color: rgb(255,255,255);
}

section#cuenta .datos .contenedorspan .personal .editardatos label {
	display: block;
	margin-bottom: 5px;
}

section#cuenta .datos .contenedorspan .personal .editardatos input[type=text],
section#cuenta .datos .contenedorspan .personal .editardatos input[type=email],
section#cuenta .datos .contenedorspan .personal .editardatos input[type=tel] {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	background: rgb(252,244,214);	
	width: 180px;
	height: 20px;
	line-height: 20px;
	margin: 0px auto 10px auto;
	padding: 0 2.5px;
	border: 0px;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

section#cuenta .datos .contenedorspan .personal .editardatos button {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	position: relative;
	bottom: 0;
	display: inline-block;
	background: rgb(255,255,255);	
	color: rgb(0,0,0);
	width: 100px;
	height: 26px;
	line-height: 26px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	border-radius: 4px;
	outline: none;
	font-size: 14px;
	cursor: pointer;
	box-shadow: rgba(0,0,0,0.6) 0px 2px 3px -1px;	
}

section#cuenta .datos .contenedorspan .botonera {
	display: inline-block;
	vertical-align: top;
	text-align: right;
}

section#cuenta .datos .contenedorspan .botonera a.boton,
section#cuenta .datos .contenedorspan .botonera a.boton:visited,
section#cuenta .datos .contenedorspan .botonera a.boton:hover {
	moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	background: rgb(255,255,255);	
	color: rgb(0,0,0);
	width: 120px;
	height: 26px;
	line-height: 26px;
	margin: 0px 20px 0 0;
	padding: 0px;
	border: 0px;
	border-radius: 4px;
	outline: none;
	font-size: 14px;
	word-spacing: 0.1em;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	box-shadow: rgba(0,0,0,0.6) 0px 2px 3px -1px;
}

section#cuenta .datos .contenedorspan .botonera a.boton:last-child {
	margin-right: 0px;
}

/* ######################################################################################## */
/* ##### RESERVAS ######################################################################### */

section#reservas {
	position: relative;
	background: rgb(255,255,255);
	color: rgb(0,0,0);
	padding: 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

section#reservas .contenido {
	position: relative;
	padding: 0 10px;
}

section#reservas h1 {
	font-size: 1.3em;
	word-spacing: 0.1em;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	font-weight: 100;
	font-family: "Intro", Arial, Helvetica, sans-serif;
	color: rgb(0,0,0);
	text-align: center;
}

section#reservas p {
	color: rgb(0,0,0);
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0 auto;
}

section#reservas .tabla {
	display: table;
	width: 100%;
	border-bottom: 2px solid rgb(0,0,0);	
}

section#reservas .fila {
	display: table-row;
}

section#reservas .fila:nth-child(2n+1) {
	background: rgba(0,0,0,0.5);
}

section#reservas .fila:first-child {
	background: rgb(0,0,0);
	color: rgb(255,255,255);
	font-size: 0.8em;
}

section#reservas .celda {
	display: table-cell;
	padding: 0.4em;
	border-right: 1px dashed rgb(0,0,0);
}

section#reservas .fila:first-child .celda {
	display: table-cell;
	height: 25px;	
	line-height: 25px;
	padding: 0;
	border-right: 1px dashed rgb(255,255,255);
}

section#reservas .fila .celda:last-child {
	border-right: 0px;
	text-align: right;
	font-size: 0.8em;
}

section#reservas .fila .celda a.anular,
section#reservas .fila .celda a.anular:visited {
	color: inherit;
	text-decoration: none;
	display: inline-block;
	padding: 0.2em 0.5em;
	background: rgb(255,255,255);
	border: 1px solid rgb(155,106,65);
	border-radius: 8px;
	margin-top: 5px;	
	box-shadow: rgba(0,0,0,0.6) 0px 2px 3px -1px;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

section#reservas .fila .celda a.anular:hover {
	background: rgb(155,106,65);
}

section#reservas .fila .sinvalorar {
	cursor: pointer;
}

section#reservas .fila .sinvalorar i {	
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

/* ######################################################################################## */
/* ##### PIE ############################################################################## */

footer {
	position: relative;		
	height: 374px;
	padding-top: 20px;
	background: rgb(197,160,84);
	border-top: 2px solid rgb(155,106,65);
	overflow: hidden;
}

footer .contenido {
	position: relative;
	width: 1024px;
	margin: 0 auto;	
}

footer .contenedorspan {
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
	text-align: center;
}

footer .contenedorspan .span3 {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	text-align: left;
	font-size: 16px;
	word-spacing: 0.1em;
	line-height: 1.5em;
	font-family: "Intro-Inline", "Intro", Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	margin: 0 10px 10px 10px;
	height: 280px;
}

footer .contenedorspan .span3 a,
footer .contenedorspan .span3 a:visited {
	color: inherit;
	text-decoration: none;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

footer .contenedorspan .span3 a:hover {
	color: rgb(255,255,255);
}

footer .separadorpicascorto {
	width: 100%;
	height: 1px;
	background: rgb(155,106,65);
	margin: 13px 0;	
}

footer .separadorpicas {
	width: 100%;
	height: 1px;
	background: rgb(155,106,65);
	margin: 13px 0;	
}

footer .redes {
	margin-left: 40px;
	margin-top: 3px;
	display: inline-block;
	vertical-align: middle;
}

footer .redes .btn-facebook,
footer .redes .btn-google,
footer .redes .btn-twitter {
	display: inline-block;
	background: rgb(255,255,255);
	text-align: center;
	color: rgb(0,0,0) !important;
	text-decoration: none;
	width: 25px;
	height: 25px;
	line-height: 25px;
}

footer .redes .btn-facebook:hover,
footer .redes .btn-twitter:hover,
footer .redes .btn-google:hover {
	background-color: rgb(155,106,65);
}

footer .corporativo {
	text-align: center;
	font-family: "roboto";
	font-size: 1em;
	color: rgb(255,255,255);
}

footer .corporativo a,
footer .corporativo a:visited {
	color: inherit;
	text-decoration: none;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}

footer .corporativo a:hover {
	color: rgb(155,106,65);
}

/* ************** DISEŅO ***************** */
footer a.logo,
footer a.logo:visited {
	font-family: "roboto";
	position: relative;
	color: rgb(255,255,255);
	text-decoration: none;
	font-size: 1em;
	text-align: center;
}

footer a.logo:hover {
	-webkit-animation: animalogo 2s linear infinite;
	animation: animalogo 2s linear infinite;
}

footer a.logo:hover img {
	-webkit-animation: giralogo 2s linear ;
	animation: giralogo 2s linear ;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}

footer a.logo img {
	vertical-align: middle;
	display: inline-block;
	margin-top: -5px;
	height: 34px;
}

footer a.logo sub {
	display: block;
	color: rgb(255,255,255);
	font-size: 65%;
	position: absolute;
	bottom: -8px;
	right: 18px;
}

footer .numlogo {
	font-size: 115%;
	font-weight: bold;
}

/* ######################################################################################## */
/* ##### ANIMACIONES ###################################################################### */

@-webkit-keyframes animalogo {
    12.5% {color: rgb(95,125,150)}
    25%   {color: rgb(171,171,171)}
    50%   {color: rgb(96,94,90);}
    87.5% {color: rgb(243,176,16);}
	100%  {color: rgb(95,125,150);}
}

@keyframes animalogo {
    12.5% {color: rgb(95,125,150);}
    25%   {color: rgb(171,171,171);}
    50%   {color: rgb(96,94,90);}
    87.5% {color: rgb(243,176,16);}
	100%  {color: rgb(95,125,150);}
}

@-webkit-keyframes giralogo {
      0% {transform:rotate(0deg);}
     15% {transform:rotate(144deg);}
     50% {transform:rotate(216deg);}
     85% {transform:rotate(288deg);}	
	100% {transform:rotate(360deg);}
}

@keyframes giralogo {
      0% {transform:rotate(0deg);}
     15% {transform:rotate(144deg);}
     50% {transform:rotate(216deg);}
     85% {transform:rotate(288deg);}	
	100% {transform:rotate(360deg);}
}

/* ######################################################################################## */
/* ##### COLORES ########################################################################## */

.bgamarillo {
	background: rgb(155,106,65);
}

/* ######################################################################################## */
/* ##### OTRAS CLASES ##################################################################### */

.clearfloat {
	clear: both;
	line-height: 1px;
	padding: 0;
	margin: 0;
}

.fltlf {
	float: left !important;
}

.fltrt {
	float: right !important;
}

.algR {
	text-align: right !important;
}

.algC {
	text-align: center !important;
}

.algJ {
	text-align: justify !important;
}

.w464 {
	width: 464px !important;
}

.pdT0 {
	padding-top: 0px !important;
}

.pdT35 {
	padding-top: 35px !important;
}

.pdT0B0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.mgR30 {
	margin-right: 30px !important;
}

.mgR60 {
	margin-right: 60px !important;
}

.mgL30R30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

.mgT20 {
	margin-top: 20px !important;
}

.mgB20 {
	margin-bottom: 20px !important;
}

.dspIB-M {
	display: inline-block !important;
	vertical-align: middle !important;
}

.cursor {
	cursor: pointer;
}

.picaspie {
	display: none;
	position: absolute;
	width: 100%;
	height: 86px;
	bottom: 0px;
	background: url("../imagenes/bg-picas.png") repeat-x center bottom;
}	

.a2a_kit_size_32 {
	text-align: center;
	float: none;
}

.a2a_kit_size_32 a {
	margin: 0 4px;
	float: none !important;
	display: inline-block;
	vertical-align: middle;
}