@charset "utf-8";
@font-face{font-family:BYekan;
src:url('../fonts/BYekan.eot');
src:url('../fonts/BYekan.eot#iefix') format('eot'),
url('../fonts/BYekan.woff') format('woff'),
url('../fonts/BYekan.ttf') format('truetype');
font-weight:normal;
font-style:normal
}
@font-face{font-family:BKoodakBold;
src:url('../fonts/BKoodakBold.eot');
src:url('../fonts/BKoodakBold.eot#iefix') format('eot'),
url('../fonts/BKoodakBold.woff') format('woff'),
url('../fonts/BKoodakBold.ttf') format('truetype');
font-weight:normal;
font-style:normal
}
@font-face{font-family:BMitra;
src:url('../fonts/BMitra.eot');
src:url('../fonts/BMitra.eot#iefix') format('eot'),
url('../fonts/BMitra.woff') format('woff'),
url('../fonts/BMitra.ttf') format('truetype');
font-weight:normal;
font-style:normal
}
/* Reset CSS */
body {
	font-family: BMitra, BkoodakBold, Byekan, Arial, Tahoma;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	background: #333;
	margin: 0;}
h1, h2, h3, h4, h5, h6 {
	font-family: BYekan, BKoodakBold, BMitra, Arial, Tahoma;
	font-weight: normal;
	font-style: normal;
	padding: 0px;
	margin: 0px;}
ol, ul, li { list-style: none; margin: 0; padding: 0; }
a { outline: none; }
.clear { clear: both; }

/* ========== TOP HEADER ========== */
.container {
	width: 960px;
	position: relative;
	margin: 0 auto;}

/* MAIN LOGO */
.main-logo {
	width: 320px;
	height: 94px;
	float: left;
	background: url(../images/Espano/logo-espano.png) no-repeat;
	margin: 0px;
	margin-top: 20px !important;
	z-index: 99;}

/* MAIN TEXT */
.main-text {
	width: 350px;
	height: 115px;
	float: right;
	margin: 0px;
	margin-top: 35px !important;
	z-index: 99;}
.main-text h1 {
	font-family: arial;
	font-size: 30px;
	color: #ef7c37;
	text-align: center;
}
.main-text h2 {
	font-family: BYekan;
	font-size: 30px;
	color: #fff;
	text-align: center;
}
.main-border {
	width: 100%;
	height: 6px;
	background: #d27035;
	float: left; }

/* ========== TOP MENU ========== */
.top-menu {
	width: auto;
	margin: 0px auto;}
.top-menu ul {
	width: auto;
	display: table;
	margin: 20px auto;
	padding: 0; }
.top-menu ul li {
	float: right;
	display: inline;
	width: auto;
	height: 20px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #999;
	cursor: pointer;}
