@charset "utf-8";
/* CSS Document */


/*
* DizaynNet
* www.dizaynnet.com
* 2014
* Fatih Meydan
* www.fatihmeydan.com.tr
*/

@font-face {
    font-family: 'Conv_Sansation_Regular';
    src: url('../fonts/Sansation_Regular.eot');
    src: url('../fonts/Sansation_Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Sansation_Regular.woff') format('woff'),
         url('../fonts/Sansation_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Conv_Sansation_Bold';
    src: url('../fonts/Sansation_Bold.eot');
    src: url('../fonts/Sansation_Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Sansation_Bold.woff') format('woff'),
         url('../fonts/Sansation_Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body{background:#f5f5f5;}
.clear { clear:both;}
*{ outline:none; }
.clearfix {
		zoom: 1;
	}

/* elements */	
.radius5{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; 	-o-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px;}
.shadow {-moz-text-shadow: 2px 1px 0px #FFF; -webkit-text-shadow: 2px 1px 0px #FFF; text-shadow: 2px 1px 0px #FFF;}
.shadowBlack {-moz-text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000;}
.text-shadow {-moz-text-shadow: 3px 0 3px #303030; -webkit-text-shadow: 3px 0 3px #303030; text-shadow: 3px 0 3px #303030;}
.box-shadowList {-moz-box-shadow: 0px 0px 2px 2px #cecece; -webkit-box-shadow: 0px 0px 2px 2px #cecece; box-shadow: 0px 0px 2px 2px #cecece;}

/* header */
header.header{ width: 100%; float: left; background:url(../images/header-bg.png); height: 467px;}
header.header .topHeader{ width: 100%; float: left; height: 100px; background:url(../images/top-bg.png) bottom no-repeat; }
header.header .topHeader .thWrapper{ width: 950px; height: 100px; margin: 0px auto;}
header.header .topHeader .thWrapper .logo{ width: 249px; height: 31px; float: left; margin: 35px 0 0 0;}
header.header .topHeader .thWrapper .thTopRight{float: right; margin: 4px 0 0 0;}
header.header .topHeader .thWrapper .thTopRight .infoPhone{float: left; font-size: 14px; color: #d80014; letter-spacing: 1px;}
header.header .topHeader .thWrapper .thTopRight .infoPhone span{ font-size: 12px; color: #FFF; letter-spacing: 1px;}
header.header .topHeader .thWrapper .thTopRight .tpLine{ width: 1px; height: 36px; float: left; margin: -3px 5px 0 10px; background:url(../images/tp-line.png);}
header.header .topHeader .thWrapper .thTopRight .login{float: left; font-size: 12px; color: #FFF;  padding: 0 0 0 20px; height: 20px; line-height: 20px; margin: 5px 0 0 10px;}
header.header .topHeader .thWrapper .thTopRight .login:hover{color: #d80014;}

/* menu */
.menu{ float:right; margin: 10px 0 0 0;}
.menu ul{ list-style: none; display: block;}
.menu ul li{ float: left; padding: 50px 0 25px 0; margin: 0 15px 0 15px; position: relative;}
.menu ul li a{ float: left; font-size: 14px; color: #FFF;}
.menu ul li a:hover{color: #45c6e9;}
.menu ul .activem,
.menu ul .active {color: #d80014;}

.open{ background:url(../images/open-bg.png) repeat; width:200px; display:none; position:absolute; z-index:999; top:48px; left:0px; margin:3px 0 0 0; float:left; padding:0 0 10px 0;}
.open a{color:#FFF !important; width:89%; font-size:13px !important; float:left; padding:10px 5px 10px 17px !important; margin:0 0 0 0 !important; text-decoration:none; text-align:left; background:none !important; border-bottom:1px solid #730006 !important;}
.open a:hover{ background: none !important; color:#dc585f !important;}


/* sliderArea */
.sliderArea{ width: 100%; float: left;}
.sliderArea .sliderWrapper{ width: 950px; margin: 4px auto 0px auto; height: 353px; background: #FFF;}


/* content */
.content{ width: 100%; float: left;}
.content .contentWrapper{ width: 950px; margin: 0px auto;}
.content .contentWrapper .proArea{ width: 100%; float: left; margin: 10px 0 0 0;}
.proArea .proBox{ width: 230px; height: 250px; float: left; border: 1px solid #c0c0c0; background:url(../images/pro-bg.png) bottom repeat-x #FFF; margin: 0 0 0 7px;}
.proArea .proBox:first-child{margin: 0 0 0 0px;}
.proArea .proBox .boxTitle{ width: 226px; height: 37px; float: left; background:url(../images/box-title.png); margin: 2px 0 0 2px;}
.proArea .proBox .boxTitle .icon{ width: 25px; height: 25px; float: left; margin: 7px 0 0 13px;}
.proArea .proBox .boxTitle .text{ float: left; margin: 11px 0 0 35px;font-size: 15px; color: #FFF;}

.proArea .proBox .boxImages{ width: 210px; height: 75px; float: left; margin: 10px 0 0 9px; border: 1px solid #c0bfbf;}

.proArea .proBox ul{ width: 210px; float: left; margin: 5px 0 0 9px;}
.proArea .proBox ul li{ width: 100%; float: left; margin: 5px 0 0 0; }
.proArea .proBox ul li a{background:url(../images/li.png) left center no-repeat; padding: 5px 0 5px 20px; font-size: 12px; color: #434242; float: left;}
.proArea .proBox ul li a:hover{color: #cc1f2a;}

.homeCorArea{ width: 630px; height: 190px; float: left; margin: 10px 0 0 0;}
.homeCorArea .boxTitle{ width: 630px; height: 37px; float: left; background:url(../images/hc-bg.png);}
.homeCorArea .boxTitle .icon{ width: 25px; height: 25px; float: left; margin: 7px 0 0 13px;}
.homeCorArea .boxTitle .text{ float: left; margin: 11px 0 0 35px;  font-size: 15px; color: #FFF;}
.homeCorArea .hcaText{ width: 100%; height: 130px; float: left; margin: 5px 0 0 0; font-size: 12px; color: #434242; line-height: 18px; margin: 10px 0 0 0;}
.homeCorArea .hcaText .imagesArea{ width: 140px; height: 100px; float: left; border: 1px solid #c0bfbf; margin: 0 10px 0 0; background: #FFF;}
.homeCorArea .hcaText .imagesArea .images{ width: 130px; height: 90px; float: left; margin: 5px 0 0 5px;}

.newsArea{ width: 310px; float: left; height: 190px; margin: 10px 0 0 7px;}
.newsArea .boxTitle{ width: 310px; height: 37px; float: left; background:url(../images/news-bg.png);}
.newsArea .boxTitle .icon{ width: 25px; height: 25px; float: left; margin: 7px 0 0 13px;}
.newsArea .boxTitle .text{ float: left; margin: 11px 0 0 35px;font-size: 15px; color: #FFF;}

.newsArea .newsBox{ width: 310px; float: left; margin: 5px 0 0 0;}

/* listCarousel */
.list_carousel {margin: 0 0 0 0; width:100%; position:relative; float: left; height: 155px;}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block; overflow: hidden; float: left;}
.list_carousel li {display:block; float:left; margin: 7px 0 7px 0; width: 100%;}
.clearfix {float:none;clear: both;}
.prev { width:18px; height:13px; background:url(../images/down.png) no-repeat; position:absolute; z-index: 11; top:-28px; right:45px; cursor: pointer;}
.next { width:18px; height:13px; background:url(../images/up.png) no-repeat; position:absolute; z-index: 11; top:-28px; right:15px; cursor: pointer;}

.newsimagesArea{border: 1px solid #c0bfbf; width: 70px; height: 60px; float: left; background: #FFF;}
.newsimagesArea .images{ width: 60px; height: 50px; float: left; margin: 5px 0 0 5px;}
.newsTitle{ width: 225px; height: 12px; overflow: hidden; float: left; margin: 0 0 0 5px; font-size: 12px; color: #0083f2; font-weight: 600;}
.newsText{ width: 225px; height: 24px; overflow: hidden; float: left; margin: 5px 0 0 10px; font-size: 12px; color: #434242;}
.date{ height: 12px; float: left; overflow: hidden; margin: 5px 0 0 10px; font-size: 10px; color: #434242; padding: 0 0 0 20px; background:url(../images/date.png) left center no-repeat; }

.newsTitle h2{ width: 225px; height: 12px; overflow: hidden; float: left; margin: 0 0 0 5px; font-size: 12px; color: #0083f2; font-weight: 600;}

/* footer */
footer.footer{ width: 100%; float: left; height: 164px; margin: 10px 0 0 0; background:url(../images/footer-bg.png) repeat-x;}
footer.footer .footerWrapper{ width: 950px; margin: 0px auto; height: 74px;}
footer.footer .footerWrapper .topFooter{ width: 100%; height: 67px; float: left;}
.topFooter .line{ width: 1px; height: 67px; float: left; margin: 0 5px 0 5px; background: #d6d6d6;}

.interline{ width: 143px; height: 47px; float: left; margin: 9px 0 0 0;
	 	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}
.interline:hover{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.firewall{ width: 100px; height: 29px; float: left; margin: 22px 0 0 20px;
	 	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}
.firewall:hover{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}


.teamarea{ width: 195px; height: 50px; float: left; margin: 10px 0 0 20px;}
.teamarea .img{ width: 48px; height: 48px; float: left; 
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}
.teamarea:hover .img{ width: 48px; height: 48px; float: left; 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.teamarea .text{float: left; font-size: 15px; color: #3d3d3d; margin: 15px 0 0 5px;}
.teamarea:hover .text{color: #1c8bf2;}

.arztkp{ background:url(../images/arza-icon.png) left center no-repeat; padding: 10px 0 10px 45px; font-size: 15px; color: #3d3d3d;  float: left; margin: 15px 10px 0 10px;}
.arztkp:hover{ color: #cc1f2a;}
.pen{ background:url(../images/pen.png) left center no-repeat; padding: 10px 0 10px 45px; font-size: 15px; color: #3d3d3d; float: left; margin: 15px 10px 0 10px;}
.pen:hover{ color: #cc1f2a;}

footer.footer .footerWrapper .bottomFooter{ width: 100%; height: 56px; float: left;}

.fbLeft{ width: 300px; float: left; margin: 10px 0 0 0; position: relative;}
.fbLeft .fbLogo{ width: 217px; height: 27px; float: left; margin: 15px 0 0 0;}
.fbLeft .fbPhone{ width: 217px; float: left; margin: 15px 0 0 0; font-size: 25px; color: #df1221; letter-spacing: 2px;}
.fbLeft .fbPhone .whitetex{font-size: 15px; color: #FFF;letter-spacing: 2px;}
.fbLeft .fbText{font-size: 11px; color: #FFF; float: left; margin: 10px 0 0 0; letter-spacing: 1px; line-height: 18px;}
.fbLeft .scicon{ width: 32px; height: 33px; float: left; margin: 5px 10px 0 0;}

.fbMiddle{ width: 300px; float: left; margin: 10px 0 0 20px;}
.fbMiddle .middleTitle{font-size: 14px; color: #b3b3b3; font-weight: bold; width: 100%; float: left; margin: 10px 0 15px 0;}
.fbMiddle .mPhone{ background: url(../images/te.png) left center no-repeat; padding: 0 0 0 30px; font-size: 12px; color: #FFF; letter-spacing: 1px; float: left; width: 100%; line-height: 15px; margin: 5px 0 5px 0;}
.fbMiddle .mMail{ background: url(../images/m.png) left center no-repeat; padding: 0 0 0 30px; font-size: 12px; color: #FFF; letter-spacing: 1px; float: left; width: 100%; line-height: 15px; margin: 5px 0 5px 0;}
.fbMiddle .mMaps{ background: url(../images/h.png) left center no-repeat; padding: 0 0 0 30px; font-size: 12px; color: #FFF; letter-spacing: 1px; float: left; width: 100%; line-height: 15px; margin: 5px 0 5px 0;}


.fbRight{ width: 300px; float:right; margin: 10px 0 0 0;}
.fbRight .rightTitle{font-size: 14px; color: #b3b3b3; font-weight: bold; width: 100%; float: left; margin: 10px 0 15px 0;}
.fbRight .rightText{width: 100%; float: left; margin: 0 0 10px 0; font-size: 12px; color: #FFF; }
.fbRight .input{background: #282828; border: 1px solid #727272; width: 280px; height: 27px; line-height: 27px; font-size: 12px; color: #9b9b9b; padding: 0 10px 0 10px; margin: 0 0 10px 0;}
.fbRight .fbtn{background:url(../images/fbtn.png) repeat-x; border: 1px solid #bb2006; height: 27px; line-height: 27px; font-size: 12px; color: #FFF; padding: 0 10px 0 10px; cursor: pointer; text-align: center; float: right;}


/* headerSub */
header.headerSub{ width: 100%; float: left; background:url(../images/header-bg.png) bottom no-repeat !important; height: 150px !important;}
.navigation{ width: 100%; float: left; margin: 5px 0 0 0;}
.navigation .navWrapper{ width: 950px; margin: 0px auto; height: 20px;}
.navigation .navWrapper a{ font-size: 11px; color: #FFF; float: left; margin: 10px 10px 0 0;}
.navigation .navWrapper a:hover{color: #bebebe;}
.navigation .navWrapper .active{color: #bebebe;}
.navigation .navWrapper span{ width: 7px; height: 6px; background:url(../images/nspan.png); float: left; margin: 13px 10px 0 5px;}

/* leftArea */
.leftArea{ width: 230px; float: left; margin: 10px 0 0 0;}
.leftArea .leftMenu{ width: 230px; float: left; border: 1px solid #c0c0c0; background: #FFF; padding: 0 0 10px 0;}
.leftArea .boxTitle{ width: 226px; height: 37px; float: left; background:url(../images/left-top.png); margin: 2px 0 0 2px;}
.leftArea .boxTitle .icon{ width: 25px; height: 25px; float: left; margin: 7px 0 0 7px;}
.leftArea .boxTitle .text{ float: left; margin: 12px 0 0 35px; font-size: 15px; color: #FFF;}
.leftArea .leftShadow{ width: 223px; height: 19px; margin: 1px 0 0 3px; float: left; background:url(../images/shadow.png);}

/* rightArea */
.rightArea{ width: 700px; float: right; margin: 10px 0 0 0; min-height: 600px;}
.rightArea .imagesBorder{ width: 700px; height: 160px; float:left; background: #FFF;  border: 1px solid #c0c0c0;}
.rightArea .imagesBorder .img{ width:690px; height: 150px; float: left; margin: 5px 0 0 5px;}


/* detailText */
.rightArea .pageTitle{ width: 100%; height: 25px; float: left; border-bottom: 1px solid #c0c0c0; font-size: 15px; color: #0168be; margin: 15px 0 0 0;}
.rightArea .detailText{ width: 100%; float: left; margin: 10px 0 0 0; font-size: 12px; color: #434242; line-height: 18px;}
.detailText .imagesArea{ width: 160px; height: 120px; float: left; border: 1px solid #c0bfbf; margin: 0 10px 0 0; background: #FFF;}
.detailText .imagesArea .images{ width: 150px; height: 110px; float: left; margin: 5px 0 0 5px;}

.orderMail{ float:right; background:url(../images/order.png) left center no-repeat; padding:0 0 0 25px; font-size: 12px; color: #434242;}

.detailSocialArea{ width: 100%; min-height: 30px; float: left; margin: 15px 0 0 0;}
.detailSocialArea .dsa{ width: 27px; min-height: 27px; float: left; margin: 0 10px 0 0;}


/* referanceArea */
.referanceArea{ width: 100%; float: left; margin: 10px 0 0 0;}
.referanceArea .refBox{ width: 140px; height: 150px; float: left; margin: 10px 0 0 28px;}
.referanceArea .refBox .imagesArea{ width: 140px; height: 100px; float: left; border: 1px solid #dbdbdb; margin: 0 10px 0 0; background: #FFF;}
.referanceArea .refBox .images{ width: 130px; height: 90px; float: left; margin: 5px 0 0 5px; background: #FFF;}
.referanceArea .refBox .refText{ width: 130px; float: left; margin: 8px 0 0 5px; text-align: center; font-size: 12px; color: #434242;}


/* download */
.downloadArea{ width: 100%; float: left; margin: 10px 0 0 0;}
.downloadArea .downBox{ width: 100%; height: 90px; float: left; margin: 10px 0 0 0;}
.downloadArea .downBox .downTitle{ width: 100%; height: 25px; background: #424244; float: left; margin: 0 0 0 0;}
.downTitle .text{ font-size: 14px; color: #d9d9d9; font-weight: 400; height: 25px; line-height: 25px; margin: 0 0 0 10px; float: left;}
.downTitle .downRT{ float: right; background: url(../images/dt-bg.png) 10px center no-repeat #cc1f2a; height: 30px; margin: -5px 0 0 0; padding: 0 10px 0 35px; line-height: 30px; font-size: 12px; color: #FFF;}
.downTitle .downRT:hover{background: url(../images/dt-bg.png) 10px center no-repeat #0168be;}

.downloadArea .downBox .bottomDown{ width: 100%; float: left; margin: 10px 0 0 0;}
.downloadArea .downBox .bottomDown .icon{ width: 33px; height: 33px; float: left;}
.downloadArea .downBox .bottomDown .text{ width: 650px; float: left; margin: 0 0 0 15px; font-size: 12px; color: #434242; line-height: 18px;}


/* contactArea */
.contactArea{ width: 100%; float: left; margin: 10px 0 0 0;}
.contactArea .leftCon{ width: 690px; float: left; margin: 10px 0 10px 10px;}
.leftCon .lineCon{ width: 100%; float: left; margin: 5px 0 5px 0;}
.leftCon .lineCon .icon{ width: 15px; height: 15px; float: left;}
.leftCon .lineCon .title{ width: 70px; float: left; font-size: 12px; color: #0168be; font-weight: bold; margin: 3px 0 0 7px;}
.leftCon .lineCon .titleN{ width: 10px; float: left; font-size: 12px; color: #0168be; font-weight: bold; margin: 3px 0 0 7px;}
.leftCon .lineCon .text{float: left; font-size: 12px; color: #6d6e70; margin: 3px 0 0 5px;}

.contactArea .mapsArea{ width: 100%; height: 250px; float: left; margin: 10px 0 10px 0; border: 1px solid #dbdbdb;}
.bankArea{ width: 100%; float: left; margin: 10px 0 0 0;}
.bankArea .leftBank{ width: 320px; float: left;}
.bankArea .leftBank .lbLine{ width: 100%; float: left; margin: 10px 0px 0px 0px;}
.bankArea .leftBank .lbLine .text{ width: 80px; font-size: 12px; color: #0168be; float: left;}
.bankArea .leftBank .lbLine .text1{ width: 5px; font-size: 12px; color: #0168be; margin: 0 0 0 10px; float: left;}
.bankArea .leftBank .lbLine .text2{ width: 200px; font-size: 12px; color: #5a5b5d; margin: 0 0 0 10px; float: left;}

.bankArea .bankİmages{float: left; margin: 10px 0 0 50px; width: 210px; height: 90px;}

.conFormArea{ width: 100%; float: left; margin: 10px 0 0 0;}
.conFormArea .leftcon{ width: 300px; float: left;}
.conFormArea .righttcon{ width: 390px; float: left; margin: 0 0 0 10px;}
.conFormArea .frmText{ width: 96%; float: left; background: #FFf; border: 1px solid #dddddd; height: 25px; line-height: 25px; padding: 0 5px 0 5px; font-size: 12px; color: #636363; margin: 5px 0 5px 0;}

.conFormArea .textArea{ width: 96%; float: left; background: #FFf; border: 1px solid #dddddd; height: 173px; line-height: 18px; padding: 0 5px 0 5px; font-size: 12px; color: #636363; margin: 5px 0 5px 0; resize: none;}
.conFormArea .fbtn{background:url(../images/fbtn.png) repeat-x; border: none; height: 27px; line-height: 27px; font-size: 12px; color: #FFF; padding: 0 10px 0 10px; cursor: pointer; text-align: center; float: right;}

/* login */
.userLogin{ width: 100%; float: left; margin: 10px 0 10px 0;}
.leftlogin{ width: 300px; float: left; margin:15px 0 0 300px;}
.leftlogin .frmText{ width: 96%; float: left; background: #FFf; border: 1px solid #dddddd; height: 25px; line-height: 25px; padding: 0 5px 0 5px; font-size: 12px; color: #636363; margin: 5px 0 5px 0;}
.leftlogin .newLogin{ float: left; font-size: 12px; color: #0168be; text-decoration: underline; margin: 10px 15px 0 0; font-style: italic;}
.leftlogin .fbtn{background:url(../images/fbtn.png) repeat-x; border: none; height: 27px; line-height: 27px; font-size: 12px; color: #FFF; padding: 0 10px 0 10px; cursor: pointer; text-align: center; float: right;}
.userLogin .rightText{ width: 350px; float: left; margin: 7px 0 0 20px; font-size: 12px; color: #636363; line-height: 18px;}
.leftlogin .selectArea{ width: 100%; float: left; background: #FFf; border: 1px solid #dddddd; height: 25px; line-height: 25px; padding: 0 5px 0 5px; font-size: 12px; color: #636363; margin: 5px 0 5px 0;}
.leftlogin .selectSmall{ width: 90px; float: left; margin: 0 10px 0 0;}
.leftlogin .selectText{ font-size: 12px; color: #636363; line-height: 18px; float: left; margin: 5px 0 0 5px;}

/* serviceT */
.serviceT{ width: 100%; float: left; margin: 10px 0 10px 0;}
.serviceTLeft{ width: 340px; float: left;}
.serviceTRight{ width: 340px; float: left; margin: 0 0 0 20px;}
.serviceT .frmText{ width: 96%; float: left; background: #FFf; border: 1px solid #dddddd; height: 25px; line-height: 25px; padding: 0 5px 0 5px; font-size: 12px; color: #636363; margin: 5px 0 5px 0;}

.serviceT .mfrmText{ width: 96%;  background: #FFf; border: 1px solid #dddddd; height: 25px; line-height: 25px; padding: 0 5px 0 5px; font-size: 12px; color: #636363; margin: 5px 0 5px 0;}

.serviceT .textArea{ width: 326px; float: left; background: #FFf; border: 1px solid #dddddd; height: 103px; line-height: 18px; padding: 0 5px 0 5px; font-size: 12px; color: #636363; margin: 5px 0 5px 0; resize: none;}
.serviceT .fbtn{background:url(../images/fbtn.png) repeat-x; border: none; height: 27px; line-height: 27px; font-size: 12px; color: #FFF; padding: 0 10px 0 10px; cursor: pointer; text-align: center; float: right;}


/**** fotoGallery ****/
.galleryArea{ float:left; width:100%; margin: 10px 0 0 0;}
.galleryArea .imagesAreaGal{ width:150px; height:112px; float:left; border: 1px solid #e9e9e9; background:#FFF; margin:15px 0 0 13px;}
.galleryArea .imagesAreaGal .imagesGal{ width:140px; height:102px; float:left; margin:5px 0 0 5px;}

/**** videoGallery ****/
.videoArea{ float:left; width:100%; margin: 10px 0 0 0;}
.videoArea .imagesAreaVid{ width:150px; height:112px; float:left; border: 1px solid #e9e9e9; background:#FFF; margin:15px 0 0 13px; position:relative;}
.videoArea .imagesAreaVid .imagesVid{ width:140px; height:102px; float:left; position:absolute; z-index:1; top:5px; left:5px;}
.imagesAreaVid .player{ position:absolute; z-index:2; top:36%; left:40%; background:url(../images/player.png); width:26px; height:26px;}

/**** dowland ****/
.download{ width: 100%; float: left; margin: 10px 0 10px 0;}
.download .downArea{ width: 100%; float: left; margin: 10px 0 0 0;}
.downArea .icon{ width: 31px; height: 31px; float: left; margin: 0 10px 0 10px; display: block;}
.downArea .text{float: left; margin: 8px 0 0 5px; font-size: 12px; color: #959595; display: block;}


/*	listAreaTwo  */
.liNewsTwo{ width: 100%; height: 90px; float: left; display: block; border-bottom: 1px solid #e9e9e9; margin: 10px 0 0 0;}
.liNewsTwo .imagesBorder{ width: 120px; height: 80px; float: left; background: #FFF; border: 1px solid #e9e9e9;}
.liNewsTwo .imagesBorder .images{ width: 110px; height: 70px; float: left; margin: 5px 0 0 5px;}
.liNewsTwo .newsTitle{ width: 550px; height: 20px; line-height: 20px; float: left; margin: 0px 0 0 10px; font-size: 12px; color: #6b6b6b; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.liNewsTwo .newsText{ width: 550px; height: 40px; line-height: 14px; float: left; margin: 0px 0 0 10px; font-size: 11px; color: #999999; overflow: hidden;}
.liNewsTwo .dateClock{ float: left; margin: 5px 0 0 10px; background:url(../images/date-clock.png) left center no-repeat; font-size: 10px; color: #f77621; padding: 0 0 0 20px;}