/*
//************************************************************************
//
// Catálogo de biodiversidad del País Vasco - Urdaibai
// ============================================
// Adrià Mercader & Arturo Bandini
// Copyright (c) 2007 by Geodata Sistemas S.L.
// http://www.geodata.es
//
// CSS principal
//
//************************************************************************
*/

/* Elements comuns */
	body{
		font-family: Dax, Arial,Helvetica,Verdana,sans-serif;
		margin: 0;
		padding: 0;
	}
	
	a{
		text-decoration: none;
	}
	
	a:hover{
		text-decoration: underline;
	}


.txtSmallBlack{
	font-size: 8pt;
	color: black;
}

.txtMediumGrey{
	font-size: 18pt;
	color: #6D6E70;
}

.txtMediumWhite{
	font-size: 18pt;
	color: white;
}

.txtSmallWhite{
	font-size: 14pt;
	color: white;
}


.tdAlignCenter{
	text-align: center;
}

/* Elements contenidor */

	#divContainer{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: black;
	}
	
	#divSup{
		position: absolute;
		top: 0;
		width: 100%;
		height: 17%;
		background-color: #323031;
	}

	#divIframe{
		position: absolute;
		top: 17%;
		width: 100%;
		height: 83%;
	}
	
	#iframePages{
		margin: 0;
		padding: 0;
		width:100%;
		height:100%;
	}
	
	.bodyChildren{
		background-color: black;
	}
	
	.tableContainer{
		margin: 2% 1%;
		width: 96%;
		height: 98%;
		border-spacing: 0;
		padding: 0;
		
	}


	
	#tdBorder{
		position: absolute;
		top:5.40em;
		width: 100%;
		height: 10px;
		background-image: url("../img/bc.gif");
	}
	
	#tableSup{
		width: 100%;
		height: 100%;
	}
	
	.tdTableSup{
		padding: 0.5em;
		text-align: center;
	}

	#divTitleSup{
		font-size: 28pt;
		/*line-height: 28pt;*/
		/*padding-left: 30px;*/
	}
	
	#divTitleSupEs{
		font-size: 28pt;
		color: #F58220;
		/*padding-left: 30px;*/
	}

	#divTitleSupEu{
		font-size: 28pt;
		color: #72BF44;
/*		padding-left: 30px;*/
	}	
	
	.divPageTitle{
		margin: 0;
		height: 30px;	
		font-size: 18pt;
		color: white;
		
		padding-left: 30px;
	}	

	.divPageTitleEs{
		background-color: #F58220;
	}

	.divPageTitleEu{
		background-color: #72BF44;
	}


/* Botons comuns*/
	
	.divBtn{
		border-width: 1px;
		border-style: outset;
		cursor: pointer;
		cursor: hand;		

	}
	.divBtnNoBorder{
		border-bottom-width: 1px;
		border-bottom-style: dotted;

		cursor: pointer;
		cursor: hand;		

	}	
	.divBtnPressed{
		border-width: 1px;
		border-style: inset;
		/*border-color: #F58220;*/
	}

	.divBtnCaption{
		font-size: 22pt;
		line-height: 22pt;
	}

	.divBtnCaptionLeft{
		text-align: left;
		font-size: 22pt;
		line-height: 22pt;
	}
	
	.imgBtn{
		float:left;
	}

	.imgBtnCenter{
		vertical-align: middle
	}

	.imgBtnPad{
		float:left;
		padding-left: 10px;
		padding-right: 10px;
		vertical-align: middle;
	}

