/*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;} */
/*MAIN*/
body {
	font-size:1.05em;
	line-height: 1.25em;
	color: #ad9f84;
	/*background-color: #66ff33;*/
	background: black url("../img/backg_body.jpg");
}
hr {
	display:block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ad9f84;
	margin: 1em 0;
	padding: 0;
}
table {
	width: 100%;
}
h3 {
	font-family: 'Courgette',
	cursive;
	text-align: center;
	padding-bottom: 20px;
	color: orange;
}
a {
	color: bisque;
	font-style: italic;
	text-decoration: none;
	text-shadow: 2px 2px 4px #000000;
}
a:hover {
	color: white;
	font-weight: bold;
}
a:visited {
	color: bisque;
}
a:active {
	color: bisque;
}
img {
	box-shadow: 8px 8px 18px #000000;
}
header {
	box-shadow: 8px 8px 18px #000000;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 2px solid #000;
	background: transparent url(../img/backg_hole.jpg) center;
    transition: top 0.2s ease-in-out;
}
		img.logo_page {
			width:100%;
			height:100%;
			box-shadow: 0px 0px 0px #000000;
		}
		#logo_page {
			width:192px;
			height:76px;
			margin-top: 0;
			float: left;
			margin: auto;
		}
		nav {
			float: right;
			padding: 0px;
				/*background-color: blue;*/
		}
		.nav-up {/*creado por script "Hide Header on on scroll down" (jquery-3.3.1.min.js)*/
		    top: -80px;
		}
		#menu-icon {
			display: hidden;
			width: 40px;
			height: 40px;
			background: transparent url(../img/menu-icon.png) center;
		}
		a:hover#menu-icon {
			background-color: #8B7D62;
			border-radius: 4px 4px 0 0;
		}
		ul {
			list-style: none;
		}
		li {
			display: inline-block;
			float: left;
			padding: 10px
		}
		.current {/*Link desactivado*/
			color: orange;
			font-weight: bolder;
		}
		.facebook{
			position: absolute;
			right: 8px;
			top: 88px;
			width: 50px;
			height: 50px;
				/*background-color: yellow;*/
		}
		.facebook img {
			width: 50px;
			height: 50px;
		}
.espacio_horiz_back_header{/*Espacio 'detrás' del header*/
	height: 76px;/*height de #logo_page*/
	clear: left;
	/*background-color: green;*/
}
section {
	margin: 0px auto;
	width: 80%;
	/*background-color: transparent;*/
}
		section.semipage {/*debajo de espacio_horiz_back_header: margin: 76px auto;*/
			background: transparent url("../img/bg_trans.png");
			border: 5px solid black;
			padding-top: 50px;
			/*background: url("../img/backg_center_b.jpg");*/
		}
		h1 {
			font-size: 2em;
			color: #2262AD;
			line-height: 1.15em;
			margin: 20px 0 ;
		}
		p {
			line-height: 1.45em;
			margin-bottom: 20px; margin-left: 15px; margin-right: 15px;
		}
/*-----------------------------------------------------------------*/ 
/*-----------------------------------------------------------------*/  
/*-----------------------MEDIA QUERY-------------------------------*/   
/*-----------------------------------------------------------------*/    
/*-----------------------------------------------------------------*/     
@media only screen and (max-width: 800px){
	#menu-icon {
		display:inline-block;
	}
	nav {
		float: right;
	}
	nav ul, nav:active ul {
		display: none;
		position: absolute;
		padding: 0px;
		border: 2px solid #8B7D62;
		right: 20px;
		top: 0px;
		max-width: 50%;
		border-radius: 4px 0 4px 4px;
	}
	nav li {
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		border: 2px solid #8B7D62;
		background-image: url("../img/center_a.jpg");
	}

	nav:hover ul {
		display: block;
	}
	/*li.somos,li.guitarras,li.estamos,li.imagenes,li.idioma {
		background-image: url("../img/center_a.jpg");
	}*/
	.facebook{
		left: 8px;
		top: 88px;
		/*z-index: -1;*//*la pasa detras del menu desplegable*/
	}
	.espacio_horiz_back_header{
		height: 65px;
		/*background-color: blue; */
	}
	.semipage {

		margin: 0 0;
		width: 100%;
	}
	img.semipage{
		width: 50%;
	}
}
/*-----------------------------------------------------------------*/ 
@media only screen and (max-width: 480px){
	.facebook{
		left: 0px;
		top: 88px;
		width: 30px;
		height: 30px;
	}
	.facebook img {
		width: 30px;
		height: 30px;
	}
}
/*-----------------------------------------------------------------*/ 
@media only screen and (max-width: 240px){
	#logo_page{
		width: 100%;
		height: 100%;
	}
	.espacio_horiz_back_header{/*Espacio 'detrás' del header*/
		height: 100px;/*height de #logo_page*/
	}
}