/**********************************

Content: Basic Layout Stylesheet Document for Screen
Author: Ales Martin Ibarzabal  //  www.amistudio.eu

***********************************/


/* =Globals
--------------------------------------------------------------------------------------------------- */

* {
	direction: ltr;        /* direction: left to right */
	/*direction: rtl;*/      /* direction: right to left */
}

html{
	height:100%;
	overflow:-moz-scrollbars-vertical;
}

body {
	height:100%;
	margin:0 auto;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	background: url(../../../image/background_body.png) repeat-x #ffffff;
	color:#585969;
	
	font-family:"Lucida Sans Unicode";
	font-size:12px;
}

h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
	font-weight:normal;
}

p {
	font-family:"Lucida Sans Unicode";
	font-size:12px;
	line-height:20px;
}

span.strong {
    font-weight:bold;
}
ul, li {
	margin:0;
	padding:0;
	list-style:none;
}



form, label, input, textarea {
	margin:0;
	padding:0;
}

a:link  {

}

a:hover {

}

a:visited {

}

a:active {

}

a.hidden_help, p.hidden_help {
	position: absolute;
	left: -900em;
}

a img {
	border:none;
}

a.vermapa {
    background:url(../../../image/bg_vermapa.png) no-repeat 0px 6px;
    display:block;
    padding:4px 0 4px 15px;
    float:right;
    margin-right:225px;
    text-decoration:underline;
    color:#9a9ca1;
}

a.vermapa:hover {
    text-decoration:none;
}

a.blank {
     
    text-decoration:underline;
    color:#9a9ca1;
}

a.blank:hover {    
    text-decoration:none;
    color:#9a9ca1;
}

a.acrobat {
	float:left;
	background:url(../../../image/bg_reader.png) top left no-repeat;
	display:block;
	padding:3px 0 0 128px;
	height:34px;
	margin:15px 0 0 0;
	text-decoration:underline;
	color:#666666;
}

a.acrobat:hover {
	text-decoration:none;
}

div.reset {
	clear:both;
}

div.reset2 {
	clear:both;
    margin-bottom:10px;
}

div.introduce {
	background:#f3f7f9;
	border-top:1px solid #e5e7ef;
	border-bottom:1px solid #e5e7ef;
	padding:10px 0 0 15px;
	margin: 0px 0 15px;
	font-family:"Lucida Sans Unicode";
	font-size:13px;
	line-height:20px;
	color:#0a5b90;	
}

div.izq_cont {
    padding-top:10px;
    padding-left:10px;
    width:180px;
    float:left;
}

div.der_cont {
  
    width:400px;
   float:left;
}

dl.azpi dt {
        float:left;
        clear:both;
        width:90px;
        padding-left:15px;
}

dl.azpi dd {
        float:left;
       /* border:1px solid red;*/
        width:73%;
        margin:0;
        padding:0;
}

dl.azpi dd.bigarrena {
      margin-left:105px; 
     
}

ul.azpi li {
    margin-left:15px;
    padding-left:10px;
    background:url('/image/background_interesting_plac.png') 0px 6px no-repeat;
    margin-bottom:5px;
}

div.bg_grey {
    padding:15px;
    background:#f5f5f5;
}

div.bg_grey a {
    background:url(../../../image/bg_azpiegiturak.gif) no-repeat 0px 3px;
    padding-left:15px;
    color:#585969;
    line-height:20px;
}

div.bg_grey a:hover {
     text-decoration:none;
     color:#000;   
}

a.itzuli {
    background:url(../../../image/itzuli.png)  no-repeat 4px 7px;
    font-size:12px;
    color:#000;
    margin-left:15px;
    border:1px solid #f3f3f3;
    padding-top:0px;
    padding-right:6px;
    padding-bottom:4px;
    padding-left:14px;
    margin-top:15px;
}

a.itzuli:hover {
    text-decoration:none;
    background:url(../../../image/itzuli.png) no-repeat 2px 7px;
}

