* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

body {
	font-family: Helvetica, Verdana, sans-serif	
}

.noscript {
	font-size: 1.5em;
	font-weight: bold;
	color: #FF4500;
	display: inline
}	

header, section, aside, footer { 
	display: block
}

#agrupar_body {	
	margin: 2% 10% 5% 10%;
	width: 80%
}

/*Estilos de cabecera*/

header {
	height: 160px;
	margin: auto;
	background: #000000
}

.logo, .title {
	display: inline-block
}

.title {
	height: 70px;
	width: 55%;
	padding-left: 5px;
	vertical-align: super	
}

.logo {
	width: 15%
}

h1 {
	color: #FAF660;
	font-size: 3.5em;
	letter-spacing: 8px	
}

.logo_cabecera {
	width: 110px;
	padding-top: 8px;
	padding-left: 8px;
	margin: 10px;
	vertical-align: bottom
}

/*Menu de navegación*/
nav {
	margin-bottom: 10px;
	background-color: #FDFCCE
}

ul.menu, ul.submenu {
	list-style-type: none;
  	background-color: #FAF660;
	margin: auto;
	padding-top: 15px	
}


ul.submenu {
	position: absolute;
	margin: auto;
	padding-left: 10px
}

#navSubmenu {
	visibility: hidden
}

li.submenu {
	padding-top: 20px;
	padding-bottom: 10px
}

li.menu {
	display: inline-block;
	list-style: none;
	font-weight: bold;
	padding: 10px 15px;
	margin: 2px 25px	
}

a.menu, a.submenu {
	display: block;
	color: mediumblue;
	text-decoration: none
}

.breadcrumbs {
	background-color: rgba(250,246,96,0.5);
	border-top: 1px solid #FF4500;
	border-bottom: 1px solid #FF4500	
}

.bread_testua, .sinEstilos {
	padding: 8px;
	display: inline-block;
	width: 45%
}

.bread_testua_1 {
	padding: 8px;
	display: inline-block
}

#sinEstilos {
	text-align: right	
}

#sinEstilos a {
	text-decoration: none
}


a:hover {
	color: #FFFFFF;
	background-color: #FF4500
}

/*Google maps*/
iframe {
	width: 290px; 
	height: 245px;
	border: 0
}



/*Sections*/
section{
	padding-left: 10px
}

#section_kutxa {
	width: 78%;
	background-color: #FDFCCE;
	float: left
}

h2, h3 {
	
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding-bottom: 20px
}

h2 {
	font-size: x-large;
	color: #000000;
	padding-top: 20px 
}

h3 {
	font-size: large;
	text-decoration: underline;
	margin-top: 20px
}


section p {
	padding-bottom: 1.2em
}

/*Flotatzen doazen elementuak*/
.kokapena_1, .zeregina_1 {
	width: 50%;
	float: left
}

.zeregina_1 {
	margin-left: 8%
}

.kokapena_2 {
	width: 45%;
	margin-left: 30px; 
	margin-bottom: 5px;
	float: right
}

.zeregina_2 {
	width: 40%;
	margin-right: 2%;
	float: right
}


/*taula*/
table {
	width: 80%;
	border: thin solid #596673;
	margin: 10px auto;
	background-color: #EEEEEE;
	font-size: smaller
}


th {
	text-align: center;
	padding: 6px;
	border: thin solid #596673;
	background-color: #9aa6b1
}

td {
	text-align: center;
	padding: 6px;
	border: thin solid #596673
}

caption {
	font-weight: bold;
	padding: 6px;
	border: thin solid #596673;
	background-color: #EEEEEE
}

/*Beste elementu batzuk*/
p.paragrafoa1 {	
	padding-bottom: 10px
}

ul, ol { 
  display: block;  
  margin-bottom: 1.2em;
  padding-left: 40px
}

ul {
	list-style-type: disc
}

li.zerrenda {
	padding-bottom: 1em
}

/*Irudiak*/
#oharra {
	width: 100px;
	height: 84px
}

#garobel {
	width: 95%;
	margin-left: 2%;
	margin-bottom: 2px
}

figcaption {
	margin-left: 4%;
	margin-bottom: 1em;
	font-style: italic
}

#maskarak {
	width: 250px
}

#mikroa {
	width: 250px;
	height: 182px
}

#ikuskizuna {
	width: 260px;
	height: 350px
}

#manaslu {
	width: 260px;
	height: 170px;
	vertical-align: super
}

/*Kontaktatzeko galdetegia*/
fieldset {
	width: 65%;
	line-height: 1.2em;
	margin-top: 0.8em;
	margin-bottom: 0.4em;
	margin-left: 5%;
	padding-left: 20px;
	padding-bottom: 0.7em;
	border: thin outset #596673;
	background-color: #EEEEEE;
	font-size: 1em	
}

legend {
	font-style: italic;
	font-weight: bold;
	font-size: 1.1em;
	padding-bottom: 1em;
	margin-top: 0em
}

input, select {
	padding-bottom: 0.7em
}

#idIzena, #idAbizenak, #idEmaila, #idTelefonoa {
	width: 80%;
	display: block;
	margin-top: 0.5em;
}

/*
label {
	vertical-align: text-top
}
*/

.radio {
	margin-right: 20px		
}

.botoiak {
	padding: 5px;
	margin-top: 0.5em;
	display: inline	
}

/* required atributuari dagokionez*/
input:invalid, textarea:invalid {
	border: 1px solid red;
	background-color: #d4d9de
}

input:valid, textarea:valid {
	border: 1px solid green
}


/*aside*/
aside {
	width: 22%;
	float: right;
	top: 50px;
	background-color: rgb(250,246,96);
	padding: 5px
}

h4 {
	font-size: medium;
	color: #000000;
	text-align: left	
}

h5 {
	font-size: medium;
	font-style: italic;
	color: #FF4500;
	text-align: left;
	padding-top: 1.5em;	
	padding-bottom: 0.5em
}

aside p {
	padding: 1em 5px
}

aside .logoak_1 {
	display: block;
	margin-left: 15%;
	margin-top: 10px;
	width: 95px;	
	height: 29px
}

aside .bideoak {
	width: 205px; 
	height: 190px
}

.data {
	font-style: italic;
	font-size: smaller;
	padding-top: 0.5em;
	padding-right: 3px;
	color: #696969;
	font-weight: bold
}

p.datuak {
	padding: 5px
}
hr {
	display: block;
  	margin-top: 0.5em;
  	margin-bottom: 0.5em;
  	margin-left: auto;
  	margin-right: auto;
  	border-style: solid;
  	border-width: 1px;
  	border-color: #999999
}

footer {
	clear:both;
	text-align:right;
	padding:20px;
	border-top:2px solid #999999	
}