/* Global =================================================================== */

html, body{
    width: 100%;
    height: 100%;
}

body {
    margin:0;
    padding:0;
	overflow-y:scroll;
	overflow-x:hidden;
}
img{width:auto;
max-width:100%;
border:none;}
/* Wrapper ================================================================== */

#layout{
    width: 94%;max-width:1920px;margin:0 auto;
}

/* Header =================================================================== */

#layout header{
    height: 70px;
    line-height: 70px;
    padding: 0 20px 0 2px;clear:both;
}

#layout header #logo a{
    display: block;
    font-size:3.1em;color:#cb0d0d;
    text-decoration: none;
    height: 70px;font-weight: bold;font-family: Times new roman, Georgia, Arial;text-transform: uppercase;
}
#layout header #logo a span{
    color:#373636;
}
#banner-top,#banner-bottom {
	width:100%;
    clear: both;
}
#banner-top .banner, #banner-bottom .banner {
    float: left;
    text-align: center;
    width: 50%;
}
.text-top .widget_html_block{text-align:center;}
/* Header Navigation ======================================================== */

header .menu,
header .menu li { margin:0; padding:0; list-style: none; background:none; }

header .menu {
    clear:both;
	border: 1px solid #cccccc;
    position: absolute;
    z-index: 1015;
    width: 250px;
	right:0;top:70px;
    line-height: 30px;
    padding:0;
    background: #ffffff none repeat scroll 0 0;
}

header .menu .item{
    background-image: url("../images/icons/bullet_arrow_down.png");
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left:28px;
}

header .menu > li {
    clear: both;
    border-bottom:solid 1px #cccccc;
    padding-left:5px;
}
header .menu > li:hover {
    background:#f3f3f3;
}

header .menu > li:last-child {
    border-bottom: medium none;
}

header .menu > li > a {
    display: block;font-weight: normal;
    padding: 0 10px;font-size: 0.65em;
    font-family: Times new roman, Georgia, Arial;
    text-decoration: none;
    color:#1e1e1e;
    text-transform: uppercase;
}

