/* CSS Document */
body {
	padding: 0;
	margin: 0;
	background-color: #0a121b;
	overflow: hidden;
}

/* --- SZERKEZET --- */
#containerDiv {
	height: 510px;
	background-image: url(../img/containerDiv_bg.jpg);
	background-repeat: repeat-x;
	position: absolute;
	top: 50%;
	margin-top: -320px;
	width: 100%;
}
#contentDiv {
	width: 940px;
	height: 394px;
	position: absolute;
    z-index: 1;
	left: 50%;
	margin-left: -470px;
	background-image: url(../img/3golyo.png) !important;
	background-repeat: no-repeat;
	background-position: 210px 147px !important;
	-background-image: url(../img/3golyoForIE6.jpg);
	-background-position: 236px 156px;
}

/* --- LOGO --- */
#altairLogoDiv {
	background-image: url(../img/altair-logo.jpg);
	background-repeat: no-repeat;
	width: 233px;
	height: 127px;
	margin: 82px 0 0 0;
	position: absolute;
}

/* --- KAPCSOLAT --- */

#altairContactDiv {
	width: 300px;
	margin: 105px 0 0 234px;
	padding: 0 0 0 15px;
	border-left: 1px solid #bd7400;
	position: absolute;
}
#altairContactDiv h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #734700;
	padding: 0;
	margin: 0 0 3px 0;
}
#altairContactDiv p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #925a00;
	padding: 0;
	margin: 0 0 3px 0;
}
#altairContactDiv p a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fef18a;
	text-decoration: none;
}
#altairContactDiv p a:hover {
	color: #000;
}

span.coloredDark {
color:#000;
}


/* --- JOBB FENT LEVO GOMBOK --- */

#menuDiv {
	float: right;
	margin-right: 112px !important;
	-margin-right: 60px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#menuDiv ul {
	padding: 0;
	margin: 82px 0 0 0;
	list-style-type:  none;
}
#menuDiv li {
	padding: 0;
	margin: 0;
	background-image: url(../img/menuDiv_bg.jpg);
	width: 137px;
	height: 43px;
	text-align: center;
	float: left;
}
#menuDiv li a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #71A4DA;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
#menuDiv li a:hover {
	color: #F49C00;
}


/* --- 3 FO TEMAKOR --- */

h2 {
	padding: 0 0 6px 0;
	margin: -4px 0 0 12px;
}
h2 a {
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #71A4DA;
	letter-spacing: 1px;
}

#servicesDiv div {
    cursor: pointer;
}

#servicesDiv div:hover h2 a {
	color: #fb9900;
}
h2.actual a {
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #fb9900;
}
h2.actual a:hover {
	color: #fb9900;
}

#servicesDiv div.current h2 a {
	color: #fb9900;
}

#servicesDiv div.current p {
	color: #ffffff;
}


.firstLetter {
	font-size: 28px;
}

#servicesDiv {
	width: 703px;
/*	height: 222px; */
	margin-top: 172px;
	margin-left: 234px;
	position: absolute;
	padding-top: 129px;
    z-index: 9;
}

#webDesignDiv {
	width: 210px;
	height: 93px;
	float: left;
	background-image: url(../img/servicesDiv_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 31px;
	border-left: 1px solid #083463;
}
#webDesignDiv p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #71a4da;
	padding: 0;
	margin: 0 0 0 12px;
	line-height: 16px;
}
#hostingDiv {
	width: 210px;
	height: 92px;
	float: left;
	background-image: url(../img/servicesDiv_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 31px;
	border-left: 1px solid #083463;
}
#hostingDiv p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #71a4da;
	padding: 0;
	margin: 0 0 0 12px;
	line-height: 16px;
}
#monitoringDiv {
	width: 280px;
	height: 92px;
	float: left;
	background-image: url(../img/servicesDiv_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 31px;
	border-left: 1px solid #083463;
}
#monitoringDiv p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #71a4da;
	padding: 0;
	margin: 0 0 0 12px;
	line-height: 16px;
}


/* --- SZOVEGES TARTALMAK --- */

