@import url("reset.css"); 
@import url("aow.css"); 

/* ----------------------------------------------*/
/* -------------***ARTOFWEB.RU****---------------*/
/* ----------------------------------------------*/


/* GLOBAL STYLES */




html, body{
	height:100%;
}

body{
	font-family: Tahoma;
	font-size: 100.01%;
	font-size: 12px;
	line-height: 140%;
	color: #303030;
 	background-color: #ffffff;	
	background-repeat:no-repeat;
	background-position:center bottom;
}

a:link,
a:visited,
a:hover,
a:active{
	color:  #000000; 
	text-align: left;
}
a:visited{

}
a:hover,
a:active{
	text-decoration: none;
}

h1,
h2,
h3{
	font-family: Tahoma;
	line-height: 150%;
	text-align: left;
	margin-bottom: 0.5em;
}

h1{
	font-size: 24px;
	font-weight: normal;
}
h2{	
	font-size:15px;
	font-weight: bold;
}
h3{
	font-weight: bold;
	font-size:13px;
}
	
ol,ul{
	margin: 5px 0px 10px 20px;
	text-align: left;
}
ol{
	list-style-type: decimal;
}
ul{
	list-style-type: disc; 
}
li{
	/*margin-left: 5px;*/
	line-height: 140%;
	
}
img{
	border: none;
}
p{
	line-height: 140%;
	margin-bottom: 10px;	
}
/* Core
------------------------------ */

* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.container { width: 100%; }
.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }



/* Content elements
------------------------------ */

blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
code, pre { font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }
strong {  }
em {  }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

.em { font-style: italic; }
.strong { font-weight: bold; }

.content ul, .content ol { margin-left: 3em; line-height: 1.3em; }
.content ul li, .content ol li { margin-bottom: .2em; }

.content dl {  }
.content dl dt { margin-bottom: .2em; font-weight: bold; }
.content dl dd { padding-left: 5em; margin-bottom: .4em; }

.icons a, .icon { padding: 1px 0 1px 20px; background-repeat: no-repeat; background-position: left center; }

.content p, 
.content ul, 
.content ol, 
.content dl, 
.content table, 
blockquote, 
pre, 
.columns, 
.content img, 
hr { margin-bottom: 11px; }


.box { margin: 11px; }

/* Text align, float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }

/*	Tables
------------------------------ */

table { 
	border-collapse: collapse; 
}

table th, 
table td { 
	padding: 2px 3px; 
	vertical-align: top; 
}

table th { 
	background: #f4f4f4; 
}

table td {  }


/* Images
------------------------------ */

.content img { 
	padding: 5px; 
	border: 1px solid #fff !important; 
	margin-top: .4em; 
}

.content img.null-image { padding: 0!important; border: none!important; margin: 0!important; }

img.f-left { margin-right: 1em; }

img.f-right { margin-left: 1em; }

/* Content Form
------------------------------ */

.content form { padding: .5em 0; }

.content fieldset { margin-bottom: 1em; border: none; }

.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.content .f-row { overflow: hidden; margin-bottom: .5em; }

.content label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }

.content .f-inputs { padding-left: 30%; }

.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }

/* Inputs
------------------------------ */

input { 
	vertical-align: middle;
	border:1px solid #808080;
	background:#EFEFEF;
	margin:3px 0;
	padding:2px 3px;
 }

.i-checkbox { margin-top: 3px; }
 
.i-text { width: 200px; padding: 1px; font: 1em sans-serif; }

.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }


/* ----------------------------------------------*/
/* -------------***YOUR DOMAIN****---------------*/
/* ----------------------------------------------*/

