/* CSS Document */
* {
margin:0;
padding:0;
}

body {
text-align:center;
font:normal 63% Verdana, Arial, Helvetica, sans-serif;
color:#666; 
}

img{
	border:none}
ul{
	list-style-type:none;}
p {
  padding: 10px 0px 0px 0px;
}

a {
	color: #00a890;
	text-decoration: underline;
}
a:link   {
	text-decoration: underline;
}

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

/* ----------------------- ESTRUCTURA ----------------------- */
#global{
	margin:0 auto;
	width:900px;
	text-align:left;
	overflow:hidden;
	}
	
#fondo{
	background-image:url(../img/mapa.gif);
	}
#header{
	width:900px;
	height:30px;
	background-color:#000000;}
	
#header2{
	width:900px;
	height:160px;}
.separador{
	height:10px;
	width:900px;
	background-color:#000000;
}

#logo-Aj {
	float:left;
	width:170px;
}

#logo-Aj-d {
	float:right;
	width:250px;
}
	
/* ----------------------- IDIOMA ----------------------- */


#idioma {
	float:right;
	padding:0;
	height:10px;
	color:#FFFFFF;
  	font-size:100%; font-weight:700; 
	background-color:#000000;
}

#idioma ul{
	width:98%;
	padding:4px 0px 0px 10px;}

#idioma ul li {
	padding:4px 5px;
	float:left; 
	display:inline;}
	
#idioma a{
	padding: 0px 10px 0px 12px;
	color:#fff;
	text-decoration: none;
} 

#idioma a:hover {
	color:#fff;
	text-decoration:underline;
}
.idioma1{
	 border-right:1px dotted #fff;}


/*-----------------------------  MENÚ HORIZONTAL HOME ---------------------------*/

#container{
	padding:10px 0px 10px 0px;
	clear:both;
	overflow:hidden;}
	
#menu-h {
	padding:0;
	width:900px;
	height:30px;
  	font-size:110%; font-weight:700; 
	clear:both;
	overflow:hidden;
	background-image:url(../img/logo_ajbcn_districte.gif);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#000000;
}

#menu-h ul{
	padding-left:8px;
	padding:4px 0px 0px 20px;
	clear:both;
	overflow:hidden;}

#menu-h ul li {
	padding:4px 5px;
	float:left; 
	display:inline;}
	
#menu-h a{
	padding: 0px 10px 0px 12px;
	color:#f89828;
    background-image:url(../img/bullet_menu-h.gif); background-position:left; background-repeat:no-repeat;
	text-decoration: none;
} 

#menu-h a:hover {
	color:#00a890;
	text-decoration: none;
	background-image:url(../img/bullet_menu-h-o.gif); background-position:left; background-repeat:no-repeat;
}

/*-----------------------------  MENÚ HORIZONTAL AUTORS ---------------------------*/

	
#menu-hA {
	padding-top: 20px;
	padding-bottom:20px;
	font-size:100%;
	font-weight:700;
}

#menu-hA ul{
	margin-bottom:30px;
}

#menu-hA ul li {
	padding:4px 0px;
	float:left; 
	display:inline;}
	
#menu-hA a, #menu-hA a:visited {
	padding: 0px 15px 0px 10px;
	color:#f89828;
    background-image:url(../img/bullet_triangle.gif); 
	background-position:left; 
	background-repeat:no-repeat;
	text-decoration: none;
} 
#menu-hA span{
	padding: 0px 15px 0px 10px;
	display:block;
	background:url(../img/bullet_triangle-down.gif) left 0.6em no-repeat;}

#menu-hA a:hover, #menu-hA span {
	color:#00a890;
	text-decoration: none;
	background-image:url(../img/bullet_triangle-o.gif); 
	background-position:left; 
	background-repeat:no-repeat;
	text-decoration: none;
} 

/* ----------------------- MENU VERTICAL Lateral Izquierdo INICIO ----------------------- */


#menu-v1{
	font-weight:bold;
	font-size: 110%;	
	float: left;
	height:30px;
	background-image:url(../img/menu_bg1.gif);
	background-repeat:no-repeat;
	}
#menu-v1 ul {
	padding: 0px 0px 0px 0px;
}
#menu-v1 li {
	padding: 4px 0px 0px 10px;
}