.contentListDiv {
	padding-top: 5px;
	position: relative;
	left: 50%;
	margin-left: -235px;
	height: 140px;
	width: 703px;
}
.contentListDiv h1 {
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 20px;
	color: #FB9900;
	padding: 5px 0 0 0;
	margin: 0 0 10px 0;
}
.contentListDiv p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	padding: 0 0 10px 0;
	margin: 0 0 0 12px;
	line-height: 16px;
}
.contentListDiv p span.colored {
	color: #FB9900;
}

.contentListDiv p.title {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #71a4da;
	padding: 15px 0 0 0;
	margin: 0 0 0 12px;
}

.contentListDiv p.title  span.separator{
	color: #FB9900;
}
.contentListDiv ul {
	padding: 0 0 0 0;
	margin: 0;
	list-style-type: none;
}
.contentListDiv li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #71a4da;
	padding: 0 20px 0 10px;
	margin: 0 0 0 12px;
	background-image: url(../img/li_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.contentListDiv ul.column1 {
	float: left;
}
.contentListDiv ul.column-2 {
	float: left;
}
.contentListDiv ul.column-3 {
	float: left;
}
.contentNoScrollDiv {
	padding-top: 35px;
	position: relative;
	left: 50%;
	margin-left: -235px;
	height: 140px;
}




/* --- UPDATE 2011 12 06 --- */

div.tabs {
color: #fff;
background-image: url(../img/webdesignDiv_bg.jpg);
padding: 1px 0 2px 0;
margin-top: 394px;
/*height: 163px;*/
}

div.tabs  div.fadeLeft {
position: absolute;
display: block; 
height: 163px;
width: 25px;
z-index: 1000;
	background-image: url(../img/fadeLeft_bg.png);
}

div.tabs  div.fadeRight {
position: absolute;
display: block; 
right: 0;
height: 163px;
width: 25px;
z-index: 1000;
background-image: url(../img/fadeRight_bg.png);
}


/* golyok */
a.golyo {
position: absolute;
z-index: 2;
}

a.golyo {
display: block;
width: 72px;
height: 86px;
margin-left: 63px;
top: 7px;
}


div.current a.golyo {
background-position: 0px 86px;
}

a.golyo.fejlesztes  {
background-image: url(../img/fejlesztes-golyo.png);
}
a.golyo.uzemeltetes {
background-image: url(../img/tarhely-golyo.png);
}
a.golyo.felugyelet {
background-image: url(../img/felugyelet-golyo.png);
}

.sc_menu img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.sc_menu a span {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius:  4px 4px 0 0;
border-radius: 4px 4px 0 0;
}

.highslide-container .highslide-caption{
   	background: #1A2838;
}


.highslide-container .highslide-caption a {
    color: #FB9900;
	text-decoration: none;
	font-size: 11px;
}

.highslide-container .highslide-caption a:hover {
   color: #71A4DA;
}

/*#beta { /* ------------- ez a tartalom lekerult 
width: 45px;
height: 45px;
position: absolute;
top:0;
left: 0;
background-image: url(../img/beta.png);
z-index: 999;
}*/


div#socials {
    position: absolute;
    top: 0;
    left: 50px;
    z-index: 9;
}

div#socials div.social {
    /*color: #fff;*/
    float: left;
    /*padding: 0 15px;*/
	min-width: 41px;
	height: 44px;
	position: relative;
	background-repeat: no-repeat;
}

div#socials div.social a{
   display: none;
}

div#socials div.social span{
   display: block;
   width: 16px;
   height: 16px;
   background-color: #dc8801;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	text-align: center;
	position: absolute;
	bottom: 4px;
	left: 23px;
   
}


div#socials #socials-facebook {
background-image: url(../img/facebook-icon.png);
}

div#socials #socials-google {
background-image: url(../img/google-icon.png);
}


div#socials div.social div.embed {
    display: none;
}



div#socials div.social:hover div.embed {
    display: block;
	background-color: none;
    display: block;
    height: 32px;
    margin: 0 5px 0 40px;
    padding: 12px 0 0 10px;
	width: 90px;
	overflow: hidden;
}