/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Bilbo+Swash+Caps");

body{margin:0;padding:0;background:url(../images/bgr-body.jpg) center top repeat-x #000000;font-family:Georgia, "Times New Roman", Times, serif;}
	.pantalla{position:fixed;width:100%;height:100%;z-index:1;}
a{-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
hr {border-bottom-width:1px;border-top-style:none;border-right-style:none;border-bottom-style:dotted;border-left-style:none;border-bottom-color:#666666;border-top-width:0px;border-right-width:0px;border-left-width:0px;}
h1,h2,h3{font-family:'Bilbo Swash Caps', cursive;}
.capitular{font-family:'Bilbo Swash Caps', cursive;color:#6a2c0d;font-size:70px;float:left;margin:-15px 5px -16px 0;}

.nota{background:#6a2c0d;color:#FFFFDD;padding: 15px;border-radius: 25px;font-size: 0.8rem;}

#pagina{min-height:100%;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;width:1024px;position:relative;}

#header{height:200px;width:764px;position:absolute;z-index:5;top:5px;float:right;position:relative;background-image:url(../images/bgr-contenido_01.png);background-repeat:no-repeat;background-position:center top;}
	#header .sitemap{background:url(../images/metronomo.png);width:305px;height:354px;position:absolute;top:-230px;left:-130px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
		#header .sitemap:hover{top:-100px;}
	#header .sitemap a{width:305px;height:354px;display:block;}

#wrapper{width:764px;position:absolute;z-index:4;float:left;left:260px;top:205px;}
#content-container{position:relative;background-image:url(../images/bgr-contenido_02.gif);background-repeat:repeat-y;background-position:center bottom;z-index:5;width:764px;float:left;}
	.logo{margin: 0 86px;}
	#navbgr{width:764px;height:75px;position:absolute;z-index:6;background-image:url(../images/bgr-navegacion.png);background-repeat:no-repeat;background-position:center top;left:0px;top:0px;}
	#nav{width:764px;height:75px;position:absolute;z-index:7;top:0px;left:0px}
		#nav>ul{list-style-type:none;position:relative;padding-top:10px;padding-left:60px;height:37px;width:650px;}
			#nav>ul>li{float:left;display:inline;padding:0 10px;font-size:14px;text-transform:uppercase;}
				#nav>ul>li>a{display:block;height:37px;text-decoration:none;color:#6a2c0d;text-shadow:1px 1px 5px #ffe;}
					#nav>ul>li>a:hover{color:#FFFFDD;text-shadow:none;}
				#nav>ul>li>span{display:block;height:37px;color:#FFFFDD;text-shadow:1px 1px 5px #300;}
			
	#content {position:relative;}
		#content>.titulocentrado>h1{color:#300;padding:0 40px;text-align:center;font-family:'Bilbo Swash Caps', cursive;font-size:40px;margin:0;}
		
	#content>.titulo{margin:85px 55px 0 55px;background:url(../images/bgr-titulo.png);}
		#content>.titulo>h1{font-family:'Bilbo Swash Caps', cursive;color:#6a2c0d;text-shadow:1px 1px 5px rgba(102,0,0,0.3);font-size:50px;}
	#content>#seccIzq {width:205px;position:relative;float:left;z-index:6;margin-top:-25px;margin-left:55px;}
		#content>#seccIzq>a.fototaller{filter:sepia(100%);-webkit-filter:sepia(100%);-moz-filter:sepia(100%);-ms-filter:sepia(100%);-o-filter:sepia(100%);filter:gray;}
		#content>#seccIzq>a.fototaller:hover{filter:none;-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;}
		#content>#seccIzq>ul{list-style-type:none;padding-left:0;}
			#content>#seccIzq>ul>li{display: inline;font-size:14px;color:#6a2c0d;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#666666;float:left;}
				#content>#seccIzq>ul>li>a{text-decoration: none;color:#6a2c0d;font-size:14px;width:186px;display:block;height:28px;padding-top:7px;padding-left:5px;}
					#content>#seccIzq>ul>li>a:hover{background:#6a2c0d;color:#FFFFDD;}
		
	#content>#seccPrinc{width:425px;float:right;z-index:6;margin-top:-25px;margin-right:50px;position:relative;}	
		#content>#seccPrinc a{text-decoration:none;color:#6a2c0d;font-weight:bold;}	
			#content>#seccPrinc a:hover{text-decoration:underline;color:#ffffff;background:#6a2c0d;}
		#content>#seccPrinc>.subir{text-align:right;}
			#content>#seccPrinc>.subir>p>a{text-decoration:none;color:#FFFFDD;background:#6a2c0d;padding:5px 10px;border-radius:14px;}
				#content>#seccPrinc>.subir>p>a:hover{background:#990000;padding:6px 11px;}
				#content>#seccPrinc>a.fototaller{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray;}
		#content>#seccPrinc>a.fototaller:hover{filter:none;-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;}
	
	table{background: rgba(255, 255, 255, 0.5);border-radius:10px;padding:10px;}
	th{border-bottom:1px dotted #333;color:#6a2c0d;font-size:14px;}
	td{font-size:12px;padding:3px;}
	
#content-bottom {width:764px;position:relative;height:104px;background-image:url(../images/bgr-contenido_03.png);background-repeat:no-repeat;background-position:center bottom;float:left;}
	#content-bottom>p{width:764px;font-family:Arial, Helvetica, sans-serif;font-size:9px;color:#666666;position:relative;text-align:center;padding-top:5px;}
#footer{height:60px;width:764px;position:relative;float:left;}
 
	/*#txtlzr {margin-top:0px;padding:30px 40px;font-size:30px;width:620px;height:120px;color:red;text-shadow:0em 0.1em 0.2em rgba(0, 0, 0, 0.5);}
	#nav{height:30px;margin:-54px 0 0 242px;text-align:right;}
		#nav>a{padding:5px 15px;margin:0;background:rgba(0, 0, 0, 0.3);text-decoration:none;color:#eeeeee;border-radius:3px 3px 0 0;}
		#nav>a:hover{background:#cc092f;color:#FFCE00;}
		
#contenedor{width:900px;margin:0 auto;padding:30px;background:rgba(0,0,0,0.5);border-radius:0 0 20px 20px;box-shadow:0em 0.3em 1em rgba(0, 0, 0, 0.5);}
	.marca{color:#6a2c0d;font-weight:bold;font-size:1.2em;}
	.texto{margin-left:290px;}
		.texto>p>a{text-decoration:none;color:#6a2c0d;}
			.texto>p>a:hover{text-decoration:underline;color:#FFCE00;}
	.imgizq{float:left;margin:23px 0;}*/
	

#formulario{background:none;padding:0 80px;}
.formItem{margin:5px 0;}
	.formItem>.campo{font-size:16px;padding:10px;width:400px;border:solid 1px #999;border-radius:3px;color:#6a2c0d;}
		.formItem>.campo:focus{background:#6a2c0d;color:#FFFFDD;}
		#comentarios{height:120px;}
		#boton_enviar{margin-left:260px;text-shadow:0em 0.1em 0.2em rgba(0, 0, 0, 0.5);background:#6a2c0d;color:#FFFFFF;font-size:22px;padding:8px 40px;border-radius:10px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;cursor:pointer;}
			#boton_enviar:hover{background:#CC0000;color:#FFFFDD;padding:10px 50px;}
			.alerta{background:#dd0000;color:#FF6;padding:5px;text-align:center;}


#footer{height:150px;width:100%;}
	#footer>p{color:#ffffff;text-align:center;font-size:12px;}
		#footer>p>a{color:#FFFFFF;text-decoration:none;}
			#footer>p>a:hover{text-decoration:underline;color:#FFCC00;}
			
.cont-popup{background:rgba(0,0,0,0.75);margin:20px 20px 40px 20px;border-radius:30px;box-shadow:0em 0.3em 1em rgba(0, 0, 0, 0.5);padding:20px;}
	.cont-popup h1{color:#FFFFDD;}
	.fotoizq{float:left;width:28%;}
	.mapa{width: 71%;
    height: 304px;}


/*.twitter-bird {
	background-image: url(../images/twitter-bird-sprite.png);
	cursor: pointer;
	display: inline-block;
	height: 150px;
	width: 150px;}
.twitter-bird.step:hover {
	-webkit-animation: fly 0.2s steps(3) 0 infinite;
	-moz-animation: fly 0.2s steps(3) 0 infinite;
	animation: fly 0.2s steps(3) 0 infinite;}

@-webkit-keyframes fly {
	from { background-position: 0 0; }
    to { background-position: -450px 0; }
}

@-moz-keyframes fly {
	from { background-position: 0 0; }
    to { background-position: -450px 0; }
}

@keyframes fly {
	from { background-position: 0 0; }
    to { background-position: -450px 0; }
}*/


/* !CSS RESET */
/* prefix declarations */
/* THEME STYLES */
#sequence>ul>li{list-style:none;}
#sequence-theme {
  background:url(../images/carusel/bgr-foto.jpg) repeat-x #630;
  color: white;
  width: 680px;
  margin:30px auto 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  border:6px #FFE solid;
  box-shadow: 1px 1px 20px #000;
  /* prevent graphical glitches in WebKit browsers when using transitions */ }
  #sequence-theme .next,
  #sequence-theme .prev {
    color: white;
    cursor: pointer;
    display: none;
    font-size: 80px;
    font-weight: bold;
    position: absolute;
    opacity: 0.4;
    top: 140px;
    height: 41px;
    width: 39px;
    z-index: 20;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s; }
  #sequence-theme .prev {
    left: 40px;
    position: absolute; }
  #sequence-theme .next {
    position: absolute;
    right: 40px; }
  #sequence-theme .next:hover,
  #sequence-theme .prev:hover {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s; }
  #sequence-theme #sequence li > * {
    position: absolute;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
  #sequence-theme #sequence {
    min-height: 400px;
    margin: 0 auto;
    position: relative;
    max-width: 1400px; }
  #sequence-theme h2 {font-family:'Bilbo Swash Caps', cursive;
    font-size: 3em;
    line-height: 0.2em;
	text-shadow: 0em 0.1em 0.2em rgba(0, 0, 0, 0.5);
	color: #FFFFDD;
	padding: 1px 5px;}
  #sequence-theme .info {
	text-shadow:0.3em 0.3em 0.5em rgba(0, 0, 0, 1);
	background: rgba(0, 0, 0, 0.5);
	padding: 10px;
	border-radius: 10px;
    color:#ffffff;
    font-size: 1em;
    right: 150%;
    line-height: 1.2em;
    top: 100px;
    width: 35%;
    z-index: 10;
    vertical-align: middle;
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -ms-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s; }
  #sequence-theme .animate-in .info {
    right: 15%;
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -ms-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s; }
  #sequence-theme .animate-out .info {
    right: -150%;
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -ms-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s; }
  #sequence-theme .balloon {
    left: -100%;
    top: 70px;
    max-width: 70%;
    z-index: 6;
    -webkit-transition-property: left top;
    -moz-transition-property: left top;
    -ms-transition-property: left top;
    -o-transition-property: left top;
    transition-property: left top; }
  #sequence-theme .animate-in .balloon {
    left: -6%;
    top: 70px;
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -ms-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s;
    -webkit-transition-property: left top;
    -moz-transition-property: left top;
    -ms-transition-property: left top;
    -o-transition-property: left top;
    transition-property: left top;
    z-index: 4; }
  #sequence-theme .animate-out .balloon {
    left: 140%;
    top: 50px;
    z-index: 2;
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -ms-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s;
    -webkit-transition-property: left top;
    -moz-transition-property: left top;
    -ms-transition-property: left top;
    -o-transition-property: left top;
    transition-property: left top; }
  #sequence-theme .dedal {
    left: -50%;
    max-width: 40%;
    top: 800px;
    z-index: 6;
    -webkit-transition-property: left top;
    -moz-transition-property: left top;
    -ms-transition-property: left top;
    -o-transition-property: left top;
    transition-property: left top; }
  #sequence-theme .animate-in .dedal {
    left: 10%;
    top: 0px;
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -ms-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition-property: left top -webkit-transform;
    -moz-transition-property: left top -moz-transform;
    -o-transition-property: left top -o-transform;
    -ms-transition-property: left top -ms-transform;
    transition-property: left top transform;
    z-index: 4; }
  #sequence-theme .animate-out .dedal {
    left: 120%;
    top: 0px;
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -ms-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transition-property: left top -webkit-transform;
    -moz-transition-property: left top -moz-transform;
    -o-transition-property: left top -o-transform;
    -ms-transition-property: left top -ms-transform;
    transition-property: left top transform;
    z-index: 2; }
  #sequence-theme .sky {
    height: auto;
    width: 150%;
    left: -15%;
    opacity: 0;
    top: -15%;
    vertical-align: middle;
    z-index: 1;
    -webkit-transition-property: left top;
    -moz-transition-property: left top;
    -ms-transition-property: left top;
    -o-transition-property: left top;
    transition-property: left top; }
  #sequence-theme .animate-in .sky {
    left: -9%;
    opacity: 1;
    top: -15%;
    z-index: 1;
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -ms-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s;
    -webkit-transition-property: left top;
    -moz-transition-property: left top;
    -ms-transition-property: left top;
    -o-transition-property: left top;
    transition-property: left top; }
  #sequence-theme .animate-out .sky {
    left: 6%;
    opacity: 0;
    top: -15%;
    z-index: 1;
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -ms-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s;
    -webkit-transition-property: left top;
    -moz-transition-property: left top;
    -ms-transition-property: left top;
    -o-transition-property: left top;
    transition-property: left top; }
  #sequence-theme .boton {
    left: -30%;
    opacity: 0;
    max-width: 40%;
    top: 300px;
    z-index: 6;
    -webkit-transform-origin: 100%;
    -moz-transform-origin: 100%;
    -ms-transform-origin: 100%;
    -o-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-transition-property: left top;
    -moz-transition-property: left top;
    -ms-transition-property: left top;
    -o-transition-property: left top;
    transition-property: left top; }
  #sequence-theme .animate-in .boton {
    left: -7%;
    top: 230px;
    opacity: 1;
    z-index: 4;
    -webkit-transition-property: left top -webkit-transform;
    -moz-transition-property: left top -moz-transform;
    -o-transition-property: left top -o-transform;
    -ms-transition-property: left top -ms-transform;
    transition-property: left top transform;
    -webkit-transform-origin: 100%;
    -moz-transform-origin: 100%;
    -ms-transform-origin: 100%;
    -o-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -ms-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s; }
  #sequence-theme .animate-out .boton {
    left: -15%;
    opacity: 0;
    top: 300px;
    z-index: 2;
    -webkit-transition-property: left top -webkit-transform;
    -moz-transition-property: left top -moz-transform;
    -o-transition-property: left top -o-transform;
    -ms-transition-property: left top -ms-transform;
    transition-property: left top transform;
    -webkit-transform-origin: 100%;
    -moz-transform-origin: 100%;
    -ms-transform-origin: 100%;
    -o-transform-origin: 100%;
    transform-origin: 100%;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transition-duration: 3s;
    -moz-transition-duration: 3s;
    -ms-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s; }
  #sequence-theme .sequence-fallback .animate-in .boton {
    left: 20%;
    top: 200px; }

.facebook{position:fixed;right:-220px;top:20px;background:rgba(255, 255, 255, 0.7);padding: 5px 10px;width: 200px;height: 100px;border-radius: 6px;z-index: 5;}
.fb-btn{display:block;position:absolute;left:-50px;top:0;width:50px;height:50px;text-indent:-1000em;background:url(../images/facebook.png);background-size:cover;}
.fb-btn:hover{-webkit-filter:brightness(2);-ms-filter:brightness(2);-o-filter:brightness(2);filter:brightness(2);}