@charset "utf-8";

.services
{
	vertical-align: middle;
	font-size: 11px;
	text-align: center;
	margin-bottom: 20px;
}
.services a
{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.services a img
{
	height: 85px;
	vertical-align: middle;
}
.services a.selected img
{
	height: 103px;
}
/*
.service
{
	display: none;
}
.service.selected
{
	display: block;
}
*/
.service > h2
{
	line-height: 76px;
	padding: 0 0 0 80px;
	font-size: 20px;
	font-weight: bold;
}

#s-logotype
{
	background: url(../images/services/header-logotype.png) top left no-repeat;
}

#s-logotype > h2
{
	/*background: url(../images/services/header-logotype.png) no-repeat;*/
	width: 386px;	color: #178160;
    height: 76px;
    text-shadow: 0 2px 0 #b9faed;
}

#s-design > h2
{
	/* background: url(../images/services/header-design.png) no-repeat; */
	width: 386px;	height: 76px;
	color: #500d7a;
	text-shadow: 0 2px 0 #ba99e7;
}

#s-3d > h2
{
	/* background: url(../images/services/header-3d.png) no-repeat; */
	width: 342px;	height: 76px;
	color: #765500;
	text-shadow: 0 2px 0 #ffe792;
}

#s-markup > h2
{
	/* background: url(../images/services/header-markup.png) no-repeat; */
	width: 386px; height: 76px;
	color: #822300;
	text-shadow: 0 2px 0 #ffa753;
}

#s-sites > h2
{
	/* background: url(../images/services/header-sites.png) no-repeat; */
	width: 386px; height: 76px;
	color: #143764;
	text-shadow: 0 2px 0 #659ded;
}

#s-hosting > h2
{
	/* background: url(../images/services/header-hosting.png) no-repeat; */
	width: 394px;	height: 76px;
	color: #485124;
	text-shadow: 0 2px 0 #f3ffb8;
}

#s-seo > h2
{
	/* background: url(../images/services/header-seo.png) no-repeat; */
	width: 356px;	height: 76px;
	color: #6d3030;
	text-shadow: 0 2px 0 #fb9a9a;
}

#s-support > h2
{
	/* background: url(../images/services/header-support.png) no-repeat; */
	width: 421px;	height: 76px;
	color: #525252;
	text-shadow: 0 2px 0 #d4d4d4;
}

.lnklnk a {text-decoration: none !important;}
#s-logotype {background: url(../images/services/header-logotype.png) top left no-repeat !important;}

#s-design {background: url(../images/services/header-design.png) top left no-repeat !important;}

#s-3d {background: url(../images/services/header-3d.png) top left no-repeat !important;}

#s-markup {background: url(../images/services/header-markup.png) top left no-repeat !important;}
		
#s-sites {background: url(../images/services/header-sites.png) top left no-repeat !important;}

#s-hosting {background: url(../images/services/header-hosting.png) top left no-repeat !important;}		

#s-seo {background: url(../images/services/header-seo.png)  top left no-repeat !important;}
		
#s-support {background: url(../images/services/header-support.png) top left no-repeat !important;}

#main #s-logotype > h2,
#main #s-design > h2,
#main #s-3d > h2,
#main #s-markup > h2,
#main #s-sites > h2,
#main #s-hosting > h2,
#main #s-seo > h2,
#main #s-support > h2{text-align: left;padding-left: 80px;}

@media only screen and (max-width: 767px) {
#main #s-logotype > h2,
#main #s-design > h2,
#main #s-3d > h2,
#main #s-markup > h2,
#main #s-sites > h2,
#main #s-hosting > h2,
#main #s-seo > h2,
#main #s-support > h2{text-align: left;padding-left: 50px;}

#s-logotype,
#s-design,
#s-3d,
#s-markup,
#s-sites,
#s-hosting,
#s-seo,
#s-support{background-size: contain !important;height: 53px;}

#main #s-logotype > h2, 
#main #s-design > h2,
#main #s-3d > h2,
#main #s-markup > h2,
#main #s-sites > h2,
#main #s-hosting > h2,
#main #s-seo > h2,
#main #s-support > h2 {font-size: 14px;}

.lnklnk {margin: 45px 0 5px 0;}
#main #s-logotype > h2, 
#main #s-design > h2,
#main #s-3d > h2,
#main #s-markup > h2,
#main #s-sites > h2,
#main #s-hosting > h2,
#main #s-seo > h2,
#main #s-support > h2 {text-shadow: none;}
}


@media only screen and (max-width: 576px) {

}

@media only screen and (max-width: 421px) {
#s-logotype,
#s-design,
#s-3d,
#s-markup,
#s-sites,
#s-hosting,
#s-seo,
#s-support{height: 62px;}

#main #s-logotype > h2, 
#main #s-design > h2,
#main #s-3d > h2,
#main #s-markup > h2,
#main #s-sites > h2,
#main #s-hosting > h2,
#main #s-seo > h2,
#main #s-support > h2 {padding-left: 68px;line-height: 50px;}


}

@media only screen and (max-width: 359px) {

#main #s-logotype > h2, 
#main #s-design > h2,
#main #s-3d > h2,
#main #s-markup > h2,
#main #s-sites > h2,
#main #s-hosting > h2,
#main #s-seo > h2,
#main #s-support > h2 {font-size: 13px;padding-left: 55px;line-height: 42px;}

}