/* SPRITE */
.sprite {
	background-image:url('../img/sprite.png');
	text-indent: -99999px;
	border: none;
}

body,
html{
	width: 100%;
	min-width: 980px;
}

/* FONTS */

@font-face {
    font-family: 'SignikaBold';
    src: url('../fonts/signika-bold-webfont.eot');
    src: url('../fonts/signika-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/signika-bold-webfont.woff') format('woff'),
         url('../fonts/signika-bold-webfont.ttf') format('truetype'),
         url('../fonts/signika-bold-webfont.svg#signikabold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'SignikaLight';
    src: url('../fonts/signika-light-webfont.eot');
    src: url('../fonts/signika-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/signika-light-webfont.woff') format('woff'),
         url('../fonts/signika-light-webfont.ttf') format('truetype'),
         url('../fonts/signika-light-webfont.svg#signikalight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'SignikaRegular';
    src: url('../fonts/signika-regular-webfont.eot');
    src: url('../fonts/signika-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/signika-regular-webfont.woff') format('woff'),
         url('../fonts/signika-regular-webfont.ttf') format('truetype'),
         url('../fonts/signika-regular-webfont.svg#signikaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.SignikaBold{
    font-family: 'SignikaBold' !important;
}

.SignikaLight{
    font-family: 'SignikaLight' !important;
}

.SignikaRegular{
    font-family: 'SignikaRegular' !important;
}

/* ELEMENTOS COMUNS */
body{
	font-size: 9pt;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	color: #999;
	background: url('../img/bg.jpg') top center repeat-x;
}

body.home{
	background: none;
}

.relative{
	position: relative;
}

ul.default,
ul.default li{
	display: block;
	float: left;
	list-style: none;
}

.left,
#left,
.alignleft{
	float: left;
}

.right,
#right,
.alignright{
	float: right;
}

.alignleft{
	margin: 0 0 50px 50px;
}
.alignleft{
	margin: 0 50px 50px 0;
}

.full{
	width: 100%;
}

.half{
	width: 50%;
}

img{
	max-width: 100%;
}

.container{
	position: relative;
}


/* HEADER */

#header{
	height: 125px;
	position: relative;
	width: 100%;
	z-index: 1;
	float: left;
}

.home #header{
	margin: 0 0 -125px;
}

.bg_menu{
	background: url('../img/bg_menu.gif') top center repeat-x;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
 
.logo{
	position: absolute;
	top: 40px;
	left: 20px;
}

.menu_secundario,
.menu_secundario li{
	display: block;
	float: right;
	list-style: none;
}

.menu_secundario li{
	float: left;
	margin: 15px 15px 5px 0;
	padding: 10px;
	position: relative;
	height: 20px;
}

.menu_secundario li.submenu_atendimento{
	padding: 1px 0 0;
	height: 39px;
}

.menu_secundario li:hover{
	background: #333;
}

.menu_secundario li a{
	color: #FFF;
	line-height: 20px;
	text-decoration: none;
}

.menu_secundario li a span{
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

.menu_secundario li .submenu{
	position: absolute;
	top: 100%;
	left: 0;
	background: #333;
	padding: 20px;
	width: 180px;
	z-index: 999;
	display: none;
}

.menu_secundario li .submenu.submenu_central{
	margin-left: -60px;
}

.menu_secundario li .submenu h3,
.menu_secundario li .submenu strong{
	color: #FFF;
}

.menu_secundario li .submenu p,
.menu_secundario li .submenu h3{
	margin: 0 0 5px;
}


.menu_secundario li .submenu h3{
	font-size: 10pt;
}

.menu_secundario li .submenu form input{
	border: none;
	width: 170px;
	background: #666;
	color: #FFF;
}

.menu_secundario li .submenu form input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #FFF !important; 
}
.menu_secundario li .submenu form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #FFF !important; 
}
.menu_secundario li .submenu form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #FFF !important; 
}
.menu_secundario li .submenu form input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #FFF !important; 
}

.menu_secundario li .submenu form button{
	float: right;
}

#header .menu,
#header .menu li{
	display: block;
	float: left;
	list-style: none;
	position: relative;
}

#header .menu{
	margin: 0 35px 0 0;
	float: right;
}