.top-menu ul li:last-child { border-left: none !important; }
.top-menu ul li span {
	width: auto;
	direction: rtl;
	float: right;
	font-family: BYekan;
	font-size: 18px;
	line-height: 18px;
	color: #ccc;
	padding: 0 20px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
.top-menu ul li:hover span, .top-menu ul li.active span { color: #ef7c37; }

/* ========== MAIN PAGES STYLES ========== */
#main-container {
	width: 962px;
	margin: 0px auto;
	margin-bottom: 20px !important;
	overflow: hidden;}
.fl { float: left; }
.fr { float: right; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.mr20 { margin-right: 20px; }
.ml20 { margin-left: 20px; }

/* ===== Footer CopyRight ===== */
.copyright {
	width: 100%;
	height: 100%;
	min-height: 65px;
	overflow: hidden;
	position: relative;
	margin: 0;
}
.copyright p {
	font: 12px Tahoma;
	position:relative;
	float: left;
	direction: ltr;
	line-height: 65px;
	color: #eee;
	margin: 0;
	padding: 0; }
.copyright span {
	font-size: 18px;
	position:relative;
	float: right;
	direction: rtl;
	line-height: 65px;
	color: #eee;
	margin: 0;
	padding: 0; }
.copyright a {
	color: #ef7c37;
	text-decoration:none }
.copyright a:hover { text-decoration: underline;}
.copyright img { padding: 10px; margin-top: 14px; }
.copyright a img { border: none; }

/* ===== Footer Info ===== */
.footer {
	width: 940px;
	height: 100%;
	min-height: 65px;
	overflow: hidden;
	position: relative;
	background: #ef7c37;
	margin: 0px auto;
	margin-top: 30px !important;
	padding: 0px 20px 20px 0px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 5px #333;
	-moz-box-shadow: 0px -5px 5px #333;
	-ms-box-shadow: 0px -5px 5px #333;
	-o-box-shadow: 0px -5px 5px #333;
	box-shadow: 0px 0px 5px #333;
	z-index: 99;}
.footer h3 {
	width: 80%;
	float: right;
	direction: rtl;
	font-size: 22px;
	line-height: 22px;
	padding: 20px 0px;
	color: #fff;}
.footer ul {
	width: auto; }
.footer li {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}
.footer li img {
	padding-top: 5px;
	float: right;}
.footer li span {
	width: 70px;
	text-align: right;
	direction: rtl;
	line-height: 22px;
	padding: 0;
	margin-right: 10px;
	float: right; color: #050000; }
.footer li:first-child span { width: 300px; }
.footer li:last-child span { width: 100px; font: 14px Tahoma; line-height: 20px; padding-top: 5px; }

.footer a.globe img { margin: 40px 20px 0 30px; opacity: 0.5; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.footer a.globe img:hover { opacity: 1; }

/* ========== PUBLIC PAGE: BOXES ========== */
.boxContainer {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: right;
	margin-bottom: 3px;
	background: url(../images/Espano/box-bg.jpg);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 3px #999;
	-moz-box-shadow: 0px 3px #999;
	-o-box-shadow: 0px 3px #999;
	box-shadow: 0px 3px #999;}
.boxHeader {
	width: 100%;
	height: 35px;
	margin-top: 10px;
	background: ; }
.boxHeader h2 {
	font-size: 22px;
	line-height: 35px;
	color: #ef7c37;
	float: right;
	direction: rtl;
	text-align: right;
	border-bottom: 2px solid #ef7c37;
	margin: 0px 25px; }
.boxContent { padding: 0px 25px; overflow: hidden; }
.boxContent p { font-size: 18px; direction: rtl; text-align: justify; }
.boxContent p strong { font-family: BKoodakBold; font-size: 20px; width: 100%; float: right; }
.boxContent p img { max-width: 910px; border: 1px solid #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.box960 { width: 960px; margin-top: 30px; margin-right: 30px; }
.box960 .boxHeader h2 { width: 910px; }

.box465 { width: 465px; margin-left: 30px; float: right; }
.box465 .boxHeader h2 { width: 415px; }
.box465 form { padding-top: 20px; padding-bottom: 10px; }
.box465 form span { float: right; width: 25%; line-height: 32px; margin-bottom: 10px; direction: rtl; }
.box465 form input { float: left; width: 75%; }
.box465 form input, .box465 form textarea {
	width: 280px;
	height: 20px;
	padding: 5px;
	margin-bottom: 10px;
	direction: rtl;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px; }
.box465 form textarea { height: auto !important; }
.box465 form input[type="submit"] {
	width: auto !important;
	height: auto !important;
	font-family: BKoodakBold;
	font-size: 18px;
	color: #fff;
	border: none;
	padding: 2px 20px;
	background: #9c0;
	-webkit-box-shadow: 0px 3px #690;
	-moz-box-shadow: 0px 3px #690;
	-o-box-shadow: 0px 3px #690;
	box-shadow: 0px 3px #690;
	cursor: pointer; }
.box465 form input[type="submit"]:hover {
	-webkit-text-shadow: 0px 0px 3px #333;
	-moz-text-shadow: 0px 0px 3px #333;
	-o-text-shadow: 0px 0px 3px #333;
	text-shadow: 0px 0px 3px #333;}
.box465 form input[type="submit"]:active {
	margin-top: 4px;
	-webkit-box-shadow: 0px 1px #690;
	-moz-box-shadow: 0px 1px #690;
	-o-box-shadow: 0px 1px #690;
	box-shadow: 0px 1px #690; }


/* ========== INNER PAGE: HOME PAGE BOXES ========== */
.homeBox {
	width: 990px;
	height: auto;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	float: right;}
.homeBox ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 0px;
	padding: 0px;
	float: right;}
.homeBox li {
	width: 298px;
	height: 300px;
	overflow: hidden;
	position: relative;
	margin-top: 30px;
	margin-left: 30px;
	padding: 0px;
	float: right;
	background: #fff;
	border: 1px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;}
.homeBox li:hover { border-color: #ef7c37; }
.homeBox li img {
	width: 298px;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	z-index: 10;}
.homeBox li p {
	width: 298px;
	height: 75px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.35;
	margin: 0px;
	padding: 0px;
	z-index: 11;}
.homeBox li h2 {
	width: 270px;
	height: 75px;
	position: absolute;
	bottom: 0;
	right: 20px;
	font-family: BYekan;
	font-size: 20px;
	color: #fff;
	line-height: 50px;
	text-align: right;
	direction: rtl;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 12;}
.homeBox li:hover h2 { color: #ef7c37; }
.homeBox li span {
	width: 270px;
	height: 45px;
	position: absolute;
	bottom: 0;
	right: 20px;
	font-family: BMitra;
	font-size: 18px;
	line-height: 40px;
	text-align: right;
	color: #fff;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 12;}
.homeBox li:hover span { color: #ef7c37; }

/* ========== INNER PAGE: NEWS BOX ========== */
.newsBox { padding: 0px 50px; overflow: hidden; }
.newsBox ul { height: auto; overflow: hidden; }
.newsBox li {
	height: auto;
	overflow: hidden;
	list-style: none;
	direction: rtl;
	text-align: justify;
	padding: 20px 0px;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #999; }
.newsBox li:first-child { border-top: none !important; }
.newsBox li:last-child { border-bottom: none !important; }
.newsBox li img { width: 75px; height: 75px; float: right; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.newsBox li a { width: 760px; font-family: BKoodakBold; font-size: 18px; line-height: 26px; padding-right: 20px; color: #09f; text-decoration: underline; float: right; }
.newsBox li span { width: 760px; float: right; padding-right: 20px; }
.newsBox li a:hover { text-decoration: none; }

/* ========== INNER PAGE: HOME PAGE BRANDS ========== */
.product { height: auto; }
.product ul {
	float: right;
	margin-bottom: 14px; }
.product ul:last-child { margin-bottom: 0px !important }
.product li {
	width: 120px;
	height: 120px;
	float: right;
	border: 1px solid #ccc;
	margin-left: 14px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; }
.product li:last-child { margin-left: 0px !important; }
.product li:hover { border-color: #39f; }
.product li a img { border: none; }