/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Reset--------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* -------------------------------------------- */
/* ------------------Clear--------------------- */
.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

article:after, article:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
.box:after, .box:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}


.non-visible {
    position: absolute !important;
    left: -9999px !important; /* also accessible to the screen reader */
}

.hidden-text {
    /* hides text from IE and Gecko */
    font-size: 0px !important;
    letter-spacing: -99999px !important;
    text-decoration: none !important;

    /* hides text from Opera */
    overflow: hidden !important;
    text-indent: -9999px !important;
}

/* Safari and Google Chrome */
body:first-of-type .hidden-text {
    letter-spacing: -9999px !important;
}

    .hidden-text a {
        text-decoration: none !important;
    }

/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background: #F6F5F2;color: #111; font-family: Arial, sans-serif; font-size: 16px; line-height: 25px;}
body .wrap-body{}

a{color: #444444}
a:hover {color: #CE5E00}

.button{cursor: pointer;color: #ffffff;line-height: 14px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;background: #345E4A;}
.button {display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
a.button:hover{color: #ffffff;}

h1,h2,h3,h4,h5,h6{ font-family: Arial, sans-serif; font-weight:700; line-height:1.4em; color: #111; }
h1{ font-size:30px; }
h2{ font-size:25px; text-transform:uppercase; }
h3{ font-size:20px; }
h4{ font-size:18px; }
h5{ font-size:16px; }
h6{ font-size:14px; }

h1 a, h2 a, h3 a, h4 a{color: #111;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{color: #CE5E00; text-decoration: none;}

/* -------------------------------------------- */
/* ------------------Header-------------------- */
header {background:#333333; margin-bottom:30px;}
header .wrap-header{position: relative; height: 80px;}

header #logo {position: absolute; top: 13px; left: 10px; z-index: 1;}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 960px;
    margin: 0px auto;
    z-index: 0;
}

nav .wrap-nav{float: right; margin-right: 10px;}

.menu ul {list-style: none;margin: 0;padding: 0;}
.menu  ul li {position: relative;float: left; background:#345E4A;}
.menu  ul li:hover {background-color:#ffffff;}
.menu  ul li a {text-decoration: none; font-size: 14px; line-height:14px;color: #ffffff;display: block;margin-bottom: 5px;padding: 34px 20px 27px 20px;position: relative;font-weight:bold; text-transform:uppercase;}
.menu  ul li:hover a {color:#000000;}
.menu  ul li.selected a {text-decoration: underline;}

/* -------------------------------------------- */
/* ------------------Content------------------- */
#content {}
#content .wrap-content{}

.block{}

#main-content{}
#main-content article {margin:10px 0px; background:#ffffff;}
#main-content article .heading{ padding: 30px 40px;}
#main-content article .heading .title{text-transform: uppercase; font-weight: bold;}
#main-content article .heading .title2{font-size: 16px; line-height: 20px;}
#main-content article img{display: inline-block; width: 100%;}
#main-content article .content{padding: 30px 40px;}
#main-content article p{margin-bottom:10px;}
#main-content article .extra{background: #345E4A; padding: 10px 20px;}
#main-content article .info{float: left; color: #ffffff;}
#main-content article .info a{text-decoration: underline; color:#ffffff;}

#sidebar{}
#sidebar .box {margin-bottom:20px; background:#ffffff;}
#sidebar .box .heading { padding:20px; border-bottom:1px solid #ccc;}
#sidebar .box .heading .title{text-transform: uppercase; font-size: 16px; font-weight: bold;}
#sidebar .box .content {padding:20px}
#sidebar .box .content .connect{}
#sidebar .box .content .last{border-bottom: 0px !important;}
#sidebar .box .content ul{ list-style-type:none;}
#sidebar .box .content ul li{border-bottom: 1px solid #ccc; padding: 5px 0;}
#sidebar .box .content .post {padding-bottom: 10px; margin-bottom:10px; border-bottom: 1px solid #ccc;}
#sidebar .box .content .post .title{ font-weight:normal; font-size: 16px; text-transform: none;}
#sidebar .box .content .post img{ float:left; margin:0 10px 10px 0;}
#sidebar .box .content .post p{color:#A3A3A3; font-style:italic;}
#sidebar .box .content .person-telephone {position: relative;}
#sidebar .box .content .person-telephone span {position: absolute; right: 0px;}

/* -------------------------------------------- */
/* ------------------Footer-------------------- */

.copyright{font-size: 0.8em; text-align:center; margin-top:20px; background:#000; padding:10px 0px;color:#ffffff; }
.copyright a{text-decoration:underline; color:#ffffff; }




/* login form */

#sidebar #login-form {
    overflow: hidden;
}

    #sidebar #login-form label {
        display: block;
        margin-bottom: 10px;
    }

        #sidebar #login-form label strong {
            display: block;
            position: relative;
            font-weight: normal;
            margin-bottom: 3px;
        }

        #sidebar #login-form label input {
            width: 100%;
            font-size: 15px;
            line-height: 1.2em;
            padding: 8px 15px;
            margin: 0;
            font-family: Arial, Helvetica, sans-serif;
            border: 1px solid #ccc;
            background: #ffffff;
            outline: none;

            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        #sidebar #login-form p {
            float: left;
        }

        #sidebar #login-form span {
            float: right;
            font-size: 0.8em;
            line-height: 26px;
        }

#user-logged {
    min-height: 50px;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 60px;
    background: url('../img/avatar_empty.gif') left top no-repeat;
}

#user-logged + span {
    display: block;
    text-align: center;
}

/* arrows */

.back,
.prev {
    padding-left: 10px;
    background: url('../img/prev.png') left 6px no-repeat;
}

.more,
.next {
    padding-right: 10px;
    background: url('../img/next.png') right 6px no-repeat;
}

/* warnings */

.invalid {
    border: 2px solid #B6140C !important;
}

#warnings {
    color: #FFFFFF;
    padding: 10px;
    margin-bottom: 15px;
    background: #B6140C;
    border: 1px solid #820F09;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    #warnings p {
        color: #FFFFFF;
    }

    #warnings ul {
        margin-bottom: 0px !important;
    }

        #warnings ul li label {
            text-decoration: underline;
        }

        #warnings ul li label:hover {
            text-decoration: none;
        }

/* message dialog */

#message {
    width: 280px;
}

    #message h3 {
        color: #3588CE;
        line-height: 32px;
        margin-bottom: 5px;
        padding-left: 42px;
        background: url('../img/message/info.png') left top no-repeat;
    }

    h3.alert {
        color: #FF9320 !important;
        background-image: url('../img/message/alert.png') !important;
    }

    h3.question {
        background-image: url('../img/message/question.png') !important;
    }

    h3.tip {
        color: #141414 !important;
        background-image: url('../img/message/tip.png') !important;
    }

    #message p {
        font-size: 0.8em;
        text-align: justify;
        margin-bottom: 10px;
    }

        #message p a {
            color: #000000;
        }

    #message img {
        float: right;
        cursor: pointer;
    }

