@font-face {
	font-family: 'AvenirLight';
	src:url('/fonts/AvenirNextCyr-Light.eot');
	src:url('/fonts/AvenirNextCyr-Light.eot?#iefix') format('embedded-opentype'),
		url('/fonts/AvenirNextCyr-Light.woff') format('woff'),
		url('/fonts/AvenirNextCyr-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
        @font-face {
	font-family: 'AvenirRegular';
	src:url('/fonts/AvenirNextCyr-Regular.eot');
	src:url('/fonts/AvenirNextCyr-Regular.eot?#iefix') format('embedded-opentype'),
		url('/fonts/AvenirNextCyr-Regular.woff') format('woff'),
		url('/fonts/AvenirNextCyr-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}    
        @font-face {
	font-family: 'AvenirMedium';
	src:url('/fonts/AvenirNextCyr-Medium.eot');
	src:url('/fonts/AvenirNextCyr-Medium.eot?#iefix') format('embedded-opentype'),
		url('/fonts/AvenirNextCyr-Medium.woff') format('woff'),
		url('/fonts/AvenirNextCyr-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
} 
         @font-face {
	font-family: 'Geometria';
	src:url('/fonts/Geometria_Light.eot');
	src:url('/fonts/Geometria_Light.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Geometria_Light.woff') format('woff'),
		url('/fonts/Geometria_Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}        
    body {height:100%;}
        
    section#choice {
        background: #f0f5fa !important;
        text-align: center;
        font-family: 'AvenirMedium';
        height:100% !important;
    }
        
    header.main-header .login-logout a {
        display: block;
        position: absolute;
        height: 32px;
        top: 27px;
        right: 32px;
        font-size: 15px;
        line-height: 1em;
        color: #478af9;
        text-transform: uppercase;
    }
        
        header.main-header .login-logout a:hover {color: #003997;}
        
        .logo {
            display: block;
            position: absolute;
            top: 12px;
            left: 82px;
            text-indent: -9999px;
            overflow: hidden;
            width: 48px;
            height: 48px;
            background: url('img/i_logoucoz.png') no-repeat;
            text-align: left;
        }
        
        .top-links {
            margin: 30px 100px 0 100px;
            text-align:center;
            
        }
        .top-links li {display: inline-block; padding: 0 3%;}
        .top-links li a {text-transform: uppercase; color: #999999; font-size: 15px; }
        .top-links li a:hover {color: #333;}
        
        h2.slogan {color: #000; margin-bottom: 10%;font-family: 'Geometria';}
        
        .content-section {width: 70%; margin: 0 auto;}
        
        #block-for-me,
        #block-for-business,
        #block-for-shop {width: 27%; display: inline-block; margin: 0 3%; height: 230px; position: relative; padding-top: 100px;}
        
        #block-for-me h3,
        #block-for-business h3,
        #block-for-shop h3 {font-weight: bold; font-size: 26px; margin: 0 0 35px 0; padding: 0;}
        
        #block-for-me h3:before {content: ''; display: block; width: 48px; height: 48px; position: absolute; top: 0; left: 50%; margin-left: -24px; background: url('/img/i_forme.png') no-repeat;}
        
        #block-for-me p,
        #block-for-business p,
        #block-for-shop p {color: #bbbbbb; fot-size: 13px;}
        
        #block-for-business h3:before {content: ''; display: block; width: 48px; height: 48px; position: absolute; top: 0; left: 50%; margin-left: -24px; background: url('/img/i_forbiss.png') no-repeat;}

        #block-for-shop h3:before {content: ''; display: block; width: 48px; height: 48px; position: absolute; top: 0; left: 50%; margin-left: -24px; background: url('/img/i_shop.png') no-repeat;}
        
        #block-for-me a {font-size: 17px; display: inline-block; background: #478af9; color: #fff; border-radius: 5px; line-height: 44px; padding: 0 28px; margin-bottom: 17px;}
        #block-for-me a:hover {background: #0060ff;}

        #block-for-business a {font-size: 17px; display: inline-block; background: #22b7a0; color: #fff; border-radius: 5px; line-height: 44px; padding: 0 28px; margin-bottom: 17px;}
        #block-for-business a:hover {background: #00e9c5;}

        #block-for-shop a {font-size: 17px; display: inline-block; background: #d54c4c; color: #fff; border-radius: 5px; line-height: 44px; padding: 0 28px; margin-bottom: 17px;}
        #block-for-shop a:hover {background: #cc1a1a;}

        section#choice .to-next-section {posititon: absolute; bottom: 25px; left: 50%; margin-left: -150px; width: 300px; }
        
        section#choice .to-next-section a {position: relative; text-transform: uppercase; color: #444444; padding-top: 58px; font-size: 14px; right: 0;}
        section#choice .to-next-section a:after {-webkit-transform:none; transform:none; display: block; content: ''; position: absolute; top: 0; left: 50%; margin-left: -24px;width: 48px; height: 48px;background: url('/img/i_arrow.png') no-repeat;}
        section#choice .to-next-section a:hover {color: #000;}