body, html {
    padding: 0;
    margin: 0;
    font-family: Arial,  sans-serif;
    font-size: 12px;
    color: #4c4c4c;
    line-height: 20px;
    background:  url(/images/front/header-bg.png) top left repeat-x;
}
a {
    text-decoration: none;
}
p{
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}
div.clear {
    clear: both;
}
#header{
    width: 960px;
    height: 130px;
    margin: 0 auto;  
    position: relative;
}
#logo_bg{
    position: absolute;
    top: 15px;
    left: 0px;
    display: block;
    width:224px;
    height: 105px;
    background: url(/images/front/st_nikola_logo-bg.png) no-repeat;
}

#logo_en{
    position: absolute;
    top: 15px;
    left: 0px;
    display: block;
    width:224px;
    height: 105px;
    background: url(/images/front/st_nikola_logo-en.png) no-repeat;
}

#hmc-logo{
    display: block;
    width:310px;
    height: 90px;
    background: url(/images/front/hmc-logo.png) no-repeat;
    float:right;
    margin-top:15px;
}
#slogan{
    position: absolute;
    top: 11px;
    left: 162px;
    display: block;
    width: 641px;
    height: 122px;
    /*background: url(/images/front/header.png) top left no-repeat;*/
}
#button-inq-wrap{

    margin:15px 15px 0 605px; 

    /*width: 275px;*/
    height: 30px;
    float:left;


}
#promotion{
    background: url(/images/front/promotion.png) no-repeat;
    width:90px;
    height:30px;
    float:left;
    font:bold 12px arial;
    color:#fff;
    line-height:30px;
    padding-left:32px;
    text-shadow: 1px 1px 3px #333;
}

a#donation {
    float:left;
    width:186px;
    height:35px;
    font:normal 16px 'Philosopher', sans-serif;;
    color:#000;
    line-height:34px;
    text-align:center;  
    text-shadow: 0px 1px 0px #fff;
    display:block;
    border:solid 1px #fdb949;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgb(255,210,81); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,210,81,1) 0%, rgba(253,185,73,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,210,81,1)), color-stop(100%,rgba(253,185,73,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,210,81,1) 0%,rgba(253,185,73,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,210,81,1) 0%,rgba(253,185,73,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,210,81,1) 0%,rgba(253,185,73,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,210,81,1) 0%,rgba(253,185,73,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd251', endColorstr='#fdb949',GradientType=0 ); /* IE6-9 */


}
a#donation:hover{
    background: #fdba49;
    cursor:pointer;
}
#language-bar{
    float:left;
    width:150px;
    height:52px;
    font:normal 16px 'Philosopher', sans-serif;;
    color:#000;

    text-shadow: 0px 1px 0px #fff;
    display:block;
    background:#336fb2;
    border-radius:0 0 4px 4px; 
}
#select-lang{
    width:55px;
    height:30px;
    background: url(/images/front/select-lang.png) top left repeat-x;
    float:right;
    margin:16px 6px 0 14px;
}
.lang-option{
    display:none;
    position:absolute;
    background:#ededed;
    border-radius:4px;
    top:53px;
    padding:10px;
    right:23px;
    color:#336FB2;    
}

a#option-bg{
    color:#336FB2;
}
a#option-bg:hover{
    color:#999;
}



a#option-en{
    color:#336FB2;
}
a#option-en:hover{
    color:#999;
}

.bg{
    background: url(/images/front/lang/bg.png) no-repeat;
}
.en{
    background: url(/images/front/lang/en.png) no-repeat;
}
.lang-size{
    width:21px;
    height:16px;
    margin:7px 1px 1px 7px;
}


a#donation-footer {
    float:left;
    margin-top:10px;
    width:145px;
    height:35px;
    font:normal 16px 'Philosopher', sans-serif;;
    color:#000;
    line-height:34px;
    text-align:center; 
    text-shadow: 0px 1px 0px #fff;
    display:block;
    border:solid 1px #255992;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */


}
a#donation-roster {
    display:block;
    margin-top:25px;
    height:35px;
    font:normal 16px 'Philosopher', sans-serif;;
    color:#336fb2;
    font-size:18px;
    line-height:34px;
    padding:0 20px 0 20px;
    float:right;
    text-shadow: 0px 1px 0px #fff;
    border:solid 1px #4a9fdc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
a#donation-footer:hover{
    background: rgb(229,229,229); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    cursor:pointer;
}

