html, body {
    margin: 0;
    padding: 0;
    height: 100%; 
    background-color: #FFFFFF;
	font-family: Arial, Sans-Serif;

}
#conteiner {
    position: relative;
    min-height: 100%;
}

* html #conteiner {
    height: 100%;
}
#header {
    position: relative;
    height: 2.5em;
}

.end_content {
    position: relative;
    height: 2.6em;
}
#footer {
    background-color:#2c2c2c;
    color:#000000;
    position: relative;
    margin-top: -2.5em;
    height: 2.5em;
}


#footer a {  color:#FFFFFF; text-decoration: none; padding-top: 5px; }
#footer a:hover { color:#FFFFFF; text-decoration: underline; }
#footer #menuf { padding-top: 5px; }


p, dl, multicol { display:block; margin:1em 0; font-size: 15px; }
/* Τξπμϋ */
#input{ font-family: Arial, Sans-Serif; font-size: 13px; background-color: #ffffff; padding: 10px; width:440px; }
#inputArea input, #inputArea textarea { font-family: Arial, Sans-Serif; font-size: 13px; margin-bottom: 5px; display: block; padding: 4px; width: 430px; }
.activeField { background-image: none; border: solid 1px #046e8c; }
.idle  { border: solid 1px #85b1de; background-image: url( 'gray_bg.png' ); background-repeat: repeat-x; background-position: top; background-color:#FFFFFF; }

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{

}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
margin-right: 3px;
color: #F84600;
outline: none;
width: 170px;
padding: 8px 25px 12px 20px;
display: block;
height: 13px;
text-align: right;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: .025em;
font-size: 12px;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
color: #70A5AE;
background: url("arrows.gif") no-repeat 50% 50%;

}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
background: url("arrows.gif") no-repeat 0% 0%;
color: white;
}


.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
padding-right: 30px;
padding-left: 30px;
}

@media print {
.tabcontent {
display:block !important;
}
}

.tabcontent ul li {
	margin: 10px 0px 10px 0px;
}















h1 {
font-size: 18px;
color:#000000;
font-weight: normal;
}

h2 {
font-size: 18px;
color:#000000;
font-weight: normal;
}


h3 {
font-size: 18px;
color:#000000;
font-weight: normal;
padding: 0px;
margin: 0px;
}




.ums
{
font-size: 18px;
}



.same
{

	padding:0px 0px 10px 17px;
	color:#000;
	background:url(images/0blt1.jpg) 0 0 no-repeat;
}




.same-t
{

	padding:0px 0px 10px 17px;
	color:#000;
	background:url(images/0blt1.jpg) 0 0 no-repeat;
	font-size: 16px;
}




/*  <tarifs>   */
.tarifs {
	background:#fff;
	border:1px dotted #5a5858;
	margin-bottom:20px;
}
.tarif 
{
	width:100%;

}

.tarif th {
	color:#fff;
	font:16px Arial, Tahoma, Verdana;
	background:#2b2b2b;
	padding:15px;
}
.tarif th.descr {
	width:450px;
	color:#f8fcfd;
	font:15px Arial, Tahoma, Verdana;
	text-align:right;
	border-left:1px dotted #fff;
}
.tarif td {
	color:#373838;
	font:bold 13px Arial, Tahoma, Verdana;
	padding:23px;
	vertical-align:top;
}
.tarif td.brief {
	background:url(images/brief.gif) no-repeat left center;
}
.tarif p {
	padding:5px 0;
}
.price {
	color:#c10b65;
}
.orderplace {
	height:60px;
	background:url(images/orderplace.gif) repeat-x 17px;
	position:relative;
}
.order-btn {
	position:absolute;
	top:7px;
	left:50%;
	margin-left:-73px;
}
.tarif-help, .tarif-more {
	position:absolute;
	bottom:0;
}
.tarif-help {
	left:0;
}
.tarif-more {
	right:0;
}
.tarif-help a, .tarif-more a {
	color:#0b3140;
	font:13px Arial, Tahoma, Verdana;
	text-decoration:none;
}
.tarif-help a:hover, .tarif-more a:hover {
	text-decoration:underline;
}
/*  </tarifs>   */







/* <tarif dual list> */