/* Botons específics*/
	
	.divBtnSquare{
		width: 70px;
		height: 70px;
		margin-left: auto;
		margin-right: auto;
	}

	
	.divBtnStd{
		width: 230px;
		height: 70px;	
		background-color: #323031;
		display: table-cell;
		position: static;
		vertical-align: middle;
		text-align: center;
		
		color: #6D6E70;
	}

	.divBtnStdImg{
		width: 340px;
		height: 70px;	
		background-color: #323031;
		display: table-cell;
		position: static;
		vertical-align: middle;
		text-align: left;		
		color: #6D6E70;
	}
	
	.divBtnList{
		width: 100%;
		padding: 20px;
		position: static;
		vertical-align: middle;
		text-align: center;
	}	
	
	.divBtnListColor1{
		background-color: #6D6E70;
		color: #ffffff;
	}

	.divBtnListColor2{
		background-color: #B1B3B4;
		color: #323031;
	}	
	
	
		/*
	.divButtonSupPressed{
		display: table;
		position: static;	

		cursor: pointer;
		cursor: hand;
		width: 62px;
		height: 62px;
	}
*/
	.divButtonSearch{
		display: table;
		position: static;	
		background-color:#FDE1DB;
		border-width: 0.25em;
		border-style: outset;
		cursor: pointer;
		cursor: hand;
		width: 15em;
		height:5em;
		margin-right:auto;
		margin-left:auto;
	}
	
	
	.divButtonSearchPressed{
		display: table;
		position: static;			
		border-width: 0.25em;
		border-style: inset;
		cursor: pointer;
		cursor: hand;
		width: 15em;
		height:5em;
		margin-right:auto;
		margin-left:auto;		
	}


	.divButtonKey{
		display: table;
		position: static;
		background-color:#F6F6F6;
		border-width: 0.25em;
		border-style: outset;
		cursor: pointer;
		cursor: hand;
		width: 2.5em;
		height: 2.5em;
		
	}
		
	.divButtonKeyPressed{
		display: table;
		position: static;	
		border-width: 0.25em;
		border-style: inset;
		cursor: pointer;
		cursor: hand;
		width: 2.5em;
		height: 2.5em;
	}

	.divButtonKeyAux{
		display: table;
		position: static;
		background-color:#F6F6F6;
		border-width: 0.25em;
		border-style: outset;
		cursor: pointer;
		cursor: hand;
		width: 100%;
		height: 2.5em;
		
	}
		
	.divButtonKeyAuxPressed{
		display: table;
		position: static;	
		border-width: 0.25em;
		border-style: inset;
		cursor: pointer;
		cursor: hand;
		width: 100%;
		height: 2.5em;
	}

	.divListResult{
		font-size: 1.5em;
		padding: 0.5em 0 0.5em 0.5em;
		cursor: pointer;
		cursor: hand;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
	}
	
	.divListResultPressed{
		font-size: 1.5em;	
		padding: 0.5em 0 0.5em 0.5em;
		border-width: 0.15em;
		border-style: inset;
		cursor: pointer;
		cursor: hand;
	}
	
	.divButtonTab{
		display: table;
		position: static;
		background-color:#F6F6F6;
		border-width: 0.25em;
		border-style: outset;
		cursor: pointer;
		cursor: hand;
		width: 100%;
		height: 4em;
		
	}
		
	.divButtonTabPressed{
		display: table;
		position: static;	
		border-width: 0.25em;
		border-style: inset;
		cursor: pointer;
		cursor: hand;
		width: 100%;
		height: 4em;
	}

	.divButtonSelMap{
		display: table;
		position: static;	
		background-color:#FDE1DB;
		border-width: 0.25em;
		border-style: outset;
		cursor: pointer;
		cursor: hand;
		width: 11em;
		height:4em;
		margin-right:auto;
		margin-left:auto;
	}
	
	
	.divButtonSelMapPressed{
		display: table;
		position: static;			
		border-width: 0.25em;
		border-style: inset;
		cursor: pointer;
		cursor: hand;
		width: 11em;
		height:4em;
		margin-right:auto;
		margin-left:auto;		
	}

	.divButtonPic{
		display: table;
		position: static;	
		background-color:#f6f6f6;
		border-width: 0.25em;
		border-style: outset;
		cursor: pointer;
		cursor: hand;
		width: 100%;
		height: 100%;
		margin-right:auto;
		margin-left:auto;
	}
	
	.divButtonPicPressed{
		display: table;
		position: static;			
		border-width: 0.25em;
		border-style: inset;
		cursor: pointer;
		cursor: hand;
		width: 100%;
		height: 100%;
		margin-right:auto;
		margin-left:auto;		
	}


	
	.divButtonCaptionLeft{
		display: table-cell;
		vertical-align: middle;
		position: static;
		text-align: left;
		font-size: 1.5em;
	}


	#tableMapButtons1{
/*		width: 100%;*/
		
		top: 0;
		margin: 0;
		border-spacing: 0;
	}




	.tableButtonsMain{
		margin-top: 2em;
		width: 100%;
	}

	.tableButtonsMain td{
		padding-top: 1em;
	}
	
	#divSearchTitle{
		width: 100%;
		margin-top: 1em;
		font-size: 1.5em;
	}

	
	
	#imgSearchTitle{
		vertical-align: middle;
	}
	
	#tableListSearch{
		width: 100%;
		height: 100%;
	}
	
	#txtListSearch{
		width: 100%;
		font-size: 2em;
	}
	
	#divListResultOut{
		overflow: hidden;
		position: relative;
		width: 97%;
		height: 100%;
		border: 1px inset #000000;
		background-color: #6D6E70;
	}
	
	
	
	#divListResultIn{
		width: 100%;

	}	
	
	#divListResultOutSpecies{
		overflow: hidden;
		position: relative;
		width: 97%;
		height: 100%;
		border: 1px inset #000000;
		background-color: white;	
		text-align: left;
	}
	
	#tableSelectionMap td{
		text-align: center
	}
	
