html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:none;}
ol, ul {list-style:none;}
h1, h2, h3, h4, h5, h6, li {line-height:100%;}
blockquote, q {quotes:none;}
q:before,q:after {content: '';}
table {border-collapse:collapse; border-spacing:0;}
.f-left{ float:left !important; width:38px !important;}
.f-right{ float:right !important; width:38px !important; padding-top:121px;}
input,textarea,select{ font:13px Arial, Helvetica, sans-serif; color:#333; vertical-align:middle; padding:0; margin:0;}

body{ background:#fff; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif;}
.main_cont{ float:left; width:100%;}
.main_holder{ margin:auto; width:1000px;}
.top_cont{ float:left; width:100%; background:#ffff99;}
.menu_top{ float:right; padding:5px 0px; font-size:14px;}
.menu_top li{ float:left; border-right:solid 1px #333333; padding:0px 10px;}
.menu_top a{ color:#333333; text-decoration:none;}
.menu_top li:last-child{ border-right:none;}
.logo{ float:left; padding:5px 10px;}
.header_right{ float:right; padding:20px 10px; width:219px;}
.number{ float:left; font-size:24px; color:#002c00; font-weight:bold;}
.icon{ float:right; padding:10px 0px 0px 0px;}
.icon li{ float:left; padding:0px 5px;}
.menu_cont{ background:#006600; float:left; width:100%;}
.menu{ float:left; width:100%;}
.menu li{ float:left; border-right:solid 1px #002c00; padding:0px 20px; line-height:30px; font-size:16px;}
.menu li a{ text-decoration:none; color:#fff;}
.menu li:last-child{ border-right:none;}
.box_cont{ background:#fff url(../images/box_bg.png) repeat-x; margin-top:20px; float:left; width:100%; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; -khtml-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;}
.box_part{ padding:2% 1%; width:98%; float:left;}
.box_part2{ padding:0px 3%; width:94%; float:left;}
.programs_box{ float:left; width:100%; padding-bottom:43px;}
.logo_programes{ float:left;}
.programs{ float:right; }
.programs li{ float:left;}
.left_box{ float:left; width:474px; padding-bottom:20px;}
.right_box{ float:right; width:485px; padding-bottom:20px;}
.image_box{ float:left; width:100%;}
.image_box img{ max-width:100%;}
.heading,.heading2{ float:left; width:100%;font-family: "DINComp-CondBold"; font-size:36px; color:#006600; padding:10px 0px 0px 0px;}
.text{ font-size:14px; color:#717171; line-height:20px; width:100%; clear:both;}
.buttom_view{ background:url(../images/buttom_bg.png) repeat-x; padding:0px 10px; line-height:32px; float:left;-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-top:10px; text-decoration:none; color:#fff;}
.language{ float:left; padding-top:10px; width:100%;}
.language li{ float:left; font-size:14px; border-right:solid 1px #006600; padding:0px 10px; margin:0px 0px 10px 0px;}
.language li a{ color:#006600; text-decoration:none; }
.language li:last-child{ border-right:none;}
.heading2{ color:#673000; font-size:30px; line-height:48px;}
.box_bottom{ float:left; width:100%;}
.list{ float:left; width:100%; padding:15px 0px 0px 0px; color:#673000; font-size:14px; font-weight:bold;}
.list li{ background:url(../images/ero.png) left center no-repeat; padding-left:15px; margin:10px 0px;}
.footer_cont{ float:left; width:100%; background:#3a4139; padding:27px 0px; margin-top:20px;}
.footer_menu{ float:left; width:230px; padding-left:10px;}
.footer_menu li{ font-size:14px; padding:5px 0px;}
.footer_menu li a{ color:#fff; text-decoration:none;}
.footer_right{ float:right; width:230px;}
.footer_right .number{ color:#fff;}
.copy{ float:left; width:100%; text-align:center; padding:10px 0px; font-size:12px; color:#333333;}

.teem_pic{ float:left; padding:10px; width:9%;}
.teem_detail{ float:right; width:87%;}
.heading_teem{ float:left; width:100%; font-size:20px; color:#1e6836; text-transform:uppercase;}
.gallery{ width:100%; }
.gallery li{ float:left; margin:10px 0px;}
@media screen and (max-width: 768px) {

.main_holder{ width:100%;}
.left_box{width:100%;}
.image_box img{ width:100%;}
.right_box{ width:100%;	}
.menu li{ border-right:none; width:95%;}
.logo{ width:100%; text-align:center;}
.header_right{ width:95%;}
}
@media screen and (max-width: 474px) {
.logo_programes img{ width:100%;}
.logo img{ width:100%;}
}