#container{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#content{
	position:relative;
	padding-bottom:50px;
	padding-bottom:50px;
}


	.logo{
		position:absolute;
		top:0px;
		left:0px;	
		padding-top:30px;
	}

	
	.main_logo{
		margin-bottom:30px;
	}
	
	.phones{
		position:absolute;
		top:30px;
		right:10px;
		color:#000000;
		font-size:20px;
		line-height:120%;
	}

	.menu{
		text-align:center;
		padding:130px 0 36px 0;
	}
	
	.menu a{
		font-size:24px;
		text-decoration:none;
		padding:1px 7px;
		margin:1%;
		color:#303030;
	}

	
	.menu a:hover, .menu .selected{
		text-decoration:underline;
	}
	
	.flags{
		position:absolute;
		top:40px;
		left:0px;
		width:1000px;
	}

	.flags a{
		margin:0 5px;
	}
	
	.slogan{
		position:absolute;
		top:70px;
		left:0px;
		width:1000px;		
		text-align:center;
		font-weight: bold;		
	}

	.slogan span{
		font-size:14px;
		padding:2px 5px;
		background:#000000;
		color:#ffffff;
	}
	
	.content_bg{
		width:50%;
		float:left;
		display:inline;
	}
	
	.right{
		padding-top:7px;
		float:left;		
		width:50%;		
	}
	
	.right_block{
		text-align:right;
	}

	.right_block div{
		font-family:Arial;
		font-size:12px;
		float:right;
		margin:2px;
		display:inline;
	}
	
	.right_block a{
		line-height:130%;	
		text-decoration:none;
		color:#ffffff;
		background:#AFAFAF;
		padding:1px 3px;
	}

	.right_block a:hover{
		background:#000000;
	}
	
	.rleft,
	.rright{
		width:90%;
		float:left;
		text-align:center;
		padding: 3% 0 0 40px;
		display:block;
	}
	
	.rleft p{
		text-align:left;
		font-size:12px;
	}
	
	.footer{
		margin:30px 0;
		height:60px;
		font-size:12px;
	}
	
		#counters{
			position:absolute;
			bottom:0px;
			left:450px;
			text-align:right;			
		}
	
		.copy{
			position:absolute;
			bottom:0px;
			right:0px;
			text-align:right;
		}
		
		.contacts{
			position:absolute;
			bottom:0px;
			left:80px;		
		}
	
	.form_mails_left ,
	.form_mails_right{
		float: left;
		width: 225px;
	}
	
	.form_mails_left{
		padding-top:1px;
	}
	
	.black_input,
	.black_select,
	.black_textarea{
		background:#cccccc;	
		color:#000000;
		font-size:14px;	
		font-family:tahoma;				
		border:1px solid #808080;		
	}
	
	.black_input{
		width:220px;	
		border:1px solid #808080;
		margin:0 0 2px 0 !important;
	}

	.black_select{
		width:458px;	
		margin:0 0 1px 0 !important;
	}
	
	.black_textarea{
		height:71px;
		width:220px;
		margin:1px 0 0 5px;
		padding:0px 3px;
	}

	.black_button{
		margin-top: 10px;
		float: right;
		background:#cccccc;
		color:#000000;
		border:1px solid #808080;
		font-size:14px;
		font-family: Tahoma;
	}


		.black_img_site,		
		.black_img_docs,
		.black_img_track,
		.black_img_mail{
			width:108px;
			height:23px;
			margin:1px 0px 1px 2px !important;
			cursor:pointer;
			background-color:#ffffff;
			background-repeat: no-repeat;
			background-position: center;			
		}
	
		.black_img_site{
			background-image: url('../img/icon_aow_logo.jpg');
		}
		
		.black_img_docs{
			background-image: url('../img/icon_wiki_logo.jpg');
		}
		
		.black_img_track{
			background-image: url('../img/icon_track_logo.jpg');		
		}
		
		.black_img_mail{
			background-image: url('../img/icon_mail_logo.jpg');		
		}
	
	.printico{
		position:absolute;
		right:20px;
		top:0px;
	}
	
	#map_canvas {
		width: 400px; 
		height: 300px; 
		margin: 10px;
		background: transparent;
		float: left;
	}
	#map_canvas_up {
		width: 420px; 
		height: 320px; 

	}
	
	.sevice_table h2{
		margin-top:10px;
	}
	
	.portfolio_div{
		float:left;
		margin:0 20px 20px 0;
		position:relative;
	}	

	.portfolio_div_div{
		text-align:right;
		position:absolute;
		bottom:4px;
		right:1px;
		background: url('../img/emp.png');
		color:#ffffff;
		padding:0px 3px;
	}
	
	.portfolio_div img{
		border:1px solid #DFDFDF !important;
	}
	
	.portfolio_div img:hover{
		border:1px solid #808080 !important;
	}	
	
	.portfolio_def_left,
	.portfolio_def_right{
		float:left;
	}
	
	.portfolio_def_left{
		margin: 0 20px 20px 0;
	}
	
	.portfolio_def_left img{
		border:1px solid #9F009F !important;
	}	
	
	.portfolio_def_right_title{
		background:#003A9F;
		color:#ffffff;
		padding:0px 3px;
		margin-bottom:10px;
		font-weight:bold;
	}
	
	.portfolio_def_right_date,
	.portfolio_def_right_query,
	.portfolio_def_right_desc,
	.portfolio_def_right_itog{
		color:#ffffff;
		padding:0px 3px 1px 3px;
		font-weight:bold;
	}

	.portfolio_def_right_date{
		background:#00BFBB;
	}
	
	.portfolio_def_right_query{
		background:#CF9700;
	}	

	.portfolio_def_right_itog{
		background:#8000BF;
	}	
	
	.portfolio_def_right_desc{
		background:#00AF6A;
	}

	.qr{
		position:absolute;
		left:0px;
		bottom:-30px;
	}