a#cateringTherapy {
    background: #7f7f7f;
    float:left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:solid 1px #7f7f7f;
    height:28px;
    font:normal 12px arial;
    color:#fff;
    line-height:30px;
    padding:0 6px 0 6px;
    text-shadow: 1px 1px 3px #333;
    display:block;
    margin-right:6px;

}
a#cateringTherapy:hover{
    background: #000;
    float:left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:solid 1px #000;
    cursor:pointer;

}
#button-inq{
    position: absolute;
    top:38px;
    right: 15px;
    display: block;
    width: 190px;
    height: 34px;
    padding: 8px 10px 6px 10px;
    border: 1px solid #3a0004;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(/images/front/button_inq.png) top left repeat-x;
    color: #90141c;
    font-size: 18px;
    font-weight: bold;
    line-height: 31px;
    text-shadow: 1px 1px #f1ce97;
}
#button-inq:hover{
    background-position: bottom left;
}
#button-inq img{
    float: left;
    margin-right: 10px;
}
#menu{
    width: 948px;
    margin: 0 auto;
    padding: 24px 0 0 0px;
    height: 63px;

    /*background: url(/images/front/top-page.png) top left no-repeat;*/  
}
#menu ul{
    margin: 0px;
    padding: 0px;
    height:50px;
    float:right;
    margin-top:22px;
}
#menu ul li{
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
    font-family: 'Philosopher', sans-serif;
    font-size:18px;

}
#menu ul li.sp{
    width: 2px;
    height: 48px;
    /*background: url(/images/front/menu.png) 0 -96px no-repeat;*/
    /*  border-top: 1px solid #9b1f27;
      border-bottom: 1px solid #9b1f27;*/
}
#menu ul li a{
    display: block;
    width: 110px;
    height: 60px;
    padding-top: 12px;
    line-height:25px;
    color: #336fb2;
    font-size: 18px;
    text-align: center;
}
#menu ul li a.large{
}
#menu ul li a:hover{
    background: url(/images/front/menu-hover.png)  no-repeat;

}
#menu ul li a.selected, #menu ul li a.selected:hover{
    background: url(/images/front/menu-selected.png) no-repeat;
    color: #000;
}
#page-wrap{

    min-height: 500px;
    margin: 0 auto;
    background: url(/images/front/home-top-bg-clouds.png) top no-repeat;
}
#wrapper{
    width:960px;    
    margin:0 auto;
}

#wrapper-home{
    margin:0 auto;
}
.wrapper-home-box{
    margin:0 auto;
    background: url(/images/front/pattern.png);
  
}
.site-width{
    width:960px;    
    margin:0 auto;
}
#footer{
    background: url(/images/front/footer-bg.png) repeat-x;
    margin: 0 auto;
    height:150px;
    width:100%;

}
.footer{
    background: url(/images/front/footer-bg-middle.png)  no-repeat;
    width:960px;
    height: 150px;
    margin: 0px auto;

}
#footer-info {
    width:300px;
    margin-top:10px;
    float:left;

}
#footer-info .title{
    font-family: 'Philosopher', sans-serif;
    font-size:18px;
    color:#fff;
}
#left{
    width:330px;
    float:left;
}
#left a{
    color:#fff;
    text-shadow: 1px 1px 0px #333;
    float:left;
    margin-right:5px;
}
#left a:hover{
    color:#ffdb79;
    text-shadow: 1px 1px 2px #333;
}
#left span{
    display:block;
    float:left;
    color:#fff;
    margin-right:5px;
}
#footer-info{
    font-size:12px;
}
#title-underline{
    height:5px;
    width:300px;
    background: url(/images/front/title-underline.png) repeat-x;
    margin-top:10px;     
}
#footer-logo{
    background: url(/images/front/footer-logo.png) no-repeat;


}
#footer div#footer-map{
    float: left;
    color: #ffffff;
    font-size: 12px;
    line-height: 25px;
}
#footer div#footer-map a{
    display: inline-block;
    margin: 0 8px;
    color: #ffffff;
    font-size: 13px;
}
#footer div#footer-map a:hover{
    color: #fed88b;
}
#footer div#copy{

    color: #fff;
    width:960px;    
    margin-top:18px;

}
#footer div#copy a{
    color: #ffffff;
}
#footer div#copy a:hover{
    text-decoration: underline;
}
#slider-wrap{
    width: 960px;
    height: 430px;
    background: url(/images/front/slider-shadow.png) bottom no-repeat;
    margin:0 auto;
}


.slider-back-home{
    background: url(/images/front/page-home-bg.png) repeat-x;
    height:440px;
}
.slider-back-inside{
    background: url(/images/front/inside-top-bg.png) repeat-x;
    height:440px;
}