/* Informació espècie */
	
	#tableSpeciesTabs{
		width: 100%;
		height: 100%;
	}
	
	#divSpeciesData{
		text-align: center;
	}
	#divSpeciesName{
		font-size: 18pt;
		font-weight: bold;
		color: white;
	}
	
	#divSpeciesLatinName{
		font-size: 18pt;
		font-style: italic;
		color: white;
	}	

	.tdTabHeader{
		width: 40%;
		height: 4em;
	}
	
	.divTab{
		top:0;
		left:0;
		width: 100%;
		height: 100%;
	}
	
	.divDataTitle{
		font-weight: bold;
		margin-top: 0.5em;
		margin-left: 0.5em;
	}
	
	.divDataValue{
		margin: 1em;
	}	
	
	#iframeMap{
		border: 0.15em inset #000000;
		margin-top:0.2em;
		margin-left:0.2em;
		width: 97%;
		height: 100%;
	}
	
	#divPic{
		
		position: absolute;
		top: 30px;
		left: 10%;
		width: 80%;
		height: 550px;
		background-color: #6D6E70;
		z-index: 100;
	}
	
	#imgPic{
		margin: 1em
	}
	
	
	#imgSpeciesPic{
		border: 0.15em inset #000000;		
	}
	
	#divNoPic{
		width: 200px;
		height: 180px;
		display: table-cell;
		vertical-align: middle;
		border: 1px solid #6D6E70;	
	}
	
	#divLegend{
		
		left: 0;
		top: 80%;
		display: table-cell;
		text-align: right;
		border: 1px solid #000000;
		background-color: #ffff00;
	}
	
	#imgLegend{
		align: right;
	}
	
	#divIframeMap{
		background-color: #00ff00;
		width: 100%;
		height: 100%;
	}

	#iframeMapSelection{
		position: relative;
		top: 0;
		width: 100%;
		height: 570px;
	}
	

		


	.tdColor{
		background-color: #F6F6F6;
	}

	
	.divSubTitle{
		font-size: 1.5em;
		text-align: center;
	}
	
	#tablePictureGallery{
		width: 100%;

	}

	.tdButtonPic{
		text-align:center;
		background-color:#f6f6f6;
		border-width: 0.25em;
		border-style: outset;
		border-color: #F9F9F9;
		cursor: pointer;
		cursor: hand;
	}	
	
	.tdButtonPicPressed{
		text-align:center;
		background-color:#f6f6f6;
		border-width: 0.25em;
		border-style: inset;
		border-color: #F9F9F9;
		cursor: pointer;
		cursor: hand;
	}
	
	.spanSpeciesPictureName{
		font-size: 14pt;;
		color: #FFFFFF;
	}

	.divNoImgGallery{
		display: table-cell;
		vertical-align: middle;
		padding: 0.5em;
		height: 100px;
		border: 1px solid #323031;
		color: white;		
	}
	
	/* Admin */
	

	
	#tableHeader{
		border-collapse: collapse;
		width: 100%;
	}
	
	#tableHeader a{
		font-size: 0.7em;
	}
	
	.tdHeaderSup{
		height: 5em;
		background-color: #B6DCB3;
	}
	
	.divTitleSupAdmin{
		font-size: 1.75em;
		margin: 1em;
	}	
	
	.tdHeaderSub{
		background-color: #F4DCAA;
	}	
	
	.divTitleSubAdmin{
		margin: 0.5em;
		font-size: 1em;
		font-weight: bold;
	}

	#tableContentLogin td.tdName{
		font-family: Dax, Arial,Helvetica,Verdana,sans-serif;
		font-size: 0.8em;
	}
	
	fieldset legend{
		border: 2px solid #F4DCAA;
		padding:3px 5px 3px 5px;
		background-color:#FFFFFF;
		margin-bottom:4px;
		font-weight:bold;
		font-family: Dax, Arial,Helvetica,Verdana,sans-serif;
		font-size: 0.8em;
	}
	
	.tableContainerAdmin{
		margin-top: 3em;
		width: 100%;
	}
	
	#divWrapper{
		position: absolute;
		left:5%;
		width:90%;
		border: 1px solid #000000;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	
	.divContainer{
		margin: 0 1em 1em 1em;
		border-top: 1px solid #000000;
	}
	
	#tableContentHeader{
		width: 95%;
		margin: 0.5em 0 0.5em 1em;
	}

	#tdMsg{
		border: 1px solid #000000;
	}
	
	#divMsg{
		font-family: Dax, Arial,Helvetica,Verdana,sans-serif;
		font-size: 0.8em;
		width: 100%;
		height: 100%;
		padding: 5px;
		background-color: #F9F9F9;
	}
	
	#tableQuery{
		width: 100%;
	}
	
	#divNumResults{
		font-family: Dax, Arial,Helvetica,Verdana,sans-serif;
		font-size: 0.8em;
		font-style: italic;
	}
	
	
	.tableNavBar{
		width: 100%;
		text-align: center
	}
	
	.tableNavBar td{
		padding: 5px;
	}
	
	.tableNavBar td.tdName{
		font-family: Dax, Arial,Helvetica,Verdana,sans-serif;
		font-size: 0.8em;
	}	
	
	#tableRecordsAdmin{
		width: 100%;
		border-collapse: collapse;
	}

	#tableRecordsAdmin tr.trColor1:hover,
	#tableRecordsAdmin tr.trColor2:hover
	{
		background-color: #FF8040;
	}

	#tableRecordsAdmin th{
		font-family: Dax, Arial,Helvetica,Verdana,sans-serif;
		font-size: 0.8em;
		background-color: #F4DCAA;
		border: 1px solid #C8C8C8;
	}

	#tableRecordsAdmin th a{
		color: #000000;
	}
	
	#tableRecordsAdmin tr.trColor1 th,
	#tableRecordsAdmin tr.trColor1{
		background-color: #f6f6f6;
	}	
	
	#tableRecordsAdmin tr.trColor2 th,
	#tableRecordsAdmin tr.trColor2{
		background-color: #ffffff;
	}	

	#tableRecordsAdmin td{
		font-family: Dax, Arial,Helvetica,Verdana,sans-serif;
		font-size: 0.8em;
		padding: 0.2em;
		border: 1px solid #C8C8C8;
	}	
	
	.spanHighlight{
		background-color: #FFFF80;
	}

	
	.imgButton{
		cursor: pointer;
		cursor: hand;
	}

	#divContentGroups{
		padding: 0 1em 1em 1em;
	}	
		
	#tableContentGroups{
		width: 100%;
		border-collapse: collapse;
	}
		
	#tdContentGroupsButtons{
		padding: 0.5em 0 1em 0;
		text-align: right;
	}
	
	.tdContentGroupsTitle{
		font-family: Dax, Arial,Helvetica,Verdana,sans-serif;
		font-size: 0.8em;
		padding: 0.5em;
		width: 25%;
		text-align: center;
		background-color: #F4DCAA;
		border: 1px solid #000000;
		cursor: pointer;
		cursor: hand;
		
	}
	
	.tdSelected{
		font-weight: bold;
		background-color: #E1E1E1;
	}
	
	#tdContentDetails{
		background-color: #F9F9F9;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		border-left: 1px solid #000000;		
	}
	
	.divContentGroup{
		font-family: Dax, Arial,Helvetica,Verdana,sans-serif;
		font-size: 0.8em;
		padding: 1em;
		
	}
	
	.divContentGroup td.tdName{
		font-family: Dax, Arial,Helvetica,Verdana,sans-serif;
		font-size: 0.8em;
	}

	#tableContentGroup2{
		border-collapse: collapse;
	}

	#tableContentGroup2 td{
		padding: 0.5em
	}
	
	#tableContentGroup2 th{
		font-family: Dax, Arial,Helvetica,Verdana,sans-serif;
		font-size: 0.8em;
	}
	
	#tableContentGroup2 tr.trColor1{
		background-color: #EFEFEF;
	}	

	#tableContentGroup2 tr.trColor2{
		background-color: #F9F9F9;
	}
	
	.tdContentGroup2Title{
		width: 30%;
		font-family: Dax, Arial,Helvetica,Verdana,sans-serif;
		font-size: 0.8em;		
	}
	
	.tdContentGroup2Value{
		width: 35%;
		height: 4em;
	}
		
	
	#divContentGroup2 textarea{
		width: 100%
	}
	
	#divMapGrid{
		margin-top: 2em;

	}
	
	
	#imgContainer{
		margin-top: 1em;
	}
	
	#tableContentAdmin{
		width: 100%;
	}
	
	#tableContentAdmin td.tdName{
		width: 100%;
		font-family: Dax, Arial,Helvetica,Verdana,sans-serif;
		font-size: 0.8em;
	}
	
	

	.button {
		font-weight: bold;
		font-size: 0.7em;
		padding: 3px;
		text-decoration: none;
		color: #000000;
	  border: 1px solid #000000;
	  background-color: #F0F0F0;
	  cursor: pointer;
		cursor: hand;
	}	

	.button:hover{
		color: #804040;
	}