﻿@charset "utf-8";

html { height: 100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#404040;}
body { height: 100%; margin:0; padding:0; background:#ececec;}

h1 { font-size:30px;}


.clr { clear:both;}
.head { width:768px; height:140px; padding: 0; background: url(../images/head-bg.png) top center repeat-x;  margin:0 auto; display:table-cell; vertical-align:middle; text-align:center; }


.content { width:768px; background: #FFF; margin:0 auto; position:relative; }

.buttons { width:100%; }
.buttons a { display: inline-block; width:377px; height:85px; border:2px solid #FFF; font-size:32px;  background:url(../images/mm-bg.png) bottom repeat-x #dddddd; text-decoration:none;}
.buttons a div { width:377px; height:85px; display: table-cell; vertical-align: middle; text-align:center; color:#303030; }

.buttons .activ { text-transform:uppercase; background:url(../images/activ-bg.png) bottom repeat-x #ffa306;}
.buttons .activ div {color:#FFF !important; text-shadow: #000 1px 1px 1px;}


.picts { position:relative; border-top:10px solid #dddddd; border-bottom:10px solid #dddddd; margin:30px 0 0 0; background:#000; padding:0 0 10px 0; text-align:center; font-size:36px;}
.picts img {padding:0 0 10px 0; }
.picts a {color:#fed795; text-decoration:none; }

.pic1 {
	background: url(../site_images/38160_images/mobile_slider/hom.jpg) top repeat-x;
	width: 768px;
	height: 382px;
}
.pic2 {
	background: url(../site_images/38160_images/mobile_slider/car.jpg) top repeat-x;
	width: 768px;
	height: 382px;
}
.pic3 {
	background: url(../site_images/38160_images/mobile_slider/fam.jpg) top repeat-x;
	width: 768px;
	height: 382px;
}



.social { display: block; padding:20px 30px; text-align:right; color:#666666;}
.social a{ vertical-align: middle; margin:0 5px; width:75px; height:75px; display:inline-block;}

.text { display: block; padding:10px 30px; border-bottom:1px dotted #404040;}


.banner { background: url(../images/fot-bg.png) #999; padding:15px; text-align:center; color:#FFF; text-shadow: #000 1px 1px 1px; }
.banner a { color:#FFF;}


.bottom {  padding:15px; text-align:center; font-size:14px; color:#999;}
.bottom a {color:#999;}

.spmaprotection {display: none;}




 /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			


/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:768px;
		height:440px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:70px;
		height:100px;
		position:absolute;
		left:0px;
		top:155px;
		z-index:10;
		}	
	#nextBtn, #slider1next{ 
		left:698px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:70px;
		height:100px;
		background:url(../images/btn_prev.png) bottom no-repeat;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.png) bottom no-repeat;	
		}	
	#nextBtn a:hover, #slider1next a:hover, #prevBtn a:hover, #slider1prev a:hover { background-position: top;	
		}		
	
	
/* // Easy Slider */