@charset "utf-8";
/*	developed by tiagofelipe.com
	v0.1 stylesheet
*/

.cloudstorage-header-bg{
	background:url(../images/pages/cloudstorage/header-bg.jpg) 50% 0 no-repeat fixed;
	height:334px;
	position:relative;
}
.fcontent{
	padding-top:90px;
	color:#FFF !important;
	z-index:2;
	position:relative;
	text-align:center;
}
.fcontent strong{
	font-size:50px;
	font-weight:400;
	color:#FFF;
	text-align:center;
}
.fcontent strong span{
	color:#FF7F00;
}
.fcontent h1{
	font-size:24px;
	display:block;
	color:#FFF;
}
.fcontent .atendimento-opcoes{
	margin-top:26px;
}
.fcontent .atendimento-opcoes a{
	margin-right:20px;
}
.fcontent .atendimento-opcoes .telefone{
	display:block;
	clear:both;
	font-size:18px;
	margin:15px 0 8px 0;
}
.fcontent .atendimento-opcoes .telefone strong{
	font-size:22px;
	font-weight:400;
}
#vantagens > h2{
	margin:46px 0;
	text-align:center;
}
#vantagens{
	padding-left:35px
}
#vantagens ul{
	list-style:none;
}
#vantagens ul li{
	font-size:13px;
	float:left;
	width:370px;
	padding:0 18px 0 100px;
	margin-bottom:40px;
	height:200px;
	position:relative;
}
#vantagens ul li i{
	position:absolute;
	left:0;
	top:20px;
}
#vantagens ul li h2{
	font-size:16px;
	font-weight:400;
	margin-bottom:2px;
}
#recursos ul{
	list-style:none
}
#recursos ul li{
	display:block;
	float:left;
	width:50%;
	height:257px;
	padding:44px 34px 34px 145px;
	background-color:#FFFFFF !important;
	border:#E4EEF2 1px solid;
	position:relative;
}
#recursos ul li i{
	position:absolute;
	left:25px;
	top:70px;
}
#casosdeuso .casu-options{
	list-style:none;
	float:left;
	width:22%;
	z-index:2;
	position:relative;
}
#casosdeuso .casu-options li a{
	display:block;
	clear:both;
	padding:8px 13px;
	position:relative;
}
#casosdeuso .casu-options li.selected a{
	background-color:#FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-right:none !important;
	font-weight:400;
	text-decoration:none !important;
}
#casosdeuso .casu-options li.selected a i{
	background-color:#FFFFFF;
	width:1px;
	position:absolute;
	right:-1px;
	top:1px;
	bottom:1px;
}
#casosdeuso .casu-item{
	width:78%;
	float:left;
	background-color:#FFFFFF;
	border:#CCCCCC 1px solid;
	padding:40px;
	z-index:1;
	position:relative;
	display:none;
	min-height:300px;
}
#casosdeuso .casu-item.selected{
	display:block;
}
#price{
	margin:40px auto;
}
@media screen and (max-width: 767px) {
	#page-menu{
		display:none;
	}
	.cloudstorage-header-bg {
	  height: auto;
	}
	.fcontent {
	  padding: 50px 15px 15px;
	}
	.fcontent h1 {
	  font-size: 32px;
	}
	.fcontent .atendimento-opcoes a {
	  margin-right: 0;
	}
	#vantagens{
		padding:15px;
	}
	#vantagens ul li {
	  width: 100%;
	  float: none;
	  margin-left: 0;
	  margin-bottom:40px;
	}
	.center-full.azul {
	  padding: 15px 0;
	}
	#recursos > div > h2{
		text-align:center;
		padding:15px;
	}
	#recursos ul li {
	  float: none;
	  width: 100%;
	  height: auto;
	  padding: 15px;
	  text-align:center;
	}
	#recursos ul li i {
	  position: relative;
	  left: 0;
	  top: 0;
	  widows:100%
	}
	#price{
		padding:15px;
	}
	#casosdeuso .casu-options {
	  float: none;
	  width: 99%;
	}
	#casosdeuso .casu-options li.selected a {
	  background-color: #FFFFFF;
	  border: #CCCCCC 1px solid;
	  -webkit-border-top-left-radius: 0;
	  -webkit-border-bottom-left-radius: 0;
	  -moz-border-radius-topleft: 0;
	  -moz-border-radius-bottomleft: 0;
	  border-top-left-radius: 0;
	  border-bottom-left-radius: 0;
	  border-right: none !important;
	  font-weight: 400;
	  text-decoration: none !important;
	}
	#casosdeuso .casu-item {
	  width: 100%;
	  float: none;
	  background-color: #FFFFFF;
	  border: #CCCCCC 1px solid;
	  padding: 40px;
	  z-index: 1;
	  position: relative;
	  display: none;
	  min-height: 0;
	}
	#casosdeuso .center-1156 h1{
		padding:15px;
	}
	.center-full.cinza {
	  padding: 25px 0;
	}
	#vantagens ul li {
	  font-size: 13px;
	  float: none;
	  width: 100%;
	  padding: 0 18px 0 100px;
	  margin-bottom: 40px;
	  height: auto;
	  position: relative;
	}
}
@media screen and (min-width: 767px) and (max-width: 1167px) {
	
}