header .menu > li > a:hover {
    color:#CB0D0D;
}
header .menu > li.active {
	background-color: #BA0D0D; }
header .menu > li.active > a { 
    color:#fff; }
header .menu > li.active > a:hover { 
    color:#e8e8e8; }
header .menu > li.active > ul a:hover { color:#000; }
header .menu li ul li.active{
	background-color: #BA0D0D;  }
header .menu li ul li.active a{ color:#fff; }
header .menu li ul li.active a:hover { color:#eee; }

header .menu li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}

header .menu ul {
    visibility: hidden;
    position: absolute;
    top: 0;margin:0;
    right: 100%;
    background: #ffffff;
	border:1px solid #cccccc;
    z-index: 598;
    width: 100%;
}
.treeview{margin-bottom:20px}
header .menu ul li {
    float: none;
    border-bottom: solid 1px #cccccc;
    color: #000;
}
header .menu ul li:hover {
    background:#f3f3f3;
}

header .menu ul li:last-child {
    border-bottom: none;
}

header .menu ul li a {
    display: block;
    height:30px;
    line-height:30px;
    overflow: hidden;
    color: #373636;
    text-decoration: none;
    padding: 0 10px;
	text-transform: uppercase;
	font-size:0.65em;
}

header .menu ul li:hover > a { color:#CB0D0D; }

header .menu ul ul {
    top: 0px;
    left: 90%;
}

header .menu li:hover > ul {
    visibility: visible;
}

header .menu ul { width:250px; }

header .menu ul li:last-child,
header .menu ul li:last-child a {
}

header .menu ul li:first-child,
header .menu ul li:first-child a {
}

header .menu > .folder a {
    padding-right: 8px;
}
#search{float:right;
    height: 35px;width:240px;max-width:100%;
    margin-right: 30px;overflow:hidden;
    margin-top: 18px;
	position:relative;
	}

#search #search_icon{
	background:url("../images/icons/search-glyph.png") no-repeat scroll right center;
	width:24px;
	top:5px;
	right:10px;
	height:24px;
	display:none;
	cursor:pointer;
	position:absolute;
	z-index:2;}
#search .search_submit {
	background:url("../images/icons/search-glyph.png") no-repeat scroll right center;
    position: absolute;
	width:24px;
	top:5px;cursor:pointer;
	right:12px;
	height:24px;
    z-index: 3;
	border:none;
}
#colorbg {
    background:#fff url("../images/icons/color.png") no-repeat scroll 173px 4px;
    height: 20px;
    left: -165px;
    padding: 7px 40px 6px 5px;
    position: fixed;
    top: 160px;
	transition:all 1s ease 0s;
	-moz-transition:all 1s ease 0s;
	-webkit-transition:all 1s ease 0s;
	-ms-transition:all 1s ease 0s;
	-o-transition:all 1s ease 0s;
	z-index:10001;
	cursor:pointer;
	box-shadow: 0 0 8px -3px rgba(0, 0, 0, 0.5);
}
#colorbg:hover{left:0;}
#shara{float:left;
    height: 30px;
    margin-left: 30px;
    margin-top: 25px;}
#colorbg a.bgc{width:16px;height:16px;float:left;margin:0px 1px;display:block;cursor:pointer;border:1px solid #FFFFFF;}
#colorbg a.bgc:hover{border:1px solid #F2F2F2;opacity:0.7;}
#colorbg a#bg1{background:#cb0d0d;}
#colorbg a#bg2{background:#B4476B;}
#colorbg a#bg3{background:#555555;}
#colorbg a#bg4{background:#8dc840;}
#colorbg a#bg5{background:#b21e86;}
#colorbg a#bg6{background:#3a9711;}
#colorbg a#bg7{background:#b1630f;}
#colorbg a#bg8{background:#6d40a4;}
#colorbg a#bg9{background:#f19300;}
#colorbg a#bg0{background:#1272b7;}
/* Main Navigation =========================================================== */

nav {
    background: #cb0d0d;
    font-size: 12px;
    padding: 0;
	z-index:1004;
	clear:both;
	float:none;
	height:40px;
	width:auto;
	width:100%;
	border-right:none;
}

nav .menu,
nav .menu li,
nav .menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav .menu {
    position: relative; z-index: 1005;
    line-height: 40px;width:100%;
	float: none;box-sizing: border-box;
    height: 40px;padding: 0 5px;
}

nav .menu .item{
    background-image:none !important;
}
nav .menu li {
    position: relative;
    z-index: 599;clear:none;
    cursor: default;
	height:30px;
	line-height:30px;
	margin:0;
    float: left;
	margin: 5px 1px 0 0;

	border-right:solid 1px #cb0d0d;
	border-left:solid 1px #cb0d0d;
}
nav .menu li:hover, nav .menu li.collapsable{background-color:#fff !important;}
nav .menu li:hover .hitarea.expandable-hitarea, nav .menu li ul li .hitarea.expandable-hitarea{background: url("../images/icons/sort_desc_black.png") no-repeat scroll 2px 4px !important;}
nav .menu > li:last-child{
    border-bottom:solid 1px #cb0d0d;
}
nav .menu li.flexMenu-viewMore{background: url("../images/icons/sort_desc_white.png") no-repeat scroll 50px 12px; padding-right:10px;}
nav .menu li.flexMenu-viewMore:hover {background: url("../images/icons/sort_desc_black.png") no-repeat scroll 50px 12px #fff;}
nav .menu li.flexMenu-viewMore.active{background:url("../images/icons/sort_asc_black.png") no-repeat scroll 50px 12px #fff;}
nav .menu li.flexMenu-viewMore.active a{color:#1e1e1e;}
nav .menu li:hover a, nav .menu li.collapsable a {
    color: #1e1e1e !important;
}
nav .menu > li:first-child {
    border-top:solid 1px #cb0d0d;
}

nav .menu > li > a {
    display: block;font-weight: bold;
	font-family: sans-serif;
    padding: 0 15px;font-size: 1em;
    color:#ffffff;float:left;
    text-decoration: none; 
    text-transform: uppercase;
}

nav .menu > li.active { 
	background-color: #1e1e1e;color: #fff;
}
nav .menu > li.active > a { 
    color: #fff;}
	
nav .menu > li.active:hover > a , nav .menu > li:hover > a { 
    color: #1e1e1e;}
nav .menu > li.active > a:hover {color: #1e1e1e; }
nav .menu > li.active > ul a:hover { color:#000; }

nav .menu ul li a,
nav .menu li.active ul li a {
    color: #000;
    text-decoration: none;
    padding: 0 10px;
}

nav .menu li ul li.active > a{ color:#2980B9; }
nav .menu li ul li.active > a:hover { color:#2980B9; }

nav .menu ul li:hover { background-color: #f3f3f3 !important; }

nav .menu ul {
    display: none;
    position: absolute;
    top: 30px;
    left: 0px;
    z-index: 598;
    width: 100%;
    border: 1px solid #cfcfcf;
}

nav .menu ul li {
    float: none;
    border-bottom: 1px solid #cfcfcf !important;
    background-color: #ffffff;
    color: #000;margin:0;
	border-left:none;
	border-right:none;
}

nav .menu ul li:last-child {
    border-bottom: none;
}

nav .menu ul li a {
    display: block;
    height:30px;font-size:0.9em;
    line-height:30px;
    overflow: hidden;
	text-transform: uppercase;

}

nav .menu ul ul {
    top: -1px;
    left: 200px;
}

nav .menu li:hover > ul {
}
nav .menu ul { width: 200px;}

nav .menu ul li:last-child,
nav .menu ul li:last-child a {
}

nav .menu ul li:first-child,
nav .menu ul li:first-child a {
}

nav .menu > .folder > a {
    padding-right: 8px;
}
/*
nav .menu > .folder > a > .wrap {
    padding-right: 20px;
    background: url("../images/nav-arrow-down-white.png") no-repeat right center !important;
}

nav .menu ul *.folder > a {
    padding-right: 15px;
    background-image: url("../images/nav-arrow-right.png") !important;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
*/
nav select { display: none; }

	.fixed{position:fixed;top:0; left:0; width: 100%;}
	.fixed:hover{opacity:1.0;}
	.botfix{position:fixed;bottom:0;}

/* Body ===================================================================== */

#body{
 
    overflow: hidden;
    padding: 0 0 0 10px;
	
}

/* Breadcrumbs ============================================================== */

#breadcrumbs { margin:0 0px 15px 0; 
    background-color: #f5f5f5;
	padding:0 10px; position: relative;overflow:hidden; }

#breadcrumbs ul, #breadcrumbs li { margin:0; padding:0; list-style: none; }

#breadcrumbs ul{
    overflow: hidden;
}

#breadcrumbs ul li {
    height:32px; line-height:32px; float:left;
    font-size:12px;
    color:#1e1e1e;
}

#breadcrumbs ul li a {
    color:#cb0d0d;
}

#breadcrumbs ul li a:hover {
    text-decoration: underline;
}

#breadcrumbs ul li.sep {
    margin:0 10px;
    width: 7px;
    background: url("../images/nav-arrow-right-light.png") no-repeat left center;
}

#breadcrumbs ul li.home {
    width: 16px;
}

#breadcrumbs ul li.home a {
    display:block;
    width:16px;
    height:32px;
    background: url("../images/nav-home.png") no-repeat left center;
}

/* Section ================================================================== */

#body section{
    float:left;
    width:730px;
}

#body section article {
    padding: 15px 0 0 0;
    margin: 0 15px 15px 0;
	min-height:600px;
}

#body section h1{
    margin-bottom: 35px;
    color: #1e1e1e;;
}

#body section h1 .parent_title{
    font-size:0.65em;
}

