/* 	CSS Development by
	Crealive */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700&subset=latin,latin-ext);
	
*{ margin:0; padding:0; list-style:none; outline:none; border:none; font-weight:normal;}
body{ font-size:12px; font-family: 'Open Sans', sans-serif; color:#303030;}

.wrapper{ width:1100px; margin:0 auto;}
.container{ width:100%; float:left;}
@media screen and (max-width : 1100px) {  
  .wrapper{ width:980px; margin:0 auto;}
}

a{ text-decoration:none; color:#303030;}
a:hover{text-decoration:underline;}

input[type="text"]{ width:190px; height:24px; line-height:24px; border:1px inset #eee; margin:0 4px 4px 0; padding:0 6px;}
select{ height:24px; line-height:24px; border:1px inset #eee; margin:0 4px 4px 0; padding:0 6px;}
textarea{ width:230px; height:110px; line-height:20px; border:1px inset #eee; margin:0 4px 4px 0; padding:6px;}
input[type="submit"]{ float:left; height:30px; line-height:30px; padding:0 10px; font-size:15px; font-weight:600; color:#fff; background:#f1310b;}

p{ width:100%; float:left; margin:0 0 10px 0;}
strong{ font-weight:700;}

.clearfix{ width:100%; float:left;}

header{ width:100%; height:80px; float:left;}
header h1{ float:left; margin:0;}
header ul.social_media{ float:right; margin:16px 0 0 0;}
header ul.social_media li{ width:20px; height:19px; float:left; margin:0 0 0 4px;}
header ul.social_media li a{ width:20px; height:19px; float:left; text-indent:-99999px;}
header ul.social_media li.facebook{ width:20px; height:19px; float:left; background:url(images/social_icons.jpg) left no-repeat;}
header ul.social_media li.twitter{ width:20px; height:19px; float:left; background:url(images/social_icons.jpg) right no-repeat;}

header ul.select_language{ height:19px; float:right; line-height:19px; margin:16px 20px 16px 0;}
header ul.select_language li{ float:left; margin:0 0 0 8px;}
header ul.select_language li a{ float:left; color:#a1a1a1;}
header ul.select_language li.active a{ color:#303030;}

header nav{ width:644px; height:41px; line-height:41px; float:right; margin:0 0 -13px 0; background:#000; position:relative; z-index:2;}
header nav ul{ float:left; margin:0 0 0 28px;}
header nav ul li{ float:left; margin:0 24px 0 0 ;}
header nav ul li:last-child{ margin-right:0;}
header nav ul li a{ float:left; color:#fff; font-size:15px;}
header nav ul li a:hover{ text-decoration:none;}

.banner_container{ width:100%; float:left; background:url(images/banner_bg.jpg) repeat-x;}
.bannercontainer {width: 1100px;height:388px;margin:34px auto;position: relative;z-index:9;padding:0 0 30px 0;}
.banner {height: 388px; position: relative;}

.int_banner_container{ width:100%; height:200px; float:left; background:url(images/banner_bg.jpg) repeat-x;}

.home_sections_container{ width:100%; float:left; margin:20px 0 0 0;}
.home_sections_container dl:last-child{ margin-right:0;}
dl.home_sections{ width:267px; float:left; margin:0 10px 0 0;}
dl.home_sections dt.image{ width:100%; height:162px; float:left; margin:0 0 10px 0; overflow:hidden; position:relative;}
dl.home_sections dt.image .img{ width:100%; min-height:200px; float:left;}
dl.home_sections dt{ width:100%; float:left; margin:0 0 6px 0; font-size:15px; font-weight:600;}
dl.home_sections dd{ width:100%; float:left; margin:0; font-size:13px; font-weight:300;}
dl.home_sections dd .logo{ height:25px; float:left; margin:6px 0;}
dl.home_sections dd a{ float:left; margin:10px 0 0 0; padding:0 14px 0 0; background:url(images/orange_arrow.jpg) right no-repeat; color:#f1300b; font-weight:400; line-height:21px;}

.gray_container{ width:100%; float:left; margin:20px 0 0 0; padding:20px 0; background:#fafafa; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea;}

.content_box{ float:left; padding:8px;}
.content_box_full{ width:1084px; float:left; padding:8px;}

.left_side{ width:290px; float:left; margin:0 20px 0 0; background:#e7e7e7;}
.left_side h2{ width:100%; line-height:52px; float:left; margin:0 0 10px 0; background:#a1a1a1; color:#fff; font-size:20px; position:relative; text-indent:26px;}
.left_side h2:after{ content:''; width:4px; height:30px; float:left; background:#fff; position:absolute; left:10px; top:11px;}

.left_side ul { width: 100%; float:left; margin:10px 0 !important; }
.left_side ul li{ width:100%; float:left; line-height:22px; text-indent:17px; background:url(images/gray_bullet.png)  6px 9px no-repeat;}
.left_side ul li a{ float:left; color:#000; font-size:13px;}
.left_side ul li a:hover{ text-decoration:none;}
.left_side ul li ul { display: none; margin:6px 0 12px 0 !important;}
.left_side ul li ul li{ width:100%; float:left; background:url(images/gray_arrow.png)  18px 6px no-repeat; text-indent:30px;}
.left_side ul li ul li .active{ float:left; font-weight:600; color:#000;}
.left_side ul li ul li a{ float:left; color:#6c6c6c; font-size:12px;}

.left_side ul.content_menu{ width:100%; float:left;}
.left_side ul.content_menu li{ width:100%; float:left; background-position:6px 12px;}
.left_side ul.content_menu li a{ float:left; font-size:16px; line-height:30px; font-weight:300;}
.left_side ul.content_menu li a:hover{ color:#f1310b;}

.right_side{ width:774px; float:left; margin:0;}
.right_side h2{ width:100%; float:left; margin:0 0 30px 0; padding:0 0 10px; border-bottom:1px dotted #ccc; font-weight:300; font-size:28px; position:relative;}
.right_side h2:after{ content:''; width:140px; height:2px; float:left; background:#000; position:absolute; left:0; bottom:-2px;}
.right_side a{ color:#a1a1a1;}

.right_side ul.thumbs_list{ width:100%; float:left; margin:0 0 20px 0;}
.right_side ul.thumbs_list li{ width:100px; height:100px; float:left; margin:0 8px 8px 0; overflow:hidden; box-shadow:0 0 10px #eee; border:2px solid #fff; background:url(images/zoom_icon.png) center no-repeat #146BEE; }
.right_side ul.thumbs_list li img{ width:100%; min-height:100px; float:left; opacity:1;}
.right_side ul.thumbs_list li:last-child{ margin-right:0;}
.right_side ul.thumbs_list li:hover img{ opacity:0.2;}

.right_side ul.product_properties{ width:100%; float:left; margin:0 0 20px 0;}
.right_side ul.product_properties li{ width:100%; float:left; margin:0; line-height:25px; font-size:13px; text-indent:10px; background:url(images/gray_bullet.png) 0 10px no-repeat;}
.right_side ul.product_properties li.title{ width:100%; float:left; font-size:16px; font-weight:600; text-indent:0; background:none; margin:0 0 10px 0;}

.about_us_content{ width:100%; float:left; margin:0;}
.about_us_content .content_image{ width:100%; float:left;}
.about_us_content h3{ width:100%; float:left; margin:20px 0; font-size:22px; font-weight:600;}
.about_us_content p{ font-size:16px; font-weight:300;}

.main_title{ width:100%; float:left; margin:1px 0 20px 0; padding:0 0 10px 0; border-bottom:1px dotted #ccc; font-size:28px; font-weight:300; position:relative;}
.main_title:after{ content:''; width:140px; height:2px; float:left; background:#000; position:absolute; left:0; bottom:-2px;}

.about_us_content dl.sertificates{ width:42%; min-height:44px; float:left; margin:0 0 12px 0; padding:0 0 0 36px; background:url(images/icon_sertificate.png) left no-repeat;}
.about_us_content dl.sertificates dt{ width:100%; float:left; font-size:15px; font-weight:600;}
.about_us_content dl.sertificates dd{ width:100%; float:left; font-size:15px; font-weight:300;}
.about_us_content dl.sertificates dd a{ color:#303030; float:left; font-weight:300;}

.about_us_content dl.fairs{ width:100%; float:left; margin:0 0 20px 0;}
.about_us_content dl.fairs dt{ width:100%; min-height:24px; float:left; margin:0 0 5px 0; font-size:15px; font-weight:600;}
.about_us_content dl.fairs dd{ float:left; margin-right:18px; }
.about_us_content dl.fairs dd:last-child{ margin-right:0;}
.about_us_content dl.fairs dd a img{ width:100%; float:left;}
.about_us_content dl.fairs dd a{ width:200px; height:133px; float:left; overflow:hidden; font-weight:300;}

dl.references{ width:542px; float:left; margin:0 0 30px 0;}
dl.references dt.image{ width:180px; height:135px; float:left; margin:0 16px 0 0; overflow:hidden;}
dl.references dt.image img{ float:left;  width:100%;}
dl.references dt{ width:300px; float:left; margin:0 0 8px 0; font-size:16px; color:#f1310b; font-weight:600;}
dl.references dd{ width:300px; float:left; margin:0 0 10px 0; font-size:11px;}
dl.references dd span{ width:100%; float:left; margin:0; font-weight:600; font-size:13px;}

dl.contact_address{ width:28%; float:left; margin:0 3% 0 0;}
dl.contact_address dt{ width:100%; float:left; margin:0 0 6px 0; padding:8px 0; font-size:17px; font-weight:600; border-bottom:1px dotted #ccc;}
dl.contact_address dd{ width:100%; float:left; margin:0 0 8px 0; font-size:14px; font-weight:300;}
dl.contact_address dd a{ color:#f1310b; text-decoration:underline;}
dl.contact_address dd span{ width:100%; float:left; margin:0;}

.map{ width:38%; float:left; margin:0;}
#contact_form{ width:620px; float:left; margin:0;}
#contact_form input[type="text"]{ width:290px;}
#contact_form textarea{ width:598px;}

ul.brands_logos{ width:100%; margin:0; display:table;}
ul.brands_logos li{ width:30%; min-height:100px; margin:20px 0 20px 2%; float:left; display:table-cell; vertical-align:middle;}

.home_news{ width:25%; float:left; margin:0 2% 0 0;}
.home_news h1{ width:100%; float:left; margin:0; font-size:22px; font-weight:400; margin:0 0 10px 0;}
.home_news dl{ width:100%; float:left; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #c7c7c7;}
.home_news dl dt{ width:100%; float:left; margin:0; color:#f1300b; font-size:13px; font-weight:600;}
.home_news dl dd{ width:100%; float:left; margin:2px 0 8px 0; font-size:13px; font-weight:300;}
.home_news dl dd.date{ color:#9f9f9f; font-family:Georgia; font-style:italic; margin:0;}
.home_news a{ color:#323232; float:left; font-weight:600; text-decoration:underline;}

.home_fairs{ width:28%; float:left; margin:0 2% 0 0;}
.home_fairs h1{ width:100%; float:left; margin:0; font-size:22px; font-weight:400; margin:0 0 10px 0;}
.home_fairs .fair_box{ width:100%; float:left; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #c7c7c7;}
.home_fairs .fair_box:last-child{ border-bottom:none;}
.home_fairs .fair_box .image{ width:27%; float:left; margin:0 3% 0 0;}
.home_fairs .fair_box .image img{ width:100%; min-height:81px; float:left; overflow:hidden;}
.home_fairs .fair_box dl{ width:70%; float:left; margin:0; padding:0;}
.home_fairs .fair_box dl dt{ width:100%; float:left; margin:0; font-size:13px; font-weight:600;}
.home_fairs .fair_box dl dd{ width:100%; float:left; margin:2px 0 4px 0; font-size:13px; font-weight:300;}
.home_fairs .fair_box dl dd a{ color:#f1300b; margin:0;}


.home_product_categories{ width:43%; float:left; margin:0;}
.home_product_categories h1{ width:100%; float:left; margin:0; font-size:22px; font-weight:400; margin:0 0 10px 0;}
.home_product_categories .tab_menu{ float:left; margin:0;}
.home_product_categories .tab_menu li{ float:left; margin:0; background:#dedede; border:1px solid #dedede; margin:0 1px 0 0; padding:4px 10px; position:relative; z-index:2;}
.home_product_categories .tab_menu li a{ float:left; color:#797979;}
.home_product_categories .tab_menu li a:hover{text-decoration:none;}
.home_product_categories .tab_menu li.active{ background:#fff; border:1px solid #dedede; border-bottom:1px solid #fff;}
.home_product_categories .tab_content{ width:96%; float:left; background:#fff; border:1px solid #dedede; margin-top:-1px; padding:20px 2% 12px 2%;}
.home_product_categories .tab_content img{ width:170px; min-height:110px; float:right; margin:0 0 0 10px; overflow:hidden; border:5px solid #eee;}
.home_product_categories .tab_content li{line-height:22px; background:url(images/gray_arrow.jpg) left no-repeat; text-indent:12px;}
.home_product_categories .tab_content li a{ color:#303030;}

.home_latest_projects{ width:100%; float:left; padding:30px 0; background:#ececec; margin-top:-1px; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2;}
.home_latest_projects dl{ width:27%; float:left; margin:0 3% 0 0;}
.home_latest_projects dl dt{ width:100%; float:left; margin:0 0 14px 0; font-size:22px; font-weight:400;}
.home_latest_projects dl dd{ width:100%; float:left; margin:0 0 14px 0; font-size:13px; font-weight:300;}
.home_latest_projects dl dd a{ float:left; margin:10px 0 0 0; color:#f1300b; text-decoration:underline;}
.home_latest_projects ul{ width:70%; float:left; margin:0;}
.home_latest_projects ul li{ width:32%; float:right; margin:0 0 0 1%;}
.home_latest_projects ul li img{ width:100%; height:120px; float:left; overflow:hidden;}
.home_latest_projects ul li:last-child{margin:0;}
.home_latest_projects ul li h3{ width:100%; float:left; text-align:center; font-size:16px; margin:7px 0;}

.our_partners { width:100%; float:left; margin:0; padding:20px 0; background:#eff1f2;}
.our_partners h2{ float:left; padding:0 30px 2px 0; background:url(images/right_arrow.png) right no-repeat; font-size:15px; font-weight:600;}
.our_partners .partner_logo{ float:right;}

.newsletter{ width:100%; float:left; margin:0; padding:16px 0; background:#595d61;}
.newsletter h2{ line-height:36px; float:left; font-size:18px; font-weight:600; color:#fff;}
.newsletter input[type="text"]{ width:318px; height:36px; line-height:36px; float:right; margin:0; text-indent:10px; border-radius:5px  0 0 5px; border:none; padding:0;}
.newsletter input[type="submit"]{ width:42px; height:36px; line-height:36px; padding:0; float:right; text-align:center; font-size:18px; font-weight:600; color:#fff; background:#f1310b; border-radius:0 5px 5px 0; cursor:pointer;}

.zetyapi_bottom{ width:100%; float:left; margin:0; padding:17px 0; background:#949ba1; border-top:1px solid #a3a9ae;}
.zetyapi_bottom .about_zetyapi{ width:44%; float:left; margin:0 4% 0 0;}
.zetyapi_bottom .zet_cadir{ width:52%; float:left; margin:0;}
.zetyapi_bottom h2{ width:100%; float:left; font-size:22px; color:#fff; font-weight:400; margin:0 0 10px 0;}
.zetyapi_bottom p{ font-size:14px; color:#fff; margin:0 0 10px 0; font-weight:300;}
.zetyapi_bottom a{ float:left; font-size:14px; color:#fff; margin:0; font-weight:600;}
.zetyapi_bottom img{ width:50%; float:left; margin:0 2% 0 0;}
.zetyapi_bottom .div{ width:48%; float:left;}

footer { width:100%; float:left; margin:0 0 20px 0;}
footer .footer_logos{ float:left; margin:0;}
footer .footer_logos li{ float:left; margin:0 20px 0 0;}
footer .footer_logos li img{ float:left; height:50px;}
footer .footer_logos li:last-child{ margin-right:0;}
footer  ul{ float:left; margin:12px 0 0 0;}
footer  ul li{ float:left; margin:0 20px 0 0;}
footer  ul li a{ float:left; font-size:14px; color:#707070;}
footer .copyright{ width:auto; float:left; color:#707070;}
footer .crealive{ float:right; margin:0;}

@media screen and (max-width : 1100px) {  
.bannercontainer { width:980px;}
dl.home_sections{ width:240px; float:left; margin:0 6px 0 0;}
.home_product_categories .tab_content img{ width:155px; float:right; margin:0 0 0 10px;}
.newsletter input[type="text"]{ width:290px; height:36px; line-height:36px; float:right; margin:0; text-indent:10px; border-radius:5px  0 0 5px;}
.newsletter h2{ line-height:36px; float:left; font-size:16px; font-weight:600; color:#fff;}
.right_side{ width:654px; float:left; margin:0;}
dl.references{ width:482px; min-height:150px; float:left; margin:0 0 30px 0;}
dl.references dt{ width:280px; float:left; margin:0 0 8px 0; font-size:16px; color:#f1310b; font-weight:600;}
dl.references dd{ width:280px; float:left; margin:0 0 10px 0; font-size:11px;}
.our_partners .partner_logo{ width:770px; float:right;}
} 

