/*Estilos da plantilla*/
* {padding: 0; margin: 0;}
body {font-family: Verdana;font-size: 13px;background-image: url(img/trisquel_fondo.png);}
#wrapper {width: 960px;margin: 0px auto;border: gray solid 1px;}
#content {width: 930px;background: white;margin: 0px 0px 0px 0px;padding: 20px;padding-left: 10px;padding-top: 10px;float: left;border-top: gray solid 1px;}
#header {margin: 0px 0px -3px 0px;#margin: 0px 0px 0px 0px;}
div.clear {clear: both;}
h2{font-size: 17px;}
h3{font-size: 13px;}
a {text-decoration: none;color: black;outline:0;}
a img {border: none;}
a#enlaceGoogle {float: right;color:black !important;float:right;font-weight:bold;margin-right:25px;}

/*Pe de paxina*/

div.logos {

	text-align: center;
	width: 100%;
	float: left;
	line-height: 60px;
}

div.logos a{

	padding: 0px;
	margin: 0px;
	border: 0px;
}

div.logos img {

	margin: 2px;
	margin-left: 10px;
	margin-right: 10px;
	height: 46px;
	vertical-align: middle;
	border: solid 1px black;
	
}

/*Enlaces*/

div.tituloEnlace {

	width: 927px;
	float:left;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 12px;
}

div.tituloEnlace div.enlaces {

	float: right;
}

div.tituloEnlace div.nome {

	float:left;
}

div.tituloEnlace a.mapa{

	background:transparent url(img/verMapa.png) no-repeat scroll right bottom;
	float:left;
	font-weight:bold;
	line-height:27px;
	padding-left:10px;
	text-decoration:none;
	width:90px;
	margin-right: 5px;
}

div.tituloEnlace a.lista{

	background:transparent url(img/verLista.png) no-repeat scroll right bottom;
	float:left;
	font-weight:bold;
	line-height:27px;
	padding-left:10px;
	text-decoration:none;
	width:90px;
}

/*Estilos do menu de seleccion*/

#sideMenu {
	width: 285px;
	float: left;
}

#contentBox {
	float:left;
	width: 645px;
}

#contentBox #selectTabBox {
	border-bottom:1px solid #858578;
	float:right;
	height:23px;
	margin:0;
	padding:0;
	padding-left: 5px;
	text-align:center;
	width: 640px;
}

#sideMenu #selectTabBox {
	border-bottom:1px solid #858578;
	float:left;
	height:23px;
	margin:0;
	padding:0;
	padding-left: 5px;
	text-align:center;
	width:267px;
}

div.tabBox { 
	width: 270px; 
	border: solid #858578 1px;
	background: #ede4d3;
	float: left;
	border-top: 0px;	
}

div.listaBox {
	
	background-color:#EDE4D3;
	border: solid 1px gray;
	border-top: 0px;
	width: 639px;
	float: left;
	padding: 2px;
}

#selectTabBox div.tab {

	background-color:#EDE4D3;
	border: solid gray 1px;
	float:left;
	margin-right:5px;
	padding:3px;
}

#selectTabBox div.dtab {

	background-color:#EDE4D3;
	border: solid gray 1px;
	float:right;
	margin-right:5px;
	padding:3px;
}

#selectTabBox div.seleccionado {

	font-weight:bold;
	padding-top:4px;
}

div.tabContent {
	width: 100%;
}

div.tabItems {
	font-family: Verdana;
	width: 250px;
	margin-left: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
}

div.tabItems div.item {
	width: 100%;
	/*height: 20px;*/
	float: left;
	margin-bottom: 5px;
}

div.tabItems div.item input {
	margin: 0px;
	width: 20px;
	float: left;
	text-align: center;
}

div.tabItems div.item input {
	width: 11px;
	cursor: pointer;
}

div.tabItems div.item div.itemName {
	font-size: 11px;
	width: 200px;
	float: left;
	margin: 0px 5px;
	#margin-top: 4px;
}

