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

* {padding:0; margin:0;}

body {background:#fff; color:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;}

a {color:#476db8; text-decoration:underline;}

a:hover {color:#476db8; text-decoration:none;}

h1 {font-weight:normal; font-size:38px; color:#00aac4; padding:0; margin:0 0 16px 0;}

h2 {font-weight:normal; font-size:25px; color:#e33b00; padding:0; margin:0 0 16px 0;}

.clear {clear:both;}

/* *** Header *** */

.header-wrap {height:100px; border-top:solid 4px #e5e5e5;}

.header {width:940px; margin:0 auto; padding:0 10px;}

.header a.logo {display:block; width:333px; height:48px; background:url("../images/logo.png") no-repeat; background-size:cover; float:left; margin-top:24px;}

.header a.logo h1 {display:none;} 

.header .contacts {float:right; font-size:11px; background:url("../images/cube.png") no-repeat right; background-size:44px 40px; min-height:40px; padding-right:55px; margin-top:24px;}

.header .contacts a {font-size:17px;}

.header .header-right {background:none; padding-right:0; font-size:14px; text-align:right;}

.header .header-right img {margin-top:5px;}

/* *** Teaser *** */

.overwiev {text-align:left; color:#fff; padding-top:30px; font-size:18px;}

.teaser-wrap {height:687px; background:url("../images/bg-teaser.jpg") repeat-x;}

.teaser {min-width:960px; background:url("../images/teaser-bg.jpg") no-repeat top center; height:687px; padding:0 10px;}

.teaser-content {width:960px; margin:0 auto; text-align:center;}

/* *** Content *** */

.content-wrap1 {background:#f2f2f2; border-top:solid 4px #e5e5e5;}

.content {width:960px; margin:0 auto; padding:16px 10px 24px 10px;}

.column-left {float:left;}

.column-right {float:right;}

.content-wrap2 {background:/*url("../images/grad-top.png")*/ url("../images/tabs.png") repeat-x top; /*border-top:solid 1px #fff;*/ text-align:center; border-bottom:solid 6px #e5e5e5; padding-bottom:20px;}

.content-wrap3 {background:#f2f2f2; border-top:solid 4px #e5e5e5;  border-bottom:solid 1px #e5e5e5;}

.content ul {margin:8px 0 0 16px; padding:0;}

.content-wrap1 .content, .content-wrap3 .content {color:#404040;}

.content-footer {padding:0;}

.footer {font-size:11px; width:960px; margin:0 auto; text-align:center;}

.footer a {font-size:18px;}

.footer img {margin:15px 0;}

table.icons td {width:33%; text-align:center; vertical-align:top;}

table.icons td a span {display:none;}

table.icons td a {display:block; width:180px; height:180px; background-position:0 0; background-repeat:no-repeat; margin:0 auto 0 auto; padding:0;}

table.icons td a:hover {background-position:0 -180px; transition:all linear 0.15s;}

a.icon-support {background-image:url("../images/icons/icon-thumb.jpg");}

a.icon-communication {background-image:url("../images/icons/icon-comm.jpg");}

a.icon-documents {background-image:url("../images/icons/icon-doc.jpg");}

a.icon-sharing {background-image:url("../images/icons/icon-share.jpg");}

a.icon-statistic {background-image:url("../images/icons/icon-graph.jpg");}

a.icon-cims {background-image:url("../images/icons/icon-cims.jpg");}

/* *** Teaser *** */

.wrapper {
    margin: 0 auto;
    max-width: 840px;
    padding: 20px 50px;
    position: relative;
    width: 100%;
	z-index:0;
}

.myButton {
	margin-top:20px;
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #78ab02), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #78ab02 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #78ab02 5%, #77a809 100%);
	background:-o-linear-gradient(top, #78ab02 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #78ab02 5%, #77a809 100%);
	background:linear-gradient(to bottom, #78ab02 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#78ab02', endColorstr='#77a809',GradientType=0);
	background-color:#78ab02;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:18px;
	padding:9px 24px;
	text-decoration:none;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #78ab02));
	background:-moz-linear-gradient(top, #77a809 5%, #78ab02 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #78ab02 100%);
	background:-o-linear-gradient(top, #77a809 5%, #78ab02 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #78ab02 100%);
	background:linear-gradient(to bottom, #77a809 5%, #78ab02 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#78ab02',GradientType=0);
	background-color:#77a809;
	color:#fff !important;
}
.myButton:active {
	position:relative;
	top:1px;
	color:#fff !important;
}

/* *** Tabs *** */

/*----- Tabs -----*/
.tabs {
    width:960px;
    display:inline-block;
	margin:0 auto;
}
 
.tab-links:after {
    display:block;
    clear:both;
    content:'';
}
 
.tab-links li {
    margin:0px 5px;
    float:left;
    list-style:none;
	padding:20px 0 0 0;
}
 
        .tab-links a {
            display:inline-block;
            border-radius:10px 10px 0px 0px;
            background:#cce6ff;
            transition:all linear 0.15s;
						
			color: #00aac4 !important;
			font-size: 38px;
			font-weight: normal;
			margin: 0 0 16px;
			padding: 5px 20px;
			text-decoration:none;
        }
 
        .tab-links a:hover {
            background:#e5f2ff;
            text-decoration:none;
        }
 
    li.active a, li.active a:hover {
        background:#fff;
        color:#4c4c4c;
    }
 
    .tab-content {
        padding:15px;
        
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }	  

.tabs-top-wrap {
	background:#3078c2;
}

ul.tab-links {
	width:960px;
	margin:0 auto;
	padding-left:80px;
	
}