/**
* Porta 80
*
* Layout padão para o site Porta 80
* 
* @project Porta 80
* @version 1.0
* @package css
* @author http://estudiolepe.com.br/
* @author William espindola falecom@williamespindola.com.br
* @since 20/12/2011
* @copyright 2010 Porta 80
* @colordef #345f80;blue
* @colordef #fff;white
* @colordef #f7f7f7;gray
* @fontdef Arial
*/
/**
* @section Reset 
*/
*{margin:0;padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{border:none;}
/** 
* @section Biblioteca
*/
.fLeft{float:left}
.fRight{float:right;}
.fNone{float:none;}
.dBlock{display:block;}
.dInline{display:inline;}
.dInlineBlock{display:inline-block;}
.dNone{display:none;}
.pAbsolute{position:absolute;}
.pRelative{position:relative;}
.cBoth{clear:both;}
.cLeft{clear:left;}
.cRight{clear:right;}
.text-uppercase{text-transform:uppercase;}
.corner-tl{-webkit-border-top-left-radius: 4px;-moz-border-radius-topleft: 4px;border-top-left-radius: 4px;}
.corner-tr{-webkit-border-top-right-radius: 4px;-moz-border-radius-topright: 4px;border-top-right-radius: 4px;}
.corner-bl{-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-left-radius: 4px;}
.corner-br{-webkit-border-bottom-right-radius: 4px;-moz-border-radius-bottomright: 4px;border-bottom-right-radius: 4px;}
.corner-top{-webkit-border-top-left-radius: 4px;-moz-border-radius-topleft: 4px;border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topright: 4px;border-top-right-radius: 4px;}
.corner-bottom{-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-left-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-bottomright: 4px;border-bottom-right-radius: 4px;}
.corner-right{-webkit-border-top-right-radius: 4px;-moz-border-radius-topright: 4px;border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-bottomright: 4px;border-bottom-right-radius: 4px;}
.corner-left{-webkit-border-top-left-radius: 4px;-moz-border-radius-topleft: 4px;border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-left-radius: 4px;}
.corner-all{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.margin-10-all{margin:10px;}
/**
 *	@section Field Grid
 */
.grid-1-12, .grid-2-12, .grid-3-12, .grid-4-12, .grid-5-12, .grid-6-12, .grid-7-12, .grid-8-12, .grid-9-12, .grid-10-12, .grid-11-12, .grid-12-12 {
display:inline; float:left; margin-left:1%; margin-right:1%;padding: 0.5% 0.5% 0.8%;
/*ie7*/
*margin-left:.8%; *margin-right:.8%;*padding: 0.5% 0.25% 0.8%;
}
/**
 *	@section 12-column Grid (thanks for Fluid 960 Grid System)
 */
.grid-1-12 {width: 5.333%;}
.grid-2-12 {width: 13.666%;}
.grid-3-12 {width: 22%;}
.grid-4-12 {width: 30.333%;}
.grid-5-12 {width: 38.666%;}
.grid-6-12 {width: 47%;}
.grid-7-12 {width: 55.333%;}
.grid-8-12 {width: 63.666%;}
.grid-9-12 {width: 72%;}
.grid-10-12 {width: 80.333%;}
.grid-11-12 {width: 88.666%;}
.grid-12-12 {width: 97%;}


/**
* @section Estilização
* Define fonte para o site
* @section Estrutura
* Estrutura inicial e fixação do footer
*/
html,body{height:100%;min-width:1000px;font:small Arial,Helvetica,sans-serif;color:#333333;}
#wrap{min-height:100%;position:relative;margin:0px auto;}
#main{overflow:hidden;padding-bottom:150px;position:relative;width:1000px;margin:0px auto;}
/**
* @section Header com dois box logo e login
*/
#header{position:relative;height:110px;width:1000px;}
.logo{position:relative;width:185px;height:66px;margin:17px 0px 17px 40px;}
/**
* @subsubsection box login
*/
.box-login{
	width:248px;
	height:100px;
	margin:100px;
        margin:10px 10px 0px 0px;
}
.tab-login{
	height:20px;
	padding-top:5px;
	border-top-left-radius:4px;		
	border-top-right-radius:4px;
        background: #eeeeee; /* Old browsers */
        background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
        background: linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
        margin:0px !important;
}
.tab-login li{
	list-style-type:none;
	display:inline;
	padding:0px;
	margin:0px;
}

.tab-login li a{
	padding:5px 20px;	
	text-decoration:none;
	color:#aaaaaa;
}
.tab-login li a.tab-active{
	background:#e5e5e7;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	color:#868686;
        -webkit-border-top-left-radius: 4px;-moz-border-radius-topleft: 4px;border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topright: 4px;border-top-right-radius: 4px;
        padding:5px 20px;
}
.content-login{
	background:#e5e5e7;
	width:246px;
	height:60px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.input-login{
    width:107px;
    height:23px;
    margin:10px 0px 4px 1px;
    border:1px solid #ccc;
    color:#aaaaaa;
    font-weight:bold;
    padding:0px 5px;
}
.link-esqueci{
    margin:7px;
    font-size:11px;
}
.submit-login{
    float:right;
    width:60px !important;
    height:20px !important;
    *margin-top:-20px;
    margin:0px 10px 0px 0px;
    padding:1px !important;
    background: #207ccc;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwN2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzUzOGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #207ccc 0%, #23538a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#207ccc), color-stop(100%,#23538a));
background: -webkit-linear-gradient(top,  #207ccc 0%,#23538a 100%);
background: -o-linear-gradient(top,  #207ccc 0%,#23538a 100%);
background: -ms-linear-gradient(top,  #207ccc 0%,#23538a 100%);
background: linear-gradient(top,  #207ccc 0%,#23538a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ccc', endColorstr='#23538a',GradientType=0 );
    color:#fff;
    border:1px solid #767C84;
    cursor:pointer;
}
/**
* Menu principal
* @section Estrutura e estilo
*/
#nav{background:#345f80 url('../img/background-menu.jpg') repeat-x;position:relative;width:1000px;margin:0px auto;height:42px;}
.sub-menu{width:400px;height:300px;position:absolute;top:40px;left:90px;background: #eeeeee; 
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); 
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); 
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); 
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); 
background: linear-gradient(top,  #eeeeee 0%,#cccccc 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
border:1px solid #cccdc7;
z-index:9999 !important;}
.sub-menu a{color:#333;}
/**
* Menu box internos
* @subsection Estrutura e estilo
*/
#nav .nav-left{background:#345f80 url('../img/left-menu.jpg') no-repeat;position:relative;float:left;width:11px;height:47px;}
#nav .nav-menu{position:relative;float:left;padding:9px;}
#nav .pesquisa{position:absolute;float:left;right:100px;}
#nav .nav-right{background:#345f80 url('../img/right-menu.jpg') no-repeat;position:relative;float:right;width:11px;height:45px;}
.box-busca-menu{position:absolute;top:5px;right:20px;}
.box-busca-menu input{width:200px;height:25px !important;background:#6b8699;border:1px solid #3f5a6d;padding:0px 0px 0px 10px;color:#c8d1d8;}
.bt-contate-nav{position:absolute;top:-9px;left:414px;background:transparent url('../img/bt-contrate-nav.png') no-repeat;padding:18px 31px 23px 45px;font-size:large;font-weight:bold;color:#102f44;}
/**
* Menu principal efeitos navegação
* estruturação e estido de form pesquisa
* @subsubsection estrutura e estilo
*/
.nav-menu ul.level1 li a.link-level1{color:#fff;}
.nav-menu a.link-level1:hover,
.nav-menu a.link-level1.menu-ativo{
        color:#2684f8 !important;
	background: #eeeeee; 
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); 
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); 
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); 
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); 
	background: linear-gradient(top,  #eeeeee 0%,#cccccc 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); 
}
.nav-menu ul.level1 li{width:100%;height:42px;display:inline;}
.level2{padding-bottom:5px;margin:10px;border-bottom:1px solid #333;width:170px;}
.level2 li{display:block !important;height:16px !important;}
.titulo-level2{font-weight:bold;color:#4299db;}
.nav-menu ul li a.link-level1{width:100%;height:42px;padding:12px;}
.level2 a:hover{text-decoration:underline;}
/**
* Definição box banner
* @section Estruture 
*/
#banner{position:relative;width:980px;height:130px;margin:15px auto;z-index:999 !important;}
#nav-banner{position:absolute;bottom:15px;top:3px;right:4px;z-index:9999;}
#nav-banner a{background:#fafafa;padding:3px 5px;margin:1px;color:#333;display:block;}
.activeSlide{background:#ccc !important;}
/**
* Box pesquisa de domínio
* @section Estruture 
*/
#tool-bar-dominio{background:#333;position:relative;margin:0px auto;height:30px;width:980px;}
/**
* Define box internos 
* @subsection Estrutura e estido
*/
#tool-bar-dominio .tool-titulo{background:#6dbefb;border:1px solid #69b0e6;position:relative;float:left;width:19%;height:28px;text-align:center;}
#tool-bar-dominio .tool-titulo h3{font-size:1.1em;color:#fff;padding:5px;}
#tool-bar-dominio .tool-titulo_2 h3{font-size:1.1em;color:#fff;padding:5px;}
#tool-bar-dominio .tool-subtitulo{position:relative;float:left;width:35%;color:#fff;text-align:center;padding:7px 0 7px 0;font-size:1em}
#tool-bar-dominio .tool-subtitulo_2{position:relative;float:left;width:50%;color:#fff;text-align:center;padding:7px 0 7px 0;font-size:1em}
#tool-bar-dominio .tool-tool{position:relative;float:left;width:40%;color:#fff;padding:5px 0px 5px 0px;text-align:center;}
/**
* Alinhamento,estutura form pesquisa domínio
* @subsubsection Estrutura e estido
*/
#tool-bar-dominio .tool-tool form input{border:none;height:15px;}
#tool-bar-dominio .tool-tool form .dominio{width:170px;}
#tool-bar-dominio .tool-tool form .tipo-dominio{width:70px;}
#tool-bar-dominio .tool-tool form .dominio-enviar{border:none;background:none;color:#fff;font-size:1em;cursor:pointer;}
/**
* Definições menu de produtos e seu planos
* @subsubsections Estrutura e estido
*/
#produtos{position:relative;margin:10px auto;height:397px;width:980px;}
#menu-produtos{position:relative;float:left;width:174px;height:397px;background:transparent url('../img/back-menu-produtos.jpg') no-repeat;margin:0px;}
#menu-produtos div{position:relative;width:191px;height:35px;margin-bottom:16px;}
#menu-produtos div h3{position:relative;padding:7px 0 0 40px;color:#fff;}
#menu-produtos ul li{position:relative;padding:0px 10px 16px 3px;}
#menu-produtos ul li.ativo,
#menu-produtos ul li:hover{position:relative;padding:0px 10px 16px 3px;cursor:pointer;color:#fff;}
#menu-produtos ul li.ativo-1{background:transparent url('../img/bt-menu-produtos-1.jpg') no-repeat left top;}
#menu-produtos ul #tabs-1:hover{background:transparent url('../img/bt-menu-produtos-1.jpg') no-repeat left top;}
#menu-produtos ul li.ativo-2{background:transparent url('../img/bt-menu-produtos-2.jpg') no-repeat left top;}
#menu-produtos ul #tabs-2:hover{background:transparent url('../img/bt-menu-produtos-2.jpg') no-repeat left top;}
#menu-produtos ul li.ativo-3{background:transparent url('../img/bt-menu-produtos-3.jpg') no-repeat left top;}
#menu-produtos ul #tabs-3:hover{background:transparent url('../img/bt-menu-produtos-3.jpg') no-repeat left top;}
#menu-produtos ul li.ativo-4{background:transparent url('../img/bt-menu-produtos-4.jpg') no-repeat left top;}
#menu-produtos ul #tabs-4:hover{background:transparent url('../img/bt-menu-produtos-4.jpg') no-repeat left top;}
#menu-produtos ul li.ativo-5{background:transparent url('../img/bt-menu-produtos-5.jpg') no-repeat left top;}
#menu-produtos ul #tabs-5:hover{background:transparent url('../img/bt-menu-produtos-5.jpg') no-repeat left top;}
#menu-produtos ul li.ativo-6{background:transparent url('../img/bt-menu-produtos-6.jpg') no-repeat left top;}
#menu-produtos ul #tabs-6:hover{background:transparent url('../img/bt-menu-produtos-6.jpg') no-repeat left top;}
#menu-produtos ul li.ativo-7{background:transparent url('../img/bt-menu-produtos-7.jpg') no-repeat left top;}
#menu-produtos ul #tabs-7:hover{background:transparent url('../img/bt-menu-produtos-7.jpg') no-repeat left top;}
#menu-produtos ul li a{font-size:1.1em;}
#menu-produtos ul li.ativo-1 a,
#menu-produtos ul #tabs-1:hover a,
#menu-produtos ul li.ativo-2 a,
#menu-produtos ul #tabs-2:hover a,
#menu-produtos ul li.ativo-3 a,
#menu-produtos ul #tabs-3:hover a,
#menu-produtos ul li.ativo-4 a,
#menu-produtos ul #tabs-4:hover a,
#menu-produtos ul li.ativo-5 a,
#menu-produtos ul #tabs-5:hover a,
#menu-produtos ul li.ativo-6 a,
#menu-produtos ul #tabs-6:hover a,
#menu-produtos ul li.ativo-7 a,
#menu-produtos ul #tabs-7:hover a{color:#fff;}
#menu-produtos ul li a{color:#000;}
#planos{position:relative;float:left;width:800px;height:390px;margin:0px auto;border-top:7px solid #cfcfcf;border-right:2px solid #40759c;background:#f2f2f2;}
/**
* Box para estrutura e estido da tabela de detalhamento
* da home,varios planos podem usar o mesmo box
* @section Estrutura e estilo
*/
.mini-banner-planos{margin:2px 30px;}
#plano{position:relative;float:left;width:25%;height:321px;margin:0px auto;}
#plano .plano-promocao{position:relative;float:left;width:20px;height:233px;margin-top:50px;}
#plano .plano-detalhado{position:relative;float:left;width:155px;height:321px;}
#plano .plano-detalhado img{position:absolute;top:5px;right:10px;z-index:9999;}
#plano .titulo-compartilhado{background:#003964;}
#plano .titulo-dedicado{background:#0263a7;}
#plano .titulo-email-corporativo{background:#0099cc;}
#plano .titulo-email-marketing{background:#15a7d7;}
#plano .titulo-revenda{background:#47d1fe;}
#plano .plano-titulo{padding:4px 0 3px 33px;color:#fff;font-weight:bold;text-transform:uppercase;margin-top:30px;}
#plano .plano-desc{font-size:1em;text-align:center;padding:5%;height:60px;color:#003964;background:#dfe3e6;}
#plano .plano-detalhe{position:relative;background:#fff;padding:8px 3px;border-bottom:8px solid #dfe3e6;font-size:0.9em;}
#plano .plano-valor{position:relative;font-size:1.2em;background:#dfe3e6;padding:15px 0 15px 5px;text-align:center;color:#003964;font-weight:bold;}
#plano .plano-bt-conheca{position:relative;width:100%;height:25px;background:#dfe3e6;text-align:center;}
#plano .plano-bt-conheca a{position:relative;background:transparent url('../img/bt-conheca.jpg') no-repeat left top;padding:4px 45px 4px 45px;width:142px;height:22px;color:#9a4816;font-weight:bold;}
#plano-tabs-5 #plano{margin-left:50px;}
/**
* Definição de box produto Cloud
* @section Estrutura e estilo
*/
#produto-cloud{position:relative;width:798px;height:388px;
background: #dedede; /* Old browsers */
background: -moz-linear-gradient(top,  #dedede 0%, #ffffff 21%, #ededed 28%, #e4e4e2 33%, #dddbdc 38%, #d6d6d4 47%, #d5d5d5 57%, #c9c8c6 76%, #c3c3c3 85%, #c2c2c0 85%, #c2c2c2 86%, #c1c1bf 87%, #c1c1c1 88%, #c0c0be 89%, #c0c0c0 90%, #b9b9b9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(21%,#ffffff), color-stop(28%,#ededed), color-stop(33%,#e4e4e2), color-stop(38%,#dddbdc), color-stop(47%,#d6d6d4), color-stop(57%,#d5d5d5), color-stop(76%,#c9c8c6), color-stop(85%,#c3c3c3), color-stop(85%,#c2c2c0), color-stop(86%,#c2c2c2), color-stop(87%,#c1c1bf), color-stop(88%,#c1c1c1), color-stop(89%,#c0c0be), color-stop(90%,#c0c0c0), color-stop(100%,#b9b9b9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dedede 0%,#ffffff 21%,#ededed 28%,#e4e4e2 33%,#dddbdc 38%,#d6d6d4 47%,#d5d5d5 57%,#c9c8c6 76%,#c3c3c3 85%,#c2c2c0 85%,#c2c2c2 86%,#c1c1bf 87%,#c1c1c1 88%,#c0c0be 89%,#c0c0c0 90%,#b9b9b9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dedede 0%,#ffffff 21%,#ededed 28%,#e4e4e2 33%,#dddbdc 38%,#d6d6d4 47%,#d5d5d5 57%,#c9c8c6 76%,#c3c3c3 85%,#c2c2c0 85%,#c2c2c2 86%,#c1c1bf 87%,#c1c1c1 88%,#c0c0be 89%,#c0c0c0 90%,#b9b9b9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dedede 0%,#ffffff 21%,#ededed 28%,#e4e4e2 33%,#dddbdc 38%,#d6d6d4 47%,#d5d5d5 57%,#c9c8c6 76%,#c3c3c3 85%,#c2c2c0 85%,#c2c2c2 86%,#c1c1bf 87%,#c1c1c1 88%,#c0c0be 89%,#c0c0c0 90%,#b9b9b9 100%); /* IE10+ */
background: linear-gradient(top,  #dedede 0%,#ffffff 21%,#ededed 28%,#e4e4e2 33%,#dddbdc 38%,#d6d6d4 47%,#d5d5d5 57%,#c9c8c6 76%,#c3c3c3 85%,#c2c2c0 85%,#c2c2c2 86%,#c1c1bf 87%,#c1c1c1 88%,#c0c0be 89%,#c0c0c0 90%,#b9b9b9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#b9b9b9',GradientType=0 ); /* IE6-9 */
}
.logo-cloud{position:absolute;top:30px;left:24px;}
#produto-cloud .col1{position:relative;width:40%;padding-top:130px;float:left;}
#produto-cloud .col2{position:relative;width:50%;padding-top:40px;float:left;}
#produto-cloud .col1 h3{position:relative;margin-left:60px;color:#063069;text-align:right;}
#produto-cloud .col1 p{position:relative;margin:30px 20px;color:#2c3c51;}
#produto-cloud .col2 h4{position:relative;margin-left:100px;color:#333333;}
.bt-assinar-cloud{background:transparent url('../img/bt-assinar-plano.png') no-repeat left top;width:60px;height:15px;padding:7px 62px 6px 66px;text-transform:uppercase;color:#9b4a15;margin-left:80px;position:absolute;top:340px;}
#monta-planos-cloud{position:relative;width:406px;height:200px;margin:10px 0px 0px 40px;}
.recurso-slider li{display:inline;margin-right:15px;}
.recurso-cloud{float:right;margin-right:100px;}
.recurso-slider{position:relative;width:409px;height:50px;}
.box-slider{position:relative;width:400px;height:25px;background:#e3e6ed;padding:8px 0px 0px 8px;font-size:0.9em;}
.lista-plataforma{margin:-17px 0px 0px 100px;}
.lista-plataforma li {display:inline;margin-right:20px;}
.selected-slider{position:relative;width:406px;height:15px;float:right;text-align:right;padding:10px 0px;}
#slider-recurso-cloud-1,
#slider-recurso-cloud-2,
#slider-recurso-cloud-3{width:140px;}
.box-total-slide{text-align:center;font-size:16px !important;font-weight:bold;background:#acb7d0 !important;}
/**
* Definição de box produto Cloud
* @section Estrutura e estilo
*/
#produto-streaming{position:relative;width:798px;height:388px;background:#fff;}
.logo-streaming{position:absolute;bottom:0px;left:40px;}
#produto-streaming .col1{position:relative;width:40%;float:left;}
#produto-streaming .col2{position:relative;padding-top:10px;float:left;}
#produto-streaming .col1 p{position:relative;margin:20px 20px;color:#333;font-size:16px;font-weight:bold;width:330px;}
.spanStreamingAzul{color:#10baf2;}
#produto-streaming .col2 p{position:relative;margin-left:40px;color:#2c5471;}
#produto-streaming .col2 h3{position:relative;padding:5px 0px 0px 80px;color:#9b4a15;}
#bt-assinar{position:relative;background:transparent url('../img/bt-assinar-plano.png') no-repeat left top;width:10px;height:10px;padding:7px 62px 6px 66px;text-transform:uppercase;color:#9b4a15;position:absolute;bottom:10px;}
#monta-planos-streaming{position:relative;width:406px;height:260px;margin:0px 0px 0px 40px;}
#monta-planos-streaming .plataforma-recurso-streaming{height:30px;padding:5px 0px 0px 20px;}
#monta-planos-streaming .plataforma-recurso-streaming li{display:inline;margin-right:15px;}
#monta-planos-streaming .plataforma-recurso-streaming .recurso-streaming{float:right;margin-right:30px;}
#monta-planos-streaming .recurso-slider .box-slider{position:relative;width:400px;height:25px;background:#e9e9e9;padding:8px 0px 0px 8px;font-size:0.9em;}

#slider-recurso-streaming-1,
#slider-recurso-streaming-2,
#slider-recurso-streaming-3{width:140px;}
.slider-end{position:absolute;top:16px;right:7px;}
.slider-init{position:absolute;top:16px;right:205px;}
.slider{position:absolute;top:16px;right:50px;width:140px;}
.valor-final-opcoes-home{width:406px;height:30px;text-align:center;}
.valor-final-opcoes-home p{margin:5px 0px;width:50%;float:left;}
.valor-final-opcoes-home{background:#e3e6ed;border:1px solid #d2d1d0;color:#0679ba;}
.valor-total-home{float:right;color:#2c5471;margin:10px 20px 0px 0px;}
.amout-slider-home{border:none;background:none;color:#ae1726;font-weight:bold;text-align:center;position:absolute;top:-21px;right:49px;}
.bt-assinar-produto-home{width:130px;height:25px;padding:0px 0px 5px 0px;border:1px solid #ccc;margin:3px;font-weight:bold;cursor:pointer;color:#fff;font-size:15px;
                   background: #fac695;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYzY5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y1YWI2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjhkMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fac695 0%, #f5ab66 47%, #ef8d31 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fac695), color-stop(47%,#f5ab66), color-stop(100%,#ef8d31));
background: -webkit-linear-gradient(top,  #fac695 0%,#f5ab66 47%,#ef8d31 100%);
background: -o-linear-gradient(top,  #fac695 0%,#f5ab66 47%,#ef8d31 100%);
background: -ms-linear-gradient(top,  #fac695 0%,#f5ab66 47%,#ef8d31 100%);
background: linear-gradient(top,  #fac695 0%,#f5ab66 47%,#ef8d31 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=0 );
}
.error-home{position:absolute;top:32px;right:4px;font-size:11px;color:#AE1726;}
/**
* Definição de box destaque
* @section Estrutura e estilo
*/
#destaques{position:relative;width:980px;margin:0px auto;height:660px;}
.destaque-left{background:transparent url('../img/left-titulo-box.jpg') no-repeat;position:relative;float:left;width:13px;height:36px;}
.destaques-titulo{width:980px;height:37px;;}
.titulo-destaque{background:transparent url('../img/background-titulo-box.jpg') repeat-x;position:relative;float:left;width:948px;height:19px;border-right:5px solid #cccdc7;}
.titulo-destaque{position:relative;color:#fff;font-size:1em;padding:7px;}
.conteudo-destaque{width:980px;font-family:"Armata",Arial;}
.col-destaque{width:320px;height:550px;background:#799cb6;margin:3px;}
.col-destaque-top{width:100%;height:80px;}
.col-destaque-banner{width:100%;height:330px;background:#577185;}
.col-destaque-footer{width:100%;height:65px;background:#799cb6;position:relative;}
.col-destaque-top h1{font-size:xx-large;color:#000;padding:7px 0px 7px 75px;}
.col-destaque-top h3{font-size:medium;color:#fff;padding:0px 60px;}
.col-destaque-banner img{border:3px solid #9aaab6;margin:5px 19px;z-index:9999;}
.col-destaque-banner p.text1{color:#b9cc00;text-align:center;font-size:14px;margin:0px 13px;}
.col-destaque-banner p.text2{color:#fff;font-size:12px;margin:10px 7px;}
.col-destaque-banner a{margin:0px 10px;}
.img-demo{border:none !important;}
.col-destaque-content{width:100%;height:120px;}
.col-destaque-content h2{margin:10px;font-weight:100;}
.col-destaque-content p{margin:10px;font-size:12px;color:#fff;float:left;}
.col-destaque-content img{margin:0px 40px;}
.col-destaque-footer{background:#799CB6;}
.col-destaque-footer a{clear:left;text-transform:uppercase;position:absolute;top:5px;right:14px;font-size:14px;color:#fff;
background: #000;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
background: linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
padding:4px;}

.text-azul-destaque{color:#3ccef3 !important;}
.text-laranja-destaque{color:#cfb422 !important;}
.fundo-top-destaque-email{background:#799cb6 url('../img/fundo-top-destaque-email.png') no-repeat;}
.fundo-top-destaque-cloud{background:#799cb6 url('../img/fundo-top-destaque-cloud.png') no-repeat;}
.fundo-top-destaque-streaming{background:#799cb6 url('../img/fundo-top-destaque-streaming.png') no-repeat;}
/**
* Definição de box blog e depoimento
* @section Estrutura e estilo
*/
#blog-depoimento{position:relative;width:980px;height:360px;margin:0px auto 15px auto;}
#blog-depoimento-col{position:relative;float:left;width:50%;}
#blog-depoimento .blog-left,
#blog-depoimento .depoimento-left{background:transparent url('../img/left-titulo-box.jpg') no-repeat;position:relative;float:left;width:13px;height:36px;}
#blog-depoimento .titulo-blog,
#blog-depoimento .titulo-depoimento{background:transparent url('../img/background-titulo-box.jpg') repeat-x;position:relative;float:left;width:90%;height:19px;padding:7px;color:#fff;font-size:1em;border-right:5px solid #cccdc7;margin-bottom:10px;}
/*
* blog
*/
#blog{position:relative;width:95%;height:280px;}
#titulo-box-blog{position:relative;width:100%;height:36px;}
#blog-depoimento .blog-feed-conteudo{position:relative;width:400px;padding:10px;clear:left;}
#blog-depoimento .blog-feed-conteudo .calendar{background:#a3c9e9;position:relative;float:left;width:40px;height:40px;text-align:center;color:#fff;margin:10px;}
#blog-depoimento .blog-feed-conteudo .feed-texts{position:relative;float:left;width:340px;}
#blog-depoimento .blog-feed-conteudo .calendar .dia-num{position:absolute;width:40px;top:5px;right:1px;font-size:0.9em;}
#blog-depoimento .blog-feed-conteudo .calendar .dia-let{position:absolute;width:40px;top:25px;right:1px;border-top:1px solid #fff;font-size:0.8em;}
#blog-depoimento .blog-feed-conteudo h4{position:relative;color:#345f80;padding-top:10px;text-decoration:underline;}
#blog-depoimento .blog-feed-conteudo .feed-texts p{font-size:0.9em;}
#blog-depoimento .blog-feed-conteudo .feed-texts{border-bottom:4px solid #f8f4e8;}
#blog-depoimento .blog-feed-conteudo .leia-mais{position:relative;margin-left:270px;text-transform:uppercase;font-weight:bold;}
#blog-depoimento .blog-feed-conteudo .leia-mais a{color:#1b3f59;}
#blog-depoimento .blog-depoimento-col2 .depoimentos{position:relative;padding-top:50px;}
/*
* Depoimentos de clientes
*/
#depoimentos{position:relative;width:95%;height:280px;float:right;}
#titulo-box-depoimento{position:relative;width:100%;height:36px;}
#mensagens-depoimentos{position:relative;width:100%;height:400px;}
#depoimento{position:relative;width:100%;height:120px;margin:10px 10px;}
.logo-cliente{position:relative;float:left;width:329px;height:160px;margin:10px 55px;}
.text-depoimento{position:relative;float:left;width:90%;margin:0 0 0 10px;}
.text-depoimento p:first-child{font-weight:bold;margin:3px 19px;}
/**
* Definição de box footer
* @section Estrutura
*/
#footer{position:relative;margin-top:-150px;/* negative value of footer height */
height:420px;clear:both;}
.cop{width:1000px;height:10px;margin:0px auto;padding:10px 0px;}
.footer-content{width:1000px;height:360px;margin:0px auto;}
.sombra-footer{ width:100%; height:20px;}
.box-produto-footer{position:relative;margin:10px 0px 10px 0px;width:200px;height:120px;}
.box-produto-footer h4{position:absolute;top:10px;left:50px;}
.box-produto-footer ul{position:absolute;top:30px;left:50px;}
.foooter-redes{margin-left:150px;width:450px;}
.icones-redes{margin:10px 0px 0px 0px;}
.ico-rede{}
.news{width:200px;margin-left:50px;text-align:center; height:75px;}
.news input{width:200px;height:17px;text-align:center;margin-top:5px;}
/**
* @section Estilo rodapé
*/
#footer{background:transparent url('../img/back-footer.jpg') repeat left top;}
.footer-content{border-bottom:1px solid #1f1f1f;}
.sombra-footer{background:transparent url('../img/imgbox1grup146.png') repeat-x left top;}
.cop{color:#fff;font-weight:normal;border-top:1px solid #575656;}
.box-produto-footer h4{color:#fff;font-size:14px;line-height:10px;}
.box-produto-footer ul li{line-height:13px;}
.box-produto-footer ul li a{font-size:11px;color:#fff;font-weight:normal;}
.foooter-redes h4{color:#fff; line-height:10px;}
.news,.news h4{color:#fff !important; line-height:10px;}
.news p{font-size:10px;}
.news input{border:1px solid #333;}

.widget-help{position:fixed;top:290px;right:-639px;width:706px;height:100px;z-index:9999 !important;}
.content-widget{height:120px;width:641px;background:#fff url('../img/back-conteudo-help.png') no-repeat;margin-top:-10px;position:relative;}
.widget-content{width:150px;height:120px;padding:0px 4px;border-left:1px solid #aaa;border-right:1px solid #ccc;}
.widget-content img{margin:5px 32px;}
.widget-content h5{color:#00305a;margin-left:7px;line-height: 12px !important;font-size:11px !important;}
.widget-content p{font-size:10px;color:#00305a;margin-left:20px;}

/**
 * barra social
 */
.barra-social{width:100%;height:40px;margin:5px 0px;}
.barra-social div{height:20px;padding:2px 8px 0px 0px;margin:8px 3px;}
.barra-social-input{padding-top:0px !important;}
.barra-social{border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;}
.barra-social div{border-right:1px dotted #ccc;}
.barra-social-titulo{color:#6d0f1f;text-transform:uppercase;}
.lista-avalia{margin:0px !important;}

/** 
* thanks to Maleika (Kohoutec)
* thank you Erik J - negate effect of float
* @bugfix 
* @affected Opera
* @css-for Opera 
* @valid true 
*/
body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px;}