/**********************************************************************
General
**********************************************************************/
@font-face { font-family: 'code'; src: url('../fonts/code_bold-webfont.eot'); src: url('../fonts/code_bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/code_bold-webfont.woff') format('woff'),  url('../fonts/code_bold-webfont.ttf') format('truetype'),  url('../fonts/code_bold-webfont.svg#code_boldregular') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'code'; src: url('../fonts/code_light-webfont.eot'); src: url('../fonts/code_light-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/code_light-webfont.woff') format('woff'),  url('../fonts/code_light-webfont.ttf') format('truetype'),  url('../fonts/code_light-webfont.svg#code_lightregular') format('svg'); font-weight: normal; font-style: normal; }
body { font-family: 'Open Sans', sans-serif; font-size: 12px; background: #000000; }
h1 { font-size: 20px; text-align: center; }

/**********************************************************************
Layout
**********************************************************************/
body.home{background:#f3f3f3;}
#top { height: 99px; border-bottom: 7px solid #3598e0; color: #fff; overflow: hidden; }
#side { color: #fff; }
#main { position: absolute; left: 248px; top: 99px; right: 100px; bottom: 0; background: url(../images/corner.png) -19px top no-repeat #f3f3f3; overflow: hidden; }
#sidemenu{position:absolute; z-index:150; width:100px; top:99px; right:0; bottom:0; background:#fff; text-align:center; overflow:hidden;}

/**********************************************************************
Top
**********************************************************************/
.logo {  width: 248px; height: 92px; background: no-repeat center url(../images/logo.png); display: block; float: left; }
.topbar { position: absolute; left: 248px; right: 0; margin: 0; }
.topmenu { padding: 32px 10% 0; }
.topbar ul { list-style: none; margin: 0; padding: 0; }
.topbar li { float: left; }
#select-poi {}
.filterinput {font-size: 16px; font-style: italic; border: 1px solid #5e5e5e; background: #363636; color: #d2d2d2; height: 37px; line-height: 25px; padding: 5px 10px; width: 100%; }
#ui-id-1 {
	z-index:9999; 
	background:#FFF;
	list-style: none;
	padding:10px;
	font-size:16px;
	position:absolute;
}
#ui-id-1 li{
	padding:10px;
}

#ui-id-1 li a:hover {
	padding:10px;
	background:#3598e0;
	color:#FFF;
	cursor:pointer;
}
.ui-autocomplete { z-index:10000 !important;} 