div.tabItems div.item div.itemLogo {
	width: 20px;
	height: 20px;
	float: left;
}

div.tabItems div.label {

	margin-top: 20px;
}

/*Formulario de buscas*/

#searchBox {
	width: 270px;
	margin-top: 5px;
	margin-bottom: 10px;
	background: #ede4d3;
	border: solid #858578 1px;
	float: left;
}

#searchBox  div.searchTitle {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	margin: 5px 0px 10px 0px;
	text-align: center;	
}

#searchBox div.searchForm {
	margin-left: 6px;
	float: left;
}

#searchBox div.searchForm select{
	font-family: Verdana;
	width: 250px;
	font-size: 7pt;
	margin:5px;
}

#searchBox div.searchForm input[type=text]{
	font-family: Verdana;
	width: 246px;
	font-size: 7pt;
	margin:5px;
	float: left;
	#margin-left: 0px;
}

#searchBox div.searchForm input[type=button]{
	font-family: Verdana;
	font-size: 7pt;
	margin:5px;
	display: block;
	float: left;
}

#searchBox div.searchForm div.label{
	font-size: 7pt;
	font-weight:bold;
	margin-left:5px;
	margin-top:5px;
}

/*Itinerarios*/

div.multiplacesTab {
	background:white none repeat scroll 0 0;
	border:1px solid #858578;
	margin-bottom:10px;
	float:left;
	width:640px;
}

div.multiplacesHeader {
	background:#EDE4D3 none repeat scroll 0 0;
	border-bottom:1px solid #858578;
	font-size:13px;
	font-weight: bold;
	padding:5px;
}

div.multiplacesContent {
	padding:10px;
	text-align:justify;
	float: left;
}

div.multiplacesContent ul{
	margin-left: 30px;
}

div.nomearbol {

	background:#EDE4D3 none repeat scroll 0 0;
	border:1px solid gray;
	font-weight:bold;
	padding:5px;
}

div.nomecategoria {

	display: inline;
	font-weight: bold;
	margin-left:5px;
	margin-bottom:10px;
	margin-top:5px;
	font-size: 11px;
}

/*Lista de puntos*/

#tree {

	padding:10px;
}

.itinerarioBox {
	width: 270px;
	float: left;
}

.punteado{

	border-top: 1px dotted;
	padding-top: 10px;
	padding-left: 5px;
	margin-bottom: 25px;
	float: left;
	width: 100%;
}

.menu{
	width: 328px;
	clear: both;
}

.info{
	width: 310px;
	height: 207px;
	margin-right: 10px;
	overflow-y: auto;
	overflow-x: none;
}

.info .atributo{

	margin-bottom: 4px;
}

/*Mini mapa*/

.miniminimap {
	
   width: 300px;
   height: 190px;
   border: 1px solid;
   background-color: #ADD8E6;
   margin-bottom: 10px;
   margin-right: 20px;
   float: left;
}
	
	.miniminimap .olControlPanZoom div{
		
		position: static !important;
		top: none !important;
		left: none !important;
	}
	

/*Mapa mediano*/

.mapamediano {
   width: 480px;
   height: 462px;
   border: 1px solid;
   background-color: #ADD8E6;
   margin-bottom: 10px;
   margin-right: 20px;
}

/*Listado de elementos nas fichas de listado*/

div.listadoElementos {

	float:left;
	margin-top: 10px;
	margin-bottom: 10px;
	height:340px;
}

div.listadoElementos div.item {
	width: 320px;
	height: 25px;
	float: left;
	margin-bottom: 5px;
	border-bottom:0.5px dotted gray;
}

div.listadoElementos div.item div.itemName {
	font-size: 11px;
	width: 278px;
	float: left;
	margin: 0px 5px;
	#margin-top: 4px;
}

div.listadoElementos div.item div.itemLogo {
	width: 20px;
	height: 20px;
	float: left;
}

