@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background:#fff; color:#40565e; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
h1{font:24px}
h2{font:18px}
h3{font:16px}
h4{font:14px; margin:0; padding:0;}
h1,h2,h3{ margin:0 0 10px 0 ; padding:0;}

a{ text-decoration:none;}
a:hover{ text-decoration:none;}

.clr{ clear:both;}
.container{ width:868px; margin:0 auto; padding:0;}
.head{ height:130px; background:url(../images/head.jpg) no-repeat top center;}
.menu{ float: right; width:530px; padding:70px 0 0 0 ; }
.menu ul{ padding:0; margin:0;}
.menu ul li{ list-style: none; display:inline; padding:0; position:relative; float:left; font-size:17px;}
.menu ul li a{color:#40565e; text-decoration:none;}
.menu ul li a:hover{ color:#ff6600; }

.conten{ padding:0 11px;}
.slider{ width:845px; height:205px;  background:#f5f5f5; margin:0 0 10px; }

.text-stiyle a{ color:#FFFFFF}

.kanan { width:550px; float:left;}
.kiri { width:270px; float:right;}
.ourproject{ font-size:16px;}
.ourproject ul{ padding:0; margin:0;}
.ourproject li{ list-style: none; display: block; padding: 5px 0 5px 0; background:url(../images/sekat.jpg) no-repeat left bottom;}
.ourproject li span{ }
.ourproject li img{ border:none; margin:0 10px 0 0;}
.ourproject li a{color:#40565e; text-decoration:none;}
.ourproject li a:hover{ color:#ff6600; }
.footer{ font-size:10px; text-align:center; margin:10px 0 0 0; padding:5px 0 20px 0; border-top:#98907d solid 5px;}
.form{}
.listtesti{background:url(../images/sekat-tsti.jpg) left bottom no-repeat; padding:0 0 10px 0; margin:0 0 10px 0; }
.listtesti span{ font-size:10px; }

.input{font-size:12px; width:200px; background-color:#FFF; border:1px #069 solid; margin:3px; padding:2px;}
.textarea{font-size:12px; width:300px; background-color:#FFF; border:1px #069 solid; margin:3px; padding:2px;}

.textalert{color:#F00; font-weight:bold; display:none;}

.ListProject{width:222px; float:left; margin:10px 25px; _margin:10px 20px; text-align:center;}
.ListProject img{ padding:10px; border:#666 outset 1px; }
.ListProject img:hover{ padding:10px; border:#666 inset 1px; }
.ListProject .titleproject{padding:5px;}
.ListProject .titleproject a{ color:#40565e; text-decoration:none;}
.ListProject .titleproject a:hover{ color:#666; text-decoration:none;}

.paging span{color:#000; text-decoration:underline; font-weight:bold; }
.paging a{color:#003; text-decoration:none;}
.paging a:hover{color:#999;}

.ImagesDetailProject{width:260px; float:left; margin:0 5px 0 0; _margin:0 5px 0 0; text-align:center;}
.ImagesDetailProject img{ padding:10px; border:#666 outset 1px; }
.TextDetailProject{width:270px;  float:left;}

.pagetitle{position:relative; font-size:30px;}

.projecttitle{position:relative; font-size:30px;}


.ImagesIncontent{margin:20px 0 10px 0;  text-align:center;}
.ImagesIncontent img{padding:5px; border:1px outset #333;  margin:7px;}

.alt{visibility:hidden;}

embed{position:absolute; left: 0px; top: 0px; }
object{position:absolute; left: 0px; top: 0px;   }