/*
	LAYOUT
	===================================== */
body {
	margin: 0 auto;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	background: #FEFFED url(../images/back.png) bottom repeat-x fixed;
	color: #D7DDB1;
	letter-spacing: 1px;
}
#header,
#menu,
#main,
#footer,
p.by {
	width: 707px;
	margin: 0 auto;
	padding: 0;
	clear: both;
}
#main {
	background: #183607 url(../images/main-back.png) top repeat-y;
	min-height: 400px;
}
body#inicio #main-text,
body#arqueria #main-text,
body#pesca #main-text {
	width: 68%;
}
#main-text {
	background: url(../images/main-text-back.png) no-repeat 187px 0;
	padding-top: 20px;
}
#main-photos {
	width: 30%;
}
body#inicio #main-text, body#inicio #main-photos,
body#arqueria #main-text, body#arqueria #main-photos,
body#pesca #main-text, body#pesca #main-photos {
	float: left;
	display: block-inline;
}
#clear {
	clear: both;
}
/*
	GENERAL
	================================	*/
a:link, a:visited {
	color: #D7DDB1;
	text-decoration: none;
}
a:hover {
	color: #FFF;
}
h3 {
	margin: 0;
	padding: 0;
	text-align: left;
}
h3, h4 {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 40px 0 35px;;
	padding: 0;
}
h3 {
	padding-top: 10px;
	font-size: 130%;
	color: #E7F6DF;
	letter-spacing: -1px;
	border-bottom: 2px solid #2E5618;
}
h4 {
	padding-bottom: 5px;
	text-align: right;
	font-size: 12px;
}
p {
	margin: 20px 10px 10px 30px;
	text-align: left;
	font-style: italic;
	font-size: 70%;
	line-height: 180%;
}
p img {
	float: left;
	margin-right: 5px;
}
#spiner img{
	margin-top: 150px;
}

/*
	THUMBS
	======================================	*/
.thumb {
	background: url(../images/thumb-loading.png);
	width: 196px;
	height: 62px;
	filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;
	border: 4px solid #37691D;
	margin: 0 0 4px 4px;
}
body#staff .thumb {
	width: 150px;
	height: 150px;
}
a:hover .thumb{
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
	border-color: #6CC83C;
}
#photos-thumbs {
	margin-top: 20px;
	margin-bottom: 20px;
}
/*
	HEADER
	===========================	*/
#header {
	height: 107px;
	background: #183607;
}
body#inicio #header {
	background: url(../images/header_inicio.jpg);
}
body#arqueria #header {
	background: url(../images/header_arqueria.jpg);
}
body#pesca #header {
	background: url(../images/header_pesca.jpg);
}
body#fotos #header {
	background: url(../images/header_fotos.jpg);
}
body#staff #header {
	background: url(../images/header_staff.jpg);
}
body#links #header {
	background: url(../images/header_links.jpg);
}
body#contacto #header {
	background: url(../images/header_contacto.jpg);
}
#header a {
	width: 707px;
	height: 107px;
	display: block;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
#header h1 {
	margin: 0px;
	padding: 0px;
}
#header h2 {
	display: none;
}
#header a span {
	visibility: hidden;
}
/*
	MENU
	===========================	*/
#menu {
	height: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	/*font: bold 80% Arial Narrow, Arial, Helvetica, sans-serif;*/
	text-transform: none;
	color: #FFFFF0;
	background: #183607;
}
body#inicio #menu {
	background: url(../images/menu_inicio.jpg);
}
body#arqueria #menu {
	background: url(../images/menu_arqueria.jpg);
}
body#pesca #menu {
	background: url(../images/menu_pesca.jpg);
}
body#fotos #menu {
	background: url(../images/menu_fotos.jpg);
}
body#staff #menu {
	background: url(../images/menu_staff.jpg);
}
body#links #menu {
	background: url(../images/menu_links.jpg);
}
body#contacto #menu {
	background: url(../images/menu_contacto.jpg);
}
#menu ul{
	margin: 0;
	padding: 0;
	margin-left:40px;
}
#menu li {
	float: left;
	list-style: none;
	margin:  6px 10px 0 4px;
	border-bottom: 3px solid #52832F;
}
#menu li:hover {
	border-color: #99CD74;
}
#menu a,
#menu a:link,
#menu a:visited {
	text-decoration: none;
}
body#inicio li#menu-inicio,
body#arqueria li#menu-arqueria,
body#pesca li#menu-pesca,
body#staff li#menu-staff,
body#fotos li#menu-fotos,
body#comollegar li#menu-comollegar,
body#contacto li#menu-contacto {
	border-color: #FFFFF0;
}
/*
	STAFF
	=================================	*/
	.teacher {
		margin: 0 40px 0 40px;
		padding: 10px;
		font: normal 90% Arial Narrow, Arial, Helvetica, sans-serif;
		min-height: 150px;
		clear: both;
	}
	.teacher ul,
	.teacher li {
		margin: 0;
		padding: 0;
	}
	.teacher li{
		text-align: left;
		list-style-image: url(../images/li.png);
		margin-bottom: 3px;
		padding-left: 5px;
	}
	body#staff h3 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 130%;
		font-style: italic;
		border: 0;
		margin: 5px 0 0 5px;
		padding: 0;
	}
	body#staff .thumb {
		background: url(../images/no-photo.png) no-repeat;
		margin: 5px;
		float: right;
	}
	.expand-collapse {
		cursor: pointer;
	}
