body{
margin: 0px;
padding: 0px;
font-family: "Tahoma";
background-color: #fff;
background:url(image/header_fon.jpg) top center no-repeat;
font-size:14px;

}

.base {	width: expression((document.body.offsetWidth <= 990) ? '990px' : '100%'); min-width: 990px;}

img{
border:0;
}

ul {
 margin: 0px;
 padding: 0px;

}
li {
 text-align:left;
 margin-top:0px;
 padding: 0px;
}

.content_block ul, .content_block01 ul{
color:#4C5D5F;
margin:20px;
list-style:none;
font-size:14px;	
}
.content_block li, .content_block01 li{
background:url(image/li.jpg) no-repeat top left;
padding-left:16px;
margin:8px 0px 2px 0px;
color:#4C5D5F;
display:block;
line-height: 20px;
font-size:14px;
}
.more_more ul{
color:#4C5D5F;
margin:0px;
list-style:none;
font-size:13px;	
}
.more_more li{
background:url(image/moreli.png) no-repeat top left;
padding-left:14px;
margin:0px 0px 4px 0px;
color:#4C5D5F;
display:block;
line-height: 16px;
font-size:13px;
}
.more_more li a:hover, .more_more li a{

font-size:13px;
}
 a:link,  a:visited{
color:#bf0707;
font-size:14px;
text-decoration:underline;
}
 a:hover, a:active{
color:#bf0707;
text-decoration:none;
font-size:14px;
}

table, tr, td{ 
margin:0px;
padding:0px; 
border-collapse: collapse; 
border-color: #666; 
}
table, tr, td .content_left{ 
border-collapse: collapse; 
border-color: #666; 
}
.img_letter{
margin: 5px 3px 0px 0px;
position:relative;
float:left;
}
.phone01{
width:324px;
position:relative;
float:left;
color:#fff;
font-size: 30px;
margin-left:3px;
}