/* Sidebar ================================================================== */

#body aside{
    float:right;margin-top:12px;
    width:23%;border-left:1px solid #cccccc;
    margin-bottom: 10px;box-sizing:border-box;
}

/* Sidebar Navigation ======================================================= */
#body aside .menu, #body aside .menu li { padding:0; list-style: none; }
#body aside .menu{
    margin:0px;
}
#body aside .menu li ul {
    display: none;
    position:relative;
    top:0;
    left: 0;
    right: auto;
    margin:0;
    z-index: 9999;
}

#body aside .menu li {
    background-color: #e3e3e3;
    border-bottom: 1px solid #ffffff;
}

.treeview .hitarea {
	height: 15px;
	width: 15px;
	float: right;
	cursor: pointer; margin: 8px 5px 0 0;
}/*
.treeview .menu ul .hitarea, #body aside .treeview .menu .hitarea {margin: 8px 8px 0 0;}*/
.treeview .hitarea.expandable-hitarea{background: url(../images/icons/sort_desc_black.png) no-repeat 2px 4px;}
nav .hitarea.expandable-hitarea{background: url(../images/icons/sort_desc_white.png) no-repeat 2px 4px !important;}
.treeview .hitarea.collapsable-hitarea{background: url(../images/icons/sort_asc_black.png) no-repeat 2px 4px;}
#body aside .menu li:first-child {
}

#body aside .menu li:last-child {
    border-bottom: none;
}

/* #body aside .menu li:hover > ul {
    display: block;
}
*/
#body aside .menu li.active:hover {
}

#body aside .menu .item{padding:7px 5px 7px 28px; font-family: Times new roman, Georgia, Arial;
    background: url("../images/p.png") no-repeat scroll 13px 12px;
}


#body aside .menu li.active .item {
    color:#000;
}

#body aside .menu li:hover {background-color:#CB0D0D;
}

