@charset "utf-8";
/* CSS Document */

#header{
	border-bottom: 2px groove rgba(255,255,255,0.75);
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.5);
	-o-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5);	
}
#top_bar{
	width:100%;
	height:25px;
	float: left;
	background:url(https://www.raulhurtado.com/images/sky_4.jpg) no-repeat center center fixed;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
}
.circular_img{
	cursor:pointer; background:url(https://www.raulhurtado.com/images/raul_8.jpg) center no-repeat; 
	background-size:189px; 
	width:100px; 
	height:100px; 
	margin-left:auto; 
	margin-right:auto; 
	display:block; 
	border: 5px solid #eee; 
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.bloque_boton{
	width:60%; 
	height:auto; 
	margin-left:20%; 
	margin-right:20%;	
}
#section_titles{
	width:100%;
	height:25px;
	float: left;
	/* gecko based browsers */
	background: -moz-linear-gradient(top, #212142, #1C6189);
	
	/* webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#212142), to(#1C6189));
	
	/* MSIE */
	filter: progid:DXImageTransform.Microsoft.Gradient(
	StartColorStr='#212142', EndColorStr='#1C6189', GradientType=1);
	
	/* IE 10+ */
	background-image: -ms-linear-gradient(top, #212142, #1C6189);
	
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(top, #212142, #1C6189);
	margin:0px auto auto auto;
	}
#section_subtitles{
		width:60%;
		margin-left:20%;
		margin-right:20%;
		margin-top:3%;
		margin-bottom:3%;	
	}
#genre2{
	width:100%;
	height:25px;
	float: left;
	/* gecko based browsers */
	background: -moz-linear-gradient(top, #212142, #1C6189);
	
	/* webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#212142), to(#1C6189));
	
	/* MSIE */
	filter: progid:DXImageTransform.Microsoft.Gradient(
	StartColorStr='#322d4d', EndColorStr='#003366', GradientType=1);
	
	/* IE 10+ */
	background-image: -ms-linear-gradient(top, #212142, #1C6189);
	
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(top, #212142, #1C6189);
	margin:0px auto auto auto;
}
#footer{
	width:100%;
	height:25px;
	float: left;
	-webkit-box-shadow:0 0 1em hsla(0, 0%, 0%, 1.0);
	-moz-box-shadow:0 0 1em hsla(0, 0%, 0%, 1.0);
	box-shadow:0 0 1em hsla(0, 0%, 0%, 1.0);
	/* previous colors */
	/* #CCFFCC, #55BDAF */
	/* previous colors */
	/* gecko based browsers */
	/* proposed colors */
	/* #316879, #F47A60, #7FE7DC, #CED7D8 */
	/* proposed colors */
	/* gecko based browsers */
	background: -moz-linear-gradient(top, #CCFFFF, #6194BC);
	
	/* webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#CCFFFF), to(#6194BC));
	
	/* MSIE */
	filter: progid:DXImageTransform.Microsoft.Gradient(
	StartColorStr='#CCFFFF', EndColorStr='#6194BC', GradientType=1);
	
	/* IE 10+ */
	background-image: -ms-linear-gradient(top, #CCFFFF, #6194BC);
	
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(top, #CCFFFF, #6194BC);
	margin:0px auto auto auto;
}
#wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding: 0 auto -100px;
}
#footer, .push {
	height: 100px; /* .push must be the same height as .footer */
}
#header_title h1{
	text-align: center;
	margin: 0px auto;
	font-family: 'Roboto Condensed', normal;
	font-size: 68px;
	color:#9C8AA5;
	text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;
	font-weight:bolder;
	padding-top:30px;
	float:left;
	width:96%;
	margin-left:2%;
	margin-right:2%;
}
#main_title h1{
	text-align: center;
	margin: 0px auto;
	font-family: 'Roboto Condensed', normal;
	font-size: 20px;
	color:#FFFFFF;
	text-shadow: -1px 0 #9C8AA5, 0 1px #9C8AA5, 1px 0 #9C8AA5, 0 -1px #9C8AA5;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;	
}
#header_title h2{
	text-align: center;
	margin: 0px auto;
	font-family: 'Open Sans', serif;
	font-size: 26px;
	color:#ffffff;
	font-weight:normal;
	padding-top:0px;
	padding-bottom:20px;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
}
#subtitle h2{
	text-align: center;
	margin: 0px auto;
	font-family: 'Roboto Condensed', normal;
	font-size: 18px;
	color:#FFFFFF;
	text-shadow: -1px 0 #9C8AA5, 0 1px #9C8AA5, 1px 0 #9C8AA5, 0 -1px #9C8AA5;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;	
}
#simple_title h2{
	text-align: center;
	margin: 0px auto;
	font-family: 'Roboto Condensed', serif;
	font-size: 20px;
	color:#000000;
	/*text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;*/
	font-weight:normal;
	padding-top:0px;
	padding-bottom:0px;
	float:left;
	width:100%;
	margin-left:0%;
	margin-right:0%;	
}
.info_block{
	float:left;
	width:100%;
	height:auto;
	background-color: rgba(33,33,66,0.5);
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:50px;	
}
.info_block h2{
	text-align: center;
	margin: 0px auto;
	font-family: 'Roboto Condensed', normal;
	font-size: 18px;
	color:#FFFFFF;
	text-shadow: -1px 0 #9C8AA5, 0 1px #9C8AA5, 1px 0 #9C8AA5, 0 -1px #9C8AA5;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;	
}
.info_block h1{
	text-align: center;
	margin: 0px auto;
	font-family: 'Roboto Condensed', normal;
	font-size: 20px;
	color:#FFFFFF;
	text-shadow: -1px 0 #9C8AA5, 0 1px #9C8AA5, 1px 0 #9C8AA5, 0 -1px #9C8AA5;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;	
}
#description_block{
	float:left; 
	width:100%; 
	height:auto; 
	padding-top:10px; 
	padding-bottom:10px; 
	color:#008; 
	text-align:center; 
	text-shadow: 0 1px 1px #fff; 
	background-color: rgba(33,33,66,1); 
	border-radius:20px;	
}
#description_block h2{
	text-align: center;
	margin: 0px auto;
	font-family: 'Roboto Condensed', normal;
	font-size: 23px;
	color:#FFFFFF;
	text-shadow: -1px 0 #9C8AA5, 0 1px #9C8AA5, 1px 0 #9C8AA5, 0 -1px #9C8AA5;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;	
}
#description_block h3{
	text-align: center;
	margin: 0px auto;
	font-family: 'Roboto Condensed', normal;
	font-size: 23px;
	color:#FFFFFF;
	text-shadow: -1px 0 #9C8AA5, 0 1px #9C8AA5, 1px 0 #9C8AA5, 0 -1px #9C8AA5;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;	
}
#description_block_2 h3{
	text-align: center;
	margin: 0px auto;
	font-family: 'Roboto Condensed', normal;
	font-size: 18px;
	color:#FFFFFF;
	text-shadow: -1px 0 #9C8AA5, 0 1px #9C8AA5, 1px 0 #9C8AA5, 0 -1px #9C8AA5;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;	
}
#section_titles h1{
	text-align: center;
	margin: 0px auto;
	font-family: 'Roboto Condensed', normal;
	font-size: 23px;
	color:#FFFFFF;
	text-shadow: -1px 0 #9C8AA5, 0 1px #9C8AA5, 1px 0 #9C8AA5, 0 -1px #9C8AA5;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;	
}
#section_titles h2{
	text-align: center;
	margin: 0px auto;
	font-family: 'Roboto Condensed', normal;
	font-size: 23px;
	color:#FFFFFF;
	text-shadow: -1px 0 #9C8AA5, 0 1px #9C8AA5, 1px 0 #9C8AA5, 0 -1px #9C8AA5;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;	
}
#section_titles h3{
	text-align: center;
	margin: 0px auto;
	font-family: 'Roboto Condensed', normal;
	font-size: 23px;
	color:#FFFFFF;
	text-shadow: -1px 0 #9C8AA5, 0 1px #9C8AA5, 1px 0 #9C8AA5, 0 -1px #9C8AA5;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;	
}
#section_titles h4{
	text-align: center;
	margin: 0px auto;
	font-family: 'Roboto Condensed', normal;
	font-size: 23px;
	color:#FFFFFF;
	text-shadow: -1px 0 #9C8AA5, 0 1px #9C8AA5, 1px 0 #9C8AA5, 0 -1px #9C8AA5;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;	
}
#genre2 h3{
	text-align: center;
	margin: 0px auto;
	font-family: 'Roboto Condensed', normal;
	font-size: 23px;
	color:#FFFFFF;
	text-shadow: -1px 0 #9C8AA5, 0 1px #9C8AA5, 1px 0 #9C8AA5, 0 -1px #9C8AA5;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;	
}
#quote_block h3{
	margin: 0px auto;
	font-family: 'Crimson Text', Georgia, Times, serif;
	font-size: 18px;
	color:#fff;
	text-shadow: none;
	font-weight:normal;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
}
#quote_block h4{
	margin: 0px auto;
	font-family: 'Goudy Bookletter 1911', Georgia, Times, serif;
	font-size: 18px;
	color:#09B3C3;
	text-shadow:none;
	font-weight:bolder;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
}
#copyright_text h4{
	text-align: center;
	margin: 0px auto;
	color:#000000;
	font-family: 'Roboto Condensed', normal;
	font-size: 18px/120%;
	font-weight:normal;
	padding-top:25px;
	float:left;
	width:96%;
	margin-left:2%;
	margin-right:2%; 	
}
#menu{
	color: #fff;
}
/*Strip the ul of padding and list styling*/
#header ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
#header li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}
/*Style for menu links*/
#header li a {
	display:block;
	min-width:140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: 'Roboto Condensed', normal;
	color: #fff;
	background: #2f3036;
	text-decoration: none;
	padding-left:5%;
	padding-right:5%;
}