#middle #content .dual_list
{
	padding:8px 0px 10px 0px;
}


#middle #content .dual_list td
{
	vertical-align:top;
	padding-right:30px;
}

#middle #content .dual_list  ul
{
	margin-left:8px;
	padding-left:0px;
	padding-bottom:5px;
	padding-top:5px;
	font-size:13px;
	line-height:15px;
}



/* </tarif dual list> */

/* .tariff_description {margin-bottom: 15px;} */
.tariff_description {padding-bottom: 15px;}
.tariff_description td {
padding: 5px 10px;
text-align:center;

}
.tariff_description th {
	color:#fff;
	font:16px Arial, Tahoma, Verdana;
	background:#2a2a2a;
	padding: 5px 10px;
}
.tariff_description th.descr {
	width:120px;
	color:#f8fcfd;
	font:15px Arial, Tahoma, Verdana;
	text-align:center;
	border-left:1px dotted #fff;
}
.bggrey, tr.bggrey td{
background: #f5f5f5;
text-align:center;

}
.zvezda {
	color:#ff0000;
	}
	
/*	<domain>   */

.domain 
{
	width:100%;

}
.domain th {
	color:#fff;
	font:16px Arial, Tahoma, Verdana;
	background:#103b4f url(images/tarif.gif) repeat-x;
	padding:15px;
}

/*   </domain>   */




.menu_link{
color:#D12C00;

padding-left:10px;
font-size: 14px;
}