.menu01{
width:585px;
position:relative;
float:right;
}
.menu01,.menu01 ul {	padding: 0;	margin: 7px 0px 0px 0px;	list-style: none;	line-height: 16px;}
.menu01 a { font-family: Trebuchet MS; color:#fff;	display: block; font-size:14px; text-decoration:none;}
.menu01 a:hover{text-decoration:underline;color:#fff;font-family: Trebuchet MS;display: block;}
.menu01 li {	float: left; margin-left:20px;}

.menu02{
position:relative;
float:left;
background:url(image/menu_fon01.jpg) repeat-x top;
height: 34px;
padding: 0;	
margin: 0px 0px 0px 0px;	
list-style: none;	
line-height: 33px;
}
.menu02 ul {border:1px solid #fff;	padding: 0;	margin: 0px 0px 0px 0px;	list-style: none;	line-height: 33px;}
.menu02 a { padding-left:20px; padding-right:20px; font-family: Trebuchet MS; color:#fff;	display: block; font-size:17px; text-decoration:none; height: 34px; line-height: 33px;}
.menu02 a:hover{padding-left:20px; padding-right:20px;text-decoration:none;color:#fff;font-family: Trebuchet MS;display: block; background:url(image/menu_fon02.jpg) repeat-x top; height: 34px;}
.menu02 li {	float: left; }

h1{
margin: 0px 0px 10px 0px;
font-size:36px;
color:#c30000;
font-weight:normal;
font-variant:small-caps;
padding:0px;
}
h2{
margin: 20px 0px 20px 0px;
font-size:20px;
color:#232b2d;
font-weight:normal;
white-space:nowrap;
font-variant:small-caps;
}
h3{
margin: 0px 0px 0px 0px;
font-size:23px;
color:#000;
font-weight:normal;
white-space:nowrap;
font-family: Trebuchet MS;
border-bottom: 1px dotted #4b4b4b;
}
h4{
margin: 0px 0px 20px 0px;
font-size:26px;
color:#c30000;
font-weight:normal;
white-space:nowrap;
font-variant:small-caps;
padding:0px;
}
p{
margin:14px 0px 0px 0px;
font-size:14px;
color:#4c5d5f;
}
.more_more{
margin:0px 26px 0px 0px;
font-size:14px;
color:#4c5d5f;
width:422px;
position:relative;
float:left;
}
.all{
position:relative;
width:990px;
margin:0px auto;
}
.header_menu{
width:900px;
height:40px;
position:relative;
float:left;
margin-left:24px;
}
.content_left ul {
 margin: 0px;
 padding: 0px;
}
.content_left li {
 text-align:left;
 margin:10px 10px 10px 20px;
 padding: 0px;
 font-size:14px;
color:#4c5d5f;
}

.b{
font-weight:bold;
}

.fon_bottom{
width:100%;
background:url(image/fon_bottom.jpg) no-repeat center bottom;
position:relative;
float:left;
}
.fon_top{
width:100%;
background:url(image/fon_top.jpg) no-repeat center top;
}
.bb{
width:980px;
margin:0px auto;

}
.header_top{
font-family: Trebuchet MS;
height:45px;
width:940px;
position:relative;
margin:0px auto

}


.header_top02{
margin:24px 0px 0px 0px;
width:940px;
position:relative;
float:left;
margin-left:24px;
}
.logo{
width:358px;
height:50px;
position:relative;
float:left;
margin:8px 0px 0px 10px;


}
.header_slide{
width:559px;
height:268px;
position:relative;
float:right;
margin:0px 0px 0px 0px;
}
.header_text{
width:369px;
min-height:130px;
position:relative;
float:left;
margin:40px 0px 0px 0px;
background: url(image/fon_m01.png) repeat top;
color:#fff;
padding: 0px 0px 0px 12px;
font-family: Trebuchet MS;
font-size:16px;
line-height:40px;

}
.text01{
color:#fff;
font-size:14px;
margin-bottom:6px;
}
.phone{
color:#fff;
font-size: 30px;
font-weight:bold;

}
.m{
color:#fbb40b;
font-size:18px;
font-weight:normal;
}
.content{
width:980px;
margin:10px auto 0px auto;
}
.content_left{
position:relative;
float:left;
width:654px;
}
.content_right{
position:relative;
float:right;
width:273px;
margin-top:30px;
}

.cc{
margin-left:30px;
width:750px;
}

.menu_bottom01{
width:100%;
background:url(image/menu_bot01.jpg) no-repeat left;
height:43px;


}
.menu_bottom02{
width:100%;
background:url(image/menu_bot02.jpg) no-repeat right;
height:43px;
 
}
.menu_bottom03{
width:100%;
background-color:#fff;
height:43px;
position:relative;
float:left;
margin-top:80px;


}
.menu_bottom02 table{
margin-top:10px;
}
.line_menu{
width:1px; border-left:1px solid #00678c; height:23px;
}
.menu_bottom02 a{
color:#00678c;
text-decoration:none;
line-height:23px;
}
.menu_bottom02 a:hover{
color:#b81808;
text-decoration:none;
line-height:23px;
}



.block02{
margin-left:150px;
width:620px;
height:86px;
margin-bottom:20px;
}
.block01_all{
width:990px;
position:relative;
float:left;
margin-left:9px;
}

.block01{
width:973px;
height:90px;
background:url(image/block01.png) no-repeat top center;

}

.block01_content{
position:relative;
width:880px;
float:left;
top:-55px;
margin-left:50px;
min-height:200px;

}

.block02_content{
position:relative;
width:990px;
float:left;
top:-55px;


}
.block01_fon{
width:973px;
background:url(image/block01_fon.jpg) repeat-y top center;
position:relative;
float:left;
}
.block01_f{
width:973px;
background:url(image/block01_f.jpg) no-repeat bottom center;
position:relative;
float:left;
}
.block01_content01{
position:relative;
width:880px;
}
.block01_left{
width:263px;
position:relative;
float:left;
background:url(image/calc.png) no-repeat right center;
font-size:13px;
}
.block01_center{
width:263px;
position:relative;
float:left;
margin:0px 37px;
background:url(image/coc.png) no-repeat right center;
font-size:13px;
}
.block01_right{
width:273px;
position:relative;
float:left;
}
.s01 a{
font-size:12px;
}
.block01_text{
margin: 10px 0px 0px 0px;
position:relative;
float:left;
color:#505050;
font-size:13px;
}
.red01{
font-size:14px;
font-weight:bold;
color:#BF0707;
}
.red02{
color: #fff;
background-color:#bf0707;
border-bottom:1px solid #dd9393;
border-top:1px solid #dd9393;
padding:2px 10px;
line-height:16px;
font-size:12px;
}
.otziv_fon{
width:273px;
height:99px;
background:url(image/otziv_fon.png) no-repeat top left;
padding:0px 0px 0px 28px;


}
.otziv_text{
width:215px;
color:#fff;
font-style:italic;
font-family: Trebuchet MS;
font-size:13px;

}
.otziv_text a{

width:215px;
color:#fff;
font-style:italic;
font-family: Trebuchet MS;
font-size:13px;
text-decoration:none;
}
.black{
color:#000;
font-size:14px;
font-weight:bold;
}
.block03{
width:100%;
background:url(image/two.jpg) no-repeat top left;
}

.block04{
width:100%;
background:url(image/three.jpg) no-repeat top left;
}
.left{
position:relative;
float:left;
width:50%;
height:140px;
}
.right{
position:relative;
float:left;
width:50%;
height:140px;
}


.form01{
width:273px;

padding: 3px;
font-size:15px;
color:#666;
border: 1px solid #d9d9d9;
background-color: none;
}
.form02{
width:273px;
padding: 5px;
font-size:21px;
color:#666;
border: 1px solid #d9d9d9;
background-color: none;
}
.send {
color:#fff;
font-size:18px;
font-weight:bold;
text-decoration:none;
white-space:nowrap;
display:block;
width:144px;
height:36px;
text-align:left;
padding-left:18px;
line-height:36px;
background: url(image/send.jpg) no-repeat;
border:0px;
}
.but_left{
position:relative;
width:45px;
float:left;
left:0px;
top:-10px;

}
.but_right{
position:relative;
width:45px;
float:right;
left:0px;
top:-10px;

}
button{
padding:0px;
margin:0px;
font-size:1px;
}
.but_left button, .but_right button{
background:none;
border:none;
width:45px;
}
.block01_tafif{
width:960px;
position:relative;
float:left;
margin-left:5px;
}


.block03_content{
position:relative;
width:868px;

float:left;
top:-55px;

}
.anyClass{
width:860px;
position:relative;
float:left;
margin-left:8px;
}
.anyClass li{
width:215px;

background:url(image/line.jpg) no-repeat right;

}
.block02_left_text{
width:190px;
margin-left:10px;
height:120px;

}

.block02_text{
font-family:Tahoma;
color:#050505;
font-size:13px;
line-height:18px;

}
.tarif_name{
margin-bottom:4px;
}
.tarif_price{

font-family:Tahoma;
font-size:22px;
color:#bf0707;
}
.tarif_name a{
font-family:Tahoma;
font-size:18px;
color:#bf0707;

}
.day{
font-size:10px;
color:#505050;

}
/* root element for the entire scrollable setup */
div.scrollable {
	position:relative;
	overflow:hidden;
	width: 646px;
	height:300px;
}

/*
	root element for scrollable items. It is
	absolutely positioned and given a large width.
*/
#thumbs {
	position:absolute;
	width:20000em;
	clear:both;
	border:1px solid #222;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;
}



/* single item */
#thumbs div {
	float:left;
	width:214px;
	height:300px;
	background:#333 url(http://static.flowplayer.org/img/global/gradient/h150.png) repeat-x 0 146px;
	color:#fff;
	border-left:1px solid #333;
	cursor:pointer;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#444;
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#066;
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;
}

#thumbs h3 em {
	font-style:normal;
	color:yellow;
}

.footer_block{
width:100%;
position:relative;
float:left;
height:100px;
background:url(image/footer_fon.jpg) top center no-repeat;
margin-top:80px;
}
.footer_content{
width:973px;
position:relative;
height:100px;
margin:0px auto;

}
.menu_footer{
width:700px;
position:relative;
float:left;
}
.menu_footer,.menu_footer ul {	padding: 0;	margin: 10px 0px 0px 0px; height:26px;	list-style: none;	line-height: 20px;}
.menu_footer a { font-family: Trebuchet MS; color:#fff;	display: block; font-size:16px; text-decoration:none;}
.menu_footer a:hover{text-decoration:underline;color:#fff;font-family: Trebuchet MS;display: block;}
.menu_footer li {	float: left; margin-left:20px; margin-right:10px;}

.footer_right{
width:180px;
position:relative;
float:right;
color:#fff;
font-size:12px;
text-align:left;
margin-top:20px;
margin-right:20px;
background:url(image/author.png) no-repeat top right;
}
.live{
width:500px;
margin: 10px 0px 0px 20px;
position:relative;
float:left;
}
.footer_left{
width:700px;
position:relative;
float:left;
color:#fff;
font-size:12px;
text-align:left;
}
.content_block01{
width:630px;
margin:0px 0px 20px 26px;
position:relative;
float:left;
}
.letter{
width:280px;
margin:0px 0px 20px 30px;
position:relative;
float:left;
}

.more{
position:relative;
float:left;
margin-left:26px;
width:939px;
height:150px;
margin-top:20px;
}
.content_block{
width:550px;
margin:0px 30px 0px 0px;
position:relative;
float:left;
}
.right_content_block{
width:300px;
margin:0px 0px 0px 0px;
position:relative;
float:left;
background:url(image/line_cen.jpg) repeat-y left;
}
.right_content_fon01{
width:300px;
background:url(image/line_bot.jpg) no-repeat left bottom;
position:relative;
float:left;
}

.right_content_fon02{
width:300px;
background:url(image/line_top.jpg) no-repeat left top;
position:relative;
float:left;


}
.right_content_text{
width:270px;
position:relative;
float:left;
margin:10px 0px 50px 27px;
font-size:13px;
}
.content_block_job{
width:100%;
margin:0px 0px 20px 26px;
position:relative;
float:left;
}
.link, .link a {
font-size:11px;
}
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0px;
			position: relative;
			width: 960px;
			left:-70px;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 960px;	left:-70px; background: none; }
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			
			margin: auto;
			width: 830px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 100%;
			clear: both;
			
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 880px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 0px;
		}
		
		.stripNav li.tab1 a { background: none; }
		.stripNav li.tab2 a { background: none; }
		.stripNav li.tab3 a { background: none; }
		.stripNav li.tab4 a { background: none; }
		.stripNav li.tab5 a { background: none;}
		
		.stripNav li a:hover {
			background: none;
		}
		
		.stripNav li a.current {
			background: none;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 56px;
			width: 45px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("image/bot_left.png") no-repeat center;
		}
		
		.stripNavR {
			background: url("image/bot_right.png") no-repeat center;
		}
		
.portfolio_img{
width:450px;
margin:0px 20px 20px 0px;
position:relative;
float:left;
border:3px solid #ccc;
}
.portfolio_right{
width:350px;
margin:0px 20px 20px 0px;
position:relative;
float:left;
}