.nav-link{
	display:block;
	width:160px;
	min-width:140px;
	height: 50px;
	text-align: center;
	line-height: 35px;
	font-family: 'Roboto Condensed', normal;
	color: #fff;
	background: #0066FF;
	text-decoration: none;
	padding-left:5%;
	padding-right:5%;
}

.navbar li a, .navbar .navbar-brand, #toggler-wrapper{
	color: #fff !important;
	background-color: #316879;
}

.collapse.show{
	/* fix issues with safari not scrolling down */
	overflow-y: auto;
	max-height: 300px;
}

.nav-link {
	/*background: #19c589;*/
	/*background: #09B3C3;*/
	background: #316879;
}
.nav-link:hover{
	/*background: #19c589;*/
	background: #0066FF;
	color: #fff;
}

/*Hover state for top level links*/
#header li:hover a {
	/*background: #19c589;*/
	background: #0066FF;
}

/*Style for dropdown links*/
#header li:hover ul a {
	/*background: #f3f3f3;*/
	background: #0066FF;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
#header li:hover ul a:hover {
	/*background: #19c589;*/
	background: #0066FF;
	color: #fff;
}
/*Hide dropdown links until they are needed*/
#header li ul {
	display: none;
}

/*Make dropdown links vertical*/
#header li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
#header li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
#headerul li a:hover + .hidden, #header .hidden:hover {
	display: block;
}
.blur{
	-webkit-box-shadow:0 0 1em hsla(0, 0%, 0%, 1.0);
	-moz-box-shadow:0 0 1em hsla(0, 0%, 0%, 1.0);
	box-shadow:0 0 1em hsla(0, 0%, 0%, 1.0);
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Roboto Condensed", normal;
	text-decoration: none;
	color: #fff;
	background: #55BDAF;
	text-align: center;
	padding: 10px 0;
	display: none;
	float:left;
	width:100%;
}

/*Hide checkbox*/
input[type=checkbox]{
	display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
	display: block;
}