div.listaBox div.subMenu {

	float: left;
	margin-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 630px;
	border-bottom: dotted 1px gray;
}

div.listaBox div.subMenuItem {

	float: left;
	margin-right: 3px;
}

div.listaBox div.activo{

	font-weight: bold;
}

div.indice {

	float: left;
	width: 640px;
	clear: both;
	margin-top: 5px;
	padding-left: 10px;
}

div.navegacionLink {

	border: solid 1px gray;
	height: 20px;
	float: left;
	margin:3px;
	padding-left: 3px;
}

div.paxina {

	float: left;
	margin:3px;
	width: 25px;
	height: 20px;
	color: gray;
	border: solid 1px gray;
	text-align: center;
}

div.paxinactiva{

	width: 25px;
	height: 18px;
	color: black;
	border: solid 2px black;
}

/*Ventana detalle*/

#TB_ajaxContent .header{

	height: 40px;
	color: white;
	background : #8BA0B1;
	width: 100%;
}

#TB_ajaxContent .headerCasa{

	height:38px;	
}

#TB_ajaxContent .headerCasa h2{

	margin-left: 10px;
	margin-top: 5px;
	float: left;
}

#TB_ajaxContent .headerCasa h2 a{

	position: absolute;
	color: white;
}

#TB_ajaxContent .header img{

	float:left;
	border: 0px;
}

#TB_ajaxContent .header a{

	border: none;
}

#TB_ajaxContent .header a.close{

	color: white;
	position:absolute;
	right:0;
	padding: 10px;
}

#TB_ajaxContent .footer{

	height: 10px;
	color: white;
	padding: 0px;
	margin: 0px;
	background-color: #9AB0BE;
}

#TB_ajaxContent .footerCasa{

	height: 6px;
	padding: 0px;
	margin: 0px;
}

#TB_ajaxContent .footerCasa img{

	margin: 0px;
}

#TB_ajaxContent .ancho{

	height: 520px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-left: 20px;
	padding-top: 15px;
	width: 100%;
}

/*Ventana detalle dous*/

.Popup_ajaxContent .header{

	height: 40px;
	color: white;
	background : #8BA0B1;
	width: 880px;
}

.Popup_ajaxContent .headerCasa{

	height:38px;	
}

.Popup_ajaxContent .headerCasa h2{

	margin-left: 10px;
	margin-top: 5px;
	float: left;
}

.Popup_ajaxContent .headerCasa h2 a{

	position: absolute;
	color: white;
}

.Popup_ajaxContent .header img{

	float:left;
	border: 0px;
}

.Popup_ajaxContent .header a{

	border: none;
}

.Popup_ajaxContent .header a.close{

	color: white;
	position:absolute;
	right:0;
	padding: 10px;
}

.Popup_ajaxContent .footer{

	height: 10px;
	color: white;
	padding: 0px;
	margin: 0px;
	background-color: #9AB0BE;
}

.Popup_ajaxContent .footerCasa{

	height: 6px;
	padding: 0px;
	margin: 0px;
}

.Popup_ajaxContent .footerCasa img{

	margin: 0px;
}

.Popup_ajaxContent .ancho{

	height: 520px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-left: 20px;
	padding-top: 15px;
	width: 860px;
}

/*Lapelas ventana detalle*/

.lapelas {

	float: left;
}

.lapelas a{

	color: black !important;
}

.contidoLapela {

	background-color: #DDDDDD;
	border: solid 1px;
	border-top: 0px;
	float: left;
	height: 309px;
	padding: 20px;
	width: 283px;
	overflow-y: auto;
	overflow-x: hidden;
}

.selLapela {

	height: 27px;
	padding-left: 5px;
	width: 320px;
	float:left;
	border-bottom: solid 1px;
}

