﻿@charset "utf-8";
/* Main CSS Document */

html, body {margin:0; padding:0; position:relative; height:100%;}	
	
body {background:#fff;}

body, td {font:normal 12px Tahoma, Geneva, sans-serif; color:#656565;}

a img {border-color:#4891B5;}

a {color:#4891B5; text-decoration:none;}

a:hover {color:#4891B5; text-decoration:underline;}

h1,h2,h3,h4,h5,h6 {line-height:normal; font-family:Tahoma, Geneva, sans-serif; color:#4891b5;}
h1 {font-size:20px; font-weight:normal; padding:0; margin:0 0 15px 0;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:11px;}

.page_name {margin:0 0 0 -450px; padding:0; position:absolute; top:40px; left:50%; height:31px; width:900px; text-align:center; font-weight:bold; text-transform:uppercase; z-index:5;}

.path {font-size:11px; color:#7e7e7e; padding:0; margin:0 0 15px 0; height:auto !important; height:14px; min-height:14px; position:absolute; top:352px; left:80px; width:1000px;}

	.path a {color:#fe0000; text-decoration:none;}

	.path a:hover {color:#fe0000; text-decoration:underline;}		
		
#wrap {height:auto !important; 
	   height:100%;
	   min-height:100%;
	   min-width:1128px;
	   margin:0 0 -107px 0; 
	   background:url(r_bg.jpg) top right repeat-y; position:relative;}

/* header ------------------------------------------------------------------------------------------------------------------*/

#header {background:#ecf3f7 url(top_bg.jpg) top left repeat-x; margin:0; padding:0; position:absolute; top:0; left:0; width:100%; height:341px;}

.top_l {background:url(top_l.jpg) top left no-repeat; margin:0; padding:0; height:341px;}

.top_pic {background:url(top_pic.jpg) 45px 71px no-repeat; margin:0; padding:0; height:341px;}

.top_r {background:url(top_r.jpg) top right no-repeat; margin:0; padding:312px 0 0 0; height:29px;}

#name_main {background:url(name2.png) no-repeat left top; font-size:0; line-height:0; display:block; cursor:pointer; outline:none; padding:0; margin:0; position:absolute !important; top:90px; left:91px; height:68px; width:284px;}


.slogan {margin:0; padding:0; position:absolute; top:256px; left:329px; height:50px; width:350px; font:bold 20px "Myriad Pro", Helvetica, Arial, sans-serif; color:#aeaeae; letter-spacing: -0.25pt;}

.slogan span {color:#4891b5; text-transform:uppercase;}

.slogan span.br {font:bold 20px "Myriad Pro", Helvetica, Arial, sans-serif; color:#aeaeae; text-transform:none; display:block; padding:0 0 0 74px;}

.tel_top {background:url(tel_top.jpg) top left no-repeat; margin:0; padding:5px 0 0 28px; position:absolute; top:205px; left:66px; height:95px; width:237px;}


.map {margin:0; padding:0; position:absolute; top:71px; right:26px;} 
	
	.map img {padding:0; margin:0; border:none;}


#tmenu {height:26px; margin:0 0 0 47px; padding:0; list-style:none; font:normal 12px Tahoma, Geneva, sans-serif; text-transform:none;}

	#tmenu li {padding:0 1px; margin:0; display:inline; float:left;}

	#tmenu li a {background:#8dd3f6 url(tmn_bgn.gif) top left repeat-x; border-left:1px solid #8dd3f6; display:inline-block; text-decoration:none; outline:none; float:left;}
	
	#tmenu li a span.st {background:url(tmn_n.gif) top right no-repeat; color:#4d4d4d; display:inline-block; text-decoration:none; outline:none; float:left; padding:6px 10px 0 9px; height:20px;}
		
	#tmenu li a:hover {background:#4891b5 url(tmn_bgo.gif) top left repeat-x; border-left:1px solid #4891b5; display:inline-block; text-decoration:none;}
	
	#tmenu li a:hover span.st {background:url(tmn_o.gif) top right no-repeat; color:#fff; display:inline-block; text-decoration:none; cursor:pointer;}


/* content -----------------------------------------------------------------------------------------------------------------*/

#middle {width:100%; height:1%; padding:341px 0 107px;}

#middle:after {content:'.'; display:block; clear:both; visibility:hidden; height:0;}

#container {width:100%; float:left; overflow:hidden;}

#content {padding:36px 0 20px 0; margin:0 80px 0 306px; height:auto !important; height:10px; min-height:10px; text-align:left;}

#side_left {float:left; width:290px; margin-left:-100%; position:relative;}


#lmenu {margin:0; padding:65px 0 24px 23px; list-style:none; font-size:0; line-height:0; font-family:Tahoma, Geneva, sans-serif; text-transform:none;}

	#lmenu li {padding:0 0 4px 0; margin:0; display:block; width:260px;}

	#lmenu li a {background:#e9f0f4 url(lmn_bg.gif) top left repeat-y; border:4px solid #fff; color:#4f4f4f; display:block; text-decoration:none; outline:none; line-height:normal; font-size:13px; padding:5px 0 3px 52px; width:200px;}
			
	#lmenu li a:hover {color:#4891b5; display:block; text-decoration:none;}
		

.news_tit {background:#e9f0f4 url(lmn_bg.gif) top left repeat-y; border:4px solid #fff; font:normal 25px/25px Tahoma, Geneva, sans-serif; color:#4891b5; padding:0 0 0 73px; margin:0 0 0 23px; width:127px;}

.news {padding:10px 37px 30px 73px; margin:0; font:normal 11px Tahoma, Geneva, sans-serif; color:#867565;}	
	
	.date {font-size:12px; color:#867565; margin:0; padding:0;}
	
	.tit {font:bold 12px Tahoma, Geneva, sans-serif; color:#4891b5; padding:2px 0 2px 0; margin:0;}
	
	.anonce {margin:0; padding:0 0 10px 0;}
	
	.more {padding:0 0 15px 0; text-align:right;}

	.news a {color:#4891b5; text-decoration:none;}
	
	.news a:hover {color:#4891b5; text-decoration:underline;}


.clear {margin:0; padding:0; height:0; clear:both; line-height:0; font-size:0;}

/* footer ------------------------------------------------------------------------------------------------------------------*/

#bot {background:#dde8ed url(bot_bg.jpg) top left repeat-x; height:107px; min-width:1128px; margin:0; padding:0; position:relative;}

.bot_l {background:url(bot_l.jpg) top left no-repeat; height:107px; margin:0; padding:0;}

.bot_r {background:url(bot_r.jpg) top right no-repeat; height:107px; margin:0; padding:0;}


div.copyright {background:url(mega.gif) top right no-repeat; height:28px; margin:26px 76px 0 0; padding:2px 47px 0 0; font:normal 11px Tahoma, Geneva, sans-serif; color:#8b8b8b; float:right; display:inline; text-align:right;}

	div.copyright a, div.copyright a:hover {color:#4891b5; text-decoration:underline;}


.counters {color:#8b8b8b; margin:22px 28px 0 94px; padding:0; float:left; display:inline;}


.contact {margin:22px 0 0 0; padding:0; float:left; display:inline; font:normal 11px Tahoma, Geneva, sans-serif; color:#4c4c4c;}


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

.posrel {margin:0; padding:0; position:relative; height:0; width:100%; line-height:0; font-size:0; z-index:-1;}

.l_bg {background:url(l_bg.jpg) top left repeat-y; margin:0; padding:0; position:absolute; top:-97999px; left:0; height:97999px; width:50px;}

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

/* Cart */
.cart {height:73px; width:152px; background:url(cart.png) no-repeat; position:absolute; right:14px; top:20px; margin:0; padding:12px 0 0 109px; font:normal 11px Arial, Helvetica, sans-serif;}
.sum {font:bold 11px Arial, Helvetica, sans-serif; color:#ed1401; text-align:right; padding:5px 25px 0 0;}
.sum span {font:bold 18px Arial, Helvetica, sans-serif;}
.order {font:normal 11px Arial, Helvetica, sans-serif; color:#ed1401; text-align:right; padding:0 25px 0 0;}
.order a {text-decoration:underline; color:#000000;}
.order a:hover {text-decoration:underline; color:#ed1401;}
	
/* Table */		
/*table.table0 td p, table.table1 td p ,table.table2 td p {padding:0; margin:0; text-indent:0}*/
table.table0 {border-collapse:collapse; border-spacing:0;}
table.table0 td {padding:5px; border:none;}
table.table1 {border-collapse:collapse; border-spacing:0;}
/*table.table1 tr:hover {background:#e0e0e0;}*/
table.table1 td {padding:5px; border:1px solid #a0a9ad;}
table.table2 {border-collapse:collapse; border-spacing:0;}
/*table.table2 tr:hover {background:#e0e0e0;}*/
table.table2 td {padding:5px; border:1px solid #a0a9ad;}
table.table2 th {padding:8px 5px; border:1px solid #a0a9ad; background-color:#d0dfe6; color:#fff; text-align:left;}

/* Gallery */
table.gallery {border-spacing:10px; border-collapse:separate;}
table.gallery td {background-color:#f0f0f0; text-align:center; padding:15px;}
table.gallery td img {}
.thumb {color:#000;}

/* hr */
hr {color:#ccc; background:#ccc; height:1px; border:none;}

/* boxes */
ul.boxes {color:#ccc; margin:0 0 0 5px; padding:0 0 0 10px;}
ul.boxes li {margin-bottom:5px;}
ul.boxes li:hover {margin-bottom:5px;}

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

#scrollable {
	height:152px;
	/*width:200px;*/
	overflow:hidden;
}

#scrollable ul, #scrollable li {
	padding:0;
	margin:0;
	list-style:none;
	font-size:0px;
	line-height:0px;
}

#scrollable ul.items {
	visibility:visible;
	width:20000px;
}

#scrollable li {
	float:left;
	border:1px solid #DDE8ED;
	margin:0 2px;
	width:160px;
	height:150px;
}

#scrollable li div {
	height:100px;
	width:150px;
}

#scrollable li div img {
	margin:5px auto;
	border:none;
}

#scrollable li a {
	text-align:center;
	line-height:normal;
	font-size:14px;
	display:block;
}