/*
	LINKS
	=========================================	*/
	body#links #main-text ul,
	body#links #main-text li {
		margin: 0;
		padding: 0;
	}
	body#links #main-text ul {
		margin-left: 80px;
	}
	body#links #main-text li{
		text-align: left;
		list-style-image: url(../images/li.png);
		margin-bottom: 15px;
		padding-left: 5px;
		font: normal 90% Arial Narrow, Arial, Helvetica, sans-serif;
	}
	body#links #main-text li a {
		font-size: 110%;
		font-weight: normal;
	}
	
/*
	CONTACTO
	=========================================	*/
	body#contacto #main-text ul,
	body#contacto #main-text li {
		margin: 0;
		padding: 0;
	}
	body#contacto #main-text ul {
		margin-left: 80px;
	}
	body#contacto #main-text li{
		text-align: left;
		list-style-image: url(../images/li.png);
		margin-bottom: 3px;
		padding-left: 5px;
		font: normal 90% Arial Narrow, Arial, Helvetica, sans-serif;
	}
	body#contacto #main-text li a {
		font-size: 90%;
		font-weight: normal;
	}
	#data {
		width: 340px;
		float: left;
	}
	#seemap,
	#print,
	#downloadmap {
		width: 280px;
		height: 100px;
		background: #26560B;
		float: right;
		margin-right: 30px;
		margin-bottom: 15px;
		border: 4px solid #204809;
	}
	#seemap img,
	#print img,
	#downloadmap img {
		filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;
		float: left;
		margin-right: 20px;
	}
	#seemap a:hover .icon,
	#print a:hover .icon,
	#downloadmap a:hover .icon {
		filter:alpha(opacity=1);-moz-opacity:1;opacity:1;
	}
	#seemap img {
		margin-top: 12px;
		margin-left: 12px;
		border: 3px solid #2D660D;
	}
	#print img {
		margin-top: 18px;
		margin-left: 18px;
		border: 0;
	}
	#downloadmap img {
		margin-top: 18px;
		margin-left: 18px;
		border: 0;
	}
	#seemap {
		margin-top: 30px;
	}
	#seemap a,
	#print a,
	#downloadmap a {
		font-family: Arial Narrow, Arial, Helvetica, sans-serif;
		font-size: 180%;
		font-style: normal;
		text-decoration: none;
		color: #52972B;
	}
	#seemap a:hover,
	#print a:hover,
	#downloadmap a:hover {
		color: #79CB49;
	}
	#seemap a:hover,
	#print a:hover,
	#downloadmap a:hover {
		color: #79CB49;
	}
	p.explain {
		font-family: Arial Narrow, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #52972B;
		margin: 0;	
	}
/*
	INICIO
	==========================================	*/
	body#inicio #main-photos {
		margin-top: 40px;
	}
/*
	FOOTER
	==========================================	*/
	#footer {
		font-family: Arial Narrow, Arial, Helvetica, sans-serif;
		font-size: 120%;
		font-style: normal;
		height: 109px;
		background: url(../images/footer-back.png) bottom no-repeat;
		overflow: hidden;
	}
	#footer p{
		padding-top: 15px;
		padding-left: 120px;
	}
/*
	BY
	================================	*/
	p.by {
		color: #2C372B;
		margin-top: 5px;
		margin-bottom: 25px;
		padding: 0;
		font: bold 10px Arial Narrow, Arial, Helvetica, sans-serif;
		text-align: right;
		line-height: 17px;
	}
	p.by a img{
          border: 0;
          float: none;
	}
/*
	TO PRINT
	================================	*/
#map-to-print {
	display: none;
}

/*
        PAGINATION
        ================================        */
div.pagination span,
div.pagination a:link, div.pagination a:visited {
  /*border: 1px solid #6CC83C;*/
  background: #37691D;
  color: #6CC83C;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 0 4px 0 4px;
  font-weight: bold;
}
div.pagination a:hover {
  background: #6CC83C;
  color: #FFFFFF;
}
div.pagination {
  margin-top: 20px;
}
span.current {
  border: 1px solid #6CC83C;
  color: #37691D;
  color: #FFFFFF;
  background: #183607;
}
span.disabled {
  background: #3E6E3E;
}