ul#nav {
    
}

ul#nav a {
    font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#585969;
    text-decoration:underline;     
}

ul#nav a:hover {
    text-decoration:none;     
}

ul#nav li.aurrekoa  {
    float:left;
    width:35%;
    
}

ul#nav li.hurrengoa {
    text-align:right;
    float:right;
    width:49%;
}

ul#nav li.aurrekoa a {
    margin-left:20px;
    display:block;
    background:url(../../../image/bg_less.png) no-repeat left center;
    padding-left:10px;
    font-size:12px;
}

ul#nav li.aurrekoa a:hover {
    background:url(../../../image/bg_less.png) no-repeat  left center;
    padding-left:10px;
}

ul#nav li.hurrengoa a {
    margin-left:20px;
    display:block;
    background:url(../../../image/bg_more.png) no-repeat right center;
    padding-right:10px;
    font-size:12px;
}

ul#nav li.hurrengoa a:hover {
    background:url(../../../image/bg_more.png) no-repeat  right center;
    padding-right:10px;
}

ul#nav li.hurrengoa a {
    text-align:right;
    float:right;
    margin-right:40px;
    display:block;
}

/*  =type1
--------------------------------------------------------------------------------------------------- */

body.type1 div#content {
	
}

body.type1 div#left_side p {
	padding-left:15px;
	padding-right:10px;
}

body.type1 div#left_side div.introduce p {
	padding-left:0px;
}

body.type1 div#left_side {
	width:415px;
	margin-left:15px;
	float:left;
    padding-top:15px
}

body.type1  div#right_side {
	float:right;
	width:206px;
}

/*  =type2
--------------------------------------------------------------------------------------------------- */
body.type2 div#left_side {
	width:620px;
    _width:595px;
    _padding-right:15px;
	margin-left:15px;
	float:left;
    padding-top:15px
}

body.type2 div#left_side p {
	padding-left:15px;
	padding-right:10px;
}

body.type2 div#left_side div.introduce p {
	padding-left:0px;
}

/*  =Structure
--------------------------------------------------------------------------------------------------- */

div#container {

/* 800x600    -   min-width:768px;
/* 1024x768   -   max-width:1003px;
/* 1280x1024  -   max-width:1263px; */	
	width:768px;
	height:100%;
	margin: 0 auto;
	background:url(../../../image/background_container.png) #fff repeat-x 0 0;
	padding:0 2px;
}

div#white_background {
	background:#fff;
}

div#head {
	background:url(../../../image/background_head.gif)  repeat-x;
	clear:both;
	height:100px;
}

div#head a#armarria {
	float:left;
	width:90px;
}

div#head h1 img {
	margin:10px 0 0px 16px;
	padding:0 0 9px 0;
	border:none;
}

div#head h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	color:white;
}

div#head h1 strong {
	display:block;
	color:black;
	font-size:27px;
	padding:18px 0 4px 0;
	font-weight:normal;
	text-transform:uppercase;
}

div#head ul#languages {
	float:right;
	width:100px;
	margin:55px 5px 0 0;
}

div#head ul#languages li {
	float:right;
	border-left: 1px solid #fff;
}

div#head ul#languages li a {
	color:#fff;
	text-decoration:none;
	padding:0 5px;
	font-size:11px;
}

div#head ul#languages li a.sel {
	font-weight:bold;
	cursor:default;
}

div#head ul#languages li a.sel:hover {
	text-decoration:none;
}

div#head ul#languages li a:hover {
	text-decoration:underline;
}

div#head ul#shortcuts {
	float:left;
	margin:10px 0 0 0px;
	border-right:1px solid #fff;
    
    display:none;
}

div#head ul#shortcuts li {
	float:left;
	border-left:1px solid #fff;
	border-right:1px solid #2f314a;
	padding:0 10px;
}

div#head ul#shortcuts li a {
	color:#2f314a;
	text-decoration:none;
	margin:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
}

