/*--------------------------------------------- SETTINGS ----------------------------------------------------*/

@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'CenturyGothicTNormal';
    src: url('lucida_grande-apple.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'CenturyGothicTNormal';
    src: url(//:) format('no404'), url('lucida_grande-apple.woff') format('woff'), url('lucida_grande-apple.ttf') format('truetype'), url('lucida_grande-apple.svg#LucidaGrandeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.div_general{width:100%;float:left;clear:both;position:relative;}
a{text-decoration:none;color:#fff;}
a:hover{color:Orange;}
/*--------------------------------------------- GENERAL ----------------------------------------------------*/
html,body {height: 100%;margin:0;padding: 0;font-size:1.1em;font-family:'CenturyGothicTNormal';}
form{padding:0;margin:0;}


/*--------------------------------------------- HEADDER ----------------------------------------------------*/
#headder{width:100%;background:#222222;height:85px;float:left;clear:both;color:#fff;display:block;padding-top:0px;position:fixed;top:0;left:0;z-index:999;}

#headder #sub_headder{width:960px;margin:0 auto;position:relative;}
#logo{position:absolute;left:-10px;top:15px;display:block;}
#logo img{height:55px;border:none;}
#menu{position:absolute;top:35px;right:0;padding:0;margin:0;list-style:none;font-size:75%;color:#fff;z-index:999;}
#menu li{float:left;padding:20px;position:relative;}
#menu li a{text-decoration:none;color:#fff;font-weight:bold;}
#menu li a:hover{color:Orange;}
#menu li ul{position:absolute;top:50px;left:15px;display:none;list-style:none;padding:0;margin:0;background:#222222;}
#menu li ul li{padding:5px;border-bottom:dotted 1px #fff;width:200px;}
#menu li ul li a{display:block;}
#menu li:hover ul{display:block;}
.sp_link{left:-40px !important;width:140px !important}
.sp_link li{width:90% !important;text-align:right;}

/*--------------------------------------------- CONTENT ----------------------------------------------------*/
#content{width:100%;float:left;clear:both;height:100%;padding-bottom:30px;position:relative;padding-top:85px;}

#content #sub_content{width:960px;margin:0 auto;}
#sub_content #con_headder{width:100%;float:left;clear:both;border-bottom:dotted 1px #cfcfcf;}
#con_headder h1{padding:0;margin:0;color:#222222;float:left;padding-top:10px;margin:15px;font-size:130%; }
#con_headder h1 a{text-decoration:none;color:#222222;}
#con_headder h1 a:hover{color:Orange;}
#con_headder .box_cat{float:right;margin-top:30px;margin-right:15px;border:solid 1px #c6c6c6;-webkit-border-radius: 5px;position:relative;
-moz-border-radius: 5px;
border-radius: 5px;width:200px;height:30px;color:#c6c6c6;text-align:center;font-size:70%;line-height:30px;}


/*.con_projects{width:755px;padding:0;margin:0;list-style:none;margin:0 auto;margin-top:25px;position:relative;}*/
.con_projects{width:1000px;padding:0;margin:0;list-style:none;margin:0 auto;margin-top:25px;position:relative;}
/*.con_projects li{width:210px;float:left;height:210px;margin:15px;margin-bottom:0;}*/
.con_projects li{width:300px;float:left;height:273px;margin:15px;margin-bottom:0;}
/*.con_projects li img{width:220px;height:200px;border:none;}*/
.con_projects li img{width:300px;height:273px;border:none;}

.box_cat ul{display:none;padding:0;margin:0;list-style:none;background:#fff;-webkit-border-bottom-right-radius: 5px;width:200px;position:absolute;top:29px;left:-1px;z-index:999;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;border:solid 1px #cfcfcf;border-top:none;}
.box_cat ul li{padding:3px;border-bottom:dotted 1px #cecece;color:Gray;}
.box_cat ul li:hover{background:#c6c6c6;cursor:pointer;}
.box_cat:hover ul{display:block;}
.box_cat a{text-decoration:none;color:Gray;}

#news{width:100%;padding:0;margin:0;list-style:none;font-size:90%;}
#news li{width:100%;margin:5px;border-bottom:dotted 1px #c4c4c4;height:220px}
#news li img{width:200px;float:left;}
#news li h3{float:left;padding:0;margin:0;}
#news li p{float:left;color:#565656;}

/*--------------------------------------------- FOOTER ----------------------------------------------------*/
#footer{width:100%;float:left;clear:both;background:#222222;height:30px;color:#fff;position:fixed;bottom:0;}

#footer #sub_footer{width:960px;margin:0 auto;}
        
#footer h6{float:right;line-height:30px;padding:0;margin:0;padding-right:20px;font-size:55%;width:300px;position:relative;}
#footer h6 a{float:right;}
#footer h6 img{float:right;width:28px;right:165px;padding-right:5px;}
#footer #social{float:left;list-style:none;padding:0;margin:0;padding-left:10px;padding-top:5px;}
#footer #social li{float:left;width:24px;padding-left:5px;height:24px;}
#footer #social li img{border:none;width:20px;}



.inote{background:url('../images/inote.png') top left no-repeat;font-size:70% !important;font-style:italic;padding-left:60px;min-height:50px;line-height:200%;}
#detme p{font-size:85%;line-height:200%;}