/* zoomable images */

a.zoomable {
    position: relative;
    display: inline-block;
    width: 125px;
    height: 125px;
    font-size: 0;
    line-height: 0;
    margin-bottom: 10px;
    border: 2px solid #345E4A;
    background: #fff;
    overflow: hidden;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a.zoomable + a.zoomable {
    margin-left: 5px;
}

a.zoomable:nth-child(4n+1) {
    margin-left: 0 !important;
}

    a.zoomable img {
        position: absolute;
        top: -20%;
        left: -10%;
        width: 250px !important;
        max-width: inherit;
        outline: none;
        -ms-interpolation-mode: bicubic;
    }

/* documents */

ul.files {
    margin-left: 0px;
}

    ul.files li {
        list-style: none !important;
    }

        ul.files li a {
            padding-left: 20px;
            background: transparent url('../img/mime/undefined.png') center left no-repeat;
        }

/* mime types */

a.ai {
    background-image: url('../img/mime/ai.png') !important;
}

a.avi {
    background-image: url('../img/mime/avi.png') !important;
}

a.doc,
a.docx,
a.rtf,
a.odt {
    background-image: url('../img/mime/doc.png') !important;
}

a.eml {
    background-image: url('../img/mime/eml.png') !important;
}

a.exe {
    background-image: url('../img/mime/exe.png') !important;
}

a.jpg {
    background-image: url('../img/mime/jpg.png') !important;
}

a.html,
a.htm,
a.phtml {
    background-image: url('../img/mime/html.png') !important;
}

a.mp3,
a.wav,
a.aac {
    background-image: url('../img/mime/mp3.png') !important;
}

a.pdf {
    background-image: url('../img/mime/pdf.png') !important;
}

a.ppt {
    background-image: url('../img/mime/ppt.png') !important;
}

a.psd {
    background-image: url('../img/mime/psd.png') !important;
}

a.swf {
    background-image: url('../img/mime/swf.png') !important;
}

a.txt {
    background-image: url('../img/mime/txt.png') !important;
}

a.xls {
    background-image: url('../img/mime/xls.png') !important;
}

a.zip.
a.rar,
a.7z,
a.tar {
    background-image: url('../img/mime/zip.png') !important;
}

/* mime types - big */

.folder a.file {
    padding: 40px 0px 0px 0px;
    text-align: center;
    background: url('../img/mime/big/undefined.png') center top no-repeat;
}

.folder a.ai {
    background-image: url('../img/mime/big/ai.png') !important;
}

.folder a.avi,
.folder a.wmv,
.folder a.mpg,
.folder a.mpeg {
    background-image: url('../img/mime/big/avi.png') !important;
}

.folder a.doc,
.folder a.docx,
.folder a.rtf,
.folder a.odt {
    background-image: url('../img/mime/big/doc.png') !important;
}

.folder a.eml {
    background-image: url('../img/mime/big/eml.png') !important;
}

.folder .exe {
    background-image: url('../img/mime/big/exe.png') !important;
}

.folder .jpg {
    background-image: url('../img/mime/big/jpg.png') !important;
}

.folder a.html,
.folder a.htm,
.folder a.phtml {
    padding: 40px 0px 0px 0px;
    text-align: center;
    background: url('../img/mime/big/html.png') center top no-repeat;
}

.folder a.mp3,
.folder a.wav,
.folder a.aac {
    background-image: url('../img/mime/big/mp3.png') !important;
}

.folder a.pdf {
    background-image: url('../img/mime/big/pdf.png') !important;
}

.folder a.ppt {
    background-image: url('../img/mime/big/ppt.png') !important;
}

.folder a.psd {
    background-image: url('../img/mime/big/psd.png') !important;
}

.folder a.swf {
    background-image: url('../img/mime/big/swf.png') !important;
}

.folder a.txt {
    background-image: url('../img/mime/big/txt.png') !important;
}

.folder a.xls {
    background-image: url('../img/mime/big/xls.png') !important;
}

.folder a.zip.
.folder a.rar,
.folder a.7z,
.folder a.tar {
    background-image: url('../img/mime/big/zip.png') !important;
}