#menu-v1 a, #menu-v1 a:visited  {
	padding: 6px 0px 0px 17px;
	color: #f89828;
	text-decoration: none;
	display:block;
	background:url(../img/bullet_menu-v.gif) left 0.6em no-repeat;
}
#menu-v1 a:hover{
	color:#00a890;
	background:url(../img/bullet_menu-v-o.gif) left 0.6em no-repeat;
}

/* ----------------------- MENU VERTICAL Lateral Izquierdo ----------------------- */

#menu-v{
	font-weight:bold;
	font-size: 110%;	
	float: left;
	background-image:url(../img/menu_bg.gif);
	background-repeat:repeat-y;
	clear:both;
	}
#menu-v ul {
	padding: 0px 0px 0px 0px;
}
#menu-v li {
	padding: 0px 0px 1px 10px;
}

#menu-v a, #menu-v a:visited  {
	padding: 6px 0px 3px 17px;
	color: #f89828;
	text-decoration: none;
	display:block;
	background:url(../img/bullet_menu-v.gif) left 0.6em no-repeat;
}
#menu-v span{
	padding: 6px 0 3px 17px;
	display:block;
	background:url(../img/bullet_menu-v.gif) left 0.6em no-repeat;}

#menu-v a:hover,  #menu-v span{
	color:#00a890;
	background:url(../img/bullet_menu-v-o.gif) left 0.6em no-repeat;
}

/* ----------------------- MENU VERTICAL Lateral Izquierdo CONTACTE ----------------------- */


#menu-vlast{
	font-weight:bold;
	font-size: 110%;	
	float: left;
	height:38px;
	background-image:url(../img/menu_bglast.gif);
	background-repeat:no-repeat;
	clear:both;
	}
#menu-vlast ul {
	padding: 0px 0px 0px 0px;
}
#menu-vlast li {
	padding: 0px 0px 0px 10px;
}

#menu-vlast a, #menu-vlast a:visited  {
	padding: 6px 0px 4px 17px;
	color: #f89828;
	text-decoration: none;
	display:block;
	background:url(../img/bullet_menu-v.gif) left 0.6em no-repeat;
}
#menu-vlast span{
	padding: 6px 0 4px 17px;
	display:block;
	background:url(../img/bullet_menu-v.gif) left 0.6em no-repeat;}
	
#menu-vlast a:hover, #menu-vlast span {
	color:#00a890;
	background:url(../img/bullet_menu-v-o.gif) left 0.6em no-repeat;
}

/* ----------------------- SUBMENU VERTICAL Lateral Izquierdo ----------------------- */

#submenu-v{
	font-weight:bold;
	font-size: 90%;
	line-height:10px;
	clear:both;
	overflow:hidden;
	width:170px;
	padding: 0px 0px 0px 7px;
	}
#submenu-v ul {
	padding: 0px 0px 0px 0px;
}
#submenu-v li {
	padding: 0px 0px 1px 10px;
}

#submenu-v a, #submenu-v a:visited {
	padding: 4px 0px 1px 0px;
	color: #f89828;
	text-decoration: none;
	display:block;
	background-image:none;
}
#submenu-v span{
	padding: 0px 0px 0px 0px;
	display:block;}

#submenu-v a:hover,  #submenu-v span{
	color:#00a890;
	background-image:none;
	padding: 4px 0px 1px 0px;
}

/* ----------------------- INTERIOR PAGES CONTENT ----------------------- */
	
#content-wrapper{
	clear:both;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	background-color:#FFFFFF;
	width:900px;}
	
#menu-wrapper{
	float:left;
	padding:0px 0px 0px 0px;
	width:200px;
	background-color:#FFFFFF;}

#text-wrapper{
	float:right;
	padding:0px 0px 0px 0px;
	width:700px;
	background-color:#FFFFFF;}
	
.title{
	padding-bottom:20px;}

#text{
	padding:30px 30px 20px 10px;
	font-size: 110%;
  	line-height: 140%;
  	color: #333;}

#text h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#00a890;
	font-weight: bold;
	line-height:24px;
	padding-bottom:10px;}
	
#text h2{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#00a890;
	font-weight: bold;
	line-height:24px;}

.texth3{
	font-size: 120%;	
	color:#00a890;
	font-weight: bold;
	padding-top:30px;}	

	