.selLapela .lapela{
	
	border: solid 1px;
	border-bottom: 0px;
	float:left;
	padding: 1px 10px;
	#padding: 3px 10px;
	margin-right: 5px;
	background-color:#DDDDDD;
}

.selLapela .activa{
	
	font-weight: bold;
	padding-top: 4px;
}

.selLapela .lapela a {
	
	text-decoration: none;
	color: black;
	outline: 0px;
}

.elementos {

	font-weight: bold;
	text-decoration: underline;
	margin-top: 10px;
	margin-bottom: 20px;
}

.elemento {

	float: left;
	width: 290px;
	border-bottom: dotted gray 1px;
	clear: both;
}

.elemento .nome{

	float: left;
	padding-top: 5px;
	width: 240px;
}

.elemento .icono{

	float: left;
	padding-top:5px;
	width: 50px;
}

.menuFichaElemento{

	height: 259px;
	overflow-y: none;
	overflow-x: none;
	
}

.ancho .izq{
	
	float: left;
	padding-left: 10px;
}

.ancho .separacion{

	padding-right: 18px;
	padding-left: 0px;
}

.ancho .der{

	float: left;
}

.ancho .separacion{

	padding-right: 18px;
	padding-left: 0px;
}

/*Loading*/

.loading {

	width: 40px;
	height: 40px;
	border: solid 1px gray;
	background-color: white;
	position: fixed;
	margin-left: 600px;
	margin-top: 250px;
	#position: relative;
	#margin-top: -300px;
	z-index: 5000;
}

.loading img {

	margin: 12px;
}

/*Galeria pequena*/

.galeriaMini .contenedor{
	background-color:black;
	height:392px;
	width:490px;
	text-align: center;
	padding: 1px;
}

.galeriaMini .contenedor img{
	border: 0px;
}

.galeriaMini .esquina {

	background-color: black;
	border-top:1px solid white;
	height: 70px;
	float:left;
}

.galeriaMini .contenedor .autoria{

	color: white;
	margin-top: 3px;
	margin-left: 330px;
	padding: 2px;
	border: solid 1px;
	background-color: black;
	font-weight: bold;
	font-size: 9px;
	opacity: 0.60;
	filter:alpha(opacity=60);
	width: 150px;
}

/*.galeriaMini .vista img {
	margin-right: 10px;
	margin-bottom: 5px;
	#margin-bottom:10px;
	height: 40px;
}*/

/*.galeriaMini .vista {
	background-color:black;
	padding: 10px;
	width:472px !important;
	height: 50px !important;
	overflow-y: auto;
	border-top: solid 1px white;
	#padding-bottom:0px;
	#height: 62px;
}*/

.galeriaMini .loading {

	margin-top: 202px;
}

/*Viaxe Virtual Lista Elementos*/

.listaBox .titulo {

	font-size: 18px;
	padding: 5px;
	margin-bottom: 5px;
	width: 600px;
}

.listaBox .nonAtopado {

	padding:20px;
}

.listaBox .mapita {

	float:left;
	width: 70px;
	height: 70px;
	margin-top: 20px;
	/*background-color: #99B3CC;
	border: solid 1px gray;*/
}

.elementoListaxe {

	width: 630px;
	border-bottom: 1px gray dotted;
	float: left;
	padding: 5px;
	clear: both;
}

.fotoElemento {

	float: left;
	height: 130px;
	width: 230px;
	text-align:center;
}

.fotoElemento .senfoto {

	border: solid 1px gray;
	width: 147px;
	height: 65px;
	padding-top: 50px;
	margin-left: 41px;
}

.fotoElemento img {

	height: 110px;
	border: solid 1px gray;
}

.infoElemento {

	float: left;
	width: 400px;
	font-size: 11px;
}

.nomeElemento {
	
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	width: 300px;
	float: left;
}

.infoElemento .atributos {

	width: 300px;
	float:left;
}

.infoElemento .mapa {

	width: 70px;
	float: left;
}