div#head ul#shortcuts li a:hover {
	text-decoration:underline;
}

div#head ul#shortcuts li a.sel {
	font-weight:bold;
}

div#head ul#shortcuts li#shortcut_home {
	border-left:none;
	padding-left:4px;
}

div#head ul#shortcuts li#shortcut_home a {
	border-left:none;
	padding-left:14px;
	margin-left:0;
	background:url(../../../image/background_sc_home.gif) no-repeat 0 2px;
}

div#head ul#shortcuts li#shortcut_news a {
	padding-left:18px;
	background:url(../../../image/background_sc_news.gif) no-repeat 0px -1px;
}

div#head ul#shortcuts li#shortcut_agenda a {
	padding-left:21px;
	background:url(../../../image/background_sc_agenda.gif) no-repeat 0px -1px;
}

div#head ul#shortcuts li#shortcut_relations a {
	padding-left:21px;
	background:url(../../../image/background_sc_relations.gif) no-repeat 0px 0px;
}

div#head ul#shortcuts li#shortcut_map a {
	padding-left:18px;
	background:url(../../../image/background_sc_map.gif) no-repeat 0px 0px;
}

div#menu {
	background:#fff;
	clear:both;
	/*width:130px;*/
	width:15%;
	float:left;
/*	margin-right:20px;*/
}

div#menu ul li {
	color:#1c1e2c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:5px 0 0 0;
}

div#menu span.menu_head {
	padding-left:10px;
}

div#menu ul li ul {
	border-top: 1px solid #e5e7ef;
	margin:5px 0 0 0;
}

div#menu ul li ul li {
	border-bottom: 1px solid #e5e7ef;
	margin:0;
}

div#menu a {
	background:url(../../../image/background_menu_link.png) no-repeat 0px 4px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#585969;
	padding:0 0 0px 15px;
	margin:4px 0 5px 10px;
	display:block;
	font-weight:normal;
	text-decoration:none;
}

div#submenu {

}

div#breadcumbs {
	height:20px;
	margin-top:8px;
}

div#breadcumbs ul {
	margin-left:7px;
	/*border:1px solid red;*/
	display:block;
	height:10px;
	padding-left:15px;
	/*background:url(../../../image/icono_breadcrumbs.png) 0 4px no-repeat;*/
}

div#breadcumbs li {
	float:left;
	margin-right:10px;
	border-right: 1px solid #c6ced3;
	padding-right:10px;
}

div#breadcumbs a {
	font-weight:bold;
	color:#585969;
	text-decoration:none;	
}

div#breadcumbs a:hover {
	text-decoration:underline;	
}

div#content {
	background:#fff;
	color:#585969;
}

div#content h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	line-height:26px;
	color:#000;
	margin-bottom:10px;
	/*margin-top:10px;*/
}

div#content p {
	margin-bottom:10px;
}

div#foot {
	clear:both;
	background:#144b66;
	height:18px;
	padding:3px 15px 0 15px;
	margin:15px 0 ;
	color:#a5afb5;
	font-family:tahoma;
	font-size:9px;
}

div#foot ul {
	float:left;
	margin-top:2px;
}

div#foot li#copyright{
	border-left:none;
	color:#fff;
}

div#foot li#copyright a {
	font-weight:bold;
	border-left:none;
	color:#fff;
}

div#foot li {
	float:left;
	padding-right:10px;
	padding-left:10px;
	border-left:1px solid #a5afb5;
}

div#foot a {
	color:#a5afb5;
	text-decoration:none;
}

div#foot a:hover {
	color:#a5afb5;
	text-decoration:underline;
}

div#foot a#gipuzkoa_net {
	float:right;
}

div#foot a#gipuzkoa_net img {
	border:0;
}

ul#lekuak {
    margin-left:15px;
}

ul#lekuak li img {
    float:left;
}

ul#lekuak li ul {
    margin:0 0 25px 20px;
    float:left;
}

