* { padding: 0; margin: 0; }
body { background: #000 url(http://www.novyweb.eu/img/bg.jpg) repeat-x top center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #FFF; }

a { color: #FFFF37; text-decoration: underline; }
a:hover { color: #FFFF00; text-decoration: none; }
p { line-height: 1.5em; }
img { border-style: none; }

.both { clear: both; } 
.none { clear: none; } 
.left { float: left; } 
.right { float: right; } 

h1, h2, h3, h4 { font-weight: normal; color: #F8FBEC; margin-top: 30px; padding-bottom: 10px;   }
h1 { letter-spacing: 1px; font-size: 2em; color: #a4b10f; }
h2 { letter-spacing: 0px; font-size: 1.4em; margin-top: 20px; color: #a4b10f;  }
h3 { font-size: 1.2em; margin-top: 10px; }

.table { width: 980px; border-bottom: 2px solid #a4b10f; }
.title { width: 980px; margin-bottom: 14px; border-bottom: 2px solid #a4b10f; }
.title a { color: #a4b10f; }

/* wrap
-------------------------------------------------------- */	
#wrap { width: 1030px; margin: 0 auto; }

/* header
-------------------------------------------------------- */	
#header { width: 1030px; height: 270px; background: url(http://www.novyweb.eu/img/header_bg.gif) no-repeat right top; position: relative; }
#header .logo { display: block; width: 330px; height: 70px; padding-top: 14px; padding-left: 10px; }
#header .logo span a { width: 200px; font-size: 14px; font-weight: bold; color: #000; letter-spacing: 1px; position: absolute; top: 66px; left: 146px; }
#header .logo span a:hover { color: #d20000; }
#header a {	font-size: 16px; font-weight: bold;	color: #A11213;	text-decoration: none; }
#header a:hover { color: #BBBBBB; }

ul.menu { float:left; display:block; width:1030px; height:74px; background:url(http://www.novyweb.eu/img/menu_bg.gif) no-repeat; margin-top:124px; padding:12px 0 0 56px; list-style-type:none; }
ul.menu li { display:inline; font-size:11px; font-weight:bold; line-height:50px; } 
a.nav1, a.nav2, a.nav3, a.nav4, a.nav5, a.nav6 { float:left; display:block; padding-left: 46px; margin:0 10px 0 10px; height:50px; text-decoration:none; color:#676d77; }
a.nav1 { background:url(http://www.novyweb.eu/img/home.png) no-repeat left; }
a.nav2 { background:url(http://www.novyweb.eu/img/palet.png) no-repeat left; }
a.nav3 { background:url(http://www.novyweb.eu/img/http.png) no-repeat left; }
a.nav4 { background:url(http://www.novyweb.eu/img/money.png) no-repeat left; }
a.nav5 { background:url(http://www.novyweb.eu/img/cooperation.png) no-repeat left; }
a.nav6 { background:url(http://www.novyweb.eu/img/contact.png) no-repeat left; }

/* content
-------------------------------------------------------- */	
#content { float: none; width: 990px; min-height:200px; margin-left: 20px; }
#content p { padding: 2px 4px; }

.first { float: left; width: 484px;}
.second { float: right; width: 484px; margin-right: 10px;}
.third { float: left; width: 640px; margin-right: 20px;}

ul.ok li { list-style: none; padding: 0px 0px 2px 22px; background: url(http://www.novyweb.eu/img/ok.png) 0px 0px no-repeat; margin-bottom: 2px;  }
ul.arrow li { list-style: none; padding: 0px 0px 2px 22px; background: url(http://www.novyweb.eu/img/arrow.png) 0px 0px no-repeat; margin-bottom: 2px;  }

/*highlight*/
span.cell{ width: 200px; height: 26px; float: left; padding: 0 0 0 10px; margin: 0 0 2px 2px; background: #666; color: #000; }
span.grey { background: #333; }
span.red { color: #FF0000; font-weight: bold; }
span.green { color: #B7D24D; font-weight: bold; }
strong.star { color: #FF0000; font-weight: bold; }

/* table*/
table.contact { width: 484px; margin-bottom: 12px; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ; font-weight: normal; font-size: 11px; border-collapse: collapse; border-spacing: 0px; }
table.contact td.head{ width: 484px; background-color: #a4b10f;color: #000;border-bottom: 2px #000 solid;font-size: 12px; font-weight: bold;}
table.contact td { width: 242px; background-color: #2a2a2a; color: #FFF; padding: 4px; text-align: left; border: 1px #000 solid;}

table.cooperation { width: 484px; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ; font-weight: normal; font-size: 11px; border-collapse: collapse; border-spacing: 0px; }
table.cooperation td.head { width: 484px; height: 14px; background-color: #a4b10f;color: #000; border-bottom: 2px #000 solid; font-size: 12px; font-weight: bold; }
table.cooperation td { width: 484px; height: 56px; vertical-align: top; background-color: #2a2a2a; color: #fff; padding: 4px; text-align: left; border: 1px #000 solid; }

table.pricelist { width: 484px; margin-bottom: 8px; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ; font-weight: normal; font-size: 11px; border-collapse: collapse; border-spacing: 0px; }
table.pricelist td.head { width: 484px; height: 14px; background-color: #a4b10f;color: #000; border-bottom: 2px #000 solid; font-size: 12px; font-weight: bold; }
table.pricelist td { vertical-align: top; background-color: #2a2a2a; color: #fff; padding: 4px; text-align: left; border: 1px #000 solid; }

 /* form */	
.cooperation .form { width: 484px; height: 316px; background-color: #2a2a2a; }
.cooperation label { float: left; display: inline; width: 150px;  padding-top: 8px; text-align: right; color: #FFF; font: bold 13px 'trebuchet ms'; }
.cooperation input { float: left; width: 300px; height: 20px; margin-top: 5px; margin-left: 12px; padding: 4px; background-color: black; color: #FFF; border: 2px #444 solid; }
.cooperation textarea { width: 450px; height: 130px; background-color: #000; margin-left: 10px; margin-top: 6px; padding: 5px; color: #FFF; border: 2px #444 solid; }
.cooperation .sub { float: right; width: 117px; height: 36px; margin-right: 10px; margin-top: 6px;  background-color: #a4b10f; color: #000; border: 2px #000 solid; cursor: pointer; font: bold 15px 'trebuchet ms'; }
.cooperation input:focus, .cooperation textarea:focus { border-color: #a4b10f; }
.cooperation input:hover, .cooperation textarea:hover  { border-color: #d20000; } 

.calculation .form { width: 980px; height: 224px; background-color: #2a2a2a; }
.calculation .form .form-left { float: left; width: 500px; margin-top: 5px;  }
.calculation .form .form-right { float: right; width: 460px; margin-top: 5px; }
.calculation label { float: left; display: inline; width: 150px;  padding-top: 8px; text-align: right; color: #FFF; font: bold 13px 'trebuchet ms'; }
.calculation input { float: left; width: 300px; height: 20px; margin-top: 5px; margin-left: 12px; padding: 4px; background-color: black; color: #FFF; border: 2px #444 solid; }
.calculation label.checkbox { float: right; display: inline; width: 330px; margin-right: 20px; margin-top: 0px; text-align: left; color: #FFF; font: bold 13px 'trebuchet ms'; }
.calculation input.checkbox { float: left; width: 20px; height: 20px; margin-right: 12px;margin-top: 0px; padding: 0px; background-color: black; color: #FFF; border: 2px #444 solid; }
.calculation label.checkbox-yes { float: left; display: inline; width: 260px; margin-right: 10px; padding-top: 8px; text-align: left; color: #FFF; font: bold 13px 'trebuchet ms'; }

.calculation textarea { width: 410px; height: 120px; background-color: #000; margin-left: 10px; margin-top: 6px; padding: 5px; color: #FFF; border: 2px #444 solid; }
.calculation .sub { float: right; width: 117px; height: 36px; margin-right: 26px; margin-top: 6px;  background-color: #a4b10f; color: #000; border: 2px #000 solid; cursor: pointer; font: bold 15px 'trebuchet ms'; }
.calculation input:focus, .calculation textarea:focus { border-color: #a4b10f; }
.calculation input:hover, .calculation textarea:hover  { border-color: #d20000; } 

.box {float: left; width: 316px; margin-bottom: 16px;margin-right: 14px;}
.box .image {height: 200px;padding: 4px;border: 4px #1B1B1B solid;background-color: #1B1B1B;}
.box .image:hover, .box .active {border: 4px #a4b10f solid;}
.box .text { width: 296px; height: 30px; padding: 10px;background-color: #0c0c0c;font-size: 11px;color: #aaa;}
.box .text strong {display: block;}
.box .text span.st {float: left;color: #454545;}
.box .text span a {float: right;color: #a4b10f;font-weight: bold;cursor: pointer;}

.box-logo {float: left; width: 316px; margin-bottom: 16px;margin-right: 14px;}
.box-logo .image {height: 100px;padding: 4px;border: 4px #1B1B1B solid;background-color: #1B1B1B;}
.box-logo .image:hover, .box .active {border: 4px #a4b10f solid;}
.box-logo .text { width: 296px; height: 14px; padding: 10px;background-color: #0c0c0c;font-size: 11px;color: #aaa;}

.box-print {float: left; width: 316px; margin-bottom: 16px;margin-right: 14px;}
.box-print .image {height: 200px;padding: 4px;border: 4px #1B1B1B solid;background-color: #1B1B1B;}
.box-print .image:hover, .box-print .active {border: 4px #a4b10f solid;}
.box-print .text { width: 296px; height: 14px; padding: 10px;background-color: #0c0c0c;font-size: 11px;color: #aaa;}

.box-max {width: 980px; margin-top: 40px;}
.box-max .image {float: left; height: 440px;padding: 4px;border: 4px #1B1B1B solid;background-color: #1B1B1B;}
.box-max .image:hover  {border: 4px #a4b10f solid;}
.box-max .text { width: 260px; float: right; padding: 10px;background-color: #0c0c0c; border: 4px #a4b10f solid; font-size: 12px;color: #aaa;}
.box-max .text strong {display: block; font-size: 15px; }
.box-max .text span.st { float: left; width: 260px; color: #454545;}
.box-max .text a {float: right; text-align: right;  color: #a4b10f;font-weight: bold;cursor: pointer;}
.box-max .back { width: 260px; float: right; padding: 10px;background-color: #a4b10f; border: 4px #a4b10f solid;}
.box-max .back a { display: block; font-weight: bold; font-size: 15px; color: #000;}

/* map*/
 iframe { width: 476px; height: 332px; border: 4px solid #a4b10f; }

/* footer
-------------------------------------------------------- */	
#footer  { float: left; display: inline; width: 980px; height: 70px;  border-top: 4px solid #d20000; padding-top: 20px; margin: 20px 0 0 22px; font-size: 12px; color: #838280;  }
#footer a { color: #FFF; text-decoration: none; font-weight: bold; }
#footer a:hover { color: #FFF; font-weight: bold; text-decoration: underline;}
#footer a.main_page { float: right; display: block; width: 300px; height: 50px; overflow: hidden; }
#footer a.main_page:hover { text-indent: -300px; }
#footer a.main_page img { border: none; }