/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}
				
@media all {
		
	/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;/*font:inherit;*/vertical-align:baseline;margin:0;padding:0;box-sizing:border-box;outline:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

	body {
	background-color: #646464;
	font-family: Georgia, serif;
	color: #444;
	text-align:left;
	}
	
	body#tinymce.mceContentBody {
    background-color: #f7f7f7 !important;
    font-size: 100% !important;
		line-height: normal;
    font-family: Georgia, serif !important;
    color: #444 !important;
    max-width: 870px; padding: 15px;
  }

	.page-container { max-width: 1200px; min-width: 740px; margin: 0 auto; padding: 0 10px; }

	.page-margins { }

	#header {	background-color: #fff; overflow: hidden; }
	
	

	#header-logo { margin: 5px; float: left; }
	#header-logo a {
		//background-image: url("images/logo-header.png");
		background-repeat: no-repeat;
		display: block;
		text-indent: -4000px;
		width: 182px;
		height: 98px;
	}
	body.zone-P #header-logo a { background-image: url("images/logo-header-P.png"); }
	body.zone-U #header-logo a { background-image: url("images/logo-header-U.png"); }
	body.zone-H #header-logo a { background-image: url("images/logo-header-H.png"); }
	body.zone-F #header-logo a { background-image: url("images/logo-header-F.png"); }
	body.zone-D #header-logo a { background-image: url("images/logo-header-D.png"); }
	body.zone-I #header-logo a { background-image: url("images/logo-header-I.png"); }
	body.zone-W #header-logo a { background-image: url("images/logo-header-W.png"); }
	body.zone-Z #header-logo a {
		background-image: url("../images/all.png");
		background-position: -157px -1px;
	}
	
	body.zone-B #header-logo a { background-image: url('images/sangue-braganca.png'); text-indent: 0; background-position: 0px 20px; width: 250px;
		box-sizing: border-box; font-size: 26px; text-transform: uppercase; color: #000080; padding: 20px 0 0 75px; text-decoration: none; } 
	
	#logo-extra { display: none; }
	
	@media only screen and (min-width: 901px) {
		#logo-extra { display: block; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; text-transform: lowercase; text-align: right; width: 152px;
														 position: relative; line-height: 1; padding: 2px 0px 0px 0px; }
	}
	#header-banner {
	float: right;
	margin-top: 10px;
	}
	#nav-top { background-color: #008000; width: 100%; height: 44px; margin: 0; position: relative; }
	body.zone-B #nav-top { background-color: #656ddb; }
	#main { background-color: #f7f7f7; padding: 20px 0; clear: both; }

	.login-container { margin-bottom: 15px; overflow: hidden; }
	.login-container .button { width: 48%; float: left; }
	.login-container .button-logout, .login-container .button-register { float: right;}

	#sidebar-right-container { width: 300px; float: right; overflow: hidden; }
	#sidebar-right { }
	
	#settings-filter { width: 180px; float: left; color: #fff; font-family: Arial, sans-serif; text-shadow: 1px 1px 1px #000; font-size: 12px; padding: 0 10px; cursor: pointer; background-color: rgba(0,0,0,0.3); box-shadow: 0 0 3px #000; }
	#settings-filter:hover { background-color: #000; }
	
	#settings-filter .fa { float: left; font-size: 24px; margin-right: 10px; line-height: 44px; }
	#settings-filter .zone { line-height: 20px; margin-top: 4px; }


	/* default styles
	-------------------------------------------------------------- */

	h1, h2, h3, h4, h5, h6 { margin-bottom: 1em; font-weight: bold; line-height: 120%; }
	h1 { font-size: 160%; }
	h2 { font-size: 130%; }
	h3 { font-size: 116%; }

	a { color: #008000; text-decoration: none; }
	body.zone-B a { color: #656ddb; }
	a:focus { outline: thin dotted; }
	a:hover { text-decoration: underline; }
	a:visited { color: #00BB00; }
	body.zone-B a:visited { color: #000080; }
	/*a:active, a:focus { }*/

	a.name-list { text-decoration: none; color: #444; }
	a.name-list .link { color: #008000; }
	body.zone-B a.name-list .link { color: #656ddb; }
	a.name-list:hover .link { text-decoration: underline; }
	a.name-list:visited .link { color: #00BB00; }	
	body.zone-B a.name-list:visited .link { color: #000080; }
	a.no-link .link { color: #999; }

	pre {
	display: -moz-deck;
	white-space: pre-wrap;
	width: 100%;
	word-wrap: break-word;
	}

	p { margin-bottom: 15px; line-height: 130%; }

	small, .small, .note { font-size: 85%; color: #666; }

	hr { clear: both; border: 0; height: 1px; background-color: #ccc; margin-bottom: 15px; }



	/* menu-top
	-------------------------------------------------------------- */

	ul.menu-top { float: left; list-style: none; margin: 0 0 0 10px; }
	.zone-B ul.menu-top { margin: 0; }

	ul.menu-top li {
	float: left;
	position: relative;
	}

	ul.menu-top a {
	color: #fff !important;
	font-family: Arial, sans-serif;
	display: block;
	line-height: 44px;
	padding: 0 10px;
	text-decoration: none; text-shadow: 1px 1px 0px #000;
	}

	ul.menu-top ul {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	border-top: 1px solid #008000;
	display: none;
	position: absolute;
	top: 44px;
	left: 0;
	float: left;
	z-index: 9;
	}
	.zone-B ul.menu-top ul { border-top: 1px solid #656ddb;  }
  
  ul.menu-top ul a { background: #444; line-height: 125%; padding: 10px; width: 200px; height: auto; font-size: 14px; border: 1px solid #008000; border-top: 0; }
	.zone-B ul.menu-top ul a { border: 1px solid #656ddb;  }
	ul.menu-top ul ul { top: -1px; left: 200px; float: left; }
	ul.menu-top ul ul a { background: #333; color: #ddd; }

	ul.menu-top ul li { position: relative; }

	ul.menu-top li:hover > a,
	ul.menu-top ul:hover > a { background: #333; color: #fff; }
	ul.menu-top li:hover > ul { display: block; }
	
	ul.menu-top > li:first-child > a { text-indent: -4000px; position: relative; width: 44px; padding: 0; }
	ul.menu-top > li:first-child > a:before {
		content: "\f015";
		font-family: FontAwesome;
		color: #fff;
		font-size: 22px;
		line-height: 1;
		position: absolute;
		top: 11px;
		left: 12px;
		text-indent: 0px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	/* Footer
	--------------------------------------- */
	#footer {
	border-top: 5px solid #008000;
	background-color: #333333;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#666666, endColorstr=#aaaaaa)"; /* Internet Explorer 8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333, endColorstr=#646464); /* Internet Explorer 5.5 */
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#333333), to(#646464));
	background-image: -webkit-linear-gradient(top, #333333 0%, #646464 100%);
	background-image: -moz-linear-gradient(top, #333333 0%, #646464 100%);
	background-image: -ms-linear-gradient(top, #333333 0%, #646464 100%);
	background-image: linear-gradient(top, #333333 0%, #646464 100%);
	overflow: hidden;
	padding: 10px 0 40px 0;
	clear: both;
	}
	
	body.zone-B #footer { border-top: 5px solid #656ddb; }

	#footer ul.menu-footer { list-style: none; margin: 0; }
	#footer ul.menu-footer > li { width: 25%; float: left; padding-right: 30px; }
	#footer ul.menu-footer > li > ul { }
	#footer ul.menu-footer > li > ul > li { }
	#footer ul.menu-footer a { display: block; font-family: Arial, sans-serif; text-shadow: 1px 1px 0px #000; color: #ccc; border-bottom: 1px dotted #ccc; padding: 9px 3px 5px 1px;
text-decoration: none; }
	#footer ul.menu-footer > li:first-child > ul a { background-color: #666; padding: 5px 8px; border: 0; margin: 0 0 5px 0; } 
	#footer ul.menu-footer > li > a.has-children { font-weight: bold; font-size: 125%; color: #fff; border-bottom: 2px solid #fff; margin-top: 34px; padding-bottom: 8px; }
	#footer ul.menu-footer > li:first-child > a { background: url('../images/all.png') no-repeat scroll -26px -13px transparent;
		display: block;	text-indent: -4000px; width: 127px;	height: 69px;	padding: 0;	margin: 0 0 10px 0px; border: 0 !important; }
		
	body.zone-B #footer ul.menu-footer > li { width: auto; padding-right: 0; }
	body.zone-B #footer ul.menu-footer a { border: none; padding: 5px 10px; margin-right: 10px; }
	body.zone-B #footer ul.menu-footer > li > a { font-weight: normal; background-color: #222; }
	body.zone-B #footer ul.menu-footer > li > a.has-children { font-size: 100%; margin-top: 0; }
	body.zone-B #footer ul.menu-footer > li:first-child > a { background: none; text-indent: 0px; width: auto; height: auto; margin: 0; text-transform: uppercase;
																														 font-weight: bold; padding: 5px 10px 5px 0; }
	body.zone-B #footer ul.menu-footer > li > ul > li > ul > li > a { padding-left: 20px; } 
	#footer ul.menu-footer a:hover { color: #fff; border-color: #fff; }
	/*#footer ul li h2 {
	text-transform: uppercase;
	color: #cccccc;
	border-bottom: 2px solid #ccc;
	margin: 40px 30px 0 0;
	padding: 3px;
	}

	#footer ul li a {
	display: block;
	color: #cccccc;
	border-bottom: 1px dotted #ccc;
	margin: 7px 30px 0 0;
	padding: 3px;
	text-decoration: none;
	}
	#footer ul li a:hover {
	color: #ffffff;
	border-bottom: 1px dotted #fff;
	}

	#footer ul:first-child li a {
	background-color: #666666;
	color: #cccccc;
	display: block;
	padding: 3px 8px;
	text-decoration: none;
	margin: 7px 40px 0 0;
	border: none !important;
	}
	#footer ul:first-child li a:hover {
	color: #ffffff;
	}  
	#footer ul li h1#footer-logo a {
	background: url('../images/all.png') no-repeat scroll -26px -13px transparent;
	display: block;
	text-indent: -4000px;
	width: 127px;
	height: 69px;
	padding: 0;
	margin: 0 0 0 5px;
	}*/

	/* Content
	--------------------------------------- */
	#main .content-container { width: 100%; float: left; margin-right: -300px; }
	#main .content { min-height: 300px; margin-right: 320px; border-right: 1px solid #ddd; padding: 0px 20px 0px 0px; line-height: 125%; }

	#content-2col { width: 100%; float: right; margin-left: -150px; }  
	#content-main { width: auto; margin-left: 160px; padding-left: 10px; border-left: 1px solid #ddd; overflow: hidden; }
	#content-left { float: left; width: 150px; position: relative; }

	.content ul, .mceContentBody ul { list-style-type: square; margin: 0 0 15px 30px; }
	.content-block li, .post-content li, .mceContentBody li { line-height: 130%; margin-bottom: 10px; }  
	.content ul > li > ul, .mceContentBody ul > li > ul { list-style-type: circle; margin-top: 5px; }
	.content ol, .mceContentBody ol { list-style-type: decimal; margin: 0 0 15px 30px; }

	ul.rel-links { list-style: none !important; margin: 0 !important; overflow: hidden; }
	ul.rel-links li { border: 1px solid #DBDBDB; border-radius: 5px; margin: 0 10px 15px 0; float: left; }
	#content-left ul.rel-links li { width: 100%; }
	ul.rel-links li a {
		position: relative;
		display: block;
		border: 7px solid #EFEFEF;
		border-radius: 5px; 
		background-color: #DBDBDB;
		padding: 6px 6px;
		color: #444;
		/*font-size: 75%;*/
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		/*text-transform: uppercase;*/
		text-shadow: 1px 1px 0px #fff;
	}

	ul.rel-links li a:hover { border-color: #444; }

	/* Images
	--------------------------------------- */

	img { border: 0; max-width: 100%; height: auto; }

	ul.gallery { margin: 0 0 0 0 !important; list-style: none !important; }
	ul.gallery li { float: left !important; margin: 0 10px 5px 0 !important; }
	ul.gallery li a img { border: 5px solid #ddd; }
	ul.gallery li a:hover img { border-color: #666; }

	img.name {
	border: 1px solid #000000;
	display: block;
	margin: 0 auto 15px;
	/*box-shadow: 0px 1px 5px #666;*/
	}
	
	body.tp-type-family img.family, body.tp-template-title img.title {
		border: 5px solid #fff;
		box-shadow: 0px 2px 5px #ccc;
		margin: 0 auto 15px;
	}
	
	img.alignleft { float: left; margin: 0 15px 15px 0; border: 5px solid #fff; box-shadow: 0 0 5px #ccc; }
	img.alignright { float: right; margin: 0 0 15px 15px; border: 5px solid #fff; box-shadow: 0 0 5px #ccc; }
	
	
	body.tp-template-ancestors #content-header img.name { width: 56px; height: 75px; float: left; margin: 0 10px 5px 0; border: 2px solid #fff; box-shadow: 0px 2px 5px #ccc; }
	#content-header .image-container { float: left; border-right: 1px solid #ccc; margin: 0 15px 20px 0; }
	#content-header .image-container img { border: 5px solid #fff; box-shadow: 0px 2px 5px #ccc; margin: 0px 15px 0px 0px; }
	/*body.tp-template-name img.name, body.tp-template-family img.family { border: none; box-shadow: 0px 1px 5px #666; float: left; margin: 0px 15px 0px 0px; }*/

	div.bolas a { margin: 0 5px 0 0; }
	.bola { display: inline-block; width: 14px; height: 14px; border-radius: 7px; box-shadow: 1px 1px 3px #444; text-indent: -4000px; }
	.bola_D { background-color: #FDD343; /* yellow */ }
	.bola_F { background-color: blue; }
	.bola_H { background-color: #005800; /* green */ }
	.bola_U { background-color:  #C00000; /* red */ }
	.bola_P { background-color: lightskyblue; }
	.bola_B { background-color: #FCC317/*#656ddb*/; }
	
	.bola:hover { box-shadow: 1px 1px 3px #000; }

	.symbol_marriage {
	background: url('../images/all.png') no-repeat scroll -75px 3px transparent;
	padding-left: 18px;
	}


	.bola_P_1 {
	display: inline-block;
	background: url('../images/all.png') no-repeat scroll -57px 0px transparent;
	width: 12px; height: 12px;
	}
	
	/* Grids
	--------------------------------------- */
	.col-20, .col-30, .col-35, .col-40, .col-50, .col-60, .col-70, .col-80 { box-sizing: border-box; float: left; min-height: 1px; } 
	.col-20 { width: 20%; }
	.col-30 { width: 30%; }
	.col-35 { width: 35%; }
	.col-40 { width: 40%; }
	.col-50 { width: 50%; }
	.col-60 { width: 60%; }
	.col-70 { width: 70%; }
	.col-80 { width: 80%; }
	.col-first { padding-right: 6px; }
	.col-n { padding: 0 6px 0 6px; }
	.col-last { padding-left: 6px; }
	.field { margin-bottom: 10px; overflow: hidden; }
	.block { display: block; }
	label.align-right { padding-right: 5px; }
	.row { clear: both; }


	/* Forms
	--------------------------------------- */
	form { font-family: Arial, sans-serif; display: inline-block; }
	#colorbox form { padding: 10px; min-width: 300px; }

	label { display: inline-block; margin-top: 4px; }

	fieldset { border: 0; padding: 0; margin-bottom: 15px; }
	legend, form .title { background-color: #008000; color: #fff; font-weight: bold; padding: 10px 10px; width: 100%; box-sizing: border-box; margin-bottom: 15px; box-shadow: 2px 2px 2px #000; }
	body.zone-B legend, form .title { background-color: #656ddb; }

	input, select, textarea, button {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		max-width: 100%;
	}
	
	input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], select, textarea, button {
		font-family: sans-serif;
		border: 1px solid #888;
		border-radius: 3px;
		font-size: 16px;
		padding: 5px 5px;
	}
	
	select { padding: 4px 5px; }
	#colorbox select { max-width: 98%; }

	input[type="text"], input[type="password"], input[type="email"], select, textarea {
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;    
		-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
		-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
	}

	input[type="submit"], input[type="button"], button, a.button {    
		background-color: #008000;
		color: #fff !important;
		cursor: pointer;
		padding: 2px 15px 0px;
		border: 0;
		border-bottom: 2px solid #000;
		line-height: 30px;
		text-shadow: 1px 1px 0px #000;
		font-family: sans-serif;
		border-radius: 3px;
		display: inline-block;
		text-decoration: none;
		text-align: center;
	}
	body.zone-B .button  { background-color: #656ddb; }
	a.button-active { background-color: #00AA00; }
	#nav-top input[type="submit"] { line-height: 27px; font-family: FontAwesome; background-color: transparent;
border: 1px solid #ccc; padding: 0 7px; font-size: 16px; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

	input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {border:0;}
	input[type="submit"]:hover, input[type="button"]:hover, button:hover, input[type="submit"]:focus, input[type="button"]:focus, a.button:hover {background-color: #00AA00; filter: none;}
	body.zone-B .button:hover { background-color: #6398db; }

	input[type="radio"], input[type="checkbox"] { cursor: pointer; }
	label.checkbox { cursor: pointer; white-space: nowrap; margin-right: 10px; padding: 2px 5px 2px 0px; }
	label.checkbox:hover { background-color: #ddd; }

	form#nav-search { line-height: 44px;	float: right; background-color: rgba(0,0,0,0.3); box-shadow: 0 0 3px #000; padding: 0 10px; }
  form#nav-search input, #nav-top select { border: 1px solid #000;}
	form#nav-search input[name="s"], form#nav-search select[name="t"] { max-width: 150px; }
	/*#menu-top form select { width: 90px; }*/
	
	/*a.button { display: inline-block; padding: 5px 10px; color: #fff; font-family: Arial, Helvetica, sans-serif; border-radius: 3px;
			font-size: 13px; line-height: 150%; text-decoration: none; text-shadow: 1px 1px 1px #000;
			filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#777777,EndColorStr=#333333);
			background-image: -moz-linear-gradient(top, #777777 0, #333333 100%);
			background-image: -ms-linear-gradient(top, #777777 0, #333333 100%);
			background-image: -o-linear-gradient(top, #777777 0, #333333 100%);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #333333),color-stop(100%, #333333));
			background-image: -webkit-linear-gradient(top, #777777 0, #333333 100%);
			background-image: linear-gradient(to bottom, #777777 0, #333333 100%);
	}
	a.button:hover { box-shadow: 0 0 1px #000; background: #000; filter: none; }*/
	
	button.search {
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		background-color: #080;
		color: #fff;
		border: 1px solid #444;
		line-height: 29px;
		border-radius: 3px;
		padding: 0 10px;
		/*font-size: 1em;*/
		cursor: pointer;
	}
	button.search:before { content: "\f002"; }
	button.search:hover { box-shadow: 0 0 3px #000; }
	button .fa { margin-left: 5px; }


	.twocol div { margin-bottom: 10px; }
	.twocol div label:first-child { display: inline-block; width: 30%; text-align: right; padding-right: 5px; }
	.twocol div input { }

	.flow div { float: left; display: inline-block; padding: 5px; }
	.flow div label { display: block; height: 22px; }
	.flow div input { }

	form.flow div.field { float: left; display: inline-block; margin: 0 10px 15px 0; }

	form#login-form {
	border: 5px solid #008000;
	border-radius: 10px 10px 10px 10px;
	display: inline-block;
	margin-bottom: 10px;
	padding: 5px;
	overflow: hidden;
	}

	.two-col { width: 100%; }
	.two-col h3 { clear: both; background-color: #ddd; padding: 4px 10px; margin-bottom: 10px;
							font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; text-transform: uppercase; }
	.two-col .col1 { clear: both; text-align: right; float: left; width: 30%; }
	.two-col .col1 * { padding: 0px 5px 5px 0; display: inline-block; }
	.two-col .col1 label:after { content: ':'; }
	.two-col .col1 label.required { font-weight: bold; }
	.two-col .col1 label.required:before { content: '* '; }
	.two-col .col2 { float: right; width: 70%; margin-bottom: 15px; }
	.two-col .colspan { clear: both; margin-bottom: 15px; }

	.two-col textarea { width: 300px; height: 65px; }
	.two-col textarea, .two-col input, .two-col select { max-width: 100%; }
	.two-col .note { font-size: 12px; }
	img#captcha { border: 1px solid #ccc; }
	.two-col .captcha { }
	.two-col #captcha { float: left; margin: 5px 0; }
	.two-col #captcha-field { margin-bottom: 0; display: block; }
	.two-col #captcha-change { clear: both; display: block; font-size: 12px; }

	form fieldset legend { margin-bottom: 10px\9; }
	
	input.medium { width: 300px; } input.small { width: 200px; }
	textarea.full, input.full, form.full { width: 100%; }
	
	form.inline { display: inline; }
	
	iframe#iframe-form-target { width: 0; height: 0; border: 0; }
	
	.notice-msg { display: none; background-color: #5bc0de; color: #fff; position: relative; margin: 5px 0 15px 0; min-height: 46px; padding: 10px 10px 10px 56px; border-radius: 3px; font-family: Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 100%; }
	.notice-msg:before {
		content: "\f05a"; 
		font-family: FontAwesome;
		color: #fff;
    font-size: 30px; line-height: 1;
    position: absolute;
    top: 8px;
    left: 15px;
		-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	}
	/* Tables
	--------------------------------------- */
	table { border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; margin-bottom: 20px; }
	table.full { width: 100%; }
	table.data { }
	table.data thead { }
	table.data thead tr { }
	table.data thead th { border-bottom: 2px solid #444; border-top: 2px solid #444; padding: 4px 8px; background-color: #ddd; }
	table.data tbody td { border-bottom: 1px solid #ccc; padding: 4px 8px; vertical-align: top; }
	table.data tfoot td { padding: 4px 8px; vertical-align: top; }
	table.data tbody tr:nth-child(odd) { background-color: #f9f9f9; }
	table.data tbody tr:last-child td { border-bottom: 2px solid #444; }
	
	table.table { background-color: #fff; }
	table.table th { border: 1px solid #444; padding: 4px 8px; background-color: #ddd; }
	table.table td { border: 1px solid #ccc; padding: 4px 8px; vertical-align: top; }
	//table.abbreviations tbody tr:hover { background-color: #ffffc0; }
	
	tr.center td, tr.center th { text-align: center; }
	td.left, th.left { text-align: left !important; }
	td.right, th.right { text-align: right !important; }
	td.num { text-align: right !important; white-space: nowrap; }
        
	tr.hover:hover { background-color: #ffffc0 !important; color: #000; }
	.cursor-pointer { cursor: pointer; }
  
	#parish-records-item-result { padding: 10px; }
	#parish-records-result tbody tr td:first-child { padding-left: 30px; position: relative; }
  #parish-records-result tbody tr td:first-child:before {
		content: "\f00e"; 
		font-family: FontAwesome;
		color: #000;
    font-size: 14px;
    position: absolute;
    top: 5px;
    left: 10px;
	}

	/* Pub
	--------------------------------------- */
	#mrec-container:before {
	content: "PUB";
	text-align: right;
	display: block;
	font-size: 8px; font-family: Arial, serif;
	color: #999;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
	}
	.mrec-ad { width: 300px; min-height: 250px; margin-bottom: 20px; }
	.leaderboard { }


	.clear { clear: both; }
	
	.clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
	}

	/* (en) essential for Safari browser !! */
	/* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display:block; }
	* html .clearfix             { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */


	/* custom styles
	-------------------------------------------------------------- */
	
	#ajax-output { display: none; }
	#ajax-loader { display: none; z-index: 9999999; position: fixed; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; }
	#ajax-loader .icon { position: fixed; top: 50%; left: 50%; width: 46px; height: 46px; background: url('images/ajax-loader.gif'); }
	
	.float-left { float: left; margin: 0 15px 15px 0; clear: left; }
	.float-right { float: right; margin: 0 0 15px 15px; clear: right; }
	.float-inline { display: inline-block; }
	.align-right { text-align: right; }
	.center { text-align: center !important; }
	.bold { font-weight: bold; }

	.msg-ok, .msg-error, .msg-warn, .msg-info/*, #colorbox .ajax-output*/ {
		color: #fff; position: relative; margin: 15px 0; min-height: 46px; padding: 10px 10px 10px 56px; border-radius: 3px; font-family: Arial, sans-serif;
		-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.msg-ok:before, .msg-warn:before, .msg-error:before, .msg-info:before {
		font-family: FontAwesome; color: #fff; font-size: 30px; line-height: 1; position: absolute; top: 8px; left: 15px; }
	.msg-ok { background-color: #5cb85c; }
	.msg-ok:before { content: "\f058"; }
	.msg-warn { background-color: #f0ad4e;  }
	.msg-warn:before { content: "\f071"; }
	.msg-error { background-color: #d9534f; }
	.msg-error:before { content: "\f06a"; }
	.msg-info { background-color: #5bc0de; }
	.msg-info:before { content: "\f05a"; }

	li.exact-match { font-weight: bold; }
	
	li.facebook, li.wikipedia { padding-left: 1.3em ; }
	li.facebook:before { content: "\f082"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	li.wikipedia:before { content: "\f1c2"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	
	section.expand { }
	section.expand h2 { position: relative; cursor: pointer; }
	section.expand h2:after { content: "\f150"; font-family: FontAwesome; color: #999; font-size: 26px; line-height: 1; position: absolute; top: 4px; right: 2px; }
	section.expand-down h2:after { content: "\f107"; }
	section.expand-up h2:after { content: "\f106"; }
	section.expand h2:hover:after { color: #000; }
	section.expand > ul { max-height: 400px; overflow-y: scroll; }

	.meta-info .meta-key { font-weight: bold; }
	.meta-info .meta-key:after { content: ':'; }

	.result-nav { margin: 0 0 0 0; clear: both; }
	.result-nav a { color: #555; font-family: Arial, Helvetica, sans-serif; line-height: 30px;
		display: inline-block; margin: 0 5px 15px 0; text-decoration: none; padding: 0 10px;
		border: 1px solid; font-size: 14px; white-space: nowrap; word-wrap: normal;
		/*vertical-align: middle;*/ cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
		text-shadow: 0 1px 0 white; border-color: #CCC #CCC #AAA; background-color: #E0E0E0;
		-moz-box-shadow: inset 0 0 1px #fff;
		-ms-box-shadow: inset 0 0 1px #fff;
		-webkit-box-shadow: inset 0 0 1px white;
		box-shadow: inset 0 0 1px white;
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FAFAFA,EndColorStr=#DCDCDC);
		background-image: -moz-linear-gradient(top, #FAFAFA 0, #DCDCDC 100%);
		background-image: -ms-linear-gradient(top, #FAFAFA 0, #DCDCDC 100%);
		background-image: -o-linear-gradient(top, #FAFAFA 0, #DCDCDC 100%);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FAFAFA),color-stop(100%, #DCDCDC));
		background-image: -webkit-linear-gradient(top, #FAFAFA 0, #DCDCDC 100%);
		background-image: linear-gradient(to bottom, #FAFAFA 0, #DCDCDC 100%);
	}
	.menu-alpha { margin-bottom: 15px; }
	.menu-alpha a { margin: 0; padding: 0; width: 30px; line-height: 30px; border-radius: 0; float: left; text-align: center; }
	.result-nav a:last-child { margin-right: 0; }	
	.result-nav a:hover { box-shadow: 0 0 1px #666; border-color: #bbb; }
	.result-nav a.result-current { background-color: #080; background-image: none; filter: none; color: white !important; border: 1px solid #000; text-shadow: 0 1px 0 black; }
	body.zone-B .result-nav a.result-current { background-color: #656ddb; }
	.result-nav .result-total { margin: 0 10px 10px 0; font-weight: bold; display: inline-block; }
	.result-nav .result-total:after { content: ':'; }

	.birth, .death { white-space: nowrap; }
	.n-date .birth { padding-right: 10px; }

	.content h1 { color: #000; margin-bottom: 15px; text-shadow: 2px 2px 2px #CCC; }
	/*#content-header h1 { margin-bottom: 0; }*/
	body.tp-template-name .content h1,
	body.tp-template-ancestors .content h1,
	.tp-template-title #content-header h1 { margin-bottom: 5px; }
	.tp-template-name #content-header h2,
	.tp-template-title #content-header h2 { color: #aaa; margin-bottom: 5px; }
	#content-header .n-date { margin: 10px 0; }
	#content-header .tp-date { display: block; margin-bottom: 5px; }

	div.bolas { margin: 5px 0; }
	div.bolas span { font-size: 75%; vertical-align: top; }
	#content-header { /*border-bottom: 1px solid #ddd;*/ margin-bottom: 15px; }
	body.tp-template-ancestors #content-header { margin-bottom: 0px; overflow: visible; }
	.content-block { padding-bottom: 10px; /*border-bottom: 1px solid #ddd;*/ margin-bottom: 10px; overflow: hidden; }
  body.tp-template-name .content-block { clear: both; }

	.content-block h2, .col-content h2, .chronology h2, #map-children h2 {
	background-color: #dddddd;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#f7f7f7, GradientType=1); /* Internet Explorer 8 */
	background: -moz-linear-gradient(left, #dddddd, #f7f7f7);  /* Firefox */
	background: -webkit-linear-gradient(left, #dddddd, #f7f7f7); /* Chrome, Safari */	
	background: linear-gradient(left, #dddddd, #f7f7f7);
	margin-bottom: 10px;
	padding: 4px 10px; font-size: 20px; text-shadow: 1px 1px 0px #fff;
  overflow: hidden;
	}
	.content-block div.lang-toggle-container { margin-bottom: 5px; }
	.content-block div.lang-toggle-container a { line-height: 1.5; }
	body.tp-template-family .restricted-content ul li { list-style: none;  margin: 0 0 10px 0; text-align: justify; }
  
  body.tp-template-family .content .image-container,
  body.tp-template-title .content .image-container { float: left; padding: 0 20px 0 0; }

	#parents dl dt { display: none; }

	#marriages ol { }
	#marriages ol li { line-height: 150%; list-style: upper-roman; margin-bottom: 5px; }
	#marriages ol li.nocount { list-style: square; }
	#marriages ol li a.name-list .link { font-weight: bold; }

	#children dl dt { font-weight: bold; margin-bottom: 5px; }
	#children dl dt:after { content: ":"; }
	#children dl dt.nr_99:after { content: ""; }
	#children dl dt.nr_1_1 { display: none; }
	#children dl dd { margin-bottom: 20px; }
	#children div.spouse { margin-left: 15px; }

	#chronology ul { list-style: none; margin: 0; }
	#chronology span.date { display: inline-block; background-color: #e4e4e4; margin-top: 5px; padding: 2px 5px; border-radius: 5px; font-family: sans-serif; font-size: 85%; }


	div.tree { position: relative; height: 800px; clear: both; margin-bottom: 40px; }
	div.tree .connector { position: absolute; z-index: 1; border: 1px solid #CCC; border-right: 0; }
	#connector-t1 { width: 20%; height: 50%; top: 23.5%; left: 12%;  }
	#connector-t2 { width: 20%; height: 25%; top: 11%; left: 32%; }
	#connector-t3 { width: 20%; height: 25%; top: 61%; left: 32%;  }
	#connector-t4 { width: 20%; height: 14%; top: 4%; left: 53%;  }
	#connector-t5 { width: 20%; height: 14%; top: 29%; left: 53%;  }
	#connector-t6 { width: 20%; height: 14%; top: 54%; left: 53%;  }
	#connector-t7 { width: 20%; height: 14%; top: 79%; left: 53%;  }

	div.branch { display: inline-block; position: absolute; z-index: 2; width: 31%; height: 12.5%; font-family: Arial, sans-serif; font-size: 14px; }
	div.branch-container { width: 270px; margin: 0 auto; } 
	div.branch a.name-list { background-color: #fff; box-shadow: 2px 2px 5px #CCC; display: block; border: 1px solid #CCC; padding: 5px; min-height: 75px; line-height: 110%; }
	div.branch-container a.name-list { overflow: hidden; z-index: 10; }
	div.branch a.name-list:hover { box-shadow: 2px 2px 5px #666; z-index: 1000; }
	div.branch a.name-list:hover .link { text-decoration: none; }
	div.branch a.name-list img { float: right; margin: 0 0 0 5px; height: 63px; width: 43px; }
	div.branch a.follow { float: right; width: 25px; margin: 0; padding: 0; background-color: #008000; border-radius: 0 5px 5px 0; color: #fff; text-align: center; line-height: 75px; box-shadow: 2px 2px 5px #CCC; text-decoration: none; }
	body.zone-B div.branch a.follow { background-color: #656ddb; }
	div.branch a.follow:hover { background-color: #000000 !important; box-shadow: 2px 2px 5px #666; }
	div.tree #t1 { top: 43.75%; width: 270px; }
	div.tree #t2 { top: 18.75%; width: 70%; }
	div.tree #t3 { top: 68.75%; width: 70%; }
	div.tree #t4 { top: 6.25%; width: 70%; }
	div.tree #t5 { top: 31.25%; width: 70%; }
	div.tree #t4 .branch-container, div.tree #t5 .branch-container { float: right; margin-right: 10px; }
	div.tree #t6 { top: 56.25%; width: 70%; }
	div.tree #t7 { top: 81.25%; width: 70%; }
	div.tree #t6 .branch-container, div.tree #t7 .branch-container { float: right; margin-right: 10px; }
	div.tree #t8 { left: 70%; }
	div.tree #t9 { top: 12.5%; left: 70%; }
	div.tree #t10 { top: 25%; left: 70%; }
	div.tree #t11 { top: 37.5%; left: 70%; }
	div.tree #t12 { top: 50%; left: 70%; }
	div.tree #t13 { top: 62.5%; left: 70%; }
	div.tree #t14 { top: 75%; left: 70%; }
	div.tree #t15 { top: 87.5%; left: 70%; }
	div.tree #t8 .branch-container, div.tree #t9 .branch-container, div.tree #t10 .branch-container, div.tree #t11 .branch-container, div.tree #t12 .branch-container, div.tree #t13 .branch-container, div.tree #t14 .branch-container, div.tree #t15 .branch-container { width: 100%; }
	
	div.tree #connector-marriages { position: absolute; top: 420px; left: 20px; height: 330px; border-left: 1px solid #ccc; }
	div.tree #marriages { position: absolute; top: 743px; max-width: 270px; background-color: #fff; box-shadow: 2px 2px 5px #CCC; border: 1px solid #ccc;
											 font-family: Arial, sans-serif; font-size: 14px; padding: 5px 10px; z-index: 10; }
	div.tree #marriages h3 { margin-bottom: 5px; font-size: 100%; }
	div.tree #marriages ol { margin-bottom: 0px; }
	div.tree #marriages ol li { line-height: 100%; }


	span.year { white-space: nowrap; }

	/*.tp-template-family #titles ul li, .tp-template-family #orders ul li, .tp-template-family #jobs ul li { width: 47%; float: left; }
	.tp-template-family #titles ul:after, .tp-template-family #orders ul:after, .tp-template-family #jobs ul:after { display: block; clear: both; content: ""; }*/

	/* Colorbox */
	#cboxOverlay { opacity: 0.8; }
	#cboxTitle.custom {color:#ddd; margin-bottom: 35px; background-color: rgba(0,0,0,0.5); padding: 5px; font-weight: normal; line-height: 125%; }
	/*#cboxPrevious { background-image: url('images/icons-24/left_arrow_24x24.png'); background-repeat: no-repeat; width: 24px; height: 24px; text-indent: -4000px; }
	#cboxNext { left: 30px; background-image: url('images/icons-24/right_arrow_24x24.png'); background-repeat: no-repeat; width: 24px; height: 24px; text-indent: -4000px; }
	#cboxClose { background-image: url('images/icons-24/error_24x24.png'); background-repeat: no-repeat; width: 24px; height: 24px; text-indent: -4000px; }
	#cboxCurrent{left:65px; bottom:5px;}
	#cboxLoadedContent { margin-bottom: 28px; }*/
	
	.loading { min-width: 32px; min-height: 32px; background: url('images/loading.gif') top left no-repeat; }

	ul.name-list, ul.result-list { clear: both; border-top: 1px solid #ccc; margin: 0 0 15px 0 !important; list-style: none; }
	ul.name-list li, ul.result-list li { margin: 0; }
	ul.name-list li a, ul.result-list li a { display: block; border-bottom: 1px solid #ccc; clear: both; padding: 10px 5px; text-decoration: none; overflow: hidden; }
	ul.name-list li a:hover, ul.result-list li a:hover { background-color: #eee; text-decoration: none; }
	ul.result-list li a .link { font-weight: bold; }
	ul.name-list li a .prefix, ul.result-list li a .prefix { padding-right: 5px; }
	ul.name-list li a .prefix:after, ul.result-list li a .prefix:after { content: '.'; }
	ul.name-list li a img, ul.result-list li a img { float: right; width: 27px; height: 40px; margin: 0 0 0 10px; }
	.tp-template-births ul.name-list li a .tp-date,
	.tp-template-deaths ul.name-list li a .tp-date,
	.tp-template-births-last ul.name-list li a .tp-date,
	.tp-template-deaths-last ul.name-list li a .tp-date { float: left; margin-right: 5px; }
	.tp-template-births ul.name-list li a .tp-date:after,
	.tp-template-deaths ul.name-list li a .tp-date:after,
	.tp-template-births-last ul.name-list li a .tp-date:after,
	.tp-template-deaths-last ul.name-list li a .tp-date:after{ content: ' - '; }
	
	ul.tab-menu { padding: 0 0 0 20px !important; margin: 0 !important; position: relative; z-index: 6; }
	ul.tab-menu li {
		float:left; 
		list-style:none; 
		border:1px solid #ccc; 
		border-bottom: 0 solid #fff;
		margin-bottom: -1px;
		margin-right:5px; 
		border-radius:3px 3px 0 0;
		-webkit-box-shadow:  0 -2px 2px #dadada;
		box-shadow: 0 -2px 2px #dadada;
	}
	ul.tab-menu li a {
		font-family:Arial, Helvetica, sans-serif; 
		/*font-size:13px;*/
		font-weight:bold; 
		color:#000000; 
		padding:7px 14px 6px 12px; 
		display:block; 
		background:#FFFFFF;  
		border-radius: 3px 3px 0 0;
		text-decoration:none;
		background: -moz-linear-gradient(top, #ebebeb, white 10%);  
		background: -webkit-linear-gradient(top, #ebebeb, white 10%);
		background: linear-gradient(top, #ebebeb, white 10%);
		border-top: 1px solid white; 
		text-shadow:-1px -1px 0 #fff;
		outline: 0;
	}
	
	ul.tab-menu li a.inactive{
		padding-top:5px;
		padding-bottom:5px;
		color:#666666;
		background: -moz-linear-gradient(top, #dedede, white 75%);  
		background: -webkit-linear-gradient(top, #dedede, white 75%);  
		background: linear-gradient(top, #dedede, white 75%); 
		border-top: 1px solid white; 
	}
	ul.tab-menu li a:hover, ul.tab-menu li a.inactive:hover {
		border-top: 1px solid #dedede;
		color:#000000;
	}
	.tab-item {
		position: relative; z-index: 5;
		clear:both; 	 	 
		padding: 20px 15px 0 15px;
		margin-bottom: 15px;
		background-color:#fff;
		border: 1px solid #ccc;
		box-shadow: 0px 0px 5px #444;
		overflow: hidden;
	}
	
	.col { width: 50%; float: left; }
	.col-content {}
	.col-content:first-child { padding-right: 30px; }
	.col-content h2 { }
	.col-content ul { list-style-type: square; margin: 0 0 20px 30px; }
	
	.tp-template-agenda dl dt { font-weight: bold; font-size: 120%; }
	.tp-template-agenda dl dd { margin-bottom: 20px; }
	
	.chronology { margin-bottom: 15px; border-bottom: 1px solid #ccc; }
	.chronology hr { height: 1px; background-color: #ccc; clear: both; margin: 0; }
	.chronology h2 { clear: both; margin-top: 30px; }
	.chronology div.date { float: left; margin: 0; padding: 0; min-height: 40px; }
	.chronology div.date a { display: inline-block; width: 60px; background-color: #eee; padding: 5px 0; border: 1px solid #ccc; border-top-width: 0;
		text-decoration: none; text-align: center; font-weight: bold; text-shadow: 0 1px 0 white; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
	.chronology div.date a:hover { box-shadow: 0 0 2px #555; }
	.chronology div { margin-left: 75px; }
	.chronology div p { margin: 5px 10px 10px 0; }
	.chronology div img { float: right; margin: 0 0 10px 10px; max-height: 100px; height: auto; width: auto; }
	.chronology div img:hover { max-height: 100%; }
	
	.links-list a, a.link { float: left; border-radius: 5px; background-color: #ddd; margin: 0 15px 15px 0; padding: 5px 15px; box-shadow: 2px 2px 2px #444; text-decoration: none; }
	.links-list a:hover, a.link:hover { box-shadow: 2px 2px 2px #000; }
	
	ul.marriages-list { margin: 0 0 20px 0 !important; list-style: none !important; border-bottom: 1px solid #CCC; }
	ul.marriages-list li { overflow: hidden; border-top: 1px solid #CCC; clear: both; margin-bottom: 10px; }
	ul.marriages-list li .marriage-symbol { position: relative; text-align: center; float: left; width: 100px; z-index: 3; }
	ul.marriages-list li .date { position: relative; text-align: center; float: left; width: 100px; z-index: 3; }
	ul.marriages-list li .date span,
	ul.marriages-list li .marriage-symbol span { max-width: 74px; min-width: 50px; display: inline-block; background-color: #EEE; padding: 5px 5px 5px; border: 1px solid #CCC;
																		border-top-width: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #555; text-shadow: 0 1px 0 white; }
	ul.marriages-list li .husband { width: 50%; float: left; margin-right: -50px; text-align: right; }
	ul.marriages-list li .wife { width: 50%; float: right; margin-left: -50px; }
	ul.marriages-list li .husband img { margin: 0 0 0 10px; float: right; max-height: 60px; width: auto; height: auto; }
	ul.marriages-list li .wife img { margin: 0 10px 0 0; float: left; max-height: 60px; width: auto; height: auto; }
	ul.marriages-list li a.name-list { padding: 5px 0; overflow: hidden; display: block; min-height: 30px; }
	ul.marriages-list li .husband a.name-list { margin-right: 50px; }
	ul.marriages-list li .wife a.name-list { margin-left: 50px; }
	ul.marriages-list li .husband a .bola { margin-right: 3px; }
	.fa-link-marriage {
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		-ms-transform: rotate(315deg);
		-o-transform: rotate(315deg);
		transform: rotate(315deg);		
	}
	.marriage-symbol .fa-link-marriage { font-size: 2em; }
	
	#title-info { overflow: hidden; padding-left: 1.5em; }
	
	.content ul.hp { margin: 5px 0 0 0; padding: 0; list-style: none; position: relative; }
	ul.hp > li { float: left; padding: 0 20px 20px 0; }
	ul.hp > li > div { background-color: #fff; padding: 10px 20px; box-shadow: 0px 2px 5px #ccc; min-height: 330px; }
	ul.hp > li > div h2 { margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-shadow: 1px 1px 1px #ccc; }
	ul.hp > li > div h2 i { color: #008000; }
	.intro .num { color: green; font-weight: bold; }
	body.zone-B .intro .num { color: #656ddb; }
	ul.hp > li a img { display: block; margin: 0 0 5px 0; border: 0; }
	ul.hp > li a.name-list { max-width: 152px; display: block; }
	ul.hp > li a.name-list img { }
	ul.hp > li a.news-list { display: block; margin: 0 0 15px 0; max-width: 150px; position: relative; }
	ul.hp > li a.news-list img { max-width: 100%; height: auto; width: auto; }
	ul.hp > li a.news-list .link { }
	ul.hp > li a.button { width: 100%; text-align: center; }
	ul.hp > li.intro { position: absolute; left: 210px; padding: 0; }
	.lang-pt ul.hp > li.intro { left: 422px; }
	ul.hp > li.rgpd { display: none; }
	.lang-pt ul.hp > li.rgpd { display: block; padding-right: 0px; }
	.lang-pt ul.hp > li.rgpd > div { font-family: Arial, sans-serif; font-size: 13px; min-height: auto;} 
	
	.content ul.news-archive { list-style: none; margin: 0; }
	.content ul.news-archive li { width: 50%; float: left; min-height: 100px; border-top: 1px solid #ddd; padding-bottom: 15px; }
	.content ul.news-archive li:nth-child(odd) { clear: both; }
	ul.news-archive li a.news-list { display: block; }
	ul.news-archive li a.news-list span { display: inline-block; padding-top: 20px; }
	ul.news-archive li a.news-list img { float: left; vertical-align: middle; max-width: 150px; height: auto; width: auto; border: 1px solid #ddd; border-top-width: 0; margin-right: 10px; }
	
	/*#menu-celebrities { height: 130px; }*/
	.menu-content { position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 15px 0 15px 0; }
	.menu-content:after {/*contain floats w/out overflow*/
    content:"";
    clear:both;
    display:block;
    height:0;
    font-size:0;
	}
	.menu-content ul { position: relative; float: left; list-style: none !important; margin: 0 0 15px 0 !important; width: 100%; background: #ddd; box-shadow: 0px 0px 10px #000; }
	.menu-content ul li { float: left; }
	.menu-content ul li a { float: left; line-height: 40px; padding: 0 10px; color: #444; text-decoration: none; box-shadow: 0px 0px 1px #000; }
	/*.menu-content > ul > li:first-child > a { padding-left: 20px; }*/
	.menu-content > ul > li.current > a { color: #fff; background: #aaa; }
	.menu-content ul li:hover a { color: #eee; background: #008000; }
	.menu-content ul li ul { position: absolute; left:0; top:40px; width: 100%; display: none;
						 list-style: none !important; margin: 0 !important; padding:0; box-shadow: 0 0 10px #000; }
	.menu-content ul li.current ul { margin: 0; z-index: 5; display: block; background: #aaa; }
	
	.menu-content ul li ul li a { color: #fff !important; }
	.menu-content ul li ul li.current a, .menu-content ul li ul li a:hover { background: #ffffff !important; color: #008000 !important; }
	/*ul.menu-content > li > ul > li { }
	ul.menu-content > li > ul > li a { }*/
	#menu-celebrities .menu-content > ul { height: 40px; overflow: auto; }
	
	ul.album-list { margin: 0; list-style: none; /*overflow: hidden;*/ padding-top: 5px; }
	ul.album-list:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden;}
	ul.album-list li { float: left; margin-bottom: 15px; padding-right: 14px; }
	ul.album-3 li { width: 33.33%; }
	ul.album-4 li { width: 25%; }
	ul.album-6 li { width: 16.66%; }
	ul.album-7 li { width: 14.28%; }
	ul.album-8 li { width: 12.5%; }
	ul.album-list li.full { width: 100%; }
	/* clear first item of each row */
	ul.album-3 li:nth-child(3n+1) { 	clear: left; }
	ul.album-4 li:nth-child(4n+1) { 	clear: left; }
	ul.album-6 li:nth-child(6n+1) { 	clear: left; }
	ul.album-8 li:nth-child(8n+1) { 	clear: left; }
	ul.album-7 li:nth-child(7n+1) { 	clear: left; }
	ul.album-list li a,
	ul.album-list li p { position: relative; text-align: center; background-color: #fff; box-shadow: 0px 2px 5px #ccc; display: block; padding: 5px; min-height: 130px; }
	ul.album-list li a:hover { box-shadow: 0px 2px 5px #666; text-decoration: none; }
	ul.album-list li a:hover .link { text-decoration: none; }
	/*ul.album-list li a .link, ul.album-list li a:hover .link { display: block; text-decoration: none; }*/
	ul.album-list li a.name-list .year { font-size: 14px; color: #999; }
	ul.album-list li a.name-list .bola { position: absolute; top: 111px; left: 76px; }
	ul.album-list li img { display: block; max-width: 100%; height: auto; border: 0; }
	ul.album-list li a.name-list img { margin: 0 5px 2px 0; float: left; vertical-align: middle; display: inline; width: 80px; height: 117px; }
	ul.album-list li a.family-list img { margin: 0 auto 5px auto; width: 80px; height: 117px; }
	body.tp-template-album-family-houses ul.album-list li a.family-list img,
  body.tp-template-album-title-houses ul.album-list li a.title-list img { margin: 0 auto 5px auto; width: auto; height: auto; }
	body.tp-template-index ul.album-list li img { width: 96px; height: 140px; }
	body.tp-template-index.zone-B ul.album-list li { width: auto !important; clear: none !important; }
	body.tp-template-index.zone-B ul.album-list li img { width: 80px; height: 117px; margin: 0; }
	body.tp-template-index.zone-B ul.album-list li a { min-height: 100%; overflow: hidden; }
	body.tp-template-index.zone-B ul.album-list li a .link { display: none; }
	body.tp-template-index.zone-B .content h1 { font-size: 30px; margin-bottom: 5px; text-align: center; }
  body.tp-template-index.zone-B .content .intro { text-align: center; }
  ul.list-float { margin: 0 0 20px 0; padding: 0; list-style: none; float: left; width: 100%; }
	ul.list-float:after, ul.list-float li:last-child:after { clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden; }
  ul.list-float li { float: left; margin: 0 10px 10px 0; }
  ul.list-float li a { background-color: #fff; padding: 5px 10px; border-radius: 2px; display: block; text-decoration: none; box-shadow: 1px 1px 5px #ccc; }
  ul.list-float li a:hover { background-color: #080; color: #fff; }
	body.zone-B ul.list-float li a:hover { background-color: #656ddb; color: #fff; }
	
	/*ul.list-default { }*/
  ul.list-default li { margin-bottom: 10px; }
  
	
	.forum-title { }
	#menu-forum-help { margin: 0 0 5px 0; }
	#menu-forum-help ul li:first-child a { font-weight: bold; }
	#menu-forum-topics { clear: both; }
	
	table.forum { box-shadow: 0 0px 10px #444; border-collapse: separate; width: 100%; font-family: Georgia, Helvetica, serif; }
	table.forum thead { }
	table.forum thead tr { }
	table.forum thead th { background: #008000; border-bottom: 5px solid #444; padding: 7px 10px; text-align: left; color: #fff; }
	table.forum tbody tr { }
	table.forum tbody tr:hover { background-color: #ffffc0; }
	table.forum tbody td { border-bottom: 1px solid #ccc; padding: 5px 10px; vertical-align: top;}
	
	a.forum-list { display: block; text-decoration: none; color: #666; }
	a.forum-list .link { color: #008000; font-weight: bold; display: block; }
	a.forum-list .meta { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
	a.forum-list .meta .user, a.forum-list .meta .temas { color: #000; }
	/*a.forum-list:hover .link { text-decoration: underline; }*/
	a.forum-list:visited .link { color: #00BB00; }
	
	#forum-mode { box-shadow: 0 0 10px #999; position: fixed; top: 358px; padding: 5px; border-radius: 10px; background-color: white; }
	#forum-mode a { display: block; margin: 5px 0; background-repeat: no-repeat; height: 24px; width: 24px; text-indent: -4000px; }
	#forum-mode a:hover { border-radius: 10px; box-shadow: 0 0 12px #aaa; }
	#forum-mode a.mode-expand { background-image: url('images/icons-24/round_add_24x24.png'); }
	#forum-mode a.mode-compress { background-image: url('images/icons-24/round_remove_24x24.png'); }
	#forum-mode a.mode-flat { background-image: url('images/icons-24/round_left_arrow_24x24.png'); }
	#forum-mode a.mode-tree { background-image: url('images/icons-24/round_right_arrow_24x24.png'); }
	#forum-mode a.go-top { background-image: url('images/icons-24/round_up_arrow_24x24.png'); }
	#forum-mode a.go-bottom { background-image: url('images/icons-24/round_down_arrow_24x24.png'); }
	
	#topic-list { clear: both; }
	/*#topic-list ul { margin: 0 !important; list-style: none !important; }
	#topic-list ul li { padding: 20px 0 0 15px; }
	#topic-list > ul:first-child > li:first-child { padding: 0; }
	/*#topic-hover { position: absolute; border-left: 1px solid #008000; border-bottom: 1px solid #008000; display: none; z-index: -1; }*/
	#topic-list .message { box-shadow: 0px 3px 10px #666; margin-bottom: 20px; }
	#topic-list .message-active { background-color: #ffffc0; }
	/*#topic-list ul li header { background-color: #008000; padding: 5px 10px; color: white; overflow: hidden; cursor: pointer; }*/
	#topic-list .message h3 { margin: 0; padding: 10px; color: #fff; background-color: #080; text-shadow: 1px 1px 1px #000; }
	#topic-list .message .meta { border-bottom: 1px solid #080; padding: 5px 10px; background-color: #fff; }
	#topic-list .message .meta .msg-id { font-weight: bold; color: #000; }
	#topic-list .message .meta .user { }
	#topic-list .message .meta .date { color: #999; }
	#topic-list .message p { padding: 10px; margin: 0; }
	#topic-list .message a.button { float: right; margin: 10px 10px 0px 10px; }
	
	/*#forum-post-container { display: none; }*/
	/*form#forum-form-post fieldset { margin-left: 50px; }*/
	form#forum-post { max-width: 800px; }
	form#forum-post #select-room label.checkbox { display: inline-block; width: 115px; }
	form#forum-post textarea { height: 200px; }
	
	.breadcrumb { font-weight: bold; }
	.breadcrumb-separator { font-family: FontAwesome; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.breadcrumb-separator:before { content: '\f105'; }
	.breadcrumb .breadcrumb-separator { margin: 0 6px; }
	.map-parents { text-decoration: none; color: #666; font-weight: normal; }
	.map-parents:before { content: '['; }
	.map-parents:after { content: ']'; }
	#map-children { margin-bottom: 20px; overflow: hidden; }
	#map-children ul { float: left; width: 33%; margin: 0; padding: 0; }
	#map-children ul li { list-style: square; margin-left: 20px; adding-right: 10px; }
	img.map { display: block; margin: 0 auto; max-width: 100%; height: auto; margin-bottom: 20px; }
	
	.map-container { width: 100%; height: 400px; margin-bottom: 20px; box-shadow: 0 2px 10px #666; }
  #map-canvas { width: 100%; height: 100%; margin-right: 15px; }
	.tp-template-map .tab-item .tp-date { float: left; min-width: 110px; }
	
	/*#holders ul { margin: 0; }
	 #holders ul li { border-bottom: 1px solid #ccc; clear: both; padding: 5px; overflow: hidden; }
	 #holders ul li a {}
	 #holders ul li a .link {}
	 #holders ul li a .prefix {}
	 #holders .meta-list .key { padding-right: 5px; }
	 #holders .meta-list .key:after { content: '.'; }
	 #holders .meta-list .val { }	 
	 #holders .meta-list .val img { float: right; width: 27px; height: 40px; margin: 0; }*/
  
	.default_hide, a.default_hide { display: none; }
	
	#toTop {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 100;
		font-size: 50px;
		width: 50px;
	}
	#toTop a { color: #000; opacity: 0.7; }
	#toTop a:hover { opacity: 1; }
	
	#mobile-menu { display: none; }
	#mobile-menu li { float: left; }
	#mobile-menu li a { }
	
	.gsc-control-cse { box-shadow: 0 0 5px #CCCCCC; margin-bottom: 20px; }
	.gsc-control-cse input.gsc-input { -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow: none; }
	.gsc-control-cse input.gsc-search-button { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
}

@media only screen and (min-width: 901px) and (max-width: 1220px) {
	
	#search-button {
		position: absolute;
		right: 10px;
		display: block;
		line-height: 44px;
		float: right;
		background-color: rgba(0,0,0,0.3);
		box-shadow: 0 0 3px #000;
		padding: 0 14px;
		font-family: FontAwesome;
		color: #fff;
		text-decoration: none;
		font-size: 20px;
	}
	#search-button:before { content: '\f002'; }
	#search-button:hover { background-color: #000; }
	form#nav-search { display: none; position: absolute; float: none; right: 10px; top: 44px; background-color: rgba(0,0,0,0.9); line-height: 60px; box-shadow: 2px 2px 5px #000;}
	

	ul.hp > li.intro { position: relative; padding: 0; width: 330px; left: 0 !important; }
	.lang-pt ul.hp > li.intro {  width: 230px; }
	
}

@media only screen and (max-width: 900px) {
	.page-container { min-width: 0px; padding: 0; }
	
	
	#header { position: absolute; top: 0; left: 0; z-index: 10; width: 170px; height: 46px; }
	#header-logo { position: relative; margin: 0; }
	#header-logo a { width: 160px; height: 36px; background-position: 0px -56px; background-size: 160px auto; position: absolute; top: 8px; left: 14px;}
	body.zone-B #header-logo a { width: 160px; height: 40px; background-size: 32px auto; background-position: 0px 0px; top: 5px; left: 10px;
			padding: 1px 0px 0px 40px; font-size: 14px; line-height: 1.2;}
	#header-banner { display: none; }
	#nav-top { position: absolute; z-index: 9; padding: 0; height: 46px; box-shadow: 0 0 10px 0px #000; }
	#nav-top .page-container { padding: 0; }
	#mobile-menu { display: block; float: right; padding-right: 5px; }
	#mobile-menu li { float: left; }
	body.zone-B #mobile-menu li:first-child { display: none; } /* esconder definições no B */
	#mobile-menu li a { color: #fff; font-size: 30px; padding: 0px 10px; display: block; line-height: 46px; }
	#mobile-menu li a:hover,
	#mobile-menu li a.active { background-color: #222; }
	#settings-filter { display: none; }
	form#nav-search { display: none; position: absolute; top: 46px; right: 0px; background-color: #222; box-shadow: 0px 3px 10px #000; line-height: 60px;
padding: 0 10px; }
	
	#nav-top ul.menu-top { position: absolute; top: 46px; width: 100%; background-color: #222; background-color: rgba(0,0,0,0.85); z-index: 1000; display: none; margin: 0; box-shadow: 0px 5px 10px 0px #000; }
	#nav-top ul.menu-top li { float: none; margin: 0; }
	#nav-top ul.menu-top li a,
	#nav-top ul.menu-top ul li a { width: 100%; background-color: transparent; padding: 0 7px; line-height: 34px; border: 0; border-bottom: 1px solid #eee;
		color: #eee; text-transform: uppercase; font-size: 14px; }
	#nav-top ul.menu-top ul { display: block; position: relative; top: 0; width: auto; right: auto; padding: 0 0 0 30px; float: none; box-shadow: none; }
	#nav-top ul.menu-top ul li { text-align: left; }
	#nav-top ul.menu-top ul ul { left: auto; float: none; }
	#nav-top ul.menu-top li:hover a,
	#nav-top ul.menu-top ul li:hover a { background-color: transparent;	}
	#nav-top ul.menu-top a:hover { color: #fff; border-bottom: 1px solid #fff; }
	#nav-top ul.menu-top > li:first-child > a { text-indent: 0; width: auto; }
	#nav-top ul.menu-top > li:first-child > a:before { content: ''; }
	
	#footer ul.menu-footer { padding: 0 10px; }
	#footer ul.menu-footer > li { width: 100%; float: none; padding: 0; }
	
	#main { padding-top: 64px; }
	#main .content-container { float: none; margin: 0; }
	#main .content { margin: 0; border: 0; padding: 0 10px;}
	#sidebar-right-container { clear: both; width: auto; float: none; padding: 0px 15px; }
	#sidebar-right { border-top: 1px solid #ddd; padding: 15px 0; }
	
	ul.hp > li { float: none; width: 100%; padding: 0; margin-bottom: 15px; }
	ul.hp > li > div { position: relative; min-height: 0; overflow: hidden; padding: 10px; }
	ul.hp > li > div h2 { font-size: 16px; }
	ul.hp > li > div h2 i { display: none; }
	ul.hp > li.agenda > div h2 { position: absolute; left: 90px; }
	ul.hp > li.agenda a.name-list { max-width: 100%; display: inline; }
	ul.hp > li.agenda a.name-list img { width: 70px; float: left; margin: 0 10px 0 0; }
	ul.hp > li.agenda a.name-list .link { display: block; margin-top: 20px; }
	ul.hp > li.news h2 { display: none; }
	ul.hp > li.news a.news-list { max-width: 100%; }
	ul.hp > li.news a.news-list:last-child { margin: 0 0 0 2%; }
	ul.hp > li.news a.news-list img { margin: 0 10px 0 0; float: left; width: 80px; }
	ul.hp > li.news a.button { display: none; }
	ul.hp > li.intro { position: relative; left: 0 !important; top: 0; }
	
	ul.album-3 li,
	ul.album-4 li,
	ul.album-6 li,
	ul.album-7 li,
	ul.album-8 li { width: 25%; }
	/* clear first item of each row */
	/*ul.album-3 li:nth-child(3n+1) { 	clear: left; }
	ul.album-4 li:nth-child(3n+1) { 	clear: left; }
	ul.album-6 li:nth-child(3n+1) { 	clear: left; }
	ul.album-8 li:nth-child(3n+1) { 	clear: left; }
	ul.album-7 li:nth-child(3n+1) { 	clear: left; }*/
	
	div.tree { min-width: 460px; zoom: 80%; }
	
	form#forum-post { max-width: 100%; }
	label.checkbox { white-space: normal; }
	
	#mrec-container .mrec-ad { float: left; margin-right: 20px; }
	
}

@media only screen and (min-width: 601px) {
	.menu-content ul li:hover ul { margin: 0; z-index: 10; display: block; background: #008000; }
}

@media only screen and (max-width: 600px) {
	.menu-content { height: 40px; }
	#menu-celebrities { height: 96px; }
	.menu-content ul { position: absolute; float: none; }
	.menu-content ul li { position: absolute; float: none; clear: left; width: 100%; z-index: 1; background-color: #fff; }
	.menu-content ul li:first-child { z-index: 2; }
	.menu-content ul li a { width: 100%; display: block; float: none; }
	/*.menu-content ul li:first-child a:after {  }*/
	.menu-content a.icon-drop { font-family: FontAwesome; position: absolute; right: 0px; display: block; top: 0; font-size: 20px; padding: 0 10px; background-color: #ccc;
									 line-height: 40px; cursor: pointer; z-index: 4; width: auto; float: right; }
	.menu-content a.icon-drop-down:before { content: '\f107'; }
	.menu-content a.icon-drop-up:before { content: '\f106'; }
	.menu-content ul li ul { top: 50px; }
	.menu-content ul li.current ul { display: block; }
	.menu-content ul li.current ul li a { color: #444 !important; }
	.menu-content li.current { z-index: 3; }
	.menu-content ul li.current a,
	.menu-content ul li.current ul li.current a { color: #000 !important; background: #fff !important; }
}

@media only screen and (max-width: 479px) {
	#header { width: 145px; }
	#header-logo a { background-size: 150px auto; background-position-y: -52px; position: absolute; top: 8px; left: 8px; }
	#mobile-menu li a { font-size: 26px; }
	#main .content { padding: 0 10px; }
	
	ul.album-3 li,
	ul.album-4 li,
	ul.album-6 li,
	ul.album-7 li,
	ul.album-8 li { width: 50%; }
	/* clear first item of each row */
	/*ul.album-3 li:nth-child(2n+1) { 	clear: left; }
	ul.album-4 li:nth-child(2n+1) { 	clear: left; }
	ul.album-6 li:nth-child(2n+1) { 	clear: left; }
	ul.album-8 li:nth-child(2n+1) { 	clear: left; }
	ul.album-7 li:nth-child(2n+1) { 	clear: left; }*/
	
	#colorbox form { min-width: 0; }
	
	/* names */
	#content-header .image-container img { width: 100px; }
	#content-header .n-date { clear: left; }
	.birth, .death { white-space: normal; }
	#content-left { width: 100px; }
	#content-2col { margin-left: -100px; }
	#content-main { margin-left: 110px; }
	
	
}

@media print {
	body,
	#main { background-color: #fff; margin: 0; padding: 0; }
	#header,
	#footer,
	#nav-top,
	#sidebar-right-container { display: none; }
	.page-container { max-width: 100%; }
	#main .content-container,
	#main .content { margin: 0; padding: 0; border: 0; }
}