ul#lekuak li {
    clear:both;
}

ul#lekuak li ul li.izena {
    font-weight:bold;
    font-size:14px;
    color:#000;
    margin-top:2px;
    margin-bottom:4px;
    background:url(../../../image/bg_bullet1.png) no-repeat 0px 6px;

}

ul#lekuak li ul p{
	width:350px;
	margin:15px 0 0 0;
}

ul#lekuak li ul li.izena a {
    color:#000;
}

ul#lekuak li ul li.izena a:hover {
    text-decoration:none;
}

 ul#lekuak li ul li {
        padding-left:10px;
}

ul#lekuak li span {
    font-weight:bold;
}

ul#lekuak span.img {
    background: #e5e7ef;
    display:block;
    padding:4px;
    float:left;
margin-bottom:10px;
}

ul#lekuak img {
    border:1px solid  #f2f6f8;
}

div.ordaur h3 {
	background:#f3f7f9;
	line-height:30px;
	padding:4px 0 4px 10px;
	color:#000;
	font-weight:bold;
    font-size:14px;
}

div.ordaur ul {
	margin:10px 0 25px 10px;
}

div.ordaur ul a {
	font-size:11px;
	color:#666666;
	line-height:22px;
	text-decoration:underline
}

div.ordaur ul a:hover {
	text-decoration:none;
	color:#000000;
}

div.ordaur ul span {
	font-size:10px;
	color:#000;

}

/* =Hasiera  ( body#home ) 
--------------------------------------------------------------------------------------------------- */

body#home div#content {
	float:right;
	width:82%;
	/*border:1px solid red;*/
}

body#home div#white_background{height:600px;}


body#home div#welcome {
	background:#585969;
	float:left;
	width:65%;
	text-align:center;
	min-height:422px;
}

body#home div#welcome #welcomePhoto {
	background:url(../../../image/background_welcome.png) repeat-x 0 274px;
	width:410px;
	height:275px;
}

body#home div#welcome h2 {
	text-transform:uppercase;
	color:#fff;
	font-size:11px;
	line-height:0px;
	font-weight:bold;
	float:left;
	margin: 0 0 0px 20px;
	padding:11px 0 0 20px;
	margin:0;
}

body#home div#welcome ul {
	margin:0;
	padding:0;
}

body#home div#welcome li {
	float:left;
}


body#home div#welcome p {
	background:url(../../../image/background_welcome.jpg) repeat-x 0 0;
	text-align:left;
	clear:both;
	padding:20px;
	font-size:11px;
	color:#9ea3ab;
}

body#home div#welcome ul {
	float:right;
	background:url(../../../image/background_welcome_line.png) repeat-y top right;
	margin:0 20px 0 0;
	padding:0;
}

body#home div#welcome li {
	background:url(../../../image/background_welcome_line.png) repeat-y 0 0;
	width:20px;
	padding:0;
	margin:0;
}

body#home div#welcome li a {
	color:#fff;
	text-decoration:none;
	margin:0px 1px 0 1px;
	height:18px;
	padding:3px 3px 0 5px;
	display:block;
	background:transparent;
}
body#home div#welcome li a.selected {
	background:#373845;
}
body#home div#welcome li a:hover {
	background:#434454;
}

body#home div#photos_of_mutiloa {

	float:right;
	background:url(../../../image/background_photos_of_mutiloa.png) #d8dbe7 no-repeat top right;
	min-width:34.8%;
	max-width:39%;
	height:131px;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}

body#home div#photos_of_mutiloa h2 {
	color:#0a5b90;
	margin:10px 0 8px 15px;
	font-size:20px;
}

body#home div#photos_of_mutiloa h2 span, body#home div.interesting_places h2 span {
	font-weight:bold;
}

body#home div#photos_of_mutiloa p {
	margin:0 0 0 17px;
	padding:0;
	font-size:12px;
	line-height:18px;
	color:#585969;
}

body#home div#photos_of_mutiloa p span  {
	display:block;
}

