/* CSS Document */

/*общее...........*/
* {
margin: 0; 
padding: 0; 
border: 0;} 

a#mycarousel-prev{
    cursor: pointer;
	position:absolute;
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	background:url(../images/but_port_left.gif) no-repeat;
	width:20px;
	height:31px;
	top:50px;
	left:-40px;
	z-index:2;	
}


 


a#mycarousel-next{
  cursor: pointer;
  position:absolute;
 background:url(../images/but-port-right.gif) no-repeat;
	width:15px;
	height:31px;
	right:-50px;
	top:50px;
	z-index:2}


.border{
border:10px solid #e9e9e9}

.href{
color:#008ebd;
font:1.2em Tahoma;
text-decoration:underline;
display:block;
margin-top:8px}

.phref{
color:#5d5d5d;
font:1.1em Tahoma;}

a{
outline:none;
color:#008ebd;
text-decoration:none; } 

a:hover{
text-decoration:underline; } 

ul {
	list-style: none;
}

a img{
border:none;} 

img{
border:none;} 

.img{
display:block;}

.both{
clear:both}

html{
font-size:100.01%;}

body{ 
font-size:62.5%;}

#container{ 
width:100%;
min-width:1000px;
 }

 

/*шапка............*/
#top{
height:280px;
border-bottom:1px dotted #8a8a8a;
background:#ececec;
position:relative;}


.top_left1{
float:left;
width:47%;
 }

table.menu_top{
width:100%;
text-align:center;
font:1.4em Tahoma;
height:42px;
background:#FFFFFF url(../images/marker_menu_top_bottom.gif) repeat-x bottom;
 }


table.menu_top td{
color:#666666;
background:url(../images/menu_top_marker.gif) left top no-repeat; 
 }


table.menu_top td img{
float:right;}

table.menu_top td a{
color:#666666;}

table.menu_top td a:hover{
font:1.2em Tahoma;
color:#008ebd}


.profi{
background:#e9e9e9;
margin:10px 15px 0 15px}

.profi h1{
font:1.6em Tahoma;
color:#bc0070;
padding:0 0 0 15px;}

.style1 {color: #008ebd}
.style2 {color: #bc0070}

.profi p{
color:#333333;
font:1.2em Tahoma;
padding:10px 15px 0 15px;
text-align:justify;
}

.right_top{
float:left;
width:52%;
background:#FFFFFF;
border-bottom:1px dotted #8a8a8a;
border-left:1px dotted #8a8a8a;
border-right:1px dotted #8a8a8a;}



.svyaz{
float:left;
height:268px;
width:50%;
background: url(../images/shadow_top_form.gif) no-repeat right}


.svyaz form{
width:100%;
margin-top:10px;

}

.ta_form{
width:80%;
height:110px;
font:1.1em Tahoma;
color:#999999;
border:2px solid #e5e5e5;
margin:0 10% 0 8%}


.inp{
width:70%;
margin:0 10% 7px 8%;
border:2px solid #e5e5e5;
font:1.1em Tahoma;
color:#999999;
height:19px;}

.button_form{
background:url(../images/submit.gif) no-repeat;
width:59px;
height:14px;
cursor:pointer;
display:block;
float:right;
margin-right:11%;
margin-top:-29px;
}

.svyaz{
float:left;
width:45%;
margin-top:10px;}

.svyaz h1{
color:#bc0070;
display:block;
font:1.6em Tahoma;
margin:0 10% 10px 10%}

.svyaz h2{
display:block;
color:#008ebd;
font:2.2em Tahoma;
font-weight: bold;
margin:0 10% 5px 10%}


.svyaz p{
display:block;
color:#333333;
font:1.3em Tahoma;
margin:0 0 5px 10%;}



.spez_pr{
float:left;
width:45%;
margin-top:10px;}


.spez_pr h1{
color:#bc0070;
display:block;
font:1.6em Tahoma;
margin:0 10% 10px 10%}

.spez_pr h2{
display:block;
color:#008ebd;
font:1.2em Tahoma;
margin:0 10% 5px 10%}


.spez_pr p{
display:block;
color:#333333;
font:1.1em Tahoma;
margin:0 0 5px 10%;
border-bottom:1px dashed #bdbebf;
padding-bottom:8px;}




 /*portfolio*/

#portfolio{
width:100%;
position: relative;
height:230px;}

.logo{
	position:absolute;
	left:0;
	top: -46px;
	z-index:1;
}

a.home{
	position:absolute;
	background:url(../images/home.gif) no-repeat;
	width:11px;
	height:9px;
	background-position:0 0;
	z-index:2;
	left: 14px;
	top: -41px;
	left:30px;
}
a.home:hover{
background-position:0 -9px;}


a.search{
	position:absolute;
	background:url(../images/search.gif) no-repeat;
	width:10px;
	height:10px;
	background-position:0 0;
	z-index:2;
	left: 14px;
	top: -40px;
	left:63px;
}
a.search:hover{
background-position:0 -10px;}


a.mail{
	position:absolute;
	background: url(../images/mail.gif) no-repeat;
	width:13px;
	height:9px;
	background-position:0 0;
	z-index:2;
	left: 14px;
	top: -40px;
	left:94px;
}
a.mail:hover{
background-position:0 -9px;}



a.map{
	position:absolute;
	background: url(../images/map.gif) no-repeat;
	width:10px;
	height:11px;
	background-position:0 0;
	z-index:2;
	left: 14px;
	top: -41px;
	left:126px;
}
a.map:hover{
background-position:0 -11px;}

#portfolio h1{
	font:1.2em "Times New Roman", Times, serif;
	color:#bc0070;
	position: absolute;
	z-index:2;
	left: 45px;
	top: 55px;
}
.span1{
margin-left:17px;}

.span2{
margin-left:6px;}


#portfolio h2{
	position:absolute;
	font:1.2em "Times New Roman", Times, serif;
	color:#0099cc;
	z-index:2;
	left: 42px;
	top: 104px;
}
#portfolio h2 a{
color:#0099cc;
text-decoration:underline;
margin-left:4px;
}

#port_pro{
background:#f6f4f4;
height:214px;
width:94%;
left:5%;
position: relative;
top:5px;
padding-top:10px
}


