@font-face {font-family: "mpc"; src: url('mpc.otf') format("opentype");}
@font-face {font-family: "mpci"; src: url('mpci.otf') format("opentype");}
* {padding:0; margin:0; border:0;}
body {padding:0; margin:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; background:url(images/bg.jpg);}
a {text-decoration:none; outline:none;}
a img {border:0;}
h1, h2, h3, h4 {font-family: "mpci", Arial; font-size:24px;}
h1 {}
h2 {}
h3 {}
h4 {}

h1 a {}

/*
box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999; -moz-box-shadow: 0px 0px 5px #999;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
text-shadow: 0px 1px #020202;

COLORS

	orange				#ff9900
	red					#e02703
	blackText			#020202
	defaultTextColor	#1b1b1b
	gray				#ebebeb
	footerGray			#8d8d8d;

*/

/* ul menu */
.menu {list-style:none; margin:0; padding:0; line-height:37px; font-family: "mpc", Arial; color:#020202;}
.menu li {display:block; width:250px; background:url(images/menuSeparator.png) no-repeat left bottom; padding-bottom:2px;}
.menu li a {display:block; width:230px; color:#020202; font-size:17px; padding:2px 0 0 20px; background:#ebebeb;}
.menu li a:hover {width:229px; border-right:solid 1px #ebebeb;}

.header {width:960px; height:365px; background:url(images/header.jpg) no-repeat; margin:auto; position:relative; letter-spacing:1px; font-family: "mpci", Arial; text-shadow: 0px 1px #020202;}
.logo {width:224px; height:48px; padding:28px 0 0 26px; display:block; background:url(images/logoLabel.png) no-repeat; color:#ff9900; font-size:28px; position:absolute; left:-14px; top:15px;}
.logo span {color:#ffffff;}
.slogen {background:url(images/headerLeftLabel.png) no-repeat; width:390px; height:68px; position:absolute; left:-14px; top:290px; padding:8px 0 0 30px; color:#ff9900; font-size:21px; line-height:25px;}
.slogen span {color:#e02703;}
.phone {background:url(images/phoneLabel.png) no-repeat; width:182px; height:46px; position:absolute; right:-14px; top:310px; color:#ffffff; font-size:22px; text-align:right; padding:10px 24px 0 0;}
.main {width:960px; height:auto; background:url(images/contentBg.png) repeat-y; margin:auto;}
.sidebar {float:left; width:250px;}
.sidebarLabel {width:138px; height:46px; background:url(images/sidebarLabel.png) no-repeat; position:relative; left:-14px; font-family: "mpci", Arial; font-size:22px; color:#ff9900; padding:10px 0 0 30px; letter-spacing:1px; margin:18px 0 0 0}
.content {float:right; width:650px; padding:30px 30px 15px 0; line-height:19px; color:#1b1b1b; position:relative;}
.content p {margin-top:20px;}
.content a {color:#020202; text-decoration:underline;}
.content a:hover {}
.footer {width:100%; height:auto; background:url(images/footerBg.jpg); color:#ffffff; text-shadow: 0px 1px #020202;}
.contentEnd {width:960px; height:21px; background:url(images/contentEnd.png) no-repeat; margin:0 auto 10px auto;}
.footerContent {width:960px; height:auto; margin:auto; text-align:center; line-height:24px;}
.footerContent a {color:#ffffff;}
.footerContent span {color:#ff9900;}
.footerContent p {margin-bottom:8px;}
.footerMenu {color:#8d8d8d; width:880px; line-height:40px; margin:20px auto; border-top:solid 1px #525252;  border-bottom:solid 1px #525252;}
.footerMenu a {color:#8d8d8d;}
.footerMenu a:hover {color:#ffffff;}
.beonline {width:69px; height:12px; background:url(images/beonline.png) no-repeat; display:block; margin:18px auto 18px auto; text-indent:-9999px;}
.content .indexBlock {width:185px; height:180px; display:block; background:#ebebeb; text-align:center; color:#020202; font-family: "mpc", Arial; font-size:18px; float:left; margin-right:43px; margin-bottom:28px; border:solid 1px #ebebeb; border-bottom:solid 1px #ccc; text-decoration:none;}
.indexBlock img {margin-bottom:6px;}
.hashtags {font-size:11px; color:#666666;}
.imgFrame {border: 1px solid #eee; padding:7px;}
.imgFrame:hover {border-color: #ccc;}
.content .back {display:block; width:80px; height:16px; line-height:16px; text-align:right; right:30px; top:30px; text-decoration:none; position:absolute;}
.content .referenciaBlock {width:300px; height:246px; display:block; background:#ebebeb; text-align:center; color:#020202; float:left; margin:0 40px 30px 0; border:solid 1px #ebebeb; border-bottom:solid 1px #ccc; text-decoration:none;}
.referenciaBlock img {margin-bottom:6px; opacity:1.0; filter:alpha(opacity=100); -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s; transition:opacity 0.5s;}
.referenciaBlock:hover img {opacity:0.9; filter:alpha(opacity=90);}
.referenciaBlock span {text-decoration:underline; font-size:11px;}

.clear {height:1px; line-height:1px; clear:both;}
.separator {height:1px; line-height:1px; clear:both; margin:20px 0; background:#ebebeb;}

/* btn */
.btn {background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #f3f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f3f3f3)); background: -webkit-linear-gradient(top, #ffffff 1%,#f3f3f3 100%); background: -o-linear-gradient(top, #ffffff 1%,#f3f3f3 100%); background: -ms-linear-gradient(top, #ffffff 1%,#f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); background: linear-gradient(top, #ffffff 1%,#f3f3f3 100%); padding:8px 12px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border-radius:3px; color:#005388; text-decoration:none; border:solid 1px #d6d5d5;}
.btn:hover {color:#2b2b2b;}

/* form */
#form {font-size:11px; color:#1b1b1b;}
#form-left {float:left; width:300px; margin-right:30px;}
#form-right {float:left; width:320px;}
#form input[type="text"],#form input[type="password"] {border:1px solid #ccc; background:#f6f6f6; font-family:Verdana, Geneva, sans-serif; font-size: 12px; height: 28px; line-height: 28px; margin-bottom: 8px; padding: 1px 0 0 6px; width: 260px; outline:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#form input[type="text"]:focus {box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999; -moz-box-shadow: 0px 0px 5px #999; border:1px solid #999; background:#ffffff;}
#form textarea {border:1px solid #ccc; background:#f6f6f6; font-family:Verdana, Geneva, sans-serif; font-size: 12px; height: 140px; margin-bottom: 12px; padding: 5px 0 0 5px; width:314px; resize:vertical; outline:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#form textarea:focus {box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999; -moz-box-shadow: 0px 0px 5px #999; border:1px solid #999; background:#ffffff;}
#form .submit_btn {background: #dfdfdf; background: -moz-linear-gradient(top, #ffffff 1%, #dfdfdf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#dfdfdf)); background: -webkit-linear-gradient(top, #ffffff 1%,#dfdfdf 100%); background: -o-linear-gradient(top, #ffffff 1%,#dfdfdf 100%); background: -ms-linear-gradient(top, #ffffff 1%,#dfdfdf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); background: linear-gradient(top, #ffffff 1%,#dfdfdf 100%); padding:5px 8px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #CCC; cursor: pointer; display: block; height: 34px; outline: medium none; width: 100px; font-size:13px; color:#020202; float:right;}
#form .submit_btn:hover {color:#F60;}
span.checkbox {width: 26px; height: 26px; padding: 0 8px 0 0; background: url(images/check_bg.png) no-repeat; display: block; clear: left; float: left; cursor:pointer;}
.form_error {border:1px solid #ccc; background:url(images/exclamation-red.png) no-repeat 622px 12px #f7f7f7; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px; margin:12px 0;}
.form_yes {border:1px solid #7db53f; background:url(images/yes.png) no-repeat 622px 12px #f7f7f7; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px; margin:12px 0;}