body#home div#photos_of_mutiloa a {
	text-align:right;
	margin:-11px 82px 0 0;
	padding:0;
	display:block;
	text-decoration:none;
	color:#fff;
}

body#home div#photos_of_mutiloa a:hover {
	text-decoration:underline;
}

div.corner {
	background:url(../../../image/background_corner.png) #e2e4ed no-repeat bottom right;
	min-height:30px;
}

body#home div#interesting_places_upside {
	min-height:244px;
}

body#home div.interesting_places {
	float:right;
	background: url(../../../image/background_interesting_p.png) #e2e4ed repeat-x 0 0 ;
	border-left:1px solid #fff;
	min-width:34.8%;
	max-width:30%;
	/*min-height:244px;*/
	color:#585969;
	margin-bottom:1px;
} 

body#home div.interesting_places ul {
    height:140px;
    margin-left:25px;
}

body#home div.interesting_places li {
    float:left;
    margin:15px 10px 0px 10px;
}


body#home div.interesting_places h2 {
	color:#585969;
	padding:15px 0 0px 16px;
	font-size:19px;
}
 
body#home div.interesting_places h3 {
	background:url(../../../image/background_interesting_plac.png) no-repeat 81px 6px;
	padding-left:7px;
	margin:10px 0 0 0;
	padding-left:88px;
	clear:both;
} 

body#home div.interesting_places  a {
	font-size:12px;
	color:#0a5b90;
	font-weight:bold;
	text-decoration:none;
}
 
body#home div.interesting_places a:hover {
	text-decoration:underline;
}

body#home div.interesting_places a#all_places {
	background:url(../../../image/icon_all_places.png) 0 2px no-repeat;
	padding-left:15px;
	margin:6px 0 0px 16px;
	display:block;
}
 
body#home div.interesting_places p {
	margin:0;
	padding:0;
	font-size:10px;
	line-height:16px;
}  

body#home div.interesting_places img.ar {
	border:2px solid #bcbfc4;
	margin:-13px 5px 0px 0px;
	float:left;
}
 
body#home div.square {
	padding-left:16px;
}
 
body#home div#interesting_links {
	clear:both;
}

body#home div#interesting_links ul {
	height:115px;
	position:relative;
	top:20px;
	left:15px;
}

body#home div#interesting_links li {
	float:left;
	margin-right:30px;
	text-align:center;
}

body#home div#interesting_links li#fundazioa {
	margin-right:35px;
	margin-left:5px;
}

/* =Mutiloa / Hitzaurrea  ( body#presentation )
--------------------------------------------------------------------------------------------------- */

body#presentation div#left_side {
	/*border:1px solid #e5e7ef;*/
	/*float:left;*/
	/*margin-right:15px;*/
}
/* body#presentation div#right_side { */
div#right_side {
	float:right;
	background:url(../../../image/background_corner.png) #e2e4ed no-repeat bottom right;
	width:206px;
}

/* body#presentation div#right_side p { */
div#right_side p {
	height:150px;
	width:206px;
	background:url(../../../image/background_interesting_p.png) 0 0 repeat-x ;
	margin-bottom:20px;
	padding-top:20px;
	padding-left:0px;  
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:20px;
	font-style:italic;
	line-height:25px;
}

/* body#presentation div#right_side q { */
div#right_side q {
	quotes:none;
}

/* body#presentation div#right_side span#q_left { */
div#right_side span#q_left {
	background:url(../../../image/background_q_left.gif) no-repeat top left;
	display:block;
	padding-left:10px; 
}

/* body#presentation div#right_side span#q_right { */
div#right_side span#q_right {
	background:url(../../../image/background_q_right.gif) no-repeat right bottom; 
	display:block;
}

body#presentation div#left_side.hitz p {
	background:url(../../../image/bg_bullet1.png) 8px 7px #fff no-repeat;
	padding-left:20px;
}