#slider-bg{
    width: 960px;
    height: 400px;
    padding: 1px;
    border-radius:4px;
    background:#fff;



}
#slider{
    /*  border: 1px solid #cccccc; */
    width:940px;
    margin:10px 0 0 10px;;
}
#home-content{
    font-size: 13px;


}
#home-big-text-dev{
    height:9px;
    background: #f9f9f9 url(/images/front/home-big-text-dev.png) repeat-x;
    margin-top:30px;

}
#home-content p.title{
    margin-bottom: 15px;
    color: #000;
    font-family: 'Philosopher', sans-serif;
    font-size:22px;
}
#home-content img.left-image-brd{  
    float: left;
    margin: 0 15px 15px 0;

}
#home-content a.more{
    font-family: 'Philosopher', sans-serif;
    font-size:22px;
    color:#000;
}
#detail-content a.more{
    font-family: 'Philosopher', sans-serif;
    font-size:18px;
    color:#336fb2;
}



#detail-content a.more:hover{
    color:#000;
}
#home-content a.more:hover{
    color:#000;
}
.box{
    float: left;
    width: 305px;
    margin: 15px 0px 0 0px;

}
.box-border{
    border:1px solid #d9d9d9;
    border-radius: 4px;
}

#home-content div.boxes{
    border-top:1px solid #fff;
    border-radius: 4px;
    background-color:#f3f3f3;
    padding:5px 5px 40px 5px;
}
#home-content div.boxes:hover{
    background-color:#fff;
}
.after-boxes{
    border-top:solid 2px #d9d9d9;
    min-height:120px;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    padding-bottom:10px;
}
.after-boxes-wrapper{
    width:960px;
    margin:0 auto; 
}


#home-content div.boxes p.title a{
    margin: 0;
    padding: 0;
    color: #336fb2;
    font-size: 20px;
}
#home-content div.boxes p.title a:hover{
    color: #000;
} 
#home-content div.boxes p.image{
    margin: 15px 0;
    background: #ffffff;
    padding:2px;
    border:solid 1px #D9D9D9;
}
#home-content div.boxes p.content{
    font-size: 12px;

}
#home-content div.boxes a.more{
    color: #262626;
    text-shadow:0px 1px 0px #fff;
    font-size: 17px;
    display:block;
    text-align: center;
    background: rgb(255,210,81); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,210,81,1) 0%, rgba(253,185,73,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,210,81,1)), color-stop(100%,rgba(253,185,73,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,210,81,1) 0%,rgba(253,185,73,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,210,81,1) 0%,rgba(253,185,73,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,210,81,1) 0%,rgba(253,185,73,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,210,81,1) 0%,rgba(253,185,73,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd251', endColorstr='#fdb949',GradientType=0 ); /* IE6-9 */
    border-radius:4px;
    border:1px solid #fdb949;
    padding: 5px 17px;
    font-family: 'Philosopher', sans-serif;
    float:right;

}
#home-content div.boxes a.more:hover{
    background: rgb(253,185,73); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(253,185,73,1) 0%, rgba(255,210,81,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,185,73,1)), color-stop(100%,rgba(255,210,81,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(253,185,73,1) 0%,rgba(255,210,81,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(253,185,73,1) 0%,rgba(255,210,81,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(253,185,73,1) 0%,rgba(255,210,81,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(253,185,73,1) 0%,rgba(255,210,81,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb949', endColorstr='#ffd251',GradientType=0 ); /* IE6-9 */
    border-radius:4px;
}
.boxes-shadow{
    background: url(/images/front/boxes-shadow.png) no-repeat;
    height:13px;
    width:298px;
    float:left;
}
#left-menu{
    float: left;
    width: 250px;
    margin-right: 10px;
    margin-top:55px
}
#left-menu-title{
    width: 460px;
    height: 28px;
    color: #336fb2;
    text-shadow: 0px 1px 0px #fff;
    font-size: 36px;
    font-weight: 900;
    font-family: 'Philosopher', sans-serif;
    margin-bottom:73px;


}
#left-menu ul{
    margin:50px  0 0 0;
    padding: 0;
}
#left-menu ul li{
    margin: 0;
    padding: 0;
    list-style: none;
    width:250px;
}
#left-menu ul li a{
    display: block;
    padding: 10px 13px;
    max-width:270px;
    color: #336fb2;
    font-family: 'Philosopher', sans-serif;
    font-size: 17px;
    background:  url(/images/front/left-menu-bg.png) repeat-y;
    border-right:solid 3px #d9d9d9;
    margin-top:3px;
}

