header h1, header h2, header h3, header h4, header h5, header h6, #slider h1, #slider h2, #slider h3, #slider h4, #slider h5, #slider h6 { font-family: 'Open Sans Condensed', Arial, sans-serif; }
header a {color: #7f2f03;}

.breadcrumbs {background: #ff5f07;}

#searchform {float: right;margin: 14px 2px 5px 20px;}

/* === menu colors === */
.menu { background: #D6D6D6;  }
.menu ul { 
background: #7f482a;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdmNDgyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZjJmMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #7f482a 0%, #7f2f03 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f482a), color-stop(100%,#7f2f03));
background: -webkit-linear-gradient(top,  #7f482a 0%,#7f2f03 100%);
background: -o-linear-gradient(top,  #7f482a 0%,#7f2f03 100%);
background: -ms-linear-gradient(top,  #7f482a 0%,#7f2f03 100%);
background: linear-gradient(to bottom,  #7f482a 0%,#7f2f03 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f482a', endColorstr='#7f2f03',GradientType=0 );
}
.menu a {border-left: 1px solid #ffcc66; border-right: 1px solid #cc6600; }
.menu a:hover {background: #ff5f07;}
.menu li li a { border-top: 1px solid #ffcc66; border-bottom: 1px solid #cc6600; }
.menu {font-family: 'Open Sans',sans-serif;font-size: 15px;}
#side-nav a {border-top: none; border-bottom: 1px solid #401802;}


a {color: #cc6600;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}

.subpages.normal li {
border-top: 3px solid #ff5f07;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.subpages.normal li::before {background: #ff5f07;}
.subpages.normal a:hover {color: #cc6600;}
.subpages.gallery h4 {background: #f29400;}

.subpages.news .title:hover {color: #b12732;}
.subpages.news .title {color: #f29400;}
.subpages.news .date {background: #ff5f07;}
.subpages.news .bar {border-top: 3px solid #ff5f07;}

.subpages.normal li:hover {background-color: #FFF9EF;}


.sidebar .box {background: #7f482a;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.3)));background-image: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);background-image: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);background-image: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);} 

.armiroart {float:right; color:#fff;}


/* colors mobile menu */

.mobile_nav { border: 3px solid #7f482a; background: #7f482a;}
.mobile_menu_button { font-size:20px; color:#fff; background: #7f482a;}
.mobile_menu_button a { color:#fff; }

.mobile_menu_wrapper { border: 3px solid #7f482a; background: #7f482a; }
.mobile_menu_wrapper > ul { background: #7f482a; }
.mobile_menu_wrapper > ul a { background: #7f482a; border-top: 1px solid #b25728; border-bottom: 1px solid #ff5f07; }
.mobile_menu_wrapper > ul a:hover { background: #ff5f07; }


h4.title-box a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px; font-weight:400;}

.logo {height: 100px;}

#iview {background: #401802;}
#contact_submit {background: #401802;}

.title-box {
text-shadow: 1px 1px 2px #401802;
background: #ff9053;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTA1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlODc3MDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ff9053 0%, #e87705 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9053), color-stop(100%,#e87705));
background: -webkit-linear-gradient(top,  #ff9053 0%,#e87705 100%);
background: -o-linear-gradient(top,  #ff9053 0%,#e87705 100%);
background: -ms-linear-gradient(top,  #ff9053 0%,#e87705 100%);
background: linear-gradient(to bottom,  #ff9053 0%,#e87705 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9053', endColorstr='#e87705',GradientType=0 );
}

/*
footer h4 {font-size: 16px; font-weight:300;}
footer {background: #A8ACAD;color: #212527;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);border-top: 2px solid #EEE;}

footer .boxes .box {float: none;}
footer .boxes {padding: 20px 0 10px;}
*/
footer {background: #401802;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);border-top: 2px solid #EEE;}
footer a {color: #f29400;}
footer h4 {font-size: 16px; font-weight:400;}
footer .copyright {border-top: 1px dotted #A8A8A8;}


.page-nav span, .page-nav a {background: #999;}

#searchform .submit, #searchform .input {border-color: #7c7c7c;}

.flex-control-paging li a:hover {background: #ccc;}
.flex-control-paging li a.flex-active {border-color: #f29400;}

.errorBox {background: #fff;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/*Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 980px) {
    
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 480px) {
    #searchform {float: none;margin: 22px 2px 5px 2px;}
	.slogan {font-size: 14px;}
	.breadcrumbs ul {padding-left: 2px;}
	footer .boxes .box {width: 100%;}
}