body#presentation div#left_side.hitz p.intro_p {
	background:url() transparent;
	padding-left:0px;
}

body#presentation div#left_side p {
	/*padding-left:10px;*/
}

/* =Udaletxea / kokapena  ( body#kokapena )
--------------------------------------------------------------------------------------------------- */

body#kokapena div#right_side {
	float:right;
	background:url(../../../image/background_corner.png) #e2e4ed no-repeat bottom right;
	width:206px;
    padding-bottom:130px;
}



/* =Udaletxea / hastapenak  ( body#hastapenak )
--------------------------------------------------------------------------------------------------- */
body#hastapenak div#left_side p {
    margin-right:10px;
}

body#hastapenak div#left_side div.introduce p {
    margin-left:0;
} 

/* =Udaletxea / jaiak  ( body#jaiak )
--------------------------------------------------------------------------------------------------- */

body#jaiak div#right_side {
	float:right;
	background:url(../../../image/background_corner.png) #e2e4ed no-repeat bottom right;
	width:206px;
    /*padding-bottom:130px;*/
}


/* =Udaletxea / baserriak  ( body#baserriak )
--------------------------------------------------------------------------------------------------- */

ul#baserri_lista {
      height:auto;

}

ul#baserri_lista span {
       display:block;   
}

ul#baserri_lista {
    margin-left:20px;
    _margin-left:0px;
}

ul#baserri_lista li li {
    float:left;
    clear:none;
    margin-right:20px;
    margin-bottom:15px;   
}

ul#baserri_lista li li.ult {
   margin-right:0px; 
}

ul#baserri_lista li {
    clear:both;
}

ul#baserri_lista a {
    display:block;
   text-decoration:none;
   padding:4px 0;
   font-family:Georgia;
   font-size:14px;
   color:#000;
}

ul#baserri_lista a:hover {
    text-decoration:underline;
}

ul#baserri_lista a.img {
    background:#e5e7ef;
    padding:4px;
}

ul#baserri_lista a.img:hover {
    background:#88898e;
    padding:4px;
}

ul#baserri_lista a.img img {
    border:1px solid #f2f6f8;

}

/* =Udaletxea / baserria  ( body#baserria )
--------------------------------------------------------------------------------------------------- */

body#baserria div#left_side h3 {
    margin-left:15px;
   font-family:Georgia;
   font-size:17px;
   color:#000;
   margin-bottom:10px;
 
}

body#baserria div#left_side {

}

div#left_side div#image_cont {
   /* margin-left:15px;*/
   margin:0 auto;
      text-align:center;
}

/* =Udaletxea / azpiegiturak  ( body#azpiegiturak )
--------------------------------------------------------------------------------------------------- */

body#azpiegiturak div#right_side {
	float:right;
	background:url(../../../image/background_corner.png) #e2e4ed no-repeat bottom right;
	width:206px;
    padding-bottom:130px;
}


/* =Udaletxea / ordenantzak  ( body#ordenantzak )
--------------------------------------------------------------------------------------------------- */

body#ordenantzak div#right_side {
	float:right;
	background:url(../../../image/background_corner.png) #e2e4ed no-repeat bottom right;
	width:206px;
    padding-bottom:130px;
}

/* =Udaletxea / aurrekontuak  ( body#aurrekontuak )
--------------------------------------------------------------------------------------------------- */

body#aurrekontuak div#right_side {
	float:right;
	background:url(../../../image/background_corner.png) #e2e4ed no-repeat bottom right;
	width:206px;
    padding-bottom:130px;
}


/* =Turismoa / ibilbideak  ( body#ibilbideak )
--------------------------------------------------------------------------------------------------- */
body#ibilbideak ul#lekuak {
    margin-left:0;
}

/* =Turismoa / argazkiak  ( body#argazkiak )
--------------------------------------------------------------------------------------------------- */
 ul#baserri_lista span {
    display:block;
    margin-top:4px;
    /*margin-bottom:4px;*/
}