/*================================================================
Boga Mendi Martxa CSS

================================================================*/

/* Valores por defecto
----------------------------------------------------------------*/
html,body,form,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5,h6,legend,pre,code {
  font-size: 1em;
}

a img,:link img,:visited img {
  border: none;
}

address {
  font-style: normal;
}


html, body {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  color: #666;
}

/* Tipografía etiquetas HTML
----------------------------------------------------------------*/
h1 {
  color: green;
  margin: 0 0 20px 0;
  padding: 3px 0;
  font-size: 24px;
}

h2 {
  color: #999;
  margin: 0 0 15px 0;
  padding: 0 0 2px 0;
  font-size: 18px;
}

h3 {
  margin: 0 0 15px 0;
  font-size: 14px;
}

p {
  color: #555;
  margin: 10px 0 10px 0;
  padding: 0;
  font-size: 12px;
  line-height: 15px;
}

a:link, a:visited {
  color: #00e;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

a:hover {
  color: #e00;
  text-decoration: underline;
}

.textocolor {
  color: green;
}

/* Logos para la impresión: normalmente ocultos, se visualizan mediante print.css
----------------------------------------------------------------*/
.logo_impresion { display:none; }

/* Marco Página
----------------------------------------------------------------*/
#marcopagina {
  position: relative;
  width: 780px;
  height: 100%;
  margin: auto;
  padding: 0;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}

/* Cabecera
----------------------------------------------------------------*/
#cabecera {
  position: relative;
  background: url(../images/logoak.jpg) top no-repeat;
  width: 780px;
  height: 110px;
}
#cabecera p {
  position: relative;
  margin: 0px 10px;
  padding: 0;
  float: right;
}
#cabecera a:link, #cabecera a:visited {
  color: #aaa;
  font-weight: bold;
}
#cabecera a:hover {
  color: #f00;
  text-decoration: none;
}

/* Menu
----------------------------------------------------------------*/
#menu {
  /*position: relative;*/
  width: 778px;
  height: 60px;
  border-top: 1px solid #f0f0f0;
}
#menu ul {
	list-style: none;
	float: left;
	margin-top:0px;
	margin-left:50px;
	padding:0;
}
#menu li {
  	display: block;
 	float: left;
 	width: 80px;
	margin: 15px;
	margin-right: 15px;
	padding: 2px;
	background: #f0f0f0;
	border: 1px solid #d0d0d0;
	text-align: center;
	/*text-indent:-999em;*/
}
#menu .selected {
	background: #dfd;
}
#menu a:link, #menu a:visited {
  display: block;
  color: #aaa;
}
#menu a:hover {
  display: block;
  color: #aaa;
  background: #dfd;
  text-decoration: none;
}

/* Contenido
----------------------------------------------------------------*/
#contenido {
  float: left;
  width: 720px;
  height: 100%;
  margin: 30px;
}
#contenido ul, #contenido ol {
  margin-left: 15px;
}
#contenido li {
  color: #555;
  font-size: 12px;
  margin: 10px 0 10px 0;
}
#contenido p {
  margin-left: 30px;
}
#contenido_imagen {
  float: left;
  width: 250px;
  padding: 0;
  margin: 0;
}
#contenido_imagen img {
  margin: 5px auto auto auto;
}
#contenido_texto {
  position: relative;
  float: right;
  width: 455px;
  padding: 0;
  margin: 0;
  text-align: left;
}
#contenido_texto h1 {
  margin-left: 20px;
}
#contenido_texto p {
  margin-left: 50px;
}
#contenido_texto ul, #contenido_texto ol {
  margin-left: 50px;
}
#contenido_texto li {
  color: #555;
  font-size: 12px;
  margin: 10px 0 10px 0;
}
#contenido_perfiles {
  position: relative;
  float: left;
  width: 700px;
  padding: 0;
  margin: 50px 0 0 0;
  text-align: left;
}
#contenido_perfiles table {
  border:1px #ccc solid;
  margin-top: 30px;
}
#contenido_perfiles .titulotabla td {
  border:1px #ccc solid;
  background: #f0f0f0;
  color: green;
  font-weight: bold;
}
#contenido_comollegar {
  position: relative;
  float: left;
  width: 700px;
  padding: 0;
  margin: 50px 0 0 0;
  text-align: left;
}
#contenido_comollegar label {
  padding:2px;
  color: #666;
  font-size: 12px;
  font-weight: bold;
}
#contenido_comollegar input, #formulario textarea {
  border:1px #ccc solid;
  padding:2px;
  color: #666;
  margin: 10px 0 10px 0;
}

#contenido_comollegar input:hover, #formulario textarea:hover {
  border:1px #cedc28 solid;
}

#contenido_comollegar input:focus, #formulario textarea:focus {
  border:1px #3a535e solid;
}


/* Formulario
----------------------------------------------------------------*/
#formulario {
  float: left;
  width: 500px;
  margin: 50px 0 0 120px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
#formulario input, #formulario textarea {
  border:1px #ccc solid;
  padding:2px;
  color: #666;
}

#formulario input:hover, #formulario textarea:hover {
  border:1px #cedc28 solid;
}

#formulario input:focus, #formulario textarea:focus {
  border:1px #3a535e solid;
}
#formulario table {
  border:1px #ccc solid;
}
#formulario .titulotabla td {
  border:1px #ccc solid;
  background: #f0f0f0;
  color: green;
  font-weight: bold;
}
#formulario .lopd td {
  color: #666;
  font-size: 12px;
}

/* Tablas
----------------------------------------------------------------*/
table {
  clear: both;
  border-collapse: collapse;
  text-align: left;
}

td {
  padding: 3px 3px;
  font-size: small;
}


/* Pie
----------------------------------------------------------------*/
#pie {
  clear: both;
  height: 100px;
}

#pie p {
  text-align: center;
  margin-top: 60px;
  font-size: 11px;
  padding: 5px 15px;
}