/*

        Сайт сделан в IT Studio.

        www.itstudio.ru

*/



* {box-sizing: border-box; x-moz-box-sizing: border-box}



	html, body,

	table, td,

	form,

	h1, h2, h3, h4, h5, h6,

	p,

	ol, ul {padding: 0; margin: 0}

	



html {xfilter: expression(document.execCommand("BackgroundImageCache", false, true))}





img, table, td {border: 0}





body, td, th {font: 80%/135% Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #000}

table {border-collapse: collapse}



/*img.png {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=/i/img.png)}*/



a:link {color: #00aeef}

a:visited {color: #00aeef}   

a:hover {text-decoration: underline; color: #00aeef}

a:active {color: #00aeef}



hr {height: 0px; border: 0; border-top: 1px solid black}



h1 {font: 170% Tahoma, Arial, sans-serif; color: #0789ed; padding: 1em 0em 1em}

h2 {font: 150% Tahoma, Arial, sans-serif; color: #000; padding: 0em 0em 1em}

h3 {font: 130% Tahoma, Arial, sans-serif; color: #005cac; padding: 1em 0em 0em}









p {padding-bottom: 1em}



ul {padding: 0.2em 0 1em 3em}

ol {padding: 0.2em 0 1em 3.5em}



/*

button {}

input {}

textarea {}



.blur {color: silver}

.focus {color: black}

*/



/* markup */

body {background: #eefeff url(/i/star.jpg) bottom right no-repeat}



#inner {background-image: 
/*url(/i/bg-inner.jpg);*/
url(/files/5.gif);
/*background-position: 978px 25px*/
background-position: 998px 25px;
}

#page, #footer {width: 100%; text-align: left; width:expression((document.documentElement.clientWidth||document.body.clientWidth) < 1000 ? "1000px": "100%"); min-width: 1000px}





/* stickly footer */

html, body {xheight: 100%}

#page {

	

	min-height: 100%;

	height: auto !important;

	height: 100%;

	margin: 0 auto -8em; /* the bottom margin is the negative value of the footer's height */

}



#footer, #push {

	height: 8em; /* .push must be the same height as .footer */

}





#ships {

	position:absolute;

	top:110px;

	left: 0;

	overflow:hidden;

	width: 239px;

	height: 214px;

	background: transparent url(/i/ship.png) left top no-repeat;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=/i/ship.png);

	_background: none

}

#coast {

	position:absolute;

	top:0;

	left: 100%;

	margin-left: -323px;

	overflow:hidden;

	width: 323px;

	height: 320px;

	background: transparent url(/i/coast.png) left top no-repeat;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=/i/coast.png);

	_background: none

}

#seagull {

	position:absolute;

	top:100px;

	left: 40%;

	width: 91px;

	height: 27px;

	background: url(/i/seagull.gif) left top no-repeat;

}



#a {position: absolute; top:308px; left: 0; background: url(/i/a.gif) top right repeat-x; width: 100%; height: 50px}



#inner #header {background: url(/i/bg-header.jpg) 0 0 no-repeat; height: 188px}

#header {width: 100%; position: relative}

	

	#sea {background: url(/i/sea.jpg) top left repeat-x; height: 150px}

	#heaven {background: url(/i/heaven.jpg) top left repeat-x; height: 182px}



	#logo {position: absolute; top: 15px; left: 65px}

	#inner #logo {top: 69px; left: 67px}

		#logo img {font-size: 150%}

	

	#slogan {position: absolute; top: 265px; left: 33%; text-transform: uppercase; color: white}

	#inner #slogan {border: 1px solid red; position: relative; text-transform: uppercase; color: white}



	#service-nav {list-style: none}

	#i-home {position: absolute; top: 75px; left: 785px; width: 17px; height: 16px}

	#i-map {position: absolute; top: 50px; left: 832px; width: 17px; height: 16px}

	#i-mail {position: absolute; top: 20px; left: 873px; width: 17px; height: 16px}





#inner #tel {position: absolute; top: 158px; left: 60px}

#inner #tel .tel {color: #5b86ac; font: bold 120% Tahoma}

#inner #tel .prefix {color: #a9d2e9}





#menu {margin: 0; padding: 0; list-style: none; position: absolute; top: 37px; left: 28%}



#inner #menu {margin: 0; padding: 0; list-style: none; top: 158px; width: 680px; left: 279px}

	#menu li {float: left; margin: 0 30px 0 0; font-size: 120%; font-weight: bold}

	#inner #menu li {margin: 0 20px 0 0; font-weight: normal}

	#inner #menu a {color: #005cac}

	#menu a:hover {color: #000}



	

	

#m1 {

  

  background: #00aeef url(/i/m-1.jpg) 0 0 no-repeat;

  padding-top: 20px;

  width: 243px;

  

}



#m2 {

  

  background: url(/i/m-2.jpg) bottom left no-repeat;

  padding-bottom: 200px;

  

}



#menu2 {padding: 2em 0 0 0; margin: 0px; list-style: none; width: 243px; border-bottom: 1px solid #5dccf5}



#menu2 li {color: white; border-top: 1px solid #5dccf5; padding: .4em 0 .5em 10px; font-size: 120%}

#menu2 li a {color: white; text-decoration: none}

#menu2 li a:hover {color: white; text-decoration:underline;}



#menu2 li.selected {padding: 0; border-top: 1px solid #fff}



#menu2 li.selected a, #menu2 li.selected b {background: url(/i/m-selected.gif) center left no-repeat; display: block; padding: .4em 0 .5em 15px; border-bottom: 1px solid #fff}



#menu2 li.selected ul a {background: none; display: inline; padding: 0; border: none}

#menu2 li.selected ul b {background: none; display: inline; padding: 0; border: none}



