@charset "utf-8";
/* CSS Document */

/* general layout */
img
{
	border-style:none;
}

body
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#FFF;
}

#tpl_wrapper
{
	height:100%;
	padding:0;
	margin:0;
	padding:0 0 0px 0;
	background:#FFF;
	width:100%;
}

/*HEADER*/
#tpl_banner{
	position:relative;
	height:448px;
	background:#222;
}
#tpl_bannerContent{
	position:relative;
	text-align:center;
	background-color:#222;
}
#tpl_header{
	position:relative;
	padding:0;
	margin:0;
	width:100%;
	z-index:12;	
	
}
.homeOffer{
	width:640px;
	position:relative;
	margin:0 auto;
	height:448px;	
}
.banner{
	width:640px;
	height:448px;
	margin:0px;
	list-style:none;	
}

.banner li{
	list-style:none;
	padding:0px;
	margin:0px;
}

#nav{
	position:absolute;
	bottom:20px;
	left:0px;
	z-index:100;
	width:100%;	
	display:none;
}
#nav a {background:url(../images/general/pager_0.png) center no-repeat; width:10px;height:10px;padding:5px 11px;;text-indent:-9999px;}
#nav a.activeSlide { background:url(../images/general/pager_1.png)center no-repeat; }
#nav a:focus { outline: none; }


#header{
	margin:0;
	background:#000;
	position:relative;	
	width:100%;
	height:81px;
}
.menuButton{
	width:60px;
	height:60px;
	padding:11px 30px 10px 30px;
	background:url(../images/mobile_640/menu.png) 30px 11px no-repeat;
	cursor:pointer;
}
.menuButton div, .logo div, .call div{
	width:100%;
	height:100%;
}

.logo{
	padding:6px 0;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	background:url(../images/mobile_640/logo.png) center no-repeat;
	cursor:pointer;
}
.call{
	width:60px;
	height:60px;
	padding:11px 30px 10px 30px;
	background:url(../images/mobile_640/call.png) 30px 11px no-repeat;
	cursor:pointer;
}

/*CONTENT*/
#tpl_content{
	position:relative;
	padding:0;
	margin:0;
	width:100%;
	z-index:11;	
}

#content{
	margin:0;
	background:#FFF;
	position:relative;	
	
}
.serviceProduct{
	display:none;	
	padding:10px 0;
}
.serviceName
{
	float:left;	
	width:70%;
}
.servicePrice
{
	float:right;
	width:30%;
}
/*MENU*/
#mainMenu{
	margin:0px;
	padding:0px;
	list-style:none;	
}

#mainMenu li.mainMenu{
	width:100%;
	height:138x;
	
}

.blackWrapperMenu{
	background:#000;
	border:2px solid #2d2d2d;
	border-bottom:none;	
}
#mainMenu li.last .blackWrapperMenu{
	border-bottom:2px solid #2d2d2d;;	
}
#mainMenu li.mainMenu div.menu{
	background:url(../images/mobile_640/menu_bg.jpg) no-repeat;
	width:636px;
	height:80px;
	margin:0 auto;	
	
}
.blackWrapper
{
	height:138px;
	background:#000;
	border:2px solid #2d2d2d;
	border-bottom:none;	
	cursor:pointer;
}

.last .blackWrapper
{
	border:2px solid #2d2d2d;
}

.serviceTitleContainer
{
	position:relative;
	width:636px;	
	margin:0 auto;
}

.arrow
{
	position:absolute;	
	width:28px;
	height:16px;
	top:61px;
	right:40px;
}
.arrowDown{
	background:url(../images/mobile_640/arrow-down.png) no-repeat;
}
.arrowUp{
	background:url(../images/mobile_640/arrow-up.png) no-repeat;
}
/*FOTOER*/

#tpl_footer{
	position:relative;
	padding:10px 0 0 0;
	margin:0;
	width:100%;	
	padding:20px 0;
	z-index:11;	
}

#footer{
	margin:0;
	background:#FFF;
	position:relative;
	width:100%;	
}
.leftFooter{
	width:68%;
	padding-left:2%;	
}

.rightFooter{
	width:28%;
	padding-right:2%;	
}
/*GENERAL*/
.clear{clear:both;list-style:none;height:0px;border:none !important;}
.none{display:none;}
.left{float:left;}
.right{float:right;}
.twitter{background:url(../images/mobile_640/icon-twitter.png) no-repeat;width:59px;height:59px;}
.fb-icon{background:url(../images/mobile_640/icon-facebook.png) no-repeat;width:59px;height:59px;margin-right:20px;}
.active{cursor:pointer;}
.separator
{
	width:100%;
	height:1px;
	background-color:#000;
	margin:12px 0 11px 0;	
}

.haveLink{cursor:pointer;}

@media only screen and (max-width : 600px) {
	
#tpl_banner{
	position:relative;
	height:223px;
	background:#222;
}
#tpl_bannerContent img{
	width:320px;
}

.homeOffer{
	width:320px;
	position:relative;
	margin:0 auto;
	height:224px;	
}
.banner{
	width:320px;
	height:224px;
	margin:0px;
	list-style:none;	
}
.homeOffer img{
	width:320px;
	height:224px;
}

#header{
	margin:0;
	background:#000;
	position:relative;	
	width:100%;
	height:40px;
}
.menuButton{
	width:30px;
	height:30px;
	padding:6px 15px;
	background:url(../images/mobile_320/menu.png) 15px 6px no-repeat;
	cursor:pointer;
}
.logo{
	padding:3px 0;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	background:url(../images/mobile_320/logo.png) center no-repeat;
	cursor:pointer;
}
.call{
	width:30px;
	height:30px;
	padding:6px 15px;
	background:url(../images/mobile_320/call.png) 15px 6px no-repeat;
	cursor:pointer;
}
.menuButton div, .logo div, .call div{
	width:100%;
	height:100%;
}

#mainMenu li.mainMenu{
	width:100%;
	height:138x;
	
}

#mainMenu li.mainMenu{
	width:100%;
	height:69px;
}


.blackWrapperMenu{
	background:#000;
	border:2px solid #2d2d2d;
	border-bottom:none;	
}
#mainMenu li.last .blackWrapperMenu{
	border-bottom:2px solid #2d2d2d;;	
}

#mainMenu li.mainMenu div.menu{
	background:url(../images/mobile_320/menu_bg.jpg) no-repeat;
	width:316px;
	height:40px;
	margin:0 auto;	
}

.blackWrapper
{
	height:69px;
	background:#000;
	border:2px solid #2d2d2d;
	border-bottom:none;	
	cursor:pointer;
}

.last .blackWrapper
{
	border:2px solid #2d2d2d;
}


.serviceTitleContainer
{
	position:relative;
	width:316px;
	margin:0 auto;
}

.arrow
{
	position:absolute;	
	width:14px;
	height:8px;
	top:32px;
	right:20px;
}
.arrowDown{
	background:url(../images/mobile_320/arrow-down.png) no-repeat;
}
.arrowUp{
	background:url(../images/mobile_320/arrow-up.png) no-repeat;
}

.twitter{background:url(../images/mobile_320/icon-twitter.png) no-repeat;width:30px;height:31px;}
.fb-icon{background:url(../images/mobile_320/icon-facebook.png) no-repeat;width:30px;height:31px;margin-right:10px;}
}