.infoElemento  .atributo {

	width: 270px;
	float: left;
	margin-left: 30px;
}

.infoElemento .nomeAtributo {
	
	font-weight: bold;
	float: left;
}

.infoElemento .valorAtributo {
	
	float: left;
	margin-left: 10px;
}

.infoElemento .nomeElemento .texto{
	
	width: 260px;
	padding-top: 1px;
	margin-left: 10px;
	float: left;
}

.infoElemento .nomeElemento .imaxe{
	
	float: left;
	width: 20px;
}

/*ViaxeVirtual Lista Itinerarios*/

.infoItinerario {

	float: left;
	width: 635px;
	font-size: 11px;
	margin-bottom: 15px;
}

.nomeItinerario {
	
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 8px;
	width: 520px;
	float: left;
}

.infoItinerario .atributos {

	width: 530px;
	float:left;
}

.infoItinerario .mapa {

	width: 70px;
	float: left;
}

.infoItinerario  .atributo {

	width: 220px;
	float: left;
	margin-left: 30px;
}

.infoItinerario .descripcion {

	width: 330px;
	float: left;
	margin-left: 10px;
}

.infoItinerario .resumenElementos {

	width: 170px;
	float: left;
	margin-left: 20px;
}

.infoItinerario .nomeAtributo {
	
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
	float: left;
	clear:both;
}

.infoItinerario .nomeAtributo img{

	height: 10px;
}

.infoItinerario .tipo {

	float: left;
	width: 150px;
	margin-bottom: 1px;
}

.infoItinerario .tipo .nomeAtributo{

	margin: 0px;
}

.infoItinerario .tipo .valorAtributo{

	margin-top: -1px;
}

.infoItinerario .valorAtributo {
	
	float: left;
	margin-left: 10px;
	text-align: justify;
}

/*JQuery TreeView*/

.treeview, .treeview ul { padding: 0;margin: 0;list-style: none;}

.treeview ul {padding-top: 7px; margin-bottom: 10px;}

.treeview .hitarea {background: url(img/treeview-default.gif) -64px -25px no-repeat;height: 16px;width: 16px;margin-left: -16px;float: left;cursor: pointer;}

/* fix for IE6 */
* html .hitarea {display: inline;float:none;}

.treeview li { margin: 0;padding: 0px 0px 0px 16px;font-size: 11px;}

.treeview li img{margin-right: 8px;} 

.treeview a.selected {background-color: #eee;}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(img/treeview-default-line.gif) 0 0 no-repeat;}
.treeview li a{ margin-left: 10px;}
.treeview div.nomelenda {text-indent:-10px;#margin-top:-10px;}
.treeview span.nomelenda {line-height:15px;#line-height: 20px;vertical-align:middle;}
.treeview div.imaxelenda {float:left;width:25px;}
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px;padding-bottom:5px;}

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(img/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(img/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(img/treeview-red.gif); } 

.treeview-black li { background-image: url(img/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(img/treeview-black.gif); }  

.treeview-gray li { background-image: url(img/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(img/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(img/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(img/treeview-famfamfam.gif); } 

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(img/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(img/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(img/file.gif) 0 0 no-repeat; }

/* jScrollPane */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 402px;
	height:70px;

	/* custom decorations */
	border-top:1px solid white;
	background: black;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable .items .imaxe{
	
	width: 50px;
	height: 50px;
	float:left;
	margin:10px 6px 10px 10px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	/*margin:10px 10px 10px 10px;*/
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	/*width:100px;
	height:75px;*/
}

/* active item */
.scrollable .active {
	/*border:2px solid #000;*/
	z-index:9999;
	position:relative;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(img/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	/*#padding-top: 20px;*/
	float:left;
	margin:20px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 5px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ background-position: -60px 0; clear: left; margin-left: 5px; } 
a.left:hover  		{ background-position:-30px 0;}
a.left:active  	{ background-position:-60px 0;}

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}