.Titulo {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial;
	text-align: justify;
}
.Descripcion {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
}
.Descripcion_negrita {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
}

@font-face {
    font-family: edwardian;
    src: url(../Images/EdwardianScriptITC.ttf);
}

.header-btn1 {
  font-family: Arial;
  color: #000000;
  font-weight: bold;
  font-size: 15px;
  padding: 7px 7px;
  text-decoration: none;
  border-width: 0px;
  background: none;
  position: absolute;
	top: -18px;
}

.header-btn1:hover {
  background: #e0e2e3;
  text-decoration: none;
}

.header-btn2 {
  font-family: Arial;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  padding: 7px 7px;
  text-decoration: none;
  border-width: 0px;
  background: none;
  position: absolute;
	top: -237px;
	-webkit-transform:scale(2.0, 1.0);
	-moz-transform:scale(0.85, 1.0);
	-ms-transform:scale(0.85, 1.0);
	-o-transform:scale(0.85, 1.0);
	transform:scale(0.85,1.0);
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}

.header-btn2:hover {
  /*background: #e0e2e3;*/
  color: #000;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
  text-decoration: none;
	text-shadow: none;
}

.footer-btn {
  font-family: Arial;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  padding: 7px 7px;
  text-decoration: none;
  border-width: 0px;
  background: none;
  position: absolute; top: -15px;
}

.footer-btn:hover {
  background: #e0e2e3;
  color: #000;
  text-decoration: none;
}

.cursive {
  font-family: edwardian, cursive !important;
}

.Pinturas {
	color: black;
	font-size: 36px;
	position: absolute;
	top:-22px;
	left: 820px;
	/*font-weight: 300;*/
	text-shadow: 1px 1px 2px black;
}

.Pinturas2 {
	color: rgba(255, 255, 200, 0);
	/*opacity: 0;*/
	font-size: 36px;
	position: absolute;
	top:-22px;
	left: 820px;
	font-weight: bold;
	text-shadow: 1px 2px 0px rgba(255, 255, 200, 1);
}

/*.come-in {
	transition: all 4s ease-in 1s;
}*/

/*ANIMATION*/

.come-in {

	font-size: 0px;
	top: -5px;
	left: 850px;

    -moz-animation-name: comeIn;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 0.6s;
		-moz-animation-delay: 4.4s;
		-moz-animation-fill-mode: forwards;

    -webkit-animation-name: comeIn;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 0.6s;
		-webkit-animation-delay: 4.4s;
		-webkit-animation-fill-mode: forwards;

    animation-name: comeIn;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.6s;
		animation-delay: 4.4s;
		animation-fill-mode: forwards;
}
@-moz-keyframes comeIn {
	0% {
			font-size: 0px;
			top: -5px;
			left: 850px;
	}
	100% {
			font-size: 36px;
			top:-22px;
			left: 820px;
	}
}
@-webkit-keyframes comeIn {
	0% {
			font-size: 0px;
			top: -5px;
			left: 850px;
	}
	100% {
		font-size: 36px;
		top:-22px;
		left: 820px;
	}
}
@keyframes comeIn {
    0% {
        font-size: 0px;
				top: -5px;
				left: 850px;
    }
    100% {
			font-size: 36px;
			top:-22px;
			left: 820px;
    }
}