#header .menu li a{
	font-family: 'SignikaRegular';
	font-size: 11pt;
	color: #333;
	display: block;
	margin: 16px 15px 0;
	text-transform: uppercase;
	padding: 10px 0;
}

#header .menu li.menu-item-112 a{
	cursor: default;
}

#header .menu li a:hover,
#header .menu li.current-menu-item a{
	border-bottom: solid 3px #ff0000;
	padding-bottom: 7px;
	text-decoration: none;
}

#header .btn_assine_agora{
	float: right;
	margin: 10px 10px 10px 0;
}

.menu .submenu{
	position: absolute;
	left: 0;
	top: 100%;
	background: #333;
	font-family: 'SignikaRegular';
	padding: 30px 30px 26px;
	width: 500px;
	display: none;
}

#header .menu .submenu li .titulo_submenu{
	color: #FFF;
	text-transform: none;
	font-size: 12pt;
	display: block;
}

#header .menu .submenu li{
	width: 100%;
}

#header .menu .submenu li a{
	margin: 0;
	padding: 0;
	color: #999;
	z-index: 10;
	text-transform: none;
	font-size: 10pt;
	cursor: pointer;
	display: inline;
}

#header .menu .submenu li a:hover{
	padding: 0;
	border: none;
}

#header .menu .submenu ul{
	display: block;
	float: left;
	width: 30%;
	margin: 0 3% 3px 0;
}

#header .menu .submenu li ul{
	width: 100%;
}

#header .menu .submenu li ul li{
	list-style: url('../img/list_submenu_bg.png');
	display: list-item;
	list-style-position: inside;
	margin: 4px 0;
	width: 100%;
}

.destaques_wrapper{
	top: 0;
	left: 0;
	width: 100%;
	height: 590px;
	overflow: hidden;
	z-index: 0;
	position: relative;
}

.destaque{
	width: 100% !important;
	height: 590px;
	text-align: center;
	background: top center no-repeat;
}

.destaque a{
	display: block;
	width: 100%;
	height: 100%;
}

.destaques{
	width: 100% !important;
	height: 590px;
}

.pager_destaques_wrapper{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 5;
}

.bg_pager{
	height: 45px;
	width: 100%;
	background: #FFF;
	float: left;
	margin-top: -45px;
	position: relative;
	z-index: 0;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-bottom: solid 1px #DDD;
    -webkit-box-shadow: 0px -5px 10px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px -5px 10px rgba(50, 50, 50, 0.15);
	box-shadow:         0px -5px 10px rgba(50, 50, 50, 0.15);
}

.pager_destaques{
	width: 100%;
	position: relative;
	z-index: 1;
}

.pager_destaques li{
	width: 20%;
	margin: 0 2.5%;
	cursor: pointer;
}

.pager_destaques li .seta_pager{
	display: block;
	float: left;
	width: 100%;
	height: 8px;
	background: url('../img/seta_pager.png') top center no-repeat;
	display: none;
}

.pager_destaques li a{
	display: block;
	float: left;
	width: 100%;
    font-family: 'SignikaBold';
    text-align: center;
    color: #BBB;
    text-decoration: none;
    font-size: 11pt;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
	padding: 30px 0 12px;
}

.pager_destaques li.activeSlide a{
	background: url('../img/bg_pager_active.gif') center center repeat-x;
    color: #FFF;
	padding: 17px 0;
}

.pager_destaques li.activeSlide .seta_pager{
	display: block;
}

/* MAIN */

#main{
	width: 100%;
	background: #FFF;
    -webkit-box-shadow: 0px -5px 10px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px -5px 10px rgba(50, 50, 50, 0.15);
	box-shadow:         0px -5px 10px rgba(50, 50, 50, 0.15);
}

.home h2,
h2.titulo_footer{
	font-size: 36pt;
	color: #ff0000;
	font-family: 'SignikaLight';
	font-weight: lighter;
	margin: 55px 0;
}

h2.titulo_tecnologia{
	margin-bottom: 25px;
}

.home h3.subtitulo_tecnologia{
	font-size: 14pt;
	font-family: 'SignikaRegular';
	font-weight: lighter;
	margin-bottom: 55px;
}

.box_depoimento{
	margin-top: 30px;
}

.hide_line .box_depoimento{
	margin-top: 0;
}

