@font-face {
    font-family: 'open_sans';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans';
    src: url('OpenSans-Semibold-webfont.eot');
    src: url('OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Semibold-webfont.woff') format('woff'),
         url('OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: bold;
    font-style: bold;

}

.logo-desktop {
	padding-left: 0.9375rem;
	padding-bottom: 0.9375rem;
}
.footer-tree {
	background: #666;
	padding: 26px 0 16px;
}
.footer-partners {
	background: white;
	padding: 12px 0 16px;
}
.legends {
	font-size:.7rem;
	color: white;
	margin-bottom:0px;
}
.my-tree, .my-tree > a {
	color:white;
	text-decoration:none;
}
	.my-tree > a:hover {
	color:lightgrey;
	text-decoration:none;
}
.footer-credits {
	background: grey;
	padding: 12px 0 10px;
}

.box-plus {
	position:relative;
	display: table-cell;
	float: right;
	height: 36px;
	width: 36px;
	right: -1rem;
	bottom: 1.875rem;
}

.mini-box-plus {
    position: relative;
    display: table-cell;
    float: right;
    height: 24px;
    width: 24px;
    right: -1rem;
    bottom: 19px;
}

.box-about {
	background: #ddd;
	width: 100%;
	padding: .875rem 1rem .375rem 1rem;
	box-shadow: 5px 5px 0px #999;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
}
.box-infra {
	width: 100%;
	padding: .875rem 1rem .375rem 1rem;
	box-shadow: 5px 5px 0px #999;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	background-color: white;
}
.box-consult {
	width: 100%;
	padding: .875rem 1rem .375rem 1rem;
	box-shadow: 5px 5px 0px #999;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	background-color: white;
}
.box-outsourc {
	width: 100%;
	padding: .875rem 1rem .375rem 1rem;
	box-shadow: 5px 5px 0px #999;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	background-color: white;
}
.box-cloud, .mini-box-cloud, .mini-box-infra, .mini-box-outsorc, .mini-box-hard, .mini-box-consult {
	width: 100%;
	padding: .875rem 1rem .375rem 1rem;
	box-shadow: 5px 5px 0px #999;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	background-color: white;
}
.mini-box-infra {
	background-image: url(../img/ico_iit_small.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.mini-box-cloud {
	background-image: url(../img/ico_cloud_small.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.mini-box-consult {
	background-image: url(../img/ico_cit_small.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.mini-box-outsorc {
	background-image: url(../img/ico_oit_small.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.mini-box-hard {
	background-image: url(../img/ico_sh_small.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.box-hard {
	width: 100%;
	padding: .875rem 1rem .375rem 1rem;
	box-shadow: 5px 5px 0px #999;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	background-color: white;
}

.box-item {
	color: grey;
	font-size:.7rem;
}
.box-title {
	font-family: open_sans;
    font-weight: normal;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.4;
    color: #666;
}
.mini-box-title {
	font-family: open_sans;
    font-weight: normal;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    line-height: 1.4;
    color: #666;
}
.box-title > a, .mini-box-title > a {
    color: #666;
}
.box-title > a:hover, .mini-box-title > a:hover {
    color: #0098C3;
}
.box-text {
	color: #666;
	font-size:.875rem;
	line-height: 1rem;
	text-rendering: optimizeLegibility;
	padding-right: 2rem;
}
.box-text > a {
	color: #666 !important;
}
.box-text > a:hover {
	color: #0098C3 !important;
}
.icons-bar {
	margin-left: .6rem;
	float: right;
	padding-top: .6rem;
}
.puller{
	margin-bottom: 3rem;
	}
.text-padder {
	padding-right: 6rem;
	}
.red-box {
	width: 100%;
	background-color: #CC3333;
	padding: 0.9375rem;
	padding-right: 0.9375rem;
	padding-top: 0.366rem;
	padding-bottom: 0.366rem;
	}
.red-box-text {
	font-family: open_sans;
	font-weight: bold;
	color: white;
	font-size: 1.5625rem;
	margin-bottom: 0rem;
	}
/* 
.areas-list > li {
	color: #0098C3;
	font-size: 1.5625rem;
	list-style-position: outside;
	list-style-image: url(../img/go.png);
	list-style-type: none;
	vertical-align: middle;
	display: compact;
	position: relative;
	background-position: -10px;
	}
*/
.areas-list > li {
	color: #0098C3;
	font-size: 1.5625rem;
	background: url(../img/go.png) no-repeat left top;
	/* reset styles (optional): */
	list-style: none;
	padding: 0px 0px 10px 56px;
	margin: 0 0 0 -6px;
	}
.servicos-list {
    list-style-position: inside;
    margin-left:0;
}
/**
.servicos-list > li {
	color:#FFFFFF;
	width: 100%;
	padding-left:0;
	list-style-type: none;
	background: #0098c3; 
	background: -moz-linear-gradient(left,  #0098c3 0%, #007294 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0098c3), color-stop(100%,#007294)); 
	background: -webkit-linear-gradient(left,  #0098c3 0%,#007294 100%); /* Chrome10-25,Safari5.1-6 
	background: -o-linear-gradient(left,  #0098c3 0%,#007294 100%); 
	background: -ms-linear-gradient(left,  #0098c3 0%,#007294 100%); 
	background: linear-gradient(to right,  #0098c3 0%,#007294 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098c3', endColorstr='#007294',GradientType=1 ); 
	list-style-position: inside;
	} */
	
.servicos-list > li {
	font-size: 0.875rem;
	color:#666666;
	background-color: #FFFFFF;
	padding-left: 0.9375rem;
	font-weight: bold;
	
	}
.servicos-box {
	color:#FFFFFF;
	width: 100%;
	padding: 0.9375rem;
	padding-right: 0.9375rem;
	padding-top: 0.366rem;
	padding-bottom: 0.366rem;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0098c3+0,007294+100 */
	background: #0098c3; /* Old browsers */
	background: -moz-linear-gradient(left,  #0098c3 0%, #007294 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0098c3), color-stop(100%,#007294)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(left,  #0098c3 0%,#007294 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(left,  #0098c3 0%,#007294 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(left,  #0098c3 0%,#007294 100%); /* IE10 preview */
	background: linear-gradient(to right,  #0098c3 0%,#007294 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098c3', endColorstr='#007294',GradientType=1 ); /* IE6-9 */
	list-style-position: inside;
	margin-bottom: 0.5rem;
	
	}
.servicos-box-text {
	font-family: open_sans;
	font-weight: bold;
	color: white;
	margin-bottom: 0rem;
	}

@media screen and (max-width: 39.9375em) {
.icon-menu {
		display:none;
	}
.logo-desktop {
	display: none;
}
.my-tree {
	font-size:0.875rem;
}

.box-infra {
	background-image: url(../img/ico_iit_small.png);
	background-repeat: no-repeat;
	background-position: right top;
	
}
.box-consult {
	background-image: url(../img/ico_cit_small.png);
	background-repeat: no-repeat;
	background-position: right top;
	
}
.box-outsourc {
	background-image: url(../img/ico_oit_small.png);
	background-repeat: no-repeat;
	background-position: right top;
	
}
.box-cloud {
	background-image: url(../img/ico_cloud_small.png);
	background-repeat: no-repeat;
	background-position: right top;
	
}
.box-hard {
	background-image: url(../img/ico_sh_small.png);
	background-repeat: no-repeat;
	background-position: right top;
	
}
.box-title {
	font-size: 1.875rem;
	padding-top: 54px;
}
.box-text {
padding-top: 16px;
}
.mini-box-title {
	font-size: 1.875rem;
	padding-top: 94px;
}
.text-padder {
	padding-right: 1rem;
	}
.partner {
	padding-bottom: 16px;}	
}
@media screen and (min-width: 40em) {
	.icon-menu {
		display:block;
	}
	.my-tree {
	font-size:.875rem;
}
.box-infra {
	background-image: url(../img/ico_iit.png);
	background-repeat: no-repeat;
	background-position: right top;
	
}
.box-consult {
	background-image: url(../img/ico_cit.png);
	background-repeat: no-repeat;
	background-position: right top;
	
}
.box-outsourc {
	background-image: url(../img/ico_oit.png);
	background-repeat: no-repeat;
	background-position: right top;
	
}
.box-cloud {
	background-image: url(../img/ico_cloud.png);
	background-repeat: no-repeat;
	background-position: right top;
	
}

.box-hard {
	background-image: url(../img/ico_sh.png);
	background-repeat: no-repeat;
	background-position: right top;
	
}
.box-item {
	color: grey;
	font-size:.7rem;
}
.box-text {
	color: grey;
	font-size:.875rem;
	line-height: 1rem;
}
.box-title {
	font-size: 1.8375rem;
	padding-top: 87px;
}
.mini-box-title {
	font-size: 1.666rem;
	padding-top: 94px;
}


}


@media screen and (min-width: 64em) {
	.my-tree, .my-tree > a {
	color:white;
	text-decoration:none;
	font-size:100%;
}

.box-infra {
	background-color: white;
	background-image: url(../img/ico_iit.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.box-consult {
	background-color: white;
	background-image: url(../img/ico_cit.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.box-outsourc {
	background-color: white;
	background-image: url(../img/ico_oit.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.box-cloud {
	background-color: white;
	background-repeat: no-repeat;
	background-position: right top;
}
.box-hard {
	background-color: white;
	background-image: url(../img/ico_sh.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.box-item {
	color: #666;
	font-size:.7rem;
}
.mini-box-title {
    font-size: 1.3rem;
	padding-top: 92px;
}
.box-text {
	color: grey;
	font-size:.875rem;
	line-height: 1rem;
	padding-right: 2rem;
}

}