#body aside .menu a,
#body aside .menu span.item {
    overflow: hidden;
    color:#1e1e1e;text-transform:uppercase;
    display:block;font-size: 0.8em;
    text-decoration: none;
    padding:4px 10px;
    padding-left:36px;
}

#body aside .menu a:hover {
    color:#ffffff;
}
#body aside .menu ul li:first-child{border-top:1px solid #ffffff;}
#body aside .menu .counter{
    float:right;
    padding: 0px 7px;
    background: #376499;
    border-radius: 50px;
    font-size: 11px;
    color: white;
}

#body aside .menu li:hover .counter{
    background:#BDC3C7;
}
#body aside .menu li ul li a{font-size:0.7em;margin-left:15px;}
#body aside .menu li ul li ul li a {
    margin-left: 30px;
}
/* Footer =================================================================== */
#layout #foot{clear:both; overflow:hidden;    padding: 50px 15px 10px;}
#foot .foot{float:left;width:25%;height:160px;}
#foot .foot ul.menu, #foot .foot ul.menu li {list-style:none;margin:0;padding:0;}
#foot .foot ul.menu li a.item {color:#888888;line-height:20px;text-decoration:none;font-size: 0.85em;}
#foot .foot ul.menu li a.item:hover {color:#1e1e1e; text-decoration:underline;}
#layout footer{
    height: 50px;
    color: #373636;
    padding: 0 15px;
    clear:both;background-color:#1e1e1e;
    font-size:13px;
}

#layout footer ul, #layout footer li {
    margin: 0; padding: 0; list-style: none;
}

#layout footer ul {
    
}

#layout footer ul li {
    
    line-height: 30px;
    float:left;
    margin-right: 15px;
	    margin-top: 11px;
}
#copyright {
    color: #888888;
}
#copyright a {
    text-transform: uppercase;
}
#layout footer a { color:#ffffff; text-decoration:none; }
#layout footer a:hover {text-decoration:underline;}
#layout footer ul li:last-child { margin:0; }

#layout footer span.item { padding:0 10px; border-left: solid 1px #7f8c8d; color:#888888;}

/* Footer SQL Debug ======================================================== */

#sql_debug{
    display:none;
}

#sql_queries .query{
    padding:10px;
    margin:10px;
    background:#FFF;
    border:solid 1px #DDD;
}

#sql_queries .query .src{
    font-size:12px;
    color:#999;
    margin-bottom:4px;
}
#sql_queries .query_time {
    color: #999;
    font-size: 12px;
    margin: 4px 0 0;
}
#sql_queries .red_query {
    color: #c0392b;
}
#sql_queries .green_query {
    color: #27ae60;
}

/* Footer Navigation ======================================================== */

#layout footer #nav {
    float:right;
    margin-right: 0;
	
	text-align:right;
	margin-top: 10px;
}
.clear{float:none;display:block;clear:both;width:100%;}
/* Site offline notice ====================================================== */

#site_off_notice{
    position: fixed;
    left:15px; top:15px;
    padding:5px 10px;
    padding-left:28px;
    background: url("../images/icons/error.png") no-repeat 8px center #FFF;
    border:solid 1px red;
    color:red;z-index:10000;
}
#user_menu_clear {position:relative;float:right;}
#user_menu_clear span.click{display:block;float:right;text-indent:-9999px;
	color:#cecece;cursor:pointer;margin-right:0px;font-weight:bold;
	background:url("../images/icons/user.png") no-repeat 5px center;padding-left:20px;}
#user_menu_clear span.click:hover{
	color:#aeaeae;}

.text-top {
    background: #e3e3e3 none repeat scroll 0 0;
    clear: both;padding:0 20px;margin-bottom: 15px; font-size: 0.8em;
    overflow: hidden;
}

.text-top strong {
    color: #1e1e1e;
}
.text-bottom {
    border-bottom: 1px solid #1e1e1e;
    border-top: 2px solid #1e1e1e;
    clear: both;
    color: #888888;
    font-size: 0.9em;
    margin-bottom: 15px;
}
.text-big {
    font-size: 2.5em;
	font-weight:bold;
	color:#888888;
	float:left;
	margin:6px 5px 5px 0;
}
.text-big > span {
    color: #2e2e2e;
}
/* Media Queries ============================================================ */
@media screen and (max-width: 1679px) {

	body {
    font-size: 105%;
	}

#layout{
width: 94%;}
}
@media screen and (max-width: 1439px) {

	nav .menu {
    
}
#layout{
width: 96%;}