/*CONTENT*/

/*LEFT*/
table.left{
width:100%;
 
 
}

.left td{
vertical-align:top}



#left_pred{
width:40%;
float:left;
padding:0 10% 0 5%

}

#left_pred h1{
color:#bc0070;
font:1.6em Tahoma;
margin:15px 0 18px 0;
text-decoration: underline;
 }

#client{
width:40%;
float:left;
 }

#client h1{
color:#bc0070;
font:1.6em Tahoma;
margin:15px 0 10px 0;
text-decoration: underline;}


.port_client{
font:1.2em Tahoma;
color:#666666;
text-align:left;
height:52px;
padding:5px 0 0 0;
margin:0 0 15px 0;}

.port_client img{
float:left;
margin-right:7px;
margin-top:-5px}

.port_client a{
color:#008ebd;}


.port_client p{
margin:10px 0 0 250px;
 
}

.port_client p a{
color:#008ebd;}


#news {
color:#bc0070;
font:1.6em Tahoma;
margin:15px 0 18px 0;
text-decoration: underline;
display: block;  }


#left_pred h2{
color:#bc0070;
font:1.6em Tahoma;
margin:15px 0 10px 0;
text-decoration: underline;
display: block;}

#left_pred h3{
color:#008ebd;
font:1.2em Tahoma;
margin:8px 0 0 0;
text-decoration: underline;
display: block;
text-align:left}


#left_pred h3 a{
color:#008ebd;
}

#left_pred img{
margin:10px 10px 0 0;
float:right;}


#left_pred h4{
color: #666666;
font:1.1em Tahoma;
margin:8px 0 8px 0;
display: block;
text-align:left;
border-bottom:1px dashed #bdbdbd;
padding-bottom:8px;}



#left_pred h4 span{
font:1.09em Tahoma;}
 






#left_pred p{
font:1.2em Tahoma;
color:#666666;
margin:0 0 15px 0;
text-align:left}

.sp_pr1{
color:#008ebd;
font:1.1em;}


.date{
font:1.2em Tahoma;
color:#666666;
margin:0 0 0 0;}

.date span{
font:0.8em Tahoma;
color:#666666;}

/**/
#cl{
float:left;
width:50%;}

#cl h1{
color:#bc0070;
font:1.6em Tahoma;
margin:15px 0 10px 0;
text-decoration: underline;
 }



#cl h2{
color:#bc0070;
font:1.6em Tahoma;
margin:15px 0 10px 0;
text-decoration: underline;
display: block;}


#cl h3{
color:#008ebd;
font:1.2em Tahoma;
margin:8px 0 0 0;
text-decoration: underline;
display: block;
text-align:left}