.come-down1 {

    -moz-animation-name: comeDown;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 0.6s;
		-moz-animation-delay: 0.2s;
		-moz-animation-fill-mode: forwards;

    -webkit-animation-name: comeDown;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 0.6s;
		-webkit-animation-delay: 0.2s;
		-webkit-animation-fill-mode: forwards;

    animation-name: comeDown;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.6s;
		animation-delay: 0.2s;
		animation-fill-mode: forwards;
}
.come-down2 {

    -moz-animation-name: comeDown;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 0.6s;
		-moz-animation-delay: 0.8s;
		-moz-animation-fill-mode: forwards;


    -webkit-animation-name: comeDown;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 0.6s;
		-webkit-animation-delay: 0.8s;
		-webkit-animation-fill-mode: forwards;


    animation-name: comeDown;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.6s;
		animation-delay: 0.8s;
		animation-fill-mode: forwards;

}
.come-down3 {

    -moz-animation-name: comeDown;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 0.6s;
		-moz-animation-delay: 1.4s;
		-moz-animation-fill-mode: forwards;


    -webkit-animation-name: comeDown;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 0.6s;
		-webkit-animation-delay: 1.4s;
		-webkit-animation-fill-mode: forwards;


    animation-name: comeDown;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.6s;
		animation-delay: 1.4s;
		animation-fill-mode: forwards;

}
.come-down4 {

    -moz-animation-name: comeDown;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 0.6s;
		-moz-animation-delay: 2.0s;
		-moz-animation-fill-mode: forwards;


    -webkit-animation-name: comeDown;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 0.6s;
		-webkit-animation-delay: 2.0s;
		-webkit-animation-fill-mode: forwards;


    animation-name: comeDown;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.6s;
		animation-delay: 2.0s;
		animation-fill-mode: forwards;

}
.come-down5 {

    -moz-animation-name: comeDown;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 0.6s;
		-moz-animation-delay: 2.6s;
		-moz-animation-fill-mode: forwards;


    -webkit-animation-name: comeDown;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 0.6s;
		-webkit-animation-delay: 2.6s;
		-webkit-animation-fill-mode: forwards;


    animation-name: comeDown;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.6s;
		animation-delay: 2.6s;
		animation-fill-mode: forwards;

}

.come-down1, .come-down2, .come-down3, .come-down4, .come-down5 {
	opacity: 0;
	top: -250px;
}

.come-up1, .come-up2, .come-up3 {
	opacity: 0;
	top: -250px;
}

.come-up1 {

    -moz-animation-name: comeUp;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 0.6s;
		-moz-animation-delay: 3.2s;
		-moz-animation-fill-mode: forwards;

    -webkit-animation-name: comeUp;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 0.6s;
		-webkit-animation-delay: 3.2s;
		-webkit-animation-fill-mode: forwards;

    animation-name: comeUp;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.6s;
		animation-delay: 3.2s;
		animation-fill-mode: forwards;
}
.come-up2 {

    -moz-animation-name: comeUp;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 0.6s;
		-moz-animation-delay: 3.8s;
		-moz-animation-fill-mode: forwards;


    -webkit-animation-name: comeUp;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 0.6s;
		-webkit-animation-delay: 3.8s;
		-webkit-animation-fill-mode: forwards;


    animation-name: comeUp;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.6s;
		animation-delay: 3.8s;
		animation-fill-mode: forwards;

}

.come-up3 {

    -moz-animation-name: comeUp;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 0.6s;
		-moz-animation-delay: 4.4s;
		-moz-animation-fill-mode: forwards;


    -webkit-animation-name: comeUp;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 0.6s;
		-webkit-animation-delay: 4.4s;
		-webkit-animation-fill-mode: forwards;


    animation-name: comeUp;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.6s;
		animation-delay: 4.4s;
		animation-fill-mode: forwards;

}

@-moz-keyframes comeDown {
	0% {
			opacity: 0;
			top: -250px;
	}
	100% {
			opacity: 1;
			top: -237px;
	}
}
@-webkit-keyframes comeDown {
	0% {
			opacity: 0;
			top: -250px;
	}
	100% {
			opacity: 1;
			top: -237px;
	}
}
@keyframes comeDown {
    0% {
				opacity: 0;
        top: -250px;
    }
    100% {
				opacity: 1;
        top: -237px;
    }
}

@-moz-keyframes comeUp {
	0% {
			opacity: 0;
			top: 0px;
	}
	100% {
			opacity: 1;
			top: -18px;
	}
}
@-webkit-keyframes comeUp {
	0% {
			opacity: 0;
			top: 0px;
	}
	100% {
			opacity: 1;
			top: -18px;
	}
}
@keyframes comeUp {
    0% {
				opacity: 0;
        top: 0px;
    }
    100% {
				opacity: 1;
        top: -18px;
    }
}

