/* CSS Document */
/*       -------------------General Stile---------------  */




html {  background:url(../img/body_bg.png) repeat-x  #f0f3f6; margin:0; padding:0; height:100%}


div {
	margin: 0px; 	
	padding: 0px;  position: relative; overflow: hidden;
	
}
ul, li, p, form, h1, h2 {
	margin: 0;
	padding: 0;
}
img {
	border: 0px none;
}
ul {
	list-style: none
}

p { padding:5px 0;}

.clear { clear: both; padding:0; margin:0}


/*       ---------------------------------  */

.saitblock { width:750px;  margin:0 auto; background:url(../img/saitblock_bg.png); padding:12px 8px;}

.sait {   background: url(../img/saittop_bg.png) repeat-x #fff; padding:37px 0 0 0}

.topimg { background:url(../img/topimg.jpg) no-repeat; width:750px; height:259px;}

.menu { background: url(../img/blu_menu.png) repeat-x; height:45px; border-bottom:4px solid #fff; border-top:1px solid #fff; overflow: visible; z-index:100 }


/*  MENU      ---------------------------------  */
.menu ul { height:45px;  }

.menu ul li { float: left;  height:45px; }

.menu ul li.bor { background: url(../img/menu_bg.png) no-repeat; width:2px; padding:0}



.menu ul li a { display: block; height:30px;  padding: 15px 20px 0 19px; float: left }

.menu ul li a.first {display: block; height:36px;  padding: 9px 16px 0; float: left}

.menu ul li:hover, .menu ul li.hover {  background: url(../img/green_menu.png) repeat-x; }

.menu ul li:hover ul, .menu ul li.hover ul { display: block}



.menu ul li ul { display: none; float: left; position:absolute; top:45px; left:0; height:auto; padding:0; margin:0}

.menu ul li ul li { clear: both; padding:7px 5px 7px 20px;  margin:0; background: url(../img/str3.gif) no-repeat 4px 11px #20a4ee; height:auto; width: 165px; border:1px solid #FFFFFF}

.menu ul li ul li  a { height:auto; padding:0; display: block; float: none; color:#fefefe; font-size:12px; font-weight: bold; text-decoration: none}

.menu ul li ul li:hover, .menu ul li ul li.hover {background: url(../img/str3.gif) no-repeat 4px 11px #1eb50a}

/*       ---------------------------------  */

.menutop { height:54px; background:url(../img/topmenu.png) repeat-x; position: absolute; top:0px ; right:15px; padding:15px}

.menutop li { float:left; height:23px}

.center { width:720px; padding:0 15px; background:url(../img/center_bg.png) repeat-x}

.center2  { width:720px; padding:15px 15px 35px; background:#f3f5f6 }

.left { width:180px; float: left; padding:15px 0}

.right { float:right; width: 216px; padding:15px 0;}

.banner { margin:0 0 5px 0; color:#fff}

.banner2 { margin:0 0 10px}

.banner p { position: absolute; width:150px; top:40px; left:15px}

.content { width:297px;  background: url(../img/contentbox_bg.gif)  repeat-x; float:left; margin: 0 13px;  }

.content p, .center2 p { text-align:justify}

.contentbox { padding:15px 14px; width:269px;  background: url(../img/content_bg.png) repeat-y;  }

.imgbock, .imgbock2 { background:url(../img/saitblock_bg.png) ; padding:0 8px 8px 0; float:right; overflow: visible; margin:5px 0;}

.imgbock2 { float: left; margin:5px 15px 10px 0}

.imgbock img, .imgbock2 img  { border:3px solid #fff; padding:0; margin: -4px -5px; overflow:visible;  }

h1 {  font-family: Tahoma, sans-serif; font-size:13px; text-transform:uppercase; color:#1e9c0d; background: url(../img/str.gif) no-repeat 1px 9px; padding: 5px 0 10px 17px; border-bottom:1px solid #fff; margin:0 0 5px}

h2 {  font-family: Tahoma, sans-serif; font-size:13px; text-transform:uppercase; color:#1e9c0d; background: url(../img/str.gif) no-repeat 1px 9px; padding:5px 0 5px 17px; margin:10px 0; border-top: 1px solid #eceff2;  }

h3 {  font-family: Tahoma, sans-serif; font-size:12px; text-transform:uppercase; color:#0189d6;  padding:5px 0 ; margin:0;}


.but, .but2 { height:15px; width: auto; overflow: visible; background: url(../img/but_bg.gif) repeat-x; cursor: pointer; padding:5px 10px 0; font-size:9px; color:#fff; font-weight: bold; display: block; float: right; text-decoration:none; }

.but2  { float:left}

.butt { background: url(../img/but_bg.gif) repeat-x; cursor: pointer; text-align: center; font-size:11px; color:#fff; width: auto; padding:1px 5px}

.but:hover, .but2:hover  {  background: url(../img/but_bg2.gif) repeat-x}

.news { font-size:12px; color:#6d767b; font-weight: bold}

.news2 { font-size:12px; color:#6d767b; padding:5px 0 15px; border-bottom:1px dotted #999}

.footer { height:70px; background: url(../img/foot_bg.png) repeat-x #fefefe; padding:0 15px;  font-size:9px; color:#767676;}

.footer a{font-size:9px; color:#767676; text-decoration: underline}

.footlogo { float: right; padding:5px 0 0}


.news a { text-decoration: none; font-weight: normal; color:#0088d5}
.news a:hover { text-decoration:underline}

.news a  span { color:#32c000}

.copy { float: left; margin:30px 0 0 5px}

.copy ul li{display:inline; margin-left:10px;}

.fotmenu { float: right; padding:30px 48px 0 0}

.fotmenu  li { float:left; padding:0 2px }

.fotmenu  li a { color:#767676; text-decoration: none}
.fotmenu  li a:hover { text-decoration: underline}

.pdf, .pdf2  { color:#0088d5; text-decoration: none; font-size:13px; font-weight: bold; background:url(../img/pdf.gif) right 1px no-repeat;  padding:3px 25px 3px 10px; margin:5px 0  }
.pdf:hover, .pdf2:hover { text-decoration:underline}

.pdf2  {color:#1e9c0d}

.lin  { color:#1e9c0d; text-decoration: none; font-size:11px; font-weight: bold; background:url(../img/str2.gif) no-repeat right 8px;  padding:3px 15px 3px 10px; margin:5px 0  }
.lin:hover { text-decoration:underline}

.lin2  { color:#1e9c0d; text-decoration: none; font-size:11px; font-weight: bold; background:url(../img/str2.gif) no-repeat 0px  8px;  padding:3px 3px 3px 15px; margin:5px 0; display: block  }
.lin2:hover { text-decoration:underline}

.forms { width:560px; margin:20px 0 20px 0px ; padding:20px; border:3px solid #d1d8de; background: url(../img/center_bg.png) repeat-x #fff; float:left; } 

.forms  li { float:left; width: 300px ;  padding:5px 0}



.forms  li.textt, .forms  li.textt2 { width:200px; text-align:left; padding:5px 20px 5px 0; font-weight: bold}

.forms  li.textt2 { width:180px; padding:5px 20px}

.forms  li textarea  { width:200px; height:100px}

.forms  li span { color:#FF0000}

.bank { width: 226px; float:left; text-align:center; padding:6px; font-size:12px; }

.bank img { border:3px solid #fff; margin:5px 0}

.bank  span { font-size:14px; font-weight: bold}

.bank p { border:3px solid #fff; margin-top:10px; padding:10px; text-align: center}

.concert { text-align: center; margin:20px 0 ; clear:both}

.concert img { border:3px solid #fff}

.list li { padding:2px 0 2px 30px; background:url(../img/str2.gif) no-repeat 10px 5px; width:90%}

.flash { margin:10px 0; z-index:1}

.bestprod { width: 226px; float:left; text-align:center; padding:6px; font-size:12px; color:#1e9c0d; position: absolute ; right:30px; top:110px; border:3px solid #c6ced6}

.bestprod img { border:3px solid #fefefe; margin:23px 0}

.contact { font-size:14px; font-weight: bold; line-height:20px; color:#666; padding:10px 0 10px 20px}

.hours {  line-height:20px; color:#666; padding:10px 0 10px 20px}

.staffimg { float: left; text-align: center; padding:7px;  color:#0189d6; width:166px}

.staffimg img { margin-bottom:5px; border:3px solid #fff}

.center2  p.tab { text-align: center}

.tab img { border:3px solid #f1f1f1}

.calc { margin:0 auto; padding:0 ; font-size:12px; border-collapse:collapse; text-align: center; width:90%;  }

.calc  td { border:1px solid #000; text-align: left; padding:5px}

.enman { border:1px solid #0088d5; text-align: center; padding:2px; margin:0;}



.enman a { float:left; padding:0 0 5px}