/* RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }body {line-height: 1; }ol, ul {list-style: none; }blockquote, q {quotes: none; }blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none; }:focus {outline: 0; }ins {text-decoration: none; }del {text-decoration: line-through; }table {border-collapse: collapse; border-spacing: 0; } * {padding: 0; margin: 0; border: 0; }

* {
	margin: 0;
	padding: 0;
}

body {
	background:#999;
	color: #616161;
	font-size: 10pt;
	line-height:13pt;
	font-family: Helvetica, Arial; /* Helvetica Neue */
}

a { text-decoration:none; }
a, a:visited {  text-decoration: none; }
a:hover { text-decoration: none; }

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { text-align:center; }

a.sig { font-weight: bold; color: #fff; }

#wrap {
	width:100%;
	margin:0px auto 0px;
	background:none;
}

.content {
}

header {
	background:#000;
	height:0px;
}

ul { list-style: none; }

.buscar-himno {
	position: absolute;
	z-index: 50;
}

.buscar-himno input {
	width: 45px;
	background: #fff;
	color: #000;
	opacity: 0.3;
	display:inline-block;
	font-family: inherit;
	font-size: 10px;
	padding: 3px 5px;
	margin: 5px 0px 0px 5px; 
	border: solid 1px #444;
	border-top-left-radius:4px;
	border-bottom-left-radius: 4px;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.buscar-himno input[type=text]:focus {
	border-color: #729fcf;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-webkit-transition: all .5s;
}

.buscar-himno button.himno {
	padding: 3px 5px;
	border: solid 1px #444;
	border-top-right-radius:4px;
	border-bottom-right-radius: 4px;
	border-left: none;
	background: #666;
	color: #fff;
	opacity: 0.3;
	font-size: 10px;
	margin: 0px 0px 0px -4px;
	display: inline-block;
}

/** Glidejs styles **/
.slider {
	position: relative;
	width: 100%;
	height: 750px;
	overflow: hidden;
}

.slides {
	height: 100%;
	overflow: hidden;
	/** 
	* Prevent blinking issue
	* Not tested. Experimental.
	*/
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;

	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.slide {
	height: 100%;
	float: left;
	clear: none;
	overflow: hidden;
}

.slide blockquote {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
	top: 10%;
	left: 0;
	font-weight: 400;
	font-size: 40px;
	text-align: center;
	line-height: 60px;
	z-index: 2;
}
.slide h1 { /* titulo */
	position: absolute;
	width: 100%;
	padding: 0px;
	margin: 100px 0 0 0;
	font-size: 50px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 65px;
	text-align: center;
	color: #fff;
	/*text-shadow: -2px -2px 1px #000, 
			2px 2px 1px #000, 
			-2px 2px 1px #000, 
			2px -2px 1px #000;
	filter: drop-shadow(0 0 1px #000)
	drop-shadow(1px 1px 0 #000)
	drop-shadow(-1px 1px 0 #000)
	drop-shadow(1px -1px 0 #000);*/
}
.slide h2 { /* num estrofa */
	position: absolute;
	width: 100%;
	top: 0%;
	padding: 0px;
	margin: 0;
	font-size: 26px;
	font-weight: 600;
	letter-spacing: 8px;
	line-height: 50px;
	text-transform: normal;
	text-align: center;
	color: #fff;
}
.slide h3 { /* numero */
	position: absolute;
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 60px;
	font-weight: lighter;
	letter-spacing: 3px;
	line-height: 50px;
	text-align: center;
	color: #06357a;
}
.slide h4 { /* autores */
	position: absolute;
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-top: 300px;
	font-size: 14px;
	font-weight: lighter;
	letter-spacing: 4px;
	line-height: 32px;
	text-transform: uppercase;
	text-align: center;
	color: #000;
}
.slide pre { /* parrafos */
	position: absolute;
	width: 100%;
	top: 20%;
	padding: 0px;
	margin: 0px auto;
	margin-top: 50px;
	display: inline-block;
	font-family: Helvetica, sans-serif;
	font-size: 40px;
	font-weight: 500;
	line-height: 60px;
	text-align: center;
	letter-spacing: 1px;
	color: #fff;
	/*text-shadow: -2px -2px 1px #000, 
			2px 2px 1px #000, 
			-2px 2px 1px #000, 
			2px -2px 1px #000;
	filter: drop-shadow(0 0 1px #000)
	drop-shadow(1px 1px 0 #000)
	drop-shadow(-1px 1px 0 #000)
	drop-shadow(1px -1px 0 #000);*/
}

.slider-arrows {}

.slider-arrow {
	position: absolute;
	display: block;
	margin-bottom: -20px;
	padding: 200px 15px;
	font-family: 'Alegreya Sans', 'Trebuchet MS', sans-serif;
	text-decoration: none;
	font-weight: 900;
	font-size: 3.0em;
	color: #fff;
	border-radius: 8px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	opacity: .4;
}
.slider-arrow:hover {
	color: #666;
}
.slider-arrow--right { bottom: 30%; right: 30px; }
.slider-arrow--left { bottom: 30%; left: 30px; }


.slider-nav {
	position: absolute;
	bottom: 0px;
	opacity: .4;
}

.slider-nav__item {
	width: 12px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	background: #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.slider-nav__item:hover { background: #666; }
.slider-nav__item--current, .slider-nav__item--current:hover { background: #999; }