/*END OF ANIMATIONS*/

.nueva-pagina {
	text-shadow: 0px 0px 4px #FFDD22;
}

#verso {
  padding-top: 56px;
  background-image: url("../Images/Fondo.jpg");
  background-repeat: no-repeat;
  width: 900px;
  height: 1244px;
  color: white;
  font-family: edwardian, cursive;
  font-weight: 300;
  font-size: 28px;
  text-align: left;
  text-shadow: 0px 0px 0.5px white;
}

#verso div {
  margin-left: 524px;
  height: 1.2em;
}

.section-title {
	font-family: edwardian, cursive;
	font-size: 37px;
	text-shadow: 0px 0px 0.5px black;
	height: 50px;
	width: 100px;
}

.tooltip {
	position:absolute;
	background-color: #ffe;
	padding: 5px;
	border: solid black 2px;
	box-shadow: 3px 5px 3px rgba(0,0,0,0.7);
	visibility:hidden;
	pointer-events: none;
}

.tooltip p {
	height: 1em;
	margin: 0px;
}

#Map area:hover + .tooltip {
	visibility: visible;
}

#Map area + .tooltip:hover {
	visibility: visible;
}

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

.galleria{ width: 890px; height: 640px; background: #000 }

.galleria-stage .galleria-image img {
	border-color: white;
	transform: scale(0.95, 0.95) translateX(100px) !important;
	/*float: right;*/
	/*position: static !important;*/
	/*margin-right: 20px;*/
	/*margin: 0 auto;*/
	border-width: 1px;
	border-style: solid;
	/*z-index: 20;*/
	/*margin: 10px;*/
	/*border-radius: 1px;*/
}

.galleria-stage .galleria-image img[src="Bodegas/3.jpg"], .galleria-stage .galleria-image img[src="Bodegas/9.jpg"] {
	transform: scale(0.95, 0.95) !important;
}

/*.nano { background: #bba; width: 500px; height: 500px; }*/
.nano .nano-content { padding: 10px; }
.nano .nano-pane   { background: #888; }
.nano .nano-slider { background: #111; }

.caption {
	position: absolute;
	color: white;
	z-index: 20;
	text-align: left;
	display: none;
	font-family: arial, sans-serif;
	font-size:14px;
}
.caption p {
	margin: 0.2em;
}

.stage {
	position:relative;
	display:inline-block;
	height:640px;
	width:890px;
	margin:0px;
}

.galleria {
	background-color: rgba(0,0,0,0);
}

.galleria-container {
	background-color: rgba(0,0,0,0) !important;
}

.galleria-info-link {
	display: none;
}

.sidebar a {
		display: block;
		margin: 3px 0px;
}

.sidebar a:hover img {
	box-shadow: 0px 0px 7px white;
}

.sidebar a:hover + span {
	visibility:visible;
}

.sidebar {
	/*overflow-y: scroll;*/
	display:inline-block;
	height:640px;
	width:100px;
	margin:0px;
	background-color:black;
}

.sidetext {
	color: white;
	font-family: arial, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}

/*img[src="Bodegas/1.jpg"][style~="opacity:1"] #caption1 {
	visibility: visible;
}

img[src="Bodegas/2.jpg"][style~="opacity:1"] #caption2 {
	visibility: visible;
	}*/


.audio-control {
	/*margin-top: 3px;*/
	max-width: 13px;
	border: 1px white solid;
	padding: 2px;
	position: relative;
	top: -5px;
	-webkit-filter: brightness(75%);
	/*filter: -webkit-grayscale(0.5) -webkit-blur(10px);*/
}

#audio-control {
	position: absolute;
	left: 800px;
	z-index: 10;
	color: #ddd;
	padding: 0px;
	font-size:14px;
}

#audio-control p {
	display: inline-block;
	height: 0px;
	position: relative;
	top: -10px;
	background-color: red;
}