.btn { font-size: 16px; background: #363636; border: 1px solid #5e5e5e; border-radius: 0; color: #f3f3f3; padding-top: 7px; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.btn:hover { background: #5e5e5e; color: #fff; }
.btn-primary { background: #3598e0; border: 1px solid #5dade6; }
.btn-primary:hover { background: #5dade6; border: 1px solid #5dade6; }
.topbar li .btn { width: 100%; }

/**********************************************************************
Side
**********************************************************************/
#sidenav { position: absolute; width: 248px; top: 99px; left: 0; bottom: 0px; overflow: hidden; }
#person { padding: 50px 0 20px;}
.corner{background:url(../images/corner.png) left top no-repeat; width:37px; height:19px; display:block; position:absolute; top:99px; left:229px; z-index:300;}
#photo { width: 150px; height: 150px; border-radius: 50%; margin: 0 auto 20px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.surname { font-weight: bold; font-size: 25px; display: block; }
.alias { font-size: 15px; display: block; }
#navigation { list-style: none; padding: 0; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-top: 20px; }
#navigation li a { height: 33px; line-height: 33px; margin-bottom: 11px; padding: 0 7px 0 11px; background: #1a1a1a; display: block; color: #fff; text-decoration: none; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
#navigation li a:hover { background: #333333 }
#navigation li a.active { background: #fff; color: #3b97d2; }
#navigation li a span { float: right; font-size: 16px; }
#navigation li a span.icon { background-image: url(../images/navigation.png); background-repeat: no-repeat; width: 40px; height: 40px; display: block; float: left; margin: -3px 13px 0 0; }
#navigation li a span.profile { background-position: 0 0; }
#navigation li a span.associates { background-position: 0 -40px; !important}
#navigation li a span.charges { background-position: 0 -80px; }
#navigation li a span.companies { background-position: 0 -120px; }
#navigation li a span.sources-of-income { background-position: 0 -160px; }
#navigation li a span.donations--charity { background-position: 0 -200px; }
#navigation li a span.real-assets { background-position: 0 -240px; }

/**********************************************************************
Main
**********************************************************************/
.slide { color: #363636; position: absolute; top: 0; bottom: 0; left: 100%; background: #f3f3f3; padding: 30px 10%; overflow: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.homeslide { left: 0; z-index: 0; width: 100%; }
.activeslide { width: 85%; z-index: 100; left:15%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
#darkbg { background: #000; position: absolute; top: 0; left: 0px; bottom: 0; right: 0px; z-index: 50; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); opacity: 0.25; display: none;}
.slide h2, .slide h3 { color: #000 }
.slide h2 { font-family: 'Code Bold', Arial, Helvetica, sans-serif; border-bottom: 1px solid #868686; height: 35px; margin-bottom: 55px; }
.slide h2 span { display: inline-block; height: 70px; background: url(../images/page-logos.png) left top no-repeat #f3f3f3; padding: 0 25px 0 78px; line-height: 70px; }
.slide h2.associates span { background-position: left -70px; }
.slide h2.charges span { background-position: left -140px; }
.slide h2.companies span { background-position: left -210px; }
.slide h2.sources-of-income span { background-position: left -280px; }
.slide h2.donations--charity span { background-position: left -350px; }
.slide h2.real-assets span { background-position: left -420px; }
.slide h2.related-stories span { background-position: left -490px; }
.slide h3.profiledetails { font-size: 15px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #000; line-height: 0px; margin: 30px 0 20px; }
.slide h3.profiledetails span { margin: 0 10px -10px; padding: 0 6px; background: #f3f3f3; text-decoration: none; line-height: 20px; display: inline-block; }
#profileslide p { margin-left: 16px; }
.tag { display: inline-block; text-align: center; vertical-align: middle; white-space: nowrap; padding: 1px 12px; line-height: 1.42857143; margin-right: 10px; margin-bottom:5px; background: #363636; border: 1px solid #5e5e5e; color: #f3f3f3; }

.associateslist { list-style: none; border-left: 2px solid #9b9b9b; margin: 0 20px 0 45px; padding-left: 36px; }
.boxassociate { border: 1px solid #9b9b9b; padding: 0 15px 15px; position: relative; margin-bottom: 29px; }
.boxassociate:hover { background: #ffffff; }
.boxassociate:hover h3 { color: #3b97d2 }
.boxassociate.active { background: #ffffff; }
.boxassociate.active h3 { color: #3b97d2 }
.boxassociate .arrow { display: block; background: url(../images/arrow.png) left top no-repeat; width: 9px; height: 17px; position: absolute; left: -9px; top: 24px; }
.boxassociate:hover .arrow, .boxassociate.active .arrow { background-position: right top; }
.boxassociate .bullet { display: block; background: url(../images/bullet.png) left top no-repeat; width: 36px; height: 36px; position: absolute; left: -56px; top: 14px; }
.boxassociate:hover .bullet { background-position: right top; }
.boxassociate.active .bullet { background-position: right bottom; }
.associateheader {padding:15px; margin:0 -15px -15px;}
.associateheader h3{margin-top:5px;}
.associateheader p{margin:10px 0 0;}
.associateheader:hover { cursor: pointer; }
.associatecontent { display: none; padding-left:16px;}
.associatecontent *, .associatecontent *[style]{ font-family: 'Open Sans', sans-serif !important; font-size: 12px !important; line-height:14px !important;}
.associatecontent h4 {font-size:15px !important; line-height:0px !important; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #000; margin: 20px 0 20px -16px;}
.associatecontent h4 span{font-size:15px !important; line-height: 20px !important; margin: 0 10px -10px; padding: 0 6px; background: #fff; text-decoration: none; line-height: 20px; display: inline-block;}
.boxassociate .btn { padding: 1px 6px; text-transform: uppercase; font-size: 12px; }
.associatedocuments { list-style: none; padding: 0; }
.associatedocuments li { min-height: 21px; margin-bottom: 5px; }
.associatedocuments .btn { float: right }

/**********************************************************************
Sidemenu
**********************************************************************/
#sidemenu a{background:url(../images/next.png) center bottom no-repeat; display:block; padding-bottom:75px; text-transform:uppercase; text-decoration:none; font-weight:bold; color:#000; margin-top:25px;}
#sidemenu a span{background:url(../images/page-logos.png) center top no-repeat; height:70px; width:70px; display:block; margin:0 auto 9px;}
.sideitem { position:absolute; z-index:150; width:100px; top:0px; right:0; bottom:0; background:#fff; text-align:center;}

.poi_container { width:210px;  display:block; padding:9px; border:1px solid #fff; margin:10px 0 0 10px; background-color:#FFF; cursor:pointer; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;}
.poi_container:hover{border:1px solid #bbb;}
.poi_container a, .poi_container a:hover{text-decoration:none; color:#333333}
.poi_image { overflow:hidden;width:190px; height:190px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ background-size:cover; background-position:center center;}
.poi_container:hover .poi_image{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;}
	
.poi_title { font-size:16px; padding:10px 0 5px 0; color:#000;  }
.poi_description {  font-size:12px; padding:0px 0 10px 0;  }
.poi_clasaLink{ border: 1px solid #dddddd; color: #646462; width: 190px; background: #f0f0f0; text-transform: uppercase; text-decoration: none; display: block;  padding: 5px; text-align: center; font-weight:bold; font-size:14px; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;}
.poi_container:hover .poi_clasaLink{background:#5dade6; color:#fff; border:1px solid #5dade6; }

#map_canvas {
	height: 440px;
	width:100%;
	margin:0px;
	/*overflow:hidden;*/
	background-image:url(../images/header.gif);
	background-repeat:no-repeat;
	background-position:center; 
	border-bottom: 7px solid #3598e0;
}

#gallery {background:#f3f3f3;	position:relative; margin: 0 auto; padding-bottom:10px;}

#searchbox {font-size: 12px; border: 1px solid #5e5e5e; line-height: 25px;  width: 440px; padding:20px; margin: 0 auto; z-index:9999; position:relative; top:90px; background:#000; color:#FFF;}
#searchbox .ui-helper-hidden-accessible, #navi-menu .ui-helper-hidden-accessible{margin:0 11px 0; line-height:20px;}

/**********************************************************************
Responsive
**********************************************************************/
@media (min-width: 768px) and (max-width: 1199px) {
	#navigation{font-size:13px;}
	#navigation li a{height: 43px; line-height: 43px;}
	#navigation li a span.icon {margin-top:2px;}
	#main{right:0px;}
	#sidemenu{display:none;}
	.activeslide{left:0%; width:100%;}
	.slide{padding:30px 6%;}
}

@media (max-width: 767px) {
	.corner{display:none;}
	#top{min-height:99px; height:auto;}
	.topbar{position:relative; left:0; right:0;}
	.topmenu{padding:32px 15px 0;}
	.navbar-toggle{border:1px solid #5dade6;}
	.navbar-toggle-active{background:#5dade6;}
	.navbar-toggle .icon-bar{background:#5dade6;}
	.navbar-toggle-active .icon-bar{background:#fff;}
	#navi-menu-bar{height:1px; overflow:hidden;width: 100%; position: relative; left: 0px; top: 1px; z-index: 100;}
	#navi-menu-bar.max{height: auto;  min-height: 143px;}
	#navi-menu{background: #000000; padding: 5px 0; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
	#navi-menu li{float:none; margin: 0 0 5px;}
	#sidenav{position:relative; top:0; width:100%;}
	#main{position:relative; left:0; top:0; overflow:hidden;}
	#main .slide{position:relative;}
	#sidemenu{display:none;}
	#person{padding:30px 0 0;}
	#photo{margin:0 0 0 45px; float:left;}
	#person h1{margin-top:35px;}
	#navigation{display: table; width:100%; margin:20px 0 0;}
	#navigation li {display: table-cell; text-align:center;}
	#navigation li a{height:auto; padding:5px; margin:0;}
	#navigation li a.active{background:#f3f3f3}
	#navigation li a span{float:none; display:none;}
	#navigation li a span.icon{float:none; display:block; margin:0 auto;}
	.slide{display:none; padding:20px 6%;}
	.homeslide{display:none;}
	.activeslide{display:block;left:0%; width:100%;}
	#darkbg{display:none;}
}