body { margin: 0px; font-family: arial; font-size: 14px; color: #333333; background: #dddddd; }

body.rtl { direction: rtl; }

p { margin: 0px 0px 0px 0px; }





.layout-header-wrapper { background: #333333; }

.layout-header { max-width: 1180px; margin: 0px auto; }

.layout-header .logo { padding: 10px; }

body.rtl .layout-header .logo { text-align: left; }

body.ltr .layout-header .logo { text-align: right; }







.layout-page-wrapper { background: #222222; margin-bottom: 20px; }

.layout-page { max-width: 1180px; margin: 0px auto; }



.layout-category-wrapper {   }

.layout-category { margin: 0px auto; }

body.home .layout-category-wrapper { margin-bottom: 20px; }



.layout-page .breadcrumb  { font-size: 0px; }

.layout-page .breadcrumb  a { padding: 5px 10px 5px 10px; display: inline-block; font-size: 16px; color: white; text-decoration: none; }

.layout-page .breadcrumb  h1 { padding: 5px 10px 5px 10px; margin: 0px; display: inline-block; font-size: 16px; color: white; text-decoration: none; }

.layout-page .breadcrumb  a:hover { background: #444444; }

.layout-page .breadcrumb  .sep { padding: 5px; display: inline-block; font-size: 16px; color: white; text-decoration: none; }

.layout-page .more  { display: none; }



.home-cols-wrapper { padding: 0px 20px 0px 20px; }
.home-cols { display: table; width: 100%; max-width: 1180px; margin: 0px auto; }
.home-cols .layout-col { padding: 0px 20px 20px 20px; width: 33.33%; display: table-cell; vertical-align: top; box-sizing: border-box; }
.home-cols .layout-col > .wrap { border: 2px solid #333333; height: 470px; position: relative; }
.home-cols .layout-col > .wrap > .head { position: absolute; top: 0px; right: 0px; left: 0px; height: 35px; background: #333333; color: white; padding: 10px; box-sizing: border-box; }
.home-cols .layout-col > .wrap > .body { overflow: hidden; position: absolute; top: 0px; right: 0px; left: 0px; top: 35px; bottom: 0px; background: #ffffff; padding: 10px; box-sizing: border-box; }


.layout-cols-wrapper { padding: 0px 20px 0px 20px; }

.layout-cols { display: table; width: 100%; max-width: 1180px; margin: 0px auto; }

.layout-cols .layout-col { display: table-cell; vertical-align: top; }

.layout-cols .layout-col-first { width: 225px; }

.layout-cols .layout-col-main { padding: 0px 20px 0px 20px;  }

.layout-cols .layout-col-last { width: 225px; }



@media all and (max-width: 1220px) {

	.layout-cols .layout-col-last { display: none; }

	}



@media all and (max-width: 955px) {

	.layout-cols .layout-col-first { display: none; }

	.layout-cols .layout-col-main { padding: 0px 0px 0px 0px;  }

	}

	

.layout-fotter-wrapper { background: #333333; }

.layout-fotter { max-width: 1180px; margin: 0px auto; }	



.TopMenu {   }

.TopMenu > ul { margin: 0px; padding: 0px; font-size: 0px; }

.TopMenu > ul > li { position: relative; margin: 0px; padding: 0px; display: inline-block;  }

.TopMenu > ul > li > a { white-space: nowrap; text-decoration: none; padding: 10px; color: white; font-size: 16px; display: block;  }

.TopMenu > ul > li > a:hover { background: #555555;  }

.TopMenu > ul > li.selected > a { background: #666666;  }

.TopMenu > ul > li > .submenu { display: none; position: absolute; z-index: 1000; }

.TopMenu > ul > li:hover > .submenu { display :block; }

.TopMenu > ul > li > .submenu > .back { display: none; }

.TopMenu > ul > li > .submenu > .links {  background: #333333; }

.TopMenu > ul > li > .submenu > .links > a { white-space: nowrap; text-decoration: none; padding: 10px; color: white; font-size: 16px; display: block; }

.TopMenu > ul > li > .submenu > .links > a:hover { background: #555555;  }

.TopMenu > ul > li > .submenu > .logos { display: none; }



.BottomMenu {   }

.BottomMenu > ul { margin: 0px; padding: 0px; font-size: 0px; }

.BottomMenu > ul > li { vertical-align: top; position: relative; margin: 20px; padding: 0px; display: inline-block;  }

.BottomMenu > ul > li > a { font-weight: bold; white-space: nowrap; text-decoration: none; padding: 10px 5px 10px 5px; color: white; font-size: 16px; display: block;  }

.BottomMenu > ul > li > a:hover { background: #555555;  }

.BottomMenu > ul > li > ul {  margin: 0px; padding: 0px; font-size: 0px; }

.BottomMenu > ul > li > ul > li { position: relative; margin: 0px; padding: 0px; display: block;  }

.BottomMenu > ul > li > ul > li > a {  white-space: nowrap; text-decoration: none; padding: 5px 5px 5px 5px; color: white; font-size: 14px; display: block;  }

.BottomMenu > ul > li > ul > li > a:hover { background: #555555;   }