body {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal;}

.clearfix:after {content: ".";
                 display: block;
                 height: 0;
                 clear: both;
                 visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Typography */
h1, h2, h3, h4, h5, h6 {color: #444;}
h1, .h1 {}
h2, .h2 {font-size: 20px; margin-bottom: 10px; margin-top: 0;}
h3, .h3 {font-size: 16px;}
label {color: #777;}
.thin {font-weight:300; }
.page-title {margin-top:20px; font-weight:300;}
.text-muted {color:#888;}
ul.list-spaces li {margin-bottom:10px;}

/* Helpers */
.container-full {margin: 0 auto; width: 100%;}
.padMain {padding-top: 70px;}
.marTop5 {margin-top:5px;}
.marTop10 {margin-top:10px;}
.marTop20 {margin-top:20px;}
.marTop30 {margin-top:30px;}
.marTop40 {margin-top:40px !important;}
.marTop50 {margin-top:50px !important;}
.marTop60 {margin-top: 60px !important;}
.marBot10 {margin-bottom: 10px !important;}
.marBot20 {margin-bottom: 20px !important;}
.marBot30 {margin-bottom: 30px !important;}
.marBot40 {margin-bottom: 40px !important;}
.marBot60 {margin-bottom: 60px !important;}

img {max-width:100%;}
img.pull-right {margin-left: 10px;}
img.pull-left {margin-right: 10px;}

/*CONTENT*/
p.text-upper {line-height: 26px;}
ul.main-list {list-style: none; padding: 0 0 10px 0;}
.main-list-title {color: #444; font-size: 24px; font-weight: 500; line-height: 24px; margin-top: 10px; border-bottom: 1px solid #cc0000; margin-bottom: 0; text-transform: uppercase;}
.main-list-content {padding: 12px 0; border-bottom: 1px solid #ccc;}
.main-list-place {color: #888; font-weight: 700;}
.main-list h3 {font-size: 18px; margin: 4px 0; line-height: 22px;}
.main-list h3 a {color: #444;}
.main-list h3 a:hover {color: #cc0000;}
a.folder {color: #fff; background-color: #101010; min-height: 180px; outline: medium none; 
    padding: 0 15px; position: relative; text-decoration: none;
    display: block; text-align: center; font-weight: 500;}
a.folder:hover {background-color: #555;}
table.foldin {width: 100%;}
table.foldin tr td {font-size: 22px; vertical-align: middle; height: 180px; margin: 0 auto; text-align: center;}
.subtext {text-align: center; padding-top: 10px; font-weight: 500; font-size: 18px;}
a .subtext {color: #333;}
a:hover .subtext {color: #cc0000;}

a .subimage {background-color: #101010; position: relative; display: block;}
a .subimage img {
    opacity:1; filter:alpha(opacity=100); filter: "alpha(opacity=100)"; 				   	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear; 
	-o-transition-property: all 0.2s linear;
	-ms-transition-property: all 0.2s linear;
	transition: all 0.2s linear;
}
a .subimage:hover img {opacity:.70; filter:alpha(opacity=70); filter: "alpha(opacity=70)";}

/*MODAL*/
#myModal {margin-bottom: 40px;}
.modal-body {padding: 0; }
.back-holder {height: 80px; width: 100%; background-color: #fff; display: block;
position: fixed; bottom: 0;}
.link-holder {width: 70%; margin: 0 auto; padding-top: 20px; font-size: 24px; text-align: center; float: left;}
.link-left {width: 15%; float: left; padding-top: 20px;}
.link-left a {color: #333; float: left; background-color: #fff; padding: 5px 20px 5px;}
.link-left a i {font-size: 30px;}
.link-right {width: 15%; float: left; padding-top: 20px;}
.link-right a {color: #333; float: right; background-color: #fff; padding: 5px 20px 5px;}
.link-right a i {font-size: 30px;}
.links {clear: both; display: inline-block;}
.links a {color: #333; background-color: #fff; padding: 3px 30px 5px; display: block; font-weight: 500;}
.links a:hover, .link-left a:hover, .link-right a:hover {color: #cc0000;}

/*BACK TO TOP*/
#toTop {display:none; text-decoration:none; position:fixed; bottom:20px; right:10px; overflow:hidden;
	width:51px; height:51px; border:none; text-indent:100%; background:url(../layout/ui.png) no-repeat left top;}
#toTopHover {background:url(../layout/ui.png) no-repeat left -51px; width:51px; height:51px;
	display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}

/*LANG*/
#langHolder {height: 55px; font-size: 18px; float: right; padding-top: 25px; margin-left: 10px;}
#langHolder a {color: #999; margin-left: 30px;}
#langHolder a:hover {color: #cc0000;}

/*MENU*/

.navbar ul {list-style: none;}
.navbar-header {padding: 0 !important;}
.navbar-default .head-title {float: left; margin: 10px 30px 10px 0px;
            font-weight: bold; font-size: 15px; color: #777; text-transform: uppercase;}
.navbar-default {font-size: 14px; font-weight: 400; border-radius: 0; background-color:#fff; 
                border-color: #bbb; min-height: 50px; padding-top: 0px; margin-bottom:0;}
.navbar-default *:focus {outline: 0;}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .open ul > a {color:#888;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {color: #cc0000; background:none;}
.navbar-default .navbar-nav > .open > a {background:none; color:#cc0000;}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {background: none; color: #222;}
.navbar-default .navbar-nav > .active > a {background: none; color: #cc0000;}
.navbar-default .navbar-brand {font-size: 24px; color: white; padding: 10px 0 0 15px; margin: 0; }

a.navbar-brand {color: rgb(255, 255, 255); display: block; float: none; width: 240px; height: 55px;
    margin: 0 auto; text-transform: uppercase;}
.navbar-toggle {background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(174, 173, 173); border-radius: 100px;
    float: right; height: 40px; margin: 12px 5px 0 0; padding: 8px; width: 40px;}
.navbar-default .navbar-toggle {border-color: #999;}
.navbar-default .navbar-toggle .icon-bar {background-color: #333;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent; border-color: #999;
}
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: rgb(174, 173, 173);
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #cc0000;
}
.navbar-nav {text-transform: uppercase;}

.nav > li > a {
    display: block;
    margin: 18px 10px 8px 0;
    padding: 0 10px 0 0;
    position: relative;
    border-right: 1px solid #cc0000;
    line-height: 14px;
}

.navbar-nav .btn { border:1px solid rgba(255, 255, 255, .2); margin-left:5px; margin-top:5px; padding-top:10px; padding-bottom:10px; }
.navbar-nav a.btn:focus, 
.navbar-nav a.btn:hover  { border:1px solid rgba(255,255,255,.6); }
.navbar-collapse { border:0 none;  border-top:0 none; box-shadow: none; max-height: 100% !important;}
.navbar-right .dropdown-menu {left: 0; right: auto;}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom { border-radius: 0; }