#menu2 li.selected li.selected ul li { margin-left: 0px; padding-left: 0px;}



#menu2 li.selected li.selected a {background: none; display: inline; padding: 0; border: none}

#menu2 li.selected li.selected b {background: none; display: inline; padding: 0; border: none}



#menu2 li.selected li.selected {padding: 0 0 0 10px; border-top: none}



#menu2 li.selected li.selected a, #menu2 li.selected li.selected b {border-bottom: none; font-weight: bold}

#menu2 li.selected li.selected ul li a {font-weight: normal}

#menu2 li ul {margin-left: 6px; padding-left: 6px}

#menu2 li ul li {list-style: none; font-size: 85%; border: none}

#menu2 li ul li ul li {list-style: none; font-size: 100%; border: none; margin-left: 0px; padding-left: 0px}

#menu2 li ul a {background: none}

#menu2 li ul b {background: none}



















#content {margin: 0 65px 50px; padding-top: 24px}

#content td {vertical-align: top}



	#content_right {padding-top: 0}

	

	/*#home #news {background: url(/i/anchor.jpg) top left no-repeat; width: 260px; padding-top: 190px}*/

	

	#home #news { top left no-repeat; width: 300px; text-align: justify}

	

	

	#home #news .item {clear: both; margin-bottom: 2.5em}

	

	

	#inner #news .date {display: block; font-size: 80%}

	#inner #news dt {font-size: 120%}

	#inner #news dd {margin: 0 0 2em 0}

	

	

	#info-and-contacts {}

	

	#icons {margin: 30px 0 0; padding: 0}

		#icons li {margin-right: 22px; margin-bottom: 13px; list-style: none; float: left}

		

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

	#info {width: 50%; float: left; padding-right: 50px}

	

	

	#contacts .tel {font-size: 250%; color: #002f53; line-height: 120%}

	#contacts .prefix {font-size: 50%}



#footer {margin: 0 auto}

#inner #footer, #inner #footer td {font-size: 70%; color: #5089b4}

		#copyright {padding: 0 0 0 65px; width: 40%; float: left}

		#inner #copyright {font-weight: bold; padding: 0 0 0 48px; width: 230px}

		.adr{font-style: normal}

		.adr .tel, .adr .prefix {font-size: 100%}

			

			#it {width: 24em}

		



		/* IT Studio copyright */

		#itstudio {float: left}

		#itstudio img {float: left; position: relative; top: 3px; margin-right: 4px; width: 33px; height: 36px}

		#itstudio p {padding: 0 !important; margin: 0 !important}

		#itstudio p a{color:#5089B4; text-decoration:none;}

		#itstudio p a:hover{color:#5089B4;}	

		#itstudio td {line-height: 110%}

		



/* content */





table.user {border: 1px solid gray; margin-bottom: 1em}

    table.user td, table.user th  {border: 1px solid gray; padding: 2px 5px}



/* custom for contacts form */

.feedback {margin-top: 1em}

                .feedback input {margin-bottom: 1em}

                .feedback textarea {height: 6em; margin-bottom: 1em}

                .feedback button {display: block; clear: both; margin: 1em 0 0 8em; padding: 4px 14px; _padding: 2px 1px}

				.feedback input, .feedback textarea {width: 20em; font-size: 100%}



				.feedback .text {width: 8em !important; display: inline; float: left; clear: both; margin-bottom: 1em; padding-right: 10px}

				.feedback #code {width: 5em; margin-left: 0.3em}

				.feedback #code_img {vertical-align: top; margin-top: 1px; _margin-top: 2px; padding: 0.22em}



/* site map */

#site_map {list-style: none; padding: 0; font-size: 115%}

	#site_map ul {list-style: none; font-size: 90%; padding: 0; margin-left: 2.5em}

	#site_map li {padding: 0.25em 0}



table.foto {float: left; width: 200px; margin: 10px 10px 0 0; background: #eaf7fa; border: 1px solid #dbe8eb}
table.foto td.pic {width: 200px; height: 200px; padding: 20px; vertical-align: middle !important}
table.foto td.pic a {vertical-align: middle}
table.foto td.pic img {}


table.fotoMad {float: left; width: 145px; margin: 10px 10px 0 0; background: #eaf7fa; border: 1px solid #dbe8eb}
table.fotoMad td.picMad {width: 145px; height: 145px; padding: 5px; vertical-align: middle !important}
table.fotoMad td.picMad a {vertical-align: middle}
table.fotoMad td.picMad img {}


.seoheader h2{font-size:11px; font-weight:normal; font-family:Arial; color:#7D8794 !important; margin:0; padding:0;}
.seofooter h3{font-size:11px; font-weight:normal; font-family:Tahoma; color:#5089B4; margin:0; padding:0;}
.newtext {margin-bottom:30px; text-align:justify;}
.newtext h1 {font-size:20px; font-weight:normal; font-family:Arial; color:#000000; padding:8px 0 20px 0;}
.newtext a {text-decoration:none; color: #000000;}
.newtext a:hover {text-decoration:underline; color:#000000;}
div.sign { color: #7D8794; font-style: italic; font-size: 11px; font-family: Arial; line-height: 25px;}
.newtext strong {font-weight:normal;}









.mytable {width:980px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none;}
.mytable th {background:url(images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.mytable th h3 {font-size:10px; padding:6px 8px 8px}
.mytable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.mytable .head h3 {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.mytable .desc, .sortable .asc {background:url(images/header-selected-bg.gif)}
.mytable .desc h3 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.mytable .asc h3 {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.mytable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.mytable .evenrow td {background:#fff}
.mytable .oddrow td {background:#ecf2f6}
.mytable td.evenselected {background:#ecf2f6}
.mytable td.oddselected {background:#dce6ee}