body {color: #575757; background: #102c41 center repeat-y; background-image:url(bg.jpg);}
html,body{margin:0px; padding:0px; font-family: 'PT Sans Narrow', sans-serif; font-size:17px; font-weight:400;}


/* wrapper
-----------------------------------------------------------------------------*/
.wrapper {width:1100px; margin:0 auto; position:relative;}

/* header
-----------------------------------------------------------------------------*/
.logo {position:absolute; top:30px; left:17px;}

.menu {position:absolute; top:80px; right:4px; color:#88d7ff; font-size:19px;}
.menu span {display: inline-block; padding:0 7px; margin:0;}
.menu a, a:visited, a:active { font-size:23px; color:#FFFFFF; padding:0 4px;}
.menu a:hover {font-size:23px; color:#88d7ff; padding:0 4px;}

.contacts {position:absolute; top:11px; right:7px; color:#FFFFFF; text-align:right; font-size:24px;}
.contacts span {color:#88d7ff;}

/* slider
-----------------------------------------------------------------------------*/
.slider {width:100%; height:300px; padding:117px 0 0;}

/* main table
-----------------------------------------------------------------------------*/
.maintable {width:100%; background-color:#FFFFFF;}
.content {line-height:20px; padding:3px 57px 57px;}

/* footer
-----------------------------------------------------------------------------*/
.footer {width:1087px; height:57px; text-align:center; clear:left; color:#88d7ff; padding:27px 0 0;}
.footer p { font-size:12px; text-align:right;}

/* contact
-----------------------------------------------------------------------------*/
.contact {position:absolute; bottom:127px; right:50px; width:207px; height:250px; background-color:#1587c1; text-align:center; color:#FFFFFF; font-size:19px; line-height:20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;}
.contact div {font-family: 'Roboto Condensed', sans-serif; font-size:19px; margin:0 0 15px; padding:7px; font-weight:400; background-color:#249bd7; color:#ffffff; text-transform:uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;}
.contact a, a:visited, a:active {color:#88d7ff;}
.contact a:hover {color:#dbf3ff;}

a, a:visited, a:active, a:hover {text-decoration: none; color:#FFFFFF;}

h1 {font-size:41px; text-transform:uppercase; margin:0; padding:27px 0 0; font-weight:bold; letter-spacing:1.7px; text-align:center; color:#b7b7b7;}
h2 {font-family: 'Roboto Condensed', sans-serif; font-size:23px; margin:0; padding:27px 0 21px; font-weight:bold; color:#1587c1; line-height:30px;}

.list {margin: 17px 0 0; padding: 0;}
.list div {font-family: 'Roboto Condensed', sans-serif; font-size:21px; margin:0; padding:3px 0 5px; font-weight:bold; color:#00a710; font-style:italic;}
.list li {list-style:none; text-align:left; background-image:url(bg-list.png); background-repeat:no-repeat; margin:0 67px 17px 67px; padding:0 0 7px 61px;}

.list2 {margin: 7px 0 0; padding: 0;}
.list2 li {list-style:none; text-align:left; background-image:url(bg-list2.png); background-repeat:no-repeat; margin:0 57px 7px 84px; padding:0 0 7px 31px;}

.list3 {margin: 7px 0 0; padding: 0; height:640px;}
.list3 div {font-family: 'Roboto Condensed', sans-serif; display:block; font-size:17px; margin:0 0 11px; padding:7px; font-weight:400; background-color:#249bd7; color:#ffffff; text-transform:uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;}
.list3 li {list-style:none; float:left; width:277px; height: 271px; background-repeat:no-repeat; margin:0 27px 27px 0; padding:11px; background-color:#f3f3f3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;}
.list3 li:hover {background-color:#e7e7e7;}
.list3 a, a:active { font-size:17px; font-weight: normal; font-style:normal; color:#ee3a43; padding:2px 0;}
.list3 a:hover { color:#ff0000; text-decoration:underline;}
.use {display:block; clear:both; font-size:16px;}
.pic { margin:7px 11px 7px 0;}