.box_depoimento h3{
	font-size: 20pt;
	font-family: 'SignikaBold';
	font-weight: normal;
	text-align: center;
	padding: 0 0 25px;
}

.content_depoimento{
	background: #f8f8f8;
	border: solid 1px #DDD;
	border-top: none;
	padding: 30px;
    border-radius: 0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}

.content_depoimento p{
	text-align: center;
	font-size: 13pt;
	margin: 0 0 15px;
	font-family: 'SignikaBold';
}

.content_depoimento span.cliente_depoimento{
	color: #ff0000;
	font-size: 10pt;
	font-family: 'SignikaRegular';
}

.content_depoimento a.site_depoimento{
	color: #999;
	text-decoration: underline;
}

.line{
	float: left;
	width: 100%;
	height: 1px;
	margin: 0 0 25px;
	background: url('../img/line.gif') center center no-repeat;
}

.hide_line .line_top{
	display: none;
}

.content_depoimento .line{
	margin-top: 10px;
}

.align_center{
	text-align: center;
}

.home .depoimentos{
	margin: 0 0 90px;
}

.diferenciais_home{
	background: #f8f8f8;
	border-top: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
	padding: 0 0 55px;
	margin: 55px 0 0;
}

.box_diferencial{
	text-align: center;
}

.box_diferencial h3{
	color: #ff0000;
	font-family: 'SignikaBold';
	font-size: 15pt;
	margin: 20px 0 25px;
}

.box_diferencial p{
	font-size: 11pt;
	font-family: 'SignikaRegular';
}

/* FOOTER */

#footer{
	background: #9d2727;
	padding: 35px 0;
	margin: 55px 0 0;
}

#footer_bar{
	background: #7b1818;
	padding: 20px 0;
}

#footer_bar p{
	color: #FFF;
	font-family: 'SignikaRegular';
}

#footer_bar .flammo{
	margin: 13px 0 0;
}

#footer ul{
	width: 100%;
}

#footer ul li{
	width: 100%;
	margin: 0 0 10px;
}

#footer ul.solucoes_footer li{
	width: 50%;
}

#footer h5{
	color: #FFF;
	font-family: 'SignikaRegular';
	font-size: 11pt;
	font-weight: lighter;
	margin: 0 0 20px;
}

#footer ul li a{
	color: #ff9999;
	font-family: 'SignikaRegular';
	font-size: 10pt;
}

.titulo{
	float: left;
	border-bottom: solid 10px #ff0000; 
}

.titulo h1{
	color: #FFF;
	font-size: 30pt;
	text-transform: uppercase;
	font-family: 'SignikaLight';
	font-weight: lighter;
	padding: 25px 0 24px;
}

.titulo h2{
	font-size: 13pt;
	color: #FFF;
	font-family: 'SignikaLight';
	padding: 0 0 20px;
}

.dynamic{
	font-family: 'SignikaRegular';
}

.dynamic li,
.dynamic p{
	font-size: 11pt;
	margin: 0 0 15px;
}

.dynamic li{
	list-style: url('../img/list_bg.png');
}


.dynamic ul{
	margin: 0 0 0 20px;
}

.dynamic strong{
	color: #333;
}

.dynamic h1,
.dynamic h2,
.dynamic h3,
.dynamic h4,
.dynamic h5{
	margin: 15px 0;
	font-family: 'SignikaBold';
	font-weight: lighter;
}

.dynamic h1{
	font-size: 17pt;
}

.dynamic h2{
	font-size: 15pt;
}

.dynamic h3{
	font-size: 13pt;
}

.dynamic h4{
	font-size: 11pt;
}

.dynamic h4{
	font-size: 9pt;
}

.page_box{
	float: left;
	width: 100%;
}

.titulo_solucao,
.page_box h2{
	font-family: 'SignikaLight';
	color: #ff0000;
	font-size: 25pt;
	font-weight: lighter;
	padding: 35px 0;
	border-bottom: solid 1px #DDD;
	margin: 0 0 35px;
}

.titulo_solucao h2{
	font-family: 'SignikaLight';
	font-size: 29pt;
	font-weight: lighter;

}

#galleria{
	float: left;
	width: 100%;
	height: 650px;
	margin: -55px 0 0;
}

.plano{
	text-align: center;
}