#text ol, #text ul{
	margin-left:0px;
}


#text ul {
	padding: 10px 0px 0px 0px;
}
#text li {
	padding: 0px 0px 0px 12px;
	background:url(../img/bullet.gif) left 0.5em no-repeat;
}

.espacio{
	padding-top:30px;
}

.negro{
	color:#000000;
}

.blaufosc{
	color:#1965a6;
}

.negro{
	color:#000000;
	font-weight:bold;
}

.cuota{
	color:#000000;
	font-size: 90%;
	color:#666;
	font-style:italic;
	line-height:12px;
}

.ruta{
	font-size: 70%;
	color:#999999;
}

.maparutes{
	float:right;
	padding: 25px 2px 10px 20px;
}
.maparutes2{
	float:right;
	padding: 0px 30px 3px 50px;
}
.dates{
	font-size: 90%;
	color:#666;
}
.fotos{
	clear:both;
	overflow:hidden;
	padding:15px 0px 15px 0px;
	width:100%;
	height:220px;
}
.fotos-m{
	clear:both;
	overflow:hidden;
	padding:15px 0px 15px 0px;
	width:100%;
}
.fotos-v{
	float:right;
	padding: 15px 0px 15px 0px;
}
.foto1{
	float:left;
}
.foto2{
	float:right;
	padding:0px 20px 0px 30px;
}

.foto3{
	float:right;

}


.foto-ruta{
	float:right;
	padding:34px 0px 20px 30px;
}

.columnas{
	width:640px;
	clear:both;
}
.columna1{
	float:left;
	padding-left:20px;
}
.columna2{
	float:right;
	padding-right:20px;
}
	
.columnaMid{
	float:left;
	padding-left:100px;
}

/* ----------------------- RUTES ----------------------- */

/* cada color te el seu css */

.title-color{
	font:Arial, Helvetica, sans-serif;
	width:100%;
	height:27px;
	color:#fff;
	font-size: 18px;
	font-weight: bold;
	line-height:20px;
}
.padd{
	padding: 3px 0px 0px 2px;
}

.parada{
	padding: 20px 0px 0px 0px;
}
.title2-color{
	font-size: 13px;
	font-weight: bold;
	line-height:20px;
	float:left;
}

.padd2{
	padding: 1px 0px 0px 4px;
}

.bola-color{
	float:left;
	width:19px;
	height:19px;
	color:#fff;
	font-size: 14px;
	font-weight: bold;
	background-repeat:no-repeat;
}
.padd3{
	padding: 0px 4px 0px 10px;
}

.padd-sm{
	font-size:10px;
	padding: 1px 0px 0px 2px;
}
.linea-color{
	clear:both;
	width:100%;
	height:7px;
}
.linea-color-2{
	clear:left;
	width:320px;
	height:7px;
}

.viewpdf{
	float:right;
	padding:7px 0px 0px 0px;
	font-weight:bold;
		height:10px;
}
.viewpdf a{
	text-decoration: none;
} 

.viewpdf a:hover {
	color:#000;
	text-decoration:underline;
}
.viewpdf-t{
	padding:3px 0px 0px 0px;
	float:left;
	background-repeat:no-repeat;
	background-position:bottom;
	width:12px;
	height:10px;
} 

/* ----------------------- AUTORS  ----------------------- */

.foto-autor-sm{
	padding-top:10px;
	float:left;
	width:24%;
}


/* ----------------------- FOOTER HOME ----------------------- */

#peu_home {
	padding: 0px 0px 20px 0px;
	color: #fff;
	font-size: 130%;
	text-decoration:none;
	text-align:left;
	clear:both;
}
#peu_home a {
	color: #1965a6;
	text-decoration:none;
	text-align: right;
}

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

#logos {
	padding: 1px 0px 3px 0px;
	background-color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	clear:both;
}
/* ----------------------- FOOTER INTERIORS ----------------------- */

#peu {
	padding: 10px 0px 15px 0px;
	color: #1965a6;
	font-size: 110%;
	text-decoration:none;
	text-align: left;
	clear:both;
}
#peu a {
	color: #1965a6;
	text-decoration:underline;
}

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

.izq{
float:left;
}
.derecha{
float:right;
}