#cl h3 a{
color:#008ebd;
}

#cl img{
margin:10px 10px 0 0;
float:right;}


#cl h4{
color: #666666;
font:1.1em Tahoma;
margin:8px 0 8px 0;
display: block;
text-align:left;
border-bottom:1px dashed #bdbdbd;
padding-bottom:8px;}


#cl h4 span{
font:1.09em Tahoma;}
 





#cl p{
font:1.2em Tahoma;
color:#666666;
margin:0 0 15px 0;
text-align:left}




.box_bottom{
position: relative;
margin:0 0 0 -100%;
display:block;
 } 

.box_bottom p{
background:#ececec;
margin:20px;}


.right_collum{
width:33%;
border-left:1px dashed #878787;
background:#ececec;
 }


.right_collum h1{
font:1.6em Tahoma;
color:#bc0070;
text-decoration:underline;
margin:12px 0 14px 0;
display:block;
padding-left:15px}


.right_collum h2{
font:1.2em Tahoma;
color:#008ebd;
text-decoration:underline;
margin:0 0 15px 0;
display:block;
padding-left:15px}

.right_collum h2 a{
color:#008ebd;}



.right_collum p{
font:1.2em Tahoma;
color: #333333;
margin:0 20px 10px 15px;
padding:0 0 10px 0;
border-bottom:1px dashed #b7b7b9}

.otz{
width:209px;
height:117px;
position:relative;
background:url(../images/otz.gif) no-repeat;
margin:0 auto;
font:1.1em Tahoma;
color: #333333;
padding:8px 10px 0 10px;}

 


.otz img{
	position:absolute;
	left: 152px;
	top: 83px;
}


.right_footer{
background:#e2e1e2;
 }

.color{
background:#ececec;
height:20px}


.right_f{
height:47px;
text-align:center;}


.right_f p{
font:1.2em Tahoma;
color: #333333;
display:block;
margin-left:-30px;
position:relative;
padding:20px 0 0 0;}

.right_f p img{
	position:absolute;
	right:80px;
	top: 9px;
}

#page-all {
min-height:100%;
margin-bottom:-47px}

.left_bord_bottom{
border-bottom:1px dashed #bdbdbd;
clear:both;
width:90%;
margin:0 auto;
margin-bottom:15px}


.newsan{
margin:0 36px 15px 36px;
 
 }


.newsan h1{
font:1.6em Tahoma;
color:#bc0070;
text-decoration:underline;
margin-bottom:10px;
display:block}

.newsan h2{
font:1.2em Tahoma;
color: #666666;
display:block;
margin-bottom:8px}

.newsan h2 span{
font:0.91em Tahoma;}

.newsan h3{
font:1.2em Tahoma;
color:#008ebd;
text-decoration:underline;
display:block;
margin-bottom:6px}

.newsan h3 a{
color:#008ebd;}

.newsan p{
font:1.1em Tahoma;
color:#666666}

.arhiv{
margin:0 43px 0 30px;}

.arhiv img{
float:right}

.info{
margin:0 5% 0 5%;
padding:10px;
background:#ececec;
font:1.2em Tahoma;
color: #666666;}

.info h1{
font:1.6em Tahoma;
color:#bc0070;
text-decoration:none;
margin-bottom:10px;
display:block}

.info h2{
display:block;
color:#008ebd;
font:1.2em Tahoma;}

.info a{
color:#008ebd;
font:1em Tahoma;}

.info a:hover{
color:#008ebd;
text-decoration:underline;
font:1em Tahoma;}

.info h4{
font:1em Tahoma;
color:#bc0070;
text-decoration:none;
margin-bottom:10px;
display:block}

.lfooter{
height:47px;
background:#ececec;
position:relative;
margin-top:20px}

.lfooter img{
position:absolute;
right:0;
top:-15px}


.lfooter ul{
padding:8px 0 0 50px;
list-style:none;
display:block;}

.lfooter ul li{
font:1.2em Tahoma;
color:#333333;
display:inline;}

.lfooter ul li a{
color:#333333;}

.lfooter ul li a:hover{
color:#bc0070;}

.lfooter p{
color:#333333;
font:1.2em Tahoma;
padding:0 0 0 50px;
margin:4px 0 0 0;}

.style2 {color: #bc0070}


.kalk {
	color: #333333;
	font-size: 14px;
	font-weight:bold;
}