.plano .valor_plano{
	background: #EEE;
	padding: 75px 0 15px;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}

.plano .valor_plano span{
	font-family: 'SignikaBold';
	font-size: 12pt;
	color: #444;
}

.plano .valor_plano span .valor{
	font-size: 30pt;
}

.plano .conteudo_plano{
	background: #dedede;
	padding: 25px 0;
	font-family: 'SignikaRegular';
	font-size: 11pt;
}

.plano .conteudo_plano p{
	margin: 0 0 10px;
}

.plano .conteudo_plano strong{
	font-family: 'SignikaBold';
}

.plano .conteudo_plano .assine_agora_plano{
	margin: 10px 0 0;
}

.plano .nome_plano{
	width: 105px;
	height: 105px;
	margin: 0 auto -52px;
	position: relative;
	text-align: center;
}

.plano .nome_plano .mascara_nome{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: url('../img/mascara_nome_plano.png') center center no-repeat;
}

.plano .nome_plano h3{
	color: #FFF;
	font-size: 15pt;
	font-family: 'SignikaBold';
	line-height: 0px;
	padding: 7px 0 0;
	font-weight: lighter;
}

.plano .nome_plano h3 span{
	font-size: 38pt;
}

.plano .mais_detalhes_plano{
	display: block;
	font-family: 'SignikaBold';
	font-size: 11pt;
	color: #FFF;
	padding: 20px 0 30px;
	position: relative;
}

.plano .mais_detalhes_plano .mascara_mais_detalhes{
	display: block;
	width: 100%;
	height: 15px;
	background: url('../img/mascara_mais_detalhes_down.png') center center no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}

.plano .mais_detalhes_plano.aberto{
	padding: 30px 0 20px;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}

.plano .mais_detalhes_plano.aberto .mascara_mais_detalhes{
	bottom: auto;
	top: 0;
	background: url('../img/mascara_mais_detalhes_up.png') center center no-repeat;
	height: 11px;
}

.relative{
	position: relative;
}

.mais_planos{
	margin: 150px 0 0;
	display: block;
}

.nomes_recursos,
.recursos_plano {
	width: 100%;
}

.nomes_recursos th{
	font-family: 'SignikaBold';
	font-size: 11pt;
	text-align: right;
	font-weight: lighter;
	padding: 7px 0;
}

.nomes_recursos td{
	font-family: 'SignikaRegular';
	font-size: 9.5pt;
	padding: 9px 0;
	text-align: right;
}

.recursos_plano tr{
	height: 35px;
}

.recursos_plano tr,
.recursos_plano td{
	text-align: center;
	padding: 6px 0;
	background: url('../img/opacity_75.png');
}

.recursos_plano tr.odd th,
.recursos_plano tr.odd td{
	background: url('../img/opacity_50.png');
}

.row_recursos{
	display: none;
}

.mais_solucoes{
	margin-top: 15px;
}

.mais_solucoes .texto{
	display: block;
	float: left;
	color: #999;
	font-size: 10pt;
	font-family: 'SignikaBold';
	width: 16.5%;
	line-height: 30px;
}

.mais_solucoes .select{
	width: 12.5%;
	background: #999;
	color: #FFF;
	display: block;
	border: none;
	float: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 0;
	margin: 0 1% 0 0;
	line-height: 30px;
	height: auto;
}

.mais_solucoes .select select{
	width: 90%;
	margin: -4px 5% 0;
	background: #999;
	color: #FFF;
	border: none;
	padding: 0;
	line-height: normal;
	height: auto;
	font-family: 'SignikaRegular';
}

.tab-content{
	background: #333;
	border-radius: 5px;
	padding: 30px 30px 15px;
}

.tab-content li,
.tab-content p{
	color: #FFF;
}

.nav-tabs > .active > a, 
.nav-tabs>.active>a:hover, 
.nav-tabs>.active>a:focus{
	background: #333;
	color: #FFF;
	border: solid 1px #333;
	margin: 0;
}

.nav-tabs li a{
	color: #999;
	background: #dedede;
	font-size: 9pt;
}

.nav-tabs li{
	list-style: none;
	width: 27%;
	margin: 0 3%;
}

.dynamic ul.nav-tabs{
	border-bottom: none;
	margin: 30px 0 0;
}

