body {
	background-color:#000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #FFF;
}

 a:link, a:visited {	color: #fff; text-decoration: none; } 
 a:active, a:hover { color: #900; text-decoration: none; } 
   p {
    line-height: 1.8;
   }
   
   h4 {
   background-color: #fff;
   color: #000;
   text-align: center;
   }
   
#main {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#up {
	height: 505px;
	background-image:url(images/up.jpg);
}

#up_main {
}

.partners {
float: left;
margin-left: 20px;
}

.left_text {
	float:left;
	padding-top: 25px;
	font-weight:bold;
}

.right_text {
	float:right;
	padding-top: 25px;
	font-weight:bold;
}

#middle {
	height:200px;
	text-align: center;
	font-weight:bold;
}

#menu {
	text-align: center;
	font-weight:bold;
	font-size:10px;
}

#middle_main {

}

.left_menu {
	width: 400px;
	height: 205px;
	margin: 0 auto;
}

.manual h3 {margin-top: 195px; text-align: center;}
.inbox h3 {margin-top: 195px; text-align: center;}
.preview h3 {margin-top: 195px; text-align: center;}

.inbox {
	width:185px;
	height: 200px;
	background-image:url(images/internal/inbox.png);
	background-repeat:no-repeat;
	float: left;
}

.manual {
	width:185px;
	height: 200px;
	background-image:url(images/internal/manual.png);
	background-repeat:no-repeat;
	float: right;
}

.preview {
	width:185px;
	height: 200px;
	background-image:url(images/internal/preview.png);
	background-repeat:no-repeat;
	float: left;
}

a.manual:hover {	background-image:url(images/internal/manual_act.png);}
a.inbox:hover {	background-image:url(images/internal/inbox_act.png);}
a.preview:hover {	background-image:url(images/internal/preview_act.png);}

a.m_1 {
	width:201px;
	height:92px;
	background-image:url(images/b_01.jpg);
	float:left;
}

#left {
	width:535px;
	float:left;
}

#right {
	width: 460px;
	float:right;
	text-align:justify;
}

#right2 {
	/* overflow: auto; */
	width: 460px;
	/* height: 650px; */
	float:right;
	text-align:center;
}

#all {
text-align: center;
}

#all2 {

}

#w {
	height:10px;
	background-color: #fff;
}

.alfa_logo {
	background-image:url(images/internal/alfa/alfa.png);
	height: 407px;
	width: 533px;
	margin: 0 auto;
}

.comfort_logo {
	background-image:url(images/internal/comfort/comfort.png);
	height: 400px;
	width: 511px;
	margin: 0 auto;
}

.drive_logo {
	background-image:url(images/internal/drive/drive.png);
	height: 400px;
	width: 530px;
	margin: 0 auto;
}

.alfa_inbox {
	background-image:url(images/internal/alfa/all_alfa.jpg);
	height: 400px;
	width: 533px;
	margin: 0 auto;
}

.comfort_inbox {
	background-image:url(images/internal/comfort/all_comfort.jpg);
	height: 420px;
	width: 501px;
	margin: 0 auto;
}

.drive_inbox {
	background-image:url(images/internal/drive/all_drive.jpg);
	height: 422px;
	width: 533px;
	margin: 0 auto;
}

a.m_1:hover {
	background-image:url(images/b_01_act.jpg);
}

.m_1_text {
	width: 201px;
	float:left;
}

a.m_2 {
	width: 182px;
	height:92px;
	background-image:url(images/b_02.jpg);
	float:left;
}

a.m_2:hover {
	background-image:url(images/b_02_act.jpg);
}

.m_2_text {
	width: 182px;
	float:left;
}

a.m_3 {
	width: 188px;
	height:92px;
	background-image:url(images/b_03.jpg);
	float:left;
}

a.m_3:hover {
	background-image:url(images/b_03_act.jpg);
}

.m_3_text {
	width: 188px;
	float:left;
}

a.m_4 {
	width: 221px;
	height:92px;
	background-image:url(images/b_04.jpg);
	float:left;
}

a.m_4:hover {
	background-image:url(images/b_04_act.jpg);
}

.m_4_text {
	width: 221px;
	float:left;
}

a.m_5 {
	width: 206px;
	height:92px;
	background-image:url(images/b_05.jpg);
	float:left;
}

a.m_5:hover {
	background-image:url(images/b_05_act.jpg);
}

.m_5_text {
	width: 206px;
	float:left;
}

#bottom {
	margin-top: 25px;
	height:76px;
	background-image:url(images/bottom.jpg);
}

.bottom_text {
	text-align:left;
	width: 855px;
	padding-top: 30px;
	margin-left: 40px;
	font-weight:bold;
	color: 	#fff;
	float: left;
}

.bottom_up {
	width: 40px;
	height: 40px;
	margin-top: 20px;
	margin-left: 30px;
	float: left;
	background-image:url(images/internal/up.png);
}

a.bottom_up:hover {background-image:url(images/internal/up_act.png);}

.cleaner {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

/* */

@import url(http://fonts.googleapis.com/css?family=Lato);

*, *:before, *:after{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: 'Lato', sans-serif;
}

/*| Navigation |*/

nav{

}
  nav ul{
    list-style: none;
    position: relative;
    float: right;
    display: inline-table;
  }
    nav ul li{
      float: left;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
    }

    nav ul li:hover{background: #fff;}
    nav ul li:hover > ul{display: block;}
    nav ul li{
      float: left;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
    }
      nav ul li a{
        display: block; 
        color: #000; 
        text-decoration: none;
        text-transform: uppercase;
		font-weight: bold;
      }
      nav ul ul{
        display: none;
        background: #000;
        position: absolute; 
		margin-left: 30px;
        top: 100%;
        border: 1px solid #fff;
      }
        nav ul ul li{float: none; position: relative;}
          nav ul ul li a {
            padding: 15px 50px;
			text-align: center; 			
            border-bottom: 1px solid #fff;
          }
          nav ul ul ul {
            position: absolute; 
            left: 100%; 
            top:0;
          }