a {color:#cd2800}
a:hover{text-decoration:none;}

.schetchik
{
padding: 10px;

}


img {border:0px;}



.dt {
	display:table; 
	width:100%;

}
.dr {
	display:table-row; 
	width:100%; 
	height:100%;
}
.dc {
	display:table-cell;
	text-align:left;
	vertical-align:top; 
	width:100%; 
}
.main_text,  select{
	font:normal 11px Arial, Helvetica, sans-serif;
	line-height:15px;
	color:#000;
}

font {
	font:normal 13px Tahoma, Arial;
	color:#D12C00;
}
.ta {
	border:1px solid #999;
	width:211px;
}

.ta {
	height:80px;
	overflow:auto;
	padding:2px 0px 0px 5px;
}
b {color:#5486a9; font-size:12px}
b a{color:#390}
font {font:bold 11px Arial, Helvetica, sans-serif; color:#5486a9}
.nn a{text-decoration:none}
.nn a:hover{text-decoration:underline}


.main {
	width:100%;
	background:url(images/tal.jpg) top left repeat-x #FFF;
}
.main_t {
	background:#FFFFFF;
}
.x {
	margin:0px 46px 0px 49px; 
	width:671px;
}
/*••••••••••••••HEADER•••••••••••••*/
.header {
	height:115px;
	background:url(images/hbg.jpg) 0 0 no-repeat;
}
.top_l {
	 background:url(images/top.jpg) 0 0 repeat-x;
}
.top {
	height:63px;
}

.umenu {	

	width:288px; 
	height:20px; 
	background:url(images/g.jpg) 0 0 no-repeat; 
	font:normal 10px Arial, Helvetica, sans-serif; 
	color:#FFF; 
	margin:0px 0px 0px 22px;

}
.umenu2 {	
	width:144px; 
	height:20px; 
	background:url(images/g2.jpg) 0 0 no-repeat; 
	font:normal 10px Arial, Helvetica, sans-serif; 
	color:#FFF; 
}
.mpct {
	width:100%;
	height:191px;
	background:url(images/mpct.jpg);
	background-repeat:no-repeat;
	
	
}
.block {
	margin:0px 0px 0px 5%; 
	width:90%;
    height: 100%;
}




.block b {
	color:#000000;
}
/*••••••••••••••CONTENT•••••••••••••*/
.mrg {
	margin:0px 0px 0px 0px; width:100%;
}
.cont {
	width:98%;
	
	padding-left: 14px;
	background:url(images/cont_bg.jpg) 0 0 repeat-x
}
.cb {
	margin:0px 0px 0px 20px; 
	width:200px;
}
li {
	list-style:none;

	padding:5px 0px 3px 0px;
}

.l {background:url(images/l.gif) top right repeat-y}
.r {background:url(images/l.gif) 0 0 repeat-y}
.rdmr {
	color:#cb2700;
	font:bold 10px Tahoma, Arial;
	background:url(images/0blt1.jpg) 0 0 no-repeat;
	padding:0px 0px 0px 10px;
	text-transform:uppercase;
}
.ftr {color:#c0c0c0;}
.ftr a{color:#c0c0c0;}

.ftr1 {color:#9a9a9a;}
.ftr1 a{color:#9a9a9a;}








/******************************************************************************* 
* 								Specific Styles         	                   *
*******************************************************************************/

H2.noSifr
{
	letter-spacing: -2px;
	color: #fd9e00;
	font-size: 2.8em;
	padding: 0px 0px 15px 0px;
	margin: 0;
	clear: both;
}

H2 span.blackBg
{
	font-size: 1em;
}
#animatedBanner .innertext H2
{
	color: #fff;
	margin: 0px;
	padding: 0px;
	font-size: 1.5em;
	letter-spacing: normal;
}
.ourwork #animatedBanner .innertext H2
{
	color: #fff;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	font-size: 1.2em;
	letter-spacing: normal;
}
#animatedBanner .innertext P
{
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
}
#animatedBanner .innertext A.moreLnk
{
	position: absolute;
	top: 35px;
	right: 20px;
	padding: 6px 8px 6px 8px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #d35d00;
}
#animatedBanner .innertext A.moreLnk:hover
{
	background-color: #000;
}
.ourwork #animatedBanner .innertext A.moreLnk
{
	top: 23px;
	right: 10px;
	padding: 3px 4px;
}

#leftCol P A
{
	color: #d35d00;
	text-decoration: none;
	border-bottom: 1px dotted #d35d00;
}
#leftCol P A:hover
{
	color: #fd9e00;
	text-decoration: none;
	border-bottom: 1px solid #fd9e00;
}
#rightCol H3
{
	color: #000000;
	font-size: 2em;
	padding: 0px 0px 0px 0px;
}
#rightSlidePanel H4
{
	color: #fff;
	font-size: 1.6em;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
}

#rightCol address
{
	font-weight: normal;
	line-height: 1.6em;
	font-size: 1.2em;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 10px;
}
#rightCol address.regDetails
{
	font-size: 1em;
}
#content P
{
	font-family: Arial, Helvetica, sans-serif;
}
DIV.boxout H2
{
	padding: 0px 0px 5px 0px;
	margin: 0;
}
DIV.boxout P
{
	font-size: 1em;
	padding: 0;
	margin: 0;
}

P#strapline
{
	color: #fff;
	clear: both;
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	height: 80px;
}
#strapline A
{
	text-decoration: none;
}
A.more, .panel P A.more
{
	padding: 15px 0px 0px 0px;
	position: absolute;
	top: 270px;
	left: 0;
	display: block;
	clear: both;	
	font-size: 1em;
	color: #fd9e00;
	text-decoration: none;
	border-bottom: 1px dotted #fd9e00;
}
.panel P A.more:hover
{
	color: #d35d00;
	border-bottom: 1px dotted #d35d00;
}

P.intro
{
	margin: 0px 0px 10px 0px;
}
span.blackBg
{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 1.4em;
	line-height: 1.3em;
	font-weight: bold;
	letter-spacing: -1px;
	display: inline;
	clear: both;
	padding: 0px 5px;	
	background-color: #000;
}

.smallCaps
{
	color: #666;
	text-transform: uppercase;
	font-size: 0.9em;
	margin: -10px 0px 0px 0px;
}




/******************************************************************************* 
* 								Animated Homepage Banner  	                   *
*******************************************************************************/

#animatedBanner
{
	height: 180px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
/****** Vertical slide-up boxes ******/

#animatedBanner .slide
{
	position: relative;
	overflow: hidden;
	height: 174px;
	width: 318px;
	float: left;
	margin: 0px 1px 1px 0px;
	background-color: #000;
}
#animatedBanner .slide .text_slider
{
	position: absolute;
	width:100%;
	top: 174px;
}

#animatedBanner .slide .innertext
{
	padding: 25px 18px 15px 18px;
	background: url("textSlider.png") 0 0 no-repeat;
}
/****** Horizontal sliding boxes ******/

.image_slider ul, .image_slider li
{
	margin:0;
	padding:0;
	list-style:none;
}
.image_slider li
{
	width:318px;
	height:174px;
	overflow:hidden; 
}

.image_slider li img
{
	width:318px;
	height:174px;
}

/******************************************************************************* 
* 					Animated Porfolios - based on above	                       *
*******************************************************************************/

.ourwork #animatedBanner
{
	height: auto;
	margin: 0px 0px 0px -6px;
	clear: both;
}
.ourwork #animatedBanner .slide
{
	border:0px solid red;
	position: relative;
	overflow: hidden;
	width: 299px;
	height: 204px;
	float: left;
	margin: 0 9px 0px 0px;
	background: url("workBg3.jpg") 0 0px no-repeat;
}
.ourwork .slide img
{
	width: 267px;
	height: 167px;
	margin: 12px 0px 0px 11px;
}
.ourwork #animatedBanner .slide .text_slider
{
	border-bottom:0px solid white;
	position: absolute;
	left: 11px;
	top: 179px;
	height:0px;
	overflow:hidden;
	width: 267px;
}
.ourwork #animatedBanner .slide .innertext
{
	padding: 20px 10px 10px 10px;
	background: url("textSlider.png") 0 0 no-repeat;
}














ul.menu {
    list-style:none;
    padding:0;
	margin: 0;
    font-size: 15px;
}

ul.menu li {
	float: left;
	margin: 0;	
	padding: 0;
	position: relative; 
}

ul.menu li a{
	padding: 12px 15px;
	padding-bottom:11px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	font-weight:bold;
	border-left: 1px solid #2c2c2c; 
	border-right: 1px solid #484848;
    background:#bd2301;	
	font-size: 15px;
}
ul.menu li a:hover{
	background:#c7492d;
}

ul.menu li ul.subnav {
	list-style: none;
	position: absolute; 
	left: 0; top: 38px;
	background:#bd2301;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 171px;
	border: 1px solid #2c2c2c;
	z-index:1;
}


ul.menu li ul.subnav2 {
	list-style: none;
	position: absolute; 
	left: 150px; top: -2px;
	background:#bd2301;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 171px;
	border: 1px solid #2c2c2c;
	z-index:10;
}


ul.menu li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #484848; 
	border-bottom: 1px solid #2c2c2c; 
	clear: both;
	width: 171px;
	background:#bd2301;
}
html ul.menu li ul.subnav li a {
	float: left;
	width: 130px;
    border:0;
	background:#bd2301;
	padding-top:7px;
	padding-bottom:7px;
	padding-left: 25px;
}
html ul.menu li ul.subnav li a:hover { 
	background:#c7492d;
}



ul.menu li a.active{ background:#FFFFFF; color: #f34b0a; font-size: 15px; font-weight: bold; }
ul.menu li a.active_r{ background:#FFFFFF; color: #f34b0a; font-size: 15px; font-weight: bold; border: 0; border-left: 1px solid #2c2c2c;  }
ul.menu li a.active_l{ background:#FFFFFF; color: #f34b0a; font-size: 15px; font-weight: bold; border: 0; border-right: 1px solid #2c2c2c;  }
ul.menu li a.active_h{ background:#bd2301; color: #ffffff; font-size: 15px; font-weight: bold; border: 0; border-right: 1px solid #2c2c2c;  }



.vcard { float: left; margin-bottom: 10px;  }
.consult { padding-right: 100px; }
.padumenu { padding-top: 35px; }
#searchbox { padding: 14px 20px 0px 520px; }
#searchbox input.sb {width: 220px;}
#searchbox input  {font-size: 16px;}
#searchbox div { position: relative; top: -17px; font-size: 12px; color: #000000;}
.descpb { padding-left: 10px; }
li.reply {color:#999999; }
li.box { font-size: 14px; }
li.box a {color: #000000; font-size:14px; }
ul.passages {padding:0px 0px 10px 0px; }
ul.passages li {font-size: 12px; color: #8f8f8e; }
ol.yasha { padding: 0px; }
#priceform p {padding:0px; margin:0px;}
#rightya { font-size: 12px; }
.warn { color: #bd2301; }