.tabela_dominios table{
	width: 100%;
	font-family: 'SignikaRegular';
	font-size: 11pt;
}

.tabela_dominios table th{
	background: #333;
	padding: 11px 0;
	color: #FFF;
	text-align: center;
}

.tabela_dominios table th:first-child{
	border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
}

.tabela_dominios table th:last-child{
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
}

.tabela_dominios table tr:last-child td:first-child{
	border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
} 

.tabela_dominios table tr:last-child td:last-child{
	border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0;
}

.tabela_dominios table td{
	padding: 15px 0;
	text-align: center;
	background: #dedede;
	color: #666;
}

.tabela_dominios table .odd td{
	background: #d3d3d3;
}

.form_dominios{
	padding: 30px;
	background: #7b1818;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 30px 0 0;
}

.form_dominios .btn_verificar_disponibilidade{
	width: 190px;
	background-color: transparent;
	margin: 20px 0 0;
}

.form_dominios .select,
.form_dominios input{
	width: 80%;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: block;
	float: left;
	background: #FFF;
	padding: 7px 0;
	margin: 0;
	line-height: normal;
	height: auto;
	text-indent: 7px;
}

.form_dominios .select{
	width: 19%;
	padding: 5px 0 6px;
	margin: 0 0 0 1%;
}

.form_dominios select{
	width: 90%;
	padding: 0 5%;
	margin: 0;
	line-height: normal;
	height: auto;
	border: none;
}

.form_dominios .submit{
	text-align: center;
}

.form_dominios h3{
	color: #FFF;
	font-family: 'SignikaBold';
	font-weight: lighter;
	font-size: 16pt;
	margin: 0 0 25px;
}


.botoes_depoimentos{
	text-align: center;
}

.botoes_depoimentos a{
	margin: 45px 35px 0;
}

/*LIGHTBOX*/

#mascara {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#000;
	opacity:.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	z-index: 10;
	display: none;
} 

.lightbox{
	width: 510px;
	height: 420px;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	left: 50%;
	top: 50%;
	margin: -240px 0 0 -285px;
	position: absolute;
	z-index: 20;
	padding: 30px;
	display: none;
}

.lightbox .titulo_form{
	color: #ff0000;
	font-size: 25pt;
	margin: 0 0 35px;
	display: block;
	font-family: 'SignikaRegular';
}

.lightbox form p textarea,
.lightbox form p input{
	width: 495px;
}

.lightbox form p{
	margin: 0 0 10px;
	position: relative;
}

.lightbox form p textarea{
	height: 100px;
}

.lightbox form p button{
	float: right;
}

.lightbox form p input.checkbox{
	width: auto;
	float: left;
	height: auto;
	margin: 0 10px 0 0;
}

.lightbox .btn_fechar{
	position: absolute;
	top: 30px;
	right: 30px;
}

.lightbox form p label.error{
	position: absolute;
	top: 4px;
	right: 5px;
	font-size: 8pt;
	color: #ff0000;
}

.lightbox form p.autorizo label.error{
	top: -13px;
}

/*404*/

.solucoes_404{
	float: left;
	width: 20%;
}

.solucoes_404 h3{
	font-size: 14pt;
	font-family: 'SignikaBold';
	font-weight: lighter;
	margin: 0 0 10px;
}

.solucoes_404 ul li{
	list-style: none;
	margin: 0 0 5px;
}


.solucoes_404 ul li a{
	font-family: 'SignikaRegular';
	color: #999;
	text-decoration: none;
	font-size: 12pt;
}

/* RESPONSIVE */

@media (min-width: 1200px) {
	#header .menu li a{
		margin: 16px 30px 0;
	}

	.pager_destaques li a{
		font-size: 14pt;
	}

	.bg_pager{
		height: 50px;
		margin-top: -50px;
	}

	.nomes_recursos td{
		font-size: 10.5pt;
	}

	.nomes_recursos th {
		font-size: 13pt;
	}

	.titulo_solucao h2{
		font-size: 37pt;
	}

	.mais_solucoes .texto{
		font-size: 12pt;
	}

	.nav-tabs li a{
		font-size: 11pt;
	}
}

/*@media (min-width: 768px) and (max-width: 979px) {
	#header .logo{
		position: relative;
	}
}*/
