@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 28px 20px 0; min-width: 940px; background: #00749E url(l_t.jpg) no-repeat left top; color: #383838; font: 13px Arial, Helvetica, sans-serif; text-align: left;}

a { color: #008EE0; text-decoration: underline;}
a:hover { color: #008EE0; text-decoration: underline;}
a img { border-color: #008EE0;}

h1,h2,h3,h4,h5,h6 { font-weight: normal;}
h1 { font-size: 20px; color: #00749E; margin: 0; padding: 10px 30px 20px 250px;}
h2 { font-size: 18px;}
h3 { font-size: 16px;}
h4 { font-size: 14px;}
h5 { font-size: 12px;}
h6 { font-size: 11px;}

/* content
-------------------------------*/
.bodycontent { padding: 24px 50px 24px 30px; min-height: 200px; margin-left: 230px;}

/* wrapper
-------------------------------*/
.wrapper { background: #FFF; padding-bottom: 25px;}
/* header
-------------------------------*/
.header { height: 92px; position: relative;}
.site_name { position: absolute; top: 26px; left: 18px;}
.site_name a img { border: none;}

.tel_top { position: absolute; top: 30px; left: 535px; height: 50px; font: 15px Arial, Helvetica, sans-serif; color: #000000; background: url(tt_i.gif) no-repeat 0 1px; padding: 0 0 0 50px; width: 150px;}
.tel_top p { margin: 0;}

/* search */
.s_f { margin: 0; padding: 0; position: absolute; top: 32px; right: 26px; width: 190px; height: 32px; background: url(search.png) no-repeat left top;}
.s_n { position: absolute; top: -13px; left: 1px; width: 150px; font: 12px Arial, Helvetica, sans-serif; color: #000000;}
.s_t { float: left; width: 146px; height: 14px; background: none; border: none; padding: 0; margin: 9px 0 0 8px; font: 12px Tahoma, Geneva, sans-serif; color: #000000;}
.s_b { float: right; width: 32px; height: 32px; background: none; border: none; padding: 0; margin: 0; cursor: pointer;}

/* header picture*/
.hpic_bg { margin: 0 18px 5px 19px; background: url(hpic_bg.jpg) repeat-x left top; height: 213px;}
.hpic { height: 100%; background: url(hpic.jpg) no-repeat left top;}

/* menu top */
.m2_left { height: 44px; background: #00ADDF url(m2_left.gif) no-repeat left top; margin: 0 18px;}
.m2_right { height: 44px; background: url(m2_right.gif) no-repeat right top;}

ul.menutop { margin: 0; padding: 2px 2px 0; list-style: none; font-size: 0;}
ul.menutop li { float: left; margin: 0; padding: 0; font: bold 12px Arial, Helvetica, sans-serif;}
ul.menutop li a { display: inline-block; max-width: 95px; color: #FFFFFF; text-decoration: none; vertical-align: top;}
ul.menutop li.ext a { max-width: 110px;}
ul.menutop li a:hover { color: #007BB4; text-decoration: none; background: url(m2_ro.gif) no-repeat right top;}
ul.menutop li a .s1 { display: inline-block; cursor: pointer; height: 35px; padding: 5px 5px 0; text-align: center;}
ul.menutop li a:hover .s1 { background: url(m2_lo.gif) no-repeat left top;}

/* main
-------------------------------*/
.c_l, .c_r, .c_t, .c_lt, .c_rt { width: 100%;}
.c_l { background: url(c_l.gif) repeat-y left top;}
.c_r {  background: url(c_r.gif) repeat-y right top;}
.mainclear { height: 1%; width: 100%; position: relative;}
.mainclear:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
.maincontent { width: 100%; float: left; overflow: hidden;}

.c_t { background: #FFF url(c_t.gif) repeat-x left bottom;}
.c_lt { background: url(c_lt.gif) no-repeat left bottom;}
.c_rt { background: url(c_rt.gif) no-repeat right bottom;}

/* leftside
-------------------------------*/
.leftside { width: 230px; float: left; margin-left: -100%; position: relative;}

/* menu */
ul.menu { margin: 0; padding: 13px 0 50px 15px; list-style: none; width: 205px;}
ul.menu li { margin: 0 0 1px; padding: 0; font-size: 0; line-height: 0; height: 1%;}
ul.menu li a { display: block; height: 1%; font: 10px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #000000; text-decoration: none; background: url(m_t.gif) no-repeat 0 0;}
ul.menu li a:hover { color: #FFFFFF; text-decoration: none; background-position: -215px 0;}
ul.menu li a .s1 { display: block; height: 1%; cursor: pointer; padding: 4px 5px 5px 15px; background: url(m_b.gif) no-repeat 0 100%;}
ul.menu li a:hover .s1 { background-position: -215px 100%;}

.mname { font: 17px Arial, Helvetica, sans-serif; color: #00749E; margin: 0 0 7px 19px;}
ul.menu2 { padding: 0 0 20px 15px;}

/* lastnews */
.nname { font: 13px Arial, Helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase; width: 205px; background: #00749E url(bn_b.gif) no-repeat left bottom; margin: 0 0 0 16px;}
.nname .s1 { display: block; height: 1%; background: url(bn_t.gif) no-repeat left top; padding: 2px 10px 1px 15px;}
.news { padding: 15px 15px 10px 19px; font: 13px Arial, Helvetica, sans-serif; color: #262626;}
.news a { color: #CC0035; text-decoration: underline;}
.news a:hover { color: #CC0035; text-decoration: underline;}
.news .date_tit { color: #000000; margin: 0 0 10px;}
.news .title { font-size: 13px; margin-left: 15px;}
.news .anonce { margin: 0 0 20px;}

.block { padding-bottom: 30px;}

/* copy */
.cop_l { margin: 0 15px 0 8px; height: 19px; background: #01608C url(cop_l.gif) no-repeat left top;}
.cop_r { height: 100%; background: url(cop_r.gif) no-repeat right top; font: 9px Tahoma, Geneva, sans-serif; color: #D6E5ED;}
.cop_r a { color: #D6E5ED; text-decoration: underline;}
.site_copy { padding: 4px 10px 0;}
.site_dev { float: right; padding: 4px 10px 0;}
/* footer
-------------------------------*/
.footer { height: 76px;}
.counters { padding: 15px; text-align: center;}

/* Tables
-------------------------------*/

/*table.table0 td p,table.table1 td p,table.table2 td p { margin: 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: #e9e9e9;}*/
table.table1 td { padding: 5px; border: 1px solid #91949a;}

table.table2 { border-collapse: collapse;  border-spacing: 0;}
/*table.table2 tr:hover { background: #e9e9e9;}*/
table.table2 td { padding: 5px; border: 1px solid #91949a;}
table.table2 th { padding: 8px 5px; border: 1px solid #fff; background-color: #888; 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 {}

/* HR line */

hr { color: #aaa; background: #aaa; height: 1px; border: none;}

.thumb              {color: #000000;}

.clear { clear: both; height: 0; overflow: hidden; font-size: 0;}

/* */

td.shop-column1 { width: 70%; padding-right: 10px; }
td.shop-column2 { width: 30%; }

h2.shop-product-title { font-size: 18px; font-weight: bold; }

/* SHOP CART */

div.shop-cart { text-align: right; font-size: 10px; text-transform: uppercase; margin-bottom: 20px; }
a.shop-cart { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase;}
a.shop-cart:hover { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: underline; text-transform: uppercase;}

/* SHOP PATH */

div.shop-path { text-align: left; font-size: 10px; text-transform: uppercase; margin-bottom: 10px; }
a.shop-path { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase;}
a.shop-path:hover { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: underline; text-transform: uppercase;}

/* SHOP FOLDERS */

div.shop-folders { }
div.shop-folders-title { color:#000000;font-weight:bold;padding:5px;background-color:#e0e0e0; }
div.shop-folders-body { padding: 15px; font-size: 11px; }
a.shop-folder { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: none; text-transform: uppercase;}
a.shop-folder:hover { font-size:10px; font-family: tahoma; font-weight: bold; text-decoration: underline; text-transform: uppercase;}

/* SHOP PRODUCT LIST */

table.shop-products { font-size:11px; border-collapse: collapse;  border-spacing:0; border-bottom: 1px solid #cccccc;  }
table.shop-products td { padding:5px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;}
td.product-th { padding:5px; background-color: #cccccc; font-weight: bold; color: #000000; text-align: center; }
td.product-tb { padding:5px; border-top: 1px solid #cccccc; text-align: right; }

div.shop-add-to-cart { padding:5px; }
span.shop-remove-from-cart { cursor: pointer; color: #cc0000; text-decoration: underline; }
span.shop-remove-from-cart:hover { cursor: pointer; color: #000000; text-decoration: underline; }

/* SHOP PRODUCT LIST STAGE */

table.stage { font-size:11px; }
td.stage-title { text-transform:uppercase; background-color:#cccccc; padding:7px; }
td.stage-image { padding: 5px; text-align:center; }
td.stage-body { padding: 10px; }


/* SHOP PRODUCT FORMS */

input.number { border:1px solid #cccccc; }
input.shop-add-to-cart { }
form.nomargin { margin: 0px;}


form.hidden { margin: 0px; }



ul.boxes {
	color: #cccccc;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 10px;
}

ul.boxes li { margin-bottom: 5px; }
ul.boxes li:hover { margin-bottom: 5px; }

/**/
.tmenu_box {
	padding: 2px 2px 0;
}
#tmenu, #tmenu ul, #tmenu li {
	margin:0;
	padding:0;
	list-style:none;
	font-size:0px;
	line-height:0px;
}

#tmenu {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

#tmenu td.c {
	/*float: left;*/ 
	font: bold 12px/1.1 Arial, Helvetica, sans-serif;
	padding: 0;
}

#tmenu a.c {
	display: block;
	height: 39px;
	color: #FFFFFF; 
	text-decoration: none;
	text-align: center;
}

#tmenu a.c:hover, #tmenu a.over {
	color: #007BB4; 
	text-decoration: none; 
	background: url(m2_ro.gif) no-repeat right top;	
}

#tmenu a.c .s1 {
	display: table-cell;
	vertical-align: middle;
	cursor: pointer; 
	height: 39px; 
	padding: 0 5px;
	text-align: center;
}
*body #tmenu a.c .s1  { display: block; line-height: 39px; text-align: center;}
*body #tmenu a.c .s2  { display: inline-block; line-height: 1.1; vertical-align: middle;}

#tmenu a.c:hover .s1, #tmenu a.over .s1 {
	background: url(m2_lo.gif) no-repeat left top;	
}

#tmenu td li a {
	display:block;
	line-height:normal;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	border-bottom:1px solid #fff;
	padding:3px 5px 3px 12px;
	background:none;
	font-weight:normal;
}

#tmenu td li a:hover, #tmenu td li a.over {
	background:none;
	text-decoration:underline;
	color:#fff;
} 

#tmenu ul {
	display:none;
	position:absolute;
	width:150px;
	background:#00aedf;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	margin:3px 0 0 0px;
	z-index:10000;
}

#tmenu ul ul {
	margin:-1px 0 0 1px;	
}

/**/
#lmenu, #lmenu ul, #lmenu li {
	margin:0;
	padding:0;
	list-style:none;
	font-size:0px;
	line-height:0px;
}

#lmenu {
	padding: 0 0 20px 15px;	
	width: 205px;
}

#lmenu a.c {
	margin: 0 0 1px;
	display: block; 
	font: 10px Arial, Helvetica, sans-serif; 
	text-transform: uppercase; 
	color: #000000; 
	text-decoration: none; 
	background: url(m_t.gif) no-repeat 0 0;
} 

#lmenu a.c:hover, #lmenu a.over {
	 color: #FFFFFF; 
	 text-decoration: none; 
	 background-position: -215px 0;	
}

#lmenu a.c span {
	display: block; 
	cursor: pointer; 
	padding: 4px 5px 5px 15px; 
	background: url(m_b.gif) no-repeat 0 100%;	
}

#lmenu a.c:hover span, #lmenu a.over span {
	background-position: -215px 100%;	
}

#lmenu li li a {
	display:block;
	line-height:normal;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	border-bottom:1px solid #fff;
	padding:3px 5px 3px 12px;
	background:none;
}

#lmenu li li a:hover, #lmenu li li a.over {
	background:none;
	text-decoration:underline;
	color:#fff;
} 

#lmenu ul {
	display:none;
	position:absolute;
	width:150px;
	background:#00aedf;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	margin:0px 0 0 0px;
	z-index:10000;
}

#lmenu ul ul {
	margin:-1px 0 0 1px;	
}