@charset "UTF-8";
/* CSS Document */

body {
  background: url(gfx/BG01.jpg) no-repeat center center fixed #d8cbb6; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: auto;
}

#preloader {
	position: fixed; top: 0; left: 0; display: block; z-index: 999;
    width: 100%; height: 100%;
	text-align: center;
	padding-top: 50%;
	background: url(gfx/Galo.png) no-repeat center center #899b59;
	background-size: auto 60%;
}

#slide {
	position: fixed; top: 0; bottom: 0; left: 0; right: 0;
	width: 100%; height: 100%;	
	overflow: hidden;
	}
	#slide img {
		width: 100%; max-width: initial; height: auto;
    	bottom: 0; left: 0; right: 0; top: 0;	
    	margin: auto;
    	overflow: hidden;
    	position: fixed;
	}
#sidebar {
	position: absolute; top: 0; z-index: 100;
	width: 100%; height: 115px; max-width: 100%;
	background: url(gfx/BGheader.png) no-repeat center top;	
	}
	#sidebar .site-branding {top: 5px;}
#site-navigation {
	position: absolute; left: 0; right: 55px; top: 0;
	margin: auto;
	height: 65px; max-width: 1024px;	
	}
	#site-navigation ul {
		float: right; 
		margin-right: 25px;	
	}
	#site-navigation ul li {
		float: left; 
		height: 65px;
	}
	#site-navigation ul li a {padding: 30px 0;}

#primary {height: 90%;}
#mainLateral {width: 80%; float: right;}
.site-content {
	position: absolute; top: 150px; left: 0; right: 0; z-index: 10;
	width: 95%; max-width: 1280px; height: auto;
	margin: 0 auto 100px auto;	
}
.entry-title {display: none;}
.top-content, .bottom-content {position: absolute; left: 0; right: 0; width: 100%;}
.txt-content {
	margin-top: 20px; padding: 40px 20px; 
	height: calc(100% - 76px);
	background: url(gfx/BGcontent.png);
	overflow:auto;
}
.scroll-content { width: 100%; height: 100%; padding: 0 10px 0 0; overflow: auto; background: url(gfx/Galo.png) no-repeat center center; background-size: 60% auto;}
.top-content {height: 20px; background: url(gfx/BGtopContent.png) no-repeat top left;}
.bottom-content {height: 40px; background: url(gfx/BGbottomContent.png) no-repeat bottom right;}
.site-header {
	position: relative;
	max-width: 1024px;
	margin: 0 auto;	
}
.site-footer {
	position: fixed !important; bottom: 0; left: 0; right: 0; z-index: 50;
	width: 100%; height: 50px;
	background: rgba(0, 0, 0, 0.7);	
}
.secondary {
	float: right;	
}
#primary-sidebar {margin: 0;}
.menuLateral {
	position: absolute; top: 30px; bottom: 0;
	height: 90%; height: calc(90% - 50px); width: 16%; min-width: 155px;
	overflow: auto;	
}
.menuLateral a {
	width: 148px; height: 61px;
	display: block;
	margin: 0 0 5px 0; padding: 0 0 0 15px;
	color: #FFF; text-decoration: none;
	vertical-align: middle;
	background: url(gfx/sideLink.png) no-repeat left bottom;
	line-height: 61px;
}
.menuLateral ul li {list-style: none; margin: 0; padding: 0; border: none;}
.menuLateral a:hover,
.menuLateral li.current_page_item a {
	color: #FFF;
	background: url(gfx/sideLink.png) no-repeat left top;	
}

.myTab {background: none !important;}
.myTab .su-tabs-nav {width: 10% !important;}
.myTab .su-tabs-nav span {background: #c3dd99; margin: 2px 0;}
.myTab .su-tabs-nav span.su-tabs-current {background: #cfc2a9;}
.myTab .su-tabs-panes {width: 90% !important;}
.myTab .su-tabs-panes .su-tabs-pane {background: none !important;}

.gallery-icon {border: none !important;}
.gallery .gallery-icon {background: #c3dd99;}
	.gallery .gallery-icon a img {opacity: 0.8;}
	.gallery .gallery-icon:hover a img {opacity: 1;}

a img {opacity: 0.8 !important;}
a img:hover {opacity: 1 !important;}

.expo .su-spoiler {padding: 5px; border-bottom: 1px solid #FFF;}
.expo .su-spoiler .su-spoiler-title {background: #c3dd99; padding: 10px 20px 10px 40px;}
.expo .su-spoiler .su-spoiler-content {background: none;}

.pdflink {
	display: block;
	width: 250px; height: 190px;
	border: 3px solid #92ab64;
	overflow: hidden;
	-webkit-box-shadow: 10px 5px 5px 0 rgba(0,0,0,0.15);
	box-shadow: 10px 5px 5px 0 rgba(0,0,0,0.15);
	}
	.pdflink .hoverPdf {
		position: relative; bottom: -87px;
		width: 100%; height: 100px;
		background: url(gfx/iconPdf.png) center center no-repeat #461101; opacity: 0;
		border-bottom: 3px solid #92ab64;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-ms-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	.pdflink:hover .hoverPdf {
		opacity: 1;
	}

.linkArteTerra {
	position: relative; float: left; display: block;
	width: 20%; height: 210px;
	margin: 2%;
	overflow: hidden;
	}
	.linkArteTerra img {
		display: block;
	}
	.hoverArte {
	 	position: relative;
		width: 100%; height: 210px;
		background: #461101; opacity: 0;
		border-bottom: 1px solid #FFF;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-ms-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	 }
	 .linkArteTerra:hover .hoverArte {
		 opacity: 1;
	 }

.PG {
	position: relative;
    width: 20px; height: 30px;
    float: right;
    margin: -5px 0 0 0;
    background: url(gfx/PG.svg) no-repeat right center; background-size: 20px auto;
    overflow: hidden; display: block;
	}
	.PG:hover {width: auto;}
	.PG:hover span {opacity: 1;}
	.PG span {
		opacity: 0;
		color: #AAA;
		margin: 3px 25px 0 0;
		font-size: 10px;
		text-align: right;
		line-height: 13px;
		display: block;
		-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;
	}

#fancybox-overlay {background: #c0cf8f !important;}

::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {border-radius: 5;}
::-webkit-scrollbar-thumb {border-radius: 0; background: #788744;}