nav .menu  li {
	margin:5px 1px 0 0;
	border:none !important;
    float: left;clear:none;
}
nav .menu > li:first-child{border-top:none;}
nav .menu > li:hover {
    background: #ffffff;
}	
nav .menu ul {
    top: 30px;
    left: 0px;
}
nav .menu li:last-child ul {
    right: 0;
    left:auto;	
}
nav .menu li:last-child ul{
	right: 0;
    top: 30px;}
nav .menu li ul li:last-child ul{
	right: auto;
	left:200px;
    top: -1px;}
nav .menu li:last-child ul li:last-child ul{
	right: 100%;
	left:auto;
    top: -1px;}
nav .menu > li > a:hover {
    color: #1e1e1e;
}

nav .menu li:last-child ul ul {
    right: 100%;
left:auto;	
}
#body{
    margin: 0;
	clear:both;
	padding:0;
	border:none;
}
.clear {
	display:none;
	}
}

@media screen and (max-width: 1024px) {

    #body section { width:100% !important; }
	#body section article{margin:0 0 15px 0 !important;}
    #body aside {
        float: left !important;
        overflow: hidden;
        width: 50%;
    }
#foot .foot{width:50%;}
#layout{
width: 96%;border:none;}
	
header .menu {right:auto;}
header .menu ul {left:100%;right:auto;}
#search, #shara, #user_menu_clear{ width:50%;margin-right:0;margin-left:0;padding:0;float:left;}
#search, #shara{ height:60px;}

#search{ margin-top:20px;}
#shara{ margin-top:20px;}
.ya-share2{float:right;}

#banner-top .banner, #banner-bottom .banner {
    float: none;
    text-align: center;
    width: 100%;
}

#user_menu_clear span.click {
    color: #1e1e1e;
    float: left;
    font-size: 0.9em;
    padding-left: 23px;
    text-indent: 0;
    text-transform: uppercase;
}
#body aside{border:none;}
}
@media screen and (max-width: 800px) {
    #layout footer #info { display: none !important; }
}
@media screen and (max-width: 640px) {
    .content_item .ft_images .first_type_images:first-child {
        float: none;
        clear: both;
        margin-bottom: 10px;
        display: block;
        width: 100%;
        max-width: 100%;
    }
    .filter-panel .fields .field:nth-child(odd), .filter-panel .fields .field:nth-child(even){
        float: none !important;
        width: 100%;
        margin-bottom: 10px;
    }
    .content_item .ft_images .first_type_images:first-child > img {
        width: 100%;
    }

#layout{
width: 96%;}
    #layout header  { height:100px; padding:0;line-height:40px;}
	#layout header #logo a{font-size:3em;height:40px;float:none;}
#search, #shara, #logo, #user_menu_clear{ float:none;clear:both;width:100%;text-align:center;margin:0 auto;height:40px;}
#shara{text-align:center;}
.ya-share2{float:none;margin-top:10px;}
#logo{text-align:center;}
#search{margin-top:15px;}
#user_menu_clear{width:210px;}

    #body section { width:100% !important; }
    nav { padding:5px; height:auto; box-sizing:border-box; }
    nav .menu { display:none; }
    nav select { display: block; }
#user_menu_clear span.click {
	float: none;
    margin: 0 auto;
    width: 190px;}
    #layout header .menu { display:none; width:200px;text-align:left;top:40px; }
	#layout header .menu ul {left:0;top:30px;width:200px;}
    .tabs-menu ul { display:none; }
    .tabs-menu select { display:block !important; }
    .widget > .title { font-size:14px !important; }
    .widget > .title .links { display:none; }
    .content_item .ft_image { float:none !important; }
    #body aside {
        float: none !important;
        overflow: hidden;
        width: 100%;
    }
#foot .foot{width:100%;}
}

@media screen and (max-width: 480px) {
    #layout footer #nav { display: none !important; }
    h1 {
        font-size: 22px;
    }
    .content_list.featured .first .photo, .content_list.featured .first .fields, .content_list.tiled.albums_list .tile  {
        width: 100% !important;
    }
    .content_list_item.second .photo, .content_list_item.second .first {
        float: none !important;
        margin-right: 0 !important;
    }
    .content_list.featured .first .ft_caption a {
        font-size: 21px !important;
    }
    .content_list_item .ft_caption .value {
        font-size: 18px !important;
    }
#foot .foot{width:100%;}
}
nav.menu li.collapsabble {
	background-color:#bcbbbb;
}

    @media screen and (max-width: 440px) {
    #layout header #logo a{ width:100% !important; background-size:contain;box-sizing: border-box;}
}