#left-menu ul li a:hover{
    background:  #fff;
    border-right:solid 3px #fff;
    color:#000;

}


#left-menu ul li:hover{
    border-right:solid 3px #fff;
}
#left-menu ul li:link{
    border-right:solid 3px #fff;
}
#left-menu ul li a.selected{
    background:  url(/images/front/left-menu-selected.png) repeat-y;
    border-right: solid 3px #df9b2b;
    color:#000;

}
#left-menu ul ul{
    margin:0 !important;

}
#left-menu ul ul li{
    border: 0px;
}
#left-menu ul li ul li a{
    display: block;
    padding: 0px 15px;
    max-width:250px;
    color:#336fb2;
    font-family: arial;
    font-size: 17px;
    background:  url(/images/front/left-menu-bg.png) repeat-y;
    line-height:40px;
    border-bottom:solid 1px #fff;
    font-family: 'Philosopher', sans-serif;
}
#left-menu ul li ul li a:hover{
    border-right:solid 3px #fff;
}
#left-menu ul li ul li a.selected{
    background:  url(/images/front/left-menu-selected.png) repeat-y;
    border-right: solid 3px #df9b2b;
    color:#000;
}
.menu-parent-nodes{

}
#content{
    float:left;
    width: 660px;
    margin-bottom: 15px;
    padding-left:30px;
}
#form-content{
    float:left;
    width: 650px;
    margin-bottom: 15px;
    padding-left:20px;
    margin-left:10px;
    border:2px solid #d9d9d9;
    background:#f2f2f2;
}
#content a.more{
    color: #d40026;
    border:none !important;
    padding:0 !important;
    float:none !important;
}
#content a.more:hover{
    color: #000;
    border:none !important;
    padding:0 !important;
    float:none !important;
}
#detail-content{
    float:left;

    margin-bottom: 15px;


}
#detail-content p.title{
    margin: 12px 0 8px 0;
    color: #000;
    font-size: 22px;  
    font-family: 'Philosopher', sans-serif;
}
#content p.title{
    margin: 12px 0 8px 0;
    color: #000;
    font-size: 22px;  
    font-family: 'Philosopher', sans-serif;
}
#content p.title a{
    margin: 5px 0 8px 0;
    color: #d40026;
    font-size: 18px;  
    font-family: 'Philosopher', sans-serif;
}

#content span.right-image-with-border{
    float: right;
    display: inline-block;
    margin: 0 0 10px 10px;
    padding: 5px;
    border: 1px solid #cfcfcf;
}
#content div a {
    float: right;
    display: inline-block;
    margin: 0 0 10px 10px;
    padding: 5px;
    border: 1px solid #cfcfcf;
}
.fld-title{
    display: block;
    margin: 10px 0 5px 0;
    color: #000;
}
.fld-wrap{
    padding: 10px;
    border: 1px solid #dadada;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f5f5f5;
}
.fld-wrap span{
    display: block;
    float: left;
    width: 33%;
}
.fld-wrap label{
    line-height: 16px;
}
.inq-textarea{
    width: 626px;
    height: 120px;
    border: 2px solid #d9d9d9;
    color: #4c4c4c;
}
.half{
    float: left;
    width: 290px;

}
.half input, .max-fld{
    width:306px;
    height: 33px;
    margin-bottom: 5px;
    border: 2px solid #d9d9d9;
    color: #4c4c4c;
}
.max-fld{
    width: 626px;
}
.fld-margin-right{
    margin-right: 20px;
}
#submit, #reset{
    cursor: pointer;
    float: right;
    width:88px;
    height: 45px;  
    margin: 15px 5px 10px 10px;
    padding: 0 15px;
    font-family: 'Philosopher', sans-serif;
    background: url(/images/front/submit.png) top left repeat-x;
    font-size:17px;
    color: #262626;
    border:none;
    line-height:1px;    

}
#submit:hover, #reset:hover {
    background-position: bottom left;
    color: #000;
}
#info-fotm-text{
    float: left;
    margin-top: 23px;
    color: #336fb2;
    font-size:16px;
    font-family: 'Philosopher', sans-serif;
}
.fancybox{
    border: 1px solid #cccccc;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 4px;
    float: left;
}
.files {
    border: 1px solid #cccccc;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 4px;
    float: left;
    color: #000;
}
.files:hover {
    color: #5c5c5c;
}
.last{
    margin-right: 0;
}
.input-error {
    border: 1px solid #a42830 !important;
}
/* Breadcrumb */
#breadcrumb {

    font-size: 14px;
    float:right;
    margin-top:15px;
}

