@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Fauna+One);
@import url(https://fonts.googleapis.com/css?family=Questrial);
@font-face {font-family: "Museo 100"; src: local(Museo100-Regular_0.otf), url(Museo100-Regular_0.otf);}


body {font-size:14px;font-family: "Open Sans", sans-serif; color: #4c4c4c; background:url(../img/att/body.jpg) left top repeat-x #FFF;}

p{margin:3px 0 10px;line-height:1.8;}
strong{font-weight:bold;}

a {color: #007DBB; font-weight: bold; text-decoration: none;}
a:hover {color: #0F9CE1; font-weight: bold;}
a:focus {text-decoration:none;outline:none;}

a.btn_mais{color:#FFF; background:#1FB7B1; border-radius: 15px; padding: 3px 10px 3px 10px; text-transform:uppercase; float:left;}
a.btn_mais:hover{color:#FFF; background: #ED4545;}

.btn-cadastro1{color:#1B4F89!important; background:#FFF; border-radius:10px; padding:9px 60px 9px 60px; text-transform:uppercase;font-size: 18px;}
	.btn-cadastro1 a{color:#1B4F89;}
.btn-cadastro1:hover{color:#FFF!important; background:#143A65;}

.btn-cadastro2{color:#FFF; background:#1FB7B1; border-radius:10px; padding:9px 60px 9px 60px; text-transform:uppercase;font-size: 18px;}
.btn-cadastro2:hover{color:#FFF; background:#143A65;}

ol, ul {margin:0;padding:0;}
li {list-style:none;}

/**-- FONTES SERIFADAS ----------------------------**/
h1,h2,h3,h4,h5, #frase, #menu_footer p, #phone_mail ,address, #apresentacao a.btn_mais, #migalhas strong, .tab a, .planos .tit, .planos .valor, .planos .preco, .cloud-destaque{font-family: "Museo 100", "Fauna One", "Times New Roman", Times, serif;}

/**-- FONTES SEM SERIFA ----------------------------**/
a.btn_mais, #webmail, .ok, #menu, #menu_footer ul li a, .list p strong, #content-r h3,
#title, #migalhas, .cloud p, .btn{font-family: "Questrial", Verdana, Geneva, sans-serif;}

h1{font-family: 'Oswald', sans-serif;font-size:35px;color:#1FB7B1;text-transform:uppercase;line-height:1.3;font-weight:300;}
h2{font-family: 'Oswald', sans-serif;font-size:30px; color:#747474; margin: 20px 0 10px 0;}
h3{font-family: 'Oswald', sans-serif;font-size:20px; margin: 0 0 10px 0;}
h4{font-family: 'Oswald', sans-serif;font-size:30px; color:#747474; margin: 0 0 10px 0;}
h5{font-family: 'Oswald', sans-serif;font-size:22px; color:#FFF; margin: 20px 0 20px 0;}

.btn{background: #1b4f89; color: #FFF; font-weight: normal; font-size: 16px; border: none; border-radius: 10px; padding: 5px 20px;}
.btn:hover{background: #1FB7B1; color: #FFF; font-weight: normal;}
.margin-b{margin-bottom:30px;}

.form-control-feedback {color:#737373;font-size:10px !important;line-height:34px !important;}

/**-- HEADER ----------------------------**/

header{height:150px;}
header .center{height:150px; position:relative; top:0; z-index: 900;}
	
	#logo,#webmail,#frase,#menu, .menu-header{position:absolute;}
	#logo{width:145px; height:120px; top:10px; left: 0; z-index: 900;}
	
	#webmail{width:400px; height:35px; top: 0; right:0; z-index: 900;}
		#webmail .menu-categ-title{font-size: 12px; text-transform: uppercase; color:#000; height: 34px; padding: 11px 30px 0 15px !important; background: url(../img/att/shadow_1.png) right bottom no-repeat;}
        #webmail .menu-categ-title a {font-size: 12px; text-transform: uppercase; color:#000;font-weight:normal;}
        #webmail .menu-categ-title a:hover {text-decoration:none;}
		#webmail .menu-categ-title.active{background: url(../img/att/shadow_1.png) right bottom no-repeat #1B5187; color:#FFF;}
        #webmail .menu-categ-title.active a {color:#FFF;text-decoration:none;}
		#webmail .menu-categ.active{margin: 0 !important; }
		#webmail .menu-categ-title span small{top: 0;}
		#webmail .menu-categ{background: none; padding: 0;}
		#webmail .menu-categ .menu-conteudo{padding: 35px 25px 10px 0px;}
		#webmail .menu-categ label{text-transform:uppercase; }
		#webmail .menu-categ input{clear:both;}
		#webmail .menu-categ .form-control{width: 185px; margin: 0 0 0 0;}
		#webmail .menu-categ .ok{width: 96px !important; margin: 10px 0 0 0; font-size: 12px;}
		#webmail .menu_painel, #webmail .menu_mailPro,
		#webmail .menu_mailMkt{background:url(../img/att/login_webmail.png) left top no-repeat;}
		#webmail .menu_painel{margin: 0 0 0 -10px;}
		#webmail .menu_mailPro{margin: 0 0 0 160px;}
		#webmail .menu_mailMkt{margin: 0 0 0 320px;}
		#webmail .menu_mailOnda{margin: 0; background:url(../img/att/login_webmail_2.png) right top no-repeat;}
		#webmail .menu_mailOnda form{padding: 0 0 0 60px !important; display:block;}
		#webmail .menu_painel form{padding: 0 0 0 40px !important; display:block;}
		
	#frase{width:350px; height: 65px; padding: 0 40px 0 0; top: 36px; left:140px; font-size:20px; color:#BFD9FF; text-align:right; text-transform:uppercase; background:url(../img/att/arrow_top.png) right top no-repeat; z-index: 100;}
		#frase p{line-height: 65px;}
	
	#menu{width:100%; height:65px; top: 36px; left:0; text-transform:uppercase; z-index: 800;}
		.menu-header{right:0;}
		.menu-categ-title{position: relative; float: left; height: 65px; padding: 25px 30px 0 30px; color: #FFF; font-size: 15px; cursor: pointer;}
		.menu-categ-title.active{background-color: #222; color: #FFF;}
		.menu-categ-title:hover{color: #EEE; cursor: pointer;}
		.menu-categ-title span{position: relative;}
		.menu-categ-title span small{position: absolute; margin-left: 5px; top: -2px;}
		.link-menu a{color: #FFF; font-size: 15px; font-weight:normal;}
		/*.menu-categ-title span small:hover,*/
		.menu-categ-title.active span small,
		.menu-categ-title:hover > span small{}
		.menu-categ-title.active span small{-webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -moz-transform: rotate(-180deg);	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
		.menu-categ{display: none; clear: none; background:url(../img/att/shadow_menu.png) left top repeat-x; background-color: rgba(20,60,104,0.9); z-index: 100;min-height:320px;}
		.menu-categ ul li{margin: 0;}
		.menu-categ.active{display: block; float:left; clear:both; width:100%; margin: 65px 0 0 0;}
	
			.menu_cloud, .menu_hospedagem, .menu_email, .menu_datacenter, .menu_telecom, .menu_telefonia{padding:0; position:relative; float:left;}
			.menu_cloud,.menu_hospedagem, .menu_email{height: 220px;}
				.menu_cloud{width:270px;}
				.menu_hospedagem{width:270px;}
				.menu_email{width:270px;}
			
			.menu_datacenter, .menu_telecom, .menu_telefonia{height: 200px;}
				.menu_datacenter{width:270px;}
				.menu_telecom{width:270px;}
				.menu_telefonia{width:270px;}
			
			.menu_empresa{height: 170px;}
				.menu_empresa ul{margin: 60px 0 0 50px;}
				.menu_empresa ul li{float:left;}
				.menu_empresa ul li a{width:320px; font-size:15px; padding: 20px 0 20px 75px; margin: 0 5px 5px 0; display:block; float:left;}
					.icon_hist{background:url(../img/att/icon_hist.png) left top no-repeat;}
					.icon_infra{background:url(../img/att/icon_infra.png) left top no-repeat;}
					.icon_parceiro{background:url(../img/att/icon_parceiro.png) left top no-repeat;}
                    .icon_clientes{background:url(../img/att/icon_clientes.png) left top no-repeat;}
					.icon_contato{background:url(../img/att/icon_contato.png) left top no-repeat;}
					.icon_trabalhe{background:url(../img/att/icon_trabalhe.png) left top no-repeat;}
					.icon_resp{background:url(../img/att/icon_resp.png) left top no-repeat;}
								
			.icon_cloud, .icon_host, .icon_mail, .icon_datacenter, .icon_telecom, .icon_telefonia{width:60px; height: 60px; position:absolute;}
			.icon_cloud, .icon_host, .icon_mail, .icon_datacenter, .icon_telecom, .icon_telefonia{left: 50px; top: 40px;}
				.icon_cloud{background:url(../img/att/icon_cloud.png) left top no-repeat;}
				.icon_host{background:url(../img/att/icon_host.png) left top no-repeat;}
				.icon_mail{background:url(../img/att/icon_mail.png) left top no-repeat;}
				.icon_datacenter{background:url(../img/att/icon_datacenter.png) left top no-repeat;}
				.icon_telecom{background:url(../img/att/icon_telecom.png) left top no-repeat;}
				.icon_telefonia{background:url(../img/att/icon_telefonia.png) left top no-repeat;}
				
			.menu_links{position:absolute; left: 50px; top:100px;}
			.menu_links2{left: 130px; top:180px;}
			.menu_links p strong{color:#BFD9FF; font-size: 16px; margin: 0 0 10px 0;}
			.menu_links ul {margin:0 0 0 0px;}
			.menu_links ul li a, .menu_empresa ul li a{text-transform: none; color:#FFF; margin: 0 0 10px 0; display:block;}
			.menu_links ul li a:hover, .menu_empresa ul li a:hover{color:#BFD9FF;}
			
/**-- FIM HEADER ----------------------------**/

/**-- INDEX ----------------------------**/

#banner{height:470px; width:auto!important; width:100%; min-width:100%;}

.cloud-home {-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;border-left:1px solid #CCC;}
.cloud-home h1 {color:#1E77C8;}
.cloud-home h1:after {content:"";display:block;background:#1E77C8;width:90px;height:3px;margin:10px 0px 30px;}
.cloud-home .lead {border-top:1px solid #CCC;border-bottom:1px solid #CCC;padding:10px 0px;}
.cloud-home .btn-default {font-size:15px;font-family: "Open Sans", sans-serif;font-weight:bold;text-transform:uppercase;border-radius:0px;background:#1E77C8;padding:10px 40px;}
.cloud-home .btn-default:hover {color:#FFF;background:#333;}

.cloud-backup-chamada {padding:50px 0px;}
.cloud-backup-chamada .row {background:url(../img/cloud-backup/chamada.jpg) left center no-repeat;-webkit-box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.5);box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.5);}
.cloud-backup-chamada-img {}
.cloud-backup-chamada-tx {background:#000;padding:40px 30px 30px 30px;margin:60px auto 0px;max-width:655px;}
.cloud-backup-chamada-tx p {color:#7AB6EB;font-size:21px;}
.cloud-backup-chamada-tx p:after {content:"";display:block;background:#7AB6EB;width:90px;height:2px;margin:5px 0px 20px;}
.cloud-backup-chamada-tx h1 {color:#FFF;text-transform:none;}
.cloud-painel-home {background:url(../img/cloud/cloud-home.jpg) center center no-repeat;padding:50px 0px;}
	.cloud-painel-home h2 {color:#3E5A66;font-size:35px;font-weight:300;}
	.cloud-painel-home h2:after {content:"";display:block;background:#3E5A66;width:90px;height:3px;margin:10px 0px 30px;}
	.cloud-painel-home .lead {border-top:1px solid #CCC;border-bottom:1px solid #CCC;padding:10px 0px;}
	.cloud-painel-home .btn-default {font-size:15px;font-family: "Open Sans", sans-serif;font-weight:bold;text-transform:uppercase;border-radius:0px;background:#3E5A66;padding:10px 40px;}
	.cloud-painel-home .btn-default:hover {color:#FFF;background:#333;}

.cloud-backup-home2 {background:url(../img/cloud/cloud-home2.jpg) center center no-repeat;padding:50px 0px;}
	.cloud-backup-home2 h2 {color:#3E5A66;font-size:35px;font-weight:300;}
	.cloud-backup-home2 h2:after {content:"";display:block;background:#3E5A66;width:90px;height:3px;margin:10px 0px 30px;}
	.cloud-backup-home2 .lead {border-top:1px solid #CCC;border-bottom:1px solid #CCC;padding:10px 0px;}
	.cloud-backup-home2 .btn-default {font-size:15px;font-family: "Open Sans", sans-serif;font-weight:bold;text-transform:uppercase;border-radius:0px;background:#3E5A66;padding:10px 40px;}
	.cloud-backup-home2 .btn-default:hover {color:#FFF;background:#333;}

.boxes-index{padding-top:50px;padding-bottom:50px;}
.box-index{background:#FFF; margin-top:35px;padding:30px;-webkit-box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.9);-moz-box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.9);box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.9);}
.box-index2{z-index: 999;min-height:585px;background:#FFF;padding:45px 30px 30px;-webkit-box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.9);-moz-box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.9);box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.9);}
	.box-index h1, .box-index2 h1{font-size:25px;color:#174C85;font-family: 'Open Sans', sans-serif; font-weight:600;line-height: 1.0;}
	.box-index h1 span, .box-index2 h1 span{font-size:20px;font-family: 'Open Sans', sans-serif; font-weight:600;}
	.box-index p, .box-index2 p{font-size:16px;color:#000;font-family: 'Open Sans', sans-serif;line-height: 1.5;font-weight: 100;}
	.index-partir{font-size:15px;font-weight:300;font-family: 'Open Sans', sans-serif;}
	.index-partir2{font-size:12px;font-weight:300;font-family: 'Open Sans', sans-serif;}
	.box-index h2, .box-index2 h2{font-size:40px;font-weight:300;color:#000;font-family: 'Open Sans', sans-serif; font-weight:600;margin: -10px 0 0px 0;}
	.btn-box-index{width:100%; border-radius:0; border:1px solid #174D85; color:#174D85;background:#FFF;}
	.btn-box-index:hover{color:#FFF;background:#174D85;}
	.btn-box-index2{width:100%; border-radius:0; border:1px solid #174D85; color:#FFF;background:#174D85;}
	.btn-box-index2:hover{color:#174D85;background:#FFF;}

.nossos-numeros{background:url(../img/att/datacenter2.jpg) center center no-repeat; padding-top:30px;padding-bottom:50px; border:1px solid #FFF;}
	.nossos-numeros h1{font-size:30px; font-family:'Open Sans', sans-serif; font-weight:100; color:#FFF;}
	.nossos-numeros h2{font-size:60px; font-family:'Open Sans', sans-serif; font-weight:600;color:#FFF;margin-bottom:5px;}
	.nossos-numeros h3{font-size:20px; font-family:'Open Sans', sans-serif; font-weight:300;color:#FFF;margin-bottom:0px;}
	.nossos-numeros p{font-size:15px; font-family:'Open Sans', sans-serif; font-weight:300;color:#FFF;}
	
.azul-big{background:#298AE3;padding-top:50px;padding-bottom:35px;border:1px solid #FFF;}	
	.azul-big h1{font-size:30px;font-family:'Open Sans', sans-serif;font-weight:100;color:#FFF;margin-bottom: 20px;}

.azul-small{background:#003366;padding-top:10px;padding-bottom:10px;border:1px solid #FFF;}	
	.azul-small h1{font-size:20px;font-family:'Open Sans', sans-serif;font-weight:100;color:#FFF;margin-bottom: 20px;}

.datacenter-home {background:url(../img/att/datacenter.jpg) center center no-repeat;padding:70px 0px;color:#FFF;border-top:2px solid #FFF;border-bottom:2px solid #FFF;}
	.datacenter-home h3 {color:#FFF;font-size:35px;text-transform:uppercase;font-weight:300;}
	.datacenter-home h3:after {content:"";display:block;background:#1fb6b1;width:90px;height:3px;margin:10px auto 30px;}
	.datacenter-home .lead {font-size:25px;}
	.datacenter-home .btn-default {color:#FFF;font-size:15px;font-family: "Open Sans", sans-serif;font-weight:bold;text-transform:uppercase;border-radius:0px;background:#1fb6b1;padding:10px 40px;margin:10px 0px;}
	.datacenter-home .btn-default:hover {color:#FFF;background:#333;text-decoration:none;}
	.datacenter-home .margin-b {margin-bottom:50px;}

.form-branco{background:#FFF;-webkit-box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.5);box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.5);min-height:400px;padding:50px 20px;}

.planos-email h3{color:#1B4F89;}
.green{background: #1FB6B1;}
.cloud_content{background: #1FB6B1; padding: 40px 0 60px 0;}
	.cloud_content h3{color:#FFF; font-size: 30px; padding: 0 0 10px 0; margin: 0 0 20px; text-align:center; border-bottom: 1px solid #0CC;}
	.cloud{text-align:center;margin-bottom:20px;}
	.cloud p {color:#FFF; font-size: 20px;}
	.cloud a.btn_mais{font-size: 12px; background:#099;float:none;} 
	.cloud a.btn_mais:hover{background:#ED4545;}
	.cloud-destaque{background: #1b4f89; font-size: 20px; color:#FFF; line-height: 24px; margin: 40px 0; padding: 30px 0;}
		.cloud-destaque p{line-height:25px !important}
		
#email_tipos,#outros_servicos{min-height:350px; float:left;}
	#email_tipos{padding-top:40px;padding-bottom:20px;background: url(../img/att/email.jpg) right top no-repeat;}
	#outros_servicos{padding-top:40px;padding-bottom:20px;background:url(../img/att/logo_g.jpg) right bottom no-repeat;}

.list{margin: 0 0 30px 0; float:left;}
	.list figure{height:95px; overflow:hidden; float:left; margin: 0 10px 10px 0; border: 1px solid #EBEBEB; border-radius: 10px;}
	.list figure img{margin: -20px 0 0 0; }	
	.list p strong{ text-transform: uppercase; font-size: 18px;}
	.list a.btn_mais{float:right;}

#hospedagem{padding: 20px 0 20px 0;}
#hospedagem img{border-radius: 10px;}	
#hospedagem_desc{padding: 80px 80px 65px 0; background: url(../img/att/arrow_right.png) right 100px no-repeat;}
	#hospedagem_desc a.btn_mais{background:#ED4545; font-size: 20px; text-transform: none; margin: 15px 0 0 0;}

.bulltet-bg{background: #666666; padding: 30px 0 30px 0;}
	.bulltet-bg .content-r{padding-top:5px;padding-bottom:20px; color:#000;}
	
.carrosel{background: #D5E5FF; }	
	
.planos-cloud{padding: 40px 0;}

.telecom_content{background: #666; padding: 30px 0 30px 0;}
	.telecom_content img{border-radius: 10px;}
	.telecom_content .content-r{padding: 20px 15px 20px 15px; color:#FFF; float:right;}
	.telecom_content .content-r h3{font-size: 25px; text-transform: uppercase; font-weight: bold;}
	.telecom_content .content-r h4{font-size: 25px; color:#CCC;}
	.telecom_content a.btn_mais{font-size: 12px; background:#099; float:right; margin: 0 0 0 0;}
	.telecom_content a.btn_mais:hover{background:#ED4545;}

.bg-carnaval { background-image: url(../img/background/bg-carnaval.jpg); background-position: center top; background-size: cover; background-attachment: fixed; padding: 80px 0px; }
.bg-carnaval h1::after { content: ''; display: block; width: 50px; height: 2px; margin: 0px auto 15px; background-color: #1FB7B1; }

/**-- FIM INDEX ----------------------------**/

/**-- P�GINAS INTERNAS ----------------------------**/

.section {padding:50px 0px;}

.breadcrumb{width:400px;font-size:10pt;color:#000;margin:-7px 0 0 0;padding: 10px 0 10px 0;text-align:right;float:right; background: none !important;}
.breadcrumb span{color:#000; font-weight: bold;}

.migalha .breadcrumb {width:auto;margin:0px;}
.migalha p {margin:7px 0px;}

.content{background:url(../img/att/content.jpg) center top no-repeat #FFF;}

#top{height: 70px; float:left; position:relative;}
	#title,#migalhas{position:absolute;}
	#title{top: 0; left:0; padding: 0 0 0 30px; background:url(../img/att/arrow_2.png) 10px 5px no-repeat;}
		#title p{text-transform: uppercase; font-size: 14px; color: #888;}
		#title span{color:#1B5187; font-size: 24px;margin-right: 20px;}
	#migalhas{top: 0; right:10px; font-size: 14px; color:#7B7B7B;}
		#migalhas strong{text-transform: uppercase; color:#000; margin-right: 10px;}
		#migalhas span{color:#F7AD39;}

.subtitle{width: 940px; background:url(../img/att/shadow_h.jpg) right 25px no-repeat; padding: 10px 30px 20px 30px; float:left;}
	
article{width: 940px; height: auto; padding: 10px 30px 20px 30px; float:left;}
/*.default{ padding: 10px 30px 30px 30px;}*/
	.default ul{margin: 0 0 15px 15px;}
	.default ul li{ list-style-type: disc; padding: 5px 0;}
aside{width: 450px; float:right;}

.bullet i{font-size: 75px;  color:#108F8C;}
#espaco {font-size: 200px;  color:#CCCCCC; margin-left:100px;}
.bullet h4{color:#FFF; font-size:25px;}
.bullet p{color:#FFF;}
.vazio{ margin:-50px 0 0 0px;}
.vazio img{ margin:0 0 0 50px;}

.media {margin-top:30px;}
.media:first-child {margin-top:30px;}
	

.bg-default{padding: 80px 0;}
	.bg-default h1{font-size: 40px; color:#FFF; margin:0 0 0 20px; padding:0;}
.bg-historico{background: url(../img/bg/bg-historia.jpg) center top fixed #333;}
.bg-cloud{background: url(../img/bg/bg-cloud.jpg) center top fixed #004C66;}
	.bg-cloud h1{font-size: 40px;}
	.bg-cloud h2{font-size: 30px; color:#FFF;}
	.bg-cloud p{font-size:20px;color:#FFF; margin:0 0 0 20px;}
.bg-cloud2{background: url(../img/bg/cloud-bg.jpg) center fixed #004C66;}
	.bg-cloud2 img{ margin: 0 auto;}
.bg-infra{background: url(../img/bg/bg-infra.jpg) center top fixed #000;}
.bg-colocation{background: url(../img/bg/bg-colocation.jpg) center top fixed #000;}
.bg-servidores-dedicados{background: url(../img/bg/bg-servidores-dedicados.jpg) center top fixed #000;}
.bg-parceiros{background: url(../img/bg/bg-parceiros.jpg) center top fixed #1FB7B1;}

.bg-engrenagem{background: url(../img/att/bg-engrenagem.png) center #666666 no-repeat; padding: 30px 0 30px 0;}
	.bg-engrenagem .content-r{padding-top:5px;padding-bottom:20px;color:#000;}
.bg-backup{background: url(../img/att/bg-backup.png) center #666666 no-repeat; padding: 30px 0 30px 0;color:#FFF;}
	.bg-backup .content-r {padding-top:5px;padding-bottom:20px;color:#000;}

.txt-destaque{text-align: center; font-size: 16px; line-height: 24px; padding: 30px}
.txt-destaque2{font-size: 16px; line-height: 24px; margin: 30px 0;}
.txt-destaque3{font-size: 18px; line-height: 24px; padding: 35px 0 35px;}
ul.dates{ padding:0; margin: 10px 0;}
	ul.dates li{text-align:center; min-height: 250px; padding: 20px 40px; list-style-type: none;}
	ul.dates li:first-child{ border-right: 1px solid #CCC;}
	ul.dates li:last-child{ border-left: 1px solid #CCC;}
	ul.dates li h3{font-size:25px; color:#1FB7B1;}

.personalize{padding: 50px 0; margin:0px; background:url(../img/att/logo-bg.png) center #1FB7B1;}
	.personalize i{ color: #24D7CE; font-size: 190px;}
	.personalize h2{color:#FFF;}
	.personalize h3{color:#004C66; font-size: 30px;}
	.personalize .btn:hover{background: #000;}
	
.sistemas{padding: 50px 0; margin: 0 0 50px 0; background: #F1F1F1;}
.sistemas2{padding: 50px 0; margin: 0 0 0 0; background: #FFF;}	
	.sistemas img, .sistemas2 img{margin: 0 auto;}
	
.etabs{width:100%; margin: 0 !important; padding: 0 !important;}
.tab{width:33.33333333%; display: inline-block; zoom:1; *display:inline; background: #EEE; border: none;  border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #CCC; border-bottom: none;}
	.tab a{font-size: 18px; line-height: 2em; display: block; padding: 0 10px; outline: none;}
	.tab a:hover {text-decoration: none; }
	.tab.active {background: #1B4F89; color: #FFF; padding-top: 4px; position: relative; top: 0;}
	.tab a.active {font-weight: bold; color: #FFF;}
.tab2{width:50%; display: inline-block; zoom:1; *display:inline; background: #EEE; border: none;  border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #CCC; border-bottom: none;}
	.tab2 a{font-size: 18px; line-height: 2em; display: block; padding: 0 10px; outline: none;}
	.tab2 a:hover {text-decoration: none; }
	.tab2.active {background: #1B4F89; color: #FFF; padding-top: 4px; position: relative; top: 0;}
	.tab2 a.active {font-weight: bold; color: #FFF;}
.tab3{width:24.6%; display: inline-block; zoom:1; *display:inline; background: #EEE; border: none;  border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #CCC; border-bottom: none;}
	.tab3 a{font-size: 18px; line-height: 2em; display: block; padding: 0 10px; outline: none;}
	.tab3 a:hover {text-decoration: none; }
	.tab3.active {background: #1B4F89; color: #FFF; padding-top: 4px; position: relative; top: 0;}
	.tab3 a.active {font-weight: bold; color: #FFF;}
.tab4{width:33%; display: inline-block; zoom:1; *display:inline; background: #EEE; border: none;  border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #CCC; border-bottom: none;}
	.tab4 a{font-size: 18px; line-height: 2em; display: block; padding: 0 10px; outline: none;}
	.tab4 a:hover {text-decoration: none; }
	.tab4.active {background: #1B4F89; color: #FFF; padding-top: 4px; position: relative; top: 0;}
	.tab4 a.active {font-weight: bold; color: #FFF;}
.tab-container .panel-container { }
	.panel-container {margin-bottom: 10px;}
	.tab-container h2{margin: 0 0 15px 0; color: #BFD9FF;}
	#tab-config, #tab-caract, #tab-servic, #tab-123, #tab-ev, #tab-email_valores, #tab-email_beneficios, #tab-email_funcionalidades, #tab-email_servicos{background: #1B4F89; color: #FFF; padding: 50px;}

	.tit-planos{ margin-bottom:20px;}

	.valores{ border: 1px solid #ccc; border-radius: 3px; padding-left: 0px; padding-right: 0px; margin-bottom:10px;padding-bottom:30px;}
	.valores:hover{ background-color:#ebebeb; padding-left: 0px; padding-right: 0px;}
		.valores h2{ background-color:#1FB7B1; font-size:24px; color:#FFF; margin:0 0 0 0; padding: 10px 0;}
		.valores h2:hover{ background-color:#1FB7B1; font-size:24px; color:#FFF; margin:0 0 0 0; padding: 10px 0;}
		.valores h3{ margin:25px 5px 5px; font-size:16px; border-top:1px solid #ccc; padding:15px 0 0 0;}
		.valores h1{ margin:0 5px 0px;}
		.valores li{ font-size:13px; color:#999; padding: 5px 5px; margin:5px 5px -10px; font-family:"Open Sans";}
			.valores span{ font-size:14px; color:#666; margin: 0 0 10px 0;}
		.valores ul li{ list-style-type: none; padding: 5px 0;}
		
	.planos{border: 1px solid #ccc; border-radius: 3px; padding:0 15px 30px 15px; margin:0 0px 35px 0px;}
	.planos:hover{background-color:#ebebeb;}
		.planos .tit{background-color:#1FB7B1; font-size:24px; color:#FFF; margin:0 0 0 0; padding: 10px 0;}
		.planos .valor{margin:25px 5px 10px; font-size:16px; border-top:1px solid #ccc; padding:15px 0 0 0;}
		.planos .preco{margin: 0 5px 30px; color: #1fb7b1; font-size: 35px; font-weight:bold;}
		.planos li{font-size:13px; color:#999; font-family:"Open Sans";}
		.planos span{font-size:14px; color:#666; margin: 0 0 10px 0;}
		.planos ul{padding: 10px;}
		.planos ul li{list-style-type: none; padding: 5px 0;}	
		.planos img{ margin:-70px 0 -20px 220px;}
		.planos a, .valores a{color:#FFF; background:#1FB7B1; border-radius: 15px; padding:10px 20px; text-transform:uppercase;float:none;}
		.planos a:hover, .valores a:hover {color:#FFF; background: #ED4545;}
		.planos h5 {color:#747474;}

		.atendimento{min-height:420px;}
		.atendimento h2{margin-bottom:10px;}
		.table-condensed > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {line-height: 1.42857; padding: 8px; vertical-align: top;}
	.table-email > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { line-height: 1.42857; padding: 8px; vertical-align: top; margin:10px; max-width: 94%; width: 10%;}

	.clientes {padding:25px 0px 25px 0px;border-bottom:1px solid #CCC;}
    .clientes h1, .clientes h2, .clientes h3, .clientes h4 {font-size:32px;color:#1FB7B1;text-transform:uppercase;line-height:1.3;font-weight:300;margin:10px 0px;}
/**-- FIM P�GINAS INTERNAS ----------------------------**/

.ok{width: auto !important; padding: 5px 10px 5px 10px; background: #1B5185; color:#FFF; border: none; border-radius: 10px; cursor:pointer; text-transform: uppercase;}
.ok:hover{background:#E5BF37;}
	
.footer {background-color: #242424;color:#FFF;}		
	#menu_footer{color:#FFF;}
		.footer-main p{font-size: 28px; font-style:normal; color:#A5A5A5; margin: 0 0 15px;}
		.footer-main ul{margin: 50px 0px 0px 0px;}
		.noMargin{ margin: 0 !important;}
		.footer-main ul li{padding: 3px 0 3px 0px;}
		.footer-main ul li a{color:#FFF; font-size:15px;font-weight:normal;}
		.footer-main ul li a:hover{color:#1FB7B1;}
        .dunbradstreet img, #Iframe1 img {height:70px;}
		
	#phone-mail{padding-top:15px;padding-left:80px;margin-top:50px;margin-bottom:30px;background:url(../img/att/logo_footer.jpg) 15px top no-repeat; color:#A5A5A5; font-size: 15px;}
		#phone-mail p {font-size:15px;line-height:20px;}
		#phone-mail span{color:#FFF; font-size: 24px; font-weight:bold;}
		
	#redes_sociais{margin-top:15px;margin-bottom:15px;}
		.footer-icons {list-style: outside none none;margin-left: -5px;padding-left: 0;}
		.footer-icons > li {display: inline-block;padding-left: 5px;padding-right: 5px;background:none;}
		.footer-icons li {line-height: 1em;}
		.footer-icons a {border: 1px solid #a5a5a5;border-radius: 50%;display: block;font-size: 16px;height: 38px;padding-top: 10px;text-align: center;width: 38px;color: #a5a5a5;}
		.footer-icons a:hover {background-color: #099;border-color: #099;color: #FFF;}
		
	address{font-size: 18px; color:#FFF;}
	
	.assinatura-ledz{padding:5px 0;color:#CCC;background-color:#222;text-align:right;}
	.assinatura-ledz a{color:#CCC}
	.assinatura-ledz a:hover{color:#999}

	.table{border:1px solid #747474;}
	.table td {color:#747474;padding:5px;line-height:18px;border:1px solid #747474;vertical-align:middle;}
	.table td {color:#747474;padding:5px;line-height:18px;border:1px solid #747474;vertical-align:middle;}
	.tableAzul{border:1px solid #FFF;}
	.tableAzul td {color:#FFF;padding:5px;line-height:18px;border:1px solid #FFF;vertical-align:middle;}

.why-onda{}
	.why-onda ul{padding: 70px 0 0 15px;}
	.why-onda ul li{list-style-type:disc; margin: 0 0 5px 0; font-size: 14px;}
.condicoes-onda{padding: 0 0 70px 0;}
	.condicoes-onda h2{margin: 20px 0; font-weight: bold; font-size:32px; color:#FFBF00;}
	.condicoes-onda ul{padding: 0 0 0 15px;}
	.condicoes-onda ul li{list-style-type:disc; margin: 0 0 8px 0; font-size: 14px;}

#nomePcte{ font-weight: bold; margin: 0 0 10px 0;}	
/* CUSTOMIZE THE NAVBAR*/
.navbar-brand {padding:10px 10px 10px 30px;}
.navbar-brand img {height:30px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background-color: #195089;color:#FFF;}
.navbar-default .navbar-nav > li > a {color:#195089;font-weight:normal;}
.navbar-default .navbar-nav > li > a:hover {color:#099;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #195089;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {color: #CCC;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: none;}
.navbar-nav .open .dropdown-menu a {font-size:13px;}

/** EFECTS **/
a, a:hover{-moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.table-tributation{border: none !important; width:100%; margin: 30px 0;}
.table-tributation td{padding: 15px;}
.color-on{background:#FFF; font-size: 14px; }
.color-off{background:#EEE; font-size: 14px; }
.color-price{background:#999; color: #FFF !important; font-size: 18px !important; font-weight: 600;}

/** CLOUD **/
#cloud-onda{background: url(../img/att/cloud-comercial-bg.jpg) center #333; color: #FFF;padding:30px 0px;}
	#cloud-onda h1{color:#FFF; font-weight:800;margin-top:0px;}
	#cloud-onda h2{color: rgba(204,204,204,1);font-size:23px;margin-bottom: 30px;margin-top: 10px;}
	#cloud-onda p{font-size: 16px; line-height: 20px;}
	#cloud-onda p i{font-size: 26px;}
	#linkContrato i{font-size:40px!important; margin-top:0px;}
	#cloud-onda .form-control{background-color: transparent; color: #fff;height: 45px;}
	#cloud-onda .btn{margin-bottom:10px; padding:12px 0;border-radius: 5px;}

#vantagens h2{color:#FFF;}
	
#sub-nav-bg{background: rgba(51,51,51,0.9); padding:10px 0;}
	#sub-nav{float:none;}
	#sub-nav li{display: inline-block; float: none;}
	#sub-nav a{color: #FFF; padding: 0 50px;}
	
.cadastrar{background:#1b4f89; padding:30px 0;}	
	.cadastrar a{color:#FFF;}
	.cadastrar h1{margin-top:10px; margin-bottom:10px;}

.divisor {width:100px;height:5px;margin:-5px auto 20px;background:#004C66;}

.emailpro-ofertas {padding:0px;}
	.emailpro-ofertas h4{color:#1B4F89;font-weight: 600;font-size:45px; margin-bottom:0;}
	.emailpro-ofertas .font-mes{color:#CCC; margin-bottom:0;}
	.emailpro-ofertas .panel-heading{background:#1B4F89; color:#FFF;}
.cloud-precos {background:#004c66;}
	.cloud-splash {margin-bottom:30px;}
	.cloud-splash h2, .cloud-splash p {color:#FFF;}
	.cloud-precos .panel {margin-bottom:15px;}
	.cloud-ofertas .panel-body {padding:0px;}
	.cloud-ofertas .panel {margin-bottom:0px;}
	.cloud-oferta {padding:0px;}
	.cloud-precos .panel-heading {background:#EEE;border-radius:0px;}
	.cloud-precos .panel-title {color:#1fb7b1;}
	.cloud-precos h4 {font-size:36px;color:#00468C;}
    .cloud-precos .panel-footer {padding:0px;}
    .cloud-precos .mais-vendido .panel-footer  {background:#00B2EE;}
	.cloud-desconto {background:#00468C;color:#FFF;}
    .mais-vendido {-webkit-box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.5);box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.5);}
    .btn-comprar {font-family: 'Oswald', sans-serif;width:100%;font-size:21px;font-weight:600;color:#FFF;text-transform:uppercase;padding:10px;background:#1fb7b1;border-radius:0px;border:none;}
	.btn-comprar:hover {background:#FFBC00;color:#FFF;}
    .btn-comprar-small {background:#FFBC00;font-size:18px;}
    .btn-comprar-small:hover {background:#00B2EE;}
    .mais-vendido-label {background:url(../img/att/mais-vendidos.png) left top no-repeat;width:95px;height:95px;text-indent:-99999999px;position:absolute;top:-5px;right:-5px;z-index:90;}
	.swiper-container { width: 100%; padding-top: 50px; padding-bottom: 50px; }
	.swiper-slide { background-position: center; background-size: cover; width: 800px; height: 400px; }
	.swiper-container .swiper-slide::before { background: transparent url("/img/att/shadow.png") no-repeat scroll 50% 0 / 100% auto; bottom: 0; content: ""; height: 44px; left: 0; position: absolute; width: 100%; z-index: 0; }
	.swiper-container .swiper-slide { padding-bottom: 60px; position: relative; }
	.swiper-container img { max-width: 600px; width: 100%; }
.cloud-plataforma, .cloud-beneficios, .cloud-funcionalidades, .cloud-condicoes, .cloud-valores, #contratar{padding: 50px 0;}
	.cloud-plataforma h1{margin-top:0px;}
    .cloud-stack{padding-top:30px;}
.cloud-beneficios{color:#FFF; background:#004C66;}
	.cloud-beneficios h2{margin:10px 0px; color:#0099CC;text-transform:uppercase;}
    .cloud-beneficios .divisor {background:#002F3E;margin-bottom:35px;}
    .cloud-beneficios h4{font-size:23px;margin: 0; color:#FFF;}
.cloud-funcionalidades{ font-size: 14px;}
	.cloud-funcionalidades i{color:#FFF; background: #003366; padding: 20px; width: 75px; height: 75px; text-align:center; border-radius: 50px; font-size: 35px; margin: 0 10px 0 0;}
.cloud-funcionalidades-tela {background:#EEE;}
.cloud-funcionalidades-painel {font-size:14px;border-bottom:1px solid #CCC;}
	.cloud-funcionalidades-painel .divisor {margin-bottom:40px;}
	.cloud-funcionalidades-painel i{color:#FFF; background: #003366; padding: 20px; width:100px; height:100px; text-align:center; border-radius:0px; font-size:55px; margin:0px;}	
.cloud-condicoes{background:url(../img/att/cloud-comercial-bg.jpg) center fixed #131718;color:#FFF;}
	.cloud-condicoes p {border-bottom:1px solid #666;padding-bottom:20px;padding-top:20px;}
.cloud-valores{}
	.cloud-valores table thead tr{background: #006699; border: none; color:#FFF;}
.cloud-login{background:#006699;color:#FFF; padding: 25px 0 10px 0;}
	.cloud-login .lead a{ color:#FFFF00; text-decoration: none;}
.cloud-templates{padding: 25px 0; background: #EEEEEE;}

.cloud-backup-diferenciais {background:url(../img/cloud-backup/diferenciais.jpg) center center no-repeat;padding:50px 0px;}
	.cloud-backup-box {background:#FFF;padding:30px;-webkit-box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.9);-moz-box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.9);box-shadow: 0px 0px 45px -10px rgba(0,0,0,0.9);}
	.cloud-backup-box span {color:#1E77C8;}
.cloud-backup-dispositivos {background:#54667A;color:#FFF;}
	.cloud-backup-dispositivos h2 {color:#FFF;font-weight:300;}
	.cloud-backup-dispositivos h2:after {content:"";display:block;background:#FFF;width:90px;height:3px;margin:10px 0px 30px;}
.cloud-backup-vantagens {border-bottom:2px solid #CCC;}
	.cloud-backup-vantagens h2 {color:#1fb7b1 !important;font-size:35px;font-weight:300;}
	.cloud-backup-vantagens h2:after {content:"";display:block;background:#004c66 ;width:90px;height:3px;margin:10px auto 30px;}
	.cloud-backup-vantagens h4 {font-weight:300;}
	.cloud-backup-vantagens i {color:#FFF; background: #1fb7b1; padding: 20px; width:100px; height:100px; text-align:center; border-radius:0px; font-size:55px; margin:0px;}	
.cloud-backup-valores h2 {color:#1fb7b1 !important;font-size:35px;font-weight:300;}
	.cloud-backup-valores h2:after {content:"";display:block;background:#004c66 ;width:90px;height:3px;margin:10px auto 30px;}
	
/** CADASTRO **/
.cadastro-box {background:rgba(255,255,255,0.95);padding:30px;min-height:350px;}
.cadastro-ok {background:url(../img/att/cadastro-ok.jpg) no-repeat center center;}	
.cadastro-ok h1 {color:#1E77C8;}
.cadastro-ok h1:after {content:"";display:block;background:#1E77C8;width:90px;height:3px;margin:10px 0px 30px;}
.cadastro-notok {background:url(../img/att/cadastro-notok.jpg) no-repeat center center;}	
.cadastro-notok h1 {color:#A20805;}
.cadastro-notok h1:after {content:"";display:block;background:#A20805;width:90px;height:3px;margin:10px 0px 30px;}

/** SERVIDORES DEDICADOS **/
.servidores-vantagens {padding:30px 0px;color:#FFF;background:#5DACC4;}
.servidores-vantagem {margin:0 auto;padding:30px;}
.servidores-border-l {border-left:1px solid;}
.servidores-border-b {border-bottom:1px solid;}

.servidores-tabela {padding:30px 0px;}
.servidores-tabela h1 {font-family: 'Oswald', sans-serif;text-transform:uppercase;line-height:1.3;font-weight:300;}

.servidores-proposta {color:#FFF;}
.servidores-proposta .personalize {padding:30px 0px;}
.servidores-proposta h2 {font-family: 'Oswald', sans-serif;text-transform:uppercase;line-height:1.3;font-weight:300;}

.form-modal label {font-weight:normal;}
.form-modal .error {font-weight:normal;color:#900;padding-top:5px;font-size:13px;}
.form-modal .modal-footer {text-align:center;}

@media (max-width: 767px) {
	html {position: relative;min-height: 100%;}
	body{margin-top:50px;background:none;}
	#email_tipos{padding:40px 0px 0px 0px;background: url(../img/att/email-responsive.jpg) right top no-repeat;}
	#outros_servicos{padding:20px 0px 20px 0px;}
	.list a.btn_mais{float:left;}
	#hospedagem_desc{padding:30px 15px 15px 15px; background:none;}
    .logo-parceiros {text-align:center;}
	#tab-config, #tab-caract, #tab-servic{padding: 15px;}
	.txt-destaque{padding: 15px 0px; font-size: 14px; text-align: justify;}
	ul.dates{ padding:0; margin: 10px 0;}
		ul.dates li{min-height: 250px; padding: 20px 20px; list-style-type: none;}
		ul.dates li:first-child{border-bottom: 1px solid #CCC;}
		ul.dates li:last-child{border-top: 1px solid #CCC;}
	.planos img{ margin:0;} 
    .table-responsive {margin-bottom:30px;}
    
    .migalha .breadcrumb {float:left;}
    .servidores-vantagens {padding:0px;}
    .servidores-vantagens-list {border-bottom:1px solid;}
    .servidores-border-l {border-left:none;}
	
	.cloud-backup-vantagens {text-align:center;}
	.swiper-slide { width: 800px; height: 300px;}
	
	.boxes-index{padding-top:0px;padding-bottom:0px;}
	.box-index{margin-top:0px;}
	.nossos-numeros h2{font-size: 45px;}
}

@media (min-width: 992px) {
	.cloud-beneficios-list {padding-bottom:15px;margin-bottom:25px;border-bottom:1px solid #002F3E;}
    .servidores-vantagem {width:70%;}
	.cadastro-box {-webkit-box-shadow: 0px 40px 45px -10px rgba(0,0,0,0.9);-moz-box-shadow: 0px 40px 45px -10px rgba(0,0,0,0.9);box-shadow: 0px 40px 45px -10px rgba(0,0,0,0.9);}
}