#breadcrumb ul {
    display:block;
    float:left;
    padding:0;
}
#breadcrumb ul li {
    display: inline-block;
    float: left;
    height: 23px;

}
#breadcrumb ul li a {
    display: inline-block;
    padding: 0 5px;
    font-size:14px;
    color:#fff;

}
#breadcrumb ul li a:hover {
    text-decoration:underline;
}
#breadcrumb ul li span {
    padding: 0 5px;
    color: #fff;
    font-size:12px;
}
#breadcrumb ul li.home {

}
#breadcrumb ul li.home a {
    padding: 0 5px;
    text-align: center;
}
#slash{
    display:inline-block;
    color:#fff;
}

#news-line{
    background: url(/images/front/news-line.png) repeat-x;
    height:9px;
    margin-top:15px;
}
#news-back a{
    background: url(/images/front/news-back-bg.png) repeat-x;  
    height:40px;
    width:160px;
    display:block;
    padding:0 0 0 15px !important;
    margin-top:10px;
    line-height: 35px;
    font-size:16px;
    font-family: 'Philosopher', sans-serif;
    color:#5c5c5c; 
    border:none !important;
    margin-top:20px !important;
}
#news-back a:hover{
    color:#000;
    background: url(/images/front/news-back-hover.png) repeat-x;  
}

.pager {
    text-align: right;
    float:right;
    margin-bottom:10px;
}
.pager a,
.pager span {
    display: inline-block;
    line-height: 1;
    padding: 11px 17px;
    font-family: 'Philosopher', sans-serif;
    background: rgb(255,210,81); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,210,81,1) 0%, rgba(253,185,73,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,210,81,1)), color-stop(100%,rgba(253,185,73,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,210,81,1) 0%,rgba(253,185,73,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,210,81,1) 0%,rgba(253,185,73,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,210,81,1) 0%,rgba(253,185,73,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,210,81,1) 0%,rgba(253,185,73,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd251', endColorstr='#fdb949',GradientType=0 ); /* IE6-9 */
    border-radius:4px;
    border:1px solid #fdb949;
    font-size: 18px;
    color:#5c5c5c;
}
.pager a:hover {
    background: rgb(253,185,73); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(253,185,73,1) 0%, rgba(255,210,81,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,185,73,1)), color-stop(100%,rgba(255,210,81,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(253,185,73,1) 0%,rgba(255,210,81,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(253,185,73,1) 0%,rgba(255,210,81,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(253,185,73,1) 0%,rgba(255,210,81,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(253,185,73,1) 0%,rgba(255,210,81,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb949', endColorstr='#ffd251',GradientType=0 ); /* IE6-9 */
    border-radius:4px;

}
.pager a:active {

}
.pager span {

    background:none;
    border:none;
    color:#000;
}
#news-title a{
    font-size:22px !important;
    font-family: 'Philosopher', sans-serif;
    color:#000 !important;
    margin:12px 0 20px 0;

}
#news-title a:hover{
    font-size:22px !important;
    font-family: 'Philosopher', sans-serif;
    color:#336fb2 !important;
    margin:12px 0 20px 0;

}
#middle-title{
    font-size:36px;
    font-family: 'Philosopher', sans-serif;
    color:#336fb2;
    text-shadow: 0px 1px 0px #fff;
    font-weight:bold;
    max-width:300px;
    margin-top:-10px;

}
#news-devider{
    border-bottom:2px solid #e6e6e6;

}
#facebook {
    background: url(/images/front/fb-icon.png) no-repeat;  
    width:30px;
    height:30px;
    display:inline-block;
    float:left;
    margin-left:6px;

}
a#facebook:hover {
    background: url(/images/front/fb-iconbg.png) no-repeat;  
    width:30px;
    height:30px;
}
.home-video-play {
    position:absolute;

    background: url(/images/front/play.png) center center   no-repeat; 
    width:210px;
    height:210px;
    display:block;
    opacity:0.6;
}
.home-video-play:hover{
    position:absolute;
    background: url(/images/front/play.png) center center #cccccc no-repeat; 
    width:210px;
    height:210px;
    display:block;
    opacity:0.5;
}

.title{
    color: #000;
    font-family: 'Philosopher', sans-serif;
    font-size:26px;
    padding:10px 0 0 0px;

}
.form-title{
    color: #000;
    font-family: 'Philosopher', sans-serif;
    font-size:26px;
    font